<template>
|
<div>
|
<basic-container>
|
<avue-form :option="option" v-model="form" @submit="handleSubmit"/>
|
</basic-container>
|
<basic-container>
|
<flow-design :is-display="true" :process-definition-id="processDefinitionId"></flow-design>
|
</basic-container>
|
</div>
|
</template>
|
|
<script>
|
import {applicationProcess} from "@/api/application/application"
|
import option from "@/const/application/application"
|
import {mapGetters} from "vuex";
|
export default {
|
name: "form",
|
data() {
|
return {
|
processDefinitionId: '',
|
form: {},
|
option:option
|
}
|
},
|
computed: {
|
...mapGetters(["permission", 'userInfo']),
|
},
|
created() {
|
this.controlOption('open')
|
this.processDefinitionId = this.$route.params.processDefinitionId;
|
},
|
beforeDestroy() {
|
this.controlOption('close')
|
},
|
methods: {
|
handleSubmit() {
|
const params = {
|
processDefinitionId: this.$route.params.processDefinitionId,
|
userId: this.userInfo.user_id,
|
...this.form,
|
};
|
applicationProcess(params).then(resp => {
|
const data = resp.data;
|
if (data.success) {
|
this.$message.success(data.msg);
|
this.$router.$avueRouter.closeTag();
|
this.$router.push({path: `/work/start`});
|
} else {
|
this.$message.error(data.msg || '提交失败');
|
}
|
});
|
},
|
controlOption(arg) {
|
// const suggestion = this.findObject(this.option.column,"suggestion")
|
// const comment = this.findObject(this.option.column,"comment")
|
if (arg == 'open'){
|
//解除禁用状态
|
this.option.group.forEach(group=>{
|
group.column.forEach(item=>{
|
item.disabled = false
|
})
|
})
|
//
|
// //隐藏完善意见
|
// suggestion.display = false
|
// //隐藏批复意见
|
// comment.display = false
|
|
}else if (arg == 'close'){
|
// suggestion.display = true
|
// comment.display = true
|
}
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
|
</style>
|
