|
@@ -7,14 +7,13 @@
|
|
|
</el-input>
|
|
|
</el-col>
|
|
|
<el-col :span="15">
|
|
|
- <span style="margin-left:10px;">所属楼层</span>
|
|
|
- <el-cascader @change="getTableData" v-model="floor" :options="options" :props="props"></el-cascader>
|
|
|
- <el-checkbox style="margin-left:10px;" @change="getTableData" :checked="showType" label="只显示在当前业务空间中的设备"></el-checkbox>
|
|
|
+ <floor-cascader @change="changeFloor"></floor-cascader>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<div class="table-box">
|
|
|
- <el-table :data="tableData" style="width: 100%" height="100%" v-loading="loading" :header-cell-style="headerStyle" ref="multipleTable"
|
|
|
+ <el-table :data="tableData" style="width: 100%" height="350" v-loading="loading" :header-cell-style="headerStyle" ref="multipleTable"
|
|
|
@selection-change="handleSelectionChange">
|
|
|
+ <el-table-column type="selection" width="55"></el-table-column>
|
|
|
<el-table-column :label="`${inSpaceType}名称`" show-overflow-tooltip min-width="100">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
@@ -23,11 +22,11 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="EquipLocalID" :label="`${inSpaceType}本地编码`" show-overflow-tooltip min-width="100"></el-table-column>
|
|
|
- <el-table-column prop="EquipLocalID" :label="`${inSpaceType}类`" show-overflow-tooltip min-width="100"></el-table-column>
|
|
|
- <el-table-column prop="EquipLocalID" label="已关联其他业务空间" show-overflow-tooltip min-width="100"></el-table-column>
|
|
|
+ <el-table-column prop="EquipCategory.EquipName" :label="`${inSpaceType}类`" show-overflow-tooltip min-width="100"></el-table-column>
|
|
|
+ <el-table-column prop="ShaftListName" label="已关联其他竖井" show-overflow-tooltip min-width="100" max-width="200"></el-table-column>
|
|
|
<el-table-column prop="action" label="操作" min-width="100">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button size="mini" @click="toDetail(scope.$index, scope.row)" type="danger" plain icon="el-icon-delete"></el-button>
|
|
|
+ <el-button size="mini" @click="toDetail(scope.$index, scope.row)" plain>设备详情</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -44,38 +43,25 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-// import {
|
|
|
-// getSpaceEquip,
|
|
|
-// buildingQuery, //数据中心-建筑查询
|
|
|
-// notEqInSpaceQuery, //没有和当前空间绑定的设备
|
|
|
-// notEqForSpaceQuery, //未服务当前空间的设备
|
|
|
-// eqInSpaceCreate, //设备所在业务空间--创建关系
|
|
|
-// eqForSpaceCreate, //设备服务业务空间--创建关系
|
|
|
-// } from "@/api/scan/request";
|
|
|
+import { unshaftInEq, linkEqSh } from "@/api/scan/request";
|
|
|
+import floorCascader from "@/components/ledger/lib/floorCascader";
|
|
|
import { mapGetters } from "vuex";
|
|
|
export default {
|
|
|
components: {
|
|
|
-
|
|
|
+ floorCascader
|
|
|
},
|
|
|
computed: {
|
|
|
...mapGetters("layout", ["projectId"])
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- title: "添加竖井内的系统",
|
|
|
+ title: "添加竖井内的设备",
|
|
|
keycode: '', //输入查询条件
|
|
|
- options: [], //建筑楼层级联
|
|
|
- floor: [], // 选中的建筑楼层
|
|
|
- showType: false, //是否只显示在当前业务空间中的设备
|
|
|
+ Buildfloor: ['all'], // 选中的建筑楼层
|
|
|
inSpaceType: '设备',
|
|
|
dialogVisible: false,
|
|
|
tableData: [],
|
|
|
loading: false,
|
|
|
- headerStyle: {
|
|
|
- backgroundColor: '#e1e4e5',
|
|
|
- color: '#2b2b2b',
|
|
|
- lineHeight: '30px'
|
|
|
- }, // 列表样式
|
|
|
selections: [], // 选中项
|
|
|
page: {
|
|
|
pageSize: 50,
|
|
@@ -83,79 +69,89 @@ export default {
|
|
|
pageNumber: 1,
|
|
|
total: 0
|
|
|
},
|
|
|
- props: { //自定义字段
|
|
|
- value: "BuildID",
|
|
|
- label: "BuildLocalName",
|
|
|
- children: "Floor"
|
|
|
- },
|
|
|
+ headerStyle: {
|
|
|
+ backgroundColor: '#e1e4e5',
|
|
|
+ color: '#2b2b2b',
|
|
|
+ lineHeight: '30px'
|
|
|
+ } // 列表样式
|
|
|
};
|
|
|
},
|
|
|
props: {
|
|
|
- type: {}, //equipment--equipmentFor
|
|
|
- spaceId: {},
|
|
|
- zone: {}, //分区类型
|
|
|
+ type: String, //选中的tab页
|
|
|
+ params: Object //查看的竖井关系信息
|
|
|
},
|
|
|
created() {
|
|
|
- this.getBuilding();
|
|
|
+ // this.getBuilding();
|
|
|
},
|
|
|
methods: {
|
|
|
- // 获取项目下建筑
|
|
|
- getBuilding() {
|
|
|
- let pa = {
|
|
|
- Cascade: [{ name: 'floor', Orders: 'SequenceId desc' }],
|
|
|
- Orders: "BuildLocalName asc",
|
|
|
- }
|
|
|
- buildingQuery(pa, res => {
|
|
|
- this.options = res.Content.map(t => {
|
|
|
- if (t.Floor) {
|
|
|
- t.Floor = t.Floor.map(item => {
|
|
|
- item.BuildID = item.FloorID;
|
|
|
- item.BuildLocalName = item.FloorLocalName;
|
|
|
- return item;
|
|
|
- })
|
|
|
- } else {
|
|
|
- t.Floor = []
|
|
|
- }
|
|
|
- t.Floor.unshift({ BuildID: 'isNull', BuildLocalName: '未明确楼层' })
|
|
|
- return t;
|
|
|
- })
|
|
|
- })
|
|
|
+ //修改建筑楼层
|
|
|
+ changeFloor(value) {
|
|
|
+ this.Buildfloor = value
|
|
|
},
|
|
|
// 显示弹窗
|
|
|
showDialog() {
|
|
|
- this.dialogVisible = true;
|
|
|
- this.getTableData();
|
|
|
+ this.dialogVisible = true
|
|
|
+ this.page.pageNumber = 1
|
|
|
+ this.getTableData()
|
|
|
},
|
|
|
getTableData() {
|
|
|
- let pa = {
|
|
|
+ let params = {
|
|
|
data: {
|
|
|
- Filters:`BuildingId="${this.floor[0]}";FloorId="${this.floor[1]}"`,
|
|
|
+ Cascade: [{ Name: 'equipCategory' }, {Name: 'shaftList'}],
|
|
|
+ Filters:`not EquipID isNull`,
|
|
|
+ Orders: "createTime desc, EquipID desc",
|
|
|
PageNumber: this.page.pageNumber,
|
|
|
PageSize: this.page.pageSize,
|
|
|
},
|
|
|
- type: this.zone,
|
|
|
- spaceId: this.spaceId
|
|
|
+ shaftId: this.params.ShaftID
|
|
|
+ }
|
|
|
+ if (this.Buildfloor[0] == "noKnow") {
|
|
|
+ param.data.Filters += `;buildingId isNull`
|
|
|
+ } else if (this.Buildfloor[0] && this.Buildfloor[0] != "all") {
|
|
|
+ param.data.Filters += `;buildingId='${this.Buildfloor[0]}'`
|
|
|
+ }
|
|
|
+ if (this.Buildfloor[1] == "noKnow") {
|
|
|
+ param.data.Filters += `;floorId isNull`
|
|
|
+ } else if (this.Buildfloor[1] && this.Buildfloor[1] != "all") {
|
|
|
+ param.data.Filters += `;floorId='${this.Buildfloor[1]}'`
|
|
|
}
|
|
|
if(this.keycode!=''){
|
|
|
- pa.data.Filters += `;EquipName contain "${this.keycode}" or EquipLocalName contain "${this.keycode}" or EquipLocalID contain "${this.keycode}"`
|
|
|
+ params.data.Filters += `;EquipName contain '${this.keycode}' or EquipLocalName contain '${this.keycode}' or EquipLocalID contain '${this.keycode}'`
|
|
|
}
|
|
|
- if (this.type == "equipment") {
|
|
|
- notEqInSpaceQuery(pa, res => {
|
|
|
- this.tableData = res.Content;
|
|
|
- this.page.total = res.Total;
|
|
|
- })
|
|
|
- } else {
|
|
|
- notEqForSpaceQuery(pa, res => {
|
|
|
- this.tableData = res.Content;
|
|
|
- this.page.total = res.Total;
|
|
|
+ unshaftInEq(params, res => {
|
|
|
+ res.Content.forEach(item => {
|
|
|
+ item.ShaftListName = ""
|
|
|
+ if(item.ShaftList && item.ShaftList.length){
|
|
|
+ item.ShaftListName = item.ShaftList.map(shaft => {
|
|
|
+ return shaft.ShaftLocalName?shaft.ShaftLocalName:shaft.ShaftName
|
|
|
+ }).join("、")
|
|
|
+ }
|
|
|
})
|
|
|
- }
|
|
|
+ this.tableData = res.Content
|
|
|
+ this.page.total = res.Total
|
|
|
+ })
|
|
|
},
|
|
|
//选中项修改
|
|
|
handleSelectionChange(val) {
|
|
|
this.selections = val;
|
|
|
},
|
|
|
- savaRelation() { },
|
|
|
+ savaRelation() {
|
|
|
+ if(this.selections.length){
|
|
|
+ let params = {
|
|
|
+ ShaftId: this.params.ShaftID,
|
|
|
+ EquipIdList: this.selections.map(item => {
|
|
|
+ return item.EquipID
|
|
|
+ })
|
|
|
+ }
|
|
|
+ linkEqSh(params, res => {
|
|
|
+ this.dialogVisible = false
|
|
|
+ this.$message.success('关联成功!')
|
|
|
+ this.$emit('refresh')
|
|
|
+ })
|
|
|
+ }else {
|
|
|
+ this.$message('请选择要关联的设备')
|
|
|
+ }
|
|
|
+ },
|
|
|
//改变pagesize
|
|
|
handleSizeChange(pageSize) {
|
|
|
this.page.pageSize = pageSize;
|
|
@@ -182,7 +178,10 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.table-box {
|
|
|
- height: 350px;
|
|
|
+ height: 370px;
|
|
|
+ .fr{
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|