feat()修改部分不足

package.json

@@ -53,6 +53,7 @@
     "screenfull": "5.0.2",
     "sortablejs": "1.10.2",
     "vue": "2.6.12",
+    "vue-codemirror": "^4.0.6",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
     "vue-meta": "2.4.0",

src/api/goods/admin.js

@@ -1,44 +0,0 @@
-import request from '@/utils/request'
-
-// 查询测试信息列表
-export function listAdmin(query) {
-  return request({
-    url: '/goods/admin/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询测试信息详细
-export function getAdmin(id) {
-  return request({
-    url: '/goods/admin/' + id,
-    method: 'get'
-  })
-}
-
-// 新增测试信息
-export function addAdmin(data) {
-  return request({
-    url: '/goods/admin',
-    method: 'post',
-    data: data
-  })
-}
-
-// 修改测试信息
-export function updateAdmin(data) {
-  return request({
-    url: '/goods/admin',
-    method: 'put',
-    data: data
-  })
-}
-
-// 删除测试信息
-export function delAdmin(id) {
-  return request({
-    url: '/goods/admin/' + id,
-    method: 'delete'
-  })
-}

src/api/goods/config.js

@@ -0,0 +1,74 @@
+import request from '@/utils/request'
+
+// 查询引擎列表
+export function listConfig(query) {
+  return request({
+    url: '/rule/config/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询引擎列表
+export function listConfigEs(ruleId) {
+  return request({
+    url: '/rule/config/listConfigEs/' + ruleId,
+    method: 'post'
+  })
+}
+
+// 查询引擎详细
+export function getConfig(id) {
+  return request({
+    url: '/rule/config/' + id,
+    method: 'get'
+  })
+}
+
+// 新增引擎
+export function addConfig(data) {
+  return request({
+    url: '/rule/config',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改引擎
+export function updateConfig(data) {
+  return request({
+    url: '/rule/config',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除引擎
+export function delConfig(id) {
+  return request({
+    url: '/rule/config/' + id,
+    method: 'delete'
+  })
+}
+// 测试
+export function textData(data) {
+  return request({
+    url: '/rule/config/testData',
+    method: 'post',
+    data
+  })
+}
+// 通过引擎作用域编号获取引擎配置作用域信息
+export function getScopeInfo(id) {
+  return request({
+    url: '/rule/config/getScopeInfo/' + id,
+    method: 'post'
+  })
+}
+
+export function queryConfigInfo(id) {
+  return request({
+    url: '/rule/config/queryConfigInfo/' + id,
+    method: 'post'
+  })
+}

src/api/goods/cope.js

@@ -0,0 +1,33 @@
+import request from '@/utils/request'
+
+// 查询规则引擎列表
+export function listCope(data) {
+  return request({
+    url: '/rule/cope/list',
+    method: 'post',
+    data
+  })
+}
+
+export function listCope2(data) {
+  return request({
+    url: '/rule/cope/list2',
+    method: 'post',
+    data
+  })
+}
+
+export function selType(name) {
+  return request({
+    url: '/rule/cope/selType/' + name,
+    method: 'post'
+  })
+}
+
+export function selObject(data) {
+  return request({
+    url: '/rule/cope/selObject',
+    method: 'post',
+    data
+  })
+}

src/api/goods/edition.js

@@ -0,0 +1,75 @@
+import request from '@/utils/request'
+
+// 查询规则引擎版本列表
+export function listEdition(data) {
+  return request({
+    url: '/rule/edition/list',
+    method: 'get',
+    data
+  })
+}
+// 获取相应的规则引擎版本
+export function selectListRuleId(ruleId) {
+  return request({
+    url: '/rule/edition/selectListRuleId/' + ruleId,
+    method: 'post'
+  })
+}
+
+// 查询规则引擎版本详细
+export function getEdition(id) {
+  return request({
+    url: '/rule/edition/' + id,
+    method: 'get'
+  })
+}
+
+// 新增规则引擎版本
+export function addEdition(data) {
+  return request({
+    url: '/rule/edition',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改规则引擎版本
+export function updateEdition(data) {
+  return request({
+    url: '/rule/edition',
+    method: 'put',
+    data: data
+  })
+}
+
+//  测试
+export function updRuleSsTest(id, ruleIsTest) {
+  return request({
+    url: '/rule/edition/updRuleSsTest?id=' + id + "&ruleIsTest=" + ruleIsTest,
+    method: 'post'
+  })
+}
+
+//  激活
+export function updRuleStatus(id, ruleStatus) {
+  return request({
+    url: '/rule/edition/updRuleStatus?id=' + id + "&ruleStatus=" + ruleStatus,
+    method: 'post'
+  })
+}
+
+// 发布版本
+export function updEditionStatus(id) {
+  return request({
+    url: '/rule/edition/updEditionStatus?id=' + id,
+    method: 'put'
+  })
+}
+
+// 删除规则引擎版本
+export function delEdition(id) {
+  return request({
+    url: '/rule/edition/' + id,
+    method: 'delete'
+  })
+}

src/api/goods/engine.js

@@ -0,0 +1,89 @@
+import request from '@/utils/request'
+
+// 查询规则引擎列表
+export function listEngine(query) {
+  return request({
+    url: '/rule/engine/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询规则引擎详细
+export function getEngine(ruleId) {
+  return request({
+    url: '/rule/engine/' + ruleId,
+    method: 'get'
+  })
+}
+
+// 新增规则引擎
+export function addEngine(data) {
+  return request({
+    url: '/rule/engine',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改规则引擎
+export function updateEngine(data) {
+  return request({
+    url: '/rule/engine',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除规则引擎
+export function delEngine(ruleId) {
+  return request({
+    url: '/rule/engine/' + ruleId,
+    method: 'delete'
+  })
+}
+
+export function selectRuleEngineByRuleId(ruleId) {
+  return request({
+    url: '/rule/engine/' + ruleId,
+    method: 'get'
+  })
+}
+
+export function description(ruleId) {
+  return request({
+    url: '/rule/engine/description/' + ruleId,
+    method: 'post'
+  })
+}
+
+export function selectRuleEngineOne(ruleId) {
+  return request({
+    url: '/rule/engine/selectRuleEngineOne/' + ruleId,
+    method: 'post'
+  })
+}
+
+export function updateRuleIsActivate(data) {
+  return request({
+    url: '/rule/engine/updateRuleIsActivate',
+    method: 'put',
+    data: data
+  })
+}
+
+export function updateRuleStatus(data) {
+  return request({
+    url: '/rule/engine/updateRuleStatus',
+    method: 'put',
+    data: data
+  })
+}
+
+export function spliceNameToCode(name, code, level) {
+  return request({
+    url: '/rule/engine/spliceNameToCode?name=' + name + "&code=" + code + "&level=" + level,
+    method: 'post'
+  })
+}
+

src/api/goods/maintenance.js

@@ -0,0 +1,45 @@
+import request from '@/utils/request'
+
+// 查询引擎维护列表
+export function listMaintenance(query) {
+  return request({
+    url: '/ruleEngine/maintenance/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询引擎维护详细
+export function getMaintenance(id) {
+  return request({
+    url: '/ruleEngine/maintenance/' + id,
+    method: 'get'
+
+  })
+}
+
+// 新增引擎维护
+export function addMaintenance(data) {
+  return request({
+    url: '/ruleEngine/maintenance',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改引擎维护
+export function updateMaintenance(data) {
+  return request({
+    url: '/ruleEngine/maintenance/'+data.id,
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除引擎维护
+export function delMaintenance(id) {
+  return request({
+    url: '/ruleEngine/maintenance/' + id,
+    method: 'delete'
+  })
+}

src/api/ranges/range.js

@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+// 查询引擎列表
+export function sel(data) {
+  return request({
+    url: '/rule/range/sel',
+    method: 'post',
+    data
+  })
+}

src/api/system/access.js

@@ -9,6 +9,14 @@ export function listAccess(query) {
   })
 }
 
+export function lists(data) {
+  return request({
+    url: '/system/access/lists',
+    method: 'post',
+    data
+  })
+}
+
 // 查询数据接入详细
 export function getAccess(id) {
   return request({
@@ -42,3 +50,42 @@ export function delAccess(id) {
     method: 'delete'
   })
 }
+
+export function library() {
+  return request({
+    url: '/system/access/library',
+    method: 'get'
+  })
+}
+
+export function selectTable(libraryName) {
+  return request({
+    url: '/system/access/selectTable/' + libraryName,
+    method: 'get'
+  })
+}
+
+export function oneDataAccess(data) {
+  return request({
+    url: '/system/access/oneDataAccess',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 同步
+ * @param data
+ * @returns {AxiosPromise}
+ */
+export function synchronization(data) {
+  return request({
+    url: '/system/access/synchronization',
+    method: 'post',
+    data
+  })
+}
+
+
+
+

src/api/system/accredit.js

@@ -0,0 +1,170 @@
+import request from '@/utils/request'
+
+// 查询数据接入列表
+export function tableNameList(databaseName) {
+    return request({
+        url: '/system/accredit/tableNameList/' + databaseName,
+        method: 'post'
+    })
+}
+
+export function selectTableXml(tableName) {
+    return request({
+        url: '/system/accredit/selectTableXml/' + tableName,
+        method: 'post'
+    })
+}
+
+export function listDeptVo(data) {
+    return request({
+        url: '/system/accredit/listDeptVo',
+        method: 'get',
+        data
+    })
+}
+
+export function listSelectSysUser(data) {
+    return request({
+        url: '/system/accredit/listSelectSysUser',
+        method: 'get',
+        data
+    })
+}
+
+export function selJDBCStream(data) {
+    return request({
+        url: '/system/accredit/selJDBCStream',
+        method: 'post',
+        data
+    })
+}
+export function selJDBCStream2(data) {
+    return request({
+        url: '/system/accredit/selJDBCStream2',
+        method: 'post',
+        data
+    })
+}
+
+export function listListstructure(data) {
+    return request({
+        url: '/system/accredit/listListstructure',
+        method: 'post',
+        data
+    })
+}
+// 根据表名查询表框架
+export function selNameTableList(name) {
+    return request({
+        url: '/system/accredit/selNameTableList/'+ name,
+        method: 'post'
+    })
+}
+// 根据表名获取表结构
+export function selNameListStructure(tableName,databaseName) {
+    return request({
+        url: '/system/accredit/selNameListStructure?tableName=' + tableName + '&databaseName=' + databaseName,
+        method: 'post'
+    })
+}
+
+/**
+ * 修改状态/是否增加字典
+ * @param data
+ * @returns {AxiosPromise}
+ */
+export function updateListStructure(data) {
+    return request({
+        url: '/system/accredit/updateListStructure',
+        method: 'post',
+        data
+    })
+}
+
+export function selectFrimary(data) {
+    return request({
+        url: '/system/accredit/selectFrimary',
+        method: 'post',
+        data
+    })
+}
+
+export function selectTableList(id) {
+    return request({
+        url: '/system/accredit/selectTableList/'+ id ,
+        method: 'post'
+    })
+}
+
+export function selStatus(databaseName,tableName) {
+    return request({
+        url: '/system/accredit/selStatus?databaseName=' + databaseName + '&tableName=' + tableName,
+        method: 'post'
+    })
+}
+
+export function listMiddle(tableName,databaseName) {
+    return request({
+        url: '/system/accredit/listMiddle?tableName=' + tableName + '&databaseName=' + databaseName,
+        method: 'post'
+    })
+}
+
+export function listMiddle2(databaseName) {
+    return request({
+        url: '/system/accredit/listMiddle2?databaseName=' + databaseName,
+        method: 'post'
+    })
+}
+
+export function listUserMiddle(tableName,databaseName) {
+    return request({
+        url: '/system/accredit/listUserMiddle?tableName=' + tableName + '&databaseName=' + databaseName,
+        method: 'post'
+    })
+}
+
+export function listUserMiddle2(databaseName) {
+    return request({
+        url: '/system/accredit/listUserMiddle2?databaseName=' + databaseName,
+        method: 'post'
+    })
+}
+
+export function updateMiddle(mid,statusId) {
+    return request({
+        url: '/system/accredit/updateMiddle?mid=' + mid + "&statusId=" + statusId,
+        method: 'post'
+    })
+}
+
+export function updateUserMiddle(mid,statusId) {
+    return request({
+        url: '/system/accredit/updateUserMiddle?mid=' + mid + "&statusId=" + statusId,
+        method: 'post'
+    })
+}
+
+export function selectShow(tableName) {
+    return request({
+        url: '/system/accredit/selectShow?tableName=' + tableName,
+        method: 'post'
+    })
+}
+
+export function selTotalNum(data) {
+    return request({
+      url: '/system/accredit/selTotalNum',
+      method: 'post',
+      data
+    })
+}
+
+export function selTotal(name) {
+    return request({
+      url: '/system/accredit/selTotal/' + name,
+      method: 'post'
+    })
+}
+
+

src/api/system/dicts.js

@@ -0,0 +1,82 @@
+import request from '@/utils/request'
+
+// 查询数据接入列表
+export function listDictType(data) {
+  return request({
+    url: '/system/dicts/listDictType',
+    method: 'post',
+    data
+  })
+}
+
+export function selDictData(dictType) {
+  return request({
+    url: '/system/dicts/selDictData/' + dictType,
+    method: 'post'
+  })
+}
+
+/**
+ * 新增字典
+ * @param data
+ * @returns {AxiosPromise}
+ */
+export function indexDictType(dictType) {
+  return request({
+    url: '/system/dicts/indexDictType/' + dictType,
+    method: 'post'
+  })
+}
+
+/**
+ * 添加字典字段
+ * @param data
+ * @returns {AxiosPromise}
+ */
+export function indexDictData(data) {
+  return request({
+    url: '/system/dicts/indexDictData',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 删除字典字段
+ * @param data
+ * @returns {AxiosPromise}
+ */
+export function deleteDictData(data) {
+  return request({
+    url: '/system/dicts/deleteDictData',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 查询详情
+ * @param data
+ * @returns {AxiosPromise}
+ */
+export function selectDictData(data) {
+  return request({
+    url: '/system/dicts/selectDictData',
+    method: 'post',
+    data
+  })
+}
+// 删除
+export function deleteDictType(dictType) {
+  return request({
+    url: '/system/dicts/deleteDictType?dictType=' + dictType,
+    method: 'post'
+  })
+}
+//详情
+export function selectDictType(dictType) {
+  return request({
+    url: '/system/dicts/selectDictType?dictType=' + dictType,
+    method: 'post'
+  })
+}

src/api/test/testData.js

@@ -0,0 +1,23 @@
+import request from '@/utils/request'
+
+// 查询引擎列表
+export function getRabdomData(id,tableName,ruleLevel) {
+    return request({
+        url: '/test/extract/getRabdomData?id=' + id + "&tableName=" + tableName + "&ruleLevel=" + ruleLevel,
+        method: 'get'
+    })
+}
+
+export function getColumn(id,tableName,ruleLevel) {
+    return request({
+        url: '/test/extract/getColumn?id=' + id + "&tableName=" + tableName + "&ruleLevel=" + ruleLevel,
+        method: 'get'
+    })
+}
+export function setColumn(data) {
+    return request({
+        url: '/test/extract/setColumn',
+        method: 'post',
+        data
+    })
+}

src/components/Encoding/index.vue

@@ -0,0 +1,92 @@
+<template>
+  <div style="height: 800px">
+    <codemirror ref="codeMirror" v-model="code" :options="cmOptions"  style="height: 800px"/>
+  </div>
+</template>
+
+<script>
+import { codemirror } from 'vue-codemirror'
+import 'codemirror/mode/clike/clike';
+// cm-setting.js
+// 组件样式
+import 'codemirror/lib/codemirror.css';
+// 主题
+import 'codemirror/theme/eclipse.css';
+// import 'codemirror/theme/monokai.css';
+
+// html代码高亮
+import 'codemirror/mode/htmlmixed/htmlmixed.js';
+
+// 语言模式
+import 'codemirror/mode/javascript/javascript.js';
+import 'codemirror/mode/css/css.js';
+import 'codemirror/mode/xml/xml.js';
+// 代码展开折叠
+import 'codemirror/addon/fold/foldcode.js';
+import 'codemirror/addon/fold/foldgutter.js';
+import 'codemirror/addon/fold/foldgutter.css';
+import 'codemirror/addon/fold/brace-fold.js';
+export default {
+  components: {
+    codemirror,
+  },
+  props: {
+    value: {
+      default: "",
+      type: String
+    },
+    readOnly: {
+      default: false,
+      type: Boolean
+    }
+  },
+  name: "Encoding",
+  data() {
+    return {
+      codemirror: null,
+      code: this.value,
+      cmOptions: {
+        autoRefresh: true, // 重点是这句，为true
+        value: '', // 初始内容
+        mode: 'text/x-java', //实现Java代码高亮
+        tabSize: 4, // tab的空格宽度
+        styleActiveLine: true, // 设置光标所在行高亮true/false
+        lineNumbers: true, //显示行号
+        theme: 'eclipse', //设置主题cobalt/monokai
+        // json: true,
+        readOnly: this.readOnly, // 设置为只读true/false;也可设置为"nocursor"失去焦点
+        lineWrapping: false,
+        foldGutter: true,
+        gutters: [
+          'CodeMirror-lint-markers', //代码错误检测
+          'CodeMirror-linenumbers',
+          'CodeMirror-foldgutter', //展开折叠
+        ],
+      },
+    }
+  },
+  watch:{
+    code:{
+      handler(val){
+        this.$emit('input', val);
+      },
+      immediate:true
+    }
+  },
+  created() {
+  },
+  methods: {}
+}
+</script>
+
+<style>
+
+.CodeMirror {
+  font-family: 'JetBrainsMono-Medium', monospace;
+  height: 800px;
+}
+
+.CodeMirror-lines {
+  line-height: 1.5; /* 这里的1.5是示例，表示行间距是字体大小的1.5倍 */
+}
+</style>

src/router/index.js

@@ -73,45 +73,32 @@ export const constantRoutes = [
       }
     ]
   },
-  {
-    path: '/admin',
-    component: Layout,
-    redirect: 'index',
-    children: [
-      {
-        path: 'index',
-        component: () => import('@/views/goods/admin/index'),
-        name: '测试用户',
-        meta: {title: '测试用户', icon: 'form', affix: true}
-      }
-    ]
-  },
-  {
-    path: '/source',
-    component: Layout,
-    redirect: 'index',
-    children: [
-      {
-        path: 'index',
-        component: () => import('@/views/assets/source/index.vue'),
-        name: '资产接入',
-        meta: {title: '资产接入', icon: 'form', affix: true}
-      }
-    ]
-  },
   // {
-  //   path: '/access',
+  //   path: '/source',
   //   component: Layout,
   //   redirect: 'index',
   //   children: [
   //     {
   //       path: 'index',
-  //       component: () => import('@/views/assetStructure/access/index.vue'),
-  //       name: '数据接入',
-  //       meta: {title: '数据接入', icon: 'form', affix: true}
+  //       component: () => import('@/views/assets/source/index.vue'),
+  //       name: '资产接入',
+  //       meta: {title: '资产接入', icon: 'form', affix: true}
   //     }
   //   ]
   // },
+  {
+    path: '/good',
+    component: Layout,
+    redirect: 'index',
+    children: [
+      {
+        path: 'index',
+        component: () => import('@/views/good/index.vue'),
+        name: '数据接入',
+        meta: {title: '数据接入', icon: 'form', affix: true}
+      }
+    ]
+  },
   {
     path: '/user',
     component: Layout,

src/views/assets/access/index.vue

@@ -0,0 +1,581 @@
+<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="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入接入源名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="数据来源系统名称" prop="systemName">
+        <el-input
+          v-model="queryParams.systemName"
+          placeholder="请输入数据来源系统名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="主机地址" prop="host">
+        <el-input
+          v-model="queryParams.host"
+          placeholder="请输入主机地址"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="端口号" prop="port">
+        <el-input
+          v-model="queryParams.port"
+          placeholder="请输入端口号"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="数据库名称" prop="databaseName">
+        <el-input
+          v-model="queryParams.databaseName"
+          placeholder="请输入数据库名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="数据连接参数" prop="connectionParam">
+        <el-input
+          v-model="queryParams.connectionParam"
+          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:access: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:access: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:access: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:access:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="accessList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="接入源名称" align="center" prop="name" />
+      <el-table-column label="数据来源系统名称" align="center" prop="systemName" />
+      <el-table-column label="数据接入类型" align="center" prop="type" />
+      <el-table-column label="主机地址" align="center" prop="host" />
+      <el-table-column label="端口号" align="center" prop="port" />
+      <el-table-column label="数据库名称" align="center" prop="databaseName" />
+      <el-table-column label="数据连接参数" align="center" prop="connectionParam" />
+      <el-table-column label="介绍" align="center" prop="intor" />
+      <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="synchronizations(scope.row)"
+          v-has-permi="['system:access:edit']"
+          >同步</el-button>
+          <el-button size="mini"
+                     type="text"
+                     icon="el-icon-edit"
+                     @click="handleCes(scope.row)"
+                     v-hasPermi="['system:access:edit']">测试</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['system:access:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['system:access:remove']"
+          >删除</el-button>
+          <el-button
+            size="mini"
+            icon="el-icon-edit"
+            :load="expandTable"
+            @click="synchronizations2(scope.row)"
+            v-hasPermi="['system:access: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="80%" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-card>
+            <div clot="header" class="clearfix">
+                <span>基础信息</span>
+            </div>
+            <el-row>
+                <el-col :md="12" :sm="24">
+                    <el-form-item label="接入源名称" prop="name">
+                        <el-input v-model="form.name" 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="主机地址" prop="host">
+                        <el-input v-model="form.host" 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="username">
+                <el-input v-model="form.username" placeholder="请输入用户名"></el-input>
+              </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-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+            <el-row>
+                <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-col :md="12" :sm="24">
+                    <el-form-item label="数据接入类型" prop="type">
+                        <el-select v-model="form.type">
+                            <el-option v-for="item in types"
+                                       :key="item.value"
+                                       :label="item.lable"
+                                       :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+        </el-card>
+
+            <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-input>
+                        </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-card>
+              <div clot="header" class="clearfix">
+                  <span>线程池</span>
+              </div>
+              <el-row :gutter="10" style="margin: 10px 0">
+                  <el-col :sm="24">
+                      <el-form-item label="初始连接数量" prop="initNum">
+                          <el-input v-model="form.initNum" placeholder="请输入初始连接数量" />
+                      </el-form-item>
+                  </el-col>
+                  <el-col :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 :sm="24">
+                      <el-form-item label="最大等待时间" prop="maxWaitTime">
+                          <el-input v-model="form.maxWaitTime" placeholder="请输入最大等待时间" />
+                      </el-form-item>
+                  </el-col>
+                  <el-col :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>
+            <div clot="header" class="clearfix">
+                <span>简介</span>
+            </div>
+            <el-form-item label="介绍" prop="intor">
+                <el-input v-model="form.intor" 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 { listAccess, getAccess, delAccess, addAccess, updateAccess, synchronization } from "@/api/system/access";
+import { selJDBCStream, selJDBCStream2 } from "@/api/system/accredit";
+
+import Table from '@/views/assets/table/index.vue'
+import Authorization from '@/views/assets/authorization/index.vue'
+export default {
+  name: "Access",
+  data() {
+    return {
+      accessId: '',
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 数据接入表格数据
+      accessList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        name: null,
+        systemName: null,
+        type: null,
+        host: null,
+        port: null,
+        databaseName: null,
+        connectionParam: null,
+        initNum: null,
+        maxNum: null,
+        maxWaitTime: null,
+        maxWaitSize: null,
+        intor: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+        types: [{
+          value: 'MySql',
+          lable: 'MySql',
+        },{
+          value: 'Oracle',
+          lable: 'Oracle',
+        },],
+      rules: {
+        name: [
+          { required: true, message: "接入源名称不能为空", trigger: "blur" }
+        ],
+        systemName: [
+          { required: true, message: "数据来源系统名称不能为空", trigger: "blur" }
+        ],
+        type: [
+          { required: true, message: "数据接入类型不能为空", trigger: "change" }
+        ],
+        host: [
+          { required: true, message: "主机地址不能为空", trigger: "blur" }
+        ],
+        port: [
+          { required: true, message: "端口号不能为空", trigger: "blur" }
+        ],
+        username: [
+          { required: true, message: "端口号不能为空", trigger: "blur" }
+        ],
+        password: [
+          { 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" }
+        ],
+        intor: [
+          { required: true, message: "简介", trigger: "blur" }
+        ],
+      },
+      dataSourceParamList: [
+          {
+              name: null,
+              val: null
+          }
+      ]
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    expandTable( node, resolve){
+      if (node.level === 0) return resolve(this.assetStructureList);
+      const {data} = node;
+      this.showAssets = data.type;
+      if (data.type === 'dataTable') {
+        return resolve([])
+      }
+      setTimeout(() => {
+        resolve(this.childrenList)
+      }, 500);
+    },
+    // 同步
+    synchronizations(row){
+      synchronization(row).then(res => {
+        this.$message.success(res.data)
+      })
+    },
+    synchronizations2(row){
+      selJDBCStream2(row).then(res => {
+        this.$message.success(res.data)
+      })
+    },
+      // 添加参数
+      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("&")
+      },
+    /** 查询数据接入列表 */
+    getList() {
+      this.loading = true;
+      listAccess(this.queryParams).then(response => {
+        this.accessList = response.data.rows;
+        this.total = response.data.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        name: null,
+        systemName: null,
+        type: null,
+        host: null,
+        port: null,
+        databaseName: null,
+        connectionParam: null,
+        initNum: null,
+        maxNum: null,
+        maxWaitTime: null,
+        maxWaitSize: null,
+        intor: 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.title = "添加数据接入";
+    },
+    /** 测试 **/
+    handleCes(row) {
+      console.log(row)
+      selJDBCStream(row).then(res => {
+        if (res.data == null){
+          this.$message.error('连接失败')
+        }else{
+          this.$message.success('连接成功')
+        }
+
+      })
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getAccess(id).then(response => {
+        this.form = response.data;
+        this.dataSourceParamList = [];
+        this.form.connectionParam.split("&").forEach(res => {
+            let  arr = res.split("=");
+            this.dataSourceParamList.push({
+                name: arr[0],
+                val: arr[1]
+            })
+        })
+        this.open = true;
+        this.title = "修改数据接入";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateAccess(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addAccess(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 delAccess(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('system/access/export', {
+        ...this.queryParams
+      }, `access_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>

src/views/assets/authorization/auth/AuthDataSource.vue

@@ -0,0 +1,161 @@
+<template>
+  <div class="app-container">
+    <h4 class="form-header h4">基本信息</h4>
+    <el-form ref="form" :model="baseInfo" label-width="120px">
+      <el-row>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="数据接入名称" prop="nickName">
+            <el-input v-model="baseInfo.name" disabled/>
+          </el-form-item>
+        </el-col>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="系统名称" prop="userName">
+            <el-input v-model="baseInfo.systemName" disabled/>
+          </el-form-item>
+        </el-col>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="数据库名称" prop="nickName">
+            <el-input v-model="baseInfo.databaseName" disabled/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <el-tabs type="border-card" v-model="activeName">
+      <el-tab-pane label="部门授权" name="dept">
+        <el-table
+          ref="deptTable"
+          v-loading="loading"
+          :data="deptList"
+          :default-expand-all="true"
+          :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
+          <el-table-column label="部门名称" prop="deptName" ></el-table-column>
+          <el-table-column label="部门负责人" prop="leader" ></el-table-column>
+          <el-table-column label="邮箱" prop="email" ></el-table-column>
+          <el-table-column align="center" label="创建时间" prop="createTime"></el-table-column>
+          <el-table-column align="center" label="操作" >
+            <template slot-scope="scope">
+              <el-switch
+                style="display: block"
+                v-model="scope.row.statusId"
+                @change="updDept(scope.row)"
+                active-value= "Y"
+                inactive-value= "N"
+                active-color="#13ce66"
+                inactive-color="#ff4949"
+                active-text="已授权"
+                inactive-text="未授权">
+              </el-switch>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination v-show="total> 0" :limit.sync="pageSize" :page.sync="pageNum" :total="total"/>
+      </el-tab-pane>
+      <el-tab-pane label="用户授权" name="user">
+        <el-table ref="table" v-loading="loading" :data="userList">
+          <el-table-column align="center" label="用户名称" prop="userName"/>
+          <el-table-column align="center" label="用户昵称" prop="nickName"/>
+          <el-table-column align="center" label="用户部门" prop="deptName"/>
+          <el-table-column align="center" label="用户邮箱" prop="email"/>
+          <el-table-column align="center" label="用户手机号" prop="phonenumber"/>
+          <el-table-column align="center" label="创建时间" prop="createTime" />
+          <el-table-column align="center" label="操作" >
+            <template slot-scope="scope">
+              <el-switch
+                style="display: block"
+                v-model="scope.row.statusId"
+                @change="updUser(scope.row)"
+                active-value= "Y"
+                inactive-value= "N"
+                active-color="#13ce66"
+                inactive-color="#ff4949"
+                active-text="已授权"
+                inactive-text="未授权">
+              </el-switch>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination v-show="total> 0" :limit.sync="pageSize" :page.sync="pageNum" :total="total"/>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import { listMiddle2, listUserMiddle2, updateUserMiddle, updateMiddle } from '@/api/system/accredit'
+
+export default {
+  props: {
+    title: {
+      type: Object
+    },
+    stats: {
+      type: Object
+    }
+  },
+  name: "AuthDataSource",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      activeName: "dept",
+      // 分页信息
+      total: 0,
+      pageNum: 1,
+      pageSize: 1,
+      // 基本信息
+      baseInfo: {
+        name: "测试1",
+        systemName: "云计算系统",
+        databaseName: "yunjisuan",
+      },
+      // 部门列表
+      deptList: [],
+      // 用户列表
+      userList: []
+    };
+  },
+  created() {
+    this.loading = true;
+    setTimeout(() => this.loading = false, 200)
+    this.init()
+  },
+  methods: {
+    updDept(row) {
+      console.log(row.statusId)
+      updateMiddle(row.mid,row.statusId).then(res => {
+        this.$message.success(res.data)
+      })
+      // if (row.statusId == "Y"){
+      //   console.log(row.statusId)
+      //   updateMiddle(row.mid,"N").then(res => {
+      //     this.$message.success(res.data)
+      //   })
+      // }
+      // if (row.statusId == "N"){
+      //   console.log(row.statusId)
+      //   updateMiddle(row.mid,"Y").then(res => {
+      //     this.$message.success(res.data)
+      //   })
+      // }
+
+    },
+    updUser(row) {
+        updateUserMiddle(row.mid,row.statusId).then(res => {
+          this.$message.success(res.data)
+        })
+    },
+    init() {
+      this.baseInfo = this.stats
+      //部门
+      listMiddle2(this.title.databaseName).then(res => {
+        this.deptList = res.data
+      })
+      //用户
+      listUserMiddle2(this.title.databaseName).then(res => {
+        this.userList = res.data
+      })
+    },
+  }
+}
+</script>

src/views/assets/authorization/auth/AuthTable.vue

@@ -0,0 +1,170 @@
+<template>
+  <div class="app-container">
+    <h4 class="form-header h4">基本信息</h4>
+    <el-form ref="form" :model="baseInfo" label-width="120px">
+      <el-row>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="数据接入名称" prop="nickName">
+            <el-input v-model="baseInfo.name" disabled/>
+          </el-form-item>
+        </el-col>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="系统名称" prop="userName">
+            <el-input v-model="baseInfo.systemName" disabled/>
+          </el-form-item>
+        </el-col>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="数据库名称" prop="nickName">
+            <el-input v-model="baseInfo.databaseName" disabled/>
+          </el-form-item>
+        </el-col>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="表名称" prop="nickName">
+            <el-input v-model="baseInfo.tableName" disabled/>
+          </el-form-item>
+        </el-col>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="表中文名" prop="nickName">
+            <el-input v-model="baseInfo.asas" disabled/>
+          </el-form-item>
+        </el-col>
+        <el-col :offset="2" :span="8">
+          <el-form-item label="数据量" prop="nickName">
+            <el-input v-model="baseInfo.dataTotal" disabled/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <el-tabs type="border-card" v-model="activeName">
+      <el-tab-pane label="部门授权" name="dept">
+        <el-table
+          ref="deptTable"
+          v-loading="loading"
+          :data="deptList"
+          :default-expand-all="true"
+          :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
+          <el-table-column label="部门名称" prop="deptName" ></el-table-column>
+          <el-table-column label="部门负责人" prop="leader" ></el-table-column>
+          <el-table-column label="邮箱" prop="email" ></el-table-column>
+          <el-table-column label="创建时间" prop="createTime" ></el-table-column>
+          <el-table-column align="center" label="操作" prop="statusId" >
+            <template slot-scope="scope">
+              <el-switch
+                style="display: block"
+                v-model="scope.row.statusId"
+                @change="updDept(scope.row)"
+                active-value= "Y"
+                inactive-value= "N"
+                active-color="#13ce66"
+                inactive-color="#ff4949"
+                active-text="已授权"
+                inactive-text="未授权">
+              </el-switch>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination v-show="total> 0" :limit.sync="pageSize" :page.sync="pageNum" :total="total"/>
+      </el-tab-pane>
+      <el-tab-pane label="用户授权" name="user">
+        <el-table ref="table" v-loading="loading" :data="userList">
+          <el-table-column align="center" label="用户名称" prop="userName"/>
+          <el-table-column align="center" label="用户昵称" prop="nickName"/>
+          <el-table-column align="center" label="用户部门" prop="deptName"/>
+          <el-table-column align="center" label="用户邮箱" prop="email"/>
+          <el-table-column align="center" label="用户手机号" prop="phonenumber"/>
+          <el-table-column align="center" label="创建时间" prop="createTime" />
+          <el-table-column align="center" label="操作" prop="statusId" >
+            <template slot-scope="scope">
+              <el-switch
+                style="display: block"
+                v-model="scope.row.statusId"
+                @change="updUser(scope.row)"
+                active-value= "Y"
+                inactive-value= "N"
+                active-color="#13ce66"
+                inactive-color="#ff4949"
+                active-text="已授权"
+                inactive-text="未授权">
+              </el-switch>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination v-show="total> 0" :limit.sync="pageSize" :page.sync="pageNum" :total="total"/>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+
+import { listMiddle, listUserMiddle ,updateUserMiddle, updateMiddle } from "@/api/system/accredit";
+
+export default {
+  props: {
+    title: {
+      type: Object
+    },
+    stats: {
+      type: Object
+    }
+  },
+  name: "AuthTable",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      activeName: "dept",
+      // 分页信息
+      total: 0,
+      pageNum: 1,
+      pageSize: 1,
+      // 基本信息
+      baseInfo: {
+        name: "",
+        systemName: "",
+        databaseName: "",
+        tableName: "",
+        asas: "",
+        dataTotal: "",
+      },
+      // 部门列表
+      deptList: [],
+      // 用户列表
+      userList: []
+    };
+  },
+  created() {
+    this.loading = true;
+    setTimeout(() => this.loading = false, 200)
+    this.init()
+  },
+  methods: {
+    updDept(row) {
+      console.log(row.statusId)
+      updateMiddle(row.mid,row.statusId).then(res => {
+        this.$message.success(res.data)
+      })
+
+    },
+    updUser(row) {
+      console.log(row.statusId)
+      updateUserMiddle(row.mid,row.statusId).then(res => {
+        this.$message.success(res.data)
+      })
+    },
+    init(){
+      this.baseInfo = this.stats
+      //部门
+      listMiddle(this.title.tableName,this.title.databaseName).then(res => {
+        this.deptList = res.data
+      })
+      //用户
+      listUserMiddle(this.title.tableName,this.title.databaseName).then(res => {
+        this.userList = res.data
+        console.log(res.data)
+      })
+    }
+  },
+};
+</script>

src/views/assets/authorization/index.vue

@@ -1,11 +1,120 @@
-<script setup>
-
-</script>
-
 <template>
-
+  <el-container :style="{height: mainHeight + 'px'}">
+    <el-aside>
+      <el-tree :data="assetStructureList"
+               :load="expandTable"
+               :expand-on-click-node="false"
+               lazy
+               @node-click="selName"
+               :props="defaultProps">
+        <div class="custom-tree-node" slot-scope="{ node, data }">
+          <div v-if="data.type === 'dataSource'">{{ data.name + '('+data.databaseName + '-' + data.systemName+')' }}</div>
+          <div v-if="data.type === 'dataTable'">{{ data.tableName + '-'+data.as + '(' + data.dataTotal+'条)' }}</div>
+        </div>
+      </el-tree>
+    </el-aside>
+    <el-container>
+      <el-main>
+        <auth-data-source v-if="showAuth === 'dataSource'" :title="title" :stats="stats" />
+        <auth-table v-else-if="showAuth === 'dataTable'" :title="title" :stats="stats"/>
+      </el-main>
+    </el-container>
+  </el-container>
 </template>
 
-<style scoped lang="scss">
+<script>
+import { tableNameList, selectFrimary } from '@/api/system/accredit'
+import AuthDataSource from './auth/AuthDataSource.vue'
+import AuthTable from './auth/AuthTable.vue'
+// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+// 例如：import 《组件名称》 from '《组件路径》,
+export default {
+  // import引入的组件需要注入到对象中才能使用"
+  components: {AuthTable, AuthDataSource},
+  props: {},
+  data() {
+    // 这里存放数据"
+    return {
+      title: null,
+      stats: null,
+      mainHeight: window.innerHeight - 85,
+      defaultProps: {
+        children: 'childrenList',
+        label: 'name'
+      },
+      showAuth: null,
+      assetStructureList: [],
+      childrenList: []
+    }
+  },
+  // 计算属性 类似于data概念",
+  computed: {},
+  // 监控data中的数据变化",
+  watch: {},
+  // 方法集合",
+  methods: {
+    expandTable(node, resolve) {
+      if (node.level === 0) return resolve(this.assetStructureList);
+      const {data} = node;
+      if (data.type === 'dataTable') {
+        return resolve([])
+      }
+      setTimeout(() => {
+        resolve(data.tableLists)
+      }, 500);
+    },
+    init() {
+      selectFrimary().then(res => {
+        this.assetStructureList = res.data
+      })
+        tableNameList().then(res => {
+          this.childrenList = res.data;
+        })
+      },
+    selName(data) {
+      this.showAuth=data.type
+      this.stats = data
+        this.title = {
+          tableName: data.tableName,
+          databaseName: data.databaseName
+      }
 
+    }
+    },
+    // 生命周期 - 创建完成（可以访问当前this实例）",
+    created() {
+      this.init()
+    },
+    // 生命周期 - 挂载完成（可以访问DOM元素）",
+    mounted() {
+    },
+    beforeCreate() {
+    }, // 生命周期 - 创建之前",
+    beforeMount() {
+    }, // 生命周期 - 挂载之前",
+    beforeUpdate() {
+    }, // 生命周期 - 更新之前",
+    updated() {
+    }, // 生命周期 - 更新之后",
+    beforeDestroy() {
+    }, // 生命周期 - 销毁之前",
+    destroyed() {
+    }, // 生命周期 - 销毁完成",
+    activated() {
+    } // 如果页面有keep-alive缓存功能，这个函数会触发",
+  }
+</script>
+<style scoped lang="scss">
+.el-aside {
+  margin: 0;
+  padding: 0;
+  width: 400px;
+  background-color: white;
+}
+.el-main {
+  background-color: #f1f1f1;
+}
+.custom-tree-node{
+  height: 30px;
+}
 </style>

src/views/assets/show/index.vue

@@ -0,0 +1,133 @@
+<template>
+  <el-container :style="{height: mainHeight + 'px'}">
+    <el-aside>
+      <el-tree :data="assetStructureList"
+               :load="expandTable"
+               :expand-on-click-node="false"
+               lazy
+               @node-click="showName"
+               :props="defaultProps">
+        <div class="custom-tree-node" slot-scope="{ node, data }">
+          <div v-if="data.type === 'dataSource'">{{ data.name + '('+data.databaseName + '-' + data.systemName+')' }}</div>
+          <div v-if="data.type === 'dataTable'">{{ data.tableName + '-'+data.asas + '(' + data.dataTotal+'条)' }}</div>
+        </div>
+      </el-tree>
+    </el-aside>
+    <el-container>
+      <el-main>
+        <el-card>
+          <div slot="header" class="clearfix">
+            <span>资产模型基本信息</span>
+          </div>
+          <el-descriptions v-model="table" border :column="2">
+            <el-descriptions-item label="表名称">{{table.tableName}}</el-descriptions-item>
+            <el-descriptions-item label="表备注">{{table.asas}}</el-descriptions-item>
+            <el-descriptions-item label="数据量">{{ table.dataTotal }}</el-descriptions-item>
+            <el-descriptions-item label="是否核心">
+              <el-tag size="small">是</el-tag>
+            </el-descriptions-item>
+          </el-descriptions>
+        </el-card>
+
+        <el-card class="box-card" style="margin-top: 20px">
+          <div slot="header" class="clearfix">
+            <span>模型数据</span>
+          </div>
+          <el-row :gutter="20">
+            <el-col :span="6" v-for="asset in assetShowList" style="margin-top: 20px">
+              <el-descriptions :title="asset.keysed" direction="vertical" border :column="1">
+                <el-descriptions-item label="Type">
+                  <el-tag size="small">{{asset.type}}</el-tag>
+                </el-descriptions-item>
+                <el-descriptions-item label="Value">{{asset.val}}</el-descriptions-item>
+              </el-descriptions>
+            </el-col>
+          </el-row>
+
+        </el-card>
+      </el-main>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import { selectFrimary, selectShow } from "@/api/system/accredit";
+
+export default {
+  name: "AssetShow",
+  data() {
+    return {
+      mainHeight: window.innerHeight - 85,
+      defaultProps: {
+        children: 'childrenList',
+        label: 'name'
+      },
+      table: null,
+      showAuth: null,
+      assetStructureList: [],
+      childrenList: [],
+      assetShowList: []
+    }
+  },
+  created() {
+    this.init()
+  },
+  methods: {
+    expandTable( node, resolve){
+      if (node.level === 0) return resolve(this.assetStructureList);
+      const {data} = node;
+      if (data.type === 'dataTable') {
+        return resolve([])
+      }
+      setTimeout(() => {
+        resolve(data.tableLists)
+      }, 500);
+    },
+    showName(data) {
+      console.log(data)
+      this.showAuth = data.type
+      if (data.type === 'dataSource'){
+        this.table = data
+        selectShow(data.databaseName).then(res => {
+          this.assetShowList = res.data
+        })
+      }
+      if (data.type === 'dataTable'){
+        this.table = data
+        selectShow(data.tableName).then(res => {
+          this.assetShowList = res.data
+        })
+      }
+    },
+    init() {
+      this.table = {
+        tableName: 'null',
+        asas: '表',
+        dataTotal: '0',
+      }
+      selectFrimary().then(res => {
+        this.assetStructureList = res.data
+        console.log(res.data)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.el-aside {
+  margin: 0;
+  padding: 0;
+  width: 400px;
+  background-color: white;
+}
+.el-main {
+  background-color: #f1f1f1;
+}
+.custom-tree-node{
+  height: 30px;
+}
+.el-descriptions-row>th{
+  width: 200px;
+}
+</style>

src/views/assets/source/index.vue

@@ -1,461 +0,0 @@
-<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">
-        <el-input
-          v-model="queryParams.dataSourceName"
-          placeholder="请输入链接名"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="数据库来源系统名称" prop="dataSourceSystemName">
-        <el-input
-          v-model="queryParams.dataSourceSystemName"
-          placeholder="请输入数据库来源系统名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="ip地址" prop="ip">
-        <el-input
-          v-model="queryParams.ip"
-          placeholder="请输入ip地址"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="端口号" prop="port">
-        <el-input
-          v-model="queryParams.port"
-          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="dataSourceSystemName" />
-      <el-table-column label="数据库类型" align="center" prop="databaseType" />
-      <el-table-column label="ip地址" align="center" prop="ip" />
-      <el-table-column label="端口号" align="center" prop="port" />
-      <el-table-column label="用户名" align="center" prop="username" />
-      <el-table-column label="密码" align="center" prop="password" />
-      <el-table-column label="类型 '查询'/'存储'" align="center" prop="type" />
-      <el-table-column label="拼接的连接参数" align="center" prop="createBy" />
-      <el-table-column label="拼接的连接配置" align="center" prop="updateBy" />
-      <el-table-column label="状态 'Y'/'N'" align="center" prop="status" />
-      <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="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="80%" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-card>
-          <div clot="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-form-item label="数据库来源系统名称" prop="dataSourceSystemName">
-                <el-input v-model="form.dataSourceSystemName" placeholder="请输入数据库来源系统名称" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :md="12" :sm="24">
-              <el-form-item label="数据库类型" prop="dataSourceSystemName">
-                <el-select v-model="form.databaseType" clearable placeholder="请选择">
-                  <el-option key="1" label="mysql" value="1"></el-option>
-                  <el-option key="2" label="redis" value="2"></el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :md="12" :sm="24">
-              <el-form-item label="ip地址" prop="ip">
-                <el-input v-model="form.ip" placeholder="请输入ip地址" />
-              </el-form-item>
-              <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="username">
-                <el-input v-model="form.username" placeholder="请输入用户名" />
-              </el-form-item>
-              <el-form-item label="密码" prop="password">
-                <el-input v-model="form.password" placeholder="请输入密码" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :md="12" :sm="24">
-              <el-form-item label="类型" prop="connectionParameter">
-                <el-select v-model="form.type" clearable placeholder="请选择">
-                  <el-option key="查询" label="查询" value="查询"></el-option>
-                  <el-option key="存储" label="存储" value="存储"></el-option>
-                </el-select>
-              </el-form-item>
-              <el-form-item label="状态" prop="connectionConfig">
-                <el-radio v-model="form.status" label="Y">Y</el-radio>
-                <el-radio v-model="form.status" label="N">N</el-radio>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-card>
-        <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.createBy" 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-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 } from "@/api/system/source";
-
-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,
-        dataSourceSystemName: null,
-        databaseType: null,
-        ip: null,
-        port: null,
-        username: null,
-        password: null,
-        type: null,
-        connectionParameter: null,
-        connectionConfig: null,
-        status: null,
-      },
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {
-        dataSourceName: [
-          { required: true, message: "链接名不能为空", trigger: "blur" }
-        ],
-        dataSourceSystemName: [
-          { required: true, message: "数据库来源系统名称不能为空", trigger: "blur" }
-        ],
-        databaseType: [
-          { required: true, message: "数据库类型不能为空", trigger: "change" }
-        ],
-        ip: [
-          { required: true, message: "ip地址不能为空", trigger: "blur" }
-        ],
-        port: [
-          { required: true, message: "端口号不能为空", trigger: "blur" }
-        ],
-        username: [
-          { required: true, message: "用户名不能为空", trigger: "blur" }
-        ],
-        password: [
-          { required: true, message: "密码不能为空", trigger: "blur" }
-        ],
-        type: [
-          { required: true, message: "类型 '查询'/'存储'不能为空", trigger: "change" }
-        ],
-        status: [
-          { required: true, message: "状态 'Y'/'N'不能为空", trigger: "change" }
-        ],
-        createBy: [
-          { required: true, message: "连接数据参数不能为空", trigger: "change" }
-        ]
-      },
-      //条件参数内容
-      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.createBy = this.dataSourceParamList
-        .filter(item => item.name != null || item.val != null)
-        .map(item => {
-          return item.name + "=" + item.val;
-        }).join("&")
-      console.log(this.form.connectionParam)
-    },
-    /** 查询获取信息列表 */
-    getList() {
-      this.loading = true;
-      listSource(this.queryParams).then(response => {
-        this.sourceList = response.data.rows;
-        this.total = response.data.total;
-        this.loading = false;
-      });
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: null,
-        dataSourceName: null,
-        dataSourceSystemName: null,
-        databaseType: null,
-        ip: null,
-        port: null,
-        username: null,
-        password: null,
-        type: null,
-        connectionParameter: null,
-        connectionConfig: null,
-        status: null,
-        createBy: null,
-        createTime: null,
-        updateBy: null,
-        updateTime: 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.title = "添加获取信息";
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const id = row.id || this.ids
-      getSource(id).then(response => {
-        this.form = response.data;
-        this.dataSourceParamList = [];
-        this.form.createBy.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>

src/views/assets/table/dashboard/OverallAssetStructure.vue

@@ -0,0 +1,264 @@
+<template>
+  <div v-if="tableParams!= null">
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span>资产模型基本信息</span>
+      </div>
+      <el-descriptions v-model="stats" border :column="2">
+        <el-descriptions-item label="表名称">{{ stats.tableName }}</el-descriptions-item>
+        <el-descriptions-item label="表备注">{{ stats.asas }}</el-descriptions-item>
+        <el-descriptions-item label="数据量">{{ stats.dataTotal }}</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="childrenList"
+        style="width: 100%;">
+        <el-table-column prop="tableName" label="表名" />
+        <el-table-column prop="columnLassName" label="类型" />
+        <el-table-column prop="columnTypeName" label="映射类型" />
+        <el-table-column prop="columnName" label="字段名称" />
+        <el-table-column prop="precisions" label="长度" />
+        <el-table-column prop="scale" label="小数" />
+        <el-table-column prop="isNull" label="非空" >
+          <template slot-scope="scope">
+            <el-tag size="small" :type="scope.row.isNull === 1 ? 'success':'dager'">
+              {{scope.row.isNull}}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="schemaName" label="默认" />
+        <el-table-column prop="columnComments" label="注解" />
+        <el-table-column prop="yesOrNo" label="是否字典"/>
+        <el-table-column prop="dictionary" label="映射字典">
+          <template slot-scope="scope">
+            <el-popover v-if="scope.row.yesOrNo === 'Y'"
+                        placement="left"
+                        width="200"
+                        trigger="hover">
+              <span v-for="item in dictOut" :key="item.dictType">
+                <span v-show="item.dictType == scope.row.dictionary">
+                  <el-table :data="item.dictDataList">
+                  <el-table-column prop="dictLabel" label="标签"></el-table-column>
+                  <el-table-column prop="dictValue" label="值"></el-table-column>
+                </el-table>
+                </span>
+              </span>
+              <el-tag slot="reference">{{scope.row.dictionary}}</el-tag>
+            </el-popover>
+          </template>
+        </el-table-column>
+        <el-table-column prop="id" label="操作" >
+          <template slot-scope="scope">
+            <el-button type="text" @click="update(scope.row)">编辑</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+
+
+    <el-dialog title="资产结构修改" width="80%" :visible.sync="formStatus">
+      <el-form :model="form" label-width="120px">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="表名">
+              <el-input v-model="form.tableName" readonly autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="类型">
+              <el-input v-model="form.columnLassName" readonly autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="映射类型">
+              <el-input v-model="form.columnTypeName" readonly autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="字段名称">
+              <el-input v-model="form.columnName" readonly autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="长度">
+              <el-input v-model="form.precisions" readonly autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="小数">
+              <el-input v-model="form.scale" readonly autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="非空">
+              <el-input v-model="form.isNull" readonly autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="默认">
+              <el-input v-model="form.schemaName" readonly autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="注解">
+              <el-input v-model="form.columnComments" readonly autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="知否字典">
+              <el-switch
+                v-model="form.yesOrNo"
+                active-value="Y"
+                inactive-value="N"
+                active-color="#132545"
+                inactive-color="#ff458"></el-switch>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-row v-if="form.yesOrNo === 'Y'">
+            <el-col :span="24">
+              <el-form-item label="字典">
+                <el-select v-model="form.dictionary">
+                  <el-option v-for="(val, key) in dictOut" :key="val.dictType" :label="val.dictType" :value="val.dictType"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-row v-if="form.dictionary!=null">
+              <el-col :span="24">
+                <el-form-item>
+                  <div v-on="selData2(form.dictionary)">
+                    <el-table :data="dictMap2.dictDataList">
+                      <el-table-column prop="dictLabel" label="标签"></el-table-column>
+                      <el-table-column prop="dictValue" label="值"></el-table-column>
+                    </el-table>
+                  </div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-row>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="formStatus = false">取 消</el-button>
+          <el-button type="primary" @click="updYesTrue(form)">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  selNameListStructure,
+  updateListStructure,selStatus
+} from '@/api/system/accredit'
+import { listDictType, selectDictType } from "@/api/system/dicts";
+
+export default {
+  props: {
+    tableParams: {
+      type: Object
+    }
+  },
+  watch: {
+    tableParams: {
+      handler(val) {
+        if (val != null){
+          this.init()
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  name: 'OverallAssetStructure',
+  data() {
+    return {
+      childrenList: [],
+      databaseName: '',
+      table: {
+        tableName: 'one',
+        asas: '单元格',
+        dataTotal: '3',
+      },
+      form: {
+        tableName: '',
+        columnLassName: '',
+        columnTypeName: '',
+        columnName: '',
+        precisions: '',
+        scale: '',
+        isNull: '',
+        schemaName: '',
+        columnComments: '',
+        id: '',
+        yesOrNo: '',
+        dictionary: ''
+      },
+      stats: {
+        tableName: '',
+        asas: '',
+        dataTotal: 0,
+      },
+      formStatus: false,
+      dictMap2:{
+        dictType: '',
+        dictDataList: []
+      },
+      dictOut: [],
+    }
+  },
+  methods: {
+    selData2(thanName){
+      selectDictType(thanName).then(res => {
+        this.dictMap2 = res.data
+      })
+    },
+    update(row) {
+      this.form = row;
+      this.formStatus = true;
+    },
+    updYesTrue(row) {
+      updateListStructure(row).then(res => {
+        this.$message.success(res.data)
+        this.formStatus = false
+      })
+    },
+    init() {
+      console.log(this.tableParams.databaseName)
+      console.log(this.tableParams.tableName)
+      this.table =
+        selNameListStructure(this.tableParams.tableName,this.tableParams.databaseName).then(res => {
+          this.childrenList = res.data
+        })
+      selStatus(this.tableParams.databaseName,this.tableParams.tableName).then(res => {
+        this.stats = res.data
+        console.log(res.data)
+      })
+      listDictType().then(res => {
+        this.dictOut = res.data
+      })
+    }
+  },
+  created() {
+    this.init()
+  }
+}
+</script>
+<style scoped lang="scss">
+
+</style>

src/views/assets/table/dashboard/OverallAssets.vue

@@ -0,0 +1,198 @@
+<template>
+  <el-row :gutter="40" class="panel-group">
+    <div class="title-header">
+      整体数据资产结构概述
+    </div>
+    <el-form :model="totalNum">
+    <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="totalNum.switchOns" :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="totalNum.assetsNum" :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="totalNum.fieldsNum" :start-val="0" class="card-panel-num"/>
+        </div>
+      </div>
+    </el-col>
+    </el-form>
+  </el-row>
+</template>
+
+<script>
+import CountTo from 'vue-count-to'
+import { selTotalNum } from "@/api/system/accredit";
+
+export default {
+  data() {
+    return {
+      totalNum: {
+        switchOns: 0,
+        assetsNum: 0,
+        fieldsNum: 0
+      }
+    }
+  },
+  components: {
+    CountTo
+  },
+  methods: {
+    handleSetLineChartData(type) {
+      this.$emit('handleSetLineChartData', type)
+    },
+    init() {
+      selTotalNum().then(res => {
+        this.totalNum = res.data
+      })
+    }
+  },
+  created() {
+    this.init()
+  }
+}
+</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>

src/views/assets/table/dashboard/OverallSpecificAssets.vue

@@ -0,0 +1,375 @@
+<template>
+  <el-row :gutter="40" class="panel-group">
+    <div class="title-header">
+      {{title}} - 资产结构概述
+    </div>
+    <el-form :model="totalNum">
+      <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="totalNum.assetsNum" :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="totalNum.fieldsNum" :start-val="0" class="card-panel-num"/>
+          </div>
+        </div>
+      </el-col>
+    </el-form>
+    <el-col :span="24">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>基础字典</span>
+          <el-popover
+            placement="top-start"
+            title="基础字典"
+            width="200"
+            trigger="hover"
+            content="这个字典是数据资产项目当中的字典内容，而不是本项目当中的字典内容。主要作用为数据清洗过程中数据字典映射作用">
+            <i class="el-icon-question" slot="reference"></i>
+          </el-popover>
+          <el-popover
+            placement="right"
+            width="400"
+            trigger="click">
+            <el-row :gutter="20">
+              <el-col :span="18">
+                <el-input v-model="dictAddName"></el-input>
+              </el-col>
+              <el-col :span="6">
+                <el-button @click="addDict">确定</el-button>
+              </el-col>
+            </el-row>
+            <el-button style="float: right; padding: 3px 0" type="text" slot="reference">新增字典</el-button>
+          </el-popover>
+        </div>
+        <el-row :gutter="20">
+          <el-col v-for="(val,key) in dictMap" :md="8" :sm="24" :xs="12">
+            <el-card class="box-card" style="height: 300px">
+              <div slot="header" class="clearfix">
+                <span>{{val.dictType}}</span>
+                <el-button style="float: right; padding: 3px 0"
+                           type="text"
+                           @click="val.dictDataList.push({ dictCode:0 , dictType:val.dictType, dictLabel: null, dictValue: null, isEdit: true })"
+                >新增</el-button>
+                <el-button style="float: right; padding: 3px 0"
+                           @click="delType(val.dictType)">删除字典</el-button>
+              </div>
+              <el-table :data="val.dictDataList" style="width: 100%" height="280px">
+                <el-table-column prop="label" label="标签">
+                  <template slot-scope="scope">
+                    <span v-if="!scope.row.isEdit">{{scope.row.dictLabel}}</span>
+                    <el-input v-if="scope.row.isEdit" v-model="scope.row.dictLabel" size="mini"></el-input>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="val" label="值">
+                  <template slot-scope="scope">
+                    <span v-if="!scope.row.isEdit">{{scope.row.dictValue}}</span>
+                    <el-input v-if="scope.row.isEdit" v-model="scope.row.dictValue" size="mini"></el-input>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="val" label="操作">
+                  <template slot-scope="scope">
+                    <el-button
+                      v-if="!scope.row.isEdit"
+                      size="mini"
+                      type="text"
+                      icon="el-icon-edit"
+                      @click="updData(scope.row)"
+                    >修改</el-button>
+                    <el-button
+                      v-if="!scope.row.isEdit"
+                      size="mini"
+                      type="text"
+                      icon="el-icon-edit"
+                      @click="delData(scope.row)"
+                    >删除</el-button>
+                    <el-button
+                      v-if="scope.row.isEdit"
+                      @click="editConfirm(scope.row)"
+                      size="mini"
+                      type="text"
+                      icon="el-icon-finished"
+                    >确定</el-button>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-card>
+          </el-col>
+        </el-row>
+      </el-card>
+
+    </el-col>
+    <el-col :span="24" style="margin-top: 20px">
+      <el-tabs v-model="activeName" type="border-card" @tab-click="checkTableName">
+        <el-tab-pane v-for="table in tableList" :label="table.tableName+'('+table.asas+')'"
+                     :name="table.tableName">
+          <overall-asset-structure v-if="table.tableName === tableParams.tableName" :table-params="tableParams"/>
+        </el-tab-pane>
+      </el-tabs>
+    </el-col>
+  </el-row>
+
+</template>
+
+<script>
+import CountTo from 'vue-count-to'
+import OverallAssetStructure from './OverallAssetStructure.vue'
+import { listDictType, indexDictType, indexDictData, deleteDictData, selectDictData, deleteDictType } from "@/api/system/dicts"
+import val from "quill";
+import { selTotal } from "@/api/system/accredit";
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "-"
+    },
+    overallName: {
+        type: Array
+    }
+  },
+  watch: {
+    overallName: {
+      handler(val) {
+        if (val != null){
+          this.init()
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  data() {
+    return {
+      activeName: null,
+      dictAddName: null,
+      dictMap: [],
+      tableList: [],
+      listStatus: [],
+      tableParams: {
+        tableName: '',
+        tableAsName: ''
+      },
+      stats: null,
+      dictData: {
+        dictCode: '',
+        dictType: '',
+        dictLabel: '',
+        dictValue: '',
+        isEdit: false,
+      },
+      totalNum: {
+        assetsNum: 0,
+        fieldsNum: 0
+      }
+    }
+  },
+  components: {
+    OverallAssetStructure,
+    CountTo
+  },
+  methods: {
+    val() {
+      return val
+    },
+    checkTableName(checkTab){
+      console.log(checkTab)
+      this.tableParams = this.tableList.findLast(item => item.tableName === checkTab.name)
+      console.log(this.tableParams)
+    },
+    updData(row) {
+      selectDictData(row).then(res => {
+        this.dictData = res.data
+      })
+      row.isEdit = true
+    },
+    editConfirm(row) {
+      if (!row.dictLabel || !row.dictValue) {
+        this.$message.error('字典标签或字典值，不可为空');
+        return;
+      }
+      indexDictData(row).then(res => {
+        this.$message.success(res.data)
+      })
+      row.isEdit = false;
+    },
+    delType(row) {
+      deleteDictType(row).then(res => {
+        this.$message.success(res.data)
+      })
+      this.init()
+    },
+    delData(row) {
+      deleteDictData(row).then(res => {
+        this.$message.success(res.data)
+      })
+      return;
+    },
+    addDict() {
+      if (!this.dictAddName){
+        this.$message.error('数据字典，不可为空');
+        return;
+      }
+      indexDictType(this.dictAddName).then(res => {
+        this.$message.success(res.data)
+      })
+      this.dictAddName = null
+    },
+    handleSetLineChartData(type) {
+      this.$emit('handleSetLineChartData', type)
+    },
+    init() {
+      // console.log(this.overallName.at(0).databaseName)
+      selTotal(this.overallName.at(0).databaseName).then(res => {
+        this.totalNum = res.data
+      })
+      listDictType().then(res => {
+        this.dictMap = res.data
+      })
+      this.tableList = this.overallName;
+      this.activeName = this.tableList[0].tableName;
+      this.tableParams = {
+        tableName: this.tableList[0].tableName,
+        databaseName: this.tableList[0].databaseName
+      }
+      console.log(this.tableParams)
+    }
+  },
+  // 生命周期 - 创建完成（可以访问当前this实例）",
+  created() {
+    this.init()
+  }
+}
+</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>

src/views/assets/table/index.vue

@@ -0,0 +1,103 @@
+<template>
+  <el-container :style="{height: mainHeight + 'px'}">
+    <el-aside>
+      <el-tree :data="assetStructureList"
+               :expand-on-click-node="false"
+               :load="expandTable"
+               lazy
+               @node-click="showAssetsFun"
+               :props="defaultProps">
+        <div class="custom-tree-node" slot-scope="{ node, data }">
+          <div v-if="data.type === 'dataSource'">{{ data.name + '('+data.databaseName + '-' + data.systemName+')' }}</div>
+          <div v-if="data.type === 'dataTable'">{{ data.tableName + '-'+data.asas + '(' + data.dataTotal+'条)' }}</div>
+        </div>
+      </el-tree>
+    </el-aside>
+    <el-container>
+      <el-main>
+        <OverallAssets v-if="showAssets == null"/>
+        <overall-specific-assets v-if="showAssets === 'dataSource'" :title="title" :overall-name="overallName"/>
+        <overall-asset-structure v-if="showAssets === 'dataTable'" :table-params="tableParams"/>
+      </el-main>
+    </el-container>
+  </el-container>
+</template>
+<script>
+import OverallAssets from './dashboard/OverallAssets.vue'
+import OverallSpecificAssets from './dashboard/OverallSpecificAssets.vue'
+import OverallAssetStructure from './dashboard/OverallAssetStructure.vue'
+import { selectFrimary } from "@/api/system/accredit";
+
+export default {
+  name: 'assetStructure',
+  components: { OverallAssetStructure, OverallSpecificAssets, OverallAssets },
+  data() {
+    return {
+      mainHeight: window.innerHeight - 85,
+      defaultProps: {
+        children: 'childrenList',
+        label: 'name'
+      },
+      assetStructureList: [],
+      childrenList: [],
+      overallName: [],
+      showAssets: null,
+      title: null,
+      tableParams: null
+    }
+  },
+  methods: {
+    expandTable( node, resolve){
+      if (node.level === 0) return resolve(this.assetStructureList);
+      const {data} = node;
+      this.showAssets = data.type;
+      if (data.type === 'dataTable') {
+        this.tableParams = {
+          tableName: data.name,
+          tableAsName: data.as
+        }
+        return resolve([])
+      }
+      setTimeout(() => {
+        resolve(data.tableLists)
+      }, 500);
+    },
+    showAssetsFun(data){
+      this.title = data.name + '('+data.databaseName + '-' + data.systemName+')'
+      this.showAssets = data.type;
+      if (data.type === 'dataSource') {
+        this.overallName = data.tableLists
+      }
+      if (data.type === "dataTable"){
+        this.tableParams = {
+          tableName: data.tableName,
+          databaseName: data.databaseName
+        }
+      }
+    },
+    init() {
+      selectFrimary().then(res => {
+        this.assetStructureList = res.data
+      })
+    }
+  },
+  // 生命周期 - 创建完成（可以访问当前this实例）",
+  created() {
+    this.init()
+  }
+}
+</script>
+<style scoped lang="scss">
+.el-aside {
+  margin: 0;
+  padding: 0;
+  width: 400px;
+  background-color: white;
+}
+.el-main {
+  background-color: #f1f1f1;
+}
+.custom-tree-node{
+  height: 30px;
+}
+</style>

src/views/engine/codfing/index.vue

@@ -0,0 +1,96 @@
+<template>
+  <el-col :span="22" :offset="1">
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span>公共配置</span>
+      </div>
+      <el-form ref="form" :model="ruleEngineCommConfig" label-width="80px">
+        <el-form-item label-width="配置">
+          <el-input v-model="ruleEngineCommConfig.packageName" disabled></el-input>
+        </el-form-item>
+
+      </el-form>
+    </el-card>
+    <el-col>
+      <el-card>
+        <div slot="header" class="clearfix">
+          <soan>作用域</soan>
+        </div>
+        <el-tabs type="border-card" v-model="codeCardStatus">
+          <el-tab-pane v-for="scope in scopeList" :label="scope.type" :name="scope.val">
+            <encoding v-if="codeCardStatus === scope.val" style="height: 800px" v-model="scope.code" :read-only="true">
+            </encoding>
+          </el-tab-pane>
+        </el-tabs>
+      </el-card>
+    </el-col>
+  </el-col>
+</template>
+
+<script>
+// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+// 例如：import 《组件名称》 from '《组件路径》,
+import { listCope, listCope2, selType } from '@/api/goods/cope'
+import Encoding from "@/components/Encoding/index.vue";
+export default {
+  // import引入的组件需要注入到对象中才能使用"
+  components: { Encoding },
+  props: {},
+  data() {
+    // 这里存放数据"
+    return {
+      codeCardStatus: 'taskContext',
+      ruleEngineCommConfig: {
+        packageName: "com.muyu.rule.engine"
+      },
+      scopeList: [],
+      scopeList2: []
+    }
+  },
+  // 计算属性 类似于data概念",
+  computed: {},
+  // 监控data中的数据变化",
+  watch: {},
+  // 方法集合",
+  methods: {
+    selStype(name) {
+      selType(name).then(res => {
+        console.log(res.data)
+      })
+    },
+    init() {
+      listCope2().then(res => {
+        this.scopeList = res.data
+        console.log(res.data)
+      })
+      // listCope().then(res => {
+      //   this.scopeList = res.data
+      // })
+    }
+  },
+  // 生命周期 - 创建完成（可以访问当前this实例）",
+  created() {
+    this.init()
+  },
+  // 生命周期 - 挂载完成（可以访问DOM元素）",
+  mounted() {
+  },
+  beforeCreate() {
+  }, // 生命周期 - 创建之前",
+  beforeMount() {
+  }, // 生命周期 - 挂载之前",
+  beforeUpdate() {
+  }, // 生命周期 - 更新之前",
+  updated() {
+  }, // 生命周期 - 更新之后",
+  beforeDestroy() {
+  }, // 生命周期 - 销毁之前",
+  destroyed() {
+  }, // 生命周期 - 销毁完成",
+  activated() {
+  } // 如果页面有keep-alive缓存功能，这个函数会触发",
+}
+</script>
+<style scoped>
+
+</style>

src/views/engine/edition/index.vue

@@ -0,0 +1,745 @@
+<template>
+  <div class="app-container">
+    <el-descriptions class="margin-top" :title="ruleInfo.ruleName" :column="3" border>
+      <template slot="extra">
+        <el-dropdown split-button type="primary" @command="handleClick">
+          更多操作
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item command="add">版本添加</el-dropdown-item>
+            <el-dropdown-item command="updIsActivate">激活状态</el-dropdown-item>
+            <el-dropdown-item command="updStatus">版本状态</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+      </template>
+        <el-descriptions-item label="规则名称">{{ruleInfo.ruleName}}</el-descriptions-item>
+        <el-descriptions-item label="引擎编码">{{ruleInfo.ruleCode}}</el-descriptions-item>
+        <el-descriptions-item label="规则级别">
+          <el-tag>
+            <dict-tag :options="dict.type.rule_engine_level" :value="ruleInfo.ruleLevel"/>
+          </el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="规则类型">
+          <el-tag>
+            <dict-tag :options="dict.type.rule_engine_type" :value="ruleInfo.ruleType"/>
+          </el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="是否激活">
+          <span v-if="ruleInfo.ruleIsActivate === 'Y' ">
+            <el-tag type="success"><dict-tag :options="dict.type.rule_engine_activate_status" :value="ruleInfo.ruleIsActivate"/></el-tag>
+          </span>
+          <span v-if="ruleInfo.ruleIsActivate === 'N' ">
+            <el-tag type="danger"><dict-tag :options="dict.type.rule_engine_activate_status" :value="ruleInfo.ruleIsActivate"/></el-tag>
+          </span>
+        </el-descriptions-item>
+        <el-descriptions-item label="规则状态">
+            <span v-if="ruleInfo.ruleStatus === 'Y'">
+              <el-tag type="success">
+                在用
+              </el-tag>
+            </span>
+            <span v-if="ruleInfo.ruleStatus === 'N'">
+              <el-tag type="danger">
+                停用
+              </el-tag>
+            </span>
+        </el-descriptions-item>
+      </el-descriptions>
+
+  <div class="app-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>规则引擎版本</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="12" v-for="edition in editionList">
+          <el-card class="box-card">
+            <div slot="header" class="clearfix">
+              <span>{{edition.name+"_"+edition.versionCode}}</span>
+              <el-dropdown style="float: right; padding: 3px 0" @command="checkRuleEngineVersion">
+                <span class="el-dropdown-link">
+                  更多操作<i class="el-icon-arrow-down el-icon--right"></i>
+                </span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item :command="{event: 'select', rule: edition}">规则详情</el-dropdown-item>
+                  <el-dropdown-item :command="{event: 'test', rule: edition}"
+                                    :disabled="edition.editionStatus === '-1'"
+                  >测试规则</el-dropdown-item>
+                  <el-dropdown-item :command="{event: 'status', rule: edition}" :disabled="edition.editionStatus !== 1">
+                    {{edition.ruleStatus === 'Y' ? "禁用" : "激活"}}规则
+                  </el-dropdown-item>
+                  <el-dropdown-item :command="{event: 'publish', rule: edition.id}"
+                    v-if="edition.editionStatus === 0 && edition.ruleIsTest === 1">
+                    发布规则
+                  </el-dropdown-item>
+                  <el-dropdown-item :command="{event: 'delete', rule: edition}">规则删除</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </div>
+          <el-descriptions class="margin-top" :column="2" border>
+            <el-descriptions-item label="版本类" :span="2">{{edition.versionClass}}</el-descriptions-item>
+            <el-descriptions-item label="版本名称">{{edition.name}}</el-descriptions-item>
+            <el-descriptions-item label="版本编码">{{edition.versionCode}}</el-descriptions-item>
+            <el-descriptions-item label="是否激活">
+              <span v-if="edition.ruleStatus === 'Y'"><el-tag type="success">
+                <dict-tag :options="dict.type.rule_engine_activate_status" :value="edition.ruleStatus"></dict-tag>
+              </el-tag></span>
+              <span v-if="edition.ruleStatus === 'N'"><el-tag type="danger">
+                <dict-tag :options="dict.type.rule_engine_activate_status" :value="edition.ruleStatus"></dict-tag>
+              </el-tag></span>
+            </el-descriptions-item>
+            <el-descriptions-item label="规则状态">
+              <span v-if="edition.editionStatus == 0"><el-tag type="danger">
+                <dict-tag :options="dict.type.rule_engine_edition_status" :value="edition.editionStatus"></dict-tag>
+              </el-tag> </span>
+              <span v-if="edition.editionStatus == 1"><el-tag type="success">
+                <dict-tag :options="dict.type.rule_engine_edition_status" :value="edition.editionStatus"></dict-tag>
+              </el-tag> </span>
+              <span v-if="edition.editionStatus == -1"><el-tag type="info">
+                <dict-tag :options="dict.type.rule_engine_edition_status" :value="edition.editionStatus"></dict-tag>
+              </el-tag> </span>
+            </el-descriptions-item>
+            <el-descriptions-item label="是否测试">
+              <span v-if="edition.ruleIsTest == 0">
+                <el-tag type="danger">
+                  <dict-tag :options="dict.type.rule_engine_is_test" :value="edition.ruleIsTest"></dict-tag>
+                </el-tag>
+              </span>
+              <span v-if="edition.ruleIsTest == 1">
+                <el-tag type="success">
+                  <dict-tag :options="dict.type.rule_engine_is_test" :value="edition.ruleIsTest"></dict-tag>
+                </el-tag>
+              </span>
+              <span v-if="edition.ruleIsTest == -1">
+                <el-tag type="info">
+                  <dict-tag :options="dict.type.rule_engine_is_test" :value="edition.ruleIsTest"></dict-tag>
+                </el-tag>
+              </span>
+            </el-descriptions-item>
+            <editor style="margin-top: 10px" :read-only="true" v-model="edition.editionContent"></editor>
+          </el-descriptions>
+          </el-card>
+        </el-col>
+      </el-row>
+    </el-card>
+  </div>
+    <!-- 添加或修改规则引擎版本对话框 -->
+    <el-dialog title="添加数据" :visible.sync="open" width="75%" append-to-body>
+      <el-card class="box-card">
+        <el-button style="float: right; padding: 3px 0" type="text" @click="genEngineVersion">生成引擎版本类</el-button>
+      </el-card>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-row>
+        <el-col :span="24">
+          <el-form-item label="版本类">
+            <el-input v-model="form.versionClass" disabled placeholder="点击类生成自动生成类版本"  />
+          </el-form-item>
+        </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="版本名称">
+              <el-input v-model="form.name" placeholder="请输入版本名称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="版本编码">
+              <el-input v-model="form.versionCode" placeholder="请输入版本编码" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+          <el-form-item label="内容">
+            <editor v-model="form.editionContent" :min-height="180"/>
+          </el-form-item>
+      </el-form>
+      <el-card class="box-card" v-if="form.ruleContent != ''">
+        <div slot="header" class="clearfix">
+          <span>引擎编码</span>
+        </div>
+        <encoding style="height: 800px" v-model="form.ruleContent"></encoding>
+      </el-card>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+
+<!--    查看详情-->
+    <el-drawer title="查看详情" size="80%" :before-close="ruleEngineVersionInfoStatusClose"
+               :visible.sync="oppten"
+               :direction="'rtl'">
+      <div>
+        <el-descriptions v-if="selectList != null" class="margin-tog" :column="2" border>
+          <el-descriptions-item label="版本类" :span="2">{{selectList.versionClass}}</el-descriptions-item>
+          <el-descriptions-item label="版本名称">
+            <input v-model="selectList.name">
+            </el-descriptions-item>
+          <el-descriptions-item label="版本编码">{{selectList.versionCode}}</el-descriptions-item>
+          <el-descriptions-item label="引擎状态">
+            <dict-tag :options="dict.type.rule_engine_edition_status" :value="selectList.editionStatus"></dict-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="是否激活">
+            <dict-tag :options="dict.type.rule_engine_activate_status" :value="selectList.ruleStatus"></dict-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="是否测试">
+            <dict-tag :options="dict.type.rule_engine_is_test" :value="selectList.ruleIsTest"></dict-tag>
+          </el-descriptions-item>
+        </el-descriptions>
+        <editor style="margin-top: 10px" :min-height="100" v-model="selectList.editionContent"></editor>
+        <el-row style="margin-top: 10px">
+            <el-button @click="saveCoding(selectList)">保存代码</el-button>
+        </el-row>
+        <encoding style="height: 800px; margin-top: 20px" v-model="selectList.ruleContent"></encoding>
+      </div>
+    </el-drawer>
+<!--    规则测试  -->
+    <el-drawer title="规则版本测试" size="80%" :before-close="ruleEngineVersionInfoStatusClose"
+               :visible.sync="openRuleTest" :direction="'rtl'">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-descriptions v-if="selectList!=null" class="margin-tog" :column="2" border>
+            <el-descriptions-item label="版本类" :span="2">{{selectList.versionClass}}</el-descriptions-item>
+            <el-descriptions-item label="版本名称">{{selectList.name}}</el-descriptions-item>
+            <el-descriptions-item label="版本编码">{{selectList.versionCode}}</el-descriptions-item>
+            <el-descriptions-item label="引擎状态">
+            <dict-tag :options="dict.type.rule_engine_edition_status" :value="selectList.editionStatus"></dict-tag>
+            </el-descriptions-item>
+            <el-descriptions-item label="是否激活">
+              <dict-tag :options="dict.type.rule_engine_activate_status" :value="selectList.ruleStatus"></dict-tag>
+            </el-descriptions-item>
+            <el-descriptions-item label="是否测试">
+              <dict-tag :options="dict.type.rule_engine_is_test" :value="selectList.ruleIsTest"></dict-tag>
+            </el-descriptions-item>
+          </el-descriptions>
+        </el-col>
+        <el-col :span="12">
+          <editor style="margin-top: 10px" :read-only="true" :min-height="105" v-model="selectList.editionContent"></editor>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <encoding style="margin-top: 20px" v-model="selectList.ruleContent"></encoding>
+        </el-col>
+          <el-col :span="12">
+              <el-col :span="primaryId == null ? 24:12">
+                  <el-card class="box-card">
+                      <div slot="header" class="clearfix">
+                          <span>选择资产结构</span>
+                      </div>
+                      <el-select v-model="primaryId" style="width: 100%">
+                          <el-option v-for="asses in primary"
+                                     :key="asses.tableLists"
+                                     :value="asses.tableLists"
+                                     :label="asses.name+'('+asses.databaseName+')'">
+                          </el-option>
+                      </el-select>
+                  </el-card>
+              </el-col>
+              <el-col :span="12" v-if="primaryId != []">
+                  <el-card class="box-card">
+                      <div slot="header" class="clearfix">
+                          <span>选择资产模型</span>
+                      </div>
+                      <el-select v-model="tableLisrs" style="width: 100%;">
+                          <el-option v-for="model in primaryId"
+                                     :key="model.id+model.tableName"
+                                     :value="model.id+model.tableName"
+                                     :label="model.databaseName+'('+model.tableName+')'"
+                          ></el-option>
+                      </el-select>
+                  </el-card>
+              </el-col>
+              <el-col :span="24" v-if="tableLisrs != null">
+                  <el-card class="box-card" v-if="ruleInfo.ruleLevel === 1">
+                      <div slot="header" class="clearfix">
+                          <span>任务</span>
+                      </div>
+                  </el-card>
+                  <el-card class="box-card" v-if="ruleInfo.ruleLevel === 2">
+                      <div slot="header" class="clearfix">
+                          <span>数据集</span>
+                      </div>
+                      <el-table ref="multipleTable" :data="columnOne2" max-height="200px" @selection-change="changeDataRow">
+                        <el-table-column type="selection" width="55"></el-table-column>
+<!--                        <el-table-column v-for="dataModel in columnOne2" :label="dataModel.key" :prop="dataModel.val"/>-->
+                        <el-table-column v-for="(val, key) in columnOne2[0]" :key="key" :label="key" :prop="key"></el-table-column>
+                      </el-table>
+                      <div style="margin-top: 20px">
+                        <el-button @click="toggleSelection()">清空选择</el-button>
+                      </div>
+                    <el-descriptions title="选择模型" :column="3" border style="margin-top: 20px">
+                      <el-descriptions-item v-for="edinn in columnOne[0]"
+                                            :label='edinn.key'>
+                        <el-checkbox v-model="dataRecordSelectKeyList" :label="edinn.key" >{{edinn.key}}</el-checkbox>
+                      </el-descriptions-item>
+                    </el-descriptions>
+                  </el-card>
+                <el-card class="box-card" v-if="ruleInfo.ruleLevel === 3">
+                      <div slot="header" class="clearfix">
+                          <span>记录</span>
+                      </div>
+                      <el-table :data="columnOne2" max-height="200px">
+                        <el-table-column v-for="(val, key) in columnOne2[0]" :key="key" :label="key" :prop="key"></el-table-column>
+                        <el-table-column label="操作">
+                          <template slot-scope="scope">
+                            <el-button type="text" @click="dataRecordSelect(scope.row)">选择</el-button>
+                          </template>
+                        </el-table-column>
+                      </el-table>
+                  <el-descriptions title="选择行数据" direction="vertical" :column="3" border style="margin-top: 20px" v-if="fieldd != null">
+                    <el-descriptions-item v-for="(val, key) in fieldd"
+                                          :label='key'>
+                      <el-checkbox v-model="dataRecordSelectKeyList" :label="val" :value="val">{{val}}</el-checkbox>
+                    </el-descriptions-item>
+                  </el-descriptions>
+                  </el-card>
+                  <el-card class="box-card" v-if="ruleInfo.ruleLevel === 4">
+                      <div slot="header" class="clearfix">
+                          <span>数据字段</span>
+                      </div>
+                      <button @click="dield(tableLisrs,ruleInfo.ruleLevel)">随机</button>
+                      <el-descriptions title="字段" :column="3" border>
+                          <el-descriptions-item v-for="tab in fields" :label="tab.key">
+                            <el-radio v-model="dataMode" :label="tab.val" :value="tab.val">{{tab.val}}</el-radio>
+                          </el-descriptions-item>
+                      </el-descriptions>
+<!--                    <el-descriptions direction="vertical" :column="3" border>-->
+<!--                      <el-descriptions-item v-for="_dataModel in dataModelList"-->
+<!--                                            :label='_dataModel.name + "("+_dataModel.comment+")"'>-->
+<!--                        <el-radio v-model="dataModel" :label="_dataModel.name" :value="_dataModel.id">-->
+<!--                          {{ newData[dataModelMapIndex][_dataModel.name] }}-->
+<!--                        </el-radio>-->
+<!--                      </el-descriptions-item>-->
+<!--                    </el-descriptions>-->
+                  </el-card>
+              </el-col>
+            <el-col :span="24" style="margin-top: 10px" v-if="dataMode != null || dataRecordSelectKeyList.length > 0">
+              <el-button @click="dataTest">测试</el-button>
+              <el-input style="margin-top: 10px" v-model="testResult" type="textarea" placeholder="请点击测试" disabled/>
+            </el-col>
+          </el-col>
+      </el-row>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+import { selectRuleEngineOne, updateRuleIsActivate, updateRuleStatus, spliceNameToCode  } from "@/api/goods/engine";
+import { selectListRuleId, getEdition, delEdition, addEdition, updateEdition, updRuleStatus, updRuleSsTest, updEditionStatus } from "@/api/goods/edition";
+import { selectFrimary  } from "@/api/system/accredit";
+import { getRabdomData, getColumn, setColumn } from "@/api/test/testData";
+import Encoding from "@/components/Encoding/index.vue";
+
+export default {
+  name: "Edition",
+  components: {Encoding},
+  dicts: ['rule_engine_level', 'rule_engine_activate_status', 'rule_engine_type', 'rule_engine_edition_status', 'rule_engine_is_test'],
+
+  data() {
+    return {
+      // 接收数据
+      ruleId: this.$route.params && this.$route.params.ruleId,
+      //接收规则
+      ruleInfo: {},
+      selectList: {},
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 规则引擎版本表格数据
+      editionList: null,
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 详情弹出层
+      oppten: false,
+      //测试弹出层
+      openRuleTest: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      //测试传输
+      testDataModelReq: {
+        ruleLevel: '',
+        editionId: '',
+        keys: [],
+        dataModel: {},
+        dataModelList: [],
+        dataModelLists: []
+      },
+      //测试表单
+      ruleEngineTest:{},
+      primary: [],
+      //数据模型
+      dataModelList: [],
+      //复选列
+      columns: [],
+      //单选列
+      columnOne: [],
+      columnOne2: [],
+      //复选字段
+      fields: [],
+      fieldd: [],
+      //多选记录
+      dataRecordSelectKeyList: [],
+      dataModelMapList: [],
+      dataModelMapIndex: 0,
+      dataRecordSelectData: null,
+      dataMode: null,
+      //父类列
+      primaryId: [],
+      tableLisrs: null,
+      //记录数据集选择的列
+      changeDataList: [],
+      //记录使用
+      fieldDataModel: {},
+      recordDataModel: [],
+      dataSetDataModel: [],
+      // 表单参数
+      form: {
+        versionClass: "",
+        name: "",
+        versionCode: "",
+        editionContent: "",
+        ruleContent: ""
+      },
+      //显示结果
+      testResult: "",
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+  //监控
+  watch: {
+    // 监控conditionVar变量
+    tableLisrs(newVal, oldVal) {
+      if (newVal !== null && newVal !== oldVal) {
+        this.executeApi(); // 当tableLists不为null且变化时，执行接口请求的方法
+      }
+  },
+},
+  created() {
+    this.getList();
+  },
+  methods: {
+    // 测试
+    dataTest(){
+      // console.log(this.dataRecordSelectKeyList)
+      // console.log(this.dataMode)
+      if (this.ruleInfo.ruleLevel === 4){
+        this.fieldDataModel = null;
+        console.log(this.dataMode)
+        this.fields.forEach(dataModel => {
+          if (dataModel.val === this.dataMode){
+            this.fieldDataModel = dataModel
+          }
+        })
+      }else if (this.ruleInfo.ruleLevel === 3){
+        this.recordDataModel = []
+        this.columnOne.forEach(dataModel => {
+          const keys = Object.keys(this.fieldd)
+          const firstKey = keys[0];
+          const firsValue = this.fieldd[firstKey];
+          if (dataModel[0].val == firsValue) {
+            this.dataRecordSelectKeyList.forEach(dataRecordSelect => {
+              const foundDataModel = dataModel.find(dataModels => dataModels.key === dataRecordSelect);
+              this.recordDataModel.push(foundDataModel)
+            });
+          }
+        })
+      }else if (this.ruleInfo.ruleLevel === 2){
+        this.dataSetDataModel = []
+        this.changeDataList.forEach(changeData => {
+          const keys = Object.keys(changeData)
+          const firstKey = keys[0];
+          const firsValue = changeData[firstKey];
+          this.recordDataModel = [];
+          this.columnOne.forEach(dataModel => {
+            if (dataModel[0].val == firsValue) {
+              this.dataRecordSelectKeyList.forEach(dataRecordSelect => {
+                const foundDataModel = dataModel.find(dataModels => dataModels.key === dataRecordSelect);
+                this.recordDataModel.push(foundDataModel)
+              });
+            }
+          })
+          this.dataSetDataModel.push(this.recordDataModel)
+        })
+      }
+      this.testDataModelReq = {
+        ruleLevel: this.ruleInfo.ruleLevel,
+        editionId: this.selectList.id,
+        keys: this.dataRecordSelectKeyList,
+        dataModel: this.fieldDataModel,
+        dataModelList: this.recordDataModel,
+        dataModelLists: this.dataSetDataModel
+      }
+      setColumn(this.testDataModelReq).then(res => {
+        this.testResult = res.data
+        if (this.testResult === '正常，无需返回'){
+          updRuleSsTest(this.selectList.id,1)
+        }else{
+          updRuleSsTest(this.selectList.id,0)
+        }
+      })
+    },
+    // 记录选中行
+    changeDataRow(val) {
+      this.changeDataList = val
+    },
+    // 关闭
+    ruleEngineVersionInfoStatusClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          this.ruleEngineVersionInfoAndTest = {};
+          done();
+          this.getList()
+        })
+        .catch(_ => {});
+    },
+    /**
+     * 随机字段
+     * @param id
+     */
+    dield(tableLisrs,ruleLevel) {
+        var id = parseInt(tableLisrs.split('')[0]);
+        var tableName = tableLisrs.slice(1)
+      getRabdomData(id,tableName,ruleLevel).then(res => {
+        this.fields = res.data;
+      })
+    },
+    //显示队列
+    executeApi() {
+      var id = parseInt(this.tableLisrs.split('')[0]);
+      var tableName = this.tableLisrs.slice(1)
+      getColumn(id,tableName,this.ruleInfo.ruleLevel).then(res => {
+        this.columnOne = res.data
+        var list = this.columnOne;
+        var list2 = [];
+        list.forEach(function (sublist) {
+          var dict2 = {}
+          sublist.forEach(function (item) {
+            dict2[item["key"]] = item["val"];
+          })
+          list2.push(dict2)
+        })
+        // list.forEach((item,index) => {
+        //   list2[index] = item
+        // })
+
+        this.columnOne2 = list2;
+      })
+    },
+    toggleSelection() {
+      this.$refs.multipleTable.clearSelection();
+    },
+    //读取队列
+    dataRecordSelect(row) {
+      this.dataRecordSelectKeyList = []
+      this.fieldd = row
+    },
+    /** 查询规则引擎版本列表 */
+    getList() {
+      this.form.ruleId = this.ruleId
+      selectFrimary().then(res => {
+        this.primary = res.data
+      })
+      selectRuleEngineOne(this.ruleId).then(res => {
+        this.ruleInfo = res.data;
+      })
+      selectListRuleId(this.ruleId).then(res => {
+        this.editionList = res.data
+        this.loading = false;
+      })
+      this.loading = true;
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    saveCoding(row) {
+      updateEdition(row).then(res => {
+        this.$message.success(res.data)
+      })
+      updEditionStatus(row.id).then(
+      )
+      this.getList()
+    },
+    // 引擎版本操作
+    checkRuleEngineVersion(clickType) {
+      switch (clickType.event){
+        case "delete"://删除
+          if (confirm("确认删除吗")){
+            delEdition(clickType.rule.id)
+          }
+          this.getList()
+          break;
+        case "publish"://版本发布
+          updEditionStatus(clickType.rule).then(res => {
+            this.$message.success(res.data)
+            this.getList()
+          })
+          break;
+        case "select"://详情
+          this.selectList = clickType.rule
+          this.oppten = true
+          break;
+        case "test"://测试
+          this.openRuleTest = true
+          this.selectList = clickType.rule
+          break;
+        case "status"://激活状态
+          console.log(clickType)
+          console.log(clickType.rule.ruleStatus)
+          console.log(clickType.rule.id)
+          if (clickType.rule.ruleStatus === "Y"){
+            updRuleStatus(clickType.rule.id,"N").then(res => {
+              this.$message.success(res.data)
+              this.getList()
+            })
+          }else if (clickType.rule.ruleStatus === "N"){
+            updRuleStatus(clickType.rule.id,"Y").then(res => {
+              this.$message.success(res.data)
+              this.getList()
+            })
+          }
+
+        break;
+      }
+    },
+    // 维护操作
+    handleClick(clickType) {
+      if (clickType === "add"){
+        this.open = true;
+      }else if (clickType === "updIsActivate"){
+        updateRuleIsActivate(this.ruleInfo).then(res => {
+          this.$message.success(res.data)
+          this.getList()
+        })
+      }else if (clickType === "updStatus"){
+        updateRuleStatus(this.ruleInfo).then(res => {
+          this.$message.success(res.data)
+          this.getList()
+        })
+      }
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        ruleId: null,
+        editionName: null,
+        versionClass: null,
+        name: null,
+        versionCode: null,
+        editionStatus: null,
+        ruleStatus: null,
+        ruleIsTest: null,
+        editionContent: null,
+        ruleContent: null
+      };
+      this.resetForm("form");
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加规则引擎版本";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getEdition(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改规则引擎版本";
+      });
+    },
+    genEngineVersion(){
+      if (this.form.name == null || this.form.name === "") {
+        this.$message.error('规则名称不可为空');
+        return false;
+      }
+      if (this.form.versionCode == null || this.form.versionCode === "") {
+        this.$message.error('版本编码不可为空');
+        return false;
+      }
+      spliceNameToCode(this.ruleInfo.ruleCode,this.form.versionCode,this.ruleInfo.ruleLevel).then(res => {
+        this.form.versionClass = res.data.val;
+        this.form.ruleContent = res.data.code
+      })
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateEdition(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addEdition(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 delEdition(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    // 获取代码模板
+    getCodeIng(){
+      let packageName = "com.muyu.rule.engine";
+      let customName = "custom";
+      let templateName = "template";
+      let parentClass = "DataModelEngine";
+      let ruleContent = `package ${packageName}.${customName};
+
+import com.muyu.engine.action.ActionDiscard;
+import com.muyu.engine.scope.${parentClass};
+
+/**
+ * @Author: DongZeLiang
+ * @date: 2024/5/6
+ * @Description: ${this.form.name}-${this.form.versionCode}
+ * @Version: 1.0
+ */
+public class ${this.form.versionCode} extends ${parentClass} {
+    @Override
+    public void execution () {
+        Object value = getValue();
+
+        if (value == null || "".equals(value) || "null".equals(value)) {
+            throw new ActionDiscard();
+        }
+    }
+}`;
+      return ruleContent;
+    }
+  }
+};
+</script>

src/views/engine/rule/index.vue

@@ -0,0 +1,404 @@
+<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="ruleName">
+        <el-input
+          v-model="queryParams.ruleName"
+          placeholder="请输入规则名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+        <el-form-item label="是否激活" prop="ruleIsActivate">
+          <el-select v-model="queryParams.ruleIsActivate" placeholder="请选择规则类型" clearable>
+            <el-option label="是" value="Y"></el-option>
+            <el-option label="否" value="N"></el-option>
+          </el-select>
+        </el-form-item>
+      <el-form-item label="规则状态" prop="ruleStatus">
+        <el-select v-model="queryParams.ruleStatus" placeholder="请选择规则状态" clearable>
+          <el-option label="在用" value="Y"></el-option>
+          <el-option label="停用" value="N"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="规则级别" prop="ruleLevel">
+        <el-select v-model="queryParams.ruleLevel" placeholder="请选择规则级别" clearable>
+          <el-option v-for="(val,cod) in dict.type.rule_engine_level"
+                     :key="cod"
+                     :label="val.label"
+                     :value="Number(val.value)"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="规则类型" prop="ruleType">
+        <el-select v-model="queryParams.ruleType" placeholder="请选择规则类型" clearable>
+          <el-option v-for="(val,cod) in dict.type.rule_engine_type"
+                     :key="cod"
+                     :label="val.label"
+                     :value="Number(val.value)"></el-option>
+        </el-select>
+      </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="['goods:engine: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="['goods:engine: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="['goods:engine: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="['goods:engine:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="engineList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="主键" align="center" prop="ruleId" />
+      <el-table-column label="规则名称" align="center" prop="ruleName" />
+      <el-table-column label="引擎编码" align="center" prop="ruleCode" />
+      <el-table-column label="规则级别" align="center" prop="ruleLevel" >
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.rule_engine_level" :value="scope.row.ruleLevel"></dict-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="规则类型" align="center" prop="ruleType" >
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.rule_engine_type" :value="scope.row.ruleType"></dict-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="是否激活" align="center" prop="ruleIsActivate" >
+        <template slot-scope="scope">
+          <el-tag size="small" v-if="scope.row.ruleIsActivate === 'Y'">是</el-tag>
+          <el-tag size="small" v-if="scope.row.ruleIsActivate === 'N'">否</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="规则状态" align="center" prop="ruleStatus" >
+        <template slot-scope="scope">
+          <el-tag size="small" v-if="scope.row.ruleStatus === 'Y'">在用</el-tag>
+          <el-tag size="small" v-if="scope.row.ruleStatus === 'N'">停用</el-tag>
+        </template>
+      </el-table-column>
+      <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-takeaway-box"
+            @click="toEngineVersion(scope.row)"
+            v-hasPermi="['system:engine:edit']"
+          >规则维护</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['goods:engine:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['goods:engine: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="80%" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="规则名称" prop="ruleName">
+              <el-input v-model="form.ruleName" placeholder="请输入规则名称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="引擎编码" prop="ruleCode">
+              <el-input v-model="form.ruleCode" placeholder="请输入引擎编码" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="规则类型" prop="ruleType">
+              <el-select v-model="form.ruleType" placeholder="请选择规则类型" style="width: 100%">
+                <el-option v-for="(val,cod) in dict.type.rule_engine_type"
+                           :key="cod"
+                           :label="val.label"
+                           :value="Number(val.value)"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="规则级别" prop="ruleLevel">
+              <el-select v-model="form.ruleLevel" placeholder="请选择规则作用域级别" style="width: 100%;">
+                <el-option v-for="(val,cod) in dict.type.rule_engine_level"
+                           :key="cod"
+                           :label="val.label"
+                           :value="Number(val.value)"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="规则描述">
+              <editor v-model="form.description" :min-height="192"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="备注" prop="remark">
+              <el-input v-model="form.remark" placeholder="请输入备注" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </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>
+<!-- 规则维护 -->
+    <el-dialog
+      title="提示"
+      :visible.sync="cisid"
+      width="30%"
+      center>
+      <span>{{engine.description}}</span>
+      <span slot="footer" class="dialog-footer">
+    <el-button @click="cisid = false">取 消</el-button>
+    <el-button type="primary" @click="cisid = false">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listEngine, getEngine, delEngine, addEngine, updateEngine, selectRuleEngineByRuleId
+} from "@/api/goods/engine";
+import version from "@/views/engine/version/index.vue";
+import path from "path";
+
+export default {
+  name: "Engine",
+  components: {},
+
+  dicts: ['rule_engine_level', 'rule_engine_activate_status', 'rule_engine_type', 'rule_engine_edition_status', 'rule_engine_is_test'],
+
+  data() {
+    return {
+      // 规则维护
+      cisid: false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 规则引擎表格数据
+      engineList: [],
+      engine: {
+        ruleId: '',
+        description: ''
+      },
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        ruleName: null,
+        ruleLevel: null,
+        ruleType: null,
+        ruleIsActivate: null,
+        ruleStatus: null,
+      },
+      //单选框或下拉框
+      //规则类型
+      ruleType: [
+        {val:'规则模板'},
+        {val:'自定义规则'}
+      ],
+      //规则等级
+      ruleLevel: [
+        {val:'数据集'},
+        {val:'记录'},
+        {val:'数据字段'},
+      ],
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询规则引擎列表 */
+    getList() {
+      this.loading = true;
+      listEngine(this.queryParams).then(response => {
+        console.log(response)
+        this.engineList = response.data.rows;
+        this.total = response.data.total;
+        this.loading = false;
+      });
+    },
+    toEngineVersion(row){
+      this.$router.push( {path: `edition/${row.ruleId}`});
+      // this.$router.push( {path: `version/${row.ruleId}`});
+      // selectRuleEngineByRuleId(row.ruleId).then(res => {
+      //   this.engine = res.data
+      //   this.cisid = true;
+      // })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        ruleId: null,
+        ruleName: null,
+        ruleCode: null,
+        ruleLevel: null,
+        ruleType: null,
+        ruleIsActivate: null,
+        ruleStatus: null,
+        description: 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.ruleId)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加规则引擎";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const ruleId = row.ruleId || this.ids
+      getEngine(ruleId).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改规则引擎";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.ruleId != null) {
+            updateEngine(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addEngine(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ruleIds = row.ruleId || this.ids;
+      this.$modal.confirm('是否确认删除规则引擎编号为"' + ruleIds + '"的数据项？').then(function() {
+        return delEngine(ruleIds);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('goods/engine/export', {
+        ...this.queryParams
+      }, `engine_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>

src/views/engine/version/index.vue

@@ -0,0 +1,308 @@
+<template>
+  <div>
+    <el-card style="width: 95%;margin-left: 35px;margin-top: 10px">
+      <div slot="header" class="clearfix">
+        <span>引擎规则基本信息</span>
+        <el-button style="float: right" @click="goBack" size="medium" type="text">返回</el-button>
+      </div>
+      <el-descriptions border :column="3">
+        <el-descriptions-item label="规则名称">{{ruleInfo.ruleName}}</el-descriptions-item>
+        <el-descriptions-item label="引擎编码">{{ruleInfo.ruleCode}}</el-descriptions-item>
+        <el-descriptions-item label="规则级别">{{ruleInfo.ruleLevel}}</el-descriptions-item>
+        <el-descriptions-item label="规则类型">{{ruleInfo.ruleType}}</el-descriptions-item>
+        <el-descriptions-item label="是否激活">
+          <el-tag size="small" v-if="ruleInfo.ruleIsActivate === 'Y'">是</el-tag>
+          <el-tag size="small" v-if="ruleInfo.ruleIsActivate === 'N'">否</el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="规则状态">
+          <el-tag size="small" v-if="ruleInfo.ruleStatus === 'Y'">在用</el-tag>
+          <el-tag size="small" v-if="ruleInfo.ruleStatus === 'N'">停用</el-tag>
+        </el-descriptions-item>
+      </el-descriptions>
+    </el-card>
+    <el-card :body-style="{ padding: '0.3px' }" class="versionContainer" style="width: 95%;margin-left: 35px;margin-top: 10px">
+      <div slot="header" class="clearfix">
+        <span>规则内容</span>
+        <el-button style="float: right;margin-left: 5px" @click="handleDel" size="medium" type="text">删除此版本</el-button>
+        <el-button style="float: right;margin-left: 5px" @click="handleAdd" size="medium" type="text">新增版本</el-button>
+        <el-button style="float: right;margin-left: 5px" @click="()=>{this.visible=true;}" size="medium" type="text">测试规则</el-button>
+        <el-button style="float: right;margin-left: 5px" @click="saveContent" size="medium" type="text">保存此版本</el-button>
+      </div>
+      <div style="padding: 0!important;overflow: hidden;position: relative;">
+        <el-empty v-if="versionList.length===0" description="暂无规则内容" style="height: 450px"></el-empty>
+        <el-tabs v-else type="border-card" v-model="activeName" >
+          <el-tab-pane :key="index" v-for="(scope,index) in versionList" :label="scope.versionCode" :name="index+''">
+            <encoding v-if="activeName===index.toString()" style="height: 600px" v-model="scope.ruleContent" ></encoding>
+          </el-tab-pane>
+        </el-tabs>
+        <el-drawer
+          title="规则测试"
+          :visible.sync="visible"
+          :before-close="handleClose"
+          :lockScroll="false"
+          :modal="false"
+          direction="rtl"
+          style="position: absolute;"
+        >
+          <el-form >
+            <el-form-item label="测试数据" style="margin-left: 5px">
+              <el-input type="textarea" v-model="testData" ></el-input>
+            </el-form-item>
+            <el-form-item label="测试结果" style="margin-left: 5px">
+              <el-input type="textarea" v-model="resData" ></el-input>
+            </el-form-item>
+            <el-form-item style="margin-left: 5px">
+              <el-button type="primary" size="small" @click="handleTest">测试</el-button>
+            </el-form-item>
+          </el-form>
+        </el-drawer>
+      </div>
+    </el-card>
+    <!-- 添加或修改引擎规则配置对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="版本编码" prop="versionCode">
+          <el-input v-model="form.versionCode" placeholder="请输入版本编码" />
+        </el-form-item>
+        <el-form-item label="新增依据" prop="newBasis">
+          <el-select v-model="form.newBasis" placeholder="请选择新增依据" style="width: 100%" @change="handlerChange">
+            <el-option :key="-1" label="克隆公共配置" value="-1"></el-option>
+            <el-option
+              v-for="(item,index) in versionList"
+              :key="index"
+              :label="'克隆'+item.versionCode+'版本'"
+              :value="index">
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </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>
+// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+// 例如：import 《组件名称》 from '《组件路径》,
+import { selectRuleEngineByRuleId, selectRuleEngineOne } from "@/api/goods/engine";
+import Encoding from "@/components/Encoding/index.vue";
+import { listConfigEs, getConfig, addConfig, updateConfig, delConfig, textData, getScopeInfo, queryConfigInfo } from "@/api/goods/config";
+
+export default {
+  // import引入的组件需要注入到对象中才能使用"
+  components: { Encoding },
+  props: {},
+  data() {
+    // 这里存放数据"
+    return {
+      visible: false,
+      // configId: this.$route.params && this.$route.params.configId,
+      ruleId: this.$route.params && this.$route.params.ruleId,
+      // ruleId: 1,
+      ruleInfo: {},
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 引擎表格数据
+      configList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        versionCode: null,
+        ruleContent: null,
+        ruleId: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        versionCode: [
+          { required: true, message: "版本编码不能为空", trigger: "blur" }
+        ],
+        newBasis: [
+          { required: true, message: "新增依据不能为空", trigger: "blur" }
+        ],
+      },
+      testData:'1424587994@163com,2949451835@qq.com',
+      activeName: '0',
+      baseRuleContent:'',
+      versionList: [],
+      resData: ''
+    }
+  },
+  // 计算属性 类似于data概念",
+  computed: {},
+  // 监控data中的数据变化",
+  watch: {},
+  // 方法集合",
+  methods: {
+    init() {
+      selectRuleEngineOne(this.ruleId).then(res => {
+        this.ruleInfo = res.data
+      })
+      // selectRuleEngineByRuleId(this.ruleId).then(res => {
+      //   this.ruleInfo = res.data
+      // })
+      listConfigEs(this.ruleId).then(res => {
+        this.versionList = res.data
+      })
+      getScopeInfo(0).then(res => {
+        console.log(res.data)
+        this.baseRuleContent = res.data.code
+      })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        versionCode: null,
+        ruleContent: null,
+        ruleId: null
+      };
+      this.resetForm("form");
+    },
+    // 更新依据
+    handlerChange(val){
+      if(val!=='-1'){
+        this.form.ruleContent=this.versionList[Number(val)].ruleContent;
+      }else {
+        this.form.ruleContent=this.baseRuleContent;
+      }
+    },
+    goBack() {
+      this.$router.go(-1);
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.init();
+    },
+    /** 重置按钮操作 */
+    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.form.ruleId=this.ruleInfo.ruleId;
+      this.title = "添加引擎";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getConfig(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改引擎";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateConfig(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.init();
+            });
+          } else {
+            addConfig(this.form).then(response => {
+              console.log(this.form)
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.init();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDel(row) {
+      const ids = row.id || this.ids;
+      let data = this.versionList[Number(this.activeName)]
+      this.$modal.confirm('是否确认删除引擎版本为"' + data.versionCode + '"的数据项？').then(function() {
+        return delConfig(data.id);
+      }).then(() => {
+        this.init();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    saveContent() {
+      updateConfig(this.versionList[Number(this.activeName)]).then(response => {
+        this.$message.success("保存成功");
+      })
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('system/config/export', {
+        ...this.queryParams
+      }, `config_${new Date().getTime()}.xlsx`)
+    },
+    handleTest() {
+      textData({id:this.versionList[Number(this.activeName)].id,list:this.testData.split(',')}).then(response=>{
+        this.resData=response.data;
+        this.$message.success("测试成功");
+      })
+    },
+    handleClose() {
+      this.visible=false;
+    }
+  },
+  // 生命周期 - 创建完成（可以访问当前this实例）",
+  created() {
+    this.init();
+  },
+  // 生命周期 - 挂载完成（可以访问DOM元素）",
+  mounted() {
+  },
+  beforeCreate() {
+  }, // 生命周期 - 创建之前",
+  beforeMount() {
+  }, // 生命周期 - 挂载之前",
+  beforeUpdate() {
+  }, // 生命周期 - 更新之前",
+  updated() {
+  }, // 生命周期 - 更新之后",
+  beforeDestroy() {
+  }, // 生命周期 - 销毁之前",
+  destroyed() {
+  }, // 生命周期 - 销毁完成",
+  activated() {
+  } // 如果页面有keep-alive缓存功能，这个函数会触发",
+}
+</script>
+<style scoped>
+
+</style>

src/views/good/index.vue

@@ -0,0 +1,104 @@
+<template>
+  <div>
+    <el-button @click="yes()">按钮</el-button>
+    <el-form :inline="true" :model="cope" class="demo-form-inline">
+      <el-form-item label="标题">
+        <el-input v-model="cope.type" placeholder="题目"></el-input>
+      </el-form-item>
+      <el-form-item label="标签">
+        <el-input v-model="cope.val" placeholder="标签"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="onSubmit">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table :data="copeList">
+      <el-table-column prop="type" label="题目"></el-table-column>
+      <el-table-column prop="val" label="标签"></el-table-column>
+      <el-table-column label="查看">
+        <span slot-scope="scope">
+          <el-button @click="selTypes(scope.row.type)">查看</el-button>
+        </span>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+// 例如：import 《组件名称》 from '《组件路径》,
+import { listCope, selType, selObject } from "@/api/goods/cope";
+import { sel } from "@/api/ranges/range";
+import { lists } from "@/api/system/access";
+
+export default {
+  // import引入的组件需要注入到对象中才能使用"
+  components: {},
+  props: {},
+  data() {
+    // 这里存放数据"
+    return {
+      cope: {
+        type: '',
+        val: ''
+      },
+      copeList: [],
+      selCope:[]
+    }
+  },
+  // 计算属性 类似于data概念",
+  computed: {},
+  // 监控data中的数据变化",
+  watch: {},
+  // 方法集合",
+  methods: {
+    yes() {
+      sel().then(res => {
+      })
+    },
+    onSubmit() {
+      selObject(this.cope).then(res => {
+        this.copeList = res.data
+      })
+    },
+    selTypes(name) {
+      selType(name).then(res => {
+      this.copeList = res.data
+      })
+    },
+    init() {
+      lists().then(res => {
+        console.log(res.data)
+      })
+      listCope().then(res => {
+        this.copeList = res.data
+      })
+    }
+  },
+  // 生命周期 - 创建完成（可以访问当前this实例）",
+  created() {
+    this.init()
+  },
+  // 生命周期 - 挂载完成（可以访问DOM元素）",
+  mounted() {
+
+  },
+  beforeCreate() {
+  }, // 生命周期 - 创建之前",
+  beforeMount() {
+  }, // 生命周期 - 挂载之前",
+  beforeUpdate() {
+  }, // 生命周期 - 更新之前",
+  updated() {
+  }, // 生命周期 - 更新之后",
+  beforeDestroy() {
+  }, // 生命周期 - 销毁之前",
+  destroyed() {
+  }, // 生命周期 - 销毁完成",
+  activated() {
+  } // 如果页面有keep-alive缓存功能，这个函数会触发",
+}
+</script>
+<style scoped>
+
+</style>

src/views/goods/admin/index.vue

@@ -1,287 +0,0 @@
-<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="username">
-        <el-input
-          v-model="queryParams.username"
-          placeholder="请输入用户名"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="密码" prop="password">
-        <el-input
-          v-model="queryParams.password"
-          placeholder="请输入密码"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="号码" prop="tel">
-        <el-input
-          v-model="queryParams.tel"
-          placeholder="请输入号码"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="角色" prop="typeId">
-        <el-input
-          v-model="queryParams.typeId"
-          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="['goods:admin: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="['goods:admin: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="['goods:admin: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="['goods:admin:export']"
-        >导出</el-button>
-      </el-col>
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
-
-    <el-table v-loading="loading" :data="adminList" @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="username" />
-      <el-table-column label="密码" align="center" prop="password" />
-      <el-table-column label="号码" align="center" prop="tel" />
-      <el-table-column label="角色" align="center" prop="typeId" />
-      <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="handleUpdate(scope.row)"
-            v-hasPermi="['goods:admin:edit']"
-          >修改</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['goods:admin: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="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="用户名" prop="username">
-          <el-input v-model="form.username" placeholder="请输入用户名" />
-        </el-form-item>
-        <el-form-item label="密码" prop="password">
-          <el-input v-model="form.password" placeholder="请输入密码" />
-        </el-form-item>
-        <el-form-item label="号码" prop="tel">
-          <el-input v-model="form.tel" placeholder="请输入号码" />
-        </el-form-item>
-        <el-form-item label="角色" prop="typeId">
-          <el-input v-model="form.typeId" placeholder="请输入角色" />
-        </el-form-item>
-      </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 { listAdmin, getAdmin, delAdmin, addAdmin, updateAdmin } from "@/api/goods/admin";
-
-export default {
-  name: "Admin",
-  data() {
-    return {
-      // 遮罩层
-      loading: true,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 测试信息表格数据
-      adminList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      // 查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        username: null,
-        password: null,
-        tel: null,
-        typeId: null
-      },
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {
-      }
-    };
-  },
-  created() {
-    this.getList();
-  },
-  methods: {
-    /** 查询测试信息列表 */
-    getList() {
-      this.loading = true;
-      listAdmin(this.queryParams).then(response => {
-        this.adminList = response.rows;
-        this.total = response.total;
-        this.loading = false;
-      });
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: null,
-        username: null,
-        password: null,
-        tel: null,
-        typeId: 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.title = "添加测试信息";
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const id = row.id || this.ids
-      getAdmin(id).then(response => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改测试信息";
-      });
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate(valid => {
-        if (valid) {
-          if (this.form.id != null) {
-            updateAdmin(this.form).then(response => {
-              this.$modal.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
-          } else {
-            addAdmin(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 delAdmin(ids);
-      }).then(() => {
-        this.getList();
-        this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
-    },
-    /** 导出按钮操作 */
-    handleExport() {
-      this.download('goods/admin/export', {
-        ...this.queryParams
-      }, `admin_${new Date().getTime()}.xlsx`)
-    }
-  }
-};
-</script>