YaolongHan 3 年 前
コミット
c430bbd20e

+ 9 - 9
src/views/maintain/relationship/components/tableHeader.ts

@@ -1,12 +1,12 @@
 const tableHeader = {
-    '设备所在建筑': ['建筑', 'BIM构件名称', '系统分类', '设备类型名称', '设备本地编码'],
-    '设备所在楼层': ['建筑', '楼层', 'BIM构件名称', '系统分类', '设备类型名称', '设备本地编码'],
-    '设备所在功能空间': ['空间本地名称', '空间本地编码', '建筑', '楼层', 'BIM构件名称', '系统分类', '设备类型名称', '设备本地编码'],
-    '设备服务功能空间': ['空间本地名称', '空间本地编码', '建筑', '楼层', 'BIM构件名称', '系统分类', '设备类型名称', '设备本地编码'],
-    '设备所在供电空间': ['空间本地名称', '空间本地编码', '建筑', '楼层', 'BIM构件名称', '系统分类', '设备类型名称', '设备本地编码'],
-    '空间所在建筑': ['建筑', '空间本地名称', '空间本地编码', '楼层'],
-    '空间所在楼层': ['建筑', '楼层', '空间本地名称', '空间本地编码'],
-    '空间服务空间': ['空间本地名称', '空间本地编码', '建筑', '楼层', '空间本地名称', '空间本地编码', '建筑', '楼层'],
-    '系统下的设备': ['系统分类', '分类名称', '系统编码', 'BIM构件名称', '系统分类', '设备类型名称', '设备本地编码'],
+    '设备所在建筑': [['建筑', 'objectInfo'], ['BIM构件名称', ''], '系统分类', '设备类型名称', ['设备本地编码', "localId"]],
+    '设备所在楼层': [['建筑', 'objectInfo'], '楼层', ['BIM构件名称', ''], '系统分类', '设备类型名称', ['设备本地编码', "localId"]],
+    '设备所在功能空间': [['空间本地名称', "localName"], ['空间本地编码', "localId"], ['建筑', 'objectInfo'], '楼层', ['BIM构件名称', ''], '系统分类', '设备类型名称', ['设备本地编码', "localId"]],
+    '设备服务功能空间': [['空间本地名称', "localName"], ['空间本地编码', "localId"], ['建筑', 'objectInfo'], '楼层', ['BIM构件名称', ''], '系统分类', '设备类型名称', ['设备本地编码', "localId"]],
+    '设备所在供电空间': [['空间本地名称', "localName"], ['空间本地编码', "localId"], ['建筑', 'objectInfo'], '楼层', ['BIM构件名称', ''], '系统分类', '设备类型名称', ['设备本地编码', "localId"]],
+    '空间所在建筑': [['建筑', 'objectInfo'], ['空间本地名称', "localName"], ['空间本地编码', "localId"], '楼层'],
+    '空间所在楼层': [['建筑', 'objectInfo'], '楼层', ['空间本地名称', "localName"], ['空间本地编码', "localId"]],
+    '空间服务空间': [['空间本地名称', "localName"], ['空间本地编码', "localId"], ['建筑', 'objectInfo'], '楼层', ['空间本地名称', "localName"], ['空间本地编码', "localId"], ['建筑', 'objectInfo'], '楼层'],
+    '系统下的设备': ['系统分类', '分类名称', '系统编码', ['BIM构件名称', ''], '系统分类', '设备类型名称', ['设备本地编码', "localId"]],
 }
 export default tableHeader

+ 39 - 6
src/views/maintain/relationship/relation/index.vue

@@ -10,9 +10,11 @@
         <p>主对象</p>
         <span v-if="relTypeStatus == 1 || relTypeStatus == 3">类型:</span>
         <el-select
+          :clearable="true"
           v-if="relTypeStatus == 1 || relTypeStatus == 3"
-          v-model="mainObject"
+          v-model="categoryFrom"
           placeholder="请选择"
+          @change="mainSelect"
           style="margin-right: 10px"
         >
           <el-option
@@ -23,14 +25,15 @@
           >
           </el-option>
         </el-select>
-        <AdmSearch />
+        <AdmSearch @SearchValue="mainSerch" />
       </el-col>
       <el-col :span="12" class="object">
         <p>从对象</p>
         <span v-if="relTypeStatus == 2 || relTypeStatus == 3">类型:</span>
         <el-select
           v-if="relTypeStatus == 2 || relTypeStatus == 3"
-          v-model="mainObject"
+          v-model="categoryTo"
+          :clearable="true"
           placeholder="请选择"
           style="margin-right: 10px"
         >
@@ -42,7 +45,7 @@
           >
           </el-option>
         </el-select>
-        <AdmSearch />
+        <AdmSearch @SearchValue="minorSearch" />
       </el-col>
     </el-row>
     <relationTable :tableHeader="tableHeader" :tableData="tableData" />
@@ -77,10 +80,12 @@ import { relToType, relManualQuery } from "@/api/datacenter";
   },
 })
 export default class extends Vue {
-  mainObject = ""; //主关系
+  categoryFrom = ""; //主关系
   mainOptions = []; //主关系选项
-  minorObject = ""; //次关系
+  categoryTo = ""; //次关系
   minorOptions = []; //次关系选项
+  vagueFrom = ""; //主关系模糊收索
+  vagueTo = ""; //次关系模糊收索
   //表头数据
   tableHeader = [];
   //表格数据
@@ -131,6 +136,32 @@ export default class extends Vue {
   }
 
   /**
+   * 主关系下拉框选择
+   */
+  mainSelect(val: any) {
+    this.categoryFrom = val;
+    this.relManualQuery();
+    console.log("mainSelect", val);
+  }
+  /**
+   * 从关系下拉框选择
+   */
+  minorSelect(val: any) {
+    this.categoryTo = val;
+    this.relManualQuery();
+  }
+  // 主关系模糊搜索
+  mainSerch(val: string) {
+    this.vagueFrom = val;
+    this.relManualQuery();
+  }
+  // 从关系模糊搜索
+  minorSearch(val: string) {
+    this.vagueTo = val;
+    this.relManualQuery();
+  }
+
+  /**
    * 添加关系
    */
   addRelation() {
@@ -186,6 +217,8 @@ export default class extends Vue {
     // 获取table数据
     const data = {
       projectId: this.$route.query.projectId,
+      vagueTo: this.vagueTo, //主关系
+      vagueFrom: this.vagueFrom, //从关系
       objectType: 1,
       relType: this.$route.query.relationType,
       pageSize: 50,