kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

BUG 30357

Browse Source
This commit is contained in:
aixianling
2022-06-29 14:03:07 +08:00
parent bc1f9ba4cb
commit d4bb5d2de0
1 changed files with 95 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
packages/grid/AppHouseMap/buildingStatistics.vue
View File

@@ -1,15 +1,16 @@
<template>
<section class="buildingStatistics">
<ai-title v-if="!isFormDv" title="楼栋统计" isShowBack isShowBottomBorder @onBackClick="$router.push({query:{}}),$parent.info={},$parent.isShowInfo=false,$parent.house=null,$parent.chooseBuildId='',$parent.showStatistics=false, $parent.type='0'"/>
<ai-title v-if="!isFormDv" title="楼栋统计" isShowBack isShowBottomBorder
@onBackClick="$router.push({query:{}}),$parent.info={},$parent.isShowInfo=false,$parent.house=null,$parent.chooseBuildId='',$parent.showStatistics=false, $parent.type='0'"/>
<div class="buildingPane">
<div class="bgItem tree"/>
<div class="building">
<template v-if="floorRooms.length>0">
<div class="buildingSignboard">{{ `${currentBuilding.buildingNumber}栋 ${unitNumber}单元` }}
</div>
<div class="buildingSignboard" v-text="`${currentBuilding.buildingNumber}栋 ${unitNumber}单元`"/>
<el-scrollbar class="floors">
<div class="floor" v-for="(fl,j) in floorRooms" :key="j">
<div class="room" v-for="(op,i) in fl" :key="op.id" @click="handleSelectRoom(op,$event)" @touchstart="handleSelectRoom(op,$event)" :class="[{none:op.livingNumber==0,selected:selected.houseCode==op.houseCode},handleTipsHighlight(op.tips)]">
<div class="room" v-for="op in fl" :key="op.id" @click="handleSelectRoom(op,$event)" @touchstart="handleSelectRoom(op,$event)"
:class="[{none:op.livingNumber==0,selected:selected.houseCode==op.houseCode},handleTipsHighlight(op.tips)]">
{{ op.houseCode }}
<div v-if="op.livingNumber==0">无人</div>
<div v-show="op.id==selected.id" class="detail" @click.stop :style="{left:position.x,top:position.y}">
@@ -68,7 +69,7 @@
<ai-empty v-else>请在【<b>小区总览</b>】中选取【楼栋单元】</ai-empty>
<div class="bottom"/>
</div>
<building-tool-bar></building-tool-bar>
<building-tool-bar/>
</div>
</section>
</template>
@@ -143,7 +144,9 @@ export default {
selectedBuilding(building, unitNumber) {
this.selected = {}
this.tips = []
this.$router.push({query: {...this.$route.query, buildingId: building.id,unitNum:unitNumber}}).catch(e=>{e})
this.$router.push({query: {...this.$route.query, buildingId: building.id, unitNum: unitNumber}}).catch(e => {
e
})
this.currentBuilding = building
this.unitNumber = unitNumber
this.getRoomsByBuilding(building.id, unitNumber)
@@ -337,29 +340,37 @@ export default {
::v-deep .floors {
max-height: 520px;
max-width: 60vw;
margin: 0 20px;
padding: 0 50px;
position: relative;
.el-scrollbar__wrap {
overflow-x: hidden;
margin-bottom: 0 !important;
&:before {
display: block;
content: " ";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-image: url("https://cdn.cunwuyun.cn/buildSta/floor.png");
background-size: 100% 105px;
}
}
.floor {
margin: 0 20px;
position: relative;
height: 105px;
flex-shrink: 0;
max-width: calc(100% - 40px);
display: flex;
flex-shrink: 0;
align-items: center;
background-image: url("https://cdn.cunwuyun.cn/buildSta/floor.png");
background-size: 100% 105px;
padding: 0 30px;
box-sizing: border-box;
gap: 20px;
.room {
width: 60px;
height: 72px;
flex-shrink: 0;
background-image: url("https://cdn.cunwuyun.cn/buildSta/room.png");
text-align: center;
padding-top: 20px;