|
|
|
|
@ -56,7 +56,7 @@ |
|
|
|
|
<el-tag>v{{ row.version }}</el-tag> |
|
|
|
|
</template> |
|
|
|
|
</avue-crud> |
|
|
|
|
<el-dialog title="流程配置" |
|
|
|
|
<el-dialog v-if="this.website.designMode" title="流程配置" |
|
|
|
|
append-to-body |
|
|
|
|
destroy-on-close |
|
|
|
|
v-model="flowBox" |
|
|
|
|
@ -89,6 +89,29 @@ |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
<el-dialog v-else title="流程配置" |
|
|
|
|
append-to-body |
|
|
|
|
v-model="flowBox" |
|
|
|
|
:fullscreen="true"> |
|
|
|
|
<iframe |
|
|
|
|
:src=flowUrl |
|
|
|
|
width="100%" |
|
|
|
|
height="700" |
|
|
|
|
title="流程设计器" |
|
|
|
|
frameBorder="no" |
|
|
|
|
border="0" |
|
|
|
|
marginWidth="0" |
|
|
|
|
marginHeight="0" |
|
|
|
|
scrolling="no" |
|
|
|
|
allowTransparency="yes"> |
|
|
|
|
</iframe> |
|
|
|
|
<template #footer> |
|
|
|
|
<span class="dialog-footer"> |
|
|
|
|
<el-button @click="flowBox = false">取 消</el-button> |
|
|
|
|
<el-button type="primary" @click="handleRefresh">确 定</el-button> |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
<el-dialog title="流程部署" |
|
|
|
|
append-to-body |
|
|
|
|
v-model="deployBox" |
|
|
|
|
@ -198,6 +221,7 @@ export default { |
|
|
|
|
}, |
|
|
|
|
deployBox: false, |
|
|
|
|
flowBox: false, |
|
|
|
|
flowUrl: '', |
|
|
|
|
option: { |
|
|
|
|
height: 'auto', |
|
|
|
|
calcHeight: 32, |
|
|
|
|
@ -212,7 +236,7 @@ export default { |
|
|
|
|
viewBtn: false, |
|
|
|
|
delBtn: false, |
|
|
|
|
dialogWidth: 900, |
|
|
|
|
menuWidth: 200, |
|
|
|
|
menuWidth: 220, |
|
|
|
|
dialogClickModal: false, |
|
|
|
|
size: 'mini', |
|
|
|
|
searchSize: 'mini', |
|
|
|
|
@ -408,16 +432,27 @@ export default { |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
handleCreate () { |
|
|
|
|
if (!this.website.designMode) { |
|
|
|
|
this.flowUrl = `${this.website.designUrl}/index.html`; |
|
|
|
|
} |
|
|
|
|
this.flowBox = true; |
|
|
|
|
}, |
|
|
|
|
handleRefresh() { |
|
|
|
|
this.flowBox = false; |
|
|
|
|
this.onLoad(this.page); |
|
|
|
|
}, |
|
|
|
|
handleUpdate (row) { |
|
|
|
|
detail({ id: row.id }).then(res => { |
|
|
|
|
const data = res.data.data |
|
|
|
|
const { modelEditorXml } = data |
|
|
|
|
this.$set(this.nutflowOption.step1, 'xml', modelEditorXml) |
|
|
|
|
this.$set(this.nutflowOption, 'process', data) |
|
|
|
|
this.flowBox = true; |
|
|
|
|
}) |
|
|
|
|
if (this.website.designMode) { |
|
|
|
|
detail({ id: row.id }).then(res => { |
|
|
|
|
const data = res.data.data |
|
|
|
|
const { modelEditorXml } = data |
|
|
|
|
this.$set(this.nutflowOption.step1, 'xml', modelEditorXml) |
|
|
|
|
this.$set(this.nutflowOption, 'process', data) |
|
|
|
|
}) |
|
|
|
|
} else { |
|
|
|
|
this.flowUrl = `${this.website.designUrl}/index.html#/editor/${row.id}`; |
|
|
|
|
} |
|
|
|
|
this.flowBox = true; |
|
|
|
|
}, |
|
|
|
|
handleDeploy (row) { |
|
|
|
|
this.deployBox = true; |
|
|
|
|
|
smallchill
3 years ago