[add] 添加企标级别映射模块和友情链接模块，完善内部工作组模块，修改封装的Search组件

src/views/system/internalWorkGroup/WorkingGroupList.vue

@@ -2,13 +2,16 @@
   <a-card :bordered="false" class="page-left-right-layout">
     <div class="page-left-box">
       <a-input-search v-model="treeInput" :placeholder="$t('system.internalWorkGroup.treeSearchPlaceholder')"
-                      @search="handleTreeSearch" />
+                      @change="handleTreeChange" />
       <a-tree
         :show-line="true"
         :show-icon="true"
         :tree-data="treeData"
         :selectedKeys="currentTreeNode"
         :replaceFields="{children: 'subset', title: 'name', key: 'id'}"
+        :expanded-keys="expandedKeys"
+        :auto-expand-parent="autoExpandParent"
+        @expand="treeExpand"
         @select="treeSelect">
 <!--        <template #iconCustom="{title}">-->
 <!--          <div class="tree-node">-->
@@ -29,7 +32,12 @@
               <template #title>
                 {{ name }}
               </template>
-              <span class="tree-node-custom-title">{{ name }}</span>
+              <span v-if="name.indexOf(treeInput) > -1" class="tree-node-custom-title">
+                {{ name.substr(0, name.indexOf(treeInput)) }}
+                <span style="color: #f50">{{ treeInput }}</span>
+                {{ name.substr(name.indexOf(treeInput) + treeInput.length) }}
+              </span>
+              <span v-else class="tree-node-custom-title">{{ name }}</span>
             </a-tooltip>
             <template v-if="id === mouseInNodeKey">
               <!--              新增-->
@@ -48,7 +56,12 @@
               <template #title>
                 {{ name }}
               </template>
-              <span class="tree-node-custom-title">{{ name }}</span>
+              <span v-if="name.indexOf(treeInput) > -1" class="tree-node-custom-title">
+                {{ name.substr(0, name.indexOf(treeInput)) }}
+                <span style="color: #f50">{{ treeInput }}</span>
+                {{ name.substr(name.indexOf(treeInput) + treeInput.length) }}
+              </span>
+              <span v-else class="tree-node-custom-title">{{ name }}</span>
             </a-tooltip>
             <template v-if="id === mouseInNodeKey">
               <!--              新增-->
@@ -70,37 +83,36 @@
       <div class="table-page-search-wrapper">
         <a-form layout="inline" @keyup.enter.native="searchQuery">
           <a-row :gutter="24">
-
-            <a-col :md="6" :sm="8">
+            <a-col :span="8">
               <a-form-item :label="$t('system.internalWorkGroup.name')" :labelCol="labelCol" :wrapperCol="wrapperCol">
                 <j-input :placeholder="$t('pleaseEnter')+$t('system.internalWorkGroup.name')" v-model="queryParam.userName"></j-input>
               </a-form-item>
             </a-col>
-            <a-col :md="6" :sm="8">
+            <a-col :span="8">
               <a-form-item :label="$t('system.internalWorkGroup.workNo')" :labelCol="labelCol" :wrapperCol="wrapperCol">
                 <j-input :placeholder="$t('pleaseEnter')+$t('system.internalWorkGroup.workNo')" v-model="queryParam.userWorkNo"></j-input>
               </a-form-item>
             </a-col>
-            <a-col :md="6" :sm="8">
-              <a-form-item :label="$t('system.internalWorkGroup.role')" :labelCol="labelCol" :wrapperCol="wrapperCol">
-                <j-input :placeholder="$t('pleaseEnter')+$t('system.internalWorkGroup.role')" v-model="queryParam.userRoleName"></j-input>
-              </a-form-item>
-            </a-col>
             <template v-if="toggleSearchStatus">
-              <a-col :md="6" :sm="8">
+              <a-col :span="8">
+                <a-form-item :label="$t('system.internalWorkGroup.role')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                  <j-input :placeholder="$t('pleaseEnter')+$t('system.internalWorkGroup.role')" v-model="queryParam.userRoleName"></j-input>
+                </a-form-item>
+              </a-col>
+              <a-col :span="8">
                 <a-form-item :label="$t('system.internalWorkGroup.post')" :labelCol="labelCol" :wrapperCol="wrapperCol">
                   <j-input :placeholder="$t('pleaseEnter')+$t('system.internalWorkGroup.post')" v-model="queryParam.userPostName"></j-input>
                 </a-form-item>
               </a-col>
             </template>
 
-            <div style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
-              <a-button type="primary" @click="searchQuery" icon="search">{{ $t('query') }}</a-button>
-              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">{{ $t('reset') }}</a-button>
-              <a @click="handleToggleSearch" style="margin-left: 8px">
+            <div style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
+              <a @click="handleToggleSearch">
                 {{ toggleSearchStatus ? $t('putAway') : $t('open') }}
                 <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
               </a>
+              <a-button type="primary" @click="searchQuery" icon="search" style="margin-left: 8px">{{ $t('query') }}</a-button>
+              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">{{ $t('reset') }}</a-button>
             </div>
 
           </a-row>
