feat: 体系搜索-搜索条件添加体系结构

src/pages/regulatoryRepository/systemSearch/components/DialogTable.vue

@@ -2,6 +2,13 @@
   <el-dialog :title="title" :visible.sync="visible" custom-class="customDialog" width="1005px">
     <div class="search-area">
       <el-form :modal="searchForm" :inline="true" class="label-input-form">
+        <el-form-item label="体系结构" class="search-item">
+          <el-input v-model="searchForm.standSystem"
+                    placeholder="请选择体系结构"
+                    readonly
+                    @click.native="choice"
+          ></el-input>
+        </el-form-item>
         <el-form-item label="标准编号" class="search-item">
           <el-input v-model="searchForm.standNo"
                     placeholder="根据标准编号查找"
@@ -23,14 +30,6 @@
             <el-option v-for="item in dict.commonState" :value="item.value" :label="item.label"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="数据来源" class="search-item">
-          <el-select v-model="searchForm.dataSource"
-                     placeholder="请选择数据来源">
-            <el-option value="INLAND" label="国内标准库"></el-option>
-            <el-option value="FOREIGN" label="海外标准库"></el-option>
-            <el-option value="ENTERPRISE" label="企业标准库"></el-option>
-          </el-select>
-        </el-form-item>
         <el-form-item label="发布日期" class="search-item">
           <el-date-picker
               :value="releaseDate"
@@ -78,6 +77,14 @@
                     :maxlength="100"
           ></el-input>
         </el-form-item>
+        <el-form-item label="数据来源" class="search-item">
+          <el-select v-model="searchForm.dataSource"
+                     placeholder="请选择数据来源">
+            <el-option value="INLAND" label="国内标准库"></el-option>
+            <el-option value="FOREIGN" label="海外标准库"></el-option>
+            <el-option value="ENTERPRISE" label="企业标准库"></el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item class="search-item btn-box">
           <el-button
                      type="primary"
@@ -112,24 +119,37 @@
           width="55"
           align="center">
       </el-table-column>
+      <el-table-column
+          type="index"
+          width="55"
+          label="序号"
+          align="center">
+        <template slot-scope="{scope, column, $index}">
+          {{ ($index + 1) + (searchForm.page - 1) * searchForm.pageSize }}
+        </template>
+      </el-table-column>
       <el-table-column
           prop="standSystem"
-          width="200"
+          width="160"
+          show-overflow-tooltip
           label="体系结构">
       </el-table-column>
       <el-table-column
           prop="standNo"
-          width="200"
+          width="125"
+          show-overflow-tooltip
           label="标准编号">
       </el-table-column>
       <el-table-column
           prop="standName"
           width="200"
+          show-overflow-tooltip
           label="标准名称">
       </el-table-column>
       <el-table-column
           prop="standState"
           width="80"
+          show-overflow-tooltip
           label="标准状态">
         <!--<template slot-scope="scope">-->
           <!--<span v-if="dict.commonState">{{ this.dict.commonState.find(item => item.value === scope.row.standState).label }}</span>-->
@@ -139,32 +159,38 @@
           prop="releaseDate"
           width="110"
           sortable
+          show-overflow-tooltip
           label="发布日期">
       </el-table-column>
       <el-table-column
           prop="implementDate"
           width="110"
           sortable="custom"
+          show-overflow-tooltip
           label="实施日期">
       </el-table-column>
       <el-table-column
           prop="replaceStandardNo"
           width="120"
+          show-overflow-tooltip
           label="代替标准">
       </el-table-column>
       <el-table-column
           prop="dept"
           width="150"
+          show-overflow-tooltip
           label="编制单位">
       </el-table-column>
       <el-table-column
           prop="draftUserName"
           width="200"
+          show-overflow-tooltip
           label="起草人">
       </el-table-column>
       <el-table-column
           prop="dataSource"
           width="100"
+          show-overflow-tooltip
           label="数据来源">
       </el-table-column>
     </el-table>
@@ -179,16 +205,31 @@
     </div>
     <loading :loading="loading">加载中...</loading>
     <ExportDialog appendToBody ref="exportDialogRef" @exportName="handleExport"></ExportDialog>
+    <!-- 组件树-->
+    <tree-select-new
+        :multiple=false
+        :lazy=false
+        :modalShowFlag="modalShowFlag"
+        drawerTitle="标准体系"
+        nodeKey="id"
+        width="500"
+        :data="standSystemData"
+        :defaultProps="defaultProps"
+        :checkedKeys="[]"
+        @popoverHide="popoverHide"
+        @popoverHideCancel="popoverHideCancel"></tree-select-new>
   </el-dialog>
 </template>
 
 <script>
 import ExportDialog from '@/components/hzwlComponents/exportDialog'
+import TreeSelectNew from "@/components/treeSelect/treeSelectNew.vue";
 
 export default {
   name: "DialogTable",
   components: {
-    ExportDialog
+    ExportDialog,
+    TreeSelectNew,
   },
   data () {
     const pickerOptions =  {
@@ -220,6 +261,9 @@ export default {
     }
     const searchForm = {
       menuId: '',
+      // 体系结构
+      standSystemId: '',
+      standSystem: '',
       standNo: '',
       standName: '',
       standState: '',
@@ -248,10 +292,21 @@ export default {
       data: [],
       selected: [],
       loading: false,
+      // 标准体系树
+      modalShowFlag: false,
+      standSystemData: [],
+      defaultProps: {
+        children: 'children',
+        label: 'menuName'
+      },
+      api: {
+        getListStandLimit: "lawss/sarMenuStandardLimit/getListStandLimit",
+      },
     }
   },
   created() {
     this.getDicTypeListCode()
+    this.getListStandLimit()
   },
   methods: {
     open (cfg) {
@@ -357,6 +412,28 @@ export default {
       this.$refs.exportDialogRef.cancel()
       this.$message.success('导出信息成功')
     },
+    async getListStandLimit () {
+      const res = await this.$http._getData(this.api.getListStandLimit,{
+        dicId:'9m4qqqaansxmox5e82zm'
+      },{
+        _this:this,
+        loading: 'loading'
+      })
+      if (res.ok &&  res.data) {
+        this.standSystemData = res.data
+      }
+    },
+    choice () {
+      this.modalShowFlag = true
+    },
+    popoverHideCancel() {
+      this.modalShowFlag = false
+    },
+    popoverHide(checkedIds, checkedData) {
+      this.searchForm.standSystem = checkedData.menuName
+      this.searchForm.standSystemId = checkedIds
+      this.modalShowFlag = false
+    },
     getDicTypeListCode () {
       this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
         this.dict = { ...res.data }