1. 优化加载

src/views/order/groupBuyingMr/dialog/details.vue

@@ -17,7 +17,8 @@
     @close="cancel"
   >
     <div v-loading="loading" class="dialog dialog-bbb" v-if="form">
-      <div>
+      <div v-loading="loading_form"
+      element-loading-text="加载详情中...">
         <!--   基础信息   -->
         <div class="title-class" style="margin-top: 0">基础信息</div>
         <el-row>
@@ -129,7 +130,7 @@
           </el-col>
         </el-row>
       </div>
-      <div class="dialog-bbb_2">
+      <div class="dialog-bbb_2" v-loading="loading_seta" element-loading-text="加载座位图中...">
         <div class="seat-tool-box">
           <span class="demonstration">座位大小</span>
           <div class="seat-tool-box-slider">
@@ -264,6 +265,8 @@ export default {
       justifyContent: false,
       activeName: 'first',
       seatTypeList: [],
+      loading_form: false,//  加载表单
+      loading_seta: false, //  加载座位
     };
   },
   created() {
@@ -286,7 +289,9 @@ export default {
     /** 获取详情 */
     async getSelectByIdApi(row) {
       try {
-        this.loading = true
+        //this.loading = true
+        this.loading_form =  true//  加载表单
+        this.loading_seta =  true //  加载座位
         const id = row.id
         let res = await getSelectById(id)
         this.seatSelectList = res.data.viewersOrderList
@@ -295,6 +300,7 @@ export default {
           this.voucherUrl = res.data.corporate.voucherUrl.split(',')||[];
           this.corporateRremark =  res.data.corporate.remark;
         }
+        this.loading_form =  false//  加载表单
         let res1 = await querySeatList({
           auditoriumId: res.data.auditoriumId,
           //seatTypeId: res.data.seatTypeId,
@@ -305,9 +311,12 @@ export default {
         if (this.setList && this.setList.length > 0) {
           this.setSeatMapListCopy(this.setList);
         }
+        this.loading_seta =  false//  加载表单
         this.loading = false
       } catch (error) {
         this.loading = false
+        this.loading_form = false//  加载表单
+        this.loading_seta = false //  加载座位
       }
       
     },

src/views/order/orderMr/dialog/details.vue

@@ -10,7 +10,10 @@
 <template>
   <el-dialog title="订单详情" :visible.sync="open" width="96%" append-to-body :close-on-click-modal="false" @close="cancel">
     <div v-loading="loading" class="dialog dialog-bbb" v-if="form">
-      <div>
+      <div 
+      v-loading="loading_form"
+      element-loading-text="加载详情中..."
+      >
         <!--   基础信息   -->
         <div class="title-class" style="margin-top: 0">基础信息</div>
         <el-row>
@@ -126,7 +129,7 @@
           </el-col>
         </el-row>
       </div>
-      <div class="dialog-bbb_2">
+      <div class="dialog-bbb_2" v-loading="loading_seta" element-loading-text="加载座位图中...">
         <div class="seat-tool-box">
           <span class="demonstration">座位大小</span>
           <div class="seat-tool-box-slider">
@@ -215,6 +218,9 @@ export default {
       justifyContent: false,
       activeName: 'first',
       seatTypeList: [],
+
+      loading_form: false,//  加载表单
+      loading_seta: false, //  加载座位
     };
   },
   created() {
@@ -238,11 +244,14 @@ export default {
     /** 获取详情 */
     async getSelectByIdApi(row) {
       try {
-        this.loading = true
+        //this.loading = true
+        this.loading_form =  true//  加载表单
+        this.loading_seta =  true //  加载座位
         const id = row.id
         let res = await getSelectById(id)
         this.seatSelectList = res.data.viewersList
         this.$set(this, "form", res.data)
+        this.loading_form =  false//  加载表单
         let res1 = await querySeatList({
           auditoriumId: res.data.auditoriumId,
           //seatTypeId: res.data.seatTypeId,
@@ -253,9 +262,12 @@ export default {
         if (this.setList && this.setList.length > 0) {
           this.setSeatMapListCopy(this.setList);
         }
+        this.loading_seta =  false//  加载表单
         this.loading = false
       } catch (error) {
         this.loading = false
+        this.loading_form = false//  加载表单
+        this.loading_seta = false //  加载座位
       }
 
     },