jiangxucong
/
dq-ems
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

评估报告页面

Browse Source
main
wangyunfei 2 weeks ago
parent a87da3b7bb
commit a84978c586
2 changed files with 136 additions and 68 deletions
Show Stats Download Patch File Download Diff File

157
src/pages/business_envInformation_monthly/components/secondary_menu/Step03.js
Unescape Escape View File

@ -18,64 +18,127 @@ const Step03 = () => {
{/* 报告主体 */} {/* 报告主体 */}
<div className={styles.reportCard}> <div className={styles.reportCard}>
{/* 基本信息行 */} {/* 第1行：对象名称 | 所属区域 */}
<div className={styles.row}> <div className={styles.reportRow}>
<div className={styles.cellLabel}>对象名称</div> <div className={styles.leftCell}>
<div className={styles.cellValue}>一车间-危险品暂存区</div> <div className={styles.cellLabel}>对象名称</div>
<div className={styles.cellLabel}>对象类型</div> <div className={styles.cellValue}>一车间-危险品暂存区</div>
<div className={styles.cellValue}>存储设施</div> </div>
<div className={styles.cellLabel}>所属区域</div> <div className={styles.rightCell}>
<div className={styles.cellValue}>生产A区</div> <div className={styles.cellLabel}>所属区域</div>
<div className={styles.cellLabel}>负责人</div> <div className={styles.cellValue}>生产A区</div>
<div className={styles.cellValue}>王芳</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>
{/* 评估方法等 */} {/* 第5行：L（事故可能性） | 空白 */}
<div className={styles.row}> <div className={styles.reportRow}>
<div className={styles.cellLabel}>评估方法</div> <div className={styles.leftCell}>
<div className={styles.cellValue}>LEC评价法</div> <div className={styles.cellLabel}>L（事故可能性）</div>
<div className={styles.cellLabel}>风险分值计算</div> <div className={styles.cellValue}>可能，但不经常</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>
{/* L/E/C 详情 */} {/* 第6行：E（暴露频繁程度） | L分值 */}
<div className={styles.row}> <div className={styles.reportRow}>
<div className={styles.cellLabel}>L（事故发生可能性）</div> <div className={styles.leftCell}>
<div className={styles.cellValue}> <div className={styles.cellLabel}>E（暴露频繁程度）</div>
可能，但不经常 <div className={styles.cellValue}>每天工作时间内暴露</div>
<span className={styles.cellScore}>L 分值 3分</span> </div>
</div> <div className={styles.rightCell}>
<div className={styles.cellLabel}>E（暴露频繁程度）</div> <div className={styles.cellLabel}>L分值</div>
<div className={styles.cellValue}> <div className={styles.cellValue}>3分</div>
每天数工作时间内的暴露
<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>
</div> </div>
</div> </div>
{/* 综合结论 */} {/* 第7行：C（后果严重性） | E分值 */}
<div className={styles.row}> <div className={styles.reportRow}>
<div className={styles.cellLabel}>最终风险等级</div> <div className={styles.leftCell}>
<div className={styles.cellValue}>重大风险</div> <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>
<div className={styles.row}>
<div className={styles.cellLabel}>最终LEC风险说明</div> {/* 第8行：最终风险等级 | C分值 */}
<div className={styles.cellValue}> <div className={styles.reportRow}>
根据LEC判定标准，分值≥320即为“重大风险”。 <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> </div>
{/* 建议措施 */} {/* 第10行：建议措施 | 空白 */}
<div className={styles.row}> <div className={styles.reportRow}>
<div className={styles.cellLabel}>建议措施</div> <div className={styles.leftCell}>
<div className={styles.cellValue}> <div className={styles.cellLabel}>建议措施</div>
<div>立即停止作业，限期整改</div> <div className={styles.cellValue}>
<div>纳入重点风险管理对象，进行重点监控</div> <div>立即停止作业，限期整改</div>
<div>立即启动相关应急预案并做好现场防护。</div> <div>纳入重大风险源清单，进行重点监控</div>
<div>立即启动相关应急预案的评审与演练</div>
</div>
</div>
<div className={styles.rightCell}>
<div className={styles.cellLabel}></div>
<div className={styles.cellValue}></div>
</div> </div>
</div> </div>

47
src/pages/business_envInformation_monthly/components/secondary_menu/step03.less
Unescape Escape View File

@ -1,19 +1,21 @@
.stepContent { .stepContent {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 16px 20px; // padding: 16px 20px;
box-sizing: border-box; box-sizing: border-box;
background-color: #f5f6fa; background-color: #ffffff;
.header { .header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 16px; padding: 15px 25px;
border-bottom: 1px solid #e5e5e5;
.headerTitle { .headerTitle {
font-size: 18px; font-size: 16px;
font-weight: 600; font-weight: 500;
color: rgba(0, 0, 0, 0.85);
} }
.headerTime { .headerTime {
@ -29,32 +31,35 @@
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 8px;
font-size: 13px; font-size: 13px;
.row { .reportRow {
display: grid; display: flex;
grid-template-columns: 100px 1fr 100px 1fr 100px 1fr 100px 1fr;
column-gap: 8px;
row-gap: 6px;
padding: 4px 0;
border-top: 1px solid #f3f3f3; border-top: 1px solid #f3f3f3;
padding: 8px 20px;
&:first-child { &:first-child {
border-top: none; border-top: none;
} }
.cellLabel { .leftCell,
font-weight: 600; .rightCell {
color: #333; flex: 1;
} display: flex;
align-items: flex-start;
gap: 8px;
padding: 0 8px;
.cellValue { .cellLabel {
color: #555; font-weight: 400;
color: rgba(120, 120, 120, 1);
min-width: 100px;
flex-shrink: 0;
}
.cellScore { .cellValue {
margin-left: 8px; color: rgba(51, 51, 51, 1);
color: #999; flex: 1;
} }
} }
} }

Write Preview
Loading…
Cancel
Save