From 83c414932a830fe479b0b3268b465a6f4090a9b7 Mon Sep 17 00:00:00 2001
From: huangchenhao <123673748@qq.com>
Date: Tue, 25 Nov 2025 10:48:33 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=8E=92=E7=89=88=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=BA=94=E6=80=A5=E7=89=A9=E8=B5=84=E5=AD=97?=
 =?UTF-8?q?=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/LeftPanel/ForceDispatch.vue    |  9 ++-------
 .../components/LeftPanel/ForcePreset.vue      | 19 ++++++++++++++-----
 .../composables/useDisasterData.js            |  1 +
 3 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForceDispatch.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForceDispatch.vue
index c34282b..73506c1 100644
--- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForceDispatch.vue
+++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForceDispatch.vue
@@ -24,7 +24,7 @@
       <!-- 左列资源 -->
       <div class="force-dispatch__left">
         <div class="force-dispatch__stat">
-          <span class="force-dispatch__stat-label_small">应急基地与预置点</span>
+          <span class="force-dispatch__stat-label">应急基地与预置点</span>
           <span class="force-dispatch__stat-value">
             {{ dispatchSuggestion.stations }}
             <span class="force-dispatch__stat-unit">个</span>
@@ -259,12 +259,7 @@ const handleStartDispatch = () => {
   font-size: fs(12);
   font-family: SourceHanSansCN-Regular, sans-serif;
   color: var(--text-white);
-}
-
-.force-dispatch__stat-label_small {
-  font-size: fs(8);
-  font-family: SourceHanSansCN-Regular, sans-serif;
-  color: var(--text-white);
+  width: 50px;
 }
 
 .force-dispatch__stat-value {
diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForcePreset.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForcePreset.vue
index b04720c..f922f96 100644
--- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForcePreset.vue
+++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForcePreset.vue
@@ -63,7 +63,7 @@
         <div class="stat-group">
           <div class="stat-card stat-card--base">
             <span class="stat-label flexBox"
-              >应急基地
+              >应急基地与预置点
 
               <img
                 src="../../assets/images/SketchPng157040b93d0288f48b67022319d8789e5ccded19d94fa14634044ed62a722b1c.png"
@@ -84,6 +84,13 @@
               <span class="stat-unit">台</span>
             </div>
           </div>
+          <div class="stat-card stat-card--materials">
+            <span class="stat-label">应急物资</span>
+            <div class="stat-value-wrapper">
+              <span class="stat-value">{{ forcePreset.materials }}</span>
+              <span class="stat-unit">台</span>
+            </div>
+          </div>
 
           <div class="stat-card stat-card--personnel">
             <span class="stat-label">应急人员</span>
@@ -323,7 +330,7 @@ const vClickOutside = {
       .stat-group {
         display: flex;
         justify-content: center;
-        gap: vw(22);
+        // gap: vw(22);
 
         .stat-card {
           // flex: 1;
@@ -331,19 +338,21 @@ const vClickOutside = {
           flex-direction: column;
           align-items: center;
           justify-content: center;
-          gap: vh(8);
-          padding: vh(12) vw(12) vh(30);
+          // gap: vh(8);
+          padding: vh(12) 0 vh(30);
           border-radius: vw(6);
           position: relative;
           background: url("../../assets/images/完成里程.png") no-repeat center
             bottom;
           // background-size: 100% 100%;
-          width: vw(104);
+          width: vw(90);
 
           .stat-label {
             color: var(--text-white);
             font-size: fs(14);
             font-family: SourceHanSansCN-Medium, sans-serif;
+            height: 20px;
+            width:70px;
           }
 
           .flexBox{
diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/composables/useDisasterData.js b/packages/screen/src/views/3DSituationalAwarenessRefactor/composables/useDisasterData.js
index 173bd6c..b1bdf01 100644
--- a/packages/screen/src/views/3DSituationalAwarenessRefactor/composables/useDisasterData.js
+++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/composables/useDisasterData.js
@@ -21,6 +21,7 @@ export function useDisasterData() {
   // 力量预置信息
   const forcePreset = ref({
     equipment: 0,
+    materials: 0,
     bases: 0,
     personnel: 0,
     searchRadius: 30, // km