H5：按钮加锁

htmldev/dashboard/README.md

@@ -25,6 +25,7 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
 
 # todo list
 - [x] 我订单状态整理
-- [ ] 新增个人中心（菜单配置）
+- [x] 新增个人中心（菜单配置）
 - [ ] 订座下单测试
 - [ ] api接口配置loading
+- [ ] api接口加点击限制

htmldev/dashboard/src/login/index.vue

@@ -36,6 +36,7 @@
     </ul>
     <button
       class="submit"
+      :disabled="booLock"
       @click="funSubmit">登 录
     </button>
     <div class="footer">
@@ -83,7 +84,8 @@ export default {
       numCount: 60,
       timer: null,
       arrErrorList: [],
-      checked: false
+      checked: false,
+      booLock: false
     }
   },
   async mounted () {
@@ -164,7 +166,9 @@ export default {
         return
       }
       try {
+        this.booLock = true
         const { status, data, msg } = await login(phone, code)
+        this.booLock = false
         if (status) {
           const { token } = data
           clearLoginInfo()
@@ -192,7 +196,9 @@ export default {
           return
         }
         Toast(msg)
-      } catch (err) {}
+      } catch (err) {
+        this.booLock = false
+      }
     }
   }
 }

htmldev/dashboard/src/views/place/list/index.vue

@@ -280,8 +280,8 @@ export default {
         Toast('请预订人名字')
         return
       }
-      this.booLock = true
       try {
+        this.booLock = true
         const { status, data, msg } = await apiPlacePreOrder(postData)
         this.booLock = false
         if (status) {

htmldev/dashboard/src/views/sell/pay/index.vue

@@ -66,6 +66,7 @@
       <van-button
         class="btn"
         type="warning"
+        :disabled="booLock"
         @click="addOrder">去结算
       </van-button>
     </div>
@@ -159,7 +160,8 @@ export default {
       couponPopup: false, // 优惠券选择弹窗
       couponList: [], // 优惠券列表
       curCoupon: {},
-      fetchCouponListStatus: false // 获取优惠券列表状态
+      fetchCouponListStatus: false, // 获取优惠券列表状态
+      booLock: false
     }
   },
   computed: {
@@ -303,7 +305,9 @@ export default {
         order_pay_type: this.order_pay_type // 支付方式(1微信2支付宝3现场支付)
       }
       try {
+        this.booLock = true
         const { status, msg, data } = await apiAddOrder(postData)
+        this.booLock = false
         if (status) {
           this.selectFoods = []
           this.placeNum = ''
@@ -316,7 +320,9 @@ export default {
         } else {
           Toast(msg)
         }
-      } catch (err) {}
+      } catch (err) {
+        this.booLock = false
+      }
     }
   }
 }