950a2ebc by 杨威

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

1 parent ad6c940b
<template>
<div class="lpbContent-wrap" ref="lpbContentWrap">
<div class="lpbContent" ref="lpbContent" v-loading='loading'>
<div class="ljz-wrap" :style="{'width':ljzWidth+'px'}" v-show="lpbData.ljzs.length>0">
<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">
<!-- 循环逻辑幢数据 -->
<div class="ljz" ref="ljz" v-for="(ljzs,ljzIndex) in lpbData.ljzs" :key="ljzIndex">
<div class="ljz-zdy-wrap" >
......@@ -22,8 +22,8 @@
</div>
</div>
<!-- 循环逻辑幢下的层户 -->
<div class="ljz-ch">
<table class="chTable" border="1" cellspacing="0" cellpadding="0" v-show="ljzs.cs.length>0">
<div class="ljz-ch" v-if="ljzs.cs.length>0">
<table class="chTable" border="1" cellspacing="0" cellpadding="0">
<tr v-for="(cs) in ljzs.cs" :key="cs.bsm">
<!-- 显示层数 -->
<td class="floor">{{cs.sjc}}</td>
......@@ -156,7 +156,7 @@ export default {
let highest = this.$refs.zdy[0].offsetHeight;
this.zdyWidth -= 980;
this.$refs.zdy.forEach(item=>{
this.zdyWidth += item.offsetWidth + 20;
this.zdyWidth += item.offsetWidth + 21;
this.cHeight = item.offsetHeight > this.cHeight ? item.offsetHeight : this.cHeight;
highest = highest > item.offsetHeight ? highest:item.offsetHeight;
})
......@@ -277,6 +277,13 @@ export default {
background-color: darkorange;
}
}
div:last-child{
margin-right: 0;
}
}
.bottom40{
position: absolute;
bottom: 40px;
}
.zdy-wrap {
height: auto;
......