判断没有独立幢单元和独立层户时,将逻辑幢置于最下层
Showing
1 changed file
with
11 additions
and
4 deletions
| 1 | <template> | 1 | <template> |
| 2 | <div class="lpbContent-wrap" ref="lpbContentWrap"> | 2 | <div class="lpbContent-wrap" ref="lpbContentWrap"> |
| 3 | <div class="lpbContent" ref="lpbContent" v-loading='loading'> | 3 | <div class="lpbContent" ref="lpbContent" v-loading='loading'> |
| 4 | <div class="ljz-wrap" :style="{'width':ljzWidth+'px'}" v-show="lpbData.ljzs.length>0"> | 4 | <div :class="(lpbData.cs.length == 0 && lpbData.zdys.length == 0) ? 'bottom40 ljz-wrap':'ljz-wrap'" :style="{'width':ljzWidth+'px'}" v-show="lpbData.ljzs.length>0"> |
| 5 | <!-- 循环逻辑幢数据 --> | 5 | <!-- 循环逻辑幢数据 --> |
| 6 | <div class="ljz" ref="ljz" v-for="(ljzs,ljzIndex) in lpbData.ljzs" :key="ljzIndex"> | 6 | <div class="ljz" ref="ljz" v-for="(ljzs,ljzIndex) in lpbData.ljzs" :key="ljzIndex"> |
| 7 | <div class="ljz-zdy-wrap" > | 7 | <div class="ljz-zdy-wrap" > |
| ... | @@ -22,8 +22,8 @@ | ... | @@ -22,8 +22,8 @@ |
| 22 | </div> | 22 | </div> |
| 23 | </div> | 23 | </div> |
| 24 | <!-- 循环逻辑幢下的层户 --> | 24 | <!-- 循环逻辑幢下的层户 --> |
| 25 | <div class="ljz-ch"> | 25 | <div class="ljz-ch" v-if="ljzs.cs.length>0"> |
| 26 | <table class="chTable" border="1" cellspacing="0" cellpadding="0" v-show="ljzs.cs.length>0"> | 26 | <table class="chTable" border="1" cellspacing="0" cellpadding="0"> |
| 27 | <tr v-for="(cs) in ljzs.cs" :key="cs.bsm"> | 27 | <tr v-for="(cs) in ljzs.cs" :key="cs.bsm"> |
| 28 | <!-- 显示层数 --> | 28 | <!-- 显示层数 --> |
| 29 | <td class="floor">{{cs.sjc}}层</td> | 29 | <td class="floor">{{cs.sjc}}层</td> |
| ... | @@ -156,7 +156,7 @@ export default { | ... | @@ -156,7 +156,7 @@ export default { |
| 156 | let highest = this.$refs.zdy[0].offsetHeight; | 156 | let highest = this.$refs.zdy[0].offsetHeight; |
| 157 | this.zdyWidth -= 980; | 157 | this.zdyWidth -= 980; |
| 158 | this.$refs.zdy.forEach(item=>{ | 158 | this.$refs.zdy.forEach(item=>{ |
| 159 | this.zdyWidth += item.offsetWidth + 20; | 159 | this.zdyWidth += item.offsetWidth + 21; |
| 160 | this.cHeight = item.offsetHeight > this.cHeight ? item.offsetHeight : this.cHeight; | 160 | this.cHeight = item.offsetHeight > this.cHeight ? item.offsetHeight : this.cHeight; |
| 161 | highest = highest > item.offsetHeight ? highest:item.offsetHeight; | 161 | highest = highest > item.offsetHeight ? highest:item.offsetHeight; |
| 162 | }) | 162 | }) |
| ... | @@ -277,6 +277,13 @@ export default { | ... | @@ -277,6 +277,13 @@ export default { |
| 277 | background-color: darkorange; | 277 | background-color: darkorange; |
| 278 | } | 278 | } |
| 279 | } | 279 | } |
| 280 | div:last-child{ | ||
| 281 | margin-right: 0; | ||
| 282 | } | ||
| 283 | } | ||
| 284 | .bottom40{ | ||
| 285 | position: absolute; | ||
| 286 | bottom: 40px; | ||
| 280 | } | 287 | } |
| 281 | .zdy-wrap { | 288 | .zdy-wrap { |
| 282 | height: auto; | 289 | height: auto; | ... | ... |
-
Please register or sign in to post a comment