fix: 流程设计页面优化
tony
parent
942f5e1f54
commit
b80568dfd7
|
|
@ -25,15 +25,15 @@
|
|||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<!-- <el-col :span="1.5">-->
|
||||
<!-- <el-button-->
|
||||
<!-- type="primary"-->
|
||||
<!-- plain-->
|
||||
<!-- icon="el-icon-upload"-->
|
||||
<!-- size="mini"-->
|
||||
<!-- @click="handleImport"-->
|
||||
<!-- >导入</el-button>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- <el-col :span="1.5">-->
|
||||
<!-- <el-button-->
|
||||
<!-- type="primary"-->
|
||||
<!-- plain-->
|
||||
<!-- icon="el-icon-upload"-->
|
||||
<!-- size="mini"-->
|
||||
<!-- @click="handleImport"-->
|
||||
<!-- >导入</el-button>-->
|
||||
<!-- </el-col>-->
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
|
|
@ -152,7 +152,7 @@
|
|||
流程名称：<el-input v-model="upload.name"/>
|
||||
流程分类：
|
||||
<div>
|
||||
<!-- <el-input v-model="upload.category"/>-->
|
||||
<!-- <el-input v-model="upload.category"/>-->
|
||||
<el-select v-model="upload.category" placeholder="请选择流程分类">
|
||||
<el-option
|
||||
v-for="dict in dict.type.sys_process_category"
|
||||
|
|
@ -172,13 +172,16 @@
|
|||
</el-dialog>
|
||||
|
||||
<!-- 流程图 -->
|
||||
<el-dialog :title="flowImageTitle" :visible.sync="flowImageOpen" width="70%" append-to-body>
|
||||
<flow :flowData="flowData"/>
|
||||
<el-dialog :title="readImage.title" :visible.sync="readImage.open" width="70%" append-to-body>
|
||||
<!-- <el-image :src="readImage.src"></el-image> -->
|
||||
<flow :flowData="flowData"/>
|
||||
</el-dialog>
|
||||
|
||||
<!--表单配置详情-->
|
||||
<el-dialog :title="formTitle" :visible.sync="formConfOpen" width="50%" append-to-body>
|
||||
<v-form-render :form-data="formRenderData" ref="vFormRef"/>
|
||||
<div class="test-form">
|
||||
<parser :key="new Date().getTime()" :form-conf="formConf" />
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!--挂载表单-->
|
||||
|
|
@ -212,21 +215,23 @@
|
|||
/>
|
||||
</el-col>
|
||||
<el-col :span="14" :xs="24">
|
||||
<v-form-render :form-data="formRenderData" ref="vFormRef"/>
|
||||
<div v-if="currentRow">
|
||||
<parser :key="new Date().getTime()" :form-conf="currentRow" />
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-dialog>
|
||||
|
||||
<!-- <!–流程设计器–>-->
|
||||
<!-- <el-dialog-->
|
||||
<!-- title="流程配置"-->
|
||||
<!-- :visible.sync="dialogVisible"-->
|
||||
<!-- :close-on-press-escape="false"-->
|
||||
<!-- :fullscreen=true-->
|
||||
<!-- :before-close="handleClose"-->
|
||||
<!-- append-to-body>-->
|
||||
<!-- <Model :deployId="deployId"/>-->
|
||||
<!-- </el-dialog>-->
|
||||
<!-- <!–流程设计器–>-->
|
||||
<!-- <el-dialog-->
|
||||
<!-- title="流程配置"-->
|
||||
<!-- :visible.sync="dialogVisible"-->
|
||||
<!-- :close-on-press-escape="false"-->
|
||||
<!-- :fullscreen=true-->
|
||||
<!-- :before-close="handleClose"-->
|
||||
<!-- append-to-body>-->
|
||||
<!-- <Model :deployId="deployId"/>-->
|
||||
<!-- </el-dialog>-->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -282,9 +287,11 @@ export default {
|
|||
formDeployTitle: "",
|
||||
formList: [],
|
||||
formTotal:0,
|
||||
flowImageTitle: '',
|
||||
flowImageOpen: false,
|
||||
formRenderData:{},
|
||||
formConf: {}, // 默认表单数据
|
||||
readImage:{
|
||||
open: false,
|
||||
src: "",
|
||||
},
|
||||
// bpmn.xml 导入
|
||||
upload: {
|
||||
// 是否显示弹出层（xml导入）
|
||||
|
|
@ -324,6 +331,7 @@ export default {
|
|||
deployId: null
|
||||
},
|
||||
deployId: '',
|
||||
currentRow: null,
|
||||
// xml
|
||||
flowData: {},
|
||||
// 表单参数
|
||||
|
|
@ -412,25 +420,19 @@ export default {
|
|||
},
|
||||
/** 流程图查看 */
|
||||
handleReadImage(deployId){
|
||||
this.flowImageTitle = "流程图";
|
||||
this.flowImageOpen = true;
|
||||
this.readImage.title = "流程图";
|
||||
this.readImage.open = true;
|
||||
// this.readImage.src = process.env.VUE_APP_BASE_API + "/flowable/definition/readImage/" + deploymentId;
|
||||
flowXmlAndNode({deployId:deployId}).then(res => {
|
||||
this.flowData = res.data;
|
||||
})
|
||||
},
|
||||
/** 表单查看 */
|
||||
handleForm(formId) {
|
||||
getForm(formId).then(res => {
|
||||
handleForm(formId){
|
||||
getForm(formId).then(res =>{
|
||||
this.formTitle = "表单详情";
|
||||
this.formConfOpen = true;
|
||||
// 回显表单
|
||||
this.$nextTick(() => {
|
||||
this.$refs.vFormRef.setFormJson(res.data.formContent);
|
||||
this.$nextTick(() => {
|
||||
// 表单禁用
|
||||
this.$refs.vFormRef.disableForm();
|
||||
})
|
||||
})
|
||||
this.formConf = JSON.parse(res.data.formContent)
|
||||
})
|
||||
},
|
||||
/** 启动流程 */
|
||||
|
|
@ -477,22 +479,14 @@ export default {
|
|||
},
|
||||
handleCurrentChange(data) {
|
||||
if (data) {
|
||||
// 回显表单
|
||||
this.$nextTick(() => {
|
||||
this.$refs.vFormRef.setFormJson(JSON.parse(data.formContent));
|
||||
// 加载表单填写的数据
|
||||
this.$nextTick(() => {
|
||||
// 表单禁用
|
||||
this.$refs.vFormRef.disableForm();
|
||||
})
|
||||
})
|
||||
this.currentRow = JSON.parse(data.formContent);
|
||||
}
|
||||
},
|
||||
/** 挂起/激活流程 */
|
||||
handleUpdateSuspensionState(row){
|
||||
let state = 1;
|
||||
if (row.suspensionState === 1) {
|
||||
state = 2
|
||||
state = 2
|
||||
}
|
||||
const params = {
|
||||
deployId: row.deploymentId,
|
||||
|
|
|
|||
Loading…
Reference in New Issue