修改预演样式

src/views/Home/components/Business/SiYu/components/FloodPreview/index.js

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

src/views/Home/components/Business/SiYu/components/FloodPreview/index.less

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

src/views/Home/components/Business/SiYu/components/ForecastSection/charts.js

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

src/views/Home/components/Business/SiYu/components/ForecastSection/index.less

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

src/views/Home/components/Business/SiYu/index.less

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