From 8651d299aaf1ff75353ff6a6112c8ab9260d6b8c Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期四, 24 十一月 2022 15:06:20 +0800
Subject: [PATCH] 用户管理,数据检索,元数据管理页面修改

---
 src/views/datamanage/metadataManage.vue |   66 ++++++++++++++++++++++++++++----
 1 files changed, 57 insertions(+), 9 deletions(-)

diff --git a/src/views/datamanage/metadataManage.vue b/src/views/datamanage/metadataManage.vue
index f39c90a..9c9ff8b 100644
--- a/src/views/datamanage/metadataManage.vue
+++ b/src/views/datamanage/metadataManage.vue
@@ -65,7 +65,22 @@
     </div>
     <div class="bottom">
       <div class="leftTree">
-        <ul>
+           <el-tree
+          ref="tree"
+          :props="defaultProps"
+          node-key="id"
+          :data="optionCount"
+          :default-expanded-keys="[1]"
+         :current-node-key="1"
+          :expand-on-click-node="false"
+          :default-expand-all="false"
+          draggable
+          @node-click="handleNodeClick"
+        >
+
+          </span>
+        </el-tree>
+        <!-- <ul>
           <li
             @click="getTableDesc(item)"
             v-for="item in optionCount"
@@ -73,7 +88,7 @@
           >
             {{ item.tabDesc }}({{ item.tab }})
           </li>
-        </ul>
+        </ul> -->
       </div>
       <div class="rightTable">
         <div class="table_box">
@@ -97,6 +112,10 @@
             <el-table-column
               prop="depName"
               :label="$t('dataManage.vmobj.depName')"
+            />
+             <el-table-column
+              prop="dirName"
+              :label="$t('dataManage.vmobj.dirName')"
             />
             <el-table-column
               prop="gather"
@@ -234,8 +253,20 @@
           <el-cascader
             v-model="editForm.depid"
             :options="companyOption"
-            @change="companyChange"
             :props="cascader"
+                 style="width:350px"
+          ></el-cascader>
+        </el-form-item>
+          <el-form-item
+          :label="$t('dataManage.vmobj.dirName')"
+          :label-width="formLabelWidth"
+        >
+          <!-- <el-input v-model="editForm.depName" autocomplete="off"></el-input> -->
+          <el-cascader
+            v-model="editForm.dirid"
+            :options="dirComPanyOption"
+            :props="cascader"
+            style="width:350px"
           ></el-cascader>
         </el-form-item>
         <el-form-item
@@ -312,7 +343,9 @@
   deleteMeta,
   insertMeta,
   selectDictTab,
+  selectdirTab,
   queryDepTree,
+
 } from '../../api/api';
 import MyBread from '../../components/MyBread.vue';
 export default {
@@ -329,6 +362,11 @@
       }
     };
     return {
+       defaultProps: {
+        children: 'children',
+        label: 'name',
+      },
+dirComPanyOption:[],
       companyOption: [],
       activeName: '',
       optionCount: [],
@@ -374,6 +412,7 @@
         pageSize: 10,
         pageIndex: 1,
         name: null,
+        dirid:null,
       },
       cascader: {
         label: 'name',
@@ -385,7 +424,7 @@
     };
   },
   created() {
-    this.getMetaData();
+
     this.getSelectDictTab();
     this.showPermsBtn();
     this.getQueryDepTree();
@@ -461,12 +500,20 @@
     },
     //鐩綍鏍戣幏鍙�
     async getSelectDictTab() {
-      const data = await selectDictTab();
-      if (data.code != 200) {
-        this.$message.error('涓嬫媺璋冪敤澶辫触');
+      const res = await selectdirTab();
+      if (res.code != 200) {
+        this.$message.error('鍒楄〃璋冪敤澶辫触');
       }
-      this.optionCount = data.result;
-      this.activeName = data.result[0].tab;
+      this.optionCount =this.treeData(res.result);
+      this.dirComPanyOption= this.treeData(res.result);
+      this.listData.dirid=this.optionCount[0].id;
+       this.getMetaData();
+    },
+    handleNodeClick(data) {
+      this.listData.pageSize=10;
+      this.listData.pageIndex = 1;
+      this.listData.dirid = data.id;
+        this.getMetaData();
     },
     getTableDesc(res) {
       this.activeName = res.tab;
@@ -514,6 +561,7 @@
     // 璇锋眰鏁版嵁鍐呭
     getMetaData() {
       select_meta_ByPageAndCount(this.listData).then((res) => {
+        debugger
         this.tableData = res.result;
         this.count = res.count;
       });

--
Gitblit v1.9.3