From 947401fd52905d7c336a020d158922cd2b496627 Mon Sep 17 00:00:00 2001
From: Yunfei Du <278774021@qq.com>
Date: Fri, 26 Apr 2024 17:23:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=A2=9E=E5=8A=A0=E4=BA=86=E5=AD=97?=
 =?UTF-8?q?=E5=85=B8=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/dataSource/dictionary.js              |   2 +-
 .../asset/dashboard/OverallSpecificAssets.vue |  36 +-
 .../auth/AuthDataSource.vue                   | 345 +++++++++++++++++
 .../assetAuthorization/auth/AuthTable.vue     | 363 ++++++++++++++++++
 .../dataSource/assetAuthorization/index.vue   | 124 ++++++
 .../dashboard/OverallAssetStructure.vue       |  98 +++++
 .../dashboard/OverallAssets.vue               | 189 +++++++++
 .../dashboard/OverallSpecificAssets.vue       | 295 ++++++++++++++
 src/views/dataSource/assetStructure/index.vue | 140 +++++++
 .../dataSource/{data => dataAccess}/index.vue |   4 +-
 10 files changed, 1575 insertions(+), 21 deletions(-)
 create mode 100644 src/views/dataSource/assetAuthorization/auth/AuthDataSource.vue
 create mode 100644 src/views/dataSource/assetAuthorization/auth/AuthTable.vue
 create mode 100644 src/views/dataSource/assetAuthorization/index.vue
 create mode 100644 src/views/dataSource/assetStructure/dashboard/OverallAssetStructure.vue
 create mode 100644 src/views/dataSource/assetStructure/dashboard/OverallAssets.vue
 create mode 100644 src/views/dataSource/assetStructure/dashboard/OverallSpecificAssets.vue
 create mode 100644 src/views/dataSource/assetStructure/index.vue
 rename src/views/dataSource/{data => dataAccess}/index.vue (99%)

diff --git a/src/api/dataSource/dictionary.js b/src/api/dataSource/dictionary.js
index 0a2f8f0..6809da3 100644
--- a/src/api/dataSource/dictionary.js
+++ b/src/api/dataSource/dictionary.js
@@ -2,7 +2,7 @@ import request from '@/utils/request'
 
 export function getDictionaryRespByDataSourceId(id) {
   return request({
-    url: '/dataSource/dict/getDictionaryRespByDataSourceId?dataSourceId='+id,
+    url: '/dataSource/dict/getDictionaryByDataSourceId?dataSourceId='+id,
     method: 'get'
   })
 }
