wang_xi_zhao
/
assets-uim
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: wang_xi_zhao:dev-1
Branches Tags
wang_xi_zhao:car_1
wang_xi_zhao:car_2
wang_xi_zhao:dev-1
wang_xi_zhao:master
..
compare: wang_xi_zhao:master
Branches Tags
wang_xi_zhao:car_1
wang_xi_zhao:car_2
wang_xi_zhao:dev-1
wang_xi_zhao:master

No commits in common. "dev-1" and "master" have entirely different histories.
dev-1 ... master

30 changed files with 828 additions and 4515 deletions
Show Stats Expand all files Collapse all files

1
package.json
View File

@ -53,7 +53,6 @@
"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",

44
src/api/goods/admin.js 100644
View File

@ -0,0 +1,44 @@
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'
})
}

74
src/api/goods/config.js
View File

@ -1,74 +0,0 @@
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'
})
}

33
src/api/goods/cope.js
View File

@ -1,33 +0,0 @@
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
})
}

75
src/api/goods/edition.js
View File

@ -1,75 +0,0 @@
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'
})
}

89
src/api/goods/engine.js
View File

@ -1,89 +0,0 @@
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'
})
}

45
src/api/goods/maintenance.js
View File

@ -1,45 +0,0 @@
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'
})
}

10
src/api/ranges/range.js
View File

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

47
src/api/system/access.js
View File

@ -9,14 +9,6 @@ export function listAccess(query) {
})
}
export function lists(data) {
return request({
url: '/system/access/lists',
method: 'post',
data
})
}
// 查询数据接入详细
export function getAccess(id) {
return request({
@ -50,42 +42,3 @@ 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
})
}

170
src/api/system/accredit.js
View File

@ -1,170 +0,0 @@
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'
})
}

82
src/api/system/dicts.js
View File

@ -1,82 +0,0 @@
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'
})
}

23
src/api/test/testData.js
View File

@ -1,23 +0,0 @@
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
})
}

92
src/components/Encoding/index.vue
View File

@ -1,92 +0,0 @@
<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>

47
src/router/index.js
View File

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

581
src/views/assets/access/index.vue
View File

@ -1,581 +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="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>

161
src/views/assets/authorization/auth/AuthDataSource.vue
View File

@ -1,161 +0,0 @@
<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>

170
src/views/assets/authorization/auth/AuthTable.vue
View File

@ -1,170 +0,0 @@
<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>

121
src/views/assets/authorization/index.vue
View File

@ -1,120 +1,11 @@
<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>
<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>

133
src/views/assets/show/index.vue
View File

@ -1,133 +0,0 @@
<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>

461
src/views/assets/source/index.vue 100644
View File

@ -0,0 +1,461 @@
<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>

264
src/views/assets/table/dashboard/OverallAssetStructure.vue
View File

@ -1,264 +0,0 @@
<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>

198
src/views/assets/table/dashboard/OverallAssets.vue
View File

@ -1,198 +0,0 @@
<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>

375
src/views/assets/table/dashboard/OverallSpecificAssets.vue
View File

@ -1,375 +0,0 @@
<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>

103
src/views/assets/table/index.vue
View File

@ -1,103 +0,0 @@
<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>

96
src/views/engine/codfing/index.vue
View File

@ -1,96 +0,0 @@
<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>

745
src/views/engine/edition/index.vue
View File

@ -1,745 +0,0 @@
<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>

404
src/views/engine/rule/index.vue
View File

@ -1,404 +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="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>

308
src/views/engine/version/index.vue
View File

@ -1,308 +0,0 @@
<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>

104
src/views/good/index.vue
View File

@ -1,104 +0,0 @@
<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>

287
src/views/goods/admin/index.vue 100644
View File

@ -0,0 +1,287 @@
<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>