fix 重复提交表单问题处理

 <!--
 <!--
  * @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: 2023-03-29 17:57:51
+ * @LastEditTime: 2023-04-28 13:13:13
  * @FilePath: /data-table/src/views/index.vue
  * @FilePath: /data-table/src/views/index.vue
  * @Description: 首页
  * @Description: 首页
 -->
 -->
@@ -28,7 +28,7 @@
             :is="item.component" :item="item" @active="onActive" />
             :is="item.component" :item="item" @active="onActive" />
         </van-cell-group>
         </van-cell-group>
         <div v-if="formData.length && PCommit.visible" style="margin: 16px">
         <div v-if="formData.length && PCommit.visible" style="margin: 16px">
-          <van-button round block type="primary" native-type="submit">
+          <van-button round block type="primary" native-type="submit" :disabled="submitStatus">
             {{ PCommit.text ? PCommit.text : '提交' }}
             {{ PCommit.text ? PCommit.text : '提交' }}
           </van-button>
           </van-button>
         </div>
         </div>
@@ -502,6 +502,8 @@ const preValidData = (values) => {
   return _.assign(postData.value, rest_data);
   return _.assign(postData.value, rest_data);
 }
 }
 
 
+const submitStatus = ref(false);
+
 const onSubmit = async (values) => {
 const onSubmit = async (values) => {
   // 表单数据处理
   // 表单数据处理
   postData.value = preValidData(values);
   postData.value = preValidData(values);
@@ -514,12 +516,17 @@ const onSubmit = async (values) => {
       console.warn(postData.value);
       console.warn(postData.value);
     }
     }
     if (model === 'edit' || model === 'preview') return false;
     if (model === 'edit' || model === 'preview') return false;
+    // 提交按钮禁用
+    submitStatus.value = true;
     // 通过验证
     // 通过验证
     const result = await addFormDataAPI({
     const result = await addFormDataAPI({
       form_code: $route.query.code,
       form_code: $route.query.code,
       data: postData.value,
       data: postData.value,
     });
     });
     if (result.code) {
     if (result.code) {
+      // 提交按钮禁用状态
+      submitStatus.value = false;
+      //
       showSuccessToast("提交成功");
       showSuccessToast("提交成功");
       // 缓存表单返回值
       // 缓存表单返回值
       store.changeSuccessInfo(result.data);
       store.changeSuccessInfo(result.data);
@@ -532,8 +539,13 @@ const onSubmit = async (values) => {
           path: "/success",
           path: "/success",
         });
         });
       }
       }
+    } else {
+      // 提交按钮禁用状态
+      submitStatus.value = false;
     }
     }
   } else {
   } else {
+    // 提交按钮禁用状态
+    submitStatus.value = false;
     console.warn(validOther().key + "不通过验证");
     console.warn(validOther().key + "不通过验证");
     // // 图片上传控件报错提示
     // // 图片上传控件报错提示
     // if (validOther().key === "image_uploader") {
     // if (validOther().key === "image_uploader") {