因为这个项目license问题无法开源，更多技术支持与服务请加入我的知识星球。

对应VForm3，原先的后端解析也要做调整

1、获取历史任务的表单信息

// 获取历史任务节点表单数据值List<HistoricVariableInstance> listHistoricVariableInstance = historyService.createHistoricVariableInstanceQuery().processInstanceId(procInsId).taskId(histIns.getTaskId()).list();  Map<String, Object> variables = new HashedMap<String, Object>();Map<String, Object> formconf = new HashedMap<String, Object>();for(HistoricVariableInstance historicVariableInstance:listHistoricVariableInstance) {variables.put(historicVariableInstance.getVariableName(), historicVariableInstance.getValue());}formconf.put("formValue", variables);// 获取历史任务节点表单参数if(Objects.nonNull(histIns.getTaskId())) {HistoricTaskInstance taskIns = historyService.createHistoricTaskInstanceQuery().taskId(histIns.getTaskId()).includeIdentityLinks().includeProcessVariables().includeTaskLocalVariables().finished().singleResult();if (Objects.nonNull(taskIns)) {{String formId = taskIns.getFormKey();SysForm sysForm = sysDeployFormService.selectCurSysDeployForm(formId, deployId, taskIns.getTaskDefinitionKey());if (Objects.nonNull(sysForm)) {Map<String, Object> formModel = JSONObject.parseObject(sysForm.getFormContent(), Map.class);//formconf.put("config", JSONObject.parseObject(sysForm.getFormContent()).get("config"));//formconf.put("list", JSONObject.parseObject(sysForm.getFormContent()).get("list"));formconf.put("formModel",formModel);formconf.put("formData", variables);}}}}    flowTask.setTaskFormValues(formconf);

2、完成按钮的流程处理代码，主要是校验，同时打开对话框

/** 审批任务选择 */const handleComplete = () => {console.log('taskFormBuilder=', taskFormBuilder);const taskFormRef = taskFormBuilder.value;console.log('taskFormRef=', taskFormRef);const isExistTaskForm = taskFormRef !== null;// 若无任务表单，则 taskFormPromise 为 true，即不需要校验taskFormRef?.validateForm(async (valid: boolean) => {console.log("valid",valid)if (valid) {if (isExistTaskForm) {//校验通过completeOpen.value = true;completeTitle.value = '审批流程';getTreeselect();}}  });};

3、支持完成方法

/** 审批任务 */const taskComplete = (approved) => {if (taskForm.hasOwnProperty('values')) {if ((!taskForm.values.hasOwnProperty('approval') || (taskForm.values.hasOwnProperty('approval') && taskForm.values.approval === '')) &&checkSendUser.value) {if (!taskForm.hasOwnProperty('nextUsers') || (taskForm.hasOwnProperty('nextUsers') && taskForm.nextUsers === '')) {createMessage.error('请选择流程接收人员或选择下一审批人');return;}} else if (checkSendUser.value && taskForm.values.hasOwnProperty('approval') && taskForm.values.approval.split(',').length > 1) {createMessage.error('目前流程只能选择一个接收人员');return;}}if (!taskForm.comment) {createMessage.error('请输入审批意见');return;}const taskFormRef = taskFormBuilder.value;const isExistTaskForm = taskFormRef !== null;if (isExistTaskForm) {//流程里的设置表单console.log("taskFormRef",taskFormRef);taskForm.values.taskformvalues = taskFormRef.formDataModel;}if (startUserForm.isStartUserNode && startUserForm.editFormType === 'oa') {refStartBuilder.value.validate();const approval = taskForm.values.approval;const data = refStartBuilder.value.getFormData();formData.value = JSON.parse(JSON.stringify(data)); //需要转换一下const variables = formData.value;console.log('variables=', variables);taskForm.variables = variables;taskForm.values = variables;if (approval) {taskForm.values.approval = approval;}}if (startUserForm.isStartUserNode && startUserForm.editFormType === 'zdyyw') {//createMessage.error("目前还不支持自定义表单的编辑修改功能！！！");//$refs.refCustomForm.submitForm();}if (startUserForm.isStartUserNode && startUserForm.editFormType === 'online') {createMessage.error('目前还不支持online表单的编辑修改功能！！！');//$refs.refViewOnlForm.submitForm();}taskForm.approved = approved; //对特殊通用同意拒绝排它网关的处理taskForm.ccUsers = taskForm.ccUsers?.join(',');taskForm.nextUsers = taskForm.nextUsers?.join(',');console.log('taskForm=', taskForm);complete(taskForm).then((response) => {createMessage.success(response.message);goBack();});};

4、效果图