From 0471e92160c2d78f0e3bb9c17a1f1e9f144eabd9 Mon Sep 17 00:00:00 2001
From: Zzc <1373857752@qq.com>
Date: Thu, 20 Nov 2025 12:47:17 +0800
Subject: [PATCH] =?UTF-8?q?refactor(ui):=20=E6=9B=B4=E6=96=B0=E5=BC=BA?=
 =?UTF-8?q?=E5=88=B6=E6=B4=BE=E5=8F=91=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=8C=E5=8C=85=E5=90=AB=E5=9B=BE=E7=89=87=E5=92=8C=E5=AD=97?=
 =?UTF-8?q?=E4=BD=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

替换渐变背景和边框，使用背景图片以获得更好的视觉一致性，并调整字体大小和颜色以提高可读性。
---
 .../components/LeftPanel/ForceDispatch.vue    | 26 +++++++++++--------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForceDispatch.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForceDispatch.vue
index f978156..5e32fee 100644
--- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForceDispatch.vue
+++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForceDispatch.vue
@@ -160,9 +160,11 @@ const handleStartDispatch = () => {
   justify-content: space-between;
   gap: vw(12);
   padding: vh(5) vw(16);
-  background: rgba(20, 53, 118, 0.6);
-  border: 1px solid rgba(28, 161, 255, 0.3);
-  border-radius: vw(4);
+  // background: rgba(20, 53, 118, 0.6);
+  // border: 1px solid rgba(28, 161, 255, 0.3);
+  // border-radius: vw(4);
+  background: url('../../assets/images/响应等级bg.png') no-repeat center center;
+  background-size: 100% 100%;
   min-height: vh(40);
 }
 
@@ -186,9 +188,11 @@ const handleStartDispatch = () => {
   justify-content: center;
   gap: vw(8);
   padding: vh(10) vw(16);
-  background: linear-gradient(135deg, rgba(28, 161, 255, 0.3), rgba(28, 161, 255, 0.5));
-  border: 1px solid rgba(28, 161, 255, 0.5);
-  border-radius: vw(4);
+  // background: linear-gradient(135deg, rgba(28, 161, 255, 0.3), rgba(28, 161, 255, 0.5));
+  // border: 1px solid rgba(28, 161, 255, 0.5);
+  // border-radius: vw(4);
+  background: url('../../assets/images/文本按钮bg.png') no-repeat center center;
+  background-size: 100% 100%;
   cursor: pointer;
   transition: all 0.3s ease;
   min-height: vh(40);
@@ -258,14 +262,14 @@ const handleStartDispatch = () => {
 }
 
 .force-dispatch__stat-value {
-  font-size: fs(16);
+  font-size: fs(18);
   font-family: SourceHanSansCN-Bold, sans-serif;
   font-weight: 700;
-  color: var(--primary-color);
+  color: var(--text-white);
 }
 
 .force-dispatch__stat--action .force-dispatch__stat-value {
-  color: var(--warning-color);
+  color: var(--primary-color);
 }
 
 .force-dispatch__stat-unit {
@@ -346,14 +350,14 @@ const handleStartDispatch = () => {
 }
 
 .force-dispatch__circle-line1 {
-  font-size: fs(14);
+  font-size: fs(16);
   font-family: SourceHanSansCN-Medium, sans-serif;
   font-weight: 500;
   color: var(--text-white);
 }
 
 .force-dispatch__circle-line2 {
-  font-size: fs(13);
+  font-size: fs(16);
   font-family: SourceHanSansCN-Regular, sans-serif;
   font-weight: 400;
   color: var(--text-white);