From 6778b0a1a9a19b8653d7a7629b4067fd463d775b Mon Sep 17 00:00:00 2001
From: dongzeliang <2746733890@qq.com>
Date: Sun, 21 Apr 2024 19:23:07 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=B7=E4=BD=93=E8=B5=84=E4=BA=A7=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dashboard/OverallAssetStructure.vue       | 157 ++++++++++++++++++
 .../dashboard/OverallSpecificAssets.vue       | 147 +---------------
 src/views/dataAssets/assetStructure/index.vue |  16 +-
 3 files changed, 172 insertions(+), 148 deletions(-)
 create mode 100644 src/views/dataAssets/assetStructure/dashboard/OverallAssetStructure.vue

diff --git a/src/views/dataAssets/assetStructure/dashboard/OverallAssetStructure.vue b/src/views/dataAssets/assetStructure/dashboard/OverallAssetStructure.vue
new file mode 100644
index 0000000..9c365c4
--- /dev/null
+++ b/src/views/dataAssets/assetStructure/dashboard/OverallAssetStructure.vue
@@ -0,0 +1,157 @@
+<template>
+  <div>
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span>资产模型基本信息</span>
+      </div>
+      <el-descriptions border :column="2">
+        <el-descriptions-item label="表名称">sys_user</el-descriptions-item>
+        <el-descriptions-item label="表备注">用户表</el-descriptions-item>
+        <el-descriptions-item label="数据量">12536</el-descriptions-item>
+        <el-descriptions-item label="是否核心">
+          <el-tag size="small">是</el-tag>
+        </el-descriptions-item>
+      </el-descriptions>
+    </el-card>
+    <el-card style=" margin-top: 20px;">
+      <div slot="header" class="clearfix">
+        <span>资产模型详细信息</span>
+      </div>
+      <el-table
+        :data="tableData"
+        style="width: 100%;">
+        <el-table-column prop="name" label="名称" />
+        <el-table-column prop="comment" label="注释" />
+        <el-table-column prop="isPrimaryKey" label="是否主键" >
+          <template slot-scope="scope">
+            <el-tag size="small" :type="scope.row.isPrimaryKey === 'Y' ? 'success' : ''">
+              {{scope.row.isPrimaryKey}}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="type" label="类型" />
+        <el-table-column prop="mappingType" label="映射类型" />
+        <el-table-column prop="length" label="长度" />
+        <el-table-column prop="decimalPlaces" label="小数位" />
+        <el-table-column prop="isNull" label="是否为空"  >
+          <template slot-scope="scope">
+            <el-tag size="small" :type="scope.row.isNull === 'Y' ? 'success' : 'danger'">
+              {{scope.row.isNull}}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="defaultValue" label="默认值" />
+        <el-table-column prop="isDict" label="是否字典" >
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.isDict === 'Y'" size="small" type="success">
+              {{scope.row.isDict}}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="dictKey" label="映射字典" >
+          <template slot-scope="scope">
+            <el-popover
+              v-if="scope.row.isDict === 'Y'"
+              placement="left"
+              width="200"
+              trigger="hover">
+              <el-table :data="[
+                      { label: '男', value: '1' },
+                      { label: '女', value: '2' },
+                      { label: '未知', value: '0' },
+                    ]">
+                <el-table-column property="label" label="字典标签"/>
+                <el-table-column property="value" label="字典值"/>
+              </el-table>
+              <el-tag slot="reference">{{scope.row.dictKey}}</el-tag>
+            </el-popover>
+          </template>
+        </el-table-column>
+        <el-table-column prop="id" label="操作" >
+          <template slot-scope="scope">
+            <el-button type="text">编辑</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+  </div>
+</template>
+<script>
+export default {
+  name: 'OverallAssetStructure',
+  data() {
+    return {
+      tableData: [
+        {
+          id: 1,
+          name: "id",
+          comment: "主键",
+          isPrimaryKey: "Y",
+          type: "bigint",
+          mappingType: "Long",
+          length: "-",
+          decimalPlaces: "-",
+          isNull: "N",
+          defaultValue: "-",
+          isDict: "N",
+          dictKey: "-",
+        }, {
+          id: 2,
+          name: "name",
+          comment: "姓名",
+          isPrimaryKey: "N",
+          type: "varchar",
+          mappingType: "String",
+          length: "64",
+          decimalPlaces: "-",
+          isNull: "N",
+          defaultValue: "-",
+          isDict: "N",
+          dictKey: "-",
+        }, {
+          id: 3,
+          name: "sex",
+          comment: "性别",
+          isPrimaryKey: "N",
+          type: "char",
+          mappingType: "String",
+          length: "1",
+          decimalPlaces: "-",
+          isNull: "N",
+          defaultValue: "-",
+          isDict: "Y",
+          dictKey: "system_sex",
+        }, {
+          id: 4,
+          name: "price",
+          comment: "金额",
+          isPrimaryKey: "N",
+          type: "double",
+          mappingType: "BigDecimal",
+          length: "10",
+          decimalPlaces: "2",
+          isNull: "N",
+          defaultValue: "0.00",
+          isDict: "N",
+          dictKey: "-",
+        }, {
+          id: 5,
+          name: "create_time",
+          comment: "创建时间",
+          isPrimaryKey: "N",
+          type: "datetime",
+          mappingType: "Date",
+          length: "-",
+          decimalPlaces: "-",
+          isNull: "Y",
+          defaultValue: "-",
+          isDict: "N",
+          dictKey: "-",
+        }, ]
+    }
+  },
+}
+</script>
+<style scoped lang="scss">
+
+</style>
diff --git a/src/views/dataAssets/assetStructure/dashboard/OverallSpecificAssets.vue b/src/views/dataAssets/assetStructure/dashboard/OverallSpecificAssets.vue
index ca074b7..460c2ac 100644
--- a/src/views/dataAssets/assetStructure/dashboard/OverallSpecificAssets.vue
+++ b/src/views/dataAssets/assetStructure/dashboard/OverallSpecificAssets.vue
@@ -32,84 +32,9 @@
     <el-col :span="24">
       <el-tabs v-model="activeName" type="border-card">
         <el-tab-pane label="sys_user(用户表)" name="first">
