优化座位显示效果

src/components/ec_api/SeatStatus.vue

@@ -95,8 +95,8 @@ onBeforeMount(() => {
 
 // 处理座位逻辑
 function handleSeatData() {
-  let q = 1
-  let m = 1
+  let q = 1  // 情侣座标记索引
+  let m = 1  // 多人座椅标记索引
   let pairValueShuangTemp = ''
   let pairValueMultiTemp = ''
   row_x.value = parseInt(props.seat.slice(-1)[0]['x'])
@@ -110,9 +110,12 @@ function handleSeatData() {
     // 处理显示文案
     if (item['type'] === 'road') {
       item['label'] = ''
+      item['id'] = ''
     } else {
       item['label'] = item['rowValue'] + '-' + item['columnValue']
+      item['id'] = item['cineSeatId']
     }
+
     // 处理按键名称
     switch (item['type']) {
       case 'danren':
@@ -232,7 +235,8 @@ watch(() => selectSeats.value, () => {
           <div class="seat-row" v-for="r in row_x">
             <el-checkbox-button v-for="seat in seatList[r]" :label="seat['key']" :key="seat['key']"
                                 :disabled="seat['disable']">
-              <span>{{ seat['label'] }}</span><br>
+              <span>{{ seat['label'] }}</span>
+              <span>{{ seat['id'] }}</span>
               <span>{{ seat['name'] }}</span>
             </el-checkbox-button>
           </div>
@@ -267,6 +271,8 @@ watch(() => selectSeats.value, () => {
   color: #333;
   border: 0 !important;
   border-radius: 10px !important;
+  display: inline-grid !important;
+  padding: 0 !important;
 }
 
 .seat-row {