From ccb7aabaeb832e20707523a59e39918cff0f7db8 Mon Sep 17 00:00:00 2001
From: Jiang Peng <2622360564@qq.com>
Date: Fri, 12 Apr 2024 14:31:53 +0800
Subject: [PATCH 1/5] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=82=AE=E7=AE=B1?=
 =?UTF-8?q?=E7=99=BB=E5=BD=95=E5=8A=9F=E8=83=BD=20=E5=89=8D=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/login.vue    | 4 ++--
 src/views/register.vue | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/login.vue b/src/views/login.vue
index bdd86d9..5eda208 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -6,7 +6,7 @@
         <el-input
           v-model="loginForm.username"
           auto-complete="off"
-          placeholder="账号"
+          placeholder="账号/邮箱"
           type="text"
         >
           <svg-icon slot="prefix" class="el-input__icon input-icon" icon-class="user"/>
@@ -80,7 +80,7 @@ export default {
       },
       loginRules: {
         username: [
-          {required: true, trigger: "blur", message: "请输入您的账号"}
+          {required: true, trigger: "blur", message: "请输入您的账号/邮箱"}
         ],
         password: [
           {required: true, trigger: "blur", message: "请输入您的密码"}
diff --git a/src/views/register.vue b/src/views/register.vue
index 9b4dc96..aacc15a 100644
--- a/src/views/register.vue
+++ b/src/views/register.vue
@@ -3,7 +3,7 @@
     <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
       <h3 class="title">若依后台管理系统</h3>
       <el-form-item prop="username">
-        <el-input v-model="registerForm.username" auto-complete="off" placeholder="账号" type="text">
+        <el-input v-model="registerForm.username" auto-complete="off" placeholder="账号/邮箱" type="text">
           <svg-icon slot="prefix" class="el-input__icon input-icon" icon-class="user"/>
         </el-input>
       </el-form-item>
@@ -90,7 +90,7 @@ export default {
       },
       registerRules: {
         username: [
-          {required: true, trigger: "blur", message: "请输入您的账号"},
+          {required: true, trigger: "blur", message: "请输入您的账号/邮箱"},
           {min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur'}
         ],
         password: [

From eb780d381245251fce76dfe8679c9605ea5ae602 Mon Sep 17 00:00:00 2001
From: Jiang Peng <2622360564@qq.com>
Date: Fri, 12 Apr 2024 16:20:00 +0800
Subject: [PATCH 2/5] =?UTF-8?q?=E7=94=A8=E6=88=B7=E9=87=8D=E7=BD=AE?=
 =?UTF-8?q?=E5=AF=86=E7=A0=81=20=E5=89=8D=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/user/index.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index a5014a8..a800db6 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -371,9 +371,12 @@ import {
   resetUserPwd,
   updateUser
 } from "@/api/system/user";
+
+import {forceLogout,list} from '@/api/monitor/online';
 import {getToken} from "@/utils/auth";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import userInfo from '@/views/system/user/profile/userInfo.vue'
 
 export default {
   name: "User",
@@ -381,6 +384,10 @@ export default {
   components: {Treeselect},
   data() {
     return {
+      queryParam: {
+        ipaddr: undefined,
+        userName: undefined
+      },
       // 遮罩层
       loading: true,
       // 选中数组
@@ -624,6 +631,14 @@ export default {
       }).then(({value}) => {
         resetUserPwd(row.userId, value).then(response => {
           this.$modal.msgSuccess("修改成功，新密码是：" + value);
+          list(this.queryParam).then(res => {
+            const  userList = res.data.rows
+            userList.forEach(userInfo => {
+              if(userInfo.userName == row.userName){
+                forceLogout(userInfo.tokenId);
+              }
+            })
+          })
         });
       }).catch(() => {
       });

From b638518aff536a365521b6fba0bd5efb42c7e6a2 Mon Sep 17 00:00:00 2001
From: Jiang Peng <2622360564@qq.com>
Date: Mon, 22 Apr 2024 13:58:57 +0800
Subject: [PATCH 3/5] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E6=8E=A5=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/etl/source.js          |  69 +++++
 src/views/etl/assets/index.vue | 143 ++++++++++
 src/views/etl/source/index.vue | 502 +++++++++++++++++++++++++++++++++
 3 files changed, 714 insertions(+)
 create mode 100644 src/api/etl/source.js
 create mode 100644 src/views/etl/assets/index.vue
 create mode 100644 src/views/etl/source/index.vue

diff --git a/src/api/etl/source.js b/src/api/etl/source.js
new file mode 100644
index 0000000..29de5ab
--- /dev/null
+++ b/src/api/etl/source.js
@@ -0,0 +1,69 @@
+import request from '@/utils/request'
+
+// 查询【请填写功能名称】列表
+export function listSource(query) {
+  return request({
+    url: '/etl/source/list',
+    method: 'get',
+    params: query
+  })
+}
+
+export function assetsList(data) {
+  return request({
+    url: '/etl/source/AssetsList',
+    method: 'post',
+    data
+  })
+}
+
+export function structureList(data) {
+  return request({
+    url: '/etl/source/StructureList',
+    method: 'post',
+    data
+  })
+}
+
+// 查询【请填写功能名称】详细
+export function getSource(id) {
+  return request({
+    url: '/etl/source/' + id,
+    method: 'get'
+  })
+}
+
+// 新增【请填写功能名称】
+export function addSource(data) {
+  return request({
+    url: '/etl/source',
+    method: 'post',
+    data: data
+  })
+}
+
+// 测试连接
+export function testConnection(data) {
+  return request({
+    url: '/etl/source/TestConnection',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改【请填写功能名称】
+export function updateSource(data) {
+  return request({
+    url: '/etl/source',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除【请填写功能名称】
+export function delSource(id) {
+  return request({
+    url: '/etl/source/' + id,
+    method: 'delete'
+  })
+}
diff --git a/src/views/etl/assets/index.vue b/src/views/etl/assets/index.vue
new file mode 100644
index 0000000..b7d9c99
--- /dev/null
+++ b/src/views/etl/assets/index.vue
@@ -0,0 +1,143 @@
+<template>
+  <div>
+    <el-container style="height: 80%; border: 1px solid #eee">
+      <el-aside width="300px" style="background-color: rgb(238, 241, 246)">
+        <el-menu :default-openeds="['1', '3']">
+          <el-submenu :index="source.id" v-for="source in sourceList">
+            <template slot="title"><i class="el-icon-message"></i>{{source.dataSourceName}}</template>
+            <el-menu-item-group>
+              <template v-if="source.tableList==null" slot="title">连接失败或数据库中没有表</template>
+              <el-menu-item v-for="(tableName,index) in source.tableList" :index="source.id-index" @click="selectAssets(source,tableName)">{{tableName}}</el-menu-item>
+            </el-menu-item-group>
+          </el-submenu>
+        </el-menu>
+      </el-aside>
+
+      <el-container>
+
+        <el-main>
+          <el-card style="height: 280px">
+            <div slot="header" class="clearfix">
+              <span>查询语句</span>
+            </div>
+            <el-input type="textarea" v-model="source.sql" style="width: 1080px;" :rows="6"></el-input>
+            <el-button style="float: right;margin-top: 20px" @click="dialogTableVisible = true">数据结构</el-button>
+            <el-button style="float: right;margin-top: 20px" @click="sql()">查询</el-button>
+
+          </el-card>
+          <br>
+          <el-card>
+            <div slot="header" class="clearfix">
+              <span>数据资产</span>
+            </div>
+            <el-table :data="structureList">
+              <el-table-column v-for="(assets,index) in assetsList" :label="index+' ('+assets+')'" width="140">
+                <template slot-scope="scope">
+                  {{scope.row[index].value}}
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-card>
+
+        </el-main>
+      </el-container>
+    </el-container>
+
+    <el-dialog title="数据结构" :visible.sync="dialogTableVisible">
+      <el-table :data="tableAssets">
+        <el-table-column property="field" label="字段名" width="150"></el-table-column>
+        <el-table-column property="type" label="类型" width="150"></el-table-column>
+        <el-table-column property="null" label="是否为空" width="150"></el-table-column>
+        <el-table-column property="key" label="键" width="150"></el-table-column>
+        <el-table-column property="default" label="默认值" width="150"></el-table-column>
+      </el-table>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogTableVisible = false">取 消</el-button>
+        <el-button type="primary" @click="dialogTableVisible = false">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+import {assetsList, listSource, structureList} from "@/api/etl/source";
+
+export default {
+  //import引入的组件需要注入到对象中才能使用"
+  components: {},
+  props: {},
+  data() {
+    return {
+      dialogTableVisible: false,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        dataSourceName: null,
+        linkAddress: null
+      },
+      // 总条数
+      total: 0,
+      // 【请填写功能名称】表格数据
+      sourceList: [],
+      assetsList:[],
+      structureList:[],
+      tableAssets:[],
+      source: {
+        sql: ''
+      }
+    };
+  },
+  //计算属性 类似于data概念",
+  computed: {},
+  //监控data中的数据变化",
+  watch: {},
+  //方法集合",
+  methods: {
+    sql(){
+      structureList(this.source).then(res => {
+        this.structureList = res.data.kvtList
+      })
+    },
+    selectAssets(source,tableName) {
+      this.structureList = []
+      this.assetsList = []
+      this.source.sql=''
+      source.tableName = tableName
+      this.source = source
+      assetsList(source).then(res => {
+        console.log(res)
+        this.assetsList = res.data.structure
+        this.tableAssets = res.data.tableAssets
+      })
+    },
+    getList() {
+      this.loading = true;
+      listSource(this.queryParams).then(response => {
+        this.sourceList = response.data.rows;
+        this.total = response.data.total;
+        console.log(this.sourceList)
+      });
+    },
+  },
+  //生命周期 - 创建完成（可以访问当前this实例）",
+  created() {
+    this.getList()
+  },
+  //生命周期 - 挂载完成（可以访问DOM元素）",
+  mounted() {
+  }
+};
+</script>
+<style scoped>
+.el-header {
+  background-color: #B3C0D1;
+  color: #333;
+  line-height: 60px;
+}
+
+.el-aside {
+  color: #333;
+}
+</style>
diff --git a/src/views/etl/source/index.vue b/src/views/etl/source/index.vue
new file mode 100644
index 0000000..9475001
--- /dev/null
+++ b/src/views/etl/source/index.vue
@@ -0,0 +1,502 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="数据源名称" prop="dataSourceName" label-width="100px">
+        <el-input
+          v-model="queryParams.dataSourceName"
+          placeholder="请输入数据源名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="数据源链接地址" prop="linkAddress" label-width="120px">
+        <el-input
+          v-model="queryParams.linkAddress"
+          placeholder="请输入数据源链接地址"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['system:source:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['system:source:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['system:source:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['system:source:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="sourceList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="编号" align="center" prop="id" />
+      <el-table-column label="数据源名称" align="center" prop="dataSourceName" />
+      <el-table-column label="数据源连接地址" align="center" prop="linkAddress" />
+      <el-table-column label="数据源连接端口" align="center" prop="port" />
+      <el-table-column label="数据库名称" align="center" prop="databaseName" />
+      <el-table-column label="连接用户名" align="center" prop="username" />
+      <el-table-column label="连接密码" align="center" prop="password" />
+      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="testConnection(scope.row)"
+          >测试连接</el-button><el-button
+          size="mini"
+          type="text"
+          icon="el-icon-edit"
+          @click="handleUpdate(scope.row)"
+          v-hasPermi="['system:source:edit']"
+        >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['system:source:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改【请填写功能名称】对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="1150px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="140px">
+        <el-card>
+          <div slot="header" class="clearfix">
+            <span>基础配置信息</span>
+          </div>
+          <el-row>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="接入源名称" prop="dataSourceName">
+                <el-input v-model="form.dataSourceName" placeholder="请输入接入源名称" />
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="数据来源系统名称" prop="systemName">
+                <el-input v-model="form.systemName" placeholder="请输入数据来源系统名称" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="主机IP" prop="linkAddress">
+                <el-input v-model="form.linkAddress" placeholder="请输入主机地址" />
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="主机地址" prop="port">
+                <el-input v-model="form.port" placeholder="请输入主机地址" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="数据接入类型" prop="type">
+                <el-select style="width: 100%" v-model="form.type">
+                  <el-option label="MySql" value="MySql">MySql</el-option>
+                  <el-option label="Oracle" value="Oracle">Oracle</el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="数据库名称" prop="databaseName">
+                <el-input v-model="form.databaseName" placeholder="请输入数据库名称" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="连接用户名" prop="username">
+                <el-input v-model="form.username" placeholder="请输入连接用户名" />
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="连接密码" prop="password">
+                <el-input v-model="form.password" placeholder="请输入连接密码" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-card>
+              <div slot="header" class="clearfix">
+                <span>数据连接参数</span>
+              </div>
+              <el-col :sm="24">
+                <el-form-item label="数据连接参数" prop="connectionParam">
+                  <el-input v-model="form.connectionParam" placeholder="请输入内容" />
+                </el-form-item>
+              </el-col>
+              <el-row :gutter="10" style="margin: 10px 0">
+                <el-col :span="2">
+                  <el-button type="primary" @click="addParam()">新增参数</el-button>
+                </el-col>
+                <el-col :span="2">
+                  <el-button type="danger" @click="deleteParam(null)">清空参数</el-button>
+                </el-col>
+              </el-row>
+              <el-row :gutter="10">
+                <el-col :md="8" :xs="12" style="margin: 10px 0" v-for="(dataSourceParam, dataSourceParamIndex) in dataSourceParamList">
+                  <el-col :span="10">
+                    <el-input v-model="dataSourceParam.name" placeholder="请输入参数键" @keyup.native="processParam"/>
+                  </el-col>
+                  <el-col :span="1"><span style="font-size: 28px; margin: 0 3px 0 0;">:</span></el-col>
+                  <el-col :span="10">
+                    <el-input v-model="dataSourceParam.val" placeholder="请输入参数值" @keyup.native="processParam"/>
+                  </el-col>
+                  <el-col :span="3">
+                    <el-button type="danger" @click="deleteParam(dataSourceParamIndex)">删除</el-button>
+                  </el-col>
+                </el-col>
+              </el-row>
+            </el-card>
+          </el-row>
+        </el-card>
+        <el-card style="margin-top: 20px">
+          <div slot="header" class="clearfix">
+            <span>连接池配置</span>
+          </div>
+          <el-row>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="初始连接数量" prop="initNum">
+                <el-input v-model="form.initNum" placeholder="请输入初始连接数量" />
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="最大连接数量" prop="maxNum">
+                <el-input v-model="form.maxNum" placeholder="请输入最大连接数量" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="最大等待时间" prop="maxWaitTime">
+                <el-input v-model="form.maxWaitTime" placeholder="请输入最大等待时间" />
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="最大等待次数" prop="maxWaitSize">
+                <el-input v-model="form.maxWaitSize" placeholder="请输入最大等待次数" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-card>
+
+        <el-card style="margin-top: 20px">
+          <div slot="header" class="clearfix">
+            <span>其他信息</span>
+          </div>
+          <el-form-item label="备注" prop="remark">
+            <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
+          </el-form-item>
+        </el-card>
+      </el-form>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+
+
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {listSource, getSource, delSource, addSource, updateSource, testConnection} from "@/api/etl/source";
+import item from '@/layout/components/Sidebar/Item.vue'
+
+export default {
+  name: "Source",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 数据源表格数据
+      sourceList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        dataSourceName: null,
+        linkAddress: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        dataSourceName: [
+          {required: true, message: "接入源名称不能为空", trigger: "blur"}
+        ],
+        systemName: [
+          {required: true, message: "数据来源系统名称不能为空", trigger: "blur"}
+        ],
+        type: [
+          {required: true, message: "数据接入类型不能为空", trigger: "blur"}
+        ],
+        host: [
+          {required: true, message: "主机地址不能为空", trigger: "blur"}
+        ],
+        port: [
+          {required: true, message: "主机地址不能为空", trigger: "blur"}
+        ],
+        databaseName: [
+          {required: true, message: "数据库名称不能为空", trigger: "blur"}
+        ],
+        connectionParam: [
+          {required: true, message: "数据连接参数不能为空", trigger: "blur"}
+        ],
+        initNum: [
+          {required: true, message: "初始连接数量不能为空", trigger: "blur"}
+        ],
+        maxNum: [
+          {required: true, message: "最大连接数量不能为空", trigger: "blur"}
+        ],
+        maxWaitTime: [
+          {required: true, message: "最大等待时间不能为空", trigger: "blur"}
+        ],
+        maxWaitSize: [
+          {required: true, message: "最大等待次数不能为空", trigger: "blur"}
+        ]
+      },
+      dataSourceParamList: [
+        {
+          name: null,
+          val: null
+        }
+      ]
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    // 添加参数
+    addParam(){
+      this.dataSourceParamList.push({
+        name: null,
+        val: null
+      })
+    },
+    // 删除参数
+    deleteParam(index){
+      if (index != null){
+        this.dataSourceParamList.splice(index, 1);
+      }else {
+        this.dataSourceParamList = []
+      }
+      this.processParam();
+    },
+    // 处理参数
+    processParam(){
+      this.form.connectionParam = this.dataSourceParamList
+        .filter(item => item.name != null || item.val != null)
+        .map(item => {
+          return item.name + "=" + item.val;
+        }).join("&")
+      console.log(this.form.connectionParam)
+    },
+    /** 测试连接 */
+    testConnection(row) {
+      testConnection(row).then(res => {
+        if (res.code === 200) {
+          this.$message({
+            message: "连接成功",
+            type: "success"
+          });
+        } else {
+          this.$message({
+            message: "连接失败",
+            type: "error"
+          });
+        }
+      })
+    },
+    /** 查询数据源列表 */
+    getList() {
+      this.loading = true;
+      listSource(this.queryParams).then(response => {
+        this.sourceList = response.data.rows;
+        this.total = response.data.total;
+        console.log(this.sourceList)
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        dataSourceName: null,
+        type: null,
+        systemName: null,
+        username: null,
+        password: null,
+        linkAddress: null,
+        port: null,
+        databaseName: null,
+        connectionParam: null,
+        initNum: null,
+        maxNum: null,
+        maxWaitTime: null,
+        maxWaitSize: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        remark: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.dataSourceParamList = [];
+      this.title = "添加数据接入";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getSource(id).then(response => {
+        this.form = response.data;
+        console.log(this.form)
+        this.dataSourceParamList = [];
+        this.form.connectionParam.split("&").forEach(param => {
+          let paramArr = param.split("=");
+          this.dataSourceParamList.push({
+            name: paramArr[0],
+            val: paramArr[1]
+          })
+        })
+        this.open = true;
+        this.title = "修改数据接入";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateSource(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addSource(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除【请填写功能名称】编号为"' + ids + '"的数据项？').then(function() {
+        return delSource(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('system/source/export', {
+        ...this.queryParams
+      }, `source_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>

From d1b4c668f704d9ae6b92e51bbac3503365af3246 Mon Sep 17 00:00:00 2001
From: Jiang Peng <2622360564@qq.com>
Date: Tue, 23 Apr 2024 16:23:06 +0800
Subject: [PATCH 4/5] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E8=B5=84=E4=BA=A7?=
 =?UTF-8?q?=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/etl/source.js          |  24 ++++++
 src/views/etl/assets/index.vue | 150 +++++++++++++++++++--------------
 src/views/etl/source/index.vue |  39 +++++++--
 3 files changed, 142 insertions(+), 71 deletions(-)

diff --git a/src/api/etl/source.js b/src/api/etl/source.js
index 29de5ab..94681ed 100644
--- a/src/api/etl/source.js
+++ b/src/api/etl/source.js
@@ -9,6 +9,22 @@ export function listSource(query) {
   })
 }
 
+export function dataAssetList(data) {
+  return request({
+    url: '/etl/source/DataAssetList',
+    method: 'post',
+    data
+  })
+}
+
+export function assetModelList(data) {
+  return request({
+    url: '/etl/source/AssetModelList',
+    method: 'post',
+    data
+  })
+}
+
 export function assetsList(data) {
   return request({
     url: '/etl/source/AssetsList',
@@ -17,6 +33,14 @@ export function assetsList(data) {
   })
 }
 
+export function synchronousData(data) {
+  return request({
+    url: '/etl/source/SynchronousData',
+    method: 'post',
+    data
+  })
+}
+
 export function structureList(data) {
   return request({
     url: '/etl/source/StructureList',
diff --git a/src/views/etl/assets/index.vue b/src/views/etl/assets/index.vue
index b7d9c99..455427c 100644
--- a/src/views/etl/assets/index.vue
+++ b/src/views/etl/assets/index.vue
@@ -1,76 +1,75 @@
 <template>
   <div>
     <el-container style="height: 80%; border: 1px solid #eee">
-      <el-aside width="300px" style="background-color: rgb(238, 241, 246)">
+      <el-aside width="400px" style="background-color: rgb(238, 241, 246)">
         <el-menu :default-openeds="['1', '3']">
-          <el-submenu :index="source.id" v-for="source in sourceList">
-            <template slot="title"><i class="el-icon-message"></i>{{source.dataSourceName}}</template>
-            <el-menu-item-group>
-              <template v-if="source.tableList==null" slot="title">连接失败或数据库中没有表</template>
-              <el-menu-item v-for="(tableName,index) in source.tableList" :index="source.id-index" @click="selectAssets(source,tableName)">{{tableName}}</el-menu-item>
-            </el-menu-item-group>
-          </el-submenu>
+          <el-tree :data="sourceList" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
         </el-menu>
       </el-aside>
 
       <el-container>
 
-        <el-main>
-          <el-card style="height: 280px">
-            <div slot="header" class="clearfix">
-              <span>查询语句</span>
-            </div>
-            <el-input type="textarea" v-model="source.sql" style="width: 1080px;" :rows="6"></el-input>
-            <el-button style="float: right;margin-top: 20px" @click="dialogTableVisible = true">数据结构</el-button>
-            <el-button style="float: right;margin-top: 20px" @click="sql()">查询</el-button>
+        <el-main style="height: 100%">
+          <el-tabs v-model="activeName">
+            <el-tab-pane label="资产结构" name="structure">
+              <OverallAssets v-if="showAssets == null" :assets-compute="assetsCompute"/>
+              <overall-specific-assets v-if="showAssets === 'dataSource'" :title="title"/>
+              <overall-asset-structure v-if="showAssets === 'dataTable'" :title="title"/>
+            </el-tab-pane>
+            <el-tab-pane label="资产数据" name="data">
+              <el-card style="height: 280px">
+                <div slot="header" class="clearfix">
+                  <span>查询语句</span>
+                </div>
+                <el-input type="textarea" v-model="source.sql" style="width: 1080px;" :rows="6"></el-input>
+                <el-button style="float: right;margin-top: 20px" @click="sql()">查询</el-button>
 
-          </el-card>
-          <br>
-          <el-card>
-            <div slot="header" class="clearfix">
-              <span>数据资产</span>
-            </div>
-            <el-table :data="structureList">
-              <el-table-column v-for="(assets,index) in assetsList" :label="index+' ('+assets+')'" width="140">
-                <template slot-scope="scope">
-                  {{scope.row[index].value}}
-                </template>
-              </el-table-column>
-            </el-table>
-          </el-card>
+              </el-card>
+              <br>
+              <el-card>
+                <div slot="header" class="clearfix">
+                  <span>数据资产</span>
+                </div>
+                <el-table :data="structureList" v-if="structureList!=null">
+                  <el-table-column v-for="(assets,index) in assetsList" :label="index+' ('+assets+')'" width="140">
+                    <template slot-scope="scope">
+                      {{scope.row[index].value}}
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </el-card>
+
+            </el-tab-pane>
+          </el-tabs>
 
         </el-main>
       </el-container>
     </el-container>
-
-    <el-dialog title="数据结构" :visible.sync="dialogTableVisible">
-      <el-table :data="tableAssets">
-        <el-table-column property="field" label="字段名" width="150"></el-table-column>
-        <el-table-column property="type" label="类型" width="150"></el-table-column>
-        <el-table-column property="null" label="是否为空" width="150"></el-table-column>
-        <el-table-column property="key" label="键" width="150"></el-table-column>
-        <el-table-column property="default" label="默认值" width="150"></el-table-column>
-      </el-table>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogTableVisible = false">取 消</el-button>
-        <el-button type="primary" @click="dialogTableVisible = false">确 定</el-button>
-      </div>
-    </el-dialog>
   </div>
 </template>
 
 <script>
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
 //例如：import 《组件名称》 from '《组件路径》,
-import {assetsList, listSource, structureList} from "@/api/etl/source";
+import {assetModelList, assetsList, dataAssetList, listSource, structureList} from "@/api/etl/source";
+import OverallAssets from "@/views/etl/assets/dashboard/OverallAssets.vue";
+import OverallSpecificAssets from "@/views/etl/assets/dashboard/OverallSpecificAssets.vue";
+import OverallAssetStructure from "@/views/etl/assets/dashboard/OverallAssetStructure.vue";
 
 export default {
   //import引入的组件需要注入到对象中才能使用"
-  components: {},
+  components: {OverallAssetStructure, OverallSpecificAssets, OverallAssets},
   props: {},
   data() {
     return {
-      dialogTableVisible: false,
+      assetsCompute:{
+        assetsModuleSum: 0,
+        dataModuleSum: 0,
+        dataSourceSum: 0
+      },
+      showAssets: null,
+      title: {},
+      activeName: 'structure',
       queryParams: {
         pageNum: 1,
         pageSize: 10,
@@ -84,6 +83,11 @@ export default {
       assetsList:[],
       structureList:[],
       tableAssets:[],
+      defaultProps: {
+        children: 'tableList',
+        label: 'label'
+      },
+      sourceData:{},
       source: {
         sql: ''
       }
@@ -95,31 +99,53 @@ export default {
   watch: {},
   //方法集合",
   methods: {
+    test(data){
+      this.sourceData = data
+    },
+    handleNodeClick(data) {
+      if (data.dataType === 'dataSource'){
+        dataAssetList(data).then(res => {
+          res.data.forEach(table => {
+            table.dataType = "dataTable"
+            table.label=table.tableName+"-"+table.tableComment+"("+table.tableCount+"条)"
+          })
+          data.tableList = res.data
+          this.sourceList[this.sourceList.indexOf(data)].tableList = res.data
+          this.title = data
+        })
+
+      }else{
+        this.title= data
+      }
+      this.showAssets = data.dataType
+    },
     sql(){
       structureList(this.source).then(res => {
         this.structureList = res.data.kvtList
       })
     },
-    selectAssets(source,tableName) {
-      this.structureList = []
-      this.assetsList = []
-      this.source.sql=''
-      source.tableName = tableName
-      this.source = source
-      assetsList(source).then(res => {
-        console.log(res)
-        this.assetsList = res.data.structure
-        this.tableAssets = res.data.tableAssets
-      })
-    },
     getList() {
-      this.loading = true;
+      this.assetsCompute={
+        assetsModuleSum: 0,
+        dataModuleSum: 0,
+        dataSourceSum: 0
+      }
       listSource(this.queryParams).then(response => {
         this.sourceList = response.data.rows;
-        this.total = response.data.total;
         console.log(this.sourceList)
+        this.sourceList.forEach(source => {
+          source.label=source.dataSourceName+'('+source.databaseName+'-'+source.systemName+')'
+          source.dataType = 'dataSource'
+          if (source.tableList!=null){
+            source.tableList.forEach(table => {
+              table.label = table.tableName+'-'+table.tableComment+'('+table.tableCount+'条)'
+              table.dataType = 'dataTable'
+            })
+          }
+        })
+        this.total = response.data.total;
       });
-    },
+    }
   },
   //生命周期 - 创建完成（可以访问当前this实例）",
   created() {
diff --git a/src/views/etl/source/index.vue b/src/views/etl/source/index.vue
index 9475001..c18ac98 100644
--- a/src/views/etl/source/index.vue
+++ b/src/views/etl/source/index.vue
@@ -86,13 +86,20 @@
             type="text"
             icon="el-icon-edit"
             @click="testConnection(scope.row)"
-          >测试连接</el-button><el-button
-          size="mini"
-          type="text"
-          icon="el-icon-edit"
-          @click="handleUpdate(scope.row)"
-          v-hasPermi="['system:source:edit']"
-        >修改</el-button>
+          >测试连接</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="synchronousData(scope.row)"
+          >同步资产</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['system:source:edit']"
+          >修改</el-button>
           <el-button
             size="mini"
             type="text"
@@ -256,8 +263,7 @@
 </template>
 
 <script>
-import {listSource, getSource, delSource, addSource, updateSource, testConnection} from "@/api/etl/source";
-import item from '@/layout/components/Sidebar/Item.vue'
+import { listSource, getSource, delSource, addSource, updateSource, testConnection, synchronousData } from "@/api/etl/source";
 
 export default {
   name: "Source",
@@ -338,6 +344,21 @@ export default {
     this.getList();
   },
   methods: {
+    synchronousData(data) {
+      synchronousData(data).then(res => {
+        if (res.code === 200) {
+          this.$message({
+            message: "同步成功",
+            type: "success"
+          });
+        } else {
+          this.$message({
+            message: "同步失败",
+            type: "error"
+          });
+        }
+      })
+    },
     // 添加参数
     addParam(){
       this.dataSourceParamList.push({

From 72bbd1fa4fbba1364389b2e177f5204b57ea089a Mon Sep 17 00:00:00 2001
From: Jiang Peng <2622360564@qq.com>
Date: Wed, 24 Apr 2024 15:31:07 +0800
Subject: [PATCH 5/5] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=90=8C=E6=AD=A5(?=
 =?UTF-8?q?=E5=88=9D)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dashboard/OverallAssetStructure.vue       | 174 +++++++++++++++
 .../etl/assets/dashboard/OverallAssets.vue    | 185 ++++++++++++++++
 .../dashboard/OverallSpecificAssets.vue       | 203 ++++++++++++++++++
 3 files changed, 562 insertions(+)
 create mode 100644 src/views/etl/assets/dashboard/OverallAssetStructure.vue
 create mode 100644 src/views/etl/assets/dashboard/OverallAssets.vue
 create mode 100644 src/views/etl/assets/dashboard/OverallSpecificAssets.vue

diff --git a/src/views/etl/assets/dashboard/OverallAssetStructure.vue b/src/views/etl/assets/dashboard/OverallAssetStructure.vue
new file mode 100644
index 0000000..e61ee95
--- /dev/null
+++ b/src/views/etl/assets/dashboard/OverallAssetStructure.vue
@@ -0,0 +1,174 @@
+<template>
+  <div>
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span>资产模型基本信息</span>
+      </div>
+      <el-descriptions border :column="2">
+        <el-descriptions-item label="表名称">{{title.tableName}}</el-descriptions-item>
+        <el-descriptions-item label="表备注">{{title.tableComment}}</el-descriptions-item>
+        <el-descriptions-item label="数据量">{{title.tableCount}}</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>
+import {assetModelList} from "@/api/etl/source";
+
+export default {
+  name: 'OverallAssetStructure',
+  watch:{
+    'title': {
+      handler(val) {
+        console.log(val)
+        assetModelList(val).then(res => {
+          this.tableData = res.data
+        })
+      },
+      immediate: true
+    }
+  },
+  props: {
+    title: {
+    }
+  },
+  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/etl/assets/dashboard/OverallAssets.vue b/src/views/etl/assets/dashboard/OverallAssets.vue
new file mode 100644
index 0000000..94acea2
--- /dev/null
+++ b/src/views/etl/assets/dashboard/OverallAssets.vue
@@ -0,0 +1,185 @@
+<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="assetsCompute.dataSourceSum" :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="assetsCompute.assetsModuleSum" :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="assetsCompute.dataModuleSum" :start-val="0" class="card-panel-num"/>
+        </div>
+      </div>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+import CountTo from 'vue-count-to'
+
+export default {
+  props: {
+    assetsCompute: {
+      assetsModuleSum: 0,
+      dataModuleSum: 0,
+      dataSourceSum: 0
+    }
+  },
+  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/etl/assets/dashboard/OverallSpecificAssets.vue b/src/views/etl/assets/dashboard/OverallSpecificAssets.vue
new file mode 100644
index 0000000..dd0401f
--- /dev/null
+++ b/src/views/etl/assets/dashboard/OverallSpecificAssets.vue
@@ -0,0 +1,203 @@
+<template>
+  <el-row :gutter="40" class="panel-group">
+    <div class="title-header">
+      {{title.dataSourceName+'('+title.databaseName+'-'+title.systemName+')'}} - 资产结构概述
+    </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="assetModel" :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="dataModel" :start-val="0" class="card-panel-num"/>
+        </div>
+      </div>
+    </el-col>
+    <el-col :span="24">
+      <el-tabs v-model="activeName" type="border-card">
+        <el-tab-pane v-for="tableAsset in title.tableList" :label="tableAsset.tableName+'('+tableAsset.tableComment+')'" :name="tableAsset.tableName">
+          <overall-asset-structure v-if="activeName == tableAsset.tableName" :title="tableAsset"/>
+        </el-tab-pane>
+      </el-tabs>
+    </el-col>
+  </el-row>
+
+</template>
+
+<script>
+import CountTo from 'vue-count-to'
+import OverallAssetStructure from './OverallAssetStructure.vue'
+
+export default {
+  watch:{
+    'title':{
+      handler(val){
+        console.log(val)
+        this.activeName = val.tableList[0].tableName
+        this.assetModel = 0
+        this.dataModel = 0
+        val.tableList.forEach(table => {
+          if (table.tableCount!=null){
+            this.dataModel = parseInt(this.dataModel) + parseInt(table.tableCount);
+          }
+          if (table.fields!=null){
+            this.assetModel = parseInt(this.assetModel) + parseInt(table.fields);
+          }
+        })
+      }
+    }
+  },
+  props: {
+    title:{}
+  },
+  data() {
+    return {
+      activeName: '',
+      assetModel: 0,
+      dataModel: 0
+    }
+  },
+  components: {
+    OverallAssetStructure,
+    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>