From c0cea6e5c96ad654258b4894dde00888a79d9a9a Mon Sep 17 00:00:00 2001
From: wxs <211789910@qq.com>
Date: Wed, 4 Feb 2026 14:32:01 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=BB=BB=E5=8A=A1=E9=80=89?=
 =?UTF-8?q?=E4=B8=AD=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/home/components/twin-situation/index.scss   | 11 ++++++++++-
 .../views/home/components/twin-situation/index.vue    |  9 ++++++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/frontend/Skyeye-sys-ui/src/views/home/components/twin-situation/index.scss b/frontend/Skyeye-sys-ui/src/views/home/components/twin-situation/index.scss
index b11844f..1a2cee0 100644
--- a/frontend/Skyeye-sys-ui/src/views/home/components/twin-situation/index.scss
+++ b/frontend/Skyeye-sys-ui/src/views/home/components/twin-situation/index.scss
@@ -57,9 +57,10 @@
       box-sizing: border-box;
       border-radius: 6px;
       background-color: $--color-black-3-alpha;
+      cursor: pointer;
 
       &:hover {
-        background-color: $--color-black-3;
+        background-color: rgba(23, 69, 46, .4);
       }
 
       >p {
@@ -98,6 +99,14 @@
         }
       }
     }
+
+    .is-active {
+      width: calc(100% - 10px);
+      margin-left: 5px;
+      padding: 8px 15px 8px 10px;
+      background-color: rgba(23, 69, 46, .7) !important;
+      box-shadow: 0 0 15px 3px rgba(23, 69, 46, 0.5)
+    }
   }
 
   .task-list__large {
diff --git a/frontend/Skyeye-sys-ui/src/views/home/components/twin-situation/index.vue b/frontend/Skyeye-sys-ui/src/views/home/components/twin-situation/index.vue
index d081441..230bef9 100644
--- a/frontend/Skyeye-sys-ui/src/views/home/components/twin-situation/index.vue
+++ b/frontend/Skyeye-sys-ui/src/views/home/components/twin-situation/index.vue
@@ -72,7 +72,10 @@
             <div
               v-for="(item, index) in taskList.data"
               :key="item.id"
-              class="task-item"
+              :class="{
+                'task-item': true,
+                'is-active': detailUav.id === item.id,
+              }"
               @click="openSarStatusDetail(item)"
             >
               <div class="top-part">
@@ -114,12 +117,12 @@
               <p>无人机名称: {{ item.uav }}</p>
               <p>雷达名称: {{ item.sar }}</p>
               <p>开始时间：{{ item.beginTime }}</p>
-              <div
+              <!-- <div
                 class="task-info"
                 :style="{ color: dealStatusColor(item.statusName) }"
               >
                 {{ item.statusName }}
-              </div>
+              </div> -->
             </div>
           </template>
           <div v-else class="task-empty">