lishenfeng
/
ss-dp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改预演样式

lsf-dev
秦子超 2026-02-24 10:07:43 +08:00
parent 60d3bad25f
commit 7cfb666f82
5 changed files with 30 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/Home/components/Business/SiYu/components/FloodPreview/index.js
View File

@ -83,15 +83,25 @@ const FloodPreview = ({setPlanData}) => {
options={options} options={options}
value={planId} value={planId}
allowClear={false} allowClear={false}
onChange={(e)=>setPlanId(e)} onChange={(e)=>{
setPlanId(e)
setRadio(1)
setPlanData(null)
}}
/> />
</div> </div>
<div className='flood-preview-section-radio'> <div className='flood-preview-section-radio' onClick={()=>{
<Radio checked={radio===2} onClick={()=>setRadio(2)}/> setRadio(2)
setPlanData(null)
}}>
<Radio checked={radio===2}/>
24小时降雨400mm（50年一遇） 24小时降雨400mm（50年一遇）
</div> </div>
<div className='flood-preview-section-radio'> <div className='flood-preview-section-radio' onClick={()=>{
<Radio checked={radio===3} onClick={()=>setRadio(3)}/> setRadio(3)
setPlanData(null)
}}>
<Radio checked={radio===3}/>
24小时降雨500mm（100年一遇） 24小时降雨500mm（100年一遇）
</div> </div>

8
src/views/Home/components/Business/SiYu/components/FloodPreview/index.less
View File

@ -1,11 +1,11 @@
.flood-preview-section{ .flood-preview-section{
background: red; height: 100%;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
.section-title { .section-title {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 10px; margin-bottom: 5px;
.arrow-icon { .arrow-icon {
width: 20px; width: 20px;
@ -40,7 +40,7 @@
.forecast-section-countBox { .forecast-section-countBox {
width: 33%; width: 33%;
height: 65px; height: 60px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -82,7 +82,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 100%; width: 100%;
margin-top: 20px; margin-top: 5px;
height: 50px; height: 50px;
} }
.uav-button { .uav-button {

8
src/views/Home/components/Business/SiYu/components/ForecastSection/charts.js
View File

@ -19,18 +19,18 @@ const Page = ({data=[]}) => {
}, },
grid: [ grid: [
{ {
top: '20%', top: '25%',
left: '12%', left: '12%',
right: '10%', right: '10%',
width: '80%', width: '80%',
height: '32%' height: '25%'
}, },
{ {
bottom: '5%', bottom: '8%',
left: '12%', left: '12%',
right: '10%', right: '10%',
width: '80%', width: '80%',
height: '32%' height: '30%'
} }
], ],
legend: { legend: {

5
src/views/Home/components/Business/SiYu/components/ForecastSection/index.less
View File

@ -1,5 +1,6 @@
.forecast-section{ .forecast-section{
width: 100%; width: 100%;
height: 100%;
.forecast-section-time{ .forecast-section-time{
font-size: 14px; font-size: 14px;
color: #ffffff; color: #ffffff;
@ -16,7 +17,7 @@
.forecast-section-countBox { .forecast-section-countBox {
width: 25%; width: 25%;
height: 65px; height: 60px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -61,7 +62,7 @@
.echarts-for-react { .echarts-for-react {
width: 100%; width: 100%;
height: 400px!important; height: 330px!important;
} }
} }
} }

5
src/views/Home/components/Business/SiYu/index.less
View File

@ -7,7 +7,10 @@
.left { .left {
.card-1 { flex: 5; } .card-1 { flex: 5; }
.card-2 { flex: 3; } .card-2 {
flex: 4;
min-height: 0;
}
} }
.right { .right {