增加验证防止重复提交

src/components/Hotel/HotelSure.vue

@@ -340,6 +340,19 @@
         margin-top: 20px;
         border: 1px solid #E0E0E0;
     }
+    .HotelSure .disClick {
+        background-color: #d1d1d1!important;
+        color: #fff!important;
+        background-image: none;
+        border: 1px solid #d1d1d1!important;
+    }
+
+    .HotelSure .disClick:hover {
+        background-color: #d1d1d1 !important;
+        cursor: default !important;
+        box-shadow: none !important;
+    }
+
 </style>
 
 
@@ -597,7 +610,7 @@
                     </ul>
                 </div>
             </div>
-            <input type="button" class="HD_payBtn" :class="{'disBtn':isBaoChild}" @click="submitForm('sureMsg')" value="下单" />
+            <input type="button" class="HD_payBtn" :class="{'disBtn':isBaoChild,'disClick':!isSubmit}" @click="submitForm('sureMsg')" value="下单" />
         </div>
         <div class="HS_RightList">
             <div class="HS_RightTopImg">
@@ -704,6 +717,8 @@ export default {
           roomOptionCd:'',
           searchroomGroup:[]
       },
+      //防止重复提交
+      isSubmit: true,
       auditNum:0,
       childNum:0,
       //入住 周几
@@ -1317,7 +1332,10 @@ export default {
         if(this.sureMsg.CustomerId==null||this.sureMsg.CustomerId==""){
             this.sureMsg.CustomerId=0
         }
+        if (this.isSubmit) {
+            this.isSubmit = false;
             this.apipost("dmc_post_Get_GetJAPAN_HotelBooking",this.sureMsg,res => {
+                    this.isSubmit = true;
                 if (res.data.resultCode == 1) {
                     this.Success('预订成功');
                     let num =0;
@@ -1351,6 +1369,7 @@ export default {
                 },
                 err => {}
             );
+        }
     },
   }
 };