From 42b5a365a26232db6e2ed51ea05b8bc046e1af09 Mon Sep 17 00:00:00 2001
From: LiuJiaNan <15703339975@163.com>
Date: Thu, 23 Jul 2026 17:42:06 +0800
Subject: [PATCH] =?UTF-8?q?style(map):=20=E8=B0=83=E6=95=B4=E5=A4=A9?=
 =?UTF-8?q?=E6=B0=94=E9=A2=84=E9=98=B2=E9=9D=A2=E6=9D=BF=E4=B8=ADSpin?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=9A=84=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将Spin组件嵌套层级调整，提升代码可读性
- 使loading动画只覆盖天气数据部分，不包含表格区域
- 优化面板结构，保持布局一致性
- 修复因布局引起的样式错乱风险
---
 .../QiXiang/WeatherPreventionPanel/index.js   | 40 +++++++++----------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/pages/Container/Map/components/Content/branchOffice/QiXiang/WeatherPreventionPanel/index.js b/src/pages/Container/Map/components/Content/branchOffice/QiXiang/WeatherPreventionPanel/index.js
index 3a4d1ba..e5ff661 100644
--- a/src/pages/Container/Map/components/Content/branchOffice/QiXiang/WeatherPreventionPanel/index.js
+++ b/src/pages/Container/Map/components/Content/branchOffice/QiXiang/WeatherPreventionPanel/index.js
@@ -39,8 +39,8 @@ function WeatherPreventionPanel(props) {
 
   return (
     <Panel title="天气预防情况">
-      <Spin spinning={props.biStatistics.getWeatherLoading}>
-        <div className="branch-office-weather-data__content">
+      <div className="branch-office-weather-data__content">
+        <Spin spinning={props.biStatistics.getWeatherLoading}>
           <div className="branch-office-weather-data__weather">
             <div className="branch-office-weather-data__condition">
               <img src={getWeatherIcon(weather.text)} alt="" />
@@ -82,26 +82,26 @@ function WeatherPreventionPanel(props) {
               ))}
             </SeamlessScroll>
           </div>
-          <div className="branch-office-weather-data__table">
-            <div className="branch-office-weather-data__row">
-              <div>部门名称</div>
-              <div>需锚定设备数</div>
-              <div>已锚定设备数</div>
-            </div>
-            <div className="branch-office-weather-data__table-body">
-              <SeamlessScroll list={records} step={0.5}>
-                {records.map((item, index) => (
-                  <div className="branch-office-weather-data__row" key={index}>
-                    <div>{item.department}</div>
-                    <div>{item.requiredDevices}</div>
-                    <div>{item.anchoredDevices}</div>
-                  </div>
-                ))}
-              </SeamlessScroll>
-            </div>
+        </Spin>
+        <div className="branch-office-weather-data__table">
+          <div className="branch-office-weather-data__row">
+            <div>部门名称</div>
+            <div>需锚定设备数</div>
+            <div>已锚定设备数</div>
+          </div>
+          <div className="branch-office-weather-data__table-body">
+            <SeamlessScroll list={records} step={0.5}>
+              {records.map((item, index) => (
+                <div className="branch-office-weather-data__row" key={index}>
+                  <div>{item.department}</div>
+                  <div>{item.requiredDevices}</div>
+                  <div>{item.anchoredDevices}</div>
+                </div>
+              ))}
+            </SeamlessScroll>
           </div>
         </div>
-      </Spin>
+      </div>
     </Panel>
   );
 }