ssc
5 years ago
parent
a2a271cac8
commit
2cac23e637
8 changed files with 666 additions and 63 deletions
@ -0,0 +1,57 @@ |
||||
import request from '@/router/axios'; |
||||
|
||||
const prefix = '/api/blade-workflow/design/form/history' |
||||
|
||||
export const getList = (current, size, params) => { |
||||
return request({ |
||||
url: `${prefix}/list`, |
||||
method: 'get', |
||||
params: { |
||||
...params, |
||||
current, |
||||
size, |
||||
} |
||||
}) |
||||
} |
||||
|
||||
export const getDetail = (params) => { |
||||
return request({ |
||||
url: `${prefix}/detail`, |
||||
method: 'get', |
||||
params |
||||
}) |
||||
} |
||||
|
||||
export const remove = (ids) => { |
||||
return request({ |
||||
url: `${prefix}/remove`, |
||||
method: 'post', |
||||
params: { |
||||
ids, |
||||
} |
||||
}) |
||||
} |
||||
|
||||
export const add = (row) => { |
||||
return request({ |
||||
url: `${prefix}/submit`, |
||||
method: 'post', |
||||
data: row |
||||
}) |
||||
} |
||||
|
||||
export const update = (row) => { |
||||
return request({ |
||||
url: `${prefix}/submit`, |
||||
method: 'post', |
||||
data: row |
||||
}) |
||||
} |
||||
|
||||
export const setMainVersion = (row) => { |
||||
return request({ |
||||
url: `${prefix}/setMainVersion`, |
||||
method: 'post', |
||||
data: row |
||||
}) |
||||
} |
||||
@ -0,0 +1,57 @@ |
||||
import request from '@/router/axios'; |
||||
|
||||
const prefix = '/api/blade-workflow/design/model/history' |
||||
|
||||
export const getList = (current, size, params) => { |
||||
return request({ |
||||
url: `${prefix}/list`, |
||||
method: 'get', |
||||
params: { |
||||
...params, |
||||
current, |
||||
size, |
||||
} |
||||
}) |
||||
} |
||||
|
||||
export const getDetail = (params) => { |
||||
return request({ |
||||
url: `${prefix}/detail`, |
||||
method: 'get', |
||||
params |
||||
}) |
||||
} |
||||
|
||||
export const remove = (ids) => { |
||||
return request({ |
||||
url: `${prefix}/remove`, |
||||
method: 'post', |
||||
params: { |
||||
ids, |
||||
} |
||||
}) |
||||
} |
||||
|
||||
export const add = (row) => { |
||||
return request({ |
||||
url: `${prefix}/submit`, |
||||
method: 'post', |
||||
data: row |
||||
}) |
||||
} |
||||
|
||||
export const update = (row) => { |
||||
return request({ |
||||
url: `${prefix}/submit`, |
||||
method: 'post', |
||||
data: row |
||||
}) |
||||
} |
||||
|
||||
export const setMainVersion = (row) => { |
||||
return request({ |
||||
url: `${prefix}/setMainVersion`, |
||||
method: 'post', |
||||
data: row |
||||
}) |
||||
} |
||||
@ -0,0 +1,227 @@ |
||||
<template> |
||||
<basic-container> |
||||
<avue-crud :option="option" |
||||
:table-loading="loading" |
||||
:data="data" |
||||
:page.sync="page" |
||||
:search.sync="query" |
||||
v-model="form" |
||||
@row-del="rowDel" |
||||
@search-change="searchChange" |
||||
@search-reset="searchReset" |
||||
@selection-change="selectionChange" |
||||
@current-change="currentChange" |
||||
@size-change="sizeChange" |
||||
@refresh-change="onLoad(page, query)"> |
||||
<template slot="menuLeft"> |
||||
<el-button type="danger" |
||||
size="mini" |
||||
icon="el-icon-delete" |
||||
plain |
||||
v-if="permission.wf_design_form_history_delete" |
||||
@click="handleDelete">删 除 |
||||
</el-button> |
||||
</template> |
||||
<template slot="menu" |
||||
slot-scope="{row}"> |
||||
<el-button v-if="permission.wf_design_form_history_view" |
||||
type="text" |
||||
size="mini" |
||||
icon="el-icon-view" |
||||
@click="handlePreview(row)">预览</el-button> |
||||
<el-button v-if="permission.wf_design_form_history_main" |
||||
type="text" |
||||
size="mini" |
||||
icon="el-icon-edit" |
||||
@click="handleMain(row)">设为主版本</el-button> |
||||
</template> |
||||
</avue-crud> |
||||
|
||||
<el-drawer :visible.sync="viewVisible" |
||||
title="表单预览" |
||||
size="50%" |
||||
append-to-body> |
||||
<avue-form v-if="viewVisible" |
||||
ref="viewForm" |
||||
v-model="viewForm" |
||||
:option="viewOption"> |
||||
</avue-form> |
||||
</el-drawer> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getList, remove, setMainVersion } from "@/api/plugin/workflow/form-history"; |
||||
import { mapGetters } from "vuex"; |
||||
|
||||
export default { |
||||
data() { |
||||
return { |
||||
formVisible: false, |
||||
options: {}, |
||||
form: {}, |
||||
query: {}, |
||||
loading: true, |
||||
page: { |
||||
pageSize: 10, |
||||
currentPage: 1, |
||||
total: 0 |
||||
}, |
||||
selectionList: [], |
||||
option: { |
||||
size: 'mini', |
||||
height: 'auto', |
||||
calcHeight: 30, |
||||
tip: false, |
||||
border: true, |
||||
index: true, |
||||
selection: true, |
||||
addBtn: false, |
||||
editBtn: false, |
||||
delBtn: false, |
||||
dialogType: 'drawer', |
||||
align: 'center', |
||||
searchMenuSpan: 6, |
||||
column: [ |
||||
{ |
||||
label: "表单key", |
||||
prop: "key", |
||||
search: true |
||||
}, |
||||
{ |
||||
label: "表单名称", |
||||
prop: "name", |
||||
search: true |
||||
}, |
||||
{ |
||||
label: '备注', |
||||
prop: 'remark', |
||||
type: 'textarea', |
||||
span: 24 |
||||
}, |
||||
{ |
||||
label: '版本', |
||||
prop: 'version', |
||||
display: false |
||||
}, |
||||
] |
||||
}, |
||||
data: [], |
||||
viewVisible: false, |
||||
viewForm: {}, |
||||
viewOption: {} |
||||
}; |
||||
}, |
||||
watch: { |
||||
'$route.params.id': { |
||||
handler(val) { |
||||
this.formId = val |
||||
this.onLoad(this.page, this.query) |
||||
}, |
||||
immediate: true |
||||
} |
||||
}, |
||||
computed: { |
||||
...mapGetters(["permission", "tag"]), |
||||
ids() { |
||||
let ids = []; |
||||
this.selectionList.forEach(ele => { |
||||
ids.push(ele.id); |
||||
}); |
||||
return ids.join(","); |
||||
} |
||||
}, |
||||
methods: { |
||||
handleMain(row) { |
||||
this.$confirm("当前主版本会自动保存到历史，确定要将此版本设为主版本吗？", { |
||||
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
||||
type: "warning" |
||||
}).then(() => { |
||||
setMainVersion({ id: row.id }).then(() => { |
||||
this.$message.success("操作成功") |
||||
this.$store.commit('DEL_TAG', this.tag) |
||||
this.$router.push("/plugin/workflow/design/form") |
||||
}) |
||||
}) |
||||
}, |
||||
handlePreview(row) { |
||||
this.viewOption = { ...eval('(' + row.content + ')'), menuBtn: false } |
||||
this.viewVisible = true |
||||
setTimeout(() => { |
||||
this.$refs.viewForm.clearValidate() |
||||
}) |
||||
}, |
||||
rowDel(row) { |
||||
this.$confirm("确定将选择数据删除?", { |
||||
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
||||
type: "warning" |
||||
}) |
||||
.then(() => { |
||||
return remove(row.id); |
||||
}) |
||||
.then(() => { |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: "success", |
||||
message: "操作成功!" |
||||
}); |
||||
}); |
||||
}, |
||||
handleDelete() { |
||||
if (this.selectionList.length === 0) { |
||||
this.$message.warning("请选择至少一条数据"); |
||||
return; |
||||
} |
||||
this.$confirm("确定将选择数据删除?", { |
||||
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
||||
type: "warning" |
||||
}) |
||||
.then(() => { |
||||
return remove(this.ids); |
||||
}) |
||||
.then(() => { |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: "success", |
||||
message: "操作成功!" |
||||
}); |
||||
this.$refs.crud.toggleSelection(); |
||||
}); |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.onLoad(this.page); |
||||
}, |
||||
searchChange(params, done) { |
||||
this.query = params; |
||||
this.onLoad(this.page, params); |
||||
done() |
||||
}, |
||||
selectionChange(list) { |
||||
this.selectionList = list; |
||||
}, |
||||
currentChange(currentPage) { |
||||
this.page.currentPage = currentPage; |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.pageSize = pageSize; |
||||
}, |
||||
onLoad(page, params = {}) { |
||||
this.loading = true; |
||||
params.formId = this.formId |
||||
getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { |
||||
const data = res.data.data; |
||||
this.page.total = data.total; |
||||
this.data = data.records; |
||||
this.loading = false; |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style> |
||||
</style> |
||||
@ -0,0 +1,225 @@ |
||||
<template> |
||||
<basic-container> |
||||
<avue-crud :option="option" |
||||
:table-loading="loading" |
||||
:data="data" |
||||
:page.sync="page" |
||||
:search.sync="query" |
||||
v-model="form" |
||||
@row-del="rowDel" |
||||
@search-change="searchChange" |
||||
@search-reset="searchReset" |
||||
@selection-change="selectionChange" |
||||
@current-change="currentChange" |
||||
@size-change="sizeChange" |
||||
@refresh-change="onLoad(page, query)"> |
||||
<template slot="menuLeft"> |
||||
<el-button type="danger" |
||||
size="mini" |
||||
icon="el-icon-delete" |
||||
plain |
||||
v-if="permission.wf_design_form_history_delete" |
||||
@click="handleDelete">删 除 |
||||
</el-button> |
||||
</template> |
||||
<template slot="menu" |
||||
slot-scope="{row}"> |
||||
<el-button v-if="permission.wf_design_form_history_view" |
||||
type="text" |
||||
size="mini" |
||||
icon="el-icon-view" |
||||
@click="handlePreview(row)">预览</el-button> |
||||
<el-button v-if="permission.wf_design_form_history_main" |
||||
type="text" |
||||
size="mini" |
||||
icon="el-icon-edit" |
||||
@click="handleMain(row)">设为主版本</el-button> |
||||
</template> |
||||
</avue-crud> |
||||
|
||||
<el-dialog :visible.sync="viewVisible" |
||||
title="模型预览" |
||||
destroy-on-close |
||||
append-to-body> |
||||
<wf-design ref="bpmn" |
||||
style="height: 500px;" |
||||
:options="viewOption"></wf-design> |
||||
</el-dialog> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getList, remove, setMainVersion } from "@/api/plugin/workflow/model-history"; |
||||
import { mapGetters } from "vuex"; |
||||
|
||||
export default { |
||||
data() { |
||||
return { |
||||
formVisible: false, |
||||
options: {}, |
||||
form: {}, |
||||
query: {}, |
||||
loading: true, |
||||
page: { |
||||
pageSize: 10, |
||||
currentPage: 1, |
||||
total: 0 |
||||
}, |
||||
selectionList: [], |
||||
option: { |
||||
size: 'mini', |
||||
height: 'auto', |
||||
calcHeight: 30, |
||||
tip: false, |
||||
border: true, |
||||
index: true, |
||||
selection: true, |
||||
addBtn: false, |
||||
editBtn: false, |
||||
delBtn: false, |
||||
dialogType: 'drawer', |
||||
align: 'center', |
||||
searchMenuSpan: 6, |
||||
column: [ |
||||
{ |
||||
label: "模型key", |
||||
prop: "modelKey", |
||||
overHidden: true, |
||||
search: true, |
||||
}, |
||||
{ |
||||
label: "模型名称", |
||||
prop: "name", |
||||
overHidden: true, |
||||
search: true |
||||
}, |
||||
{ |
||||
label: "描述", |
||||
prop: "description", |
||||
overHidden: true, |
||||
}, |
||||
{ |
||||
label: "版本", |
||||
prop: "version", |
||||
width: 80 |
||||
}, |
||||
] |
||||
}, |
||||
data: [], |
||||
viewVisible: false, |
||||
viewOption: {} |
||||
}; |
||||
}, |
||||
watch: { |
||||
'$route.params.id': { |
||||
handler(val) { |
||||
this.modelId = val |
||||
this.onLoad(this.page, this.query) |
||||
}, |
||||
immediate: true |
||||
} |
||||
}, |
||||
computed: { |
||||
...mapGetters(["permission", "tag"]), |
||||
ids() { |
||||
let ids = []; |
||||
this.selectionList.forEach(ele => { |
||||
ids.push(ele.id); |
||||
}); |
||||
return ids.join(","); |
||||
} |
||||
}, |
||||
methods: { |
||||
handleMain(row) { |
||||
this.$confirm("当前主版本会自动保存到历史，确定要将此版本设为主版本吗？", { |
||||
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
||||
type: "warning" |
||||
}).then(() => { |
||||
setMainVersion({ id: row.id }).then(() => { |
||||
this.$message.success("操作成功") |
||||
this.$store.commit('DEL_TAG', this.tag) |
||||
this.$router.push("/plugin/workflow/design/model") |
||||
}) |
||||
}) |
||||
}, |
||||
handlePreview(row) { |
||||
this.viewOption = { |
||||
mode: 'view', |
||||
xml: row.xml, |
||||
} |
||||
this.viewVisible = true |
||||
}, |
||||
rowDel(row) { |
||||
this.$confirm("确定将选择数据删除?", { |
||||
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
||||
type: "warning" |
||||
}) |
||||
.then(() => { |
||||
return remove(row.id); |
||||
}) |
||||
.then(() => { |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: "success", |
||||
message: "操作成功!" |
||||
}); |
||||
}); |
||||
}, |
||||
handleDelete() { |
||||
if (this.selectionList.length === 0) { |
||||
this.$message.warning("请选择至少一条数据"); |
||||
return; |
||||
} |
||||
this.$confirm("确定将选择数据删除?", { |
||||
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
||||
type: "warning" |
||||
}) |
||||
.then(() => { |
||||
return remove(this.ids); |
||||
}) |
||||
.then(() => { |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: "success", |
||||
message: "操作成功!" |
||||
}); |
||||
this.$refs.crud.toggleSelection(); |
||||
}); |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.onLoad(this.page); |
||||
}, |
||||
searchChange(params, done) { |
||||
this.query = params; |
||||
this.onLoad(this.page, params); |
||||
done() |
||||
}, |
||||
selectionChange(list) { |
||||
this.selectionList = list; |
||||
}, |
||||
currentChange(currentPage) { |
||||
this.page.currentPage = currentPage; |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.pageSize = pageSize; |
||||
}, |
||||
onLoad(page, params = {}) { |
||||
this.loading = true; |
||||
params.modelId = this.formId |
||||
getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { |
||||
const data = res.data.data; |
||||
this.page.total = data.total; |
||||
this.data = data.records; |
||||
this.loading = false; |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style> |
||||
</style> |
||||
Loading…
Reference in new issue