H5：api加loading

htmldev/dashboard/README.md

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

htmldev/dashboard/src/api/request.js

@@ -49,12 +49,10 @@ function hideLoading () {
 }
 
 // 防抖：将 300ms 间隔内的关闭 loading 便合并为一次。防止连续请求时， loading闪烁的问题。
-function toHideLoading () {
-  _.debounce(() => {
-    loading.clear()
-    loading = null
-  }, 300)
-}
+const toHideLoading = _.debounce(() => {
+  loading.clear()
+  loading = null
+}, 300)
 
 // Add a request interceptor
 request.interceptors.request.use(request => {

htmldev/dashboard/src/views/orderDetail/api/api.js

@@ -6,5 +6,6 @@ import request from '@/api/request'
 export const apiOrderDetail = (params) => request({
   method: 'GET',
   url: '/api/v1/user/order/detail',
-  params: params
+  params: params,
+  showLoading: true
 })

htmldev/dashboard/src/views/place/list/api/index.js

@@ -17,7 +17,8 @@ export const apiPlaceList = (id) => request({
   url: '/api/v1/bar/place/list',
   params: {
     id
-  }
+  },
+  showLoading: true
 })
 
 /**
@@ -27,5 +28,6 @@ export const apiPlaceList = (id) => request({
 export const apiPlacePreOrder = (postData) => request({
   method: 'POST',
   url: '/api/v1/user/preorder/create',
-  data: postData
+  data: postData,
+  showLoading: true
 })

htmldev/dashboard/src/views/refundList/api/api.js

@@ -6,5 +6,6 @@ import request from '@/api/request'
 export const apiRefundList = (params) => request({
   method: 'GET',
   url: '/api/v1/user/order/refund/detail',
-  params: params
+  params: params,
+  showLoading: true
 })

htmldev/dashboard/src/views/sell/goods/api/index.js

@@ -9,7 +9,8 @@ export const apiProductList = (id) => request({
   url: '/api/v1/bar/product/list/all',
   params: {
     bar_id: id
-  }
+  },
+  showLoading: true
 })
 
 /**
@@ -21,7 +22,8 @@ export const apiProductDetail = (id) => request({
   url: '/api/v1/bar/product/detail',
   params: {
     id
-  }
+  },
+  showLoading: true
 })
 
 /**

htmldev/dashboard/src/views/sell/pay/api/index.js

@@ -31,5 +31,6 @@ export const apiCouponList = (id) => request({
 export const apiAddOrder = (postData) => request({
   method: 'POST',
   url: '/api/v1/user/order/add',
-  data: JSON.stringify(postData)
+  data: JSON.stringify(postData),
+  showLoading: true
 })

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

@@ -42,7 +42,7 @@
         <!--1、接口未获取成功，2、获取成功：有、没有-->
         <template v-if="fetchAdvanceListStatus">
           <p v-if="advanceList.length" class="value">
-            {{ curAdvance.order_price >= 0 ? '-¥' : '' }}{{ curAdvance.order_price | fen2Yuan }}</p>
+            {{ curAdvance.order_price >= 0 ? '-¥' : '选择预约款' }}{{ curAdvance.order_price | fen2Yuan }}</p>
           <p v-else class="value">暂无可用预约款</p>
         </template>
       </li>
@@ -50,7 +50,7 @@
         <p class="label">优惠券</p>
         <template v-if="fetchCouponListStatus">
           <p v-if="couponList.length" class="value">
-            {{ curCoupon.coupon_price >= 0 ? '-¥' : ''}}{{ curCoupon.coupon_price | fen2Yuan }}</p>
+            {{ curCoupon.coupon_price >= 0 ? '-¥' : '选择优惠券'}}{{ curCoupon.coupon_price | fen2Yuan }}</p>
           <p v-else class="value">暂无可用优惠券</p>
         </template>
       </li>
@@ -630,7 +630,7 @@ export default {
     display: flex;
     flex-direction: column;
     align-items: flex-end;
-    padding-right: 16px;
+    padding: 0 16px;
     width: 60%;
 
     p {

htmldev/dashboard/src/views/show/plan/api/index.js

@@ -9,5 +9,6 @@ export const apiShowPlanList = (id) => request({
   url: '/api/v1/bar/show/plan/list/all',
   params: {
     id
-  }
+  },
+  showLoading: true
 })