From 2465bb696ddb4099b5ce78f5cd5ebb1c3a29fc2a Mon Sep 17 00:00:00 2001
From: RogerWork <roger.x.sun@qq.com>
Date: Thu, 17 Oct 2024 09:58:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=BA=A7=E4=BD=8D=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ec_api/SeatStatus.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/ec_api/SeatStatus.vue b/src/components/ec_api/SeatStatus.vue
index 520dd2a..e549b15 100644
--- a/src/components/ec_api/SeatStatus.vue
+++ b/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 {