11

src/views/order/index.vue

@@ -7,7 +7,7 @@
                         <el-input v-model="ordereData.orderNo" placeholder="请输入订单号查询" @input="inputChange" clearable />
                         <!-- <el-button style="margin-left: 10px;" type="primary" @click="onSubmit">搜索</el-button> -->
                     </div>
-                    <add :ordereData="ordereData" @emititemboxshow="emititemboxshow" v-if="ordereData.list.length">
+                    <add :loading="loadingboxshow" :ordereData="ordereData" @emititemboxshow="emititemboxshow" v-if="ordereData.list.length">
                     </add>
                     <div v-else style="width: 100%; text-align: center; margin: 30px 0;">暂无数据</div>
                     <el-pagination v-if="ordereData.list.length" layout="prev, pager, next, jumper"
@@ -30,7 +30,7 @@
                 </el-tab-pane>
             </el-tabs>
         </div>
-        <div class="orderbox_right" v-if="itemboxshow" v-loading="orderDetaildata.loading">
+        <div class="orderbox_right" v-if="itemboxshow" v-loading="orderDetaildata.loading" :loading="loadingboxshow">
             <div class="orderbox_right_top">
                 <span>堂食订单</span>
                 <el-icon :size="32" style="color: var(--primary-color) ;" @click="itemboxshow = false">
@@ -250,7 +250,7 @@ const payreturnOrderclick = async () => {
             changechecked.value = false
             recharge.value = false
             asyncorderfindOrder()
-        }else{
+        } else {
             ElMessage.error('以没有退款项目！')
         }
 
@@ -260,18 +260,23 @@ const payreturnOrderclick = async () => {
 
 }
 
+const loadingboxshow = ref(false);
+
 const emititemboxshow = async (e) => { //接收子组件值  并赋值给父组件
+    loadingboxshow.value = true
     try {
         let res = await orderorderDetail({
             shopId: store.userInfo.shopId,
             id: e.id
         })
         itemboxshow.value = true
+        loadingboxshow.value = false
         orderDetaildata.value = res
         orderDetaildata.value.detailList.forEach((e) => {
             e.checked = false
         })
     } catch (error) {
+        loadingboxshow.value = false
 
     }
 }