Merge branch 'master' of https://gitea.qinmian.online/2112A-ONE/cloud-ui
commit
19b09815e8
|
@ -3,7 +3,7 @@ import request from '@/utils/request'
|
||||||
// 查询任务列表
|
// 查询任务列表
|
||||||
export function listQuest(query) {
|
export function listQuest(query) {
|
||||||
return request({
|
return request({
|
||||||
url: '/quest/quest/list',
|
url: '/quest/task/list',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
params: query
|
params: query
|
||||||
})
|
})
|
||||||
|
@ -12,7 +12,7 @@ export function listQuest(query) {
|
||||||
// 查询任务详细
|
// 查询任务详细
|
||||||
export function getQuest(id) {
|
export function getQuest(id) {
|
||||||
return request({
|
return request({
|
||||||
url: '/quest/quest/selectTaskById/' + id,
|
url: '/quest/task/selectTaskById/' + id,
|
||||||
method: 'get'
|
method: 'get'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
@ -20,7 +20,7 @@ export function getQuest(id) {
|
||||||
// 新增任务
|
// 新增任务
|
||||||
export function addQuest(data) {
|
export function addQuest(data) {
|
||||||
return request({
|
return request({
|
||||||
url: '/quest/quest',
|
url: '/quest/task',
|
||||||
method: 'post',
|
method: 'post',
|
||||||
data: data
|
data: data
|
||||||
})
|
})
|
||||||
|
@ -29,7 +29,7 @@ export function addQuest(data) {
|
||||||
// 修改任务
|
// 修改任务
|
||||||
export function updateQuest(data) {
|
export function updateQuest(data) {
|
||||||
return request({
|
return request({
|
||||||
url: '/quest/quest',
|
url: '/quest/task',
|
||||||
method: 'put',
|
method: 'put',
|
||||||
data: data
|
data: data
|
||||||
})
|
})
|
||||||
|
@ -38,7 +38,7 @@ export function updateQuest(data) {
|
||||||
// 删除任务
|
// 删除任务
|
||||||
export function delQuest(id) {
|
export function delQuest(id) {
|
||||||
return request({
|
return request({
|
||||||
url: '/quest/quest/' + id,
|
url: '/quest/task/' + id,
|
||||||
method: 'delete'
|
method: 'delete'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
@ -46,7 +46,7 @@ export function delQuest(id) {
|
||||||
// 执行任务
|
// 执行任务
|
||||||
export function execute(taskCode) {
|
export function execute(taskCode) {
|
||||||
return request({
|
return request({
|
||||||
url: '/quest/quest/execute/'+taskCode,
|
url: '/quest/task/execute/'+taskCode,
|
||||||
method: 'post'
|
method: 'post'
|
||||||
})
|
})
|
||||||
}
|
}
|
|
@ -7,12 +7,35 @@
|
||||||
<el-button
|
<el-button
|
||||||
style="width: 75%;margin-left: 0;margin-bottom: 5px;"
|
style="width: 75%;margin-left: 0;margin-bottom: 5px;"
|
||||||
@click="returnBack">返回</el-button>
|
@click="returnBack">返回</el-button>
|
||||||
<hr>
|
<div>
|
||||||
<div v-for="item in nodeTypeList" :key="item.type" class="node" draggable="true" @dragstart="drag($event, item)">
|
<el-divider content-position="left">基础</el-divider>
|
||||||
<div class="log">
|
<div v-for="item in nodeTypeList.filter(node => node.partition === 'basis')" :key="item.type" class="node" draggable="true" @dragstart="drag($event, item)">
|
||||||
<img :src="item.logImg" alt="">
|
<div class="log">
|
||||||
|
<img :src="item.logImg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="name">{{item.typeName}}</div>
|
||||||
|
</div>
|
||||||
|
<el-divider content-position="left">数据输入</el-divider>
|
||||||
|
<div v-for="item in nodeTypeList.filter(node => node.partition === 'req')" :key="item.type" class="node" draggable="true" @dragstart="drag($event, item)">
|
||||||
|
<div class="log">
|
||||||
|
<img :src="item.logImg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="name">{{item.typeName}}</div>
|
||||||
|
</div>
|
||||||
|
<el-divider content-position="left">数据处理</el-divider>
|
||||||
|
<div v-for="item in nodeTypeList.filter(node => node.partition === 'operation')" :key="item.type" class="node" draggable="true" @dragstart="drag($event, item)">
|
||||||
|
<div class="log">
|
||||||
|
<img :src="item.logImg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="name">{{item.typeName}}</div>
|
||||||
|
</div>
|
||||||
|
<el-divider content-position="left">数据输出</el-divider>
|
||||||
|
<div v-for="item in nodeTypeList.filter(node => node.partition === 'resp')" :key="item.type" class="node" draggable="true" @dragstart="drag($event, item)">
|
||||||
|
<div class="log">
|
||||||
|
<img :src="item.logImg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="name">{{item.typeName}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="name">{{item.typeName}}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="flowWrap" ref="flowWrap" class="flow-wrap" @drop="drop($event)" @dragover="allowDrop($event)"
|
<div id="flowWrap" ref="flowWrap" class="flow-wrap" @drop="drop($event)" @dragover="allowDrop($event)"
|
||||||
|
@ -105,15 +128,24 @@ export default {
|
||||||
top: r.node.top,
|
top: r.node.top,
|
||||||
left: r.node.left
|
left: r.node.left
|
||||||
})
|
})
|
||||||
|
this.checkData.nodeList.push({
|
||||||
|
id: r.node.id,
|
||||||
|
type: r.node.type,
|
||||||
|
typeName: r.node.typeName,
|
||||||
|
nodeName: r.node.nodeName,
|
||||||
|
top: r.node.top,
|
||||||
|
left: r.node.left
|
||||||
|
})
|
||||||
// 连线添加
|
// 连线添加
|
||||||
if (r.line) {
|
if (r.line) {
|
||||||
r.line.forEach(v => {
|
r.line.forEach(v => {
|
||||||
this.data.lineList.push({
|
this.data.lineList.push({
|
||||||
from: v.from,
|
from: v.from,
|
||||||
to: v.to,
|
to: v.to
|
||||||
label: "连线名称",
|
});
|
||||||
id: GenNonDuplicateID(8),
|
this.checkData.lineList.push({
|
||||||
Remark: ""
|
from: v.from,
|
||||||
|
to: v.to
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
@ -122,8 +154,8 @@ export default {
|
||||||
this.nodeHandle()
|
this.nodeHandle()
|
||||||
// 连线去重
|
// 连线去重
|
||||||
this.data.lineList = this.lineHandle(this.data.lineList)
|
this.data.lineList = this.lineHandle(this.data.lineList)
|
||||||
|
this.checkData.lineList = this.lineHandle(this.data.lineList)
|
||||||
})
|
})
|
||||||
this.flag = true
|
|
||||||
},
|
},
|
||||||
// 节点批量处理-初始化
|
// 节点批量处理-初始化
|
||||||
nodeHandle() {
|
nodeHandle() {
|
||||||
|
@ -154,6 +186,9 @@ export default {
|
||||||
// 1. 获取所有节点与连线信息
|
// 1. 获取所有节点与连线信息
|
||||||
const nodeList = this.data.nodeList
|
const nodeList = this.data.nodeList
|
||||||
const lineList = this.lineHandle(this.data.lineList)
|
const lineList = this.lineHandle(this.data.lineList)
|
||||||
|
this.checkData.nodeList = nodeList
|
||||||
|
this.checkData.lineList = lineList
|
||||||
|
|
||||||
console.log(this.data)
|
console.log(this.data)
|
||||||
// 2. 处理所有信息,将jsPlumb类型 ==> 数据表类型
|
// 2. 处理所有信息,将jsPlumb类型 ==> 数据表类型
|
||||||
const nodeData = []
|
const nodeData = []
|
||||||
|
@ -177,18 +212,53 @@ export default {
|
||||||
// 3. 激活接口将参数传递到后端
|
// 3. 激活接口将参数传递到后端
|
||||||
batch(nodeData,this.$route.query.taskCode).then(res => {
|
batch(nodeData,this.$route.query.taskCode).then(res => {
|
||||||
this.$message.success(res.msg)
|
this.$message.success(res.msg)
|
||||||
this.flag = true
|
|
||||||
})
|
})
|
||||||
console.log(nodeData)
|
console.log(nodeData)
|
||||||
},
|
},
|
||||||
|
// 返回校验
|
||||||
returnBack() {
|
returnBack() {
|
||||||
if (this.flag){
|
const newNodeList = this.data.nodeList
|
||||||
|
const oldNodeList = this.checkData.nodeList
|
||||||
|
const newLineList = this.data.lineList
|
||||||
|
const oldLineList = this.checkData.lineList
|
||||||
|
// this.$router.push({path: '/quest/task'})
|
||||||
|
if (this.checkNodeList(newNodeList,oldNodeList) && this.checkLineList(newLineList,oldLineList)){
|
||||||
this.$router.push({path: '/quest/task'})
|
this.$router.push({path: '/quest/task'})
|
||||||
}else{
|
}else{
|
||||||
this.checkReturn()
|
this.checkReturn()
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
// 节点校验
|
||||||
|
checkNodeList(newNodeList, oldNodeList) {
|
||||||
|
let newLen = newNodeList.length
|
||||||
|
let oldLen = oldNodeList.length
|
||||||
|
if (newLen !== oldLen) return false;
|
||||||
|
for (let i = 0; i < newLen; i++) {
|
||||||
|
if (newNodeList[i].id === oldNodeList[i].id &&
|
||||||
|
newNodeList[i].nodeName === oldNodeList[i].nodeName &&
|
||||||
|
newNodeList[i].type === oldNodeList[i].type &&
|
||||||
|
newNodeList[i].left === oldNodeList[i].left &&
|
||||||
|
newNodeList[i].top === oldNodeList[i].top){
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
},
|
||||||
|
checkLineList(newLineList,oldLineList) {
|
||||||
|
let newLen = newLineList.length
|
||||||
|
let oldLen = oldLineList.length
|
||||||
|
if (newLen !== oldLen) return false;
|
||||||
|
for (let i = 0; i < newLen; i++) {
|
||||||
|
if (newLineList[i].from === oldLineList[i].from &&
|
||||||
|
newLineList[i].to === oldLineList[i].to){
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
},
|
||||||
|
// 未保存 返回按钮
|
||||||
checkReturn() {
|
checkReturn() {
|
||||||
this.$confirm('更改未保存,是否保存?', '未保存提示', {
|
this.$confirm('更改未保存,是否保存?', '未保存提示', {
|
||||||
confirmButtonText: '保存',
|
confirmButtonText: '保存',
|
||||||
|
@ -196,13 +266,14 @@ export default {
|
||||||
type: 'warning'
|
type: 'warning'
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
this.save()
|
this.save()
|
||||||
|
this.$router.push({path: '/quest/task'})
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'success',
|
type: 'success',
|
||||||
message: '返回成功'
|
message: '返回成功'
|
||||||
});
|
});
|
||||||
|
this.$router.push({path: '/quest/task'})
|
||||||
});
|
});
|
||||||
this.$router.push({path: '/quest/task'})
|
|
||||||
},
|
},
|
||||||
// 修改状态更新
|
// 修改状态更新
|
||||||
checkFlag(){
|
checkFlag(){
|
||||||
|
|
|
@ -19,7 +19,6 @@
|
||||||
<div class="node-anchor anchor-left" v-show="mouseEnter"></div>
|
<div class="node-anchor anchor-left" v-show="mouseEnter"></div>
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<DispFind :data="data" :node="node" :disp="disp" />
|
<DispFind :data="data" :node="node" :disp="disp" />
|
||||||
<DispUpd :data="data" :node="node" :disp="disp" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -30,14 +29,12 @@ import Home from '../Home.vue'
|
||||||
import {listDbTableAll, selDbNameAll, selectDbTableColumnsByName} from "@/api/tool/gen";
|
import {listDbTableAll, selDbNameAll, selectDbTableColumnsByName} from "@/api/tool/gen";
|
||||||
import {listDisposition} from "@/api/quest/disposition";
|
import {listDisposition} from "@/api/quest/disposition";
|
||||||
import DispFind from "./node/dispFind.vue";
|
import DispFind from "./node/dispFind.vue";
|
||||||
import DispUpd from "./node/dispUpd.vue";
|
|
||||||
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "nodeItem",
|
name: "nodeItem",
|
||||||
components: {
|
components: {
|
||||||
DispFind,
|
DispFind,
|
||||||
DispUpd,
|
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
data: {},
|
data: {},
|
||||||
|
@ -92,13 +89,6 @@ export default {
|
||||||
onClick: () => {
|
onClick: () => {
|
||||||
this.toUpdName();
|
this.toUpdName();
|
||||||
}
|
}
|
||||||
},{
|
|
||||||
label: '设置配置',
|
|
||||||
disabled: false,
|
|
||||||
icon: "",
|
|
||||||
onClick: () => {
|
|
||||||
this.disp.type.findFlag = true;
|
|
||||||
}
|
|
||||||
},{
|
},{
|
||||||
label: '删除节点',
|
label: '删除节点',
|
||||||
disabled: false,
|
disabled: false,
|
||||||
|
@ -175,6 +165,11 @@ export default {
|
||||||
},
|
},
|
||||||
// 双击触发-查看配置
|
// 双击触发-查看配置
|
||||||
findDisposition() {
|
findDisposition() {
|
||||||
|
let type = this.node.type
|
||||||
|
if (type === 'start' || type === 'end'){
|
||||||
|
this.toUpdName()
|
||||||
|
return
|
||||||
|
}
|
||||||
// 查询节点配置信息
|
// 查询节点配置信息
|
||||||
this.disp.nodeCode = this.node.id
|
this.disp.nodeCode = this.node.id
|
||||||
this.disp.findFlag = true
|
this.disp.findFlag = true
|
||||||
|
|
|
@ -1,11 +1,11 @@
|
||||||
<template>
|
<template>
|
||||||
<!-- 节点配置-->
|
<!-- 节点配置-->
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<el-drawer :visible.sync="disp.findFlag" direction="rtl" title="配置信息" append-to-body size="60%">
|
<el-dialog :visible.sync="disp.findFlag" direction="rtl" title="配置信息" append-to-body width="60%">
|
||||||
<div style="padding-left: 20px;padding-right: 20px;">
|
<div style="padding-left: 20px;padding-right: 20px;">
|
||||||
|
|
||||||
<span v-if="node.type === 'table'">
|
<span v-if="node.type === 'table'">
|
||||||
<TableFind :disp="disp" />
|
<TableFind :disp="disp" :node="node" />
|
||||||
</span>
|
</span>
|
||||||
<span v-else-if="node.type === 'exportation'">
|
<span v-else-if="node.type === 'exportation'">
|
||||||
<ExporFind :disp="disp" :data="data" :node="node" />
|
<ExporFind :disp="disp" :data="data" :node="node" />
|
||||||
|
@ -13,10 +13,8 @@
|
||||||
<span v-else-if="node.type === 'unite'">
|
<span v-else-if="node.type === 'unite'">
|
||||||
<UniteFind :disp="disp" :data="data" :node="node" />
|
<UniteFind :disp="disp" :data="data" :node="node" />
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</el-drawer>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
@ -1,59 +0,0 @@
|
||||||
<template>
|
|
||||||
<!-- 修改节点配置-->
|
|
||||||
<div>
|
|
||||||
<!-- 自定义表单对话框 -->
|
|
||||||
<el-drawer :modal="false" :visible.sync="disp.updFlag" direction="rtl" title="节点配置" append-to-body size="60%">
|
|
||||||
<div>
|
|
||||||
|
|
||||||
<span v-if="node.type === 'table'">
|
|
||||||
<TableUpd :disp="disp" />
|
|
||||||
</span>
|
|
||||||
<span v-else-if="node.type === 'exportation'">
|
|
||||||
<ExporUpd :disp="disp" :data="data" :node="node" />
|
|
||||||
</span>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</el-drawer>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// 这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等),
|
|
||||||
// 例如:import 《组件名称》 from '《组件路径》,
|
|
||||||
import TableUpd from './type/tableUpd.vue'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
// import引入的组件需要注入到对象中才能使用"
|
|
||||||
name: 'type-table',
|
|
||||||
components: {TableUpd},
|
|
||||||
props: {
|
|
||||||
data: {},
|
|
||||||
node: {},
|
|
||||||
disp: {
|
|
||||||
nodeCode: undefined,
|
|
||||||
nodeType: undefined,
|
|
||||||
findFlag: false,
|
|
||||||
updFlag: false,
|
|
||||||
formData: {
|
|
||||||
db: {},
|
|
||||||
fields: []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
// 这里存放数据"
|
|
||||||
return {}
|
|
||||||
},
|
|
||||||
// 计算属性 类似于data概念",
|
|
||||||
computed: {},
|
|
||||||
// 方法集合",
|
|
||||||
methods: {
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style scoped>
|
|
||||||
|
|
||||||
</style>
|
|
|
@ -1,24 +1,18 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
|
<el-form label-position="right" label-width="60px">
|
||||||
|
<el-form-item label="输入表">
|
||||||
|
<span v-for="db in formDb">
|
||||||
|
<el-input v-model="db.dbTable" placeholder="无输入表" style="width: 60%;" disabled />
|
||||||
|
</span>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="输出表">
|
||||||
|
<el-input v-model="toDb.dbTable" placeholder="无输出表" style="width: 60%;" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
<div>
|
<div>
|
||||||
<span v-if="formDb">
|
<el-button icon="el-icon-refresh-right" type="text" @click="init">刷新</el-button>
|
||||||
输入表信息: <br><br>
|
<el-button icon="el-icon-setting" type="text" @click="checkFields">更改</el-button>
|
||||||
<span v-for="db in formDb">
|
|
||||||
<el-tag type="primary" v-if="db.dbTable">{{ db.dbTable }}</el-tag><br><br>
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
<span v-else>无输入表</span>
|
|
||||||
<br><br>
|
|
||||||
<span v-if="toDb && toDb.dbTable">
|
|
||||||
输出表信息: <br><br>
|
|
||||||
<el-tag type="primary" v-if="toDb.dbTable">{{ toDb.dbTable }}</el-tag>
|
|
||||||
<el-button type="text" @click="checkFields">更改输出表</el-button>
|
|
||||||
</span>
|
|
||||||
<span v-else>
|
|
||||||
无输出表:
|
|
||||||
<el-button type="text" @click="checkFields">选择输出表</el-button>
|
|
||||||
</span>
|
|
||||||
<br><br>
|
|
||||||
</div>
|
</div>
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<el-table ref="table" :data="formFields" height="450px">
|
<el-table ref="table" :data="formFields" height="450px">
|
||||||
|
@ -38,7 +32,7 @@
|
||||||
<el-button type="primary" @click="disp.findFlag = false">确认</el-button>
|
<el-button type="primary" @click="disp.findFlag = false">确认</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<el-dialog title="选择输出表" :visible.sync="checkFieldsFlag" width="60%">
|
<el-dialog title="选择输出表" :visible.sync="checkFieldsFlag" width="60%" :modal="false">
|
||||||
<div style="padding-left: 10px;padding-right: 10px;">
|
<div style="padding-left: 10px;padding-right: 10px;">
|
||||||
<el-form ref="queryForm" :inline="true" :model="queryParams" size="small">
|
<el-form ref="queryForm" :inline="true" :model="queryParams" size="small">
|
||||||
<el-form-item label="数据库名称" prop="dbName">
|
<el-form-item label="数据库名称" prop="dbName">
|
||||||
|
@ -88,7 +82,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<el-dialog title="选择字段" :visible.sync="checkFieldsMapFlag" width="60%">
|
<el-dialog title="选择字段" :visible.sync="checkFieldsMapFlag" width="60%" :modal="false">
|
||||||
<div style="padding-left: 10px;padding-right: 10px;">
|
<div style="padding-left: 10px;padding-right: 10px;">
|
||||||
<el-table ref="table" :data="formFields" height="500px">
|
<el-table ref="table" :data="formFields" height="500px">
|
||||||
<el-table-column :show-overflow-tooltip="true" label="字段名称" prop="fieldName" />
|
<el-table-column :show-overflow-tooltip="true" label="字段名称" prop="fieldName" />
|
||||||
|
@ -166,6 +160,9 @@ export default {
|
||||||
methods: {
|
methods: {
|
||||||
// 初始化
|
// 初始化
|
||||||
init() {
|
init() {
|
||||||
|
this.formDb = []
|
||||||
|
this.toDb = {}
|
||||||
|
this.formFields = []
|
||||||
// 查询上级的所有节点
|
// 查询上级的所有节点
|
||||||
/** 1.查询该节点的上一级节点*/
|
/** 1.查询该节点的上一级节点*/
|
||||||
this.data.lineList.forEach(line => {
|
this.data.lineList.forEach(line => {
|
||||||
|
|
|
@ -1,11 +1,16 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<span v-if="disp.formData.db.dbName && disp.formData.db.tableName">配置表信息:
|
<el-form label-position="right" label-width="120px" :model="disp.formData.db" :inline="true">
|
||||||
{{ disp.formData.db.dbName }}.
|
<el-form-item label="数据库" style="width: 30%;">
|
||||||
{{ disp.formData.db.tableName }}
|
<el-input v-model="disp.formData.db.dbName" placeholder="未配置" disabled />
|
||||||
({{ disp.formData.db.tableComment }})
|
</el-form-item>
|
||||||
</span>
|
<el-form-item label="数据表" style="width: 30%;">
|
||||||
<span v-else>无配置表</span>
|
<el-input v-model="disp.formData.db.tableName" placeholder="未配置" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="数据表备注" style="width: 30%;">
|
||||||
|
<el-input v-model="disp.formData.db.tableComment" placeholder="无备注" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
<span>
|
<span>
|
||||||
<el-table ref="table" :data="disp.formData.fields" height="300px">
|
<el-table ref="table" :data="disp.formData.fields" height="300px">
|
||||||
<el-table-column :show-overflow-tooltip="true" label="字段名称" prop="fieldName" />
|
<el-table-column :show-overflow-tooltip="true" label="字段名称" prop="fieldName" />
|
||||||
|
@ -16,18 +21,54 @@
|
||||||
<br><br>
|
<br><br>
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<el-button @click="disp.findFlag = false">确认</el-button>
|
<el-button @click="disp.findFlag = false">确认</el-button>
|
||||||
<el-button type="primary" @click="disp.updFlag = true">修改配置</el-button>
|
<el-button type="primary" @click="toTableUpdFlag">修改配置</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
<el-dialog title="修改配置" :visible.sync="tableUpdFlag" width="80%" :modal="false">
|
||||||
|
<div>
|
||||||
|
<el-form v-model="checkTable">
|
||||||
|
<el-form-item label="数据来源" prop="dbTable">
|
||||||
|
<el-cascader :options="treeList" :props="props" @change="checkDbTable" style="width: 60%;">
|
||||||
|
<template slot-scope="{ node, data }">
|
||||||
|
<span v-if="data.tableRemark">{{ data.tableName + '[' + data.tableRemark + ']' }}</span>
|
||||||
|
<span v-else>{{ data.tableName }}</span>
|
||||||
|
<span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
|
||||||
|
</template>
|
||||||
|
</el-cascader>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="fields">
|
||||||
|
<el-table ref="table" :data="fieldsOptions" height="300px"
|
||||||
|
@row-click="clickRow" @selection-change="handleSelectionChange">
|
||||||
|
<el-table-column type="selection" width="55" />
|
||||||
|
<el-table-column :show-overflow-tooltip="true" label="字段名称" prop="columnName" />
|
||||||
|
<el-table-column :show-overflow-tooltip="true" label="字段描述" prop="columnComment" />
|
||||||
|
<el-table-column :show-overflow-tooltip="true" label="字段类型" prop="columnType" />
|
||||||
|
</el-table>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<div align="center">
|
||||||
|
<el-button @click="tableUpdFlag = false">取消</el-button>
|
||||||
|
<el-button type="primary" @click="save">保存修改</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// 这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等),
|
// 这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等),
|
||||||
// 例如:import 《组件名称》 from '《组件路径》,
|
// 例如:import 《组件名称》 from '《组件路径》,
|
||||||
|
import {findTableInfoList} from "@/api/tableData/data";
|
||||||
|
import {listSource} from "@/api/source/source";
|
||||||
|
import {selectDbTableColumnsByName} from "@/api/tool/gen";
|
||||||
|
import {batchAddUpd} from "@/api/quest/disposition";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
// import引入的组件需要注入到对象中才能使用"
|
// import引入的组件需要注入到对象中才能使用"
|
||||||
name: 'tableFind',
|
name: 'tableFind',
|
||||||
props: {
|
props: {
|
||||||
|
node: {},
|
||||||
disp: {
|
disp: {
|
||||||
nodeCode: undefined,
|
nodeCode: undefined,
|
||||||
nodeType: undefined,
|
nodeType: undefined,
|
||||||
|
@ -42,7 +83,32 @@ export default {
|
||||||
data() {
|
data() {
|
||||||
// 这里存放数据"
|
// 这里存放数据"
|
||||||
return {
|
return {
|
||||||
|
loading: false,
|
||||||
|
// 修改窗口显示状态
|
||||||
|
tableUpdFlag: false,
|
||||||
|
// 数据库+表 树形列表
|
||||||
|
treeList: [],
|
||||||
|
// 级联选择器配置
|
||||||
|
props: {
|
||||||
|
value: 'tableName',
|
||||||
|
label: 'tableName',
|
||||||
|
children: 'children'
|
||||||
|
},
|
||||||
|
// 数据库与表与字段
|
||||||
|
checkTable: {
|
||||||
|
source: {},
|
||||||
|
db: {
|
||||||
|
dbName: '',
|
||||||
|
dbComment: '',
|
||||||
|
},
|
||||||
|
table: {
|
||||||
|
tableName: '',
|
||||||
|
tableComment: ''
|
||||||
|
},
|
||||||
|
fields: []
|
||||||
|
},
|
||||||
|
// 全部字段列表
|
||||||
|
fieldsOptions: [],
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// 计算属性 类似于data概念",
|
// 计算属性 类似于data概念",
|
||||||
|
@ -53,9 +119,135 @@ export default {
|
||||||
},
|
},
|
||||||
// 方法集合",
|
// 方法集合",
|
||||||
methods: {
|
methods: {
|
||||||
toUpd() {
|
/** 点击修改配置按钮 */
|
||||||
this.disp.updFlag = true
|
toTableUpdFlag() {
|
||||||
}
|
this.selDataSourceTreeListAll()
|
||||||
|
this.tableUpdFlag = true
|
||||||
|
},
|
||||||
|
// 查询所有已同步的数据源的数据库+表 树形列表
|
||||||
|
selDataSourceTreeListAll(){
|
||||||
|
listSource({pageNum: 1, pageSize: 100,}).then(response => {
|
||||||
|
this.treeList = []
|
||||||
|
response.data.rows.forEach(item => {
|
||||||
|
this.treeList.push({
|
||||||
|
id: item.id,
|
||||||
|
basicId: item.id,
|
||||||
|
tableName: item.name,
|
||||||
|
tableRemark: item.systemName,
|
||||||
|
dataNum: item.initTotal,
|
||||||
|
isCenter: 'Y',
|
||||||
|
children: []
|
||||||
|
})
|
||||||
|
})
|
||||||
|
console.log(this.treeList)
|
||||||
|
findTableInfoList().then(res=>{
|
||||||
|
const trees = res.data
|
||||||
|
this.treeList.forEach(treeMaste => {
|
||||||
|
trees.forEach(tree => {
|
||||||
|
if (treeMaste.id === tree.basicId){
|
||||||
|
treeMaste.children.push(tree)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 选中数据库与表
|
||||||
|
checkDbTable(value) {
|
||||||
|
this.checkTable.source = this.treeList.filter(item => item.tableName === value[0])[0]
|
||||||
|
const db = this.checkTable.source.children.filter(item => item.tableName === value[1])[0]
|
||||||
|
this.checkTable.db = {
|
||||||
|
dbName: db.tableName,
|
||||||
|
dbComment: db.tableRemark,
|
||||||
|
}
|
||||||
|
const table = db.children.filter(item => item.tableName === value[2])[0]
|
||||||
|
this.checkTable.table = {
|
||||||
|
tableName: table.tableName,
|
||||||
|
tableComment: table.tableRemark
|
||||||
|
}
|
||||||
|
this.selectTable(this.checkTable.db.dbName, this.checkTable.table.tableName);
|
||||||
|
},
|
||||||
|
// 表字段查询
|
||||||
|
selectTable(dbName, tableName) {
|
||||||
|
selectDbTableColumnsByName(dbName, tableName).then(res => {
|
||||||
|
this.fieldsOptions = res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 多选框选中数据
|
||||||
|
clickRow(row) {
|
||||||
|
this.$refs.table.toggleRowSelection(row);
|
||||||
|
},
|
||||||
|
// 多选框选中数据
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
this.checkTable.fields = selection.map(item => {
|
||||||
|
return {
|
||||||
|
tableName: this.checkTable.tableName,
|
||||||
|
fieldName: item.columnName,
|
||||||
|
fieldType: item.columnType,
|
||||||
|
fieldComment: item.columnComment
|
||||||
|
};
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 保存修改按钮 */
|
||||||
|
save() {
|
||||||
|
const dispList = this.getMysqlDisp(
|
||||||
|
this.checkTable.source,
|
||||||
|
this.checkTable.db,
|
||||||
|
this.checkTable.table,
|
||||||
|
this.checkTable.fields
|
||||||
|
)
|
||||||
|
this.disp.formData = {
|
||||||
|
db: {
|
||||||
|
dbName: this.checkTable.db.dbName,
|
||||||
|
tableName: this.checkTable.table.tableName,
|
||||||
|
tableComment: this.checkTable.table.tableComment
|
||||||
|
},
|
||||||
|
fields: this.checkTable.fields,
|
||||||
|
}
|
||||||
|
batchAddUpd(dispList, this.node.id).then(res => {
|
||||||
|
this.$message.success(res.msg)
|
||||||
|
this.tableUpdFlag = false
|
||||||
|
})
|
||||||
|
console.log(dispList)
|
||||||
|
},
|
||||||
|
/** 类型转换 vue -> mysql*/
|
||||||
|
getMysqlDisp(source, db, table, fields) {
|
||||||
|
const dispList = []
|
||||||
|
dispList.push({
|
||||||
|
nodeCode: this.node.id,
|
||||||
|
dispKey: 'source',
|
||||||
|
dispLabel: source.tableRemark,
|
||||||
|
dispValue: source.tableName,
|
||||||
|
dispType: 'string',
|
||||||
|
dispDesc: source.id
|
||||||
|
},{
|
||||||
|
nodeCode: this.node.id,
|
||||||
|
dispKey: 'db',
|
||||||
|
dispLabel: db.dbComment,
|
||||||
|
dispValue: db.dbName,
|
||||||
|
dispType: 'string',
|
||||||
|
dispDesc: source.tableName
|
||||||
|
},{
|
||||||
|
nodeCode: this.node.id,
|
||||||
|
dispKey: 'table',
|
||||||
|
dispLabel: table.tableComment,
|
||||||
|
dispValue: table.tableName,
|
||||||
|
dispType: 'string',
|
||||||
|
dispDesc: db.dbName
|
||||||
|
})
|
||||||
|
fields.forEach(field => {
|
||||||
|
dispList.push({
|
||||||
|
nodeCode: this.node.id,
|
||||||
|
dispKey: 'fields',
|
||||||
|
dispLabel: field.fieldComment,
|
||||||
|
dispValue: field.fieldName,
|
||||||
|
dispType: field.fieldType,
|
||||||
|
dispDesc: db.dbName+"."+table.tableName
|
||||||
|
})
|
||||||
|
})
|
||||||
|
return dispList;
|
||||||
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -1,195 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<div style="padding-left: 10px;padding-right: 10px;">
|
|
||||||
<el-form ref="queryForm" :inline="true" :model="queryParams" size="small">
|
|
||||||
<el-form-item label="数据库名称" prop="dbName">
|
|
||||||
<el-select v-model="queryParams.dbName" placeholder="请选择数据库" clearable @change="handleQuery">
|
|
||||||
<el-option v-for="item in dbNameOptions" :key="item" :label="item" :value="item"/>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="表名称" prop="tableName">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.tableName"
|
|
||||||
clearable
|
|
||||||
@change="handleQuery"
|
|
||||||
placeholder="请输入表名称" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="表描述" prop="tableComment">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.tableComment"
|
|
||||||
clearable
|
|
||||||
@change="handleQuery"
|
|
||||||
placeholder="请输入表描述" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button icon="el-icon-search" size="mini" type="primary" @click="handleQuery">查找</el-button>
|
|
||||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<el-table ref="table" :data="tableOptions" height="300px">
|
|
||||||
<el-table-column :show-overflow-tooltip="true" label="表名称" prop="tableName" />
|
|
||||||
<el-table-column :show-overflow-tooltip="true" label="表描述" prop="tableComment" />
|
|
||||||
<el-table-column label="操作" width="50px">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button type="text" @click="selectTable(scope.row)">选择</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<el-divider content-position="left">选择字段 v</el-divider>
|
|
||||||
<el-table ref="table" :data="fieldsOptions" height="300px"
|
|
||||||
@row-click="clickRow" @selection-change="handleSelectionChange">
|
|
||||||
<el-table-column type="selection" width="55" />
|
|
||||||
<el-table-column :show-overflow-tooltip="true" label="字段名称" prop="columnName" />
|
|
||||||
<el-table-column :show-overflow-tooltip="true" label="字段描述" prop="columnComment" />
|
|
||||||
<el-table-column :show-overflow-tooltip="true" label="字段类型" prop="columnType" />
|
|
||||||
</el-table>
|
|
||||||
<br><br>
|
|
||||||
<div align="center">
|
|
||||||
<el-button type="primary" @click="saveDisposition">确 定</el-button>
|
|
||||||
<el-button @click="disp.updFlag = false">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// 这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等),
|
|
||||||
// 例如:import 《组件名称》 from '《组件路径》,
|
|
||||||
import {listDbTableAll, selDbNameAll, selectDbTableColumnsByName} from "@/api/tool/gen";
|
|
||||||
import {batchAddUpd} from "@/api/quest/disposition";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
// import引入的组件需要注入到对象中才能使用"
|
|
||||||
name: 'tableUpd',
|
|
||||||
props: {
|
|
||||||
disp: {
|
|
||||||
nodeCode: undefined,
|
|
||||||
nodeType: undefined,
|
|
||||||
findFlag: false,
|
|
||||||
updFlag: false,
|
|
||||||
formData: {
|
|
||||||
db: {},
|
|
||||||
fields: []
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
// 这里存放数据"
|
|
||||||
return {
|
|
||||||
// 数据库列表
|
|
||||||
dbNameOptions: [],
|
|
||||||
// 展示数据表列表
|
|
||||||
tableOptions: [],
|
|
||||||
// 字段列表
|
|
||||||
fieldsOptions: [],
|
|
||||||
// 所有数据库列表
|
|
||||||
tableList: [],
|
|
||||||
queryParams: {}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 计算属性 类似于data概念",
|
|
||||||
computed: {},
|
|
||||||
// 生命周期 - 创建完成(可以访问当前this实例)",
|
|
||||||
created() {
|
|
||||||
this.csh()
|
|
||||||
},
|
|
||||||
// 方法集合",
|
|
||||||
methods: {
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.tableOptions = []
|
|
||||||
this.tableList.forEach(table => {
|
|
||||||
const params = this.queryParams
|
|
||||||
if ((table.dbName === params.dbName || !params.dbName) &&
|
|
||||||
(table.tableName.includes(params.tableName) || !params.tableName) &&
|
|
||||||
(table.tableComment.includes(params.tableComment) || !params.tableComment)){
|
|
||||||
this.tableOptions.push(table)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
/** 表字段查询*/
|
|
||||||
selectTable(row) {
|
|
||||||
this.disp.formData.fields = []
|
|
||||||
this.disp.formData.db = row
|
|
||||||
selectDbTableColumnsByName(row.dbName, row.tableName).then(res => {
|
|
||||||
this.fieldsOptions = res.data
|
|
||||||
})
|
|
||||||
},
|
|
||||||
clickRow(row) {
|
|
||||||
this.$refs.table.toggleRowSelection(row);
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.disp.formData.fields = selection.map(item => {
|
|
||||||
return {
|
|
||||||
fieldName: item.columnName,
|
|
||||||
fieldType: item.columnType,
|
|
||||||
fieldComment: item.columnComment
|
|
||||||
};
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 查询所有数据库名称
|
|
||||||
selDbNameList() {
|
|
||||||
selDbNameAll().then(res => {
|
|
||||||
this.dbNameOptions = res.data
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 查询所有表名称信息
|
|
||||||
getListAll() {
|
|
||||||
listDbTableAll().then(res => {
|
|
||||||
this.tableList = res.data;
|
|
||||||
this.tableOptions = res.data;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
csh() {
|
|
||||||
this.selDbNameList()
|
|
||||||
this.getListAll()
|
|
||||||
},
|
|
||||||
// 保存配置按钮
|
|
||||||
saveDisposition() {
|
|
||||||
const dispData = this.disp.formData
|
|
||||||
const dispList = this.getMysqlDisp(dispData.db,dispData.fields)
|
|
||||||
batchAddUpd(dispList, this.disp.nodeCode).then(res => {
|
|
||||||
this.$message.success(res.msg)
|
|
||||||
this.disp.updFlag = false
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/** 类型转换 vue -> mysql*/
|
|
||||||
getMysqlDisp(db, fields) {
|
|
||||||
const dispList = []
|
|
||||||
dispList.push({
|
|
||||||
nodeCode: this.disp.nodeCode,
|
|
||||||
dispKey: 'db',
|
|
||||||
dispLabel: '数据库',
|
|
||||||
dispValue: db.dbName,
|
|
||||||
dispType: 'string'
|
|
||||||
},{
|
|
||||||
nodeCode: this.disp.nodeCode,
|
|
||||||
dispKey: 'table',
|
|
||||||
dispLabel: db.tableComment,
|
|
||||||
dispValue: db.tableName,
|
|
||||||
dispType: 'string'
|
|
||||||
})
|
|
||||||
fields.forEach(field => {
|
|
||||||
dispList.push({
|
|
||||||
nodeCode: this.disp.nodeCode,
|
|
||||||
dispKey: 'fields',
|
|
||||||
dispLabel: field.fieldComment,
|
|
||||||
dispValue: field.fieldName,
|
|
||||||
dispType: field.fieldType
|
|
||||||
})
|
|
||||||
})
|
|
||||||
return dispList;
|
|
||||||
},
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style scoped>
|
|
||||||
|
|
||||||
</style>
|
|
|
@ -3,43 +3,22 @@ const nodeTypeList = [
|
||||||
type: 'start',
|
type: 'start',
|
||||||
typeName: '开始',
|
typeName: '开始',
|
||||||
nodeName: '开始',
|
nodeName: '开始',
|
||||||
|
partition: 'basis',
|
||||||
logImg: require('@/assets/svg/1开始.svg'),
|
logImg: require('@/assets/svg/1开始.svg'),
|
||||||
log_bg_color: 'rgba(0, 128, 0, 0.2)'
|
log_bg_color: 'rgba(0, 128, 0, 0.2)'
|
||||||
},{
|
},{
|
||||||
type: 'end',
|
type: 'end',
|
||||||
typeName: '结束',
|
typeName: '结束',
|
||||||
nodeName: '结束',
|
nodeName: '结束',
|
||||||
|
partition: 'basis',
|
||||||
logImg: require('@/assets/svg/2结束.svg'),
|
logImg: require('@/assets/svg/2结束.svg'),
|
||||||
log_bg_color: 'rgba(255, 0, 0, 0.2)'
|
log_bg_color: 'rgba(255, 0, 0, 0.2)'
|
||||||
},{
|
|
||||||
type: 'dataSet',
|
|
||||||
typeName: '文件',
|
|
||||||
nodeName: '文件',
|
|
||||||
logImg: require('@/assets/svg/5文件数据.svg'),
|
|
||||||
log_bg_color: 'rgba(0, 128, 0, 0.2)'
|
|
||||||
},{
|
|
||||||
type: 'encode',
|
|
||||||
typeName: '加密',
|
|
||||||
nodeName: '加密',
|
|
||||||
logImg: require('@/assets/svg/6数据校验.svg'),
|
|
||||||
log_bg_color: 'rgba(163, 117, 233, 0.2)'
|
|
||||||
},{
|
|
||||||
type: 'personService',
|
|
||||||
typeName: '个人服务',
|
|
||||||
nodeName: '个人服务',
|
|
||||||
logImg: require('@/assets/svg/8个人服务.svg'),
|
|
||||||
log_bg_color: 'rgba(132, 166, 251, 0.2)'
|
|
||||||
},{
|
|
||||||
type: 'arrange',
|
|
||||||
typeName: '清洗',
|
|
||||||
nodeName: '清洗',
|
|
||||||
logImg: require('@/assets/svg/15清洗.svg'),
|
|
||||||
log_bg_color: 'rgba(250, 205, 81, 0.2)'
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'table',
|
type: 'table',
|
||||||
typeName: '表结构',
|
typeName: '表结构',
|
||||||
nodeName: '表结构',
|
nodeName: '表结构',
|
||||||
|
partition: 'req',
|
||||||
logImg: require('@/assets/svg/5文件数据.svg'),
|
logImg: require('@/assets/svg/5文件数据.svg'),
|
||||||
log_bg_color: 'rgba(0, 128, 0, 0.2)'
|
log_bg_color: 'rgba(0, 128, 0, 0.2)'
|
||||||
},
|
},
|
||||||
|
@ -47,6 +26,7 @@ const nodeTypeList = [
|
||||||
type: 'unite',
|
type: 'unite',
|
||||||
typeName: '联合查询',
|
typeName: '联合查询',
|
||||||
nodeName: '联合查询',
|
nodeName: '联合查询',
|
||||||
|
partition: 'operation',
|
||||||
logImg: require('@/assets/svg/侧边栏测试任务.svg'),
|
logImg: require('@/assets/svg/侧边栏测试任务.svg'),
|
||||||
log_bg_color: 'rgba(0, 128, 0, 0.2)'
|
log_bg_color: 'rgba(0, 128, 0, 0.2)'
|
||||||
},
|
},
|
||||||
|
@ -54,6 +34,7 @@ const nodeTypeList = [
|
||||||
type: 'exportation',
|
type: 'exportation',
|
||||||
typeName: '数据输出',
|
typeName: '数据输出',
|
||||||
nodeName: '数据输出',
|
nodeName: '数据输出',
|
||||||
|
partition: 'resp',
|
||||||
logImg: require('@/assets/svg/19导出.svg'),
|
logImg: require('@/assets/svg/19导出.svg'),
|
||||||
log_bg_color: 'rgba(0, 128, 0, 0.2)'
|
log_bg_color: 'rgba(0, 128, 0, 0.2)'
|
||||||
}
|
}
|
||||||
|
|
|
@ -154,11 +154,11 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {listQuest, getQuest, delQuest, addQuest, updateQuest, execute} from "/src/api/quest/quest";
|
import {listQuest, getQuest, delQuest, addQuest, updateQuest, execute} from "/src/api/quest/task";
|
||||||
import dict from "../../../utils/dict";
|
import dict from "../../../utils/dict";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "Quest",
|
name: "Task",
|
||||||
dicts: ['sys_enable_status'],
|
dicts: ['sys_enable_status'],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
|
@ -47,41 +47,15 @@
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="Value">{{ DataValue.value }}</el-descriptions-item>
|
<el-descriptions-item label="Value">{{ DataValue.value }}</el-descriptions-item>
|
||||||
</el-descriptions>
|
</el-descriptions>
|
||||||
|
|
||||||
|
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-card>
|
</el-card>
|
||||||
<!-- <el-table-->
|
|
||||||
<!-- :data="DataValue"-->
|
|
||||||
<!-- style="width: 100%">-->
|
|
||||||
<!-- <el-table-column-->
|
|
||||||
<!-- prop="key"-->
|
|
||||||
<!-- label="key"-->
|
|
||||||
<!-- width="180">-->
|
|
||||||
<!-- </el-table-column>-->
|
|
||||||
<!-- <el-table-column-->
|
|
||||||
<!-- prop="label"-->
|
|
||||||
<!-- label="label"-->
|
|
||||||
<!-- width="180">-->
|
|
||||||
<!-- </el-table-column>-->
|
|
||||||
<!-- <el-table-column-->
|
|
||||||
<!-- prop="type"-->
|
|
||||||
<!-- label="type">-->
|
|
||||||
<!-- </el-table-column>-->
|
|
||||||
<!-- <el-table-column-->
|
|
||||||
<!-- prop="value"-->
|
|
||||||
<!-- label="value">-->
|
|
||||||
<!-- </el-table-column>-->
|
|
||||||
<!-- </el-table>-->
|
|
||||||
|
|
||||||
</el-main>
|
</el-main>
|
||||||
</el-container>
|
</el-container>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import {findByTableName, findTableValueList} from "@/api/source/source";
|
import {findByTableName, findTableValueList} from "@/api/source/source";
|
||||||
import {findTableInfoList} from "@/api/tableData/data";
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'Show',
|
name: 'Show',
|
||||||
|
@ -103,7 +77,6 @@ export default {
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.findByTableName();
|
this.findByTableName();
|
||||||
this.findTableInfoList();
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
findByTableName(){
|
findByTableName(){
|
||||||
|
|
Loading…
Reference in New Issue