1. 优化

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

@@ -201,12 +201,6 @@ import { pageList as getSeatType } from '@/api/seatTypeMr/seatTypeMr'
 export default {
   name: "detailsDia",
   dicts: ['order_form_type', 'order_status_type', 'pay_way_type', 'personnel_type'],
-  props: {
-    dict: {
-      type: Object,
-      default: () => [],
-    },
-  },
   data() {
     return {
       title: "编辑",

src/views/order/groupBuyingMr/index.vue

@@ -152,10 +152,10 @@
       </el-row>
       <div class="app-container-table-info">
         <el-table ref="tables" v-loading="loading" height="100%" :data="dataList" border>
-          <el-table-column label="序号" align="center" fixed="left" type="index" width="60"></el-table-column>
-          <el-table-column label="订单号" align="center" fixed="left" prop="id" />
-          <el-table-column label="团队名称" align="center" fixed="left" prop="teamName" />
-          <el-table-column label="团队类型" align="center" fixed="left" prop="type">
+          <el-table-column label="序号" align="center" :fixed="fixed" type="index" width="60"></el-table-column>
+          <el-table-column label="订单号" align="center" :fixed="fixed" prop="id" />
+          <el-table-column label="团队名称" align="center" :fixed="fixed" prop="teamName" />
+          <el-table-column label="团队类型" align="center" :fixed="fixed" prop="type">
             <template slot-scope="scope">
               <dict-tag :options="dict.type.team_type" :value="scope.row.teamType"/>
             </template>
@@ -471,6 +471,7 @@ export default {
       handleExportLoading: false,
       pagePerformTimeList: [], // 场次列表
       multiPerformDate:false,
+      fixed: 'left',
     };
   },
   created() {
@@ -484,6 +485,11 @@ export default {
         const { width, height } = entry.contentRect;
         this.qHeight = height + 'px'
       }
+      if(document.body.clientWidth<765) {
+        this.fixed = false
+      }else {
+        this.fixed = 'left'
+      }
     });
     this.resizeObserver.observe(this.$refs.queryFormBox);
   },

src/views/order/orderMr/index.vue

@@ -194,13 +194,13 @@
       </el-row>
       <div class="app-container-table-info">
         <el-table ref="tables" height="100%" v-loading="loading" :data="dataList" border>
-          <el-table-column label="序号" align="center" fixed="left" type="index" width="60"></el-table-column>
-          <el-table-column label="订单号" align="center" fixed="left" prop="id" />
-          <el-table-column label="购票人手机号" align="center" fixed="left" prop="memberMobile" />
-          <el-table-column label="剧目名称" align="center" fixed="left" prop="performName" />
-          <el-table-column label="票务名称" align="center" fixed="left" prop="goodsName" />
-          <el-table-column label="座位类型" align="center" fixed="left" prop="seatTypeName" />
-          <el-table-column label="购票渠道" align="center" fixed="left" prop="source">
+          <el-table-column label="序号" align="center" :fixed="fixed" type="index" width="60"></el-table-column>
+          <el-table-column label="订单号" align="center" :fixed="fixed" prop="id" />
+          <el-table-column label="购票人手机号" align="center" :fixed="fixed" prop="memberMobile" />
+          <el-table-column label="剧目名称" align="center" :fixed="fixed" prop="performName" />
+          <el-table-column label="票务名称" align="center" :fixed="fixed" prop="goodsName" />
+          <el-table-column label="座位类型" align="center" :fixed="fixed" prop="seatTypeName" />
+          <el-table-column label="购票渠道" align="center" :fixed="fixed" prop="source">
             <template slot-scope="scope">
               <dict-tag :options="dict.type.order_form_type" :value="scope.row.source"/>
             </template>
@@ -400,6 +400,7 @@ export default {
         },
         dialogVisibleLoading: false,
         multiPerformDate:false,
+        fixed: 'left',
     };
   },
   created() {
@@ -413,6 +414,11 @@ export default {
         const { width, height } = entry.contentRect;
         this.qHeight = height + 'px'
       }
+      if(document.body.clientWidth<765) {
+        this.fixed = false
+      }else {
+        this.fixed = 'left'
+      }
     });
     this.resizeObserver.observe(this.$refs.queryFormBox);
   },

src/views/order/viewers/index.vue

@@ -96,14 +96,14 @@
           <el-table-column
           :selectable="isSelectableFun"
           type="selection"
-          fixed="left"
+          :fixed="fixed"
           width="55"></el-table-column>
-          <el-table-column label="订单号" fixed="left" align="center" prop="orderId" />
-          <el-table-column label="观影人名称" fixed="left" align="center" prop="name" />
-          <el-table-column label="身份证号" fixed="left" align="center" prop="idcard" />
-          <el-table-column label="票务名称" fixed="left" align="center" prop="goodsName" />
-          <el-table-column label="座位类型" fixed="left" align="center" prop="seatTypeName" />
-          <el-table-column label="购买渠道" fixed="left" align="center" prop="source">
+          <el-table-column label="订单号" :fixed="fixed" align="center" prop="orderId" />
+          <el-table-column label="观影人名称" :fixed="fixed" align="center" prop="name" />
+          <el-table-column label="身份证号" :fixed="fixed" align="center" prop="idcard" />
+          <el-table-column label="票务名称" :fixed="fixed" align="center" prop="goodsName" />
+          <el-table-column label="座位类型" :fixed="fixed" align="center" prop="seatTypeName" />
+          <el-table-column label="购买渠道" :fixed="fixed" align="center" prop="source">
             <template slot-scope="scope">
               <dict-tag :options="dict.type.order_form_type" :value="scope.row.source" />
             </template>
@@ -400,6 +400,7 @@ export default {
       refundSubmitError: [], // 失败条数
       refundSubmitErrorList: [], //
       multiPerformDate:false,
+      fixed: 'left',
     };
   },
   created() {
@@ -416,6 +417,11 @@ export default {
         const { width, height } = entry.contentRect;
         this.qHeight = height + 'px'
       }
+      if(document.body.clientWidth<765) {
+        this.fixed = false
+      }else {
+        this.fixed = 'left'
+      }
     });
     this.resizeObserver.observe(this.$refs.queryFormBox);
   },