| | |
| | | <el-tab-pane label="表单信息" name="1"> |
| | | <!--初始化流程加载表单信息--> |
| | | <el-col :span="16" :offset="4" v-if="formDataList && formDataList.length > 0"> |
| | | <div v-for="(formDataObj, index) in formDataList" :key="index" class="form-warp"> |
| | | <div v-for="(formDataObj, index) in formDataList" :key="index" class="form-warp" style="position: relative"> |
| | | <div v-if="!formDataObj.current" style="position: absolute; top: 2px; right: 2px"> |
| | | <el-button type="danger" disabled>驳回(功能开发中)</el-button> |
| | | </div> |
| | | <div v-if="formDataObj.current" style="margin-bottom: 15px;color: #409eff">当前阶段:<span style="color: red">{{formDataObj.beforeNodeName}}</span></div> |
| | | <div v-else style="margin-bottom: 15px;color: #409eff">前置阶段:<span style="color: #d5904b">{{formDataObj.beforeNodeName}}</span></div> |
| | | <v-form-render :form-data="formDataObj.formJson" :ref="'form' + index"/> |
| | |
| | | <!-- <v-form-render :form-data="formRenderData" ref="vFormRef"/>--> |
| | | <div style="display: flex;justify-content: center; align-items: center; margin: 20px 0"> |
| | | <el-button type="primary" @click="submitForm">确认并提交</el-button> |
| | | <el-button type="primary" @click="submitForm">协同办理</el-button> |
| | | <el-button type="primary" @click="submitForm">转交他人办理</el-button> |
| | | <el-button type="primary" disabled @click="submitForm">协同办理(功能开发中)</el-button> |
| | | <el-button type="primary" disabled @click="submitForm">转交他人办理(功能开发中)</el-button> |
| | | <!-- <el-button type="primary" @click="resetForm">重 置</el-button>--> |
| | | </div> |
| | | </el-col> |
| | |
| | | props: {}, |
| | | data() { |
| | | return { |
| | | formDataList: [], |
| | | goBackParams: {}, |
| | | formDataList: [], // 表单列表 |
| | | taskId: '', |
| | | processName: '', |
| | | // 模型xml数据 |
| | |
| | | this.taskId = this.$route.query && this.$route.query.taskId; |
| | | // 初始化表单 |
| | | this.procDefId = this.$route.query && this.$route.query.procDefId; |
| | | this.goBackParams = this.$route.query && this.$route.query.goBackParams; |
| | | // this.getNextFlowNodeByStart(this.deployId); |
| | | this.getFlowFormData(this.taskId); |
| | | }, |
| | |
| | | const params = {taskId: taskId} |
| | | flowTaskForm(params).then(res => { |
| | | this.formDataList = res.data |
| | | // this.formRenderDataList = res.data.map(item => item.formJson) |
| | | // console.log("表单数据列表", this.formRenderDataList) |
| | | if (this.formDataList && this.formDataList.length > 0) { |
| | | this.$nextTick(() => { |
| | | this.formDataList.forEach((formDataObj, index) => { |
| | |
| | | }, |
| | | /** 返回页面 */ |
| | | goBack() { |
| | | // // 关闭当前标签页并返回上个页面 |
| | | // const obj = { path: "/task/process", query: { t: Date.now()} }; |
| | | // this.$tab.closeOpenPage(obj); |
| | | this.$tab.closePage() |
| | | this.$router.push({ |
| | | path: '/projectFlow/detail', |
| | | query: this.goBackParams |
| | | }) |
| | | }, |
| | | /** 申请流程表单数据提交 */ |
| | | submitForm() { |