判断没有独立幢单元和独立层户时,将逻辑幢置于最下层
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