From dbc4b622f0bc8648b44c931130ee6d2039f38385 Mon Sep 17 00:00:00 2001
From: LiLongLong <13717757313@163.com>
Date: Thu, 16 Jan 2025 11:04:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Index/Regular/Emergency.vue | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/pages/Index/Regular/Emergency.vue b/src/pages/Index/Regular/Emergency.vue
index 9819013..30c1612 100644
--- a/src/pages/Index/Regular/Emergency.vue
+++ b/src/pages/Index/Regular/Emergency.vue
@@ -52,11 +52,13 @@
       </div>
       <div class="project-list">
         
-        <div v-for="(item, index) in projects" :style="`background:${item.color}`" :key="index" @click="selectProject(item)" :class="[
-          isEmergencyEnabled ? 'project-item' : 'disabled-project-item',
-          { 'active-project-item': emergencyPosition.projIds.includes(item.projId) && isEmergencyEnabled },
-        ]">
-          <span :disabled="!isEmergencyEnabled">{{ item.projName }}</span>
+        <div v-for="(item, index) in projects" 
+          :style="`background:${emergencyPosition.projIds.includes(item.projId)?`${item.color}`:''}`" 
+          :key="index"
+          :class="projectStyle(item)"
+          @click="selectProject(item)" 
+        >
+          <span :disabled="!isEmergencyEnabled" :style="`color:${emergencyPosition.projIds.includes(item.projId)?'':`${item.color}`}`">{{ item.projName }}</span>
           <span :disabled="!isEmergencyEnabled"> {{ item.num }}/25</span>
         </div>
       </div>
@@ -153,6 +155,14 @@ const getTypeClass = (project: { projectType: string }) => {
   ];
 };
 
+//项目选中样式及背景色
+const projectStyle = (item:any)=>{
+  return [
+    isEmergencyEnabled.value ? 'project-item' : 'disabled-project-item',
+    { 'active-project-item': emergencyPosition.value.projIds.includes(item.projId) && isEmergencyEnabled },
+  ]
+}
+
 // 公共状态管理
 const projectName = ref('');
 const bloodType = ref('');
@@ -704,7 +714,6 @@ label {
       justify-content: flex-start;
 
       .active-project-item {
-        background-color: #528dfe !important;
         color: white !important;
       }