소스 검색

Merge branch 'msg-sever' of git.sagacloud.cn:web/ibms into msg-sever

zhangyu 5 년 전
부모
커밋
b192c9359d

+ 15 - 1
src/api/scan/request.js

@@ -1379,17 +1379,31 @@ export function linkSySh(param, success) {
     let url = `${baseUrl}/datacenter/sy-in-sh/link-sy-sh`;
     http.postJson(url, param, success)
 }
+//创建系统所在业务空间关系
+export function linkSysSp(param, success) {
+    let url = `${baseUrl}/datacenter/sy-in-sp-base/link-list`;
+    http.postJson(url, param, success)
+}
 //系统所在竖井,系统一对多,此方法会覆盖以前的记录
 export function linkSh(param, success) {
     let url = `${baseUrl}/datacenter/sy-in-sh/link-sh`;
     http.postJson(url, param, success)
 }
+//系统所在竖井,系统一对多,此方法不会覆盖以前的记录
+export function linkSysSh(param, success) {
+    let url = `${baseUrl}/datacenter/sy-in-sh/link-sy-shs`;
+    http.postJson(url, param, success)
+}
 //根据对象删除系统和设备的关系,只针对一个对象
 export function eqInSysUnlink(param, success) {
     let url = `${baseUrl}/datacenter/sy-in-eq/unlink`;
     http.postJson(url, param, success)
 }
