流程节点保存接口联调

 /*
 /*
  * @Date: 2022-06-17 14:54:29
  * @Date: 2022-06-17 14:54:29
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-06-12 15:06:04
+ * @LastEditTime: 2024-07-04 17:05:30
  * @FilePath: /data-table/src/api/data.js
  * @FilePath: /data-table/src/api/data.js
  * @Description: 表单数据接口
  * @Description: 表单数据接口
  */
  */
@@ -11,6 +11,7 @@ const Api = {
   ADD_FORM_DATA: '/srv/?a=add_formdata',
   ADD_FORM_DATA: '/srv/?a=add_formdata',
   QUERY_FORM_DATA: '/srv/?a=query_formdata',
   QUERY_FORM_DATA: '/srv/?a=query_formdata',
   MODI_FORM_DATA: '/srv/?a=modi_formdata',
   MODI_FORM_DATA: '/srv/?a=modi_formdata',
+  FLOW_FORM_DATA: '/srv/?a=flow_formdata',
 }
 }
 /**
 /**
  * @description: 添加表单数据
  * @description: 添加表单数据
@@ -33,3 +34,14 @@ export const queryFormDataAPI = (params) => fn(fetch.get(Api.QUERY_FORM_DATA, pa
  * @param: data 待添加的数据，json对象结构；键值对记录变更的字段和值；
  * @param: data 待添加的数据，json对象结构；键值对记录变更的字段和值；
  */
  */
 export const modiFormDataAPI = (params) => fn(fetch.post(Api.MODI_FORM_DATA, params));
 export const modiFormDataAPI = (params) => fn(fetch.post(Api.MODI_FORM_DATA, params));
+
+/**
+ * @description: 流程表单数据
+ * @param: form_code 表单唯一标识
+ * @param: data_id 数据ID
+ * @param: data 待添加的数据，json对象结构；键值对记录变更的字段和值；
+ * @param: flow_node_code 流程节点
+ * @param: flow_node_action_id 用户点击的流程节点按钮ID
+ * @param: flow_content 流程审批的文本意见
+ */
+export const flowFormDataAPI = (params) => fn(fetch.post(Api.FLOW_FORM_DATA, params));

 <!--
 <!--
  * @Date: 2022-07-18 10:22:22
  * @Date: 2022-07-18 10:22:22
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-07-04 15:18:15
+ * @LastEditTime: 2024-07-05 10:44:37
  * @FilePath: /data-table/src/views/index.vue
  * @FilePath: /data-table/src/views/index.vue
  * @Description: 首页
  * @Description: 首页
 -->
 -->
@@ -35,7 +35,7 @@
         </div>
         </div>
         <!-- 流程表单 -->
         <!-- 流程表单 -->
         <div v-if="formSetting.is_flow" style="margin: 16px; padding-top: 1rem;">
         <div v-if="formSetting.is_flow" style="margin: 16px; padding-top: 1rem;">
-          <div v-if="page_type === 'flow'">
+          <div v-if="page_type === 'flow' && formSetting.is_flow_content">
             <p style="margin-bottom: 1rem; font-size: 0.85rem; font-weight: bold;">审批意见</p>
             <p style="margin-bottom: 1rem; font-size: 0.85rem; font-weight: bold;">审批意见</p>
             <div style="margin-bottom: 1rem; border: 1px solid #eee;">
             <div style="margin-bottom: 1rem; border: 1px solid #eee;">
               <van-field
               <van-field
@@ -146,7 +146,7 @@ import {
 } from "@/utils/generatePackage.js";
 } from "@/utils/generatePackage.js";
 import { useRoute } from "vue-router";
 import { useRoute } from "vue-router";
 import { queryFormAPI, postVerifyPasswordAPI } from "@/api/form.js";
 import { queryFormAPI, postVerifyPasswordAPI } from "@/api/form.js";
-import { addFormDataAPI, queryFormDataAPI, modiFormDataAPI } from "@/api/data.js";
+import { addFormDataAPI, queryFormDataAPI, modiFormDataAPI, flowFormDataAPI } from "@/api/data.js";
 import { showSuccessToast, showFailToast, showConfirmDialog } from "vant";
 import { showSuccessToast, showFailToast, showConfirmDialog } from "vant";
 import { wxInfo, getUrlParams } from "@/utils/tools";
 import { wxInfo, getUrlParams } from "@/utils/tools";
 import { styleColor } from "@/constant.js";
 import { styleColor } from "@/constant.js";
@@ -274,9 +274,8 @@ const onApprovalSelect = (item) => {
   if (page_type === 'add') { // 新增页面统一处理为提交
   if (page_type === 'add') { // 新增页面统一处理为提交
     myForm.value.submit();
     myForm.value.submit();
   }
   }
-  // TODO: 等待处理方式
   if (page_type === 'flow') {
   if (page_type === 'flow') {
-    console.warn('flow');
+    myForm.value.submit();
   }
   }
   // switch (item.id) {
   // switch (item.id) {
   //   case 'commit':
   //   case 'commit':
@@ -300,10 +299,10 @@ const onApprovalCancel = () => {
   console.warn('取消');
   console.warn('取消');
 }
 }
 
 
-const handleApproval = (type) => {
-  console.warn(type);
-  console.warn(approval_note.value);
-}
+// const handleApproval = (type) => {
+//   console.warn(type);
+//   console.warn(approval_note.value);
+// }
 
 
 // TODO: 等待调试发送短信接口
 // TODO: 等待调试发送短信接口
 const bind_tel_show = ref(false);
 const bind_tel_show = ref(false);
@@ -1032,8 +1031,28 @@ const onSubmit = async (values) => {
         // 提交按钮禁用状态
         // 提交按钮禁用状态
         submitStatus.value = false;
         submitStatus.value = false;
       }
       }
-    } else if (page_type === 'flow') { // TODO: 流程表单提交，需要新的接口
-
+    } else if (page_type === 'flow') { // 流程表单提交
+      const result = await flowFormDataAPI({
+        form_code: $route.query.code,
+        data: postData.value,
+        data_id,
+        flow_node_code: formSetting.value.flow_node_code,
+        flow_node_action_id: flow_node_action_id.value,
+        flow_content: approval_note.value
+      });
+      if (result.code) {
+        // 提交按钮禁用状态
+        submitStatus.value = false;
+        //
+        showSuccessToast("操作成功");
+        // 缓存表单返回值
+        // store.changeSuccessInfo(result.data);
+        // 表单成功提交后续操作
+        // successHandle();
+      } else {
+        // 提交按钮禁用状态
+        submitStatus.value = false;
+      }
     } else {
     } else {
       console.warn('缺参数');
       console.warn('缺参数');
     }
     }