118 lines
3.0 KiB
Vue
118 lines
3.0 KiB
Vue
|
<template>
|
||
|
|
<div class="app-container">
|
||
|
|
<el-card class="box-card">
|
||
|
|
<div slot="header" class="clearfix">
|
||
|
|
<span>{{ processName }}</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<el-col :span="18" :offset="3">
|
||
|
|
<div class="form-conf" v-if="formOpen">
|
||
|
|
<parser :key="new Date().getTime()" :form-conf="formData" @submit="submit" ref="parser" @getData="getData"/>
|
||
|
|
</div>
|
||
|
|
</el-col>
|
||
|
|
</el-card>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { listProcess} from "@/api/workflow/process";
|
||
|
|
import { listAllCategory } from '@/api/workflow/category'
|
||
|
|
import { getProcessForm, startProcess } from '@/api/workflow/process'
|
||
|
|
import Parser from '@/utils/generator/parser'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'handbookApply',
|
||
|
|
components: {
|
||
|
|
Parser
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
definitionId: null,
|
||
|
|
deployId: null,
|
||
|
|
procInsId: null,
|
||
|
|
formOpen: false,
|
||
|
|
formData: {},
|
||
|
|
|
||
|
|
processName: '',
|
||
|
|
categoryOptions: [],
|
||
|
|
// 流程定义表格数据
|
||
|
|
processParams: null,
|
||
|
|
// 查询参数
|
||
|
|
queryParams: {
|
||
|
|
pageNum: 1,
|
||
|
|
pageSize: 10,
|
||
|
|
processKey: undefined,
|
||
|
|
processName: "项目指南录入",
|
||
|
|
category: "007"
|
||
|
|
},
|
||
|
|
}
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
this.initData();
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
initData() {
|
||
|
|
/** 查询流程定义列表 */
|
||
|
|
listProcess(this.queryParams).then(response => {
|
||
|
|
this.processParams = response.rows[0];
|
||
|
|
this.processName = this.processParams.processName;
|
||
|
|
this.definitionId = this.processParams.definitionId;
|
||
|
|
|
||
|
|
getProcessForm({
|
||
|
|
definitionId: this.processParams.definitionId,
|
||
|
|
deployId: this.processParams.deploymentId,
|
||
|
|
procInsId: undefined
|
||
|
|
}).then(res => {
|
||
|
|
if (res.data) {
|
||
|
|
this.formData = res.data;
|
||
|
|
this.formOpen = true
|
||
|
|
}
|
||
|
|
})
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
/** 接收子组件传的值 */
|
||
|
|
getData(data) {
|
||
|
|
if (data) {
|
||
|
|
const variables = [];
|
||
|
|
data.fields.forEach(item => {
|
||
|
|
let variableData = {};
|
||
|
|
variableData.label = item.__config__.label
|
||
|
|
// 表单值为多个选项时
|
||
|
|
if (item.__config__.defaultValue instanceof Array) {
|
||
|
|
const array = [];
|
||
|
|
item.__config__.defaultValue.forEach(val => {
|
||
|
|
array.push(val)
|
||
|
|
})
|
||
|
|
variableData.val = array;
|
||
|
|
} else {
|
||
|
|
variableData.val = item.__config__.defaultValue
|
||
|
|
}
|
||
|
|
variables.push(variableData)
|
||
|
|
})
|
||
|
|
this.variables = variables;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
submit(data) {
|
||
|
|
if (data && this.definitionId) {
|
||
|
|
// 启动流程并将表单数据加入流程变量
|
||
|
|
startProcess(this.definitionId, JSON.stringify(data.valData)).then(res => {
|
||
|
|
this.$modal.msgSuccess(res.msg);
|
||
|
|
this.$tab.closeOpenPage({
|
||
|
|
path: '/work/own'
|
||
|
|
})
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.form-conf {
|
||
|
|
margin: 15px auto;
|
||
|
|
width: 80%;
|
||
|
|
padding: 15px;
|
||
|
|
}
|
||
|
|
</style>
|