-
+//根据对象删除系统所在业务空间关系
+export function spaceInSysUnlink(param, success) {
+    let url = `${baseUrl}/datacenter/sy-in-sp-base/unlink-list?type=${param.type}`;
+    http.postJson(url, param.data, success)
+}
 //关系-----设备所在业务空间--删除关系
 export function eqInSpaceDelete(param, success) {
     let url = `${baseUrl}/datacenter/eq-in-sp-base/unlink-list?type=${param.type}`;

+ 20 - 24
src/components/business_space/newGraphy/graphy.vue

@@ -62,7 +62,7 @@
     </div>
     <!--  -->
     <!-- 未关联元空间的业务空间 -->
-    <unRelateBSP ref="unRelateBSP" :tableData="BSPUnrelaISPList" :isAction="isAction" @createFromUnrelated="createFromUnrelated"></unRelateBSP>
+    <unRelateBSP ref="unRelateBSP" :isAction="isAction" @createFromUnrelated="createFromUnrelated" :code="tab.code"></unRelateBSP>
     <!-- 创建新的业务空间 -->
     <createBSP ref="createBSP" @createRoom="createRoom"></createBSP>
     <!-- 批量创建选择弹窗 -->
@@ -92,10 +92,11 @@ import { FloorView } from "@saga-web/cad-engine/lib/FloorView";
 import unRelateBSP from "./unRelateBSP";
 import createBSP from "./createBSP";
 import {
-  countZone,
+  buildingQuery,
   queryZone,
   updateZone,
   createZone,
+  countZone,
   getIspNotInSpace,
   createRelateInZoneAndISp,
   groupCreRelaZoneAndISp
@@ -125,7 +126,6 @@ export default {
       canvasHeight: 600,
       type: 1, // 默认操作模式
       search: '',//搜索
-      num: 0, // 未关联空间的业务空间条数
       buildFloor: ['', ''],
       FloorObj: {}, //楼层对象
       FloorMap: '', //楼层底图
@@ -136,7 +136,7 @@ export default {
       scene: null,
       Outline: [], // 当前选中的多个空间组成的轮廓线->三维数组
       businessSpaceList: [], // 所有业务空间
-      BSPUnrelaISPList: [], // 未关联元空间的业务空间
+      num: 0, // 未关联元空间的业务空间统计
       BSPRelaISPList: [], // 已关联元空间的业务空间
       // 未关联元空间的业务空间弹窗
       isAction: false,
@@ -178,12 +178,12 @@ export default {
         // 业务空间
         this.getBusinessSpace();
       }
-      // 获取未关联平面图的业务空间统计
-      this.getUnrelateCount();
       // 获取当前楼层的元空间
       this.getFloorISpace();
       // 查询未关联业务空间的元空间
-      this.getISPSPUnrelaBSP()
+      this.getISPSPUnrelaBSP();
+      // 查询未关联平面图的业务空间
+      this.getBSPunrelaISP();
     },
     // 获取当前楼层的元空间
     getFloorISpace() {
@@ -239,18 +239,6 @@ export default {
       console.log(arguments)
       this.init(initType);
     },
-    // 获取未关联平面图的业务空间统计
-    getUnrelateCount() {
-      let pa = {
-        data: {
-          Filters: `BuildingId='${this.buildFloor[0]}';FloorId='${this.buildFloor[1]}';Outline isNull`
-        },
-        zone: this.tab.code
-      }
-      countZone(pa, res => {
-        this.num = res.Count
-      })
-    },
     // 获取未绑定业务空间的元空间
     getISPSPUnrelaBSP() {
       let pa = {
@@ -320,15 +308,11 @@ export default {
       queryZone(pa, res => {
         // 所有业务空间
         this.businessSpaceList = res.Content;
-        // 未关联元空间的业务空间
-        this.BSPUnrelaISPList = [];
         // 已关联元空间的业务空间
         this.BSPRelaISPList = [];
         res.Content.map(t => {
           if (t.Outline && t.Outline.length) {
             this.BSPRelaISPList.push(t)
-          } else {
-            this.BSPUnrelaISPList.push(t)
           }
         })
         // 绘制业务空间
@@ -393,7 +377,7 @@ export default {
       if (this.groupCreateType == 1) {
         this.groupCreateBSpace()
       } else if (this.groupCreateType == 2) {
-        
+
       }
     },
     // 批量创建业务空间
@@ -583,6 +567,18 @@ export default {
         this.init(2);
       })
     },
+    // 查询未关联平面图的业务空间(项目下+当前分区)
+    getBSPunrelaISP() {
+      let pa = {
+        zone: this.tab.code,
+        data: {
+          Filters: `Outline isNull`
+        }
+      }
+      countZone(pa, res => {
+        this.num = res.Count;
+      })
+    },
     // canvas 获取焦点
     focus() {
       document.getElementById(`floorCanvas`).focus()

+ 137 - 27
src/components/business_space/newGraphy/unRelateBSP.vue

@@ -1,27 +1,52 @@
 <template>
-  <el-dialog :title="title" :visible.sync="dialogVisible" width="600px" id="lookUnrelatBSpace">
-    <el-input :placeholder="`请输入业务空间名称`" v-model="queryString" @keyup.enter.native="queryTableData">
-      <i slot="suffix" class="el-input__icon el-icon-search" @click="queryTableData"></i>
-    </el-input>
-    <div style="margin-top:10px;height:300px;">
-      <el-table :data="data" style="width: 100%" height="100%" v-loading="loading" :header-cell-style="headerStyle">
-        <el-table-column prop="RoomLocalName" label="业务空间名称" show-overflow-tooltip min-width="200"></el-table-column>
+  <el-dialog :title="title" :visible.sync="dialogVisible" width="900px" id="unRelateBSP">
+    <el-row class="filters">
+      <el-col :span="9">
+        <el-input placeholder="输入业务空间名称进行查询" v-model="keycode" clearable @keyup.enter.native="getTableData">
+          <i slot="suffix" class="el-input__icon el-icon-search" @click="getTableData"></i>
+        </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-col>
+    </el-row>
+    <div class="table-box">
+      <el-table :data="tableData" style="width: 100%" height="100%" v-loading="loading" :header-cell-style="headerStyle">
+        <el-table-column :label="`${inSpaceType}名称`" show-overflow-tooltip min-width="100">
+          <template slot-scope="scope">
+            <div>
+              {{scope.row.RoomLocalName||scope.row.RoomName||''}}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="BNAME" label="所属建筑" show-overflow-tooltip min-width="100"></el-table-column>
+        <el-table-column prop="FNAME" label="所属楼层" show-overflow-tooltip min-width="100"></el-table-column>
         <el-table-column prop="action" label="操作" min-width="100" v-if="isAction">
           <template slot-scope="scope">
-            <el-button @click="createRelation(scope.row)">关联平面图</el-button>
+            <el-button size="mini" @click="createRelation(scope.row)" type="primary" plain>关联平面图</el-button>
           </template>
         </el-table-column>
       </el-table>
+      <!-- 分页 -->
+      <el-pagination class="fr" v-show="tableData && tableData.length" @size-change="handleSizeChange" @current-change="handleCurrentChange"
+        :current-page="page.pageNumber" :page-sizes="page.pageSizes" :page-size="page.pageSize" layout="total, sizes, prev, pager, next, jumper"
+        :total="page.total"></el-pagination>
     </div>
   </el-dialog>
 </template>
 
 <script>
+import {
+  buildingQuery,
+  queryZone
+} from "@/api/scan/request"
 export default {
   name: "unRelateBSP",
   data() {
     return {
       title: '未关联平面图的业务空间',
+      inSpaceType: '业务空间',
       dialogVisible: false,
       loading: false,
       headerStyle: {
@@ -29,39 +54,124 @@ export default {
         color: '#2b2b2b',
         lineHeight: '30px'
       },
-      queryString: '',
-      data: []
+      keycode: '',
+      tableData: [],
+      page: {
+        pageSize: 50,
+        pageSizes: [10, 20, 50, 100],
+        pageNumber: 1,
+        total: 0
+      },
+      floor: ['all'], // 级联建筑楼层
+      props: { //自定义字段
+        value: "BuildID",
+        label: "BuildLocalName",
+        children: "Floor"
+      },
+      bfData: {}, //建筑楼层id =>名称
+      options: [], //级联
     };
   },
   props: {
-    tableData: {
-      default: []
-    }, //列表数据
     isAction: false, //是否显示操作按钮
+    code: String
+  },
+  created() {
+    this.getBuilding()
   },
   methods: {
     // 显示弹窗
     showDialog() {
-      this.data = this.tableData;
       this.dialogVisible = true;
-    },
-    // 搜索
-    queryTableData() {
-      var restaurants = this.tableData;
-      this.data = this.queryString ?
-        restaurants.filter(this.createFilter(this.queryString)) :
-        restaurants;
-    },
-    createFilter(queryString) {
-      return restaurant => {
-        return restaurant.RoomLocalName.indexOf(queryString) > -1;
-      };
+      this.getTableData();
     },
     // 关联平面图
     createRelation(row) {
       this.$emit('createFromUnrelated', row);
       this.dialogVisible = false;
+    },
+    // 分页条数
+    handleSizeChange(val) {
+      this.page.pageSize = val;
+      this.page.pageNumber = 1;
+      this.getTableData();
+    },
+    // 页码
+    handleCurrentChange(val) { 
+      this.page.pageNumber = val;
+      this.getTableData();
+    },
+    // 获取项目下建筑
+    getBuilding() {
+      let pa = {
+        Cascade: [{ name: 'floor', Orders: 'SequenceId desc' }],
+        Orders: "BuildLocalName asc",
+      }
+      buildingQuery(pa, res => {
+        this.options = res.Content.map(t => {
+          this.bfData[t.BuildID] = t.BuildLocalName;
+          if (t.Floor) {
+            t.Floor = t.Floor.map(item => {
+              this.bfData[item.FloorID] = item.FloorLocalName;
+              item.BuildID = item.FloorID;
+              item.BuildLocalName = item.FloorLocalName;
+              return item;
+            })
+          } else {
+            t.Floor = []
+          }
+          t.Floor.unshift({ BuildID: 'all', BuildLocalName: '全部' }, { BuildID: 'isNull', BuildLocalName: '未明确楼层' })
+          return t;
+        })
+        this.options.unshift({ BuildID: 'all', BuildLocalName: '全部' }, { BuildID: 'isNull', BuildLocalName: '未明确楼层' })
+      })
+    },
+    // 查询未关联平面图的业务空间(项目下+当前分区)
+    getTableData() {
+      let pa = {
+        zone: this.code,
+        data: {
+          Filters: `Outline isNull`,
+          Orders: "createTime desc, RoomID asc",
+          PageSize: this.page.pageSize,
+          pageNumber: this.page.pageNumber
+        }
+      }
+      if (this.floor[0] == 'isNull') {
+        pa.data.Filters += `BuildingId isNull`
+      } else if (this.floor[0] && this.floor[0] != 'all') {
+        pa.data.Filters += `BuildingId='${this.floor[0]}'`
+      }
+      if (this.floor[1] == 'isNull') {
+        pa.data.Filters += `;FloorId isNull`
+      } else if (this.floor[1] && this.floor[1] != 'all') {
+        pa.data.Filters += `;FloorId='${this.floor[1]}'`
+      }
+      if (this.keycode != '') {
+        pa.data.Filters += `;RoomLocalName contain "${this.keycode}" or RoomName contain "${this.keycode}"`
+      }
+      queryZone(pa, res => {
+        this.page.total = res.Total;
+        this.tableData = res.Content.map(t => {
+          t.BNAME = this.bfData[t.BuildingId];
+          t.FNAME = this.bfData[t.FloorId];
+          return t;
+        })
+      })
     }
   },
 };
-</script>
+</script>
+<style lang="less" scoped>
+#unRelateBSP {
+  .filters {
+    margin-bottom: 10px;
+    /deep/ .el-input__inner {
+      vertical-align: baseline;
+    }
+  }
+  .table-box {
+    height: 350px;
+  }
+}
+</style>

+ 15 - 15
src/components/ledger/handsontables/device.vue

@@ -149,7 +149,7 @@ export default {
     lookPic,
     myCascader
   },
-  created() { 
+  created() {
     buildFloor.getData(this.buildFloorData)
   },
   computed: {
@@ -241,7 +241,7 @@ export default {
         getDataDictionary(params, res => {
           this.tableHeader = res.Content;
           this.tableHeader.forEach(item => {
-            if(item.Path && item.InputMode){
+            if (item.Path && item.InputMode) {
               this.inputMap[item.Path] = item.InputMode
             }
           })
@@ -341,7 +341,7 @@ export default {
                       tools.setDataForKey(
                         item,
                         head.Path,
-                        child.error ? child.value? "表号功能号格式错误" : "表号功能号不存在" : "暂未采集到实时数据"
+                        child.error ? child.value ? "表号功能号格式错误" : "表号功能号不存在" : "暂未采集到实时数据"
                       );
                     }
                   });
@@ -441,14 +441,14 @@ export default {
           readOnly: true,
           renderer: tools.LinkEquipLocalName
         }, {
-          data: "LinkSystem",
-          renderer: text.systemList,
-          readOnly: true
-        }, {
-          data: "Count",
-          readOnly: true,
-          renderer: tools.lookDetails
-        }
+        data: "LinkSystem",
+        renderer: text.systemList,
+        readOnly: true
+      }, {
+        data: "Count",
+        readOnly: true,
+        renderer: tools.lookDetails
+      }
       );
       if (this.showType == "all") {
         data.splice(6, 0, {
@@ -601,8 +601,8 @@ export default {
       change.map(item => {
         let key = item[1].split(".")[0]
         if (key == "flowBuild" && keyList.indexOf(key) == -1) {
-          keyList.push("BuildingId","FloorId")
-          param.Projection.push("BuildingId","FloorId")
+          keyList.push("BuildingId", "FloorId")
+          param.Projection.push("BuildingId", "FloorId")
         }
         if (item[1] && keyList.indexOf(key) == -1 && item[1] != 'PropertyId') {
           keyList.push(key);
@@ -688,7 +688,7 @@ export default {
           return false
         //关联资产
         case 'LinkEquipLocalName':
-          if (this.linkNameFalg) {
+          if (!this.onlyRead) {
             this.myDialog.changeRea = true;
           }
           return false
@@ -795,7 +795,7 @@ export default {
       this.updateInput = ''
     },
     //更新临时维护信息点
-    handleClickUpdate(){
+    handleClickUpdate() {
       tools.setDataForKey(this.tableData[this.row], this.updateInfoPoint, this.updateInput)
       this.handleUpdataTable([[this.row, this.updateInfoPoint, null, this.updateInput]], "edit")
       this.updateInputShow = false

+ 10 - 9
src/components/ledger/handsontables/system.vue

@@ -255,7 +255,7 @@ export default {
     formatHeaderData(list) {
       let arr = tools.copyArr(list)
       let data = showTools.headerTextFilter(arr, 'system', this.onlyRead, this.showType)
-      data.unshift("操作", "关联设备数量");
+      data.unshift("操作");
       if (this.showType == "all") {
         data.splice(3, 0, "所属建筑楼层")
       }
@@ -271,11 +271,11 @@ export default {
           renderer: tools.lookDetails,
           readOnly: true
         },
-        {
-          data: "Count",
-          renderer: tools.num,
-          readOnly: true
-        }
+        // {
+        //   data: "Count",
+        //   renderer: tools.num,
+        //   readOnly: true
+        // }
       );
       if (this.onlyRead) {
         data.map(item => {
@@ -364,7 +364,7 @@ export default {
       }
       this.hot = new Handsontable(container, {
         data: this.tableData,
-        fixedColumnsLeft: 4,
+        fixedColumnsLeft: 3,
         colHeaders: this.formatHeaderData(this.tableHeader), //表头文案
         columns: this.formatHeaderType(this.tableHeader), //数据显示格式
         filters: true,
@@ -541,8 +541,9 @@ export default {
       if (!this.onlyRead && showTools.InputModeArr.indexOf(inputMode) == '-1') {
         // this.updateInfoPoint = val
         // this.updateInput = tools.dataForKey(this.tableData[row.row], val)
-        let floor = tools.dataForKey(this.tableData[row.row], val);
-        this.$refs.editFloor.showDialog();
+        // console.log("this is ",this.tableData[row.row])
+        // let floor = tools.dataForKey(this.tableData[row.row], val);
+        this.$refs.editFloor.showDialog(this.tableData[row.row]);
       }
     },
     //更新临时维护信息点

+ 6 - 3
src/components/ledger/lib/editSysFloor.vue

@@ -1,7 +1,7 @@
 <template>
-  <el-dialog title="楼层贯通关系维护" :visible.sync="connectDialogVis" width="50%" id="messageDialog">
+  <el-dialog title="所属建筑楼层" :visible.sync="connectDialogVis" width="50%" id="messageDialog">
     <el-row>
-      <div style="line-height:32px;">添加与{{floor.FloorLocalName}}层有贯通关系的楼层 : </div>
+      <div style="line-height:32px;">添加{{floor.SysLocalName}}所属建筑楼层 : </div>
       <div style="width:70%">
         <bfCascader ref="bfCascader" :FloorID="floor.FloorID"></bfCascader>
       </div>
@@ -27,7 +27,10 @@ export default {
     bfCascader
   },
   methods: {
-    showDialog() {
+    showDialog(floor=null) {
+      if(floor){
+        this.floor = floor
+      }
       this.connectDialogVis = true
       this.$nextTick(() => {
         this.$refs.bfCascader.getCascader()

+ 2 - 1
src/components/ledger/lib/spaceSelect.vue

@@ -2,7 +2,7 @@
   <div id="spaceSelect">
     <span class="buildFloor" style="padding-right:12px">业务空间</span>
     <el-select v-model="value" placeholder="请选择" :props="props" filterable :style="isWidth ? '' : 'width:160px;'" size="small" @change="changeVal">
-      <el-option v-for="item in options" :key="item.Code" :label="item.Name" :value="item.Code"></el-option>
+      <el-option v-for="(item, key) in options" :key="key" :label="item.Name" :value="item.Code"></el-option>
     </el-select>
   </div>
 </template>
@@ -39,6 +39,7 @@ export default {
           }
           return t;
         }).filter(item => item);
+        this.options.unshift({Code:null, CreateTime:null, LastUpdate:null, Name:'全部', ObjectType: null, ParentId: null, Statistics: {}});
       })
     },
     //改变空间

+ 2 - 2
src/components/ledger/system/dialog/addCenoteDialog.vue

@@ -42,7 +42,7 @@
 </template>
 
 <script>
-import { unSysShaft, queryShaftType, linkSh } from "@/api/scan/request";
+import { unSysShaft, queryShaftType, linkSysSh } from "@/api/scan/request";
 import cenoteType from "@/components/ledger/lib/cenoteType";
 import { mapGetters } from "vuex";
 export default {
@@ -136,7 +136,7 @@ export default {
             return item.ShaftID
           })
         }
-        linkSh(params, res => {
+        linkSysSh(params, res => {
           this.dialogVisible = false
           this.$message.success('关联成功!')
           this.$emit('refresh')

+ 5 - 12
src/components/ledger/system/dialog/addEquipDialog.vue

@@ -1,16 +1,13 @@
 <template>
   <el-dialog :title="title" :visible.sync="dialogVisible" width="900px" id="addEqDialog">
     <el-row class="filters">
-      <el-col :span="7" style="width:276px">
+      <el-col :span="8">
         <el-input placeholder="输入设备名称或设备本地编码进行查询" v-model="keycode" clearable @keyup.enter.native="getTableData">
           <i slot="suffix" class="el-input__icon el-icon-search" @click="getTableData"></i>
         </el-input>
       </el-col>
-      <el-col :span="8.5" style="padding:0 0;">
-        <floor-cascader @change="changeFloor"></floor-cascader>
-      </el-col>
-      <el-col :span="8.5" style="padding-right:0;">
-        <myCascader @change="changeDevice" :params="params"></myCascader>
+      <el-col :span="9" style="padding:0 0;">
+        <floor-cascader @change="changeFloor" style="margin-left:5px;"></floor-cascader>
       </el-col>
     </el-row>
 
@@ -93,11 +90,6 @@ export default {
       this.Buildfloor = value
       this.getTableData()
     },
-    //修改设备类别
-    changeDevice(value) {
-      this.Equipcategory = value.code
-      this.getTableData()
-    },
     // 显示弹窗
     showDialog() {
       this.dialogVisible = true
@@ -110,6 +102,7 @@ export default {
       let params = {
         data: {
           Filters: `not EquipID isNull`,
+          Cascade: [{ Name: 'equipCategory' }],
           Orders: "createTime desc, EquipID desc",
           PageNumber: this.page.pageNumber,
           PageSize: this.page.pageSize,
@@ -154,7 +147,7 @@ export default {
       if (this.selections.length) {
         let params = {
           SysId: this.$route.query.SysID,
-          ListEquipId: this.selections.map(item => {
+          EquipIdList: this.selections.map(item => {
             return item.EquipID
           })
         }

+ 136 - 76
src/components/ledger/system/dialog/addSpaceDialog.vue

@@ -1,36 +1,63 @@
 <template>
-  <el-dialog :title="title" :visible.sync="dialogVisible" width="900px" id="addEqDialog">
+  <el-dialog
+    :title="title"
+    :visible.sync="dialogVisible"
+    :before-close="handleClose"
+    width="900px"
+    id="addEqDialog"
+  >
     <el-row class="filters" :gutter="20">
-      <el-col :span="8">
-        <el-input placeholder="输入业务空间名称、本地编码进行查询" v-model="keycode" clearable @keyup.enter.native="getTableData">
+      <el-col :span="7" style="width:268px;padding:0px;">
+        <el-input
+          style
+          placeholder="输入业务空间名称、本地编码进行查询"
+          v-model="keycode"
+          clearable
+          @keyup.enter.native="getTableData"
+        >
           <i slot="suffix" class="el-input__icon el-icon-search" @click="getTableData"></i>
         </el-input>
       </el-col>
-      <el-col :span="8.5" style="padding:0 0;">
-        <floor-cascader @change="changeFloor"></floor-cascader>
+      <el-col :span="8.5" style="padding:0 0;margin-left:5px">
+        <floor-cascader ref="floorcas" @change="changeFloor"></floor-cascader>
       </el-col>
-       <el-col :span="8.5" style="padding:0 0;">
-         <space-select @change="changeSpace"></space-select>
+      <el-col :span="7.5" style="padding:0 0;">
+        <space-select ref="spacesel" @change="changeSpace"></space-select>
       </el-col>
     </el-row>
-    <el-row class="filters" :gutter="20">
-      
-     
-    </el-row>
+    <el-row class="filters" :gutter="20"></el-row>
     <div class="table-box">
-      <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
+        :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>
-              {{scope.row.RoomLocalName||scope.row.RoomName||''}}
-            </div>
+            <div>{{scope.row.RoomLocalName||scope.row.RoomName||''}}</div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="RoomLocalID"
+          :label="`${inSpaceType}本地编码`"
+          show-overflow-tooltip
+          min-width="100"
+        ></el-table-column>
+        <el-table-column prop :label="`所属建筑楼层`" show-overflow-tooltip min-width="100">
+          <template slot-scope="scope">
+            <div>{{(floorType[scope.row.BuildingId] || '') + (floorType[scope.row.FloorID] || '') || ''}}</div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="ObjectType" :label="`空间类型`" show-overflow-tooltip min-width="100">
+          <template slot-scope="scope">
+            <div>{{spaceType[scope.row.ObjectType] || ''}}</div>
           </template>
         </el-table-column>
-        <el-table-column prop="RoomLocalID" :label="`${inSpaceType}本地编码`" show-overflow-tooltip min-width="100"></el-table-column>
-        <el-table-column prop="" :label="`所属建筑楼层`" show-overflow-tooltip min-width="100"></el-table-column>
-        <el-table-column prop="" :label="`空间类型`" show-overflow-tooltip min-width="100"></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)" plain>查看详情</el-button>
@@ -38,22 +65,34 @@
         </el-table-column>
       </el-table>
       <!-- 分页 -->
-      <el-pagination class="fr" v-show="tableData && tableData.length" @size-change="handleSizeChange" @current-change="handleCurrentChange"
-        :current-page="page.pageNumber" :page-sizes="page.pageSizes" :page-size="page.pageSize" layout="total, sizes, prev, pager, next, jumper"
-        :total="page.total"></el-pagination>
+      <el-pagination
+        class="fr"
+        v-show="tableData && tableData.length"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="page.pageNumber"
+        :page-sizes="page.pageSizes"
+        :page-size="page.pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="page.total"
+      ></el-pagination>
     </div>
     <span slot="footer" class="dialog-footer">
-      <el-button size="small" @click="dialogVisible = false">取 消</el-button>
+      <el-button size="small" @click="handleClose">取 消</el-button>
       <el-button size="small" type="primary" @click="savaRelation">确 定</el-button>
     </span>
   </el-dialog>
 </template>
 
 <script>
-import { unSysZoneSpace, linkSySh } from "@/api/scan/request";
+import {
+  unSysZoneSpace,
+  linkSysSp,
+  queryDictionaryHead
+} from "@/api/scan/request";
 import floorCascader from "@/components/ledger/lib/floorCascader";
-import dictionaryCas from '@/components/config_point/dictionaryCascader'
-import spaceSelect from '@/components/ledger/lib/spaceSelect'
+import dictionaryCas from "@/components/config_point/dictionaryCascader";
+import spaceSelect from "@/components/ledger/lib/spaceSelect";
 import { mapGetters } from "vuex";
 export default {
   components: {
@@ -67,12 +106,13 @@ export default {
   data() {
     return {
       title: "添加系统所在业务空间",
-      keycode: '', //输入查询条件
-      inSpaceType: '业务空间',
-      dialogVisible: false,
-      Buildfloor: ['all'], // 选中的建筑楼层
-      Spacecategory: null,// 选中的业务空间类型
+      keycode: "", //输入查询条件
+      inSpaceType: "业务空间",
+      Buildfloor: ["all"], // 选中的建筑楼层
+      Spacecategory: null, // 选中的业务空间类型
       tableData: [],
+      floorData: {}, //楼层
+      spaceData: {}, //业务空间分区
       loading: false,
       selections: [], // 选中项
       page: {
@@ -82,86 +122,94 @@ export default {
         total: 0
       },
       headerStyle: {
-        backgroundColor: '#e1e4e5',
-        color: '#2b2b2b',
-        lineHeight: '30px'
+        backgroundColor: "#e1e4e5",
+        color: "#2b2b2b",
+        lineHeight: "30px"
       } // 列表样式
     };
   },
   props: {
     type: String, //选中的tab页
-    params: Object //查看的竖井关系信息
+    params: Object, //查看的竖井关系信息
+    spaceType: Object,
+    dialogVisible: Boolean,
+    floorType: Object
   },
-  created() { },
+  mounted() {},
   methods: {
     // 显示弹窗
     showDialog() {
-      this.dialogVisible = true
-      this.page.pageNumber = 1
-      this.tableData = []
-      this.getTableData()
+      this.dialogVisible = true;
     },
     //修改建筑楼层
     changeFloor(value) {
-      this.Buildfloor = value
-      this.getTableData()
+      this.Buildfloor = value;
+      this.getTableData();
     },
     //修改空间类型
     changeSpace(value) {
-      this.Spacecategory = value
-      this.getTableData()
+      this.Spacecategory = value;
+      this.getTableData();
     },
     getTableData() {
       let params = {
         data: {
-          Filters:"not LocalId isNull",
-          Orders: "Name desc",
+          Filters: "not RoomID isNull",
+          Orders: "RoomLocalName desc",
           PageNumber: this.page.pageNumber,
-          PageSize: this.page.pageSize,
+          PageSize: this.page.pageSize
         },
         shaftId: this.params.ShaftID,
-        sysId:this.$route.query.SysID
-      }
+        sysId: this.$route.query.SysID
+      };
       if (this.Buildfloor[0] == "noKnow") {
-        params.data.Filters += `;buildingId isNull`
+        params.data.Filters += `;buildingId isNull`;
       } else if (this.Buildfloor[0] && this.Buildfloor[0] != "all") {
-        params.data.Filters += `;buildingId='${this.Buildfloor[0]}'`
+        params.data.Filters += `;buildingId='${this.Buildfloor[0]}'`;
       }
       if (this.Buildfloor[1] == "noKnow") {
-        params.data.Filters += `;floorId isNull`
+        params.data.Filters += `;floorId isNull`;
       } else if (this.Buildfloor[1] && this.Buildfloor[1] != "all") {
-        params.data.Filters += `;floorId='${this.Buildfloor[1]}'`
+        params.data.Filters += `;floorId='${this.Buildfloor[1]}'`;
       }
-      if(this.Spacecategory){
-         params.data.Filters += `;ObjectType='${this.Spacecategory}'`
+      if (this.Spacecategory) {
+        params.data.Filters += `;ObjectType='${this.Spacecategory}'`;
       }
-      if (this.keycode != '') {
-        params.data.Filters += `;RoomName contain '${this.keycode}' or RoomLocalName contain '${this.keycode}'`
+      if (this.keycode != "") {
+        params.data.Filters += `;RoomName contain '${this.keycode}' or RoomLocalName contain '${this.keycode}'`;
       }
+
       unSysZoneSpace(params, res => {
-        this.tableData = res.Content
-        this.page.total = res.Total
-      })
+        this.tableData = res.Content;
+        this.page.total = res.Total;
+      });
+    },
+    handleClose() {
+      this.$emit("update:dialogVisible", false);
     },
     //选中项修改
     handleSelectionChange(val) {
       this.selections = val;
     },
     savaRelation() {
-      if(this.selections.length){
+      if (this.selections.length) {
         let params = {
-          ShaftId: this.params.ShaftID,
-          SysIdList: this.selections.map(item => {
-            return item.SysID
+          Content: this.selections.map(item => {
+            return {
+              SpaceID: item.RoomID,
+              SysID: this.$route.query.SysID,
+              ObjectType: item.ObjectType
+            };
           })
-        }
-        linkSySh(params, res => {
-          this.dialogVisible = false
-          this.$message.success('关联成功!')
-          this.$emit('refresh')
-        })
-      }else {
-        this.$message('请选择要关联的设备')
+        };
+        linkSysSp(params, res => {
+          this.dialogVisible = false;
+          this.$message.success("关联成功!");
+          this.$emit("update:dialogVisible", false);
+          this.$emit("refresh");
+        });
+      } else {
+        this.$message("请选择要关联的设备");
       }
     },
     //改变pagesize
@@ -176,19 +224,31 @@ export default {
     },
     // 查看详情
     toDetail() {
-      this.$message('开发中')
+      this.$message("开发中");
     }
   },
+  watch: {
+    dialogVisible: {
+      handler() {
+        if (this.dialogVisible) {
+          this.page.pageNumber = 1;
+          this.tableData = [];
+          this.getTableData();
+        }
+      },
+      immediate: true
+    }
+  }
 };
 </script>
 <style lang="less" scoped>
 #addEqDialog {
   .filters {
-    margin-bottom: 10px; 
+    margin-bottom: 10px;
   }
   .table-box {
     height: 370px;
-    .fr{
+    .fr {
       margin-top: 10px;
     }
   }

+ 75 - 39
src/components/ledger/system/table/spaceTable.vue

@@ -2,31 +2,49 @@
   <div id="eqInSp">
     <el-row>
       <el-button type="primary" @click="add">添加{{inSpaceType}}</el-button>
-      <el-tooltip class="item" effect="dark" content="可前往“全部关系总览”中,按系统内包含的设备与空间关系计算" placement="right">
+      <el-tooltip
+        class="item"
+        effect="dark"
+        content="可前往“全部关系总览”中,按系统内包含的设备与空间关系计算"
+        placement="right"
+      >
         <el-button>按系统内设备与业务空间关系计算</el-button>
       </el-tooltip>
     </el-row>
     <div class="table-box">
-      <el-table :data="tableData" style="width: 100%" height="100%" v-loading="loading" :header-cell-style="headerStyle">
+      <el-table
+        :data="tableData"
+        style="width: 100%"
+        height="100%"
+        v-loading="loading"
+        :header-cell-style="headerStyle"
+      >
         <el-table-column :label="`${inSpaceType}名称`" show-overflow-tooltip min-width="100">
           <template slot-scope="scope">
-            <div>
-              {{scope.row.SysLocalName||scope.row.SysName||''}}
-            </div>
+            <div>{{ scope.row.RoomLocalName || scope.row.RoomName||''}}</div>
           </template>
         </el-table-column>
-        <el-table-column prop="SysLocalID" :label="`${inSpaceType}本地编码`" show-overflow-tooltip min-width="100"></el-table-column>
+        <el-table-column
+          prop="RoomLocalID"
+          :label="`${inSpaceType}本地编码`"
+          show-overflow-tooltip
+          min-width="100"
+        ></el-table-column>
         <el-table-column :label="`${inSpaceType}类型`" show-overflow-tooltip min-width="100">
           <template slot-scope="scope">
-            <div>
-              {{scope.row.CategoryNames.CategoryName}}
-            </div>
+            <div>{{ spaceType[scope.row.ObjectType]}}</div>
           </template>
         </el-table-column>
         <el-table-column prop="action" label="操作" min-width="100">
           <template slot-scope="scope">
             <el-tooltip class="item" effect="dark" content="删除关系" placement="left">
-              <el-button size="mini" @click="handleDelete(scope.$index, scope.row)" type="danger" plain icon="el-icon-delete"></el-button>
+              <el-button
+                size="mini"
+                @click="handleDelete(scope.$index, scope.row)"
+                type="danger"
+                plain
+                icon="el-icon-delete"
+              ></el-button>
             </el-tooltip>
           </template>
         </el-table-column>
@@ -39,14 +57,22 @@
       </el-table>
     </div>
     <!-- 添加空间弹窗 -->
-    <addSpaceDialog ref="addSpaceDialog" @refresh="getTableData" :type="type" :params="params"></addSpaceDialog>
+    <addSpaceDialog
+      :dialogVisible.sync="dialogVisible"
+      ref="addSpaceDialog"
+      @refresh="getTableData"
+      :type="type"
+      :params="params"
+      :spaceType="spaceType"
+      :floorType="floorType"
+    ></addSpaceDialog>
   </div>
 </template>
 
 <script>
-import { queryLinkSys, syinshUnlink } from "@/api/scan/request";
+import { queryLinkSys, spaceInSysUnlink } from "@/api/scan/request";
 import { mapGetters } from "vuex";
-import addSpaceDialog from "@/components/ledger/system/dialog/addSpaceDialog"
+import addSpaceDialog from "@/components/ledger/system/dialog/addSpaceDialog";
 export default {
   components: {
     addSpaceDialog
@@ -56,11 +82,12 @@ export default {
   },
   data() {
     return {
-      inSpaceType: '业务空间',
+      inSpaceType: "业务空间",
+      dialogVisible: false,
       headerStyle: {
-        backgroundColor: '#e1e4e5',
-        color: '#2b2b2b',
-        lineHeight: '30px'
+        backgroundColor: "#e1e4e5",
+        color: "#2b2b2b",
+        lineHeight: "30px"
       }, // 列表样式
       loading: false, // loading
       tableData: [] //列表数据
@@ -68,10 +95,12 @@ export default {
   },
   props: {
     params: Object,
-    type: String
+    type: String,
+    spaceType: Object,
+    floorType: {}
   },
   created() {
-    this.getTableData()
+    this.getTableData();
   },
   methods: {
     // 获取列表数据
@@ -80,36 +109,43 @@ export default {
         Filters: `SysID='${this.params.SysID}'`,
         Cascade: [
           {
-            Name: 'zoneSpaceBaseTableList'
+            Name: "zoneSpaceBaseTableList"
           }
         ]
-      }
+      };
       queryLinkSys(params, res => {
-        this.tableData = res.Content[0].SystemList || []
-      })
+        this.tableData = res.Content[0].ZoneSpaceBaseTable || [];
+      });
     },
     // 删除关系
     handleDelete(index, row) {
       this.$confirm("确认删除该关系?", "提示", {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        let params = {
-          SysId: row.SysID,
-          ShaftId: this.params.ShaftID
-        }
-        this.deleteSyInSh(params);
-      }).catch(() => {
-        this.$message("取消删除")
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
       })
+        .then(() => {
+          let params = {
+            data: [
+              {
+                SysId: this.params.SysID,
+                SpaceId: row.RoomID
+              }
+            ],
+            type:row.ObjectType
+          };
+          this.deleteSyInSh(params);
+        })
+        .catch(() => {
+          this.$message("取消删除");
+        });
     },
     // 删除系统所在竖井关系
     deleteSyInSh(params) {
-      syinshUnlink(params, res => {
-        this.$message.success('删除成功')
-        this.getTableData()
-      })
+      spaceInSysUnlink(params, res => {
+        this.$message.success("删除成功");
+        this.getTableData();
+      });
     },
     // 改变pagesize
     handleSizeChange(pageSize) {
@@ -123,7 +159,7 @@ export default {
     },
     // 添加设备
     add() {
-      this.$refs.addSpaceDialog.showDialog()
+      this.dialogVisible = true;
     }
   },
   watch: {

+ 36 - 3
src/views/ledger/system/systemDetail/index.vue

@@ -25,14 +25,14 @@
       <!-- 系统所在竖井 -->
       <cenoteTable v-else-if="activeTab=='cenote'" :params="params" :type="activeTab"></cenoteTable>
       <!-- 系统所在业务空间 -->
-      <spaceTable v-else-if="activeTab=='space'" :params="params" :type="activeTab"></spaceTable>
+      <spaceTable v-else-if="activeTab=='space'" :params="params" :type="activeTab" :spaceType="spaceType" :floorType="floorType"></spaceTable>
     </div>
   </div>
 </template>
 
 <script>
 import { mapGetters } from "vuex"
-import { queryLinkSys, deleteGeneralSys } from '@/api/scan/request'
+import { queryLinkSys, deleteGeneralSys, queryDictionaryHead, buildingQuery } from '@/api/scan/request'
 import cenoteTable from '@/components/ledger/system/table/cenoteTable'
 import deviceTable from '@/components/ledger/system/table/deviceTable'
 import spaceTable from '@/components/ledger/system/table/spaceTable'
@@ -47,7 +47,9 @@ export default {
         { Code: 'space', Name: '系统所在业务空间' },
       ], //tab页
       activeTab: 'detail', //当前选中的tab
-      systemDetails: {}, //系统信息
+      systemDetails: {}, //系统信息,
+      spaceType: {},//空间种类
+      floorType: {}
     }
   },
   computed: {
@@ -61,6 +63,37 @@ export default {
   created() {
     this.params = this.$route.query;
     this.getSystemDetails();
+
+    let pa = {
+      Filters: `parentId='Space'`
+    }
+    queryDictionaryHead(pa, res => {
+      res.Content.map(t => {
+        if (t.Name != "元空间") {
+          this.spaceType[t.Code] = t.Name;
+        }
+      })
+    });
+
+    let param = {
+      Cascade: [
+        { Name: "floor" }
+      ]
+    };
+    buildingQuery(param, res => {
+      res.Content.map(item => {
+        if (item.BuildID && item.BuildLocalName) {
+          this.floorType[item.BuildID] = item.BuildLocalName;
+          if (item.Floor instanceof Array) {
+            item.Floor.map(f => {
+              if (f.FloorID && f.FloorLocalName) {
+                this.floorType[f.FloorID] = f.FloorLocalName;
+              }
+            })
+          }
+        }
+      });
+    });
   },
   mounted() { },
   watch: {