Selaa lähdekoodia

完成模糊搜索

YaolongHan 4 vuotta sitten
vanhempi
commit
ad71736624

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

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

+ 3 - 3
src/views/maintain/relationship/relation/components/table.vue

@@ -5,13 +5,13 @@
         :header-cell-style="{ background: '#e1e4e5',color: '#2b2b2b', lineHeight: '30px' }"
         class="table"
         style="width: 100%;"
-        height="100%"
+        height="60%"
     >
         <el-table-column
             v-for="(item,index) in tableHeader"
             :key="index"
-            prop="cCADID"
-            :label="item"
+            :prop="item[1]"
+            :label="item[0]"
             align="left"
         >
         </el-table-column>

+ 48 - 3
src/views/maintain/relationship/relation/index.vue

@@ -49,6 +49,19 @@
       </el-col>
     </el-row>
     <relationTable :tableHeader="tableHeader" :tableData="tableData" />
+    <!-- 分页 -->
+    <div class="pagination">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="page.currentPage"
+        :page-sizes="[10, 15, 20, 30]"
+        :page-size="page.pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="page.total"
+      >
+      </el-pagination>
+    </div>
     <addRelationDialog
       @closeAddRelation="addRelationValue = false"
       :addRelationValue="addRelationValue"
@@ -119,6 +132,11 @@ export default class extends Vue {
   };
   relTypeStatus: any = 0; //关系相关类型主从 0 None 1主 2从 3主从
 
+  page: object = {
+    total: 0, //总数
+    currentPage: 1, //当前页
+    pageSize: 15, //当前页数量
+  };
   /////////////////////////////////////////
   // 方法
 
@@ -136,6 +154,26 @@ export default class extends Vue {
   }
 
   /**
+   * 分页数量切换
+   */
+
+  handleSizeChange(val: any) {
+    Object.assign(this.page, {
+      pageSize: val,
+    });
+    this.relManualQuery();
+  }
+  /**
+   * 分页切换
+   */
+  handleCurrentChange(val: any) {
+    Object.assign(this.page, {
+      currentPage: val,
+    });
+    this.relManualQuery();
+  }
+
+  /**
    * 主关系下拉框选择
    */
   mainSelect(val: any) {
@@ -217,18 +255,20 @@ export default class extends Vue {
     // 获取table数据
     const data = {
       projectId: this.$route.query.projectId,
+      categoryFrom: this.categoryFrom,
+      categoryTo: this.categoryTo,
       vagueTo: this.vagueTo, //主关系
       vagueFrom: this.vagueFrom, //从关系
       objectType: 1,
       relType: this.$route.query.relationType,
-      pageSize: 50,
-      pageNumber: 1,
+      pageSize: this.page.pageSize,
+      pageNumber: this.page.currentPage,
       graphicType: this.$route.query.graphicType,
       zoneType: this.$route.query.zoneType ? this.$route.query.zoneType : "",
     };
     relManualQuery(data).then((res) => {
-      console.log("this.tableHeader", this.tableHeader);
       this.tableData = res.content;
+      this.page.total = res.total;
     });
   }
 
@@ -266,5 +306,10 @@ export default class extends Vue {
       }
     }
   }
+  .pagination {
+    margin-top: 12px;
+    margin-right: 24px;
+    float: right;
+  }
 }
 </style>