1. 优化

src/views/officesale/ticketingSales.vue

@@ -81,8 +81,8 @@
         <!-- 选择座位  -->
         <div class="seat-list-box" v-loading="loading">
             <!--  座位排版  -->
-            <div  id="seatbox-me" @scroll="scroll" ref="seatbox" class="dialog">
-                <div class="dialog-box" :style="{width: width + 'px', margin: justifyContent ? 'auto' : 'unset'}">
+            <div  id="seatbox-me" ref="seatbox" class="dialog">
+                <div class="dialog-box" :style="{width: width*(scaleNum/100) + 'px', margin: justifyContent ? 'auto' : 'unset'}">
                     <div 
                     style="width: 100%;position: absolute;"
                     class="seat-box-class clearfix" v-if="seatMapList"
@@ -306,10 +306,6 @@
                 console.error("error===",error)
             }
         },
-        /** scroll */
-        scroll(e){
-            console.log("滚动位置",e)
-        },
         // 设置座位集合
         setSeatMapList(list) {
             if(list && list.length > 0) {
@@ -341,9 +337,10 @@
                         if(this.width<ele.getBoundingClientRect().width) {
                             this.justifyContent = true
                         }else {
-                            this.justifyContent = false
+                            //this.justifyContent = false
+                            this.justifyContent = true
                         }
-                        this.$refs.seatbox.scrollTo(this.width/4,0)
+                        //this.$refs.seatbox.scrollTo(this.width/4,0)
                     }
                 })
                 
@@ -582,7 +579,6 @@
       margin-bottom: 20px;
     }
     .seat-box-class{
-      width: 3000px;
       padding: 5px;
       transform-origin: 50% 0;
       transform: scale(var(--scaleNum));

src/views/windowTicketSales/ticketingSales.vue

@@ -81,8 +81,8 @@
         <!-- 选择座位  -->
         <div class="seat-list-box" v-loading="loading">
             <!--  座位排版  -->
-            <div  id="seatbox-me" @scroll="scroll" ref="seatbox" class="dialog">
-                <div class="dialog-box" :style="{width: width + 'px', margin: justifyContent ? 'auto' : 'unset'}">
+            <div  id="seatbox-me" ref="seatbox" class="dialog">
+                <div class="dialog-box" :style="{width: width*(scaleNum/100) + 'px', margin: justifyContent ? 'auto' : 'unset'}">
                     <div 
                     style="width: 100%;position: absolute;"
                     class="seat-box-class clearfix" v-if="seatMapList"
@@ -306,10 +306,6 @@
                 console.error("error===",error)
             }
         },
-        /** scroll */
-        scroll(e){
-            console.log("滚动位置",e)
-        },
         // 设置座位集合
         setSeatMapList(list) {
             if(list && list.length > 0) {
@@ -341,9 +337,10 @@
                         if(this.width<ele.getBoundingClientRect().width) {
                             this.justifyContent = true
                         }else {
-                            this.justifyContent = false
+                            //this.justifyContent = false
+                            this.justifyContent = true
                         }
-                        this.$refs.seatbox.scrollTo(this.width/4,0)
+                        //this.$refs.seatbox.scrollTo(this.width/4,0)
                     }
                 })
                 
@@ -582,7 +579,6 @@
       margin-bottom: 20px;
     }
     .seat-box-class{
-      width: 3000px;
       padding: 5px;
       transform-origin: 50% 0;
       transform: scale(var(--scaleNum));