楼盘表树目录修改
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