完善前台

package.json

@@ -41,7 +41,7 @@
     "clipboard": "2.0.8",
     "core-js": "3.25.3",
     "echarts": "5.4.0",
-    "element-ui": "2.9.1",
+    "element-ui": "^2.15.14",
     "file-saver": "2.0.5",
     "fuse.js": "6.4.3",
     "highlight.js": "9.18.5",

src/api/etl/switch.js

@@ -91,6 +91,15 @@ export function findTableInfoList(){
   })
 }
 
+
+export function findTableInfoListAccredit(){
+  return request({
+    url: "/source/tableInfo/findTableInfoListAccredit",
+    method: "get",
+  })
+}
+
+
 export function findStructureByTableId(id){
   return request({
     url: "/source/tableInfo/findStruceure/"+id,
@@ -99,3 +108,51 @@ export function findStructureByTableId(id){
 }
 
 
+
+export function findTableValueList(basicId,tableName){
+  return request({
+    url: "/source/DataValue/findTableValueList?basicId="+basicId+"&tableName="+tableName,
+    method: "post",
+  })
+}
+
+
+export function findAccredit(id){
+  return request({
+    url: "/source/accredit/findAccredit?tableId="+id,
+    method: "get",
+  })
+}
+
+
+export function findDeptListStatus(tableId,basicId){
+  return request({
+    url: "/source/accredit/findDeptListStatus?tableId="+tableId+"&basicId="+basicId,
+    method: "get",
+  })
+}
+
+export function findUserListStatus(tableId,basicId){
+  return request({
+    url: "/source/accredit/findUserListStatus?tableId="+tableId+"&basicId="+basicId,
+    method: "get",
+  })
+}
+export function addMiddle(data){
+  return request({
+    url: "/source/accredit/addMiddle",
+    method: "post",
+    data :data
+  })
+}
+
+export function remove(data){
+  return request({
+    url: "/source/accredit/remove",
+    method: "post",
+    data :data
+  })
+}
+
+
+

src/views/etl/accredit/index.vue

@@ -0,0 +1,168 @@
+<template>
+  <div>
+    <el-container>
+      <el-aside width="30%">
+        <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
+      </el-aside>
+
+
+
+
+      <el-main>
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span>资产详情</span>
+          </div>
+
+          <table>
+            <tr><td>表名称:</td><td>{{ tableBasic.tableName }}</td></tr>
+            <tr><td>表备注:</td><td>{{ tableBasic.tableRemark }}</td></tr>
+            <tr><td>数据量:</td><td>{{ tableBasic.dataNum }}</td></tr>
+            <tr><td>是否核心:</td><td><dict-tag :options="dict.type.yes_no" :value="tableBasic.isCenter"/></td></tr>
+          </table>
+
+
+
+
+
+
+
+
+<!--          <el-descriptions class="margin-top" title="带边框列表" :column="2"  border>-->
+<!--            <el-descriptions-item>-->
+<!--              <template slot="label">表名称</template>-->
+<!--              {{ tableBasic.tableName }}-->
+<!--            </el-descriptions-item>-->
+<!--            <el-descriptions-item>-->
+<!--              <template slot="label">表备注</template>-->
+<!--              {{ tableBasic.tableRemark }}-->
+<!--            </el-descriptions-item>-->
+<!--            <el-descriptions-item>-->
+<!--              <template slot="label">数据量</template>-->
+<!--              {{ tableBasic.dataNum }}-->
+<!--            </el-descriptions-item>-->
+<!--            <el-descriptions-item>-->
+<!--              <template slot="label">是否核心</template>-->
+<!--              <dict-tag :options="dict.type.yes_no" :value="tableBasic.isCenter"/>-->
+<!--            </el-descriptions-item>-->
+
+<!--          </el-descriptions>-->
+
+        </el-card>
+
+
+        <el-card>
+          <el-table
+            :data="DataValue"
+            style="width: 100%">
+            <el-table-column
+              prop="key"
+              label="key"
+              width="180">
+            </el-table-column>
+            <el-table-column
+              prop="label"
+              label="label"
+              width="180">
+            </el-table-column>
+            <el-table-column
+              prop="type"
+              label="type">
+            </el-table-column>
+            <el-table-column
+              prop="value"
+              label="value">
+            </el-table-column>
+          </el-table>
+<!--          <div v-for="data in DataValue">-->
+<!--            {{data.key}}-->
+<!--            <el-descriptions title="数据" direction="vertical" :column="4" border>-->
+<!--              <el-descriptions-item label="用户名">{{data.type}}</el-descriptions-item>-->
+<!--              <el-descriptions-item label="手机号">{{data.value}}</el-descriptions-item>-->
+<!--            </el-descriptions>-->
+<!--          </div>-->
+        </el-card>
+
+      </el-main>
+      </el-container>
+
+
+
+
+  </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+import {findTableValueList} from "@/api/etl/switch";
+import {findTableInfoListAccredit} from "@/api/etl/switch";
+import {findStructureByTableId} from "@/api/etl/switch";
+export default {
+  dicts: ['yes_no'],
+  //import引入的组件需要注入到对象中才能使用"
+  components: {},
+  props: {},
+  data() {
+    //这里存放数据"
+
+    return {
+      DataValue:[],
+
+      data:{
+
+      },
+      defaultProps:{
+        children:"children",
+        label:'tableName'
+      },
+      tableBasic:{
+
+      },
+    };
+  },
+  //计算属性 类似于data概念",
+  computed: {},
+  //监控data中的数据变化",
+  watch: {},
+  //方法集合",
+  methods: {
+    findTAbleInfoList(){
+      findTableInfoListAccredit().then(res=>{
+        this.data=res.data;
+      })
+    },
+    handleNodeClick(data) {
+      this.tableBasic=data
+      if (data.children==null){
+        findTableValueList(data.basicId,data.tableName).then(res=>{
+          this.DataValue=res.data;
+        })
+      }
+      console.log(data);
+    },
+  },
+  //生命周期 - 创建完成（可以访问当前this实例）",
+  created() {
+    this.findTAbleInfoList();
+  },
+  //生命周期 - 挂载完成（可以访问DOM元素）",
+  mounted() {
+  },
+  beforeCreate() {
+  }, //生命周期 - 创建之前",
+  beforeMount() {
+  }, //生命周期 - 挂载之前",
+  beforeUpdate() {
+  }, //生命周期 - 更新之前",
+  updated() {
+  }, //生命周期 - 更新之后",
+  beforeDestroy() {
+  }, //生命周期 - 销毁之前",
+  destroyed() {
+  }, //生命周期 - 销毁完成",
+  activated() {
+  } //如果页面有keep-alive缓存功能，这个函数会触发",
+};
+</script>
+

src/views/etl/assets/index.vue

@@ -11,29 +11,37 @@
 
         <el-main>
           <el-card class="box-card">
+
             <div slot="header" class="clearfix">
               <span>资产模型基本信息</span>
             </div>
-            <el-descriptions class="margin-top" title="带边框列表" :column="2"  border>
-              <el-descriptions-item>
-                <template slot="label">表名称</template>
-                {{ tableBasic.tableName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">表备注</template>
-                {{ tableBasic.tableRemark }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">数据量</template>
-                {{ tableBasic.dataNum }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">是否核心</template>
-                <dict-tag :options="dict.type.yes_no" :value="tableBasic.isCenter"/>
-              </el-descriptions-item>
 
+            <table>
+              <tr><td>表名称:</td><td>{{ tableBasic.tableName }}</td></tr>
+              <tr><td>表备注:</td><td>{{ tableBasic.tableRemark }}</td></tr>
+              <tr><td>数据量:</td><td>{{ tableBasic.dataNum }}</td></tr>
+              <tr><td>是否核心:</td><td><dict-tag :options="dict.type.yes_no" :value="tableBasic.isCenter"/></td></tr>
+            </table>
 
-            </el-descriptions>
+<!--            <el-descriptions class="margin-top" title="带边框列表" :column="2"  border>-->
+<!--              <el-descriptions-item>-->
+<!--                <template slot="label">表名称</template>-->
+<!--                {{ tableBasic.tableName }}-->
+<!--              </el-descriptions-item>-->
+<!--              <el-descriptions-item>-->
+<!--                <template slot="label">表备注</template>-->
+<!--                {{ tableBasic.tableRemark }}-->
+<!--              </el-descriptions-item>-->
+<!--              <el-descriptions-item>-->
+<!--                <template slot="label">数据量</template>-->
+<!--                {{ tableBasic.dataNum }}-->
+<!--              </el-descriptions-item>-->
+<!--              <el-descriptions-item>-->
+<!--                <template slot="label">是否核心</template>-->
+<!--                <dict-tag :options="dict.type.yes_no" :value="tableBasic.isCenter"/>-->
+<!--              </el-descriptions-item>-->
+
+<!--            </el-descriptions>-->
 
           </el-card>
 
@@ -146,6 +154,4 @@ export default {
   } //如果页面有keep-alive缓存功能，这个函数会触发",
 };
 </script>
-<style scoped>
 
-</style>

src/views/etl/limits/index.vue

@@ -0,0 +1,306 @@
+<template>
+  <div>
+    <el-container>
+      <el-aside width="30%">
+        <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
+      </el-aside>
+
+<!--      {-->
+<!--      "dataResourceName": "黑鬼",-->
+<!--      "dataBaseName": "text",-->
+<!--      "tableNameB": "engine_version",-->
+<!--      "dataNum": 4,-->
+<!--      "tableRemark": "",-->
+<!--      "dataSourceSystemName": null-->
+<!--      }-->
+
+      <el-main>
+
+        <el-card class="box-card">
+
+          <el-descriptions title="基本信息">
+            <el-descriptions-item label="数据接入名称">{{tableBasic.dataResourceName}}</el-descriptions-item>
+            <el-descriptions-item label="系统名称">{{tableBasic.dataSourceSystemName}}</el-descriptions-item>
+            <el-descriptions-item label="数据库名称">{{tableBasic.dataBaseName}}</el-descriptions-item>
+            <el-descriptions-item label="表名称">{{tableBasic.tableNameB}}</el-descriptions-item>
+            <el-descriptions-item label="表中文名称">{{tableBasic.tableRemark}}</el-descriptions-item>
+            <el-descriptions-item label="数据量">{{tableBasic.dataNum}}</el-descriptions-item>
+          </el-descriptions>
+
+        </el-card>
+
+        <el-card>
+
+
+          <el-tabs v-model="activeName" @tab-click="handleClick">
+            <el-tab-pane label="部门授权" name="first">
+
+              <el-table
+                v-if="refreshTable"
+                v-loading="loading"
+                :data="deptList"
+                :default-expand-all="isExpandAll"
+                :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
+                row-key="deptId"
+              >
+                <el-table-column label="部门名称" prop="deptName" width="260"></el-table-column>
+                <el-table-column label="部门负责人" prop="leader" width="200"></el-table-column>
+                <el-table-column label="邮箱" prop="email" width="200"></el-table-column>
+                <el-table-column align="center" label="创建时间" prop="createTime" width="200">
+                  <template slot-scope="scope">
+                    <span>{{ parseTime(scope.row.createTime) }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column label="状态" prop="status" width="200"></el-table-column>
+
+                <el-table-column label="状态" width="200">
+                  <template slot-scope="scope">
+                    <el-switch
+                      v-model="scope.row.status"
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                      :active-value='0'
+                      :inactive-value='1'
+                      active-text="已授权"
+                      inactive-text="未授权"
+                      @change="updateDeptStatus(scope.row)"
+                    >
+                    </el-switch>
+                  </template>
+                </el-table-column>-->
+
+
+              </el-table>
+
+
+            </el-tab-pane>
+
+
+            <el-tab-pane label="用户授权" name="second">
+
+              <el-table
+                :data="userList"
+              >
+                <el-table-column label="用户名称" prop="userName" width="260"></el-table-column>
+                <el-table-column label="用户昵称" prop="nickName" width="200"></el-table-column>
+                <el-table-column label="用户部门" prop="deptName" width="200"></el-table-column>
+                <el-table-column label="用户邮箱" prop="email" width="200"></el-table-column>
+                <el-table-column label="用户手机号" prop="phoneNumber" width="200"></el-table-column>
+                <el-table-column align="center" label="创建时间" prop="createTime" width="200">
+                  <template slot-scope="scope">
+                    <span>{{ parseTime(scope.row.createTime) }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column label="状态" width="200">
+                  <template slot-scope="scope">
+                    <el-switch
+                      v-model="scope.row.status"
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                      :active-value='0'
+                      :inactive-value='1'
+                      @change="updateDeptStatus(scope.row)"
+                    >
+                    </el-switch>
+                  </template>
+                </el-table-column>-->
+
+
+              </el-table>
+
+
+            </el-tab-pane>
+
+
+
+
+
+
+            <!--            <el-tab-pane label="用户授权" name="second">-->
+<!--                <el-table-->
+<!--                  v-if="refreshTable"-->
+<!--                  v-loading="loading"-->
+<!--                  :data="deptList"-->
+<!--                  :default-expand-all="isExpandAll"-->
+<!--                  :tree-props="{children: 'children', hasChildren: 'hasChildren'}"-->
+<!--                  row-key="deptId"-->
+<!--                >-->
+<!--                  <el-table-column label="用户名称" prop="deptName" width="260"></el-table-column>-->
+<!--                  <el-table-column label="用户昵称" prop="orderNum" width="200"></el-table-column>-->
+<!--                  <el-table-column label="用户名称" prop="orderNum" width="200"></el-table-column>-->
+<!--                  <el-table-column label="用户部门" prop="orderNum" width="200"></el-table-column>-->
+<!--                  <el-table-column label="用户邮箱" prop="orderNum" width="200"></el-table-column>-->
+<!--                  <el-table-column label="用户手机号" prop="orderNum" width="200"></el-table-column>-->
+<!--                  <el-table-column label="创建时间" prop="orderNum" width="200"></el-table-column>-->
+<!--                  <template slot-scope="scope">-->
+<!--                    <el-switch-->
+<!--                      v-model="scope.row.status"-->
+<!--                      active-color="#13ce66"-->
+<!--                      inactive-color="#ff4949"-->
+<!--                      active-value="0"-->
+<!--                      inactive-value="1">-->
+<!--                    </el-switch>-->
+<!--                  </template>-->
+
+<!--                </el-table>-->
+<!--              </el-tab-pane>-->
+
+
+          </el-tabs>
+
+
+        </el-card>
+
+      </el-main>
+    </el-container>
+
+
+
+
+  </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+
+import {findDeptListStatus, findTableValueList, findUserListStatus} from "@/api/etl/switch";
+import {findTableInfoList} from "@/api/etl/switch";
+import {findAccredit} from "@/api/etl/switch";
+import {addMiddle} from "@/api/etl/switch";
+import {remove} from "@/api/etl/switch";
+import {shouldAdd} from "script-ext-html-webpack-plugin/lib/custom-attributes";
+
+
+// import {findStructureByTableId} from "@/api/etl/switch";
+export default {
+  dicts: ['yes_no'],
+  //import引入的组件需要注入到对象中才能使用"
+  components: {},
+  props: {},
+  data() {
+    //这里存放数据"
+    return {
+      accredit:{
+        deptId:'',
+        basicId:'',
+        tableId:'',
+        userId:'',
+      },
+
+      userList:[
+
+      ],
+      activeName: 'first',
+      // 重新渲染表格状态
+      refreshTable: true,
+      // 是否展开，默认全部展开
+      isExpandAll: true,
+      // 遮罩层
+      loading: true,
+      //表单树数据
+      deptList:[
+
+      ],
+      DataValue:[],
+
+      data:{
+
+      },
+      defaultProps:{
+        children:"children",
+        label:'tableName'
+      },
+      tableBasic:{
+
+      },
+    };
+  },
+  //计算属性 类似于data概念",
+  computed: {},
+  //监控data中的数据变化",
+  watch: {},
+  //方法集合",
+  methods: {
+    updateDeptStatus(row){
+
+        this.accredit.deptId=row.deptId
+        this.accredit.userId=row.userId
+
+        if (row.status===0){
+          addMiddle(this.accredit).then(res=>{
+            if (res.code===200){
+              alert("授权成功")
+            }
+          })
+        }
+
+        if (row.status===1){
+          remove(this.accredit).then(res=>{
+            if (res.code===200){
+              alert("取消授权成功")
+            }
+          })
+        }
+
+      console.log(row);
+    },
+    toggleExpandAll() {
+      this.refreshTable = false;
+      this.isExpandAll = !this.isExpandAll;
+      this.$nextTick(() => {
+        this.refreshTable = true;
+      });
+    },
+    handleClick(tab, event) {
+      console.log(tab, event);
+    },
+    findTAbleInfoList(){
+      findTableInfoList().then(res=>{
+        this.data=res.data;
+      })
+    },
+    handleNodeClick(data) {
+      this.accredit.tableId = data.id;
+      this.accredit.basicId = data.basicId;
+      this.loading = true;
+      // if (data.children==null){
+      findDeptListStatus(data.id, data.basicId).then(res => {
+        this.deptList = this.handleTree(res.data, "deptId");
+        this.loading = false;
+      })
+      findUserListStatus(data.id, data.basicId).then(res => {
+        this.userList = res.data;
+      })
+      findAccredit(data.id).then(res => {
+        this.tableBasic = res;
+      })
+    // }
+
+      console.log(data);
+    },
+  },
+  //生命周期 - 创建完成（可以访问当前this实例）",
+  created() {
+    this.findTAbleInfoList();
+  },
+  //生命周期 - 挂载完成（可以访问DOM元素）",
+  mounted() {
+  },
+  beforeCreate() {
+  }, //生命周期 - 创建之前",
+  beforeMount() {
+  }, //生命周期 - 挂载之前",
+  beforeUpdate() {
+  }, //生命周期 - 更新之前",
+  updated() {
+  }, //生命周期 - 更新之后",
+  beforeDestroy() {
+  }, //生命周期 - 销毁之前",
+  destroyed() {
+  }, //生命周期 - 销毁完成",
+  activated() {
+  } //如果页面有keep-alive缓存功能，这个函数会触发",
+};
+</script>
+

src/views/etl/switch/index.vue

@@ -1,114 +1,197 @@
 <template>
-  <div>
+  <div class="app-container">
-
+    <el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="68px" size="small">
-    <el-form  label-width="80px" :model="SourceReq" ref="queryForm"  :inline="true" class="demo-form-inline" size="small">
+      <el-form-item label="数据来源名称" prop="name">
-      <el-form-item label="数据源名称">
+        <el-input
-        <el-input v-model="SourceReq.dataResourceName"></el-input>
+          v-model="queryParams.dataSourcesSystemName"
+          clearable
+          placeholder="请输入数据来源名称"
+          @keyup.enter.native="handleQuery"
+        />
       </el-form-item>
-      <el-form-item label="数据来源系统名称">
+      <el-form-item label="存放数据库名称" prop="databaseName">
-        <el-input v-model="SourceReq.dataSourcesSystemName"></el-input>
+        <el-input
+          v-model="queryParams.databaseName"
+          clearable
+          placeholder="请输入存放数据库名称"
+          @keyup.enter.native="handleQuery"
+        />
       </el-form-item>
-      <el-form-item label="数据库名称">
+      <el-form-item>
-        <el-input v-model="SourceReq.databaseName"></el-input>
+        <el-button icon="el-icon-search" size="mini" type="primary" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
-      <el-button @click="findSelectSourceList()">
-        查询
-      </el-button>
     </el-form>
 
-    <el-button
+    <el-row :gutter="10" class="mb8">
-      v-hasPermi="['tool:gen:import']"
+      <el-col :span="1.5">
-      icon="el-icon-download"
+        <el-button
-      plain
+          v-hasPermi="['system:post:add']"
-      size="mini"
+          icon="el-icon-plus"
-      type="warning"
+          plain
-      @click="findSelectSourceExport"
+          size="mini"
-    >导出
+          type="primary"
-    </el-button>
+          @click="handleAdd"
+        >新增
+        </el-button>
+      </el-col>
+      <!--      <el-col :span="1.5">-->
+      <!--        <el-button-->
+      <!--          v-hasPermi="['system:post:remove']"-->
+      <!--          :disabled="multiple"-->
+      <!--          icon="el-icon-delete"-->
+      <!--          plain-->
+      <!--          size="mini"-->
+      <!--          type="danger"-->
+      <!--          @click="handleDelete"-->
+      <!--        >删除-->
+      <!--        </el-button>-->
+      <!--      </el-col>-->
+      <el-col :span="1.5">
+        <el-button
+          v-hasPermi="['system:post:export']"
+          icon="el-icon-download"
+          plain
+          size="mini"
+          type="warning"
+          @click="handleExport"
+        >导出
+        </el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
 
+    <el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
+      <el-table-column align="center" type="selection" width="55"/>
+      <el-table-column align="name" label="数据来源名称" prop="dataSourcesSystemName"/>
+      <el-table-column align="ip" label="数据来源地址" prop="host"/>
+      <el-table-column align="port" label="来源地址端口号" prop="port"/>
+      <el-table-column align="type" label="数据接入类型" prop="databaseType"/>
+      <el-table-column align="databaseName" label="存放数据库名称" prop="databaseName"/>
+      <el-table-column align="center" label="是否初始化" prop="status">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.yes_no" :value="scope.row.status"/>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" class-name="small-padding fixed-width" label="操作">
+        <template slot-scope="scope">
+          <el-button
+            v-hasPermi="['system:post:remove']"
+            icon="el-icon-delete"
+            size="mini"
+            type="text"
+            @click="handleDelete(scope.row)"
+          >删除
+          </el-button>
 
-    <el-button
+          <el-button
-      icon="el-icon-delete"
+            icon="el-icon-caret-right"
-      plain
+            size="mini"
-      size="mini"
+            type="text"
-      type="danger"
+            @click="connectDataSources(scope.row)"
-      @click="insertAdd()"
+          >测试
-    >新增
+          </el-button>
-    </el-button>
 
-    <el-button
+          <el-button
-      icon="el-icon-delete"
+            v-hasPermi="['system:post:remove']"
-      plain
+            icon="el-icon-edit"
-      size="mini"
+            size="mini"
-      type="danger"
+            type="text"
-      @click="deleteSourceByIds()"
+            @click="handleUpdate(scope.row)"
-    >删除
+          >修改
-    </el-button>
+          </el-button>
 
+          <el-button
+            v-hasPermi="['system:post:remove']"
+            icon="el-icon-paperclip"
+            size="mini"
+            type="text"
+            @click="syncAssetStructure(scope.row)"
+          >同步资产结构
+          </el-button>
 
-    <el-dialog title="title" :visible.sync="dialogFormVisible" append-to-body width="60%">
+        </template>
+      </el-table-column>
+    </el-table>
 
-      <el-form  ref="sourceAddReq" :model="sourceAddReq" :rules="rules" label-width="140px" :inline="true" class="demo-form-inline">
+    <pagination
-        <el-form-item label="接入源名称">
+      v-show="total>0"
-          <el-input v-model="sourceAddReq.dataResourceName"></el-input>
+      :limit.sync="queryParams.pageSize"
-        </el-form-item>
+      :page.sync="queryParams.pageNum"
-        <el-form-item label="数据来源系统名称">
+      :total="total"
-          <el-input v-model="sourceAddReq.dataSourcesSystemName"></el-input>
+      @pagination="getList"
-        </el-form-item>
+    />
-        <el-form-item label="主机地址">
-          <el-input v-model="sourceAddReq.host"></el-input>
-        </el-form-item>
-        <el-form-item label="主机端口">
-          <el-input v-model="sourceAddReq.port"></el-input>
-        </el-form-item>
-        <el-form-item label="数据接入类型">
-          <el-input v-model="sourceAddReq.databaseType"></el-input>
-        </el-form-item>
-        <el-form-item label="数据库名称">
-          <el-input v-model="sourceAddReq.databaseName"></el-input>
-        </el-form-item>
-        <el-form-item label="数据库用户">
-          <el-input v-model="sourceAddReq.username"></el-input>
-        </el-form-item>
-        <el-form-item label="数据库密码">
-          <el-input v-model="sourceAddReq.password"></el-input>
-        </el-form-item>
-        <el-form-item label="数据连接参数">
-          <el-input v-model="sourceAddReq.connectionParams"></el-input>
-        </el-form-item>
 
+    <!-- 添加或修改岗位对话框 -->
+    <el-dialog :title="title" :visible.sync="open" append-to-body width="60%">
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px" :inline="true" class="demo-form-inline">
+        <el-form-item label="接入来源系统名称" prop="dataSourcesSystemName">
+          <el-input v-model="form.dataSourcesSystemName" placeholder="请输入数据来源系统名称"/>
+        </el-form-item>
+        <el-form-item label="ip" prop="host">
+          <el-input v-model="form.host" placeholder="请输入ip"/>
+        </el-form-item>
+        <el-form-item label="port" prop="port">
+          <el-input v-model="form.port" placeholder="请输入port"/>
+        </el-form-item>
+        <el-form-item label="type" prop="databaseType">
+          <el-select v-model="form.databaseType" placeholder="请选择类型">
+            <el-option label="mysql" value="mysql"></el-option>
+            <el-option label="redis" value="redis"></el-option>
+            <el-option label="oracle" value="oracle"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="数据库名称" prop="databaseName">
+          <el-input v-model="form.databaseName" placeholder="请输入数据库名称"/>
+        </el-form-item>
+        <el-form-item label="userName" prop="username">
+          <el-input v-model="form.username" placeholder="请输入数据库用户"/>
+        </el-form-item>
+        <el-form-item label="userPwd" prop="password">
+          <el-input v-model="form.password" placeholder="请输入数据库密码"/>
+        </el-form-item>
       </el-form>
 
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>数据连接参数</span>
+        </div>
+        <el-form ref="form" :model="form" :rules="rules" label-width="80px" >
+          <el-form-item label="数据连接参数" prop="name">
+            <el-input v-model="form.connectionParams" placeholder="请输入数据连接参数"/>
+          </el-form-item>
+        </el-form>
+      </el-card>
+
       <el-card class="box-card">
         <div slot="header" class="clearfix">
           <span>连接池配置</span>
         </div>
-        <el-form  :model="sourceAddReq"    label-width="120px" :inline="true" class="demo-form-inline">
+        <el-form ref="form" :model="form" :rules="rules" label-width="80px" :inline="true" class="demo-form-inline">
-          <el-form-item label="初始连接数量：" prop="initCount">
+          <el-form-item label="初始连接数量" prop="initCount">
-            <el-input v-model="sourceAddReq.initLinkNum" placeholder="初始连接数量"/>
+            <el-input v-model="form.initLinkNum" placeholder="初始连接数量"/>
           </el-form-item>
-          <el-form-item label="最大连接数量：" prop="maxCount">
+          <el-form-item label="最大连接数量" prop="maxCount">
-            <el-input v-model="sourceAddReq.maxLinkNum" placeholder="最大连接数量"/>
+            <el-input v-model="form.maxLinkNum" placeholder="最大连接数量"/>
           </el-form-item>
-          <el-form-item label="最大等待时间：" prop="maxTime">
+          <el-form-item label="最大等待时间" prop="maxTime">
-            <el-input v-model="sourceAddReq.maxWaitTime" placeholder="最大等待时间"/>
+            <el-input v-model="form.maxWaitTime" placeholder="最大等待时间"/>
           </el-form-item>
-          <el-form-item label="最大等待次数：" prop="maxFrequency">
+          <el-form-item label="最大等待次数" prop="initCount">
-            <el-input v-model="sourceAddReq.maxWaitTimes" placeholder="最大等待次数"/>
+            <el-input v-model="form.maxWaitTimes" placeholder="最大等待次数"/>
           </el-form-item>
 
 
         </el-form>
       </el-card>
 
-
       <el-card class="box-card">
         <div slot="header" class="clearfix">
           <span>其他信息</span>
         </div>
-        <el-form  :model="sourceAddReq" label-width="140px" :inline="true" class="demo-form-inline">
+        <el-form ref="form" :model="form" :rules="rules" label-width="80px" :inline="true" class="demo-form-inline">
-          <el-form-item label="是否初始化：" prop="status">
+          <el-form-item label="是否初始化" prop="status">
-            <el-radio-group v-model="sourceAddReq.status">
+            <el-radio-group v-model="form.status">
               <el-radio
                 v-for="dict in dict.type.yes_no"
                 :key="dict.value"
@@ -117,303 +200,195 @@
               </el-radio>
             </el-radio-group>
           </el-form-item>
-          <el-form-item label="备注：">
+          <el-form-item label="备注">
-            <el-input type="textarea" v-model="sourceAddReq.remark"></el-input>
+            <el-input type="textarea" v-model="form.remark"></el-input>
           </el-form-item>
 
         </el-form>
       </el-card>
 
-
-
       <div slot="footer" class="dialog-footer">
-        <el-button @click="textP()">测试</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button @click="cancel">取 消</el-button>
-        <el-button type="primary" @click="addSource()">确 定</el-button>
       </div>
-
     </el-dialog>
-
-
-
-
-
-
-    <el-table
-      :data="source"
-      style="width: 100%"
-
-      @selection-change="handleSelectionChange">
-
-      <el-table-column
-        type="selection"
-        width="55">
-      </el-table-column>
-
-
-      <el-table-column
-        label="接入源名称"
-        prop="dataResourceName">
-      </el-table-column>
-
-      <el-table-column
-        label="数据来源系统名称"
-        prop="dataSourcesSystemName">
-      </el-table-column>
-
-      <el-table-column
-        label="主机地址"
-        prop="host">
-      </el-table-column>
-
-      <el-table-column
-        label="端口号"
-        prop="port">
-      </el-table-column>
-
-      <el-table-column
-        label="数据接入类型"
-        prop="databaseType">
-      </el-table-column>
-
-      <el-table-column
-        label="数据库名称"
-        prop="databaseName">
-      </el-table-column>
-
-      <el-table-column align="status" label="是否初始化" prop="status">
-        <template slot-scope="scope">
-          <dict-tag :options="dict.type.yes_no" :value="scope.row.status"/>
-        </template>
-      </el-table-column>
-
-<!--      <el-table-column-->
-<!--        label="是否初始化"-->
-<!--        prop="status">-->
-<!--        <template slot-scope="scope">-->
-<!--          <dict-tag :options="dict.type.yes_no" :value="scope.row.status"/>-->
-<!--        </template>-->
-<!--      </el-table-column>-->
-
-      <el-table-column
-        label="备注"
-        prop="remark">
-      </el-table-column>
-
-      <el-table-column
-        align="right">
-        <template slot-scope="scope">
-          <el-button
-            icon="el-icon-pear"
-            size="mini"
-            type="text"
-            @click="update(scope.row)">修改</el-button>
-
-          <el-button
-            icon="el-icon-delete"
-            size="mini"
-            type="text"
-            @click="handleDelete(scope.row)">删除</el-button>
-
-          <el-button
-            icon="el-icon-service"
-            size="mini"
-            type="text"
-            @click="struceure(scope.row)">同步资产结构</el-button>
-
-          <el-button
-            icon="el-icon-aim"
-            size="mini"
-            type="text"
-            @click="textConnect(scope.row)">测试连接</el-button>
-        </template>
-
-      </el-table-column>
-
-    </el-table>
-
-
-
-
-
-
-
   </div>
 </template>
 
 <script>
-//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+import {
-//例如：import 《组件名称》 from '《组件路径》,
+  selectSourceList,
-import {selectSourceList, update} from "@/api/etl/switch";
+  insertAdd,
-import {connectionTest} from "@/api/etl/switch";
+  connectDataSources,
-import {insertAdd} from "@/api/etl/switch";
+  deleteDataSourcesById,
-import {deleteSource} from "@/api/etl/switch";
+  syncAssetStructure, update, getInfo, connectionTest, structure, deleteSource
-import {getInfo} from "@/api/etl/switch";
+} from "@/api/etl/switch";
-import {structure} from "@/api/etl/switch";
-import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 
 export default {
-
+  name: "switch",
-
+  dicts: ['sys_normal_disable','yes_no'],
-
-
-  dicts: ['yes_no', 'sys_normal_disable'],
-  //import引入的组件需要注入到对象中才能使用"
-  components: {
-
-  },
-  props: {},
   data() {
-
-    //这里存放数据"
-
     return {
-      sourceAddReq:{
+      // 遮罩层
-
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 岗位表格数据
+      dataList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        name: undefined,
+        databaseName: undefined
       },
+      // 表单参数
+      form: {},
+      // 表单校验
       rules: {
-        dataResourceName: [{required: true, message: "接入源名称不能为空", trigger: "blur"}],
+        dataSourcesSystemName: [{required: true, message: "数据来源名称不能为空", trigger: "blur"}],
-        dataSourcesSystemName: [{required: true, message: "数据来源系统名称不能为空", trigger: "blur"}],
+        host: [{required: true, message: "数据来源ip不能为空", trigger: "blur"}],
-        host: [{required: true, message: "主机地址不能为空", trigger: "blur"}]
+        port: [{required: true, message: "来源地址端口号不能为空", trigger: "blur"}],
-      },
+        databaseType: [{required: true, message: "类型不能为空", trigger: "change"}],
-      ids:[],
+        initLinkNum: [{required: true, message: "初始连接数量不能为空", trigger: "blur"}],
-      dialogFormVisible:false,
+        maxLinkNum: [{required: true, message: "最大连接数量不能为空", trigger: "blur"}],
-      SourceReq:{
+        maxWaitTime: [{required: true, message: "最大等待时间不能为空", trigger: "blur"}],
-
+        maxWaitTimes: [{required: true, message: "最大等待次数不能为空", trigger: "blur"}],
-      },
+        status: [{required: true, message: "是否初始化不能为空", trigger: "change"}],
-
+      }
-      source:[],
     };
   },
-  //计算属性 类似于data概念",
-  computed: {},
-  //监控data中的数据变化",
-  watch: {},
-  //方法集合",
-  methods: {
-    reset() {
-      this.sourceAddReq = {
-      };
-      this.resetForm("sourceAddReq");
-    },
-    //修改
-    update(row){
-      this.reset();
-       getInfo(row.id).then(res=>{
-         this.sourceAddReq=res.data;
-         this.dialogFormVisible=true;
-         this.title="修改岗位"
-       })
-    },
-    struceure(row){
-      structure(row).then(res=>{
-          if (res.code ===200){
-            alert("同步资产成功,请查询数据库")
-          }
-      })
-    },
-    deleteSourceByIds(){
-      deleteSource(this.ids).then(res=>{
-        if(res.code===200){
-          alert("删除成功");
-        }
-      })
-    },
-
-    handleDelete(row){
-      deleteSource(row.id).then(res=>{
-        if (res.code===200){
-          location.reload();
-        }
-      })
-    },
-    textP(){
-      connectionTest(this.sourceAddReq).then(res=>{
-        if (res.code===200){
-          alert("测试连接成功")
-        }else{
-          alert("连接失败")
-        }
-      })
-    },
-    addSource: function (){
-      this.$refs["sourceAddReq"].validate(valid=> {
-        if (valid){
-          if (this.sourceAddReq.id!=undefined){
-            update(this.sourceAddReq).then(res=>{
-              if (res.code===200){
-                alert("修改成功")
-                location.reload();
-              }
-            })
-          }else {
-            insertAdd(this.sourceAddReq).then(res=>{
-              if(res.code===200){
-                alert("添加成功")
-                location.reload();
-              }
-            })
-          }
-      }
-      });
-
-    },
-    //测试连接
-    textConnect(row){
-      connectionTest(row).then(res=>{
-          if (res.code===200){
-            alert("测试连接成功");
-          }else {
-            alert("测试连接失败");
-          }
-      })
-    },
-
-    //新增
-    insertAdd(){
-      this.reset();
-      this.dialogFormVisible=true
-    },
-    findSelectSourceList(){
-      selectSourceList(this.SourceReq).then(res=>{
-          this.source=res.data.rows;
-      })
-    },
-    findSelectSourceExport(){
-      this.download('source/source/export', {
-        ...this.SourceReq
-      }, `source_${new Date().getTime()}.xlsx`)
-    },
-    handleSelectionChange(row){
-      this.ids=[];
-      for (let rowKey in row) {
-        this.ids.push(row[rowKey].id)
-      }
-    },
-  },
-  //生命周期 - 创建完成（可以访问当前this实例）",
   created() {
-    this.findSelectSourceList();
+    this.getList();
   },
-  //生命周期 - 挂载完成（可以访问DOM元素）",
+  methods: {
-  mounted() {
+    syncAssetStructure(row){
-  },
+      connectionTest(row).then((res)=>{
-  beforeCreate() {
+        console.log(res)
-  }, //生命周期 - 创建之前",
+        if (res.code===200){
-  beforeMount() {
+          this.$modal.msgSuccess("同步成功");
-  }, //生命周期 - 挂载之前",
+        }else {
-  beforeUpdate() {
+          this.$modal.msgError("同步失败");
-  }, //生命周期 - 更新之前",
+        }
-  updated() {
+      })
-  }, //生命周期 - 更新之后",
+    },
-  beforeDestroy() {
+
-  }, //生命周期 - 销毁之前",
+    /** 连接数据源 */
-  destroyed() {
+    connectDataSources(row){
-  }, //生命周期 - 销毁完成",
+      structure(row).then(res=>{
-  activated() {
+        if (res.code===200){
-  } //如果页面有keep-alive缓存功能，这个函数会触发",
+          this.$modal.msgSuccess("连接成功");
+        }else {
+          this.$modal.msgError("连接失败");
+        }
+      })
+    },
+
+    /** 查询列表 */
+    getList() {
+      this.loading = true;
+      selectSourceList(this.queryParams).then(response => {
+        this.dataList = response.data.rows;
+        this.total = response.data.total;
+        this.loading = false;
+        console.log(response)
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+
+      };
+      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.title = "添加岗位";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getInfo(id).then(response => {
+        this.form = response.data;
+
+        this.open = true;
+        this.title = "修改岗位";
+      });
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          alert(this.form.id)
+          if (this.form.id != undefined) {
+            update(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            insertAdd(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const id = row.id || this.ids;
+      this.$modal.confirm('是否确认删除该数据项？').then(function () {
+        return deleteSource(id);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {
+      });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('source/source/export', {
+        ...this.queryParams
+      }, `post_${new Date().getTime()}.xlsx`)
+    }
+  }
 };
 </script>
-<style scoped>
-
-</style>