提交成功隐藏提交按钮

acupuncture-前台/src/views/screening/h5.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="app-container" v-loading="loading">
     <div class="hospital">{{ tenantName || "- - - -" }}</div>
     <el-form
       v-if="stepNum == 1"
@@ -157,7 +157,7 @@
         下一步
       </el-button>
     </div>
-    <div class="submit-box" v-if="stepNum == 2">
+    <div class="submit-box" v-if="stepNum == 2 && disabled">
       <el-button type="primary" class="submit-box-but" @click="scaleSubmitForm">
         提交
       </el-button>
@@ -177,9 +177,12 @@ export default {
   name: "Notice",
   data() {
     return {
+      loading: false,
+      disabled: true,
+
       hospitalId: "",
       tenantName: "",
-      stepNum: 1, // 步骤数
+      stepNum: 2, // 步骤数
       uploadFileUrl: process.env.VUE_APP_BASE_URL + "/baidu/ocr/idcardInfo", // 上传的图片服务器地址
       fileList: [],
 
@@ -331,15 +334,15 @@ export default {
         },
       ], // 表单参数
       form: {
-        "SCWJ-NAME": "",
+        "SCWJ-NAME": "测试患者",
-        "SCWJ-SEX": "",
+        "SCWJ-SEX": "男",
-        "SCWJ-BIRTH": "",
+        "SCWJ-BIRTH": "1945-01-01",
-        "SCWJ-AGE": "",
+        "SCWJ-AGE": "70",
-        "SCWJ-PHONE": "",
+        "SCWJ-PHONE": "18534353638",
-        "SCWJ-HEIGHT": "",
+        "SCWJ-HEIGHT": "170",
-        "SCWJ-WEIGHT": "",
+        "SCWJ-WEIGHT": "80",
-        "SCWJ-BMI": "",
+        "SCWJ-BMI": "24.56",
-        "SCWJ-JL": "",
+        "SCWJ-JL": "正常",
         "SCWJ-ZLFS": [],
       },
       // 表单校验
@@ -542,6 +545,7 @@ export default {
     },
     // 量表结果
     async scaleSubmitForm() {
+      try {
         // ------ 量表分值计算 ------
         let score = 0;
         // 计算总分, topic${i}属性不一定存在，先校验是否存在
@@ -559,6 +563,7 @@ export default {
           },
         };
         create(params).then(async (res) => {
+          this.loading = true;
           this.detailId = res.data.detailId;
           this.id = res.data.id;
           // ------ 保存答案 ------
@@ -579,12 +584,16 @@ export default {
           // ------ 提交筛查 ------
           const submitParams = { param: { detailId: this.detailId } };
           await screenSubmit(submitParams).then((response) => {
+            this.loading = false;
+            this.disabled = false;
             this.$modal.msgSuccess("提交成功");
-          // setTimeout(() => {
-          //   location.reload();
-          // }, 3000);
           });
         });
+      } catch (error) {
+        this.loading = false;
+        console.log("提交失败：", error);
+        this.$message.error("提交失败，请稍后重试！");
+      }
     },
     // 保存答案
     async saveAnswer(value, str) {
@@ -598,8 +607,8 @@ export default {
         };
         await screenSave(params).then((response) => {});
       } catch (error) {
-        console.log("error", error);
+        console.log("保存失败：", error);
-        this.$message.error("网络异常,请检查您的网络!");
+        this.$message.error("保存失败，请稍后重试！");
       }
     },
   },