From d553a4be94d4f6ee162cc353a28b220403909cfc Mon Sep 17 00:00:00 2001
From: yxh <172933527@qq.com>
Date: 星期六, 03 十月 2026 00:58:19 +0800
Subject: [PATCH] ai优化
---
src/components/RoomBedSelect/src/RoomBedSelect.vue | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 55 insertions(+), 2 deletions(-)
diff --git a/src/components/RoomBedSelect/src/RoomBedSelect.vue b/src/components/RoomBedSelect/src/RoomBedSelect.vue
index d53c21d..935b00f 100644
--- a/src/components/RoomBedSelect/src/RoomBedSelect.vue
+++ b/src/components/RoomBedSelect/src/RoomBedSelect.vue
@@ -49,9 +49,22 @@
</script>
<template>
- <el-card class="bed-card" shadow="hover" :body-style="{ padding: '10px' }">
+ <!--
+ 闇�姹傦細鐢ㄦ埛閫夋嫨鐨�**褰撳墠璇婂**鍗＄墖瑕佸姞棰滆壊锛屼笌鍏朵粬鍗＄墖鍖哄垎寮�銆�
+ 杩欓噷缁欏崱鐗囧姞 `is-current` 绫伙紙涓昏壊杈规 + 娴呰壊搴� + 闃村奖锛夛紝
+ 骞跺湪鍗＄墖澶村彸渚ф樉绀恒�屽綋鍓嶈瘖瀹ゃ�嶈鏍囷紝鍋氬埌涓�鐪煎彲杈ㄣ��
+ -->
+ <el-card
+ class="bed-card"
+ :class="{ 'is-current': isCurSeat }"
+ shadow="hover"
+ :body-style="{ padding: '10px' }"
+ >
<template #header>
- <div class="bed-card__title">{{ bed.roomName }}</div>
+ <div class="bed-card__header">
+ <span class="bed-card__title">{{ bed.roomName }}</span>
+ <span v-if="isCurSeat" class="bed-card__badge">褰撳墠璇婂</span>
+ </div>
</template>
<img
@@ -84,6 +97,46 @@
</template>
<style scoped lang="scss">
+/* ==========================================================================
+ 闇�姹傦細鐢ㄦ埛閫夋嫨鐨�**褰撳墠璇婂**鍗＄墖鍔犻鑹诧紝涓庡叾浠栧崱鐗囧尯鍒嗐��
+ 娉ㄦ剰绫诲悕 `is-current` 涓� Element Plus 鑷甫鐨� `.is-*` 涓嶅啿绐侊紙鍗＄墖涓婃病鏈夊叾瀹� is- 绫伙級銆�
+ ========================================================================== */
+.bed-card.is-current {
+ /* 涓昏壊杈规鍔犵矖 + 娴呰壊搴� + 鎶曞奖锛屼笁閲嶅尯鍒嗭紝杩滅湅涔熸槑鏄� */
+ border: 2px solid var(--el-color-primary);
+ background-color: var(--el-color-primary-light-9);
+ box-shadow: 0 0 8px var(--el-color-primary-light-5);
+
+ :deep(.el-card__header) {
+ background-color: var(--el-color-primary-light-8);
+ border-bottom: 1px solid var(--el-color-primary-light-5);
+ }
+
+ .bed-card__title {
+ color: var(--el-color-primary);
+ }
+}
+
+/* 鍗＄墖澶达細璇婂鍚� + 褰撳墠璇婂瑙掓爣 */
+.bed-card__header {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 6px;
+}
+
+.bed-card__badge {
+ flex: none;
+ padding: 0 5px;
+ font-size: 11px;
+ font-weight: 400;
+ line-height: 16px;
+ color: #fff;
+ background-color: var(--el-color-primary);
+ border-radius: 3px;
+ white-space: nowrap;
+}
+
.bed-card {
display: flex;
flex-direction: column;
--
Gitblit v1.9.3