加减菜功能优化

src/views/order/console.vue

@@ -31,7 +31,7 @@
                     />
                     <el-divider />
                     <el-scrollbar ref="scrollbarRef" class="scrollbar">
-                        <div ref="innerRef">
+                        <div ref="innerRef" v-loading="orderLoading">
                             <el-empty
                                 v-if="data.selectGoods.length == 0 ? true : false"
                                 description="啥也没有，快点击商品添加吧"
@@ -115,7 +115,6 @@
             </div>
             <div
                 class="p-2 md:w-1/2 w-full md:h-full h-auto float-left flex-wrap"
-                v-loading="orderLoading"
             >
                 <div class="w-full h-auto">
                     <div class="justify-end flex">
@@ -622,6 +621,7 @@ const open = (item: any, num?: number, orderNumber?: any) => {
 }
 
 const refreshdishes = async () => {
+    orderLoading.value = true
     await deskOrderedDishListAll({ id: params.number }).then((res) => {
         res.forEach((good: { id: number; ordersDishId: number }) => {
             good.ordersDishId = good.id
@@ -661,6 +661,8 @@ const refreshdishes = async () => {
             orderData.sumNumSum = 0
             orderData.payAmount = 0
         }
+    }).finally(() => {
+        orderLoading.value = false
     })
 }
 watch(search, (value) => {
@@ -765,6 +767,7 @@ const beforeClose = () => {
 const add = (item: any) => {
     // addGoods(item)
     console.log('***add***', item)
+    orderLoading.value = true
     dishInc({ id: item.ordersDishId })
         .then(() => {
             data.selectGoods[data.selectGoods.indexOf(item)].num++
@@ -830,9 +833,6 @@ const addGoods = (item: any) => {
 
 // 将原来的 addGoods 逻辑移到这个新方法中
 const handleAddGoods = (item: any) => {
-    if (orderLoading.value) {
-        return false
-    }
     console.log('handleAddGoods', item)
     orderLoading.value = true
     //查找未出单的餐品列表
@@ -910,9 +910,6 @@ const addHandle = (item: { summary: any }) => {
     ).toFixed(2)
 }
 const reduce = (item: any) => {
-    if (orderLoading.value) {
-        return false
-    }
     orderLoading.value = true
     //查找未出单的餐品列表
     // const list = data.selectGoods.filter((element: any) => {return element.status != 1})