feat: 后端发起流程

apps/web-antd/src/api/workflow/task/model.d.ts

@@ -63,9 +63,9 @@ export interface StartWorkFlowReqData {
    */
   variables: Record<string, any>;
   /**
-   * 流程实例业务扩展业务对象
+   * 流程实例业务扩展业务对象 必须要有不能为null 可以为空对象
    */
-  flowInstanceBizExtBo?: Record<string, any>;
+  flowInstanceBizExtBo: Record<string, any>;
 }
 
 export interface TaskOperationData {

apps/web-antd/src/views/workflow/leave/api/model.d.ts

@@ -35,6 +35,7 @@ export interface LeaveVO {
    *
    */
   status: string;
+  applyCode?: string;
 }
 
 export interface LeaveForm extends BaseEntity {

apps/web-antd/src/views/workflow/leave/data.tsx

@@ -136,6 +136,14 @@ export const modalSchema: () => VbenFormSchema[] = () => [
       ],
     },
     defaultValue: 'frontend',
+    dependencies: {
+      componentProps: (model) => {
+        return {
+          disabled: model.id,
+        };
+      },
+      triggerFields: ['id'],
+    },
   },
   {
     label: '请假类型',

apps/web-antd/src/views/workflow/leave/leave-form.vue

@@ -60,14 +60,22 @@ onMounted(async () => {
 const router = useRouter();
 
 /**
- * 提取通用逻辑
+ * 获取已经处理好的表单参数
  */
-async function handleSaveOrUpdate() {
+async function getFormData() {
   let data = cloneDeep(await formApi.getValues()) as any;
-  data = omit(data, 'flowType');
+  data = omit(data, 'flowType', 'type');
   // 处理日期
   data.startDate = dayjs(data.dateRange[0]).format('YYYY-MM-DD HH:mm:ss');
   data.endDate = dayjs(data.dateRange[1]).format('YYYY-MM-DD HH:mm:ss');
+  return data;
+}
+
+/**
+ * 暂存/提交 提取通用逻辑
+ */
+async function handleSaveOrUpdate() {
+  const data = await getFormData();
   if (id) {
     data.id = id;
     return await leaveUpdate(data);
@@ -103,15 +111,19 @@ async function handleStartWorkFlow() {
     }
     // 获取发起类型
     const { type } = await formApi.getValues();
-    if (type === 'backend') {
+    /**
-      let data = cloneDeep(await formApi.getValues()) as any;
+     * 这里只是demo 实际只会用到一种
-      data = omit(data, 'flowType', 'type');
+     */
-      // 处理日期
+    switch (type) {
-      data.startDate = dayjs(data.dateRange[0]).format('YYYY-MM-DD HH:mm:ss');
+      // 后端发起流程
-      data.endDate = dayjs(data.dateRange[1]).format('YYYY-MM-DD HH:mm:ss');
+      case 'backend': {
+        const data = await getFormData();
         await submitAndStartWorkflow(data);
         await handleCompleteOrCancel();
-    } else {
+        break;
+      }
+      // 前端发起流程
+      case 'frontend': {
         // 保存业务
         const leaveResp = await handleSaveOrUpdate();
         // 启动流程
@@ -125,6 +137,10 @@ async function handleStartWorkFlow() {
           businessId: leaveResp!.id,
           flowCode,
           variables: taskVariables,
+          flowInstanceBizExtBo: {
+            businessTitle: '请假申请 - 自定义业务标题',
+            businessCode: leaveResp!.applyCode,
+          },
         };
         const { taskId } = await startWorkFlow(startWorkFlowData);
         // 打开窗口
@@ -134,6 +150,8 @@ async function handleStartWorkFlow() {
           variables: {},
         });
         applyModalApi.open();
+        break;
+      }
     }
   } catch (error) {
     console.error(error);