安全風(fēng)險評估報表

<!-- 風(fēng)險等級分布柱狀圖 -->
<div class="mb-8">
    <h3 class="text-xl font-bold mb-4">風(fēng)險等級分布</h3>
    <canvas id="riskLevelChart" style="height: 400px;"></canvas>
</div>

<!-- 危害程度餅圖 -->
<div class="mb-8">
    <h3 class="text-xl font-bold mb-4">危害程度分布</h3>
    <canvas id="harmDegreeChart" style="height: 400px;"></canvas>
</div>

<!-- 數(shù)據(jù)表格 -->
<table class="min-w-full bg-white border border-gray-300">
    <thead>
    <tr>
        <th class="py-2 px-4 border-b">編號</th>
        <th class="py-2 px-4 border-b">風(fēng)險編碼</th>
        <th class="py-2 px-4 border-b">責(zé)任部門/工區(qū)</th>
        <th class="py-2 px-4 border-b">專業(yè)系統(tǒng)</th>
        <th class="py-2 px-4 border-b">風(fēng)險類別</th>
        <th class="py-2 px-4 border-b">風(fēng)險項目</th>
        <th class="py-2 px-4 border-b">風(fēng)險項點</th>
        <th class="py-2 px-4 border-b">風(fēng)險等級</th>
        <th class="py-2 px-4 border-b">危害程度</th>
        <th class="py-2 px-4 border-b">管控措施</th>
        <th class="py-2 px-4 border-b">管控崗位</th>
        <th class="py-2 px-4 border-b">管控人員</th>
        <th class="py-2 px-4 border-b">量化要求</th>
        <th class="py-2 px-4 border-b">開始錄入日期</th>
        <th class="py-2 px-4 border-b">結(jié)束錄入日期</th>
        <th class="py-2 px-4 border-b">審核狀態(tài)</th>
        <th class="py-2 px-4 border-b">審核日期</th>
    </tr>
    </thead>
    <tbody th:each="risk : ${safetyRisks}">
    <tr>
        <td class="py-2 px-4 border-b" th:text="${risk.id}"></td>
        <td class="py-2 px-4 border-b" th:text="${risk.risk_code}"></td>
        <td class="py-2 px-4 border-b" th:text="${risk.department}"></td>
        <td class="py-2 px-4 border-b" th:text="${risk.professional_system}"></td>
        <td class="py-2 px-4 border-b" th:text="${risk.risk_category}"></td>
        <td class="py-2 px-4 border-b" th:text="${risk.risk_item}"></td>
        <td class="py-2 px-4 border-b" th:text="${risk.risk_point}"></td>
        <td class="py-2 px-4 border-b" th:text="${risk.risk_level}"></td>
        <td class="py-2 px-4 border-b" th:text="${risk.harm_degree}"></td>
        <td class="py-2 px-4 border-b" th:text="${risk.control_measures}"></td>
        <td class="py-2 px-4 border-b" th:text="${risk.control_position}"></td>
        <td class="py-2 px-4 border-b" th:text="${risk.control_personnel}"></td>
        <td class="py-2 px-4 border-b" th:text="${risk.quantified_requirements}"></td>
        <td class="py-2 px-4 border-b" th:text="${#dates.format(risk.entry_start_date, 'yyyy-MM-dd HH:mm:ss')}"></td>
        <td class="py-2 px-4 border-b" th:text="${#dates.format(risk.entry_end_date, 'yyyy-MM-dd HH:mm:ss')}"></td>
        <td class="py-2 px-4 border-b" th:text="${risk.review_status}"></td>
        <td class="py-2 px-4 border-b" th:text="${#dates.format(risk.review_date, 'yyyy-MM-dd HH:mm:ss')}"></td>
    </tr>
    </tbody>
</table>