From 23fe88212fcdbd70f266a3218d62303500ff9210 Mon Sep 17 00:00:00 2001
From: wangchengming <15110151257@163.com>
Date: Sat, 19 Apr 2025 15:04:59 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E5=85=83=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/metaData.js         |   9 +++
 src/views/data/metadata.vue | 132 +++++++++++++++++++++++++-----------
 2 files changed, 100 insertions(+), 41 deletions(-)
 create mode 100644 src/api/metaData.js

diff --git a/src/api/metaData.js b/src/api/metaData.js
new file mode 100644
index 0000000..d81c652
--- /dev/null
+++ b/src/api/metaData.js
@@ -0,0 +1,9 @@
+import { getAction, deleteAction, putAction, postAction } from '@/api/manage'
+
+const metaDataTypeTree = (params)=>getAction("/dataManager/getAllTable",params);
+const metaDatalist = (params)=>getAction("/dataManager/getTableColumns",params);
+
+export {
+    metaDataTypeTree,
+    metaDatalist
+}
\ No newline at end of file
diff --git a/src/views/data/metadata.vue b/src/views/data/metadata.vue
index 0a85af6..69f8ac2 100644
--- a/src/views/data/metadata.vue
+++ b/src/views/data/metadata.vue
@@ -13,33 +13,36 @@
                     <a-col :md="6" :sm="8">
                         <a-form-item label="数据类型">
                             <a-select placeholder="选择同步状态" option-filter-prop="children" size="large"
-                                v-model="queryParam.syncState">
-                                <a-select-option key="">
-                                    全部
+                                v-model="queryParam.schemaMass" @change="handleTypeChange">
+                                <a-select-option key="平台">
+                                    平台
                                 </a-select-option>
-                                <a-select-option key="0">
-                                    未同步
+                                <a-select-option key="编队">
+                                    编队
                                 </a-select-option>
-                                <a-select-option key="1">
-                                    进行中
+                                <a-select-option key="航空兵">
+                                    航空兵
                                 </a-select-option>
-                                <a-select-option key="2">
-                                    已结束
+                                <a-select-option key="陆战队">
+                                    陆战队
+                                </a-select-option>
+                                <a-select-option key="作战">
+                                    作战
+                                </a-select-option>
+                                <a-select-option key="反潜">
+                                    反潜
+                                </a-select-option>
+                                <a-select-option key="舰炮">
+                                    舰炮
                                 </a-select-option>
                             </a-select>
                         </a-form-item>
                     </a-col>
                     <a-col :md="6" :sm="8">
                         <a-form-item label="关键词">
-                            <a-input placeholder="请输入搜索关键词" v-model="queryParam.databaseName"></a-input>
+                            <a-input placeholder="请输入搜索关键词" v-model="queryParam.massKey"></a-input>
                         </a-form-item>
                     </a-col>
-                    <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
-                        <a-col :md="6" :sm="24">
-                            <a-button type="primary" style="left: 10px" icon="search">查询</a-button>
-                        </a-col>
-                    </span>
-
                 </a-row>
             </a-form>
         </div>
@@ -49,7 +52,7 @@
                 <div class="linese"></div>
                 <!-- 分类区域 -->
                 <div style="height:calc(100vh - 300px);background: #e6e9f1;padding:10px;">
-
+                    <a-tree :tree-data="treeDate" @select="onSelect" />
                 </div>
                 <div class="linese"></div>
             </a-col>
@@ -57,8 +60,8 @@
                 <div class="linese"></div>
                 <!-- 表格区域 -->
                 <div style="height:calc(100vh - 300px);background: #e6e9f1;overflow:hidden;padding: 15px;">
-                    <a-table ref="table" size="middle" style="height:calc(100vh - 344px);" bordered rowKey="id"
-                        :columns="columns" :dataSource="dataSource" :loading="loading">
+                    <a-table ref="table" size="middle" bordered rowKey="id" :columns="columns" :dataSource="dataSource"
+                        :pagination="false" :loading="loading" :scroll="{y: 'calc(100vh - 380px)' }">
 
                         <!-- 字符串超长截取省略号显示-->
                         <!-- <span slot="name" slot-scope="text">