-          <el-card>
-            <div slot="header" class="clearfix">
-              <span>资产模型基本信息</span>
-            </div>
-            <el-descriptions border :column="2">
-              <el-descriptions-item label="表名称">sys_user</el-descriptions-item>
-              <el-descriptions-item label="表备注">用户表</el-descriptions-item>
-              <el-descriptions-item label="数据量">12536</el-descriptions-item>
-              <el-descriptions-item label="是否核心">
-                <el-tag size="small">是</el-tag>
-              </el-descriptions-item>
-            </el-descriptions>
-          </el-card>
-          <el-card style=" margin-top: 20px;">
-            <div slot="header" class="clearfix">
-              <span>资产模型详细信息</span>
-            </div>
-            <el-table
-              :data="tableData"
-              style="width: 100%;">
-              <el-table-column prop="name" label="名称" />
-              <el-table-column prop="comment" label="注释" />
-              <el-table-column prop="isPrimaryKey" label="是否主键" >
-                <template slot-scope="scope">
-                  <el-tag size="small" :type="scope.row.isPrimaryKey === 'Y' ? 'success' : ''">
-                    {{scope.row.isPrimaryKey}}
-                  </el-tag>
-                </template>
-              </el-table-column>
-              <el-table-column prop="type" label="类型" />
-              <el-table-column prop="mappingType" label="映射类型" />
-              <el-table-column prop="length" label="长度" />
-              <el-table-column prop="decimalPlaces" label="小数位" />
-              <el-table-column prop="isNull" label="是否为空"  >
-                <template slot-scope="scope">
-                  <el-tag size="small" :type="scope.row.isNull === 'Y' ? 'success' : 'danger'">
-                    {{scope.row.isNull}}
-                  </el-tag>
-                </template>
-              </el-table-column>
-              <el-table-column prop="defaultValue" label="默认值" />
-              <el-table-column prop="isDict" label="是否字典" >
-                <template slot-scope="scope">
-                  <el-tag v-if="scope.row.isDict === 'Y'" size="small" type="success">
-                    {{scope.row.isDict}}
-                  </el-tag>
-                </template>
-              </el-table-column>
-              <el-table-column prop="dictKey" label="映射字典" >
-                <template slot-scope="scope">
-                  <el-popover
-                    v-if="scope.row.isDict === 'Y'"
-                    placement="left"
-                    width="200"
-                    trigger="hover">
-                    <el-table :data="[
-                      { label: '男', value: '1' },
-                      { label: '女', value: '2' },
-                      { label: '未知', value: '0' },
-                    ]">
-                      <el-table-column property="label" label="字典标签"/>
-                      <el-table-column property="value" label="字典值"/>
-                    </el-table>
-                    <el-tag slot="reference">{{scope.row.dictKey}}</el-tag>
-                  </el-popover>
-                </template>
-              </el-table-column>
-              <el-table-column prop="id" label="操作" >
-                <template slot-scope="scope">
-                  <el-button type="text">编辑</el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-          </el-card>
+          <overall-asset-structure/>
         </el-tab-pane>
-        <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
-        <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
-        <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
+        <el-tab-pane label="sys_dept(部门表)" name="second">sys_dept(部门表)</el-tab-pane>
       </el-tabs>
     </el-col>
   </el-row>
