From 4fb784da422c0d3a51b39c93d90049e382ea9cdb Mon Sep 17 00:00:00 2001
From: chao <3072464591@QQ.com>
Date: Mon, 29 Apr 2024 21:44:28 +0800
Subject: [PATCH] =?UTF-8?q?feat():=20=E8=B5=84=E4=BA=A7=E6=8E=88=E6=9D=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../data/accredit/auth/AuthDataSource.vue     | 346 +++++++++++++++++
 src/views/data/accredit/auth/AuthTable.vue    | 363 ++++++++++++++++++
 src/views/data/accredit/index.vue             | 130 +++++++
 3 files changed, 839 insertions(+)
 create mode 100644 src/views/data/accredit/auth/AuthDataSource.vue
 create mode 100644 src/views/data/accredit/auth/AuthTable.vue
 create mode 100644 src/views/data/accredit/index.vue

diff --git a/src/views/data/accredit/auth/AuthDataSource.vue b/src/views/data/accredit/auth/AuthDataSource.vue
new file mode 100644
index 0000000..3614787
--- /dev/null
+++ b/src/views/data/accredit/auth/AuthDataSource.vue
@@ -0,0 +1,346 @@
+<template>
+  <div class="app-container">
+    <h4 class="form-header h4">基本信息</h4>
+    <el-form ref="form" :model="baseInfo" label-width="120px">
+      <el-row>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="数据接入名称" prop="nickName">
+            <el-input v-model="baseInfo.name" disabled/>
+          </el-form-item>
+        </el-col>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="系统名称" prop="userName">
+            <el-input v-model="baseInfo.systemName" disabled/>
+          </el-form-item>
+        </el-col>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="数据库名称" prop="nickName">
+            <el-input v-model="baseInfo.databaseName" disabled/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <el-tabs type="border-card" v-model="activeName">
+      <el-tab-pane label="部门授权" name="dept">
+        <el-table
+          ref="deptTable"
+          v-loading="loading"
+          :data="deptList"
+          :default-expand-all="true"
+          :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
+          row-key="deptId"
+        >
+          <el-table-column label="部门名称" prop="deptName" ></el-table-column>
+          <el-table-column label="部门负责人" prop="leader" ></el-table-column>
+          <el-table-column label="邮箱" prop="email" ></el-table-column>
+          <el-table-column align="center" label="创建时间" prop="createTime" >
+            <template slot-scope="scope">
+              <span>{{ parseTime(scope.row.createTime) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="操作" prop="createTime" >
+            <template slot-scope="scope">
+              <el-switch
+                style="display: block"
+                v-model="scope.row.isAuth"
+                active-color="#13ce66"
+                inactive-color="#ff4949"
+                active-text="已授权"
+                inactive-text="未授权">
+              </el-switch>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination v-show="total> 0" :limit.sync="pageSize" :page.sync="pageNum" :total="total"/>
+      </el-tab-pane>
+      <el-tab-pane label="用户授权" name="user">
+        <el-table ref="table" v-loading="loading" :data="userList">
+          <el-table-column align="center" label="用户名称" prop="userName"/>
+          <el-table-column align="center" label="用户昵称" prop="nickName"/>
+          <el-table-column align="center" label="用户部门" prop="dept.deptName"/>
+          <el-table-column align="center" label="用户邮箱" prop="email"/>
+          <el-table-column align="center" label="用户手机号" prop="phonenumber"/>
+          <el-table-column align="center" label="创建时间" prop="createTime" />
+          <el-table-column align="center" label="操作" prop="createTime" >
+            <template slot-scope="scope">
+              <el-switch
+                style="display: block"
+                v-model="scope.row.isAuth"
+                active-color="#13ce66"
+                inactive-color="#ff4949"
+                active-text="已授权"
+                inactive-text="未授权">
+              </el-switch>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination v-show="total> 0" :limit.sync="pageSize" :page.sync="pageNum" :total="total"/>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+
+
+import {parseTime} from "@/utils/etl";
+
+export default {
+  name: "AuthDataSource",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      activeName: "dept",
+      // 分页信息
+      total: 0,
+      pageNum: 1,
+      pageSize: 1,
+      // 基本信息
+      baseInfo: {
+        name: "测试1",
+        systemName: "云计算系统",
+        databaseName: "yunjisuan",
+      },
+      // 部门列表
+      deptList: [],
+      // 用户列表
+      userList: []
+    };
+  },
+  created() {
+    this.loading = true;
+    setTimeout(() => this.loading = false, 200)
+    this.init()
+  },
+  methods: {
+    parseTime,
+    init(){
+      let response = {
+        "code": 200,
+        "msg": "操作成功",
+        "data": [
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 100,
+            "parentId": 0,
+            "ancestors": "0",
+            "deptName": "muyu牧鱼科技",
+            "orderNum": 0,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 101,
+            "parentId": 100,
+            "ancestors": "0,100",
+            "deptName": "深圳总公司",
+            "orderNum": 1,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 102,
+            "parentId": 100,
+            "ancestors": "0,100",
+            "deptName": "长沙分公司",
+            "orderNum": 2,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 103,
+            "parentId": 101,
+            "ancestors": "0,100,101",
+            "deptName": "研发部门",
+            "orderNum": 1,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 104,
+            "parentId": 101,
+            "ancestors": "0,100,101",
+            "deptName": "市场部门",
+            "isAuth": true,
+            "orderNum": 2,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 105,
+            "parentId": 101,
+            "ancestors": "0,100,101",
+            "deptName": "测试部门",
+            "orderNum": 3,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 106,
+            "parentId": 101,
+            "ancestors": "0,100,101",
+            "deptName": "财务部门",
+            "orderNum": 4,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 107,
+            "parentId": 101,
+            "ancestors": "0,100,101",
+            "deptName": "运维部门",
+            "orderNum": 5,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 108,
+            "parentId": 102,
+            "ancestors": "0,100,102",
+            "deptName": "市场部门",
+            "orderNum": 1,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 109,
+            "parentId": 102,
+            "ancestors": "0,100,102",
+            "deptName": "财务部门",
+            "orderNum": 2,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          }
+        ]
+      }
+      this.deptList = this.handleTree(response.data, "deptId");
+      this.userList = [
+        {
+          "createBy": "admin",
+          "createTime": "2023-04-23 16:11:38",
+          "updateBy": null,
+          "updateTime": null,
+          "remark": "管理员",
+          "userId": 1,
+          "deptId": 103,
+          "userName": "admin",
+          "nickName": "智能车联",
+          "email": "ry@163.com",
+          "phonenumber": "15888888888",
+          "isAuth": true,
+          "dept": {
+            "deptName": "研发部门"
+          }
+        },
+        {
+          "createBy": "admin",
+          "createTime": "2023-04-23 16:11:38",
+          "updateBy": null,
+          "updateTime": null,
+          "remark": "测试员",
+          "userId": 2,
+          "deptId": 105,
+          "userName": "ry",
+          "nickName": "智能车联",
+          "email": "ry@qq.com",
+          "phonenumber": "15666666666",
+          "dept": {
+            "deptName": "测试部门"
+          }
+        }
+      ]
+    }
+  },
+};
+</script>
diff --git a/src/views/data/accredit/auth/AuthTable.vue b/src/views/data/accredit/auth/AuthTable.vue
new file mode 100644
index 0000000..2dc4567
--- /dev/null
+++ b/src/views/data/accredit/auth/AuthTable.vue
@@ -0,0 +1,363 @@
+<template>
+  <div class="app-container">
+    <h4 class="form-header h4">基本信息</h4>
+    <el-form ref="form" :model="baseInfo" label-width="120px">
+      <el-row>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="数据接入名称" prop="nickName">
+            <el-input v-model="baseInfo.name" disabled/>
+          </el-form-item>
+        </el-col>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="系统名称" prop="userName">
+            <el-input v-model="baseInfo.systemName" disabled/>
+          </el-form-item>
+        </el-col>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="数据库名称" prop="nickName">
+            <el-input v-model="baseInfo.databaseName" disabled/>
+          </el-form-item>
+        </el-col>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="表名称" prop="nickName">
+            <el-input v-model="baseInfo.tableName" disabled/>
+          </el-form-item>
+        </el-col>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="表中文名" prop="nickName">
+            <el-input v-model="baseInfo.tableAsName" disabled/>
+          </el-form-item>
+        </el-col>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="数据量" prop="nickName">
+            <el-input v-model="baseInfo.total" disabled/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <el-tabs type="border-card" v-model="activeName">
+      <el-tab-pane label="部门授权" name="dept">
+        <el-table
+          ref="deptTable"
+          v-loading="loading"
+          :data="deptList"
+          :default-expand-all="true"
+          :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
+          row-key="deptId"
+        >
+          <el-table-column label="部门名称" prop="deptName" ></el-table-column>
+          <el-table-column label="部门负责人" prop="leader" ></el-table-column>
+          <el-table-column label="邮箱" prop="email" ></el-table-column>
+          <el-table-column align="center" label="创建时间" prop="createTime" >
+            <template slot-scope="scope">
+              <span>{{ parseTime(scope.row.createTime) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="操作" prop="createTime" >
+            <template slot-scope="scope">
+              <el-switch
+                style="display: block"
+                v-model="scope.row.isAuth"
+                active-color="#13ce66"
+                inactive-color="#ff4949"
+                active-text="已授权"
+                inactive-text="未授权">
+              </el-switch>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination v-show="total> 0" :limit.sync="pageSize" :page.sync="pageNum" :total="total"/>
+      </el-tab-pane>
+      <el-tab-pane label="用户授权" name="user">
+        <el-table ref="table" v-loading="loading" :data="userList">
+          <el-table-column align="center" label="用户名称" prop="userName"/>
+          <el-table-column align="center" label="用户昵称" prop="nickName"/>
+          <el-table-column align="center" label="用户部门" prop="dept.deptName"/>
+          <el-table-column align="center" label="用户邮箱" prop="email"/>
+          <el-table-column align="center" label="用户手机号" prop="phonenumber"/>
+          <el-table-column align="center" label="创建时间" prop="createTime" />
+          <el-table-column align="center" label="操作" prop="createTime" >
+            <template slot-scope="scope">
+              <el-switch
+                style="display: block"
+                v-model="scope.row.isAuth"
+                active-color="#13ce66"
+                inactive-color="#ff4949"
+                active-text="已授权"
+                inactive-text="未授权">
+              </el-switch>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination v-show="total> 0" :limit.sync="pageSize" :page.sync="pageNum" :total="total"/>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+
+import {parseTime} from "@/utils/etl";
+
+export default {
+  name: "AuthTable",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      activeName: "dept",
+      // 分页信息
+      total: 0,
+      pageNum: 1,
+      pageSize: 1,
+      // 基本信息
+      baseInfo: {
+        name: "测试1",
+        systemName: "云计算系统",
+        databaseName: "yunjisuan",
+        tableName: "sys_user",
+        tableAsName: "用户表",
+        total: "12546条",
+      },
+      // 部门列表
+      deptList: [],
+      // 用户列表
+      userList: []
+    };
+  },
+  created() {
+    this.loading = true;
+    setTimeout(() => this.loading = false, 200)
+    this.init()
+  },
+  methods: {
+    parseTime,
+    init(){
+      let response = {
+        "code": 200,
+        "msg": "操作成功",
+        "data": [
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 100,
+            "parentId": 0,
+            "ancestors": "0",
+            "deptName": "muyu牧鱼科技",
+            "orderNum": 0,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 101,
+            "parentId": 100,
+            "ancestors": "0,100",
+            "deptName": "深圳总公司",
+            "orderNum": 1,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 102,
+            "parentId": 100,
+            "ancestors": "0,100",
+            "deptName": "长沙分公司",
+            "orderNum": 2,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 103,
+            "parentId": 101,
+            "ancestors": "0,100,101",
+            "deptName": "研发部门",
+            "orderNum": 1,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 104,
+            "parentId": 101,
+            "ancestors": "0,100,101",
+            "deptName": "市场部门",
+            "isAuth": true,
+            "orderNum": 2,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 105,
+            "parentId": 101,
+            "ancestors": "0,100,101",
+            "deptName": "测试部门",
+            "orderNum": 3,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 106,
+            "parentId": 101,
+            "ancestors": "0,100,101",
+            "deptName": "财务部门",
+            "orderNum": 4,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 107,
+            "parentId": 101,
+            "ancestors": "0,100,101",
+            "deptName": "运维部门",
+            "orderNum": 5,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 108,
+            "parentId": 102,
+            "ancestors": "0,100,102",
+            "deptName": "市场部门",
+            "orderNum": 1,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          },
+          {
+            "createBy": 1,
+            "createTime": "2023-09-29 11:47:27",
+            "updateBy": null,
+            "updateTime": null,
+            "deptId": 109,
+            "parentId": 102,
+            "ancestors": "0,100,102",
+            "deptName": "财务部门",
+            "orderNum": 2,
+            "leader": "muyu牧鱼",
+            "phone": "15888888888",
+            "email": "ry@qq.com",
+            "status": "0",
+            "delFlag": "0",
+            "parentName": null,
+            "children": []
+          }
+        ]
+      }
+      this.deptList = this.handleTree(response.data, "deptId");
+      this.userList = [
+        {
+          "createBy": "admin",
+          "createTime": "2023-04-23 16:11:38",
+          "updateBy": null,
+          "updateTime": null,
+          "remark": "管理员",
+          "userId": 1,
+          "deptId": 103,
+          "userName": "admin",
+          "nickName": "智能车联",
+          "email": "ry@163.com",
+          "phonenumber": "15888888888",
+          "isAuth": true,
+          "dept": {
+            "deptName": "研发部门"
+          }
+        },
+        {
+          "createBy": "admin",
+          "createTime": "2023-04-23 16:11:38",
+          "updateBy": null,
+          "updateTime": null,
+          "remark": "测试员",
+          "userId": 2,
+          "deptId": 105,
+          "userName": "ry",
+          "nickName": "智能车联",
+          "email": "ry@qq.com",
+          "phonenumber": "15666666666",
+          "dept": {
+            "deptName": "测试部门"
+          }
+        }
+      ]
+    }
+  },
+};
+</script>
diff --git a/src/views/data/accredit/index.vue b/src/views/data/accredit/index.vue
new file mode 100644
index 0000000..e1a2ee5
--- /dev/null
+++ b/src/views/data/accredit/index.vue
@@ -0,0 +1,130 @@
+<template>
+  <el-container :style="{height: mainHeight + 'px'}">
+    <el-aside>
+      <el-tree :data="assetStructureList"
+               :load="expandTable"
+               lazy
+               @node-click="showAssetsFun"
+               :props="defaultProps">
+        <div class="custom-tree-node" slot-scope="{ node, data }">
+          <div v-if="data.type === 'dataSource'">
+            {{ data.dataSourceName + '(' + data.dataSourceDatabaseName + '-' + data.dataSourceSystemName + ')' }}
+          </div>
+          <div v-if="data.type === 'dataTable'">
+            {{ data.tableName + '-' + data.tableNameAnnotation + '(' + data.tableDataCount + '条)' }}
+          </div>
+        </div>
+      </el-tree>
+    </el-aside>
+    <el-container>
+      <el-main>
+        <auth-data-source v-if="showAuth === 'dataSource'"/>
+        <auth-table v-else-if="showAuth === 'dataTable'"/>
+      </el-main>
+    </el-container>
+  </el-container>
+</template>
+<script>
+
+import AuthDataSource from './auth/AuthDataSource.vue'
+import AuthTable from './auth/AuthTable.vue'
+import {listAssetStructure, selectAssetSouructureTableList} from "@/api/data/structure";
+
+export default {
+  name: 'assetStructure',
+  components: { AuthTable, AuthDataSource },
+  data() {
+    return {
+      mainHeight: window.innerHeight - 85,
+      defaultProps: {
+        children: 'childrenList',
+        label: 'name'
+      },
+      // 显示资产
+      showAuth: null,
+      // 数据资产列表
+      assetStructureList: [],
+      // 子节点列表
+      childrenList: [],
+      // 表名称
+      tableName: null,
+      tableNameAnnotation: null,
+      tableDataCount: null,
+    }
+  },
+  created() {
+    this.listAssetStructure();
+  },
+  methods: {
+    // 查询数据资产列表
+    listAssetStructure() {
+      listAssetStructure().then(response => {
+        this.assetStructureList = response.data.assetStructureList
+        this.assetStructureList.forEach(
+          item => {
+            item.type = "dataSource"
+          }
+        )
+
+      })
+    },
+    expandTable( node, resolve){
+      if (node.level === 0) return resolve(this.assetStructureList);
+      const {data} = node;
+      if (data.type === 'dataTable') {
+        return resolve([])
+      }
+      setTimeout(() => {
+        resolve(this.childrenList)
+      }, 500);
+    },
+    showAssetsFun(data) {
+      this.showAuth = data.type;
+      if (data.type === 'dataSource') {
+        // 异步调用 selectAssetSourctureTableList API 函数，传入当前节点的 id 作为参数
+        selectAssetSouructureTableList(data.id).then((response) => {
+          // 打印 API 返回的响应数据
+          // console.log(response);
+
+          // 将 API 返回的 data 属性赋值给 this.childrenList
+          this.childrenList = response.data.tableDetailsRespList;
+
+          // 遍历 this.childrenList，为每个元素添加 type 属性，值为 "dataTable"
+          this.childrenList.forEach((item) => {
+            item.type = "dataTable";
+          });
+        });
+      }
+      if (data.type === "dataTable") {
+        this.tableName = data.tableName;
+        this.tableNameAnnotation = data.tableNameAnnotation;
+        this.tableDataCount = data.tableDataCount
+        this.childrenList.forEach(item => {
+          if (item.tableName === this.tableName){
+            this.assetTableDetailsList = item.assetTableDetailsList
+          }
+          return
+        })
+        this.tableParams = {
+          tableName: data.name,
+          tableAsName: data.as
+        }
+      }
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+.el-aside {
+  margin: 0;
+  padding: 0;
+  width: 400px;
+  background-color: white;
+}
+.el-main {
+  background-color: #f1f1f1;
+}
+.custom-tree-node{
+  height: 30px;
+}
+</style>