提交

src/pages/safe_majorHazard/module/EvaluationReport.js

@@ -8,6 +8,7 @@ import img1 from '@/assets/safe_majorHazard/online_monitoring/img1.png';
 import img2 from '@/assets/safe_majorHazard/online_monitoring/img2.png';
 import img3 from '@/assets/safe_majorHazard/online_monitoring/img3.png';
 
+
 const EvaluationReport = () => {
     const trendChartRef = useRef(null);
     const pieChartRef = useRef(null);

src/pages/safe_majorHazard/module/RiskAssessment.js

@@ -10,6 +10,10 @@ import img1 from '@/assets/safe_majorHazard/online_monitoring/img1.png';
 import img2 from '@/assets/safe_majorHazard/online_monitoring/img2.png';
 import img3 from '@/assets/safe_majorHazard/online_monitoring/img3.png';
 import map1 from '@/assets/safe_majorHazard/online_monitoring/map.png';
+import risk1 from '@/assets/safe_majorHazard/online_monitoring/risk1.png';
+import risk2 from '@/assets/safe_majorHazard/online_monitoring/risk2.png';
+import risk3 from '@/assets/safe_majorHazard/online_monitoring/risk3.png';
+
 
 const RiskAssessment = () => { 
     const chartRef = useRef(null);
@@ -652,7 +656,7 @@ const RiskAssessment = () => {
                          
                          {/* 第二行块 - 图片 */}
                          <div className={styles.leftBlockImage}>
-                             <img src={map1} alt="风险评估图" style={{ width: '100%', height: '100%', objectFit: 'cover' }} />
+                             {/* <img src={risk2} alt="风险评估图" style={{ width: '40%', height: '40%', objectFit: 'cover' }} /> */}
                          </div>
                          
                          {/* 第三行块 */}

src/pages/safe_majorHazard/module/RiskAssessment.less

@@ -159,12 +159,12 @@
 
                     .block1Select {
                         width: 100px;
-                        
+
                         :global(.ant-select-selector) {
                             height: 28px !important;
                             font-size: 12px !important;
                         }
-                        
+
                         :global(.ant-select-selection-item) {
                             line-height: 26px !important;
                             font-size: 12px !important;
@@ -187,7 +187,7 @@
                         display: flex;
                         align-items: center;
                         gap: 5px;
- 
+
                         .legendDot {
                             width: 8px;
                             height: 8px;
@@ -206,7 +206,7 @@
                     width: 100%;
                     height: 100%;
                     margin-top: 20px;
-                    
+
                     .mapImage {
                         margin-top: 7%;
                         width: 90%;
@@ -232,7 +232,7 @@
                 font-family: PingFang SC;
                 font-size: 14px;
                 color: #333333;
-                padding: 5px 10px 5px 10px;  
+                padding: 5px 10px 5px 10px;
 
                 .middleBlock2Title {
                     display: flex;
@@ -277,13 +277,10 @@
     // 第三个div - 占满剩余位置
     .RcontainerBottom {
         flex: 1; // 占满剩余空间
-        background-color: #fff;
-        border-radius: 4px;
         display: flex;
         flex-direction: column;
 
         .sectionContent {
-            height: 100%;
             display: flex;
             flex-direction: row;
             gap: 10px;
@@ -292,7 +289,8 @@
             .leftBlock {
                 width: 30%;
                 height: 100%;
-                background-color: #fff;
+                background: url('@/assets/safe_majorHazard/online_monitoring/risk3.png') no-repeat center center;
+                background-size: cover;
                 padding: 0;
                 display: flex;
                 flex-direction: column;
@@ -320,6 +318,10 @@
                     width: 100%;
                     border-radius: 4px;
                     overflow: hidden;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    height: 80%;         
                 }
 
                 .leftBlockItem {
@@ -328,7 +330,7 @@
                     flex-direction: column;
                     justify-content: center;
                     padding: 10px;
-                    background-color: #f5f5f5;
+                    // background-color: #f5f5f5;
                     border-radius: 4px;
                     font-family: PingFang SC;