950a2ebc by 杨威

判断没有独立幢单元和独立层户时,将逻辑幢置于最下层

1 parent ad6c940b
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;
......