@@ -118,6 +43,7 @@
 
 <script>
 import CountTo from 'vue-count-to'
+import OverallAssetStructure from './OverallAssetStructure.vue'
 
 export default {
   props: {
@@ -129,75 +55,10 @@ export default {
   data() {
     return {
       activeName: 'first',
-      tableData: [{
-        id: 1,
-        name: "id",
-        comment: "主键",
-        isPrimaryKey: "Y",
-        type: "bigint",
-        mappingType: "Long",
-        length: "-",
-        decimalPlaces: "-",
-        isNull: "N",
-        defaultValue: "-",
-        isDict: "N",
-        dictKey: "-",
-      }, {
-        id: 2,
-        name: "name",
-        comment: "姓名",
-        isPrimaryKey: "N",
-        type: "varchar",
-        mappingType: "String",
-        length: "64",
-        decimalPlaces: "-",
-        isNull: "N",
-        defaultValue: "-",
-        isDict: "N",
-        dictKey: "-",
-      }, {
-        id: 3,
-        name: "sex",
-        comment: "性别",
-        isPrimaryKey: "N",
-        type: "char",
-        mappingType: "String",
-        length: "1",
-        decimalPlaces: "-",
-        isNull: "N",
-        defaultValue: "-",
-        isDict: "Y",
-        dictKey: "system_sex",
-      }, {
-        id: 4,
-        name: "price",
-        comment: "金额",
-        isPrimaryKey: "N",
-        type: "double",
-        mappingType: "BigDecimal",
-        length: "10",
-        decimalPlaces: "2",
-        isNull: "N",
-        defaultValue: "0.00",
-        isDict: "N",
-        dictKey: "-",
-      }, {
-        id: 5,
-        name: "create_time",
-        comment: "创建时间",
-        isPrimaryKey: "N",
-        type: "datetime",
-        mappingType: "Date",
-        length: "-",
-        decimalPlaces: "-",
-        isNull: "Y",
-        defaultValue: "-",
-        isDict: "N",
-        dictKey: "-",
-      }, ]
     }
   },
   components: {
+    OverallAssetStructure,
     CountTo
   },
   methods: {
diff --git a/src/views/dataAssets/assetStructure/index.vue b/src/views/dataAssets/assetStructure/index.vue
index 4ec4f04..dcb8d0f 100644
--- a/src/views/dataAssets/assetStructure/index.vue
+++ b/src/views/dataAssets/assetStructure/index.vue
@@ -4,6 +4,7 @@
       <el-tree :data="assetStructureList"
                :load="expandTable"
                lazy
+               @node-click="(data) => showAssets=data.type"
                :props="defaultProps">
         <div class="custom-tree-node" slot-scope="{ node, data }">
           <div v-if="data.type === 'dataSource'">{{ data.name + '('+data.databaseName + '-' + data.systemName+')' }}</div>
@@ -15,6 +16,7 @@
       <el-main>
         <OverallAssets v-if="showAssets == null"/>
         <overall-specific-assets v-if="showAssets === 'dataSource'" :title="title"/>
+        <overall-asset-structure v-if="showAssets === 'dataTable'" :title="title"/>
       </el-main>
     </el-container>
   </el-container>
@@ -22,10 +24,11 @@
 <script>
 import OverallAssets from './dashboard/OverallAssets.vue'
 import OverallSpecificAssets from './dashboard/OverallSpecificAssets.vue'
+import OverallAssetStructure from './dashboard/OverallAssetStructure.vue'
 
 export default {
   name: 'assetStructure',
-  components: { OverallSpecificAssets, OverallAssets },
+  components: { OverallAssetStructure, OverallSpecificAssets, OverallAssets },
   data() {
     return {
       mainHeight: window.innerHeight - 85,
@@ -89,14 +92,14 @@ export default {
   methods: {
     expandTable( node, resolve){
       if (node.level === 0) return resolve(this.assetStructureList);
-      if (node.level > 1) return resolve([]);
       const {data} = node;
-      if (data.type === 'dataSource') {
-        this.title = data.name + '('+data.databaseName + '-' + data.systemName+')'
+      this.showAssets = data.type;
+      if (data.type === 'dataTable') {
+        return resolve([])
       }
+      this.title = data.name + '('+data.databaseName + '-' + data.systemName+')'
       setTimeout(() => {
         resolve(this.childrenList)
-        this.showAssets = data.type;
       }, 500);
     }
   }
@@ -112,4 +115,7 @@ export default {
 .el-main {
   background-color: #f1f1f1;
 }
+.custom-tree-node{
+  height: 30px;
+}
 </style>