1

src/pages/safe_majorHazard/module/RiskAssessment.js

@@ -405,12 +405,11 @@ const RiskAssessment = () => {
              {/* 第三个div - 占满剩余位置 */}
              <div className={styles.RcontainerBottom}>
                  <div className={styles.sectionContent}>
-                    <div className={styles.titleLeft}>
+                     <div className={styles.leftBlock}>
-                        <div className={styles.titleIcon}></div>
+                         <p>左侧块内容</p>
-                        <div>风险控制措施</div>
                      </div>
-                    <div className={styles.contentArea}>
+                     <div className={styles.rightBlock}>
-                        <p>这里是第三个区域的内容，占满剩余位置</p>
+                         <p>右侧块内容</p>
                      </div>
                  </div>
              </div>

src/pages/safe_majorHazard/module/RiskAssessment.less

@@ -223,9 +223,10 @@
             .middleBlock2 {
                 flex: 1;
                 height: 100%;
-                background: linear-gradient(170.5deg, #EBEFF4 6.87%, #FFFFFF 53.01%);
+                // background: linear-gradient(170.5deg, #EBEFF4 6.87%, #FFFFFF 53.01%);
-                border: 2px solid #fff;
+                // border: 2px solid #fff;
-                border-radius: 4px;
+                background-color: #fff;
+                // border-radius: 4px;
                 display: flex;
                 flex-direction: column;
                 font-family: PingFang SC;
@@ -284,31 +285,26 @@
         .sectionContent {
             height: 100%;
             display: flex;
-            flex-direction: column;
+            flex-direction: row;
+            gap: 10px;
             padding: 15px;
 
-            .titleLeft {
+            .leftBlock {
+                width: 28%;
+                height: 100%;
+                background-color: #fff;
                 display: flex;
                 align-items: center;
-                gap: 8px;
+                justify-content: center;
                 font-family: PingFang SC;
-                font-weight: 500;
-                font-style: Medium;
                 font-size: 14px;
-                line-height: 100%;
+                color: #666666;
-                letter-spacing: 0%;
-                color: #333333;
-                margin-bottom: 10px;
-
-                .titleIcon {
-                    width: 3px;
-                    height: 16px;
-                    background-color: #2E4CD4;
-                }
             }
 
-            .contentArea {
+            .rightBlock {
                 flex: 1;
+                height: 100%;
+                background-color: #fff;
                 display: flex;
                 align-items: center;
                 justify-content: center;