@@ -75,6 +78,7 @@
     </a-card>
 </template>
 <script>
+import { metaDataTypeTree, metaDatalist } from '@/api/metaData'
 export default {
     name: "metadata",
     components: {
@@ -84,55 +88,57 @@ export default {
             loading: false,
             // 查询条件
             queryParam: {
-                databaseName: null,
-                syncState: null,
-                pageNum: 1,
-                pageSize: 9999999,
+                sourceType: 1,
+                schemaMass: null,
+                massKey: null
             },
+            tableParams: {
+                schemaMass: null,
+                tableName: null
+            },
+            treeDate: [],
             dataSource: [],
             columns: [
                 {
                     title: '序号',
-                    dataIndex: '',
-                    key: 'id',
+                    dataIndex: 'columnId',
                     width: 60,
                     align: "center",
-                    customRender: function (t, r, index) {
-                        return parseInt(index) + 1;
-                    }
                 },
                 {
                     title: '字段名称',
-                    width: 200,
                     align: "center",
-                    dataIndex: 'name',
+                    dataIndex: 'columnName',
                 },
                 {
-                    title: '索引类型',
-                    width: 130,
+                    title: '数据类型',
                     align: "center",
-                    dataIndex: 'name',
+                    dataIndex: 'dataType',
                 },
                 {
                     title: '数据长度',
-                    width: 100,
                     align: "center",
-                    dataIndex: 'name',
+                    dataIndex: 'dataLength',
                 },
                 {
-                    title: '数据精度',
-                    width: 100,
+                    title: '是否为空',
                     align: "center",
-                    dataIndex: 'name',
+                    dataIndex: 'nullable',
                 },
                 {
-                    title: '描述',
+                    title: '默认值',
                     align: "center",
-                    dataIndex: 'issuingTime',
+                    dataIndex: 'dataDefault',
                 }
             ]
         }
     },
+    watch: {
+        'queryParam.massKey'(value) {
+            this.queryParam.massKey = value
+            this.getMetaDataTypeTree()
+        }
+    },
     mounted() {
 
     },
@@ -140,10 +146,54 @@ export default {
 
     },
     created() {
-
+        this.getMetaDataTypeTree()
     },
     methods: {
+        getMetaDataTypeTree() {
+            metaDataTypeTree(this.queryParam).then(res => {
+                if (res.code == 200) {
+                    this.treeDate = []
+                    var keys = Object.keys(res.result)
+                    keys.forEach((element, index) => {
+                        const _children = res.result[element]
+                        var childrenList = []
+                        _children.forEach((childrenNode, chil) => {
+                            childrenList.push({
+                                key: 'children_' + chil,
+                                type: 'childern',
+                                title: childrenNode
+                            })
+                        });
+                        this.treeDate.push({
+                            key: 'type_' + index,
+                            type: 'parentType',
+                            title: element,
+                            children: childrenList
+                        })
+                    });
+                }
+            })
+        },
+        handleTypeChange(value) {
+            this.queryParam.schemaMass = value
+            this.getMetaDataTypeTree()
+        },
+        onSelect(selectedKeys, info) {
+            if (info.node.dataRef.type && info.node.dataRef.type == 'childern') {
+                this.tableParams.schemaMass = info.node.$parent.dataRef.title
+                this.tableParams.tableName = info.node.dataRef.title
+                this.getMetaDatalist()
+            }
+        },
+        getMetaDatalist() {
+            metaDatalist(this.tableParams).then(res => {
+                if (res.code == 200) {
+                    this.dataSource = []
+                    this.dataSource = res.result
+                }
 
+            })
+        }
     }
 }
 </script>
\ No newline at end of file