@@ -171,6 +183,9 @@ export default {
     return {
       treeInput: null, // 树查询绑定值
       treeData: [],
+      treeDataList: [], // 左侧树的数组结构，用于搜索
+      expandedKeys: [],
+      autoExpandParent: true,
       currentTreeNode: null, // 当前选中的树节点
       mouseInNodeKey: null, // 鼠标悬浮的节点key值
       columns: [
@@ -178,25 +193,29 @@ export default {
           title: this.$t('system.internalWorkGroup.name'),
           align: 'center',
           width: 180,
-          dataIndex: 'userName'
+          dataIndex: 'userName',
+          scopedSlots: { customRender: 'text' }
         },
         {
           title: this.$t('system.internalWorkGroup.workNo'),
           align: 'center',
           width: 180,
-          dataIndex: 'userWorkNo'
+          dataIndex: 'userWorkNo',
+          scopedSlots: { customRender: 'text' }
         },
         {
           title: this.$t('system.internalWorkGroup.role'),
           align: 'center',
           width: 180,
-          dataIndex: 'userRoleName'
+          dataIndex: 'userRoleName',
+          scopedSlots: { customRender: 'text' }
         },
         {
           title: this.$t('system.internalWorkGroup.post'),
           align: 'center',
           width: 180,
-          dataIndex: 'userPostName'
+          dataIndex: 'userPostName',
+          scopedSlots: { customRender: 'text' }
         },
         {
           title: this.$t('operation'),
@@ -206,12 +225,10 @@ export default {
         }
       ],
       labelCol: {
-        xs: { span: 24 },
-        sm: { span: 6 }
+        span: 4
       },
       wrapperCol: {
-        xs: { span: 24 },
-        sm: { span: 16 }
+        span: 18
       },
       url: {
         treeNodeDelete: '/sys/lawsWorkingGroup/delete',
@@ -228,12 +245,13 @@ export default {
   },
   methods: {
     // 获取左侧树数据
-    initTreeData () {
-      getWorkGroupTreeList().then(res => {
+    initTreeData (params) {
+      getWorkGroupTreeList(params).then(res => {
         if (res.success) {
           this.treeData = this.dealTreeData(res.result)
           // this.treeData = res.result
           this.treeData[0].scopedSlots = { title: 'customNoDelete' }
+          this.generateList(this.treeData)
         } else {
           this.treeData = []
         }
@@ -248,33 +266,36 @@ export default {
         }
         return item
       })
-      // return treeData.map(item => {
-      //   if (item.child && item.child.length > 0) {
-      //     item.scopedSlots = { title: 'iconCustom' }
-      //     item.children = this.dealTreeData(item.child)
-      //   } else {
-      //     item.scopedSlots = { title: 'custom' }
-      //   }
-      //   return item
-      // })
     },
-    // 根据key去树结构中找到节点
-    // getNodeByKey (key, treeData) {
-    //   for (const item of treeData) {
-    //     if (item.key === key) {
-    //       return item
-    //     } else {
-    //       if (item.child && item.child.length > 0) {
-    //         const res = this.getNodeByKey(key, item.child)
-    //         return res
-    //       }
-    //     }
-    //   }
-    // },
-    // 左侧树搜索
-    handleTreeSearch () {
-      console.log(this.treeInput)
-      this.initTreeData()
+    // 获取左侧树的数组结构（非树结构）
+    generateList (data) {
+      for (let i = 0; i < data.length; i++) {
+        const node = data[i]
+        const id = node.id
+        this.treeDataList.push({ id, name: node.name, pid: node.pid })
+        if (node.subset) {
+          this.generateList(node.subset)
+        }
+      }
+    },
+    // 左侧树搜索框改变
+    handleTreeChange (e) {
+      const value = e.target.value
+      const expandedKeys = this.treeDataList
+        .map(item => {
+          if (item.name.indexOf(value) > -1) {
+            return item.pid
+          }
+          return null
+        })
+        .filter((item, i, self) => item && self.indexOf(item) === i)
+      this.expandedKeys = expandedKeys
+      this.autoExpandParent = true
+    },
+    // 左侧树点击展开
+    treeExpand (expandedKeys) {
+      this.expandedKeys = expandedKeys
+      this.autoExpandParent = false
     },
     // 左侧树鼠标移入
     handleTreeMouseover (key) {
@@ -322,15 +343,25 @@ export default {
     // 左侧树点击选中
     treeSelect (selectedKeys) {
       this.currentTreeNode = selectedKeys
+      this.queryParam.workingGroupId = selectedKeys[0]
+      this.loadData()
     },
+    // 右侧新增
     handleAdd () {
       console.log(this.currentTreeNode)
       if (!this.currentTreeNode || this.currentTreeNode.length <= 0) {
-        this.$message.warning(this.$t('pleaseSelectASystem'))
+        this.$message.warning(this.$t('system.internalWorkGroup.pleaseSelectASystem'))
         return
       }
       this.$refs.modalForm.add(this.currentTreeNode[0])
       this.$refs.modalForm.title = this.$t('newlyAdded')
+    },
+    // 清空
+    searchReset () {
+      this.queryParam = {}
+      this.currentTreeNode = null
+      this.initTreeData()
+      this.loadData(1)
     }
   }
 
@@ -338,11 +369,6 @@ export default {
 </script>
 
 <style scoped lang="less">
-///deeo/ .ant-tree li span.ant-tree-iconEle {
-//  display: flex;
-//  justify-content: center;
-//  align-items: center;
-//}
 
 .tree-icon {
   line-height: 24px;