|
@@ -1,5 +1,5 @@
|
|
<template>
|
|
<template>
|
|
- <div id="deviceList" >
|
|
|
|
|
|
+ <div id="deviceList">
|
|
<router-link to="/ledger/facility/addfacility"></router-link>
|
|
<router-link to="/ledger/facility/addfacility"></router-link>
|
|
<router-view></router-view>
|
|
<router-view></router-view>
|
|
<saga-title :mess="mess"></saga-title>
|
|
<saga-title :mess="mess"></saga-title>
|
|
@@ -8,6 +8,11 @@
|
|
<floor-cascader @change="changeFloor"></floor-cascader>
|
|
<floor-cascader @change="changeFloor"></floor-cascader>
|
|
<my-cascader ref="cascader" @change="changeDevice"></my-cascader>
|
|
<my-cascader ref="cascader" @change="changeDevice"></my-cascader>
|
|
<el-button size="small" @click="handleLinkAssets" class="iconfont icon-batchassociation">批量关联资产</el-button>
|
|
<el-button size="small" @click="handleLinkAssets" class="iconfont icon-batchassociation">批量关联资产</el-button>
|
|
|
|
+ <el-tooltip class="item" effect="dark" content="请选择建筑楼层和设备类" placement="top-start">
|
|
|
|
+ <el-button type="primary" class="deviceList-excel" :disabled="!((param.buildId != '' || param.buildId != 'all') && param.deviceId !='')">
|
|
|
|
+ 深化点表导入
|
|
|
|
+ </el-button>
|
|
|
|
+ </el-tooltip>
|
|
</div>
|
|
</div>
|
|
<hanson-table @close="close" :graphyId="graphyId" ref="tableMain"></hanson-table>
|
|
<hanson-table @close="close" :graphyId="graphyId" ref="tableMain"></hanson-table>
|
|
</div>
|
|
</div>
|
|
@@ -32,6 +37,7 @@ import {
|
|
mapGetters,
|
|
mapGetters,
|
|
mapActions
|
|
mapActions
|
|
} from "vuex";
|
|
} from "vuex";
|
|
|
|
+
|
|
export default {
|
|
export default {
|
|
components: {
|
|
components: {
|
|
sagaTitle,
|
|
sagaTitle,
|
|
@@ -67,12 +73,13 @@ export default {
|
|
graphyId: null,
|
|
graphyId: null,
|
|
dialog: {
|
|
dialog: {
|
|
linkAssets: false
|
|
linkAssets: false
|
|
- }
|
|
|
|
|
|
+ },
|
|
};
|
|
};
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
- ...mapGetters("layout", [ "projectId", "projects", "secret", "userId" ])
|
|
|
|
|
|
+ ...mapGetters("layout", ["projectId", "projects", "secret", "userId"])
|
|
},
|
|
},
|
|
|
|
+
|
|
created() {
|
|
created() {
|
|
this.param.ProjId = this.projectId
|
|
this.param.ProjId = this.projectId
|
|
this.param.secret = this.secret
|
|
this.param.secret = this.secret
|
|
@@ -91,22 +98,23 @@ export default {
|
|
this.param.secret = this.secret
|
|
this.param.secret = this.secret
|
|
this.getProjName()
|
|
this.getProjName()
|
|
this.getCount()
|
|
this.getCount()
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
getProjName() {
|
|
getProjName() {
|
|
this.projects.forEach((item) => {
|
|
this.projects.forEach((item) => {
|
|
- if(item.id == this.projectId)
|
|
|
|
- this.mess.perjectName = item.name
|
|
|
|
|
|
+ if (item.id == this.projectId)
|
|
|
|
+ this.mess.perjectName = item.name
|
|
})
|
|
})
|
|
// this.getEqCode()
|
|
// this.getEqCode()
|
|
},
|
|
},
|
|
close(val) {
|
|
close(val) {
|
|
this.getCount()
|
|
this.getCount()
|
|
- if (val && this.$refs.cascader){
|
|
|
|
|
|
+ if (val && this.$refs.cascader) {
|
|
this.$refs.cascader.changeVal(val.code)
|
|
this.$refs.cascader.changeVal(val.code)
|
|
}
|
|
}
|
|
- this.$refs.cascader.getData()
|
|
|
|
|
|
+ this.$refs.cascader.getData()
|
|
// this.$refs.tableMain.getHeaderData(this.param);
|
|
// this.$refs.tableMain.getHeaderData(this.param);
|
|
},
|
|
},
|
|
// getEqCode() {
|
|
// getEqCode() {
|
|
@@ -151,6 +159,8 @@ export default {
|
|
changeFloor(value) {
|
|
changeFloor(value) {
|
|
if (value[0]) {
|
|
if (value[0]) {
|
|
this.param.buildId = value[0]
|
|
this.param.buildId = value[0]
|
|
|
|
+ } else {
|
|
|
|
+ this.param.buildId = ''
|
|
}
|
|
}
|
|
if (value[1]) {
|
|
if (value[1]) {
|
|
this.param.floorId = value[1]
|
|
this.param.floorId = value[1]
|
|
@@ -161,6 +171,8 @@ export default {
|
|
if (this.$refs.tableMain)
|
|
if (this.$refs.tableMain)
|
|
this.$refs.tableMain.getHeaderData(this.param);
|
|
this.$refs.tableMain.getHeaderData(this.param);
|
|
}
|
|
}
|
|
|
|
+ this.$refs.cascader.getData(value)
|
|
|
|
+
|
|
},
|
|
},
|
|
|
|
|
|
//修改设备族
|
|
//修改设备族
|
|
@@ -170,6 +182,8 @@ export default {
|
|
this.param.name = value.facility
|
|
this.param.name = value.facility
|
|
if (this.$refs.tableMain)
|
|
if (this.$refs.tableMain)
|
|
this.$refs.tableMain.getHeaderData(this.param);
|
|
this.$refs.tableMain.getHeaderData(this.param);
|
|
|
|
+ } else {
|
|
|
|
+ this.param.deviceId = ''
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// 批量关联资产
|
|
// 批量关联资产
|
|
@@ -185,6 +199,7 @@ export default {
|
|
height: 100%;
|
|
height: 100%;
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
position: relative;
|
|
position: relative;
|
|
|
|
+
|
|
.table-main {
|
|
.table-main {
|
|
position: absolute;
|
|
position: absolute;
|
|
top: 87px;
|
|
top: 87px;
|
|
@@ -195,15 +210,23 @@ export default {
|
|
// border-radius: 5px;
|
|
// border-radius: 5px;
|
|
// padding: 10px 0;
|
|
// padding: 10px 0;
|
|
}
|
|
}
|
|
|
|
+
|
|
.search-header {
|
|
.search-header {
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
padding-bottom: 10px;
|
|
padding-bottom: 10px;
|
|
margin: 0 10px;
|
|
margin: 0 10px;
|
|
border-bottom: 1px solid #bcbcbc;
|
|
border-bottom: 1px solid #bcbcbc;
|
|
- .icon-batchassociation{
|
|
|
|
|
|
+
|
|
|
|
+ .deviceList-excel {
|
|
|
|
+ float: right;
|
|
|
|
+ margin-right: 15px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .icon-batchassociation {
|
|
float: right;
|
|
float: right;
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
- /deep/ span{
|
|
|
|
|
|
+
|
|
|
|
+ /deep/ span {
|
|
margin-left: 5px;
|
|
margin-left: 5px;
|
|
}
|
|
}
|
|
}
|
|
}
|