style(map): 调整天气预防面板中Spin组件的位置

- 将Spin组件嵌套层级调整,提升代码可读性
- 使loading动画只覆盖天气数据部分,不包含表格区域
- 优化面板结构,保持布局一致性
- 修复因布局引起的样式错乱风险
master
LiuJiaNan 2026-07-23 17:42:06 +08:00
parent 588dfcfbcf
commit 42b5a365a2
1 changed files with 20 additions and 20 deletions

View File

@ -39,8 +39,8 @@ function WeatherPreventionPanel(props) {
return (
<Panel title="天气预防情况">
<Spin spinning={props.biStatistics.getWeatherLoading}>
<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,6 +82,7 @@ function WeatherPreventionPanel(props) {
))}
</SeamlessScroll>
</div>
</Spin>
<div className="branch-office-weather-data__table">
<div className="branch-office-weather-data__row">
<div>部门名称</div>
@ -101,7 +102,6 @@ function WeatherPreventionPanel(props) {
</div>
</div>
</div>
</Spin>
</Panel>
);
}