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 ( return (
<Panel title="天气预防情况"> <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__weather">
<div className="branch-office-weather-data__condition"> <div className="branch-office-weather-data__condition">
<img src={getWeatherIcon(weather.text)} alt="" /> <img src={getWeatherIcon(weather.text)} alt="" />
@ -82,26 +82,26 @@ function WeatherPreventionPanel(props) {
))} ))}
</SeamlessScroll> </SeamlessScroll>
</div> </div>
<div className="branch-office-weather-data__table"> </Spin>
<div className="branch-office-weather-data__row"> <div className="branch-office-weather-data__table">
<div>部门名称</div> <div className="branch-office-weather-data__row">
<div>需锚定设备数</div> <div>部门名称</div>
<div>已锚定设备数</div> <div>需锚定设备数</div>
</div> <div>已锚定设备数</div>
<div className="branch-office-weather-data__table-body"> </div>
<SeamlessScroll list={records} step={0.5}> <div className="branch-office-weather-data__table-body">
{records.map((item, index) => ( <SeamlessScroll list={records} step={0.5}>
<div className="branch-office-weather-data__row" key={index}> {records.map((item, index) => (
<div>{item.department}</div> <div className="branch-office-weather-data__row" key={index}>
<div>{item.requiredDevices}</div> <div>{item.department}</div>
<div>{item.anchoredDevices}</div> <div>{item.requiredDevices}</div>
</div> <div>{item.anchoredDevices}</div>
))} </div>
</SeamlessScroll> ))}
</div> </SeamlessScroll>
</div> </div>
</div> </div>
</Spin> </div>
</Panel> </Panel>
); );
} }