zcloud_gbs
/
zcloud-gbs-bi-react
16
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/pages/Container/Map/components/Content/branchOffice/QiXiang/WeatherPreventionPanel/index.js
View File

@ -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>
);
}