楼盘表树目录修改
Showing
4 changed files
with
36 additions
and
12 deletions
... | @@ -23,7 +23,7 @@ | ... | @@ -23,7 +23,7 @@ |
23 | @click="itemClick(item)" | 23 | @click="itemClick(item)" |
24 | @dblclick="dbclick(item,item.zdbsm)" | 24 | @dblclick="dbclick(item,item.zdbsm)" |
25 | :class="{ | 25 | :class="{ |
26 | active_color: item.expand | 26 | active_color: item.expand, |
27 | }" | 27 | }" |
28 | > | 28 | > |
29 | <div | 29 | <div |
... | @@ -36,7 +36,13 @@ | ... | @@ -36,7 +36,13 @@ |
36 | :data-zdbsm="item.zdbsm" | 36 | :data-zdbsm="item.zdbsm" |
37 | :title=item.mc | 37 | :title=item.mc |
38 | > | 38 | > |
39 | <i v-show="!item.qszt && !item.type" class="iconfont iconguoyou" style="margin-right:6px"></i> | 39 | <i v-show="!islpb && !item.qszt && !item.type" class="iconfont iconguoyou" style="margin-right:6px"></i> |
40 | <template v-if="islpb && item.type == 'ljz' && item.children.length>0" > | ||
41 | <i v-if=" !item.expand" class="iconfont iconxiala lpbTree-node"></i> | ||
42 | <i v-if=" item.expand" class="iconfont iconxialazhankai lpbTree-node"></i> | ||
43 | </template> | ||
44 | <!-- <i v-show="islpb && item.expand && item.children.length > 0" class="iconfont iconxiala" style="margin-right:6px"></i> | ||
45 | <i v-show="islpb && !item.expand && item.children.length > 0" class="iconfont iconxialazhankai" style="margin-right:6px"></i> --> | ||
40 | <span class="qsztImg" v-if="item.bblx == 1 || (item.bhqkbsm != ''&& item.bhqkbsm != null)"> | 46 | <span class="qsztImg" v-if="item.bblx == 1 || (item.bhqkbsm != ''&& item.bhqkbsm != null)"> |
41 | <!-- <span class="qsztFont" style="color: #9e9b9b">变</span> --> | 47 | <!-- <span class="qsztFont" style="color: #9e9b9b">变</span> --> |
42 | <i :class="$route.query.bsm && $route.query.bsm==item.bsm ? 'iconfont iconbianing':'iconfont iconbian'"></i> | 48 | <i :class="$route.query.bsm && $route.query.bsm==item.bsm ? 'iconfont iconbianing':'iconfont iconbian'"></i> |
... | @@ -58,6 +64,7 @@ | ... | @@ -58,6 +64,7 @@ |
58 | <i class="iconfont iconziranchuang1 mr4" v-if="item.type=='zrz'"></i> | 64 | <i class="iconfont iconziranchuang1 mr4" v-if="item.type=='zrz'"></i> |
59 | <i class="iconfont iconduochuang1 mr4" v-if="item.type=='dz'"></i> | 65 | <i class="iconfont iconduochuang1 mr4" v-if="item.type=='dz'"></i> |
60 | <i class="iconfont icongouzhuwu mr4" v-if="item.type=='gzw'"></i> | 66 | <i class="iconfont icongouzhuwu mr4" v-if="item.type=='gzw'"></i> |
67 | <span v-if="islpb">({{item.type | bdcLxFilter}})</span> | ||
61 | <span>{{ item.mc }}</span> | 68 | <span>{{ item.mc }}</span> |
62 | 69 | ||
63 | </div> | 70 | </div> |
... | @@ -72,8 +79,6 @@ | ... | @@ -72,8 +79,6 @@ |
72 | reTree_default_icon: item.children.length === 0, | 79 | reTree_default_icon: item.children.length === 0, |
73 | reTree_collapse_icon: !islpb && item.expand && item.children.length > 0, | 80 | reTree_collapse_icon: !islpb && item.expand && item.children.length > 0, |
74 | reTree_expand_icon: !islpb && !item.expand && item.children.length > 0, | 81 | reTree_expand_icon: !islpb && !item.expand && item.children.length > 0, |
75 | lpbTree_collapse_icon: islpb && item.expand && item.children.length > 0, | ||
76 | lpbTree_expand_icon: islpb && !item.expand && item.children.length > 0, | ||
77 | }" | 82 | }" |
78 | ></div> | 83 | ></div> |
79 | <div | 84 | <div |
... | @@ -354,6 +359,9 @@ export default { | ... | @@ -354,6 +359,9 @@ export default { |
354 | box-sizing: border-box; | 359 | box-sizing: border-box; |
355 | padding-left: 20px; | 360 | padding-left: 20px; |
356 | } | 361 | } |
362 | .lpb_basic_banner { | ||
363 | padding-left: 42px; | ||
364 | } | ||
357 | .second_layer { | 365 | .second_layer { |
358 | position: relative; | 366 | position: relative; |
359 | width: calc(100% - 20px); | 367 | width: calc(100% - 20px); |
... | @@ -397,6 +405,11 @@ export default { | ... | @@ -397,6 +405,11 @@ export default { |
397 | .white_layer { | 405 | .white_layer { |
398 | color: black!important; | 406 | color: black!important; |
399 | } | 407 | } |
408 | .lpbTree-node{ | ||
409 | position: absolute; | ||
410 | top: 4px; | ||
411 | left: 0; | ||
412 | } | ||
400 | 413 | ||
401 | // .second_layer::before { | 414 | // .second_layer::before { |
402 | // content: ""; | 415 | // content: ""; |
... | @@ -488,8 +501,6 @@ export default { | ... | @@ -488,8 +501,6 @@ export default { |
488 | 501 | ||
489 | .lpbTree_collapse_icon { | 502 | .lpbTree_collapse_icon { |
490 | // opacity: .5; | 503 | // opacity: .5; |
491 | background: url("../../assets/images/arrow-down-bold.svg") no-repeat center | ||
492 | center; | ||
493 | background-size: contain; | 504 | background-size: contain; |
494 | } | 505 | } |
495 | .lpbTree_expand_icon { | 506 | .lpbTree_expand_icon { | ... | ... |
... | @@ -13,11 +13,18 @@ | ... | @@ -13,11 +13,18 @@ |
13 | class="row-flex-start basic_banner" | 13 | class="row-flex-start basic_banner" |
14 | :class="{ | 14 | :class="{ |
15 | active_color: item.expand && item.children.length > 0, | 15 | active_color: item.expand && item.children.length > 0, |
16 | lpb_basic_banner:islpb | ||
16 | }" | 17 | }" |
17 | @click="itemClick(item)" | 18 | @click="itemClick(item)" |
18 | > | 19 | > |
19 | 20 | ||
20 | <div class="layer_text nowrap" @contextmenu.prevent="openMenu($event, item)"><i class="iconfont iconguoyou"></i> {{ item.mc }}</div><div | 21 | <div class="layer_text nowrap" @contextmenu.prevent="openMenu($event, item)"> |
22 | <i v-if="!islpb" class="iconfont iconguoyou"></i> | ||
23 | <i v-if="islpb && !item.expand" class="iconfont iconxiala"></i> | ||
24 | <i v-if="islpb && item.expand" class="iconfont iconxialazhankai"></i> | ||
25 | {{ item.mc }} | ||
26 | </div> | ||
27 | <div | ||
21 | class="reTree_icon" | 28 | class="reTree_icon" |
22 | :style="{ | 29 | :style="{ |
23 | height: 10 + 'px', | 30 | height: 10 + 'px', |
... | @@ -25,10 +32,8 @@ | ... | @@ -25,10 +32,8 @@ |
25 | }" | 32 | }" |
26 | :class="{ | 33 | :class="{ |
27 | reTree_default_icon: item.children.length === 0, | 34 | reTree_default_icon: item.children.length === 0, |
28 | reTree_collapse_icon: !islpb && item.expand && item.children.length > 0, | 35 | reTree_collapse_icon: item.expand && item.children.length > 0, |
29 | reTree_expand_icon: !islpb && !item.expand && item.children.length > 0, | 36 | reTree_expand_icon: !item.expand && item.children.length > 0, |
30 | lpbTree_collapse_icon: islpb && item.expand && item.children.length > 0, | ||
31 | lpbTree_expand_icon: islpb && !item.expand && item.children.length > 0, | ||
32 | }" | 37 | }" |
33 | ></div> | 38 | ></div> |
34 | </div> | 39 | </div> | ... | ... |
... | @@ -49,6 +49,14 @@ let bdcLxArray = [ | ... | @@ -49,6 +49,14 @@ let bdcLxArray = [ |
49 | label: "构筑物", | 49 | label: "构筑物", |
50 | value: "gzw", | 50 | value: "gzw", |
51 | }, | 51 | }, |
52 | { | ||
53 | label: "逻辑幢", | ||
54 | value: "ljz", | ||
55 | }, | ||
56 | { | ||
57 | label: "幢单元", | ||
58 | value: "zdy", | ||
59 | }, | ||
52 | ]; | 60 | ]; |
53 | createFilter("bdcLxFilter", bdcLxArray); | 61 | createFilter("bdcLxFilter", bdcLxArray); |
54 | //流程的环节状态过滤 | 62 | //流程的环节状态过滤 | ... | ... |
... | @@ -919,7 +919,7 @@ export default { | ... | @@ -919,7 +919,7 @@ export default { |
919 | transition: 0.5s; | 919 | transition: 0.5s; |
920 | .treeData { | 920 | .treeData { |
921 | margin-top: 20px; | 921 | margin-top: 20px; |
922 | margin-left: 20px; | 922 | margin-left: 26px; |
923 | float: left; | 923 | float: left; |
924 | } | 924 | } |
925 | } | 925 | } | ... | ... |
-
Please register or sign in to post a comment