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

121
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.row}>
{/* 第1行：对象名称 | 所属区域 */}
<div className={styles.reportRow}>
<div className={styles.leftCell}>
<div className={styles.cellLabel}>对象名称</div>
<div className={styles.cellValue}>一车间-危险品暂存区</div>
<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 className={styles.cellLabel}>负责人</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>
{/* 评估方法等 */}
<div className={styles.row}>
{/* 第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>
{/* L/E/C 详情 */}
<div className={styles.row}>
<div className={styles.cellLabel}>L（事故发生可能性）</div>
<div className={styles.cellValue}>
可能，但不经常
<span className={styles.cellScore}>L 分值 3分</span>
{/* 第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>
{/* 第6行：E（暴露频繁程度） | L分值 */}
<div className={styles.reportRow}>
<div className={styles.leftCell}>
<div className={styles.cellLabel}>E（暴露频繁程度）</div>
<div className={styles.cellValue}>
每天数工作时间内的暴露
<span className={styles.cellScore}>E 分值 6分</span>
<div className={styles.cellValue}>每天工作时间内暴露</div>
</div>
<div className={styles.rightCell}>
<div className={styles.cellLabel}>L分值</div>
<div className={styles.cellValue}>3分</div>
</div>
</div>
{/* 第7行：C（后果严重性） | E分值 */}
<div className={styles.reportRow}>
<div className={styles.leftCell}>
<div className={styles.cellLabel}>C（后果严重性）</div>
<div className={styles.cellValue}>
可能，但不经常死伤
<span className={styles.cellScore}>C 分值 40分</span>
<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}>
{/* 第8行：最终风险等级 | C分值 */}
<div className={styles.reportRow}>
<div className={styles.leftCell}>
<div className={styles.cellLabel}>最终风险等级</div>
<div className={styles.cellValue}>重大风险</div>
</div>
<div className={styles.row}>
<div className={styles.cellLabel}>最终LEC风险说明</div>
<div className={styles.cellValue}>
根据LEC判定标准，分值≥320即为“重大风险”。
<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}>
{/* 第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>立即启动相关应急预案的评审与演练</div>
</div>
</div>
<div className={styles.rightCell}>
<div className={styles.cellLabel}></div>
<div className={styles.cellValue}></div>
</div>
</div>

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

@ -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;
}
.leftCell,
.rightCell {
flex: 1;
display: flex;
align-items: flex-start;
gap: 8px;
padding: 0 8px;
.cellLabel {
font-weight: 600;
color: #333;
font-weight: 400;
color: rgba(120, 120, 120, 1);
min-width: 100px;
flex-shrink: 0;
}
.cellValue {
color: #555;
.cellScore {
margin-left: 8px;
color: #999;
color: rgba(51, 51, 51, 1);
flex: 1;
}
}
}

Write Preview
Loading…
Cancel
Save