|
|
@@ -43,7 +43,6 @@
|
|
|
/>
|
|
|
<img src="../assets/img/region/watch.png"
|
|
|
height="18" width="18"
|
|
|
- v-if="node.level != 1"
|
|
|
@click="seeLoft(node)"
|
|
|
/>
|
|
|
</span>
|
|
|
@@ -51,16 +50,15 @@
|
|
|
</el-tree>
|
|
|
</div>
|
|
|
<div class="plate">
|
|
|
- <div class="loftList" v-if="loftList">
|
|
|
+ <div class="loftList" >
|
|
|
<div class="plateTitle">
|
|
|
{{plateTitle}}
|
|
|
</div>
|
|
|
- <!--<ul class="list" v-if="false">-->
|
|
|
- <!--<li>-->
|
|
|
- <!--<img src="../assets/img/region/loft.png" height="22" width="20"/>-->
|
|
|
- <!--<em>1楼</em>-->
|
|
|
- <!--</li>-->
|
|
|
- <!--</ul>-->
|
|
|
+ <ul class="list" v-if="loftListState">
|
|
|
+ <li v-for="loft in loftList" @click="seePic(loft)">
|
|
|
+ <img src="../assets/img/region/loft.png" height="22"
|
|
|
+ width="20"/><em>{{loft.Name}}</em></li>
|
|
|
+ </ul>
|
|
|
<div class="plateImg" v-if="plateImg">
|
|
|
<!--<img src="../assets/img/main/RoomBg.png" height="769" width="1396"/>-->
|
|
|
<img :src="plateImgSrc"/>
|
|
|
@@ -150,7 +148,8 @@
|
|
|
RegionStatusEdit,
|
|
|
RegionAdd,
|
|
|
GetRegiononeinfo,
|
|
|
- RegionPictureGetByRegionId
|
|
|
+ RegionPictureGetByRegionId,
|
|
|
+ GetChildRegionSelect
|
|
|
}
|
|
|
from '../api/getApiRes.js'
|
|
|
|
|
|
@@ -181,9 +180,8 @@
|
|
|
disabled: false,
|
|
|
plateTitle: '',
|
|
|
plateImg: false,
|
|
|
- loftList: [
|
|
|
- {}
|
|
|
- ],
|
|
|
+ loftListState: false,
|
|
|
+ loftList: [],
|
|
|
defaultProps: {
|
|
|
label: 'Name',
|
|
|
children: 'ChildSelect'
|
|
|
@@ -199,7 +197,7 @@
|
|
|
// 获取建筑树列表
|
|
|
getDate() {
|
|
|
let param = {
|
|
|
- 'token': localStorage.token,
|
|
|
+ token: localStorage.token,
|
|
|
};
|
|
|
let postdata = qs.stringify(param);
|
|
|
GetRegionAndDectorSelect(postdata).then(res => {
|
|
|
@@ -211,6 +209,29 @@
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ // 获取下级列表
|
|
|
+ getGetChildRegionSelect(regionId) {
|
|
|
+ let that = this;
|
|
|
+ let param = {
|
|
|
+ token: localStorage.token,
|
|
|
+ regionId: regionId,
|
|
|
+ };
|
|
|
+ let postdata = qs.stringify(param);
|
|
|
+ GetChildRegionSelect(postdata).then(res => {
|
|
|
+ let json = res;
|
|
|
+ if (json.Code == 0) {
|
|
|
+ that.loftList = json.Rs;
|
|
|
+ } else {
|
|
|
+ that.$message.error(json.Memo);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 查看当前楼宇的平面图
|
|
|
+ seePic(loft){
|
|
|
+ this.loftListState = false;
|
|
|
+ this.plateImg = true;
|
|
|
+ this.getRegionPictureGetByRegionId(loft.Id);
|
|
|
+ },
|
|
|
clearDialog() {
|
|
|
let that = this;
|
|
|
that.dialog.superiorid = 0;//上级 为空
|
|
|
@@ -439,16 +460,20 @@
|
|
|
switch (parseInt(node.level)) {
|
|
|
case 1:
|
|
|
// 看列表
|
|
|
- that.loftList = true;
|
|
|
+ that.loftListState = true;
|
|
|
+ that.plateImg = false;
|
|
|
+ that.getGetChildRegionSelect(node.data.Id);
|
|
|
break;
|
|
|
case 2:
|
|
|
// 看楼层图
|
|
|
+ that.loftListState = false;
|
|
|
that.plateImg = true;
|
|
|
that.getRegionPictureGetByRegionId(node.data.Id);
|
|
|
// that.plateImgSrc
|
|
|
break;
|
|
|
case 3:
|
|
|
// 看会议图
|
|
|
+ that.loftListState = false;
|
|
|
that.plateImg = true;
|
|
|
that.getRegionPictureGetByRegionId(node.data.Id);
|
|
|
break;
|
|
|
@@ -542,13 +567,7 @@
|
|
|
}
|
|
|
|
|
|
.pages {
|
|
|
- /*position: absolute;*/
|
|
|
- /*top: 0;*/
|
|
|
- /*bottom: 0;*/
|
|
|
- /*left: 0;*/
|
|
|
- /*right: 0;*/
|
|
|
width: 100%;
|
|
|
- /*height: 100%;*/
|
|
|
min-height: 600px;
|
|
|
overflow: hidden;
|
|
|
display: block;
|
|
|
@@ -572,7 +591,7 @@
|
|
|
overflow: hidden;
|
|
|
display: block;
|
|
|
margin: 0 auto;
|
|
|
- margin-top: 30px;
|
|
|
+ margin-top: 10px;
|
|
|
}
|
|
|
|
|
|
.content .tree {
|
|
|
@@ -582,6 +601,7 @@
|
|
|
color: #6DC1FF;
|
|
|
border: 1px solid #005EA2;
|
|
|
float: left;
|
|
|
+ margin-left: 10px;
|
|
|
}
|
|
|
|
|
|
.addMain {
|
|
|
@@ -618,7 +638,7 @@
|
|
|
}
|
|
|
|
|
|
.plate {
|
|
|
- width: 1360px;
|
|
|
+ width: 1440px;
|
|
|
min-height: 780px;
|
|
|
float: left;
|
|
|
margin-left: 10px;
|
|
|
@@ -657,8 +677,10 @@
|
|
|
background: #08255B;
|
|
|
border: 1px solid #005EA2;
|
|
|
padding: 13px 0;
|
|
|
+ margin-right: 10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.list img {
|
|
|
display: block;
|
|
|
margin: 0 auto;
|