diff --git a/src/views/dataSource/asset/dashboard/OverallSpecificAssets.vue b/src/views/dataSource/asset/dashboard/OverallSpecificAssets.vue
index 7929a24..579b764 100644
--- a/src/views/dataSource/asset/dashboard/OverallSpecificAssets.vue
+++ b/src/views/dataSource/asset/dashboard/OverallSpecificAssets.vue
@@ -123,24 +123,24 @@ import {getDictionaryRespByDataSourceId} from "@/api/dataSource/dictionary";
 
 export default {
   watch:{
-    dataSourceId:{
-      // 此处监听variable变量，当期有变化时执行
-      handler(item1,item2){
-        console.log("新值",item1)
-        console.log("旧址",item2)
-        getDictionaryRespByDataSourceId(item1).then(
-          res => {
-            console.log("字典表响应对象:",res.data)
-            this.dictionaryInfoRespList = res.data
-            this.dictionaryInfoRespList.forEach(dictionaryInfoResp => {
-              dictionaryInfoResp.dictionaryInfoList.forEach(dictionaryInfo => {
-                dictionaryInfo.isEdit = false;
-              })
-            })
-          }
-        )
-      }
-    }
+    // dataSourceId:{
+    //   // 此处监听variable变量，当期有变化时执行
+    //   handler(item1,item2){
+    //     console.log("新值",item1)
+    //     console.log("旧址",item2)
+    //     getDictionaryRespByDataSourceId(item1).then(
+    //       res => {
+    //         console.log("字典表响应对象:",res.data)
+    //         this.dictionaryInfoRespList = res.data
+    //         this.dictionaryInfoRespList.forEach(dictionaryInfoResp => {
+    //           dictionaryInfoResp.dictionaryInfoList.forEach(dictionaryInfo => {
+    //             dictionaryInfo.isEdit = false;
+    //           })
+    //         })
+    //       }
+    //     )
+    //   }
+    // }
   },
   props: {
     assetsModelRespArrayList: {
diff --git a/src/views/dataSource/assetAuthorization/auth/AuthDataSource.vue b/src/views/dataSource/assetAuthorization/auth/AuthDataSource.vue
new file mode 100644
index 0000000..9718306
--- /dev/null
+++ b/src/views/dataSource/assetAuthorization/auth/AuthDataSource.vue
@@ -0,0 +1,345 @@
+<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/muyu'
+
+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/dataSource/assetAuthorization/auth/AuthTable.vue b/src/views/dataSource/assetAuthorization/auth/AuthTable.vue
new file mode 100644
index 0000000..797af85
--- /dev/null
+++ b/src/views/dataSource/assetAuthorization/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/muyu'
+
+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/dataSource/assetAuthorization/index.vue b/src/views/dataSource/assetAuthorization/index.vue
new file mode 100644
index 0000000..76c455f
--- /dev/null
+++ b/src/views/dataSource/assetAuthorization/index.vue
@@ -0,0 +1,124 @@
+<template>
+  <el-container :style="{height: mainHeight + 'px'}">
+    <el-aside>
+      <el-tree :data="assetStructureList"
+               :load="expandTable"
+               :expand-on-click-node="false"
+               lazy
+               @node-click="(data) => showAuth=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>
+          <div @click="getTableStructure" v-if="data.type === 'dataTable'">{{ data.name + '-'+data.as + '(' + data.dataTotal+'条)' }}</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 {Table} from "element-ui";
+
+export default {
+  name: 'assetStructure',
+  computed: {
+    Table() {
+      return Table
+    }
+  },
+  components: { AuthTable, AuthDataSource },
+  data() {
+    return {
+      mainHeight: window.innerHeight - 85,
+      defaultProps: {
+        children: 'childrenList',
+        label: 'name'
+      },
+      showAuth: null,
+      assetStructureList: [
+        {
+          name: "测试1",
+          systemName: "云计算系统",
+          databaseName: "yunjisuan",
+          type: "dataSource"
+        },
+        {
+          name: "测试2",
+          systemName: "网站系统",
+          databaseName: "wangzhan",
+          type: "dataSource"
+        },
+        {
+          name: "测试3",
+          systemName: "物联网系统",
+          databaseName: "wulianwang",
+          type: "dataSource"
+        },
+        {
+          name: "测试4",
+          systemName: "传媒系统",
+          databaseName: "chuanmei",
+          type: "dataSource"
+        },
+      ],
+      childrenList: [
+        {
+          name: "sys_user",
+          as: "用户表",
+          dataTotal: 635847,
+          type: "dataTable",
+          childrenList: []
+        },
+        {
+          name: "sys_dept",
+          as: "部门表",
+          dataTotal: 362548,
+          type: "dataTable",
+          childrenList: []
+        },
+        {
+          name: "sys_notice",
+          as: "通知公告",
+          dataTotal: 6347,
+          type: "dataTable",
+          childrenList: []
+        }
+      ]
+    }
+  },
+  methods: {
+    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);
+    }
+  }
+}
+</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>
diff --git a/src/views/dataSource/assetStructure/dashboard/OverallAssetStructure.vue b/src/views/dataSource/assetStructure/dashboard/OverallAssetStructure.vue
new file mode 100644
index 0000000..b5009c4
--- /dev/null
+++ b/src/views/dataSource/assetStructure/dashboard/OverallAssetStructure.vue
@@ -0,0 +1,98 @@
+<template>
+  <div>
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span>资产模型基本信息</span>
+      </div>
+      <el-descriptions border :column="2">
+        <el-descriptions-item label="表名称">{{ tableInfo.tableName }}</el-descriptions-item>
+        <el-descriptions-item label="表备注">{{tableInfo.tableAnnotation}}</el-descriptions-item>
+        <el-descriptions-item label="数据量">{{ tableInfo.recordCount }}</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="assetsModelList"
+        style="width: 100%;">
+        <el-table-column prop="fieldsName" label="名称" />
+        <el-table-column prop="fieldsAnnotation" label="注释" />
+        <el-table-column prop="isDictionary" label="是否主键" >
+          <template slot-scope="scope">
+            <el-tag size="small" :type="scope.row.isDictionary === 1 ? 'success' : ''">
+              {{scope.row.isDictionary}}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="baseType" label="类型" />
+        <el-table-column prop="javaType" label="映射类型" />
+        <el-table-column prop="fieldsLength" label="长度" />
+        <el-table-column prop="decimalPlace" label="小数位" />
+        <el-table-column prop="isEmpty" label="是否为空"  >
+          <template slot-scope="scope">
+            <el-tag size="small" :type="scope.row.isNull === 1 ? 'success' : 'danger'">
+              {{scope.row.isEmpty}}
+            </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.isDictionary === 1" size="small" type="success">
+              {{scope.row.isDictionary}}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="reflectionDictionary" label="映射字典" >
+          <template slot-scope="scope">
+            <el-popover
+              v-if="scope.row.isDictionary === 1"
+              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',
+  props: {
+    assetsModelList: {
+      type: Array
+    },
+    tableInfo: {
+      type: Object
+    },
+  },
+  data() {
+    return {
+    }
+  },
+}
+</script>
+<style scoped lang="scss">
+
+</style>
diff --git a/src/views/dataSource/assetStructure/dashboard/OverallAssets.vue b/src/views/dataSource/assetStructure/dashboard/OverallAssets.vue
new file mode 100644
index 0000000..33e8e5c
--- /dev/null
+++ b/src/views/dataSource/assetStructure/dashboard/OverallAssets.vue
@@ -0,0 +1,189 @@
+<template>
+  <el-row :gutter="40" class="panel-group">
+    <div class="title-header">
+      整体数据资产结构概述
+    </div>
+    <el-col :lg="8" :sm="12" :xs="12" class="card-panel-col">
+      <div class="card-panel" @click="handleSetLineChartData('newVisitis')">
+        <div class="card-panel-icon-wrapper icon-people">
+          <svg-icon class-name="card-panel-icon" icon-class="database"/>
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">
+            数据接入
+          </div>
+          <count-to :duration="2600" :end-val="dataSourceCount" :start-val="0" class="card-panel-num"/>
+        </div>
+      </div>
+    </el-col>
+    <el-col :lg="8" :sm="12" :xs="12" class="card-panel-col">
+      <div class="card-panel" @click="handleSetLineChartData('messages')">
+        <div class="card-panel-icon-wrapper icon-message">
+          <svg-icon class-name="card-panel-icon" icon-class="table"/>
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">
+            资产模型
+          </div>
+          <count-to :duration="3000" :end-val="allTableCount" :start-val="0" class="card-panel-num"/>
+        </div>
+      </div>
+    </el-col>
+    <el-col :lg="8" :sm="12" :xs="12" class="card-panel-col">
+      <div class="card-panel" @click="handleSetLineChartData('purchases')">
+        <div class="card-panel-icon-wrapper icon-money">
+          <svg-icon class-name="card-panel-icon" icon-class="field"/>
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">
+            数据模型
+          </div>
+          <count-to :duration="3200" :end-val="allDataModelCount" :start-val="0" class="card-panel-num"/>
+        </div>
+      </div>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+import CountTo from 'vue-count-to'
+
+export default {
+  props: {
+    dataSourceCount: {
+      type :Number
+    },
+    allTableCount: {
+      type :Number
+    },
+    allDataModelCount: {
+      type :Number
+    }
+  },
+  components: {
+    CountTo
+  },
+  methods: {
+    handleSetLineChartData(type) {
+      this.$emit('handleSetLineChartData', type)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.panel-group {
+  margin-top: 18px;
+
+  .card-panel-col {
+    margin-bottom: 32px;
+  }
+
+  .card-panel {
+    height: 108px;
+    cursor: pointer;
+    font-size: 12px;
+    position: relative;
+    overflow: hidden;
+    color: #666;
+    background: #fff;
+    box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
+    border-color: rgba(0, 0, 0, .05);
+
+    &:hover {
+      .card-panel-icon-wrapper {
+        color: #fff;
+      }
+
+      .icon-people {
+        background: #40c9c6;
+      }
+
+      .icon-message {
+        background: #36a3f7;
+      }
+
+      .icon-money {
+        background: #f4516c;
+      }
+
+      .icon-shopping {
+        background: #34bfa3
+      }
+    }
+
+    .icon-people {
+      color: #40c9c6;
+    }
+
+    .icon-message {
+      color: #36a3f7;
+    }
+
+    .icon-money {
+      color: #f4516c;
+    }
+
+    .icon-shopping {
+      color: #34bfa3
+    }
+
+    .card-panel-icon-wrapper {
+      float: left;
+      margin: 14px 0 0 14px;
+      padding: 16px;
+      transition: all 0.38s ease-out;
+      border-radius: 6px;
+    }
+
+    .card-panel-icon {
+      float: left;
+      font-size: 48px;
+    }
+
+    .card-panel-description {
+      float: right;
+      font-weight: bold;
+      margin: 26px;
+      margin-left: 0px;
+
+      .card-panel-text {
+        line-height: 18px;
+        color: rgba(0, 0, 0, 0.45);
+        font-size: 16px;
+        margin-bottom: 12px;
+      }
+
+      .card-panel-num {
+        font-size: 20px;
+      }
+    }
+  }
+}
+
+@media (max-width: 550px) {
+  .card-panel-description {
+    display: none;
+  }
+
+  .card-panel-icon-wrapper {
+    float: none !important;
+    width: 100%;
+    height: 100%;
+    margin: 0 !important;
+
+    .svg-icon {
+      display: block;
+      margin: 14px auto !important;
+      float: none !important;
+    }
+  }
+}
+.title-header{
+  text-align: center;
+  width: 100%;
+  font-size: 46px;
+  font-weight: 600;
+  line-height: 100px;
+}
+</style>
diff --git a/src/views/dataSource/assetStructure/dashboard/OverallSpecificAssets.vue b/src/views/dataSource/assetStructure/dashboard/OverallSpecificAssets.vue
new file mode 100644
index 0000000..81f6f4b
--- /dev/null
+++ b/src/views/dataSource/assetStructure/dashboard/OverallSpecificAssets.vue
@@ -0,0 +1,295 @@
+<template>
+  <el-row :gutter="40" class="panel-group">
+    <div class="title-header">
+      {{dataSourceObj.dataSource.fromSystem}} - 资产结构概述
+    </div>
+    <el-col :sm="12" :xs="12" class="card-panel-col">
+      <div class="card-panel" @click="handleSetLineChartData('messages')">
+        <div class="card-panel-icon-wrapper icon-message">
+          <svg-icon class-name="card-panel-icon" icon-class="table"/>
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">
+            资产模型
+          </div>
+          <count-to :duration="3000" :end-val="dataSourceObj.dataSource.tableCount" :start-val="0" class="card-panel-num"/>
+        </div>
+      </div>
+    </el-col>
+    <el-col :sm="12" :xs="12" class="card-panel-col">
+      <div class="card-panel" @click="handleSetLineChartData('purchases')">
+        <div class="card-panel-icon-wrapper icon-money">
+          <svg-icon class-name="card-panel-icon" icon-class="field"/>
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">
+            数据模型
+          </div>
+          <count-to :duration="3200" :end-val="dataSourceObj.dataSource.dataModelCount" :start-val="0" class="card-panel-num"/>
+        </div>
+      </div>
+    </el-col>
+    <el-col :span="24">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>基础字典</span>
+          <el-popover
+            placement="top-start"
+            title="基础字典"
+            width="200"
+            trigger="hover"
+            content="这个字典是数据资产项目当中的字典内容，而不是本项目当中的字典内容。主要作用为数据清洗过程中数据字典映射作用">
+            <i class="el-icon-question" slot="reference"></i>
+          </el-popover>
+          <el-popover
+            placement="right"
+            width="400"
+            trigger="click">
+            <el-row :gutter="20">
+              <el-col :span="18">
+                <el-input v-model="dictionary.dictionaryName"></el-input>
+              </el-col>
+              <el-col :span="6">
+                <el-button @click="addDict">确定</el-button>
+              </el-col>
+            </el-row>
+            <el-button style="float: right; padding: 3px 0" type="text" slot="reference">新增字典</el-button>
+          </el-popover>
+        </div>
+        <el-row :gutter="20">
+          <el-col v-for="dictionaryInfoResp in dictionaryInfoRespList" :md="8" :sm="24" :xs="12">
+            <el-card class="box-card" style="height: 300px">
+              <div slot="header" class="clearfix">
+                <span>{{dictionaryInfoResp.dictionaryName}}</span>
+                <el-button style="float: right; padding: 3px 0"
+                           type="text"
+                           @click="dictionaryInfoResp.dictionaryList.push({ label: null, value: null, isEdit: true })"
+                >新增</el-button>
+              </div>
+              <el-table :data="dictionaryInfoResp.dictionaryList" style="width: 100%" height="280px">
+                <el-table-column label="标签">
+                  <template slot-scope="scope">
+                    <span v-if="!scope.row.isEdit">{{scope.row.label}}</span>
+                    <el-input v-if="scope.row.isEdit" v-model="scope.row.label" size="mini"></el-input>
+                  </template>
+
+                </el-table-column>
+                <el-table-column label="值">
+                  <template slot-scope="scope">
+                    <span v-if="!scope.row.isEdit">{{scope.row.value}}</span>
+                    <el-input v-if="scope.row.isEdit" v-model="scope.row.value" size="mini"></el-input>
+                  </template>
+                </el-table-column>
+                <el-table-column label="操作">
+                  <template slot-scope="scope">
+                    <el-button
+                      v-if="!scope.row.isEdit"
+                      size="mini"
+                      type="text"
+                      icon="el-icon-edit"
+                      @click="updateEdit(scope.row.id)"
+                      :key="scope.row.id "
+                    >修改</el-button>
+                    <el-button
+                      v-if="scope.row.isEdit"
+                      @click="editConfirm(scope.row)"
+                      size="mini"
+                      type="text"
+                      icon="el-icon-finished"
+                    >确定</el-button>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-card>
+          </el-col>
+        </el-row>
+      </el-card>
+
+    </el-col>
+    <el-col :span="24">
+      <el-tabs v-model="activeName" type="border-card" >
+        <el-tab-pane :label="assetsModelResp.dataTable.tableName" :key="assetsModelResp.dataTable.id" v-for="assetsModelResp in assetsModelRespArrayList">
+          <overall-asset-structure :tableInfo="assetsModelResp.dataTable" :assetsModelList="assetsModelResp.assetsModelList" />
+        </el-tab-pane>
+      </el-tabs>
+    </el-col>
+  </el-row>
+
+</template>
+
+<script>
+import CountTo from 'vue-count-to'
+import OverallAssetStructure from './OverallAssetStructure.vue'
+import {getDictionaryRespByDataSourceId} from "@/api/dataSource/dictionary";
+
+export default {
+
+  props: {
+    dictionaryInfoRespList:{
+      type:Array,
+      // 设置默认值，如果父组件没有传递这个 prop，子组件将使用这个默认值
+      default:()=>[],
+    },
+    assetsModelRespArrayList: {
+      type: Array
+    },
+    dataSourceObj: {
+      type: Object
+    },
+    dataSourceId: {
+      type: Number,
+    }
+  },
+  data() {
+    return {
+      dictionaryInfoRespList: [],
+      activeName: 'first',
+      // activeName: assetsModelRespArrayList[0].dataTableList.tableList.tableName,
+      dictionary: {}
+    }
+  },
+  components: {
+    OverallAssetStructure,
+    CountTo
+  },
+  methods: {
+
+
+
+    editConfirm(row){
+      if (!row.label || !row.value) {
+        this.$message.error('字典标签或字典值，不可为空');
+        return;
+      }
+      row.isEdit = false;
+    },
+    handleSetLineChartData(type) {
+      this.$emit('handleSetLineChartData', type)
+    },
+    addDict(){
+      if (!this.dictionary.dictionaryName){
+        this.$message.error('数据字典，不可为空');
+        return;
+      }
+      console.log(this.dictionary.dictionaryName)
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.panel-group {
+  margin-top: 18px;
+
+  .card-panel-col {
+    margin-bottom: 32px;
+  }
+
+  .card-panel {
+    height: 108px;
+    cursor: pointer;
+    font-size: 12px;
+    position: relative;
+    overflow: hidden;
+    color: #666;
+    background: #fff;
+    box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
+    border-color: rgba(0, 0, 0, .05);
+
+    &:hover {
+      .card-panel-icon-wrapper {
+        color: #fff;
+      }
+
+      .icon-people {
+        background: #40c9c6;
+      }
+
+      .icon-message {
+        background: #36a3f7;
+      }
+
+      .icon-money {
+        background: #f4516c;
+      }
+
+      .icon-shopping {
+        background: #34bfa3
+      }
+    }
+
+    .icon-people {
+      color: #40c9c6;
+    }
+
+    .icon-message {
+      color: #36a3f7;
+    }
+
+    .icon-money {
+      color: #f4516c;
+    }
+
+    .icon-shopping {
+      color: #34bfa3
+    }
+
+    .card-panel-icon-wrapper {
+      float: left;
+      margin: 14px 0 0 14px;
+      padding: 16px;
+      transition: all 0.38s ease-out;
+      border-radius: 6px;
+    }
+
+    .card-panel-icon {
+      float: left;
+      font-size: 48px;
+    }
+
+    .card-panel-description {
+      float: right;
+      font-weight: bold;
+      margin: 26px;
+      margin-left: 0px;
+
+      .card-panel-text {
+        line-height: 18px;
+        color: rgba(0, 0, 0, 0.45);
+        font-size: 16px;
+        margin-bottom: 12px;
+      }
+
+      .card-panel-num {
+        font-size: 20px;
+      }
+    }
+  }
+}
+
+@media (max-width: 550px) {
+  .card-panel-description {
+    display: none;
+  }
+
+  .card-panel-icon-wrapper {
+    float: none !important;
+    width: 100%;
+    height: 100%;
+    margin: 0 !important;
+
+    .svg-icon {
+      display: block;
+      margin: 14px auto !important;
+      float: none !important;
+    }
+  }
+}
+.title-header{
+  text-align: center;
+  width: 100%;
+  font-size: 46px;
+  font-weight: 600;
+  line-height: 100px;
+}
+</style>
diff --git a/src/views/dataSource/assetStructure/index.vue b/src/views/dataSource/assetStructure/index.vue
new file mode 100644
index 0000000..cf111b2
--- /dev/null
+++ b/src/views/dataSource/assetStructure/index.vue
@@ -0,0 +1,140 @@
+<template>
+  <el-container :style="{height: mainHeight + 'px'}">
+    <el-aside>
+      <el-tree :data="assetStructureList"
+               :expand-on-click-node="false"
+               :load="expandTable"
+               lazy
+               @node-click="(data) => showAssets=data.type"
+               :props="defaultProps">
+        <div class="custom-tree-node" slot-scope="{ node, data }">
+          <div @click="getNowDataSource(data)" v-if="data.type === 'dataSource'">{{ data.dataSource.name + '('+data.dataSource.dataSourceDatabaseName + '-' + data.dataSource.fromSystem+')' }}</div>
+          <div @click="getTableStructure(data)" v-if="data.type === 'dataTable'">{{ data.dataTable.tableName + '-'+data.dataTable.tableAnnotation + '(' + data.dataTable.recordCount+'条)' }}</div>
+        </div>
+      </el-tree>
+    </el-aside>
+    <el-container>
+      <el-main>
+        <OverallAssets :dataSourceCount="dataSourceCount" :allTableCount="allTableCount" :allDataModelCount="allDataModelCount" v-if="showAssets == null"/>
+        <overall-specific-assets :dictionaryInfoRespList="dictionaryInfoRespList" :dataSourceId="dataSourceId" :dataSourceObj="dataSourceObj"  :assetsModelRespArrayList="assetsModelRespArrayList" v-if="showAssets === 'dataSource'" :title="title"/>
+        <overall-asset-structure :tableInfo="tableInfo" :assetsModelList="assetsModelList" v-if="showAssets === 'dataTable'" :title="title"/>
+      </el-main>
+    </el-container>
+  </el-container>
+</template>
+<script>
+import OverallAssets from './dashboard/OverallAssets.vue'
+import OverallSpecificAssets from './dashboard/OverallSpecificAssets.vue'
+import OverallAssetStructure from './dashboard/OverallAssetStructure.vue'
+import {queryBigStructure, queryTableStructure} from "@/api/dataSource/data";
+import {getAssetsModelByDataTableId, getAssetsModelListByTableIds} from "@/api/dataSource/assets";
+import {getDictionaryRespByDataSourceId} from "@/api/dataSource/dictionary";
+
+export default {
+  name: 'assetStructure',
+  components: { OverallAssetStructure, OverallSpecificAssets, OverallAssets },
+  data() {
+    return {
+      dataSourceId: null,
+      tableInfo: {},
+      assetsModelList: [],
+      dataSourceObj: null,
+      tableCount:0,
+      dataModelCount:0,
+      dataSourceCount: 0,
+      allTableCount: 0,
+      allDataModelCount: 0,
+      dataBaseConnectObj: {},
+      tableData: [],
+      mainHeight: window.innerHeight - 85,
+      defaultProps: {
+        children: 'childrenList',
+        label: 'name'
+      },
+      assetStructureList: [],
+      childrenList: [],
+      showAssets: null,
+      title: null,
+      tableIds: [],
+      assetsModelRespArrayList: [],
+      dictionaryInfoRespList: []
+    }
+  },
+  methods: {
+    getNowDataSource(data) {
+      console.log(data)
+      this.tableIds = data.dataTableList.map(dataTable => dataTable.dataTable.id);
+      console.log("idList",this.tableIds)
+      getAssetsModelListByTableIds(this.tableIds).then(
+        res => {
+          this.assetsModelRespArrayList = res.data
+          console.log("this.assetsModelRespArrayList",this.assetsModelRespArrayList)
+        }
+      )
+      this.dataSourceId = data.dataSource.id
+      this.dataSourceObj = data
+
+      getDictionaryRespByDataSourceId(this.dataSourceId).then(
+        res => {
+          console.log("字典表响应对象:",res.data)
+          let info = res.data
+          this.dictionaryInfoRespList = info
+        }
+      )
+
+    },
+    getTableStructure(data) {
+      console.log(data.dataTable.id)
+      getAssetsModelByDataTableId(data.dataTable.id).then(
+        res => {
+          console.log("根据表ID",res.data)
+          this.assetsModelList = res.data.assetsModelList
+          this.tableInfo = res.data.dataTable
+          console.log(this.tableInfo)
+        }
+      )
+    },
+    getBigStructure() {
+      queryBigStructure().then(
+        res => {
+          this.assetStructureList = res.data.dataSourceDecorationList
+          this.dataSourceCount = this.assetStructureList.length
+          this.allTableCount = res.data.allTableCount
+          this.allDataModelCount = res.data.allDataModelCount
+          console.log("BigStructure",this.assetStructureList)
+          this.assetsModelList = this.assetStructureList
+        }
+      )
+    },
+    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.dataSource.dataSourceDatabaseName + '-' + data.dataSource.fromSystem+')'
+      }
+      if (data.type === 'dataTable') {
+        this.title = data.tableName + '('+data.dataTable.tableAnnotation + '-' + data.dataTable.recordCount+')'
+      }
+      setTimeout(() => {
+        resolve(data.dataTableList)
+        this.showAuth = data.type;
+      }, 500);
+    }
+  },
+  created() {
+    this.getBigStructure()
+  }
+}
+</script>
+<style scoped lang="scss">
+.el-aside {
+  margin: 0;
+  padding: 0;
+  width: 400px;
+  background-color: white;
+}
+.el-main {
+  background-color: #f1f1f1;
+}
+</style>
diff --git a/src/views/dataSource/data/index.vue b/src/views/dataSource/dataAccess/index.vue
similarity index 99%
rename from src/views/dataSource/data/index.vue
rename to src/views/dataSource/dataAccess/index.vue
index 23a5a0a..e9475e8 100644
--- a/src/views/dataSource/data/index.vue
+++ b/src/views/dataSource/dataAccess/index.vue
@@ -274,13 +274,13 @@
 
 <script>
 
-
 import {
   dataSynchronization,
   getAllDataType,
   getDataSourceList,
   insertDataSource,
-  queryStructure, testConnect
+  queryStructure,
+  testConnect
 } from "@/api/dataSource/data";
 
 export default {