前两排红色

src/views/staging/zbgly/center/seat.vue

@@ -10,7 +10,7 @@
           <template #reference>
             <div class="item-content">
               <div class="index">{{item.index}}</div>
-              <div class="dept-name" v-if="item.shortName">{{item.shortName}}</div>
+              <div class="dept-name" v-if="item.shortName" :class="{red: index < 16}">{{item.shortName}}</div>
               <div class="seat-bg"/>
               <div class="obj-bg"/>
               <template v-if="item.deptName">
@@ -204,6 +204,9 @@ export default defineComponent({
         align-items: center;
         justify-content: center;
         transform: scaleY(0.85);
+        &.red {
+          color: rgb(229, 0, 79);
+        }
       }
     }
     $seatHoverPopper: 61px;