From a84978c5860f75689c61b429d76b8373bb5049d7 Mon Sep 17 00:00:00 2001
From: wangyunfei <1224056307@qq,com>
Date: Fri, 5 Dec 2025 09:51:28 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=84=E4=BC=B0=E6=8A=A5=E5=91=8A=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/secondary_menu/Step03.js       | 157 ++++++++++++------
 .../components/secondary_menu/step03.less     |  47 +++---
 2 files changed, 136 insertions(+), 68 deletions(-)

diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/Step03.js b/src/pages/business_envInformation_monthly/components/secondary_menu/Step03.js
index 366fe85..eeda6d3 100644
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/Step03.js
+++ b/src/pages/business_envInformation_monthly/components/secondary_menu/Step03.js
@@ -18,64 +18,127 @@ const Step03 = () => {
 
             {/* 报告主体 */}
             <div className={styles.reportCard}>
-                {/* 基本信息行 */}
-                <div className={styles.row}>
-                    <div className={styles.cellLabel}>对象名称</div>
-                    <div className={styles.cellValue}>一车间-危险品暂存区</div>
-                    <div className={styles.cellLabel}>对象类型</div>
-                    <div className={styles.cellValue}>存储设施</div>
-                    <div className={styles.cellLabel}>所属区域</div>
-                    <div className={styles.cellValue}>生产A区</div>
-                    <div className={styles.cellLabel}>负责人</div>
-                    <div className={styles.cellValue}>王芳</div>
+                {/* 第1行：对象名称 | 所属区域 */}
+                <div className={styles.reportRow}>
+                    <div className={styles.leftCell}>
+                        <div className={styles.cellLabel}>对象名称</div>
+                        <div className={styles.cellValue}>一车间-危险品暂存区</div>
+                    </div>
+                    <div className={styles.rightCell}>
+                        <div className={styles.cellLabel}>所属区域</div>
+                        <div className={styles.cellValue}>生产A区</div>
+                    </div>
+                </div>
+
+                {/* 第2行：对象类型 | 责任人 */}
+                <div className={styles.reportRow}>
+                    <div className={styles.leftCell}>
+                        <div className={styles.cellLabel}>对象类型</div>
+                        <div className={styles.cellValue}>存储设施</div>
+                    </div>
+                    <div className={styles.rightCell}>
+                        <div className={styles.cellLabel}>责任人</div>
+                        <div className={styles.cellValue}>王芳</div>
+                    </div>
+                </div>
+
+                {/* 第3行：评估方法 | 空白 */}
+                <div className={styles.reportRow}>
+                    <div className={styles.leftCell}>
+                        <div className={styles.cellLabel}>评估方法</div>
+                        <div className={styles.cellValue}>LEC评价法</div>
+                    </div>
+                    <div className={styles.rightCell}>
+                        <div className={styles.cellLabel}></div>
+                        <div className={styles.cellValue}></div>
+                    </div>
+                </div>
+
+                {/* 第4行：风险分值计算 | 空白 */}
+                <div className={styles.reportRow}>
+                    <div className={styles.leftCell}>
+                        <div className={styles.cellLabel}>风险分值计算</div>
+                        <div className={styles.cellValue}>D = L × E × C = 3 × 6 × 40 = 720</div>
+                    </div>
+                    <div className={styles.rightCell}>
+                        <div className={styles.cellLabel}></div>
+                        <div className={styles.cellValue}></div>
+                    </div>
                 </div>
 
-                {/* 评估方法等 */}
-                <div className={styles.row}>
-                    <div className={styles.cellLabel}>评估方法</div>
-                    <div className={styles.cellValue}>LEC评价法</div>
-                    <div className={styles.cellLabel}>风险分值计算</div>
-                    <div className={styles.cellValue}>D = L × E × C = 3 × 6 × 40 = 720</div>
+                {/* 第5行：L（事故可能性） | 空白 */}
+                <div className={styles.reportRow}>
+                    <div className={styles.leftCell}>
+                        <div className={styles.cellLabel}>L（事故可能性）</div>
+                        <div className={styles.cellValue}>可能，但不经常</div>
+                    </div>
+                    <div className={styles.rightCell}>
+                        <div className={styles.cellLabel}></div>
+                        <div className={styles.cellValue}></div>
+                    </div>
                 </div>
 
-                {/* L/E/C 详情 */}
-                <div className={styles.row}>
-                    <div className={styles.cellLabel}>L（事故发生可能性）</div>
-                    <div className={styles.cellValue}>
-                        可能，但不经常
-                        <span className={styles.cellScore}>L 分值 3分</span>
-                    </div>
-                    <div className={styles.cellLabel}>E（暴露频繁程度）</div>
-                    <div className={styles.cellValue}>
-                        每天数工作时间内的暴露
-                        <span className={styles.cellScore}>E 分值 6分</span>
-                    </div>
-                    <div className={styles.cellLabel}>C（后果严重性）</div>
-                    <div className={styles.cellValue}>
-                        可能，但不经常死伤
-                        <span className={styles.cellScore}>C 分值 40分</span>
+                {/* 第6行：E（暴露频繁程度） | L分值 */}
+                <div className={styles.reportRow}>
+                    <div className={styles.leftCell}>
+                        <div className={styles.cellLabel}>E（暴露频繁程度）</div>
+                        <div className={styles.cellValue}>每天工作时间内暴露</div>
+                    </div>
+                    <div className={styles.rightCell}>
+                        <div className={styles.cellLabel}>L分值</div>
+                        <div className={styles.cellValue}>3分</div>
                     </div>
                 </div>
 
-                {/* 综合结论 */}
-                <div className={styles.row}>
-                    <div className={styles.cellLabel}>最终风险等级</div>
-                    <div className={styles.cellValue}>重大风险</div>
+                {/* 第7行：C（后果严重性） | E分值 */}
+                <div className={styles.reportRow}>
+                    <div className={styles.leftCell}>
+                        <div className={styles.cellLabel}>C（后果严重性）</div>
+                        <div className={styles.cellValue}>可能，但不经常</div>
+                    </div>
+                    <div className={styles.rightCell}>
+                        <div className={styles.cellLabel}>E分值</div>
+                        <div className={styles.cellValue}>6分</div>
+                    </div>
                 </div>
-                <div className={styles.row}>
-                    <div className={styles.cellLabel}>最终LEC风险说明</div>
-                    <div className={styles.cellValue}>
-                        根据LEC判定标准，分值≥320即为“重大风险”。
+
+                {/* 第8行：最终风险等级 | C分值 */}
+                <div className={styles.reportRow}>
+                    <div className={styles.leftCell}>
+                        <div className={styles.cellLabel}>最终风险等级</div>
+                        <div className={styles.cellValue}>重大风险</div>
+                    </div>
+                    <div className={styles.rightCell}>
+                        <div className={styles.cellLabel}>C分值</div>
+                        <div className={styles.cellValue}>40分</div>
+                    </div>
+                </div>
+
+                {/* 第9行：风险等级说明 | 空白 */}
+                <div className={styles.reportRow}>
+                    <div className={styles.leftCell}>
+                        <div className={styles.cellLabel}>风险等级说明</div>
+                        <div className={styles.cellValue}>根据LEC判定标准，分值&gt;320即为"重大风险"。</div>
+                    </div>
+                    <div className={styles.rightCell}>
+                        <div className={styles.cellLabel}></div>
+                        <div className={styles.cellValue}></div>
                     </div>
                 </div>
 
-                {/* 建议措施 */}
-                <div className={styles.row}>
-                    <div className={styles.cellLabel}>建议措施</div>
-                    <div className={styles.cellValue}>
-                        <div>立即停止作业，限期整改</div>
-                        <div>纳入重点风险管理对象，进行重点监控</div>
-                        <div>立即启动相关应急预案并做好现场防护。</div>
+                {/* 第10行：建议措施 | 空白 */}
+                <div className={styles.reportRow}>
+                    <div className={styles.leftCell}>
+                        <div className={styles.cellLabel}>建议措施</div>
+                        <div className={styles.cellValue}>
+                            <div>立即停止作业，限期整改</div>
+                            <div>纳入重大风险源清单，进行重点监控</div>
+                            <div>立即启动相关应急预案的评审与演练</div>
+                        </div>
+                    </div>
+                    <div className={styles.rightCell}>
+                        <div className={styles.cellLabel}></div>
+                        <div className={styles.cellValue}></div>
                     </div>
                 </div>
 
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/step03.less b/src/pages/business_envInformation_monthly/components/secondary_menu/step03.less
index e8ab1ed..b8ec7f3 100644
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/step03.less
+++ b/src/pages/business_envInformation_monthly/components/secondary_menu/step03.less
@@ -1,19 +1,21 @@
 .stepContent {
     width: 100%;
     height: 100%;
-    padding: 16px 20px;
+    // padding: 16px 20px;
     box-sizing: border-box;
-    background-color: #f5f6fa;
+    background-color: #ffffff;
 
     .header {
         display: flex;
         justify-content: space-between;
         align-items: center;
-        margin-bottom: 16px;
+        padding: 15px 25px;
+        border-bottom: 1px solid #e5e5e5;
 
         .headerTitle {
-            font-size: 18px;
-            font-weight: 600;
+            font-size: 16px;
+            font-weight: 500;
+            color: rgba(0, 0, 0, 0.85);
         }
 
         .headerTime {
@@ -29,32 +31,35 @@
         box-sizing: border-box;
         display: flex;
         flex-direction: column;
-        gap: 8px;
         font-size: 13px;
 
-        .row {
-            display: grid;
-            grid-template-columns: 100px 1fr 100px 1fr 100px 1fr 100px 1fr;
-            column-gap: 8px;
-            row-gap: 6px;
-            padding: 4px 0;
+        .reportRow {
+            display: flex;
             border-top: 1px solid #f3f3f3;
+            padding: 8px 20px;
 
             &:first-child {
                 border-top: none;
             }
 
-            .cellLabel {
-                font-weight: 600;
-                color: #333;
-            }
+            .leftCell,
+            .rightCell {
+                flex: 1;
+                display: flex;
+                align-items: flex-start;
+                gap: 8px;
+                padding: 0 8px;
 
-            .cellValue {
-                color: #555;
+                .cellLabel {
+                    font-weight: 400;
+                    color: rgba(120, 120, 120, 1);
+                    min-width: 100px;
+                    flex-shrink: 0;
+                }
 
-                .cellScore {
-                    margin-left: 8px;
-                    color: #999;
+                .cellValue {
+                    color: rgba(51, 51, 51, 1);
+                    flex: 1;
                 }
             }
         }