From 3edb0804ae6ee5a3d52830b243b86cda0fc4da3f Mon Sep 17 00:00:00 2001 From: wangyunfei <1224056307@qq,com> Date: Fri, 26 Sep 2025 18:28:29 +0800 Subject: [PATCH] 1 --- .../safe_majorHazard/module/RiskAssessment.js | 23 ++++++------- .../module/RiskAssessment.less | 34 ++++++++----------- 2 files changed, 26 insertions(+), 31 deletions(-) diff --git a/src/pages/safe_majorHazard/module/RiskAssessment.js b/src/pages/safe_majorHazard/module/RiskAssessment.js index 2fbe95b..69c2885 100644 --- a/src/pages/safe_majorHazard/module/RiskAssessment.js +++ b/src/pages/safe_majorHazard/module/RiskAssessment.js @@ -402,18 +402,17 @@ const RiskAssessment = () => { - {/* 第三个div - 占满剩余位置 */} -
-
-
-
-
风险控制措施
-
-
-

这里是第三个区域的内容,占满剩余位置

-
-
-
+ {/* 第三个div - 占满剩余位置 */} +
+
+
+

左侧块内容

+
+
+

右侧块内容

+
+
+
); }; diff --git a/src/pages/safe_majorHazard/module/RiskAssessment.less b/src/pages/safe_majorHazard/module/RiskAssessment.less index 37fb7b9..200e569 100644 --- a/src/pages/safe_majorHazard/module/RiskAssessment.less +++ b/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%); - border: 2px solid #fff; - border-radius: 4px; + // background: linear-gradient(170.5deg, #EBEFF4 6.87%, #FFFFFF 53.01%); + // border: 2px solid #fff; + 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%; - letter-spacing: 0%; - color: #333333; - margin-bottom: 10px; - - .titleIcon { - width: 3px; - height: 16px; - background-color: #2E4CD4; - } + color: #666666; } - .contentArea { + .rightBlock { flex: 1; + height: 100%; + background-color: #fff; display: flex; align-items: center; justify-content: center;