From 0457ff29c076e9986df9941b784be35f80e67e2a Mon Sep 17 00:00:00 2001
From: liding <756868258@qq.com>
Date: 星期一, 29 六月 2026 16:46:37 +0800
Subject: [PATCH] feat: 添加线路巡检和安全设施巡检模块
---
src/api/safeProduction/safetyFacility.js | 130 ++
src/api/safeProduction/lineInspection.js | 109 ++
src/views/safeProduction/lineInspection/index.vue | 1186 ++++++++++++++++++++-------
src/views/safeProduction/safetyFacility/index.vue | 1149 +++++++++++++++++---------
4 files changed, 1,835 insertions(+), 739 deletions(-)
diff --git a/src/api/safeProduction/lineInspection.js b/src/api/safeProduction/lineInspection.js
index 94dd2e3..5e0c807 100644
--- a/src/api/safeProduction/lineInspection.js
+++ b/src/api/safeProduction/lineInspection.js
@@ -7,36 +7,119 @@
// 鑾峰彇绾胯矾宸℃鍒楄〃
export function getLineInspectionList(params) {
return request({
- url: "/device/lineInspection/list",
+ url: "/safeLineInspection/page",
method: "get",
params,
});
}
-// 鏂板鎴栦慨鏀圭嚎璺贰妫�璁板綍
-export function addOrEditLineInspection(data) {
+// 鏍规嵁ID鑾峰彇绾胯矾宸℃璇︽儏
+export function getLineInspectionById(id) {
return request({
- url: "/device/lineInspection/addOrEdit",
+ url: `/safeLineInspection/${id}`,
+ method: "get",
+ });
+}
+
+// 鏂板绾胯矾宸℃
+export function addLineInspection(data) {
+ return request({
+ url: "/safeLineInspection",
method: "post",
data,
});
}
-// 鍒犻櫎绾胯矾宸℃璁板綍
-export function deleteLineInspection(ids) {
+// 淇敼绾胯矾宸℃
+export function updateLineInspection(data) {
return request({
- url: "/device/lineInspection/delete",
- method: "delete",
- data: ids,
+ url: "/safeLineInspection",
+ method: "put",
+ data,
});
}
-// 瀵煎嚭绾胯矾宸℃璁板綍
-export function exportLineInspection(params) {
+// 鍒犻櫎绾胯矾宸℃
+export function deleteLineInspection(ids) {
return request({
- url: "/device/lineInspection/export",
+ url: "/safeLineInspection/" + ids.join(","),
+ method: "delete",
+ });
+}
+
+// 瀹屾垚宸℃
+export function completeLineInspection(id) {
+ return request({
+ url: `/safeLineInspection/complete/${id}`,
+ method: "put",
+ });
+}
+
+// 鑾峰彇宸℃璁板綍鍒楄〃
+export function getInspectionRecords(inspectionId) {
+ return request({
+ url: `/safeLineInspectionRecord/list/${inspectionId}`,
+ method: "get",
+ });
+}
+
+// 鏂板宸℃璁板綍
+export function addInspectionRecord(data) {
+ return request({
+ url: "/safeLineInspectionRecord",
method: "post",
+ data,
+ });
+}
+
+// 鎵归噺鏂板宸℃璁板綍
+export function batchAddInspectionRecords(data) {
+ return request({
+ url: "/safeLineInspectionRecord/batch",
+ method: "post",
+ data,
+ });
+}
+
+// 鑾峰彇宸℃闅愭偅鍒楄〃
+export function getInspectionHazards(params) {
+ return request({
+ url: "/safeLineInspectionHazard/page",
+ method: "get",
params,
- responseType: 'blob',
+ });
+}
+
+// 鏍规嵁宸℃浠诲姟ID鑾峰彇闅愭偅鍒楄〃
+export function getHazardsByInspectionId(inspectionId) {
+ return request({
+ url: `/safeLineInspectionHazard/list/${inspectionId}`,
+ method: "get",
+ });
+}
+
+// 鏂板闅愭偅
+export function addInspectionHazard(data) {
+ return request({
+ url: "/safeLineInspectionHazard",
+ method: "post",
+ data,
+ });
+}
+
+// 淇敼闅愭偅
+export function updateInspectionHazard(data) {
+ return request({
+ url: "/safeLineInspectionHazard",
+ method: "put",
+ data,
+ });
+}
+
+// 鍒犻櫎闅愭偅
+export function deleteInspectionHazard(ids) {
+ return request({
+ url: "/safeLineInspectionHazard/" + ids.join(","),
+ method: "delete",
});
}
diff --git a/src/api/safeProduction/safetyFacility.js b/src/api/safeProduction/safetyFacility.js
index c5a7254..20d8778 100644
--- a/src/api/safeProduction/safetyFacility.js
+++ b/src/api/safeProduction/safetyFacility.js
@@ -4,39 +4,137 @@
* 瀹夊叏璁炬柦宸℃API鎺ュ彛
*/
-// 鑾峰彇瀹夊叏璁炬柦鍒楄〃
-export function getSafetyFacilityList(params) {
+// ============ 瀹夊叏璁炬柦鍙拌处 ============
+
+// 鑾峰彇瀹夊叏璁炬柦鍙拌处鍒楄〃
+export function getFacilityLedgerList(params) {
return request({
- url: "/device/safetyFacility/list",
+ url: "/safeFacilityLedger/page",
method: "get",
params,
});
}
-// 鏂板鎴栦慨鏀瑰畨鍏ㄨ鏂�
-export function addOrEditSafetyFacility(data) {
+// 鏍规嵁ID鑾峰彇瀹夊叏璁炬柦鍙拌处璇︽儏
+export function getFacilityLedgerById(id) {
return request({
- url: "/device/safetyFacility/addOrEdit",
+ url: `/safeFacilityLedger/${id}`,
+ method: "get",
+ });
+}
+
+// 鏂板瀹夊叏璁炬柦鍙拌处
+export function addFacilityLedger(data) {
+ return request({
+ url: "/safeFacilityLedger",
method: "post",
data,
});
}
-// 鍒犻櫎瀹夊叏璁炬柦
-export function deleteSafetyFacility(ids) {
+// 淇敼瀹夊叏璁炬柦鍙拌处
+export function updateFacilityLedger(data) {
return request({
- url: "/device/safetyFacility/delete",
- method: "delete",
- data: ids,
+ url: "/safeFacilityLedger",
+ method: "put",
+ data,
});
}
-// 瀵煎嚭瀹夊叏璁炬柦璁板綍
-export function exportSafetyFacility(params) {
+// 鍒犻櫎瀹夊叏璁炬柦鍙拌处
+export function deleteFacilityLedger(ids) {
return request({
- url: "/device/safetyFacility/export",
- method: "post",
+ url: "/safeFacilityLedger/" + ids.join(","),
+ method: "delete",
+ });
+}
+
+// ============ 瀹夊叏璁炬柦宸℃ ============
+
+// 鑾峰彇瀹夊叏璁炬柦宸℃鍒楄〃
+export function getFacilityInspectionList(params) {
+ return request({
+ url: "/safeFacilityInspection/page",
+ method: "get",
params,
- responseType: 'blob',
+ });
+}
+
+// 鏍规嵁ID鑾峰彇瀹夊叏璁炬柦宸℃璇︽儏
+export function getFacilityInspectionById(id) {
+ return request({
+ url: `/safeFacilityInspection/${id}`,
+ method: "get",
+ });
+}
+
+// 鏂板瀹夊叏璁炬柦宸℃
+export function addFacilityInspection(data) {
+ return request({
+ url: "/safeFacilityInspection",
+ method: "post",
+ data,
+ });
+}
+
+// 淇敼瀹夊叏璁炬柦宸℃
+export function updateFacilityInspection(data) {
+ return request({
+ url: "/safeFacilityInspection",
+ method: "put",
+ data,
+ });
+}
+
+// 鍒犻櫎瀹夊叏璁炬柦宸℃
+export function deleteFacilityInspection(ids) {
+ return request({
+ url: "/safeFacilityInspection/" + ids.join(","),
+ method: "delete",
+ });
+}
+
+// ============ 瀹夊叏璁炬柦鏁存敼 ============
+
+// 鑾峰彇瀹夊叏璁炬柦鏁存敼鍒楄〃
+export function getFacilityRectificationList(params) {
+ return request({
+ url: "/safeFacilityRectification/page",
+ method: "get",
+ params,
+ });
+}
+
+// 鏍规嵁ID鑾峰彇瀹夊叏璁炬柦鏁存敼璇︽儏
+export function getFacilityRectificationById(id) {
+ return request({
+ url: `/safeFacilityRectification/${id}`,
+ method: "get",
+ });
+}
+
+// 鏂板瀹夊叏璁炬柦鏁存敼
+export function addFacilityRectification(data) {
+ return request({
+ url: "/safeFacilityRectification",
+ method: "post",
+ data,
+ });
+}
+
+// 淇敼瀹夊叏璁炬柦鏁存敼
+export function updateFacilityRectification(data) {
+ return request({
+ url: "/safeFacilityRectification",
+ method: "put",
+ data,
+ });
+}
+
+// 鍒犻櫎瀹夊叏璁炬柦鏁存敼
+export function deleteFacilityRectification(ids) {
+ return request({
+ url: "/safeFacilityRectification/" + ids.join(","),
+ method: "delete",
});
}
diff --git a/src/views/safeProduction/lineInspection/index.vue b/src/views/safeProduction/lineInspection/index.vue
index 45358e9..ad3abed 100644
--- a/src/views/safeProduction/lineInspection/index.vue
+++ b/src/views/safeProduction/lineInspection/index.vue
@@ -1,374 +1,918 @@
<template>
- <div class="line-inspection">
- <!-- 鎼滅储鍖哄煙 -->
- <div class="search-area">
- <el-form :inline="true" :model="searchForm">
- <el-form-item label="浠诲姟鍚嶇О">
- <el-input v-model="searchForm.taskName" placeholder="璇疯緭鍏ヤ换鍔″悕绉�" clearable />
- </el-form-item>
- <el-form-item label="绾胯矾鍚嶇О">
- <el-input v-model="searchForm.routeName" placeholder="璇疯緭鍏ョ嚎璺悕绉�" clearable />
- </el-form-item>
- <el-form-item label="宸℃浜�">
- <el-input v-model="searchForm.inspector" placeholder="璇疯緭鍏ュ贰妫�浜�" clearable />
- </el-form-item>
- <el-form-item label="鐘舵��">
- <el-select v-model="searchForm.status" placeholder="璇烽�夋嫨鐘舵��" clearable>
- <el-option label="寰呭贰妫�" value="寰呭贰妫�" />
- <el-option label="杩涜涓�" value="杩涜涓�" />
- <el-option label="宸插畬鎴�" value="宸插畬鎴�" />
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-button type="primary" @click="handleSearch">鎼滅储</el-button>
- <el-button @click="resetSearch">閲嶇疆</el-button>
- </el-form-item>
- </el-form>
+ <div class="app-container">
+ <div class="search_form mb20">
+ <div>
+ <span class="search_title">宸℃缂栧彿锛�</span>
+ <el-input v-model="searchForm.inspectionCode"
+ style="width: 200px"
+ placeholder="璇疯緭鍏ュ贰妫�缂栧彿"
+ @change="handleQuery"
+ clearable
+ :prefix-icon="Search" />
+ <span class="search_title ml10">宸℃鍚嶇О锛�</span>
+ <el-input v-model="searchForm.inspectionName"
+ style="width: 200px"
+ placeholder="璇疯緭鍏ュ贰妫�鍚嶇О"
+ @change="handleQuery"
+ clearable
+ :prefix-icon="Search" />
+ <span class="search_title ml10">绾胯矾鍚嶇О锛�</span>
+ <el-input v-model="searchForm.lineName"
+ style="width: 200px"
+ placeholder="璇疯緭鍏ョ嚎璺悕绉�"
+ @change="handleQuery"
+ clearable
+ :prefix-icon="Search" />
+ <span class="search_title ml10">鐘舵�侊細</span>
+ <el-select v-model="searchForm.status"
+ clearable
+ @change="handleQuery"
+ style="width: 150px">
+ <el-option label="寰呭贰妫�" value="寰呭贰妫�" />
+ <el-option label="宸℃涓�" value="宸℃涓�" />
+ <el-option label="宸插畬鎴�" value="宸插畬鎴�" />
+ </el-select>
+ <el-button type="primary"
+ @click="handleQuery"
+ style="margin-left: 10px">
+ 鎼滅储
+ </el-button>
+ </div>
+ <div>
+ <el-button type="primary"
+ @click="openForm('add')">鏂板宸℃浠诲姟</el-button>
+ </div>
</div>
- <!-- 鎿嶄綔鎸夐挳 -->
- <div class="actions">
- <el-button type="primary" @click="handleAdd">鏂板宸℃</el-button>
- <el-button type="success" @click="handleExport">瀵煎嚭</el-button>
+ <div class="table_list">
+ <PIMTable rowKey="id"
+ :column="tableColumn"
+ :tableData="tableData"
+ :page="page"
+ :isSelection="true"
+ @selection-change="handleSelectionChange"
+ :tableLoading="tableLoading"
+ @pagination="pagination"
+ :total="page.total"></PIMTable>
</div>
- <!-- 宸℃鍒楄〃 -->
- <el-table :data="inspectionList" style="width: 100%; margin-top: 10px;" border>
- <el-table-column prop="taskName" label="浠诲姟鍚嶇О" width="180" />
- <el-table-column prop="routeName" label="绾胯矾鍚嶇О" width="180" />
- <el-table-column prop="deviceName" label="鍏宠仈璁惧" width="150" />
- <el-table-column prop="inspector" label="宸℃浜�" width="120" />
- <el-table-column prop="inspectionTime" label="宸℃鏃堕棿" width="180" />
- <el-table-column prop="inspectionResult" label="宸℃缁撴灉" width="120">
- <template #default="{ row }">
- <el-tag :type="row.inspectionResult === '姝ｅ父' ? 'success' : 'danger'">
- {{ row.inspectionResult || '鏈贰妫�' }}
- </el-tag>
- </template>
- </el-table-column>
- <el-table-column prop="status" label="鐘舵��" width="120">
- <template #default="{ row }">
- <el-tag :type="getStatusType(row.status)">
- {{ row.status }}
- </el-tag>
- </template>
- </el-table-column>
- <el-table-column label="鎿嶄綔" width="200" fixed="right">
- <template #default="{ row }">
- <el-button type="primary" link @click="handleEdit(row)">缂栬緫</el-button>
- <el-button type="danger" link @click="handleDelete(row)">鍒犻櫎</el-button>
- </template>
- </el-table-column>
- </el-table>
-
- <!-- 鍒嗛〉 -->
- <div class="pagination">
- <el-pagination
- v-model:current-page="pagination.currentPage"
- v-model:page-size="pagination.pageSize"
- :page-sizes="[10, 20, 50, 100]"
- :total="pagination.total"
- layout="total, sizes, prev, pager, next, jumper"
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- />
- </div>
-
- <!-- 鏂板/缂栬緫瀵硅瘽妗� -->
- <el-dialog :title="dialogTitle" v-model="showDialog" width="600px">
- <el-form :model="form" :rules="formRules" ref="formRef" label-width="100px">
- <el-form-item label="浠诲姟鍚嶇О" prop="taskName">
- <el-input v-model="form.taskName" placeholder="璇疯緭鍏ヤ换鍔″悕绉�" />
- </el-form-item>
- <el-form-item label="绾胯矾鍚嶇О" prop="routeName">
- <el-input v-model="form.routeName" placeholder="璇疯緭鍏ョ嚎璺悕绉�" />
- </el-form-item>
- <el-form-item label="鍏宠仈璁惧">
- <el-select v-model="form.deviceId" placeholder="璇烽�夋嫨璁惧" clearable>
- <el-option
- v-for="item in deviceOptions"
- :key="item.id"
- :label="item.deviceName"
- :value="item.id"
- />
- </el-select>
- </el-form-item>
- <el-form-item label="宸℃浜�" prop="inspector">
- <el-input v-model="form.inspector" placeholder="璇疯緭鍏ュ贰妫�浜�" />
- </el-form-item>
- <el-form-item label="宸℃鏃堕棿">
- <el-date-picker
- v-model="form.inspectionTime"
- type="datetime"
- placeholder="璇烽�夋嫨宸℃鏃堕棿"
- format="YYYY-MM-DD HH:mm:ss"
- value-format="YYYY-MM-DD HH:mm:ss"
- />
- </el-form-item>
- <el-form-item label="宸℃缁撴灉">
- <el-radio-group v-model="form.inspectionResult">
- <el-radio label="姝ｅ父">姝ｅ父</el-radio>
- <el-radio label="寮傚父">寮傚父</el-radio>
- </el-radio-group>
- </el-form-item>
- <el-form-item label="闅愭偅鎻忚堪" v-if="form.inspectionResult === '寮傚父'">
- <el-input type="textarea" v-model="form.hazardDescription" placeholder="璇疯緭鍏ラ殣鎮ｆ弿杩�" />
- </el-form-item>
- <el-form-item label="澶囨敞">
- <el-input type="textarea" v-model="form.remarks" placeholder="璇疯緭鍏ュ娉�" />
+ <!-- 鏂板/缂栬緫宸℃浠诲姟寮圭獥 -->
+ <el-dialog v-model="dialogVisible"
+ :title="dialogTitle"
+ width="800px"
+ :close-on-click-modal="false">
+ <el-form ref="formRef"
+ :model="form"
+ :rules="rules"
+ label-width="120px">
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="宸℃缂栧彿"
+ prop="inspectionCode">
+ <el-input v-model="form.inspectionCode"
+ placeholder="璇疯緭鍏ュ贰妫�缂栧彿" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="宸℃鍚嶇О"
+ prop="inspectionName">
+ <el-input v-model="form.inspectionName"
+ placeholder="璇疯緭鍏ュ贰妫�鍚嶇О" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="绾胯矾鍚嶇О"
+ prop="lineName">
+ <el-input v-model="form.lineName"
+ placeholder="璇疯緭鍏ョ嚎璺悕绉�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="宸℃绫诲瀷"
+ prop="inspectionType">
+ <el-select v-model="form.inspectionType"
+ placeholder="璇烽�夋嫨宸℃绫诲瀷"
+ style="width: 100%">
+ <el-option label="瀹氭湡宸℃" value="瀹氭湡宸℃" />
+ <el-option label="涓存椂宸℃" value="涓存椂宸℃" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="璁″垝宸℃鏃堕棿"
+ prop="planTime">
+ <el-date-picker v-model="form.planTime"
+ type="datetime"
+ placeholder="璇烽�夋嫨璁″垝宸℃鏃堕棿"
+ format="YYYY-MM-DD HH:mm:ss"
+ value-format="YYYY-MM-DD HH:mm:ss"
+ style="width: 100%" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="宸℃浜�"
+ prop="inspectorId">
+ <el-select v-model="form.inspectorIds"
+ placeholder="璇烽�夋嫨宸℃浜猴紙鍙閫夛級"
+ filterable
+ multiple
+ collapse-tags
+ collapse-tags-tooltip
+ clearable
+ style="width: 100%">
+ <el-option v-for="item in userList"
+ :key="item.userId"
+ :label="item.nickName"
+ :value="item.userId" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-form-item label="澶囨敞"
+ prop="remark">
+ <el-input v-model="form.remark"
+ type="textarea"
+ :rows="3"
+ placeholder="璇疯緭鍏ュ娉�" />
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
- <el-button type="primary" @click="submitForm">纭畾</el-button>
- <el-button @click="showDialog = false">鍙栨秷</el-button>
+ <el-button type="primary"
+ @click="submitForm">纭畾</el-button>
+ <el-button @click="dialogVisible = false">鍙栨秷</el-button>
</span>
</template>
+ </el-dialog>
+
+ <!-- 宸℃璁板綍寮圭獥 -->
+ <el-dialog ref="recordDialogRef"
+ v-model="recordDialogVisible"
+ title="宸℃璁板綍"
+ width="70vw"
+ :close-on-click-modal="false"
+ @open="onRecordDialogOpen">
+ <div class="mb10">
+ <el-button type="primary"
+ size="small"
+ @click="openRecordForm">鏂板璁板綍</el-button>
+ </div>
+ <div class="dialog-table-wrapper">
+ <el-table :data="recordList"
+ border
+ style="width: 100%">
+ <el-table-column prop="checkPoint" label="妫�鏌ョ偣" width="150" show-overflow-tooltip />
+ <el-table-column prop="checkContent" label="妫�鏌ュ唴瀹�" min-width="200" show-overflow-tooltip />
+ <el-table-column prop="checkResult" label="妫�鏌ョ粨鏋�" width="100">
+ <template #default="{ row }">
+ <el-tag :type="row.checkResult === '姝ｅ父' ? 'success' : 'danger'">
+ {{ row.checkResult }}
+ </el-tag>
+ </template>
+ </el-table-column>
+ <el-table-column prop="checkDesc" label="妫�鏌ヨ鏄�" width="200" show-overflow-tooltip />
+ <el-table-column prop="checkTime" label="妫�鏌ユ椂闂�" width="180" />
+ </el-table>
+ </div>
+
+ <!-- 鏂板璁板綍琛ㄥ崟 -->
+ <el-dialog v-model="recordFormVisible"
+ title="鏂板宸℃璁板綍"
+ width="600px"
+ append-to-body
+ :close-on-click-modal="false">
+ <el-form ref="recordFormRef"
+ :model="recordForm"
+ :rules="recordRules"
+ label-width="100px">
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="妫�鏌ョ偣"
+ prop="checkPoint">
+ <el-input v-model="recordForm.checkPoint"
+ placeholder="璇疯緭鍏ユ鏌ョ偣" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="妫�鏌ョ粨鏋�"
+ prop="checkResult">
+ <el-radio-group v-model="recordForm.checkResult">
+ <el-radio label="姝ｅ父">姝ｅ父</el-radio>
+ <el-radio label="寮傚父">寮傚父</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-form-item label="妫�鏌ュ唴瀹�"
+ prop="checkContent">
+ <el-input v-model="recordForm.checkContent"
+ type="textarea"
+ :rows="3"
+ placeholder="璇疯緭鍏ユ鏌ュ唴瀹�" />
+ </el-form-item>
+ <el-form-item label="妫�鏌ヨ鏄�">
+ <el-input v-model="recordForm.checkDesc"
+ type="textarea"
+ :rows="2"
+ placeholder="璇疯緭鍏ユ鏌ヨ鏄�" />
+ </el-form-item>
+ <el-form-item label="妫�鏌ユ椂闂�">
+ <el-date-picker v-model="recordForm.checkTime"
+ type="datetime"
+ placeholder="璇烽�夋嫨妫�鏌ユ椂闂�"
+ format="YYYY-MM-DD HH:mm:ss"
+ value-format="YYYY-MM-DD HH:mm:ss"
+ style="width: 100%" />
+ </el-form-item>
+ </el-form>
+ <template #footer>
+ <span class="dialog-footer">
+ <el-button type="primary"
+ @click="submitRecordForm">纭畾</el-button>
+ <el-button @click="recordFormVisible = false">鍙栨秷</el-button>
+ </span>
+ </template>
+ </el-dialog>
+ </el-dialog>
+
+ <!-- 闅愭偅绠＄悊寮圭獥 -->
+ <el-dialog ref="hazardDialogRef"
+ v-model="hazardDialogVisible"
+ title="闅愭偅绠＄悊"
+ width="75vw"
+ :close-on-click-modal="false"
+ @open="onHazardDialogOpen">
+ <div class="mb10">
+ <el-button type="primary"
+ size="small"
+ @click="openHazardForm('add')">涓婃姤闅愭偅</el-button>
+ </div>
+ <div class="dialog-table-wrapper">
+ <el-table :data="hazardList"
+ border
+ style="width: 100%">
+ <el-table-column prop="hazardCode" label="闅愭偅缂栧彿" width="120" show-overflow-tooltip />
+ <el-table-column prop="hazardDesc" label="闅愭偅鎻忚堪" min-width="200" show-overflow-tooltip />
+ <el-table-column prop="hazardLevel" label="闅愭偅绛夌骇" width="100">
+ <template #default="{ row }">
+ <el-tag :type="row.hazardLevel === '閲嶅ぇ' ? 'danger' : 'warning'">
+ {{ row.hazardLevel }}
+ </el-tag>
+ </template>
+ </el-table-column>
+ <el-table-column prop="hazardLocation" label="闅愭偅浣嶇疆" width="150" show-overflow-tooltip />
+ <el-table-column prop="status" label="鐘舵��" width="100">
+ <template #default="{ row }">
+ <el-tag :type="getHazardStatusType(row.status)">
+ {{ row.status }}
+ </el-tag>
+ </template>
+ </el-table-column>
+ <el-table-column prop="rectifyUserName" label="鏁存敼璐ｄ换浜�" width="120" />
+ <el-table-column label="鎿嶄綔" width="150" fixed="right">
+ <template #default="{ row }">
+ <el-button type="primary" link @click="openHazardForm('edit', row)">缂栬緫</el-button>
+ <el-button type="success" link @click="handleRectify(row)" v-if="row.status !== '宸叉暣鏀�'">鏁存敼</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+
+ <!-- 闅愭偅琛ㄥ崟 -->
+ <el-dialog v-model="hazardFormVisible"
+ :title="hazardDialogTitle"
+ width="600px"
+ append-to-body
+ :close-on-click-modal="false">
+ <el-form ref="hazardFormRef"
+ :model="hazardForm"
+ :rules="hazardRules"
+ label-width="100px">
+ <el-form-item label="闅愭偅鎻忚堪"
+ prop="hazardDesc">
+ <el-input v-model="hazardForm.hazardDesc"
+ type="textarea"
+ :rows="3"
+ placeholder="璇疯緭鍏ラ殣鎮ｆ弿杩�" />
+ </el-form-item>
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="闅愭偅绛夌骇"
+ prop="hazardLevel">
+ <el-select v-model="hazardForm.hazardLevel"
+ placeholder="璇烽�夋嫨闅愭偅绛夌骇"
+ style="width: 100%">
+ <el-option label="涓�鑸�" value="涓�鑸�" />
+ <el-option label="閲嶅ぇ" value="閲嶅ぇ" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="闅愭偅浣嶇疆"
+ prop="hazardLocation">
+ <el-input v-model="hazardForm.hazardLocation"
+ placeholder="璇疯緭鍏ラ殣鎮ｄ綅缃�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <template #footer>
+ <span class="dialog-footer">
+ <el-button type="primary"
+ @click="submitHazardForm">纭畾</el-button>
+ <el-button @click="hazardFormVisible = false">鍙栨秷</el-button>
+ </span>
+ </template>
+ </el-dialog>
+
+ <!-- 鏁存敼琛ㄥ崟 -->
+ <el-dialog v-model="rectifyFormVisible"
+ title="鏁存敼"
+ width="500px"
+ append-to-body
+ :close-on-click-modal="false">
+ <el-form ref="rectifyFormRef"
+ :model="rectifyForm"
+ label-width="100px">
+ <el-form-item label="鏁存敼璇存槑"
+ prop="rectifyDesc">
+ <el-input v-model="rectifyForm.rectifyDesc"
+ type="textarea"
+ :rows="4"
+ placeholder="璇疯緭鍏ユ暣鏀硅鏄�" />
+ </el-form-item>
+ </el-form>
+ <template #footer>
+ <span class="dialog-footer">
+ <el-button type="primary"
+ @click="submitRectifyForm">纭畾</el-button>
+ <el-button @click="rectifyFormVisible = false">鍙栨秷</el-button>
+ </span>
+ </template>
+ </el-dialog>
</el-dialog>
</div>
</template>
<script setup>
-import { ref, reactive, onMounted } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
+import { Search } from "@element-plus/icons-vue";
+import { nextTick, onMounted, ref, reactive, toRefs } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import PIMTable from "@/components/PIMTable/PIMTable.vue";
+import { userListNoPage } from "@/api/system/user.js";
import {
getLineInspectionList,
- addOrEditLineInspection,
+ addLineInspection,
+ updateLineInspection,
deleteLineInspection,
- exportLineInspection
-} from '@/api/safeProduction/lineInspection'
-import { getDeviceLedger } from '@/api/equipmentManagement/ledger'
-
-// 鎼滅储琛ㄥ崟
-const searchForm = reactive({
- taskName: '',
- routeName: '',
- inspector: '',
- status: ''
-})
-
-// 鍒嗛〉鏁版嵁
-const pagination = reactive({
- currentPage: 1,
- pageSize: 10,
- total: 0
-})
-
-// 鍒楄〃鏁版嵁
-const inspectionList = ref([])
-
-// 璁惧閫夐」
-const deviceOptions = ref([])
-
-// 瀵硅瘽妗嗙姸鎬�
-const showDialog = ref(false)
-const dialogTitle = ref('鏂板宸℃')
-
-// 琛ㄥ崟鏁版嵁
-const form = reactive({
- id: null,
- taskName: '',
- routeName: '',
- deviceId: null,
- inspector: '',
- inspectionTime: '',
- inspectionResult: '',
- hazardDescription: '',
- remarks: ''
-})
+ completeLineInspection,
+ getInspectionRecords,
+ addInspectionRecord,
+ getHazardsByInspectionId,
+ addInspectionHazard,
+ updateInspectionHazard
+} from "@/api/safeProduction/lineInspection";
// 琛ㄥ崟楠岃瘉瑙勫垯
-const formRules = reactive({
- taskName: [{ required: true, message: '璇疯緭鍏ヤ换鍔″悕绉�', trigger: 'blur' }],
- routeName: [{ required: true, message: '璇疯緭鍏ョ嚎璺悕绉�', trigger: 'blur' }],
- inspector: [{ required: true, message: '璇疯緭鍏ュ贰妫�浜�', trigger: 'blur' }]
-})
+const rules = {
+ inspectionCode: [{ required: true, message: "璇疯緭鍏ュ贰妫�缂栧彿", trigger: "blur" }],
+ inspectionName: [{ required: true, message: "璇疯緭鍏ュ贰妫�鍚嶇О", trigger: "blur" }],
+ lineName: [{ required: true, message: "璇疯緭鍏ョ嚎璺悕绉�", trigger: "blur" }]
+};
-const formRef = ref(null)
+const recordRules = {
+ checkPoint: [{ required: true, message: "璇疯緭鍏ユ鏌ョ偣", trigger: "blur" }],
+ checkContent: [{ required: true, message: "璇疯緭鍏ユ鏌ュ唴瀹�", trigger: "blur" }],
+ checkResult: [{ required: true, message: "璇烽�夋嫨妫�鏌ョ粨鏋�", trigger: "change" }]
+};
-// 鑾峰彇鐘舵�佹爣绛剧被鍨�
-const getStatusType = (status) => {
- const map = {
- '寰呭贰妫�': 'info',
- '杩涜涓�': 'warning',
- '宸插畬鎴�': 'success'
- }
- return map[status] || 'info'
-}
+const hazardRules = {
+ hazardDesc: [{ required: true, message: "璇疯緭鍏ラ殣鎮ｆ弿杩�", trigger: "blur" }],
+ hazardLevel: [{ required: true, message: "璇烽�夋嫨闅愭偅绛夌骇", trigger: "change" }],
+ hazardLocation: [{ required: true, message: "璇疯緭鍏ラ殣鎮ｄ綅缃�", trigger: "blur" }]
+};
-// 鑾峰彇宸℃鍒楄〃
-const fetchList = async () => {
- try {
- const params = {
- ...searchForm,
- current: pagination.currentPage,
- size: pagination.pageSize
- }
- const res = await getLineInspectionList(params)
- if (res.code === 200) {
- inspectionList.value = res.data.records || []
- pagination.total = res.data.total || 0
- } else {
- ElMessage.error(res.message || '鑾峰彇鍒楄〃澶辫触')
- }
- } catch (error) {
- ElMessage.error('鑾峰彇鍒楄〃澶辫触')
- }
-}
-
-// 鑾峰彇璁惧鍒楄〃
-const fetchDeviceOptions = async () => {
- try {
- const res = await getDeviceLedger()
- if (res.code === 200) {
- deviceOptions.value = res.data || []
- }
- } catch (error) {
- console.error('鑾峰彇璁惧鍒楄〃澶辫触')
- }
-}
-
-// 鎼滅储
-const handleSearch = () => {
- pagination.currentPage = 1
- fetchList()
-}
-
-// 閲嶇疆鎼滅储
-const resetSearch = () => {
- Object.assign(searchForm, {
- taskName: '',
- routeName: '',
- inspector: '',
- status: ''
- })
- handleSearch()
-}
-
-// 鏂板
-const handleAdd = () => {
- dialogTitle.value = '鏂板宸℃'
- Object.assign(form, {
+// 鍝嶅簲寮忔暟鎹�
+const data = reactive({
+ searchForm: {
+ inspectionCode: "",
+ inspectionName: "",
+ lineName: "",
+ status: ""
+ },
+ tableLoading: false,
+ page: {
+ current: 1,
+ size: 20,
+ total: 0
+ },
+ tableData: [],
+ selectedIds: [],
+ form: {
id: null,
- taskName: '',
- routeName: '',
- deviceId: null,
- inspector: '',
- inspectionTime: '',
- inspectionResult: '',
- hazardDescription: '',
- remarks: ''
- })
- showDialog.value = true
-}
-
-// 缂栬緫
-const handleEdit = (row) => {
- dialogTitle.value = '缂栬緫宸℃'
- Object.assign(form, {
- id: row.id,
- taskName: row.taskName,
- routeName: row.routeName,
- deviceId: row.deviceId,
- inspector: row.inspector,
- inspectionTime: row.inspectionTime,
- inspectionResult: row.inspectionResult,
- hazardDescription: row.hazardDescription,
- remarks: row.remarks
- })
- showDialog.value = true
-}
-
-// 鍒犻櫎
-const handleDelete = async (row) => {
- try {
- await ElMessageBox.confirm('纭鍒犻櫎璇ュ贰妫�璁板綍鍚楋紵', '鎻愮ず', {
- type: 'warning'
- })
- const res = await deleteLineInspection([row.id])
- if (res.code === 200) {
- ElMessage.success('鍒犻櫎鎴愬姛')
- fetchList()
- } else {
- ElMessage.error(res.message || '鍒犻櫎澶辫触')
- }
- } catch (error) {
- // 鍙栨秷鍒犻櫎
+ inspectionCode: "",
+ inspectionName: "",
+ lineName: "",
+ inspectionType: "",
+ planTime: "",
+ inspectorId: "",
+ inspectorIds: [],
+ remark: ""
+ },
+ dialogVisible: false,
+ dialogTitle: "",
+ dialogType: "add",
+ // 宸℃璁板綍
+ currentInspectionId: null,
+ recordDialogVisible: false,
+ recordFormVisible: false,
+ recordList: [],
+ recordForm: {
+ inspectionId: null,
+ checkPoint: "",
+ checkContent: "",
+ checkResult: "姝ｅ父",
+ checkDesc: "",
+ checkTime: ""
+ },
+ // 闅愭偅绠＄悊
+ hazardDialogVisible: false,
+ hazardFormVisible: false,
+ hazardDialogTitle: "涓婃姤闅愭偅",
+ hazardList: [],
+ hazardForm: {
+ id: null,
+ inspectionId: null,
+ hazardDesc: "",
+ hazardLevel: "",
+ hazardLocation: ""
+ },
+ rectifyFormVisible: false,
+ rectifyForm: {
+ id: null,
+ rectifyDesc: ""
}
-}
+});
+
+const {
+ searchForm,
+ tableLoading,
+ page,
+ tableData,
+ selectedIds,
+ form,
+ dialogVisible,
+ dialogTitle,
+ dialogType,
+ currentInspectionId,
+ recordDialogVisible,
+ recordFormVisible,
+ recordList,
+ recordForm,
+ hazardDialogVisible,
+ hazardFormVisible,
+ hazardDialogTitle,
+ hazardList,
+ hazardForm,
+ rectifyFormVisible,
+ rectifyForm
+} = toRefs(data);
+
+// 琛ㄥ崟寮曠敤
+const formRef = ref();
+const recordFormRef = ref();
+const hazardFormRef = ref();
+const rectifyFormRef = ref();
+const userList = ref([]);
+
+// 琛ㄦ牸鍒楅厤缃�
+const tableColumn = ref([
+ {
+ label: "宸℃缂栧彿",
+ prop: "inspectionCode",
+ showOverflowTooltip: true,
+ minWidth: 150
+ },
+ {
+ label: "宸℃鍚嶇О",
+ prop: "inspectionName",
+ showOverflowTooltip: true,
+ minWidth: 180
+ },
+ {
+ label: "绾胯矾鍚嶇О",
+ prop: "lineName",
+ showOverflowTooltip: true,
+ minWidth: 150
+ },
+ {
+ label: "宸℃绫诲瀷",
+ prop: "inspectionType",
+ showOverflowTooltip: true,
+ minWidth: 100
+ },
+ {
+ label: "璁″垝宸℃鏃堕棿",
+ prop: "planTime",
+ showOverflowTooltip: true,
+ minWidth: 180
+ },
+ {
+ label: "宸℃浜�",
+ prop: "inspectorName",
+ showOverflowTooltip: true,
+ minWidth: 100
+ },
+ {
+ label: "鐘舵��",
+ prop: "status",
+ minWidth: 100,
+ dataType: "tag",
+ formatType: params => {
+ const typeMap = {
+ 寰呭贰妫�: "info",
+ 宸℃涓�: "warning",
+ 宸插畬鎴�: "success"
+ };
+ return typeMap[params] || "info";
+ }
+ },
+ {
+ dataType: "action",
+ label: "鎿嶄綔",
+ align: "center",
+ fixed: "right",
+ width: 350,
+ operation: [
+ {
+ name: "缂栬緫",
+ type: "text",
+ clickFun: row => {
+ openForm("edit", row);
+ },
+ show: row => row.status === "寰呭贰妫�"
+ },
+ {
+ name: "宸℃璁板綍",
+ type: "text",
+ clickFun: row => {
+ openRecordDialog(row);
+ }
+ },
+ {
+ name: "闅愭偅绠＄悊",
+ type: "text",
+ clickFun: row => {
+ openHazardDialog(row);
+ }
+ },
+ {
+ name: "瀹屾垚宸℃",
+ type: "text",
+ style: { color: "#67C23A" },
+ clickFun: row => {
+ handleComplete(row);
+ },
+ show: row => row.status === "宸℃涓�"
+ },
+ {
+ name: "鍒犻櫎",
+ type: "text",
+ style: { color: "#F56C6C" },
+ clickFun: row => {
+ handleDelete(row);
+ },
+ show: row => row.status === "寰呭贰妫�"
+ }
+ ]
+ }
+]);
+
+// 鐢熷懡鍛ㄦ湡
+onMounted(() => {
+ getList();
+ userListNoPage().then(res => {
+ userList.value = res.data;
+ });
+});
+
+// 寮圭獥鍥哄畾楂樺害澶勭悊
+const setDialogFixedHeight = () => {
+ setTimeout(() => {
+ // 鐩存帴鍦� body 涓婃壘鎵�鏈� el-dialog锛坱eleport 娓叉煋鍒� body锛�
+ const dialogs = document.body.querySelectorAll('.el-dialog');
+ const dialog = dialogs[dialogs.length - 1]; // 鏈�鍚庝竴涓氨鏄垰鎵撳紑鐨�
+ if (!dialog) return;
+ Object.assign(dialog.style, {
+ height: '70vh',
+ maxHeight: '70vh',
+ overflow: 'hidden',
+ display: 'flex',
+ flexDirection: 'column'
+ });
+ const body = dialog.querySelector('.el-dialog__body');
+ if (body) {
+ Object.assign(body.style, { flex: '1', overflow: 'hidden' });
+ }
+ const wrapper = dialog.querySelector('.dialog-table-wrapper');
+ if (wrapper) {
+ Object.assign(wrapper.style, { flex: '1', overflowY: 'auto' });
+ }
+ }, 100);
+};
+
+const recordDialogRef = ref(null);
+const hazardDialogRef = ref(null);
+
+const onRecordDialogOpen = () => setDialogFixedHeight();
+const onHazardDialogOpen = () => setDialogFixedHeight();
+const handleQuery = () => {
+ page.value.current = 1;
+ getList();
+};
+
+const getList = () => {
+ tableLoading.value = true;
+ getLineInspectionList({ ...page.value, ...searchForm.value })
+ .then(res => {
+ tableLoading.value = false;
+ tableData.value = res.data.records;
+ page.value.total = res.data.total;
+ })
+ .catch(() => {
+ tableLoading.value = false;
+ });
+};
+
+// 鍒嗛〉澶勭悊
+const pagination = obj => {
+ page.value.current = obj.page;
+ page.value.size = obj.limit;
+ getList();
+};
+
+// 閫夋嫨鍙樺寲澶勭悊
+const handleSelectionChange = selection => {
+ selectedIds.value = selection.map(item => item.id);
+};
+
+// 鑾峰彇闅愭偅鐘舵�佺被鍨�
+const getHazardStatusType = status => {
+ const map = {
+ 寰呮暣鏀�: "danger",
+ 鏁存敼涓�: "warning",
+ 宸叉暣鏀�: "success"
+ };
+ return map[status] || "info";
+};
+
+// 鎵撳紑琛ㄥ崟
+const openForm = (type, row = null) => {
+ dialogType.value = type;
+ if (type === "add") {
+ dialogTitle.value = "鏂板宸℃浠诲姟";
+ Object.assign(form.value, {
+ id: null,
+ inspectionCode: "",
+ inspectionName: "",
+ lineName: "",
+ inspectionType: "",
+ planTime: "",
+ inspectorId: "",
+ inspectorIds: [],
+ remark: ""
+ });
+ } else if (type === "edit" && row) {
+ dialogTitle.value = "缂栬緫宸℃浠诲姟";
+ // 灏嗛�楀彿鍒嗛殧鐨処D瀛楃涓茶浆鎹负鏁扮粍
+ const inspectorIds = row.inspectorId
+ ? row.inspectorId.split(",").map(id => parseInt(id.trim())).filter(id => !isNaN(id))
+ : [];
+ Object.assign(form.value, {
+ id: row.id,
+ inspectionCode: row.inspectionCode,
+ inspectionName: row.inspectionName,
+ lineName: row.lineName,
+ inspectionType: row.inspectionType,
+ planTime: row.planTime,
+ inspectorId: row.inspectorId,
+ inspectorIds: inspectorIds,
+ remark: row.remark
+ });
+ }
+ dialogVisible.value = true;
+};
// 鎻愪氦琛ㄥ崟
const submitForm = async () => {
- if (!formRef.value) return
try {
- await formRef.value.validate()
- const res = await addOrEditLineInspection(form)
+ await formRef.value.validate();
+ // 灏嗘暟缁勮浆鎹负閫楀彿鍒嗛殧鐨勫瓧绗︿覆
+ const submitData = {
+ ...form.value,
+ inspectorId: form.value.inspectorIds ? form.value.inspectorIds.join(",") : ""
+ };
+ delete submitData.inspectorIds;
+
+ const api = dialogType.value === "add" ? addLineInspection : updateLineInspection;
+ const res = await api(submitData);
if (res.code === 200) {
- ElMessage.success('鎿嶄綔鎴愬姛')
- showDialog.value = false
- fetchList()
+ ElMessage.success(dialogType.value === "add" ? "娣诲姞鎴愬姛" : "鏇存柊鎴愬姛");
+ dialogVisible.value = false;
+ getList();
} else {
- ElMessage.error(res.message || '鎿嶄綔澶辫触')
+ ElMessage.error(res.msg || "鎿嶄綔澶辫触");
}
} catch (error) {
- ElMessage.error('璇峰～鍐欏畬鏁磋〃鍗曚俊鎭�')
+ console.error("琛ㄥ崟楠岃瘉澶辫触:", error);
}
-}
+};
-// 瀵煎嚭
-const handleExport = async () => {
+// 鍒犻櫎
+const handleDelete = row => {
+ ElMessageBox.confirm("纭鍒犻櫎璇ュ贰妫�浠诲姟鍚楋紵", "鍒犻櫎", {
+ confirmButtonText: "纭",
+ cancelButtonText: "鍙栨秷",
+ type: "warning"
+ })
+ .then(async () => {
+ const res = await deleteLineInspection([row.id]);
+ if (res.code === 200) {
+ ElMessage.success("鍒犻櫎鎴愬姛");
+ getList();
+ } else {
+ ElMessage.error(res.msg || "鍒犻櫎澶辫触");
+ }
+ })
+ .catch(() => {});
+};
+
+// 瀹屾垚宸℃
+const handleComplete = row => {
+ ElMessageBox.confirm("纭瀹屾垚璇ュ贰妫�浠诲姟鍚楋紵", "瀹屾垚宸℃", {
+ confirmButtonText: "纭",
+ cancelButtonText: "鍙栨秷",
+ type: "warning"
+ })
+ .then(async () => {
+ const res = await completeLineInspection(row.id);
+ if (res.code === 200) {
+ ElMessage.success("宸℃宸插畬鎴�");
+ getList();
+ } else {
+ ElMessage.error(res.msg || "鎿嶄綔澶辫触");
+ }
+ })
+ .catch(() => {});
+};
+
+// 鎵撳紑宸℃璁板綍寮圭獥
+const openRecordDialog = row => {
+ currentInspectionId.value = row.id;
+ fetchRecords(row.id);
+ recordDialogVisible.value = true;
+};
+
+// 鑾峰彇宸℃璁板綍
+const fetchRecords = async inspectionId => {
+ const res = await getInspectionRecords(inspectionId);
+ if (res.code === 200) {
+ recordList.value = res.data || [];
+ }
+};
+
+// 鎵撳紑璁板綍琛ㄥ崟
+const openRecordForm = () => {
+ Object.assign(recordForm.value, {
+ inspectionId: currentInspectionId.value,
+ checkPoint: "",
+ checkContent: "",
+ checkResult: "姝ｅ父",
+ checkDesc: "",
+ checkTime: ""
+ });
+ recordFormVisible.value = true;
+};
+
+// 鎻愪氦璁板綍琛ㄥ崟
+const submitRecordForm = async () => {
try {
- const res = await exportLineInspection(searchForm)
- const blob = new Blob([res])
- const url = window.URL.createObjectURL(blob)
- const link = document.createElement('a')
- link.href = url
- link.download = '绾胯矾宸℃璁板綍.xlsx'
- link.click()
- window.URL.revokeObjectURL(url)
- ElMessage.success('瀵煎嚭鎴愬姛')
+ await recordFormRef.value.validate();
+ const res = await addInspectionRecord({ ...recordForm.value });
+ if (res.code === 200) {
+ ElMessage.success("娣诲姞鎴愬姛");
+ recordFormVisible.value = false;
+ fetchRecords(currentInspectionId.value);
+ } else {
+ ElMessage.error(res.msg || "娣诲姞澶辫触");
+ }
} catch (error) {
- ElMessage.error('瀵煎嚭澶辫触')
+ console.error("琛ㄥ崟楠岃瘉澶辫触:", error);
}
-}
+};
-// 鍒嗛〉澶у皬鏀瑰彉
-const handleSizeChange = (val) => {
- pagination.pageSize = val
- fetchList()
-}
+// 鎵撳紑闅愭偅绠＄悊寮圭獥
+const openHazardDialog = row => {
+ currentInspectionId.value = row.id;
+ fetchHazards(row.id);
+ hazardDialogVisible.value = true;
+};
-// 褰撳墠椤垫敼鍙�
-const handleCurrentChange = (val) => {
- pagination.currentPage = val
- fetchList()
-}
+// 鑾峰彇闅愭偅鍒楄〃
+const fetchHazards = async inspectionId => {
+ const res = await getHazardsByInspectionId(inspectionId);
+ if (res.code === 200) {
+ hazardList.value = res.data || [];
+ }
+};
-onMounted(() => {
- fetchList()
- fetchDeviceOptions()
-})
+// 鎵撳紑闅愭偅琛ㄥ崟
+const openHazardForm = (type, row = null) => {
+ if (type === "add") {
+ hazardDialogTitle.value = "涓婃姤闅愭偅";
+ Object.assign(hazardForm.value, {
+ id: null,
+ inspectionId: currentInspectionId.value,
+ hazardDesc: "",
+ hazardLevel: "",
+ hazardLocation: ""
+ });
+ } else {
+ hazardDialogTitle.value = "缂栬緫闅愭偅";
+ Object.assign(hazardForm.value, {
+ id: row.id,
+ inspectionId: row.inspectionId,
+ hazardDesc: row.hazardDesc,
+ hazardLevel: row.hazardLevel,
+ hazardLocation: row.hazardLocation
+ });
+ }
+ hazardFormVisible.value = true;
+};
+
+// 鎻愪氦闅愭偅琛ㄥ崟
+const submitHazardForm = async () => {
+ try {
+ await hazardFormRef.value.validate();
+ const api = hazardForm.value.id ? updateInspectionHazard : addInspectionHazard;
+ const res = await api({ ...hazardForm.value });
+ if (res.code === 200) {
+ ElMessage.success("鎿嶄綔鎴愬姛");
+ hazardFormVisible.value = false;
+ fetchHazards(currentInspectionId.value);
+ } else {
+ ElMessage.error(res.msg || "鎿嶄綔澶辫触");
+ }
+ } catch (error) {
+ console.error("琛ㄥ崟楠岃瘉澶辫触:", error);
+ }
+};
+
+// 鏁存敼
+const handleRectify = row => {
+ Object.assign(rectifyForm.value, {
+ id: row.id,
+ rectifyDesc: ""
+ });
+ rectifyFormVisible.value = true;
+};
+
+// 鎻愪氦鏁存敼琛ㄥ崟
+const submitRectifyForm = async () => {
+ const res = await updateInspectionHazard({
+ id: rectifyForm.value.id,
+ status: "宸叉暣鏀�",
+ rectifyDesc: rectifyForm.value.rectifyDesc
+ });
+ if (res.code === 200) {
+ ElMessage.success("鏁存敼鎴愬姛");
+ rectifyFormVisible.value = false;
+ fetchHazards(currentInspectionId.value);
+ } else {
+ ElMessage.error(res.msg || "鏁存敼澶辫触");
+ }
+};
</script>
<style scoped>
-.line-inspection {
- padding: 20px;
+.search_title {
+ font-size: 14px;
+ color: #606266;
}
-.search-area {
- background: #f5f7fa;
- padding: 20px;
- border-radius: 4px;
- margin-bottom: 15px;
+.mb10 {
+ margin-bottom: 10px;
}
-.actions {
- margin-bottom: 15px;
+.mb20 {
+ margin-bottom: 20px;
}
-.pagination {
- margin-top: 20px;
- display: flex;
- justify-content: flex-end;
+.ml10 {
+ margin-left: 10px;
}
</style>
diff --git a/src/views/safeProduction/safetyFacility/index.vue b/src/views/safeProduction/safetyFacility/index.vue
index 02a0342..f707580 100644
--- a/src/views/safeProduction/safetyFacility/index.vue
+++ b/src/views/safeProduction/safetyFacility/index.vue
@@ -1,151 +1,367 @@
<template>
- <div class="safety-facility">
- <!-- 鎼滅储鍖哄煙 -->
- <div class="search-area">
- <el-form :inline="true" :model="searchForm">
- <el-form-item label="璁炬柦鍚嶇О">
- <el-input v-model="searchForm.facilityName" placeholder="璇疯緭鍏ヨ鏂藉悕绉�" clearable />
- </el-form-item>
- <el-form-item label="璁炬柦绫诲瀷">
- <el-select v-model="searchForm.facilityType" placeholder="璇烽�夋嫨绫诲瀷" clearable>
- <el-option label="娑堥槻鍣ㄦ潗" value="娑堥槻鍣ㄦ潗" />
- <el-option label="瀹夊叏璁惧" value="瀹夊叏璁惧" />
- <el-option label="闃叉姢鐢ㄥ搧" value="闃叉姢鐢ㄥ搧" />
- <el-option label="鐩戞帶璁惧" value="鐩戞帶璁惧" />
- </el-select>
- </el-form-item>
- <el-form-item label="鐘舵��">
- <el-select v-model="searchForm.status" placeholder="璇烽�夋嫨鐘舵��" clearable>
- <el-option label="姝ｅ父" value="姝ｅ父" />
- <el-option label="寮傚父" value="寮傚父" />
- <el-option label="鍋滅敤" value="鍋滅敤" />
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-button type="primary" @click="handleSearch">鎼滅储</el-button>
- <el-button @click="resetSearch">閲嶇疆</el-button>
- </el-form-item>
- </el-form>
- </div>
+ <div class="app-container">
+ <el-tabs v-model="activeTab" @tab-click="handleTabClick">
+ <!-- 瀹夊叏璁炬柦鍙拌处 -->
+ <el-tab-pane label="瀹夊叏璁炬柦鍙拌处" name="ledger">
+ <div class="search_form mb20">
+ <div>
+ <span class="search_title">璁炬柦缂栧彿锛�</span>
+ <el-input v-model="ledgerSearchForm.facilityCode"
+ style="width: 200px"
+ placeholder="璇疯緭鍏ヨ鏂界紪鍙�"
+ @change="handleLedgerQuery"
+ clearable
+ :prefix-icon="Search" />
+ <span class="search_title ml10">璁炬柦鍚嶇О锛�</span>
+ <el-input v-model="ledgerSearchForm.facilityName"
+ style="width: 200px"
+ placeholder="璇疯緭鍏ヨ鏂藉悕绉�"
+ @change="handleLedgerQuery"
+ clearable
+ :prefix-icon="Search" />
+ <span class="search_title ml10">璁炬柦绫诲瀷锛�</span>
+ <el-select v-model="ledgerSearchForm.facilityType"
+ clearable
+ @change="handleLedgerQuery"
+ style="width: 150px">
+ <el-option label="娑堥槻鍣ㄦ潗" value="娑堥槻鍣ㄦ潗" />
+ <el-option label="瀹夊叏璁惧" value="瀹夊叏璁惧" />
+ <el-option label="闃叉姢鐢ㄥ搧" value="闃叉姢鐢ㄥ搧" />
+ <el-option label="鐩戞帶璁惧" value="鐩戞帶璁惧" />
+ </el-select>
+ <span class="search_title ml10">鐘舵�侊細</span>
+ <el-select v-model="ledgerSearchForm.status"
+ clearable
+ @change="handleLedgerQuery"
+ style="width: 120px">
+ <el-option label="姝ｅ父" value="姝ｅ父" />
+ <el-option label="寮傚父" value="寮傚父" />
+ <el-option label="鎶ュ簾" value="鎶ュ簾" />
+ </el-select>
+ <el-button type="primary"
+ @click="handleLedgerQuery"
+ style="margin-left: 10px">
+ 鎼滅储
+ </el-button>
+ </div>
+ <div>
+ <el-button type="primary"
+ @click="openLedgerForm('add')">鏂板璁炬柦</el-button>
+ </div>
+ </div>
- <!-- 鎿嶄綔鎸夐挳 -->
- <div class="actions">
- <el-button type="primary" @click="handleAdd">鏂板璁炬柦</el-button>
- <el-button type="success" @click="handleExport">瀵煎嚭</el-button>
- </div>
+ <div class="table_list">
+ <PIMTable rowKey="id"
+ :column="ledgerTableColumn"
+ :tableData="ledgerTableData"
+ :page="ledgerPage"
+ :isSelection="true"
+ @selection-change="handleLedgerSelectionChange"
+ :tableLoading="ledgerTableLoading"
+ @pagination="ledgerPagination"
+ :total="ledgerPage.total"></PIMTable>
+ </div>
+ </el-tab-pane>
- <!-- 璁炬柦鍒楄〃 -->
- <el-table :data="facilityList" style="width: 100%; margin-top: 10px;" border>
- <el-table-column prop="facilityName" label="璁炬柦鍚嶇О" width="180" />
- <el-table-column prop="facilityType" label="璁炬柦绫诲瀷" width="120" />
- <el-table-column prop="location" label="鎵�鍦ㄤ綅缃�" width="200" />
- <el-table-column prop="deviceName" label="鍏宠仈璁惧" width="150" />
- <el-table-column prop="status" label="鐘舵��" width="100">
- <template #default="{ row }">
- <el-tag :type="getFacilityStatusType(row.status)">
- {{ row.status }}
- </el-tag>
- </template>
- </el-table-column>
- <el-table-column prop="lastInspectionTime" label="涓婃宸℃" width="180" />
- <el-table-column prop="nextInspectionTime" label="涓嬫宸℃" width="180" />
- <el-table-column prop="responsibilityPerson" label="璐ｄ换浜�" width="120" />
- <el-table-column label="鎿嶄綔" width="250" fixed="right">
- <template #default="{ row }">
- <el-button type="primary" link @click="handleEdit(row)">缂栬緫</el-button>
- <el-button type="warning" link @click="handleInspection(row)">宸℃</el-button>
- <el-button type="danger" link @click="handleDelete(row)">鍒犻櫎</el-button>
- </template>
- </el-table-column>
- </el-table>
+ <!-- 瀹夊叏璁炬柦宸℃ -->
+ <el-tab-pane label="瀹夊叏璁炬柦宸℃" name="inspection">
+ <div class="search_form mb20">
+ <div>
+ <span class="search_title">宸℃缂栧彿锛�</span>
+ <el-input v-model="inspectionSearchForm.inspectionCode"
+ style="width: 200px"
+ placeholder="璇疯緭鍏ュ贰妫�缂栧彿"
+ @change="handleInspectionQuery"
+ clearable
+ :prefix-icon="Search" />
+ <span class="search_title ml10">鐘舵�侊細</span>
+ <el-select v-model="inspectionSearchForm.status"
+ clearable
+ @change="handleInspectionQuery"
+ style="width: 150px">
+ <el-option label="寰呭贰妫�" value="寰呭贰妫�" />
+ <el-option label="宸插贰妫�" value="宸插贰妫�" />
+ </el-select>
+ <el-button type="primary"
+ @click="handleInspectionQuery"
+ style="margin-left: 10px">
+ 鎼滅储
+ </el-button>
+ </div>
+ </div>
- <!-- 鍒嗛〉 -->
- <div class="pagination">
- <el-pagination
- v-model:current-page="pagination.currentPage"
- v-model:page-size="pagination.pageSize"
- :page-sizes="[10, 20, 50, 100]"
- :total="pagination.total"
- layout="total, sizes, prev, pager, next, jumper"
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- />
- </div>
+ <div class="table_list">
+ <PIMTable rowKey="id"
+ :column="inspectionTableColumn"
+ :tableData="inspectionTableData"
+ :page="inspectionPage"
+ :isSelection="false"
+ :tableLoading="inspectionTableLoading"
+ @pagination="inspectionPagination"
+ :total="inspectionPage.total"></PIMTable>
+ </div>
+ </el-tab-pane>
- <!-- 鏂板/缂栬緫瀵硅瘽妗� -->
- <el-dialog :title="dialogTitle" v-model="showDialog" width="600px">
- <el-form :model="form" :rules="formRules" ref="formRef" label-width="100px">
- <el-form-item label="璁炬柦鍚嶇О" prop="facilityName">
- <el-input v-model="form.facilityName" placeholder="璇疯緭鍏ヨ鏂藉悕绉�" />
- </el-form-item>
- <el-form-item label="璁炬柦绫诲瀷" prop="facilityType">
- <el-select v-model="form.facilityType" placeholder="璇烽�夋嫨绫诲瀷">
- <el-option label="娑堥槻鍣ㄦ潗" value="娑堥槻鍣ㄦ潗" />
- <el-option label="瀹夊叏璁惧" value="瀹夊叏璁惧" />
- <el-option label="闃叉姢鐢ㄥ搧" value="闃叉姢鐢ㄥ搧" />
- <el-option label="鐩戞帶璁惧" value="鐩戞帶璁惧" />
- </el-select>
- </el-form-item>
- <el-form-item label="鎵�鍦ㄤ綅缃�" prop="location">
- <el-input v-model="form.location" placeholder="璇疯緭鍏ユ墍鍦ㄤ綅缃�" />
- </el-form-item>
- <el-form-item label="鍏宠仈璁惧">
- <el-select v-model="form.deviceId" placeholder="璇烽�夋嫨璁惧" clearable>
- <el-option
- v-for="item in deviceOptions"
- :key="item.id"
- :label="item.deviceName"
- :value="item.id"
- />
- </el-select>
- </el-form-item>
- <el-form-item label="璐ｄ换閮ㄩ棬">
- <el-input v-model="form.responsibilityDept" placeholder="璇疯緭鍏ヨ矗浠婚儴闂�" />
- </el-form-item>
- <el-form-item label="璐ｄ换浜�">
- <el-input v-model="form.responsibilityPerson" placeholder="璇疯緭鍏ヨ矗浠讳汉" />
- </el-form-item>
- <el-form-item label="涓嬫宸℃">
- <el-date-picker
- v-model="form.nextInspectionTime"
- type="datetime"
- placeholder="璇烽�夋嫨涓嬫宸℃鏃堕棿"
- format="YYYY-MM-DD HH:mm:ss"
- value-format="YYYY-MM-DD HH:mm:ss"
- />
- </el-form-item>
- <el-form-item label="澶囨敞">
- <el-input type="textarea" v-model="form.remarks" placeholder="璇疯緭鍏ュ娉�" />
+ <!-- 鏁存敼璺熻釜 -->
+ <el-tab-pane label="鏁存敼璺熻釜" name="rectification">
+ <div class="search_form mb20">
+ <div>
+ <span class="search_title">鐘舵�侊細</span>
+ <el-select v-model="rectificationSearchForm.status"
+ clearable
+ @change="handleRectificationQuery"
+ style="width: 150px">
+ <el-option label="寰呮暣鏀�" value="寰呮暣鏀�" />
+ <el-option label="鏁存敼涓�" value="鏁存敼涓�" />
+ <el-option label="宸叉暣鏀�" value="宸叉暣鏀�" />
+ <el-option label="宸查獙鏀�" value="宸查獙鏀�" />
+ </el-select>
+ <el-button type="primary"
+ @click="handleRectificationQuery"
+ style="margin-left: 10px">
+ 鎼滅储
+ </el-button>
+ </div>
+ </div>
+
+ <div class="table_list">
+ <PIMTable rowKey="id"
+ :column="rectificationTableColumn"
+ :tableData="rectificationTableData"
+ :page="rectificationPage"
+ :isSelection="false"
+ :tableLoading="rectificationTableLoading"
+ @pagination="rectificationPagination"
+ :total="rectificationPage.total"></PIMTable>
+ </div>
+ </el-tab-pane>
+ </el-tabs>
+
+ <!-- 璁炬柦鍙拌处琛ㄥ崟寮圭獥 -->
+ <el-dialog v-model="ledgerDialogVisible"
+ :title="ledgerDialogTitle"
+ width="800px"
+ :close-on-click-modal="false">
+ <el-form ref="ledgerFormRef"
+ :model="ledgerForm"
+ :rules="ledgerRules"
+ label-width="120px">
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="璁炬柦缂栧彿"
+ prop="facilityCode">
+ <el-input v-model="ledgerForm.facilityCode"
+ placeholder="璇疯緭鍏ヨ鏂界紪鍙�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="璁炬柦鍚嶇О"
+ prop="facilityName">
+ <el-input v-model="ledgerForm.facilityName"
+ placeholder="璇疯緭鍏ヨ鏂藉悕绉�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="璁炬柦绫诲瀷"
+ prop="facilityType">
+ <el-select v-model="ledgerForm.facilityType"
+ placeholder="璇烽�夋嫨璁炬柦绫诲瀷"
+ style="width: 100%">
+ <el-option label="娑堥槻鍣ㄦ潗" value="娑堥槻鍣ㄦ潗" />
+ <el-option label="瀹夊叏璁惧" value="瀹夊叏璁惧" />
+ <el-option label="闃叉姢鐢ㄥ搧" value="闃叉姢鐢ㄥ搧" />
+ <el-option label="鐩戞帶璁惧" value="鐩戞帶璁惧" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="瑙勬牸鍨嬪彿"
+ prop="facilitySpec">
+ <el-input v-model="ledgerForm.facilitySpec"
+ placeholder="璇疯緭鍏ヨ鏍煎瀷鍙�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="瀹夎浣嶇疆"
+ prop="installLocation">
+ <el-input v-model="ledgerForm.installLocation"
+ placeholder="璇疯緭鍏ュ畨瑁呬綅缃�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="瀹夎鏃堕棿"
+ prop="installTime">
+ <el-date-picker v-model="ledgerForm.installTime"
+ type="date"
+ placeholder="璇烽�夋嫨瀹夎鏃堕棿"
+ format="YYYY-MM-DD"
+ value-format="YYYY-MM-DD"
+ style="width: 100%" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="鐢熶骇鏃ユ湡"
+ prop="productionDate">
+ <el-date-picker v-model="ledgerForm.productionDate"
+ type="date"
+ placeholder="璇烽�夋嫨鐢熶骇鏃ユ湡"
+ format="YYYY-MM-DD"
+ value-format="YYYY-MM-DD"
+ style="width: 100%" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鏈夋晥鏈�(澶�)"
+ prop="validPeriod">
+ <el-input-number v-model="ledgerForm.validPeriod"
+ :min="0"
+ placeholder="璇疯緭鍏ユ湁鏁堟湡"
+ style="width: 100%" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="鐘舵��"
+ prop="status">
+ <el-select v-model="ledgerForm.status"
+ placeholder="璇烽�夋嫨鐘舵��"
+ style="width: 100%">
+ <el-option label="姝ｅ父" value="姝ｅ父" />
+ <el-option label="寮傚父" value="寮傚父" />
+ <el-option label="鎶ュ簾" value="鎶ュ簾" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-form-item label="澶囨敞"
+ prop="remark">
+ <el-input v-model="ledgerForm.remark"
+ type="textarea"
+ :rows="3"
+ placeholder="璇疯緭鍏ュ娉�" />
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
- <el-button type="primary" @click="submitForm">纭畾</el-button>
- <el-button @click="showDialog = false">鍙栨秷</el-button>
+ <el-button type="primary"
+ @click="submitLedgerForm">纭畾</el-button>
+ <el-button @click="ledgerDialogVisible = false">鍙栨秷</el-button>
</span>
</template>
</el-dialog>
- <!-- 宸℃璁板綍瀵硅瘽妗� -->
- <el-dialog title="璁板綍宸℃缁撴灉" v-model="showInspectionDialog" width="500px">
- <el-form :model="inspectionForm" label-width="100px">
- <el-form-item label="璁炬柦鍚嶇О">
- <el-input v-model="inspectionForm.facilityName" disabled />
+ <!-- 宸℃琛ㄥ崟寮圭獥 -->
+ <el-dialog v-model="inspectionDialogVisible"
+ :title="inspectionDialogTitle"
+ width="600px"
+ :close-on-click-modal="false">
+ <el-form ref="inspectionFormRef"
+ :model="inspectionForm"
+ :rules="inspectionRules"
+ label-width="120px">
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="宸℃缂栧彿"
+ prop="inspectionCode">
+ <el-input v-model="inspectionForm.inspectionCode"
+ placeholder="璇疯緭鍏ュ贰妫�缂栧彿" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="宸℃绫诲瀷"
+ prop="inspectionType">
+ <el-select v-model="inspectionForm.inspectionType"
+ placeholder="璇烽�夋嫨宸℃绫诲瀷"
+ style="width: 100%">
+ <el-option label="瀹氭湡宸℃" value="瀹氭湡宸℃" />
+ <el-option label="涓存椂宸℃" value="涓存椂宸℃" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-form-item label="璁″垝宸℃鏃堕棿"
+ prop="planTime">
+ <el-date-picker v-model="inspectionForm.planTime"
+ type="datetime"
+ placeholder="璇烽�夋嫨璁″垝宸℃鏃堕棿"
+ format="YYYY-MM-DD HH:mm:ss"
+ value-format="YYYY-MM-DD HH:mm:ss"
+ style="width: 100%" />
</el-form-item>
- <el-form-item label="宸℃缁撴灉">
- <el-radio-group v-model="inspectionForm.status">
- <el-radio label="姝ｅ父">姝ｅ父</el-radio>
- <el-radio label="寮傚父">寮傚父</el-radio>
- </el-radio-group>
+ <template v-if="inspectionDialogTitle === '宸℃'">
+ <el-form-item label="妫�鏌ョ粨鏋�"
+ prop="checkResult">
+ <el-radio-group v-model="inspectionForm.checkResult">
+ <el-radio label="姝ｅ父">姝ｅ父</el-radio>
+ <el-radio label="寮傚父">寮傚父</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="妫�鏌ヨ鏄�">
+ <el-input v-model="inspectionForm.checkDesc"
+ type="textarea"
+ :rows="3"
+ placeholder="璇疯緭鍏ユ鏌ヨ鏄�" />
+ </el-form-item>
+ </template>
+ </el-form>
+ <template #footer>
+ <span class="dialog-footer">
+ <el-button type="primary"
+ @click="submitInspectionForm">纭畾</el-button>
+ <el-button @click="inspectionDialogVisible = false">鍙栨秷</el-button>
+ </span>
+ </template>
+ </el-dialog>
+
+ <!-- 鏁存敼琛ㄥ崟寮圭獥 -->
+ <el-dialog v-model="rectificationDialogVisible"
+ :title="rectificationDialogTitle"
+ width="600px"
+ :close-on-click-modal="false">
+ <el-form ref="rectificationFormRef"
+ :model="rectificationForm"
+ label-width="120px">
+ <template v-if="rectificationDialogTitle !== '楠屾敹'">
+ <el-form-item label="闂鎻忚堪">
+ <el-input v-model="rectificationForm.problemDesc"
+ type="textarea"
+ :rows="3"
+ placeholder="璇疯緭鍏ラ棶棰樻弿杩�" />
+ </el-form-item>
+ <el-form-item label="闂绛夌骇">
+ <el-select v-model="rectificationForm.problemLevel"
+ placeholder="璇烽�夋嫨闂绛夌骇"
+ style="width: 100%">
+ <el-option label="涓�鑸�" value="涓�鑸�" />
+ <el-option label="閲嶅ぇ" value="閲嶅ぇ" />
+ </el-select>
+ </el-form-item>
+ </template>
+ <el-form-item label="鏁存敼璇存槑" v-if="rectificationDialogTitle === '鏁存敼'">
+ <el-input v-model="rectificationForm.rectifyDesc"
+ type="textarea"
+ :rows="3"
+ placeholder="璇疯緭鍏ユ暣鏀硅鏄�" />
</el-form-item>
- <el-form-item label="宸℃璇存槑" v-if="inspectionForm.status === '寮傚父'">
- <el-input type="textarea" v-model="inspectionForm.description" placeholder="璇疯緭鍏ュ紓甯歌鏄�" />
+ <el-form-item label="楠屾敹璇存槑" v-if="rectificationDialogTitle === '楠屾敹'">
+ <el-input v-model="rectificationForm.verifyDesc"
+ type="textarea"
+ :rows="3"
+ placeholder="璇疯緭鍏ラ獙鏀惰鏄�" />
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
- <el-button type="primary" @click="submitInspection">纭畾</el-button>
- <el-button @click="showInspectionDialog = false">鍙栨秷</el-button>
+ <el-button type="primary"
+ @click="submitRectificationForm">纭畾</el-button>
+ <el-button @click="rectificationDialogVisible = false">鍙栨秷</el-button>
</span>
</template>
</el-dialog>
@@ -153,287 +369,442 @@
</template>
<script setup>
-import { ref, reactive, onMounted } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
+import { Search } from "@element-plus/icons-vue";
+import { onMounted, ref, reactive, toRefs } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import PIMTable from "@/components/PIMTable/PIMTable.vue";
import {
- getSafetyFacilityList,
- addOrEditSafetyFacility,
- deleteSafetyFacility,
- exportSafetyFacility
-} from '@/api/safeProduction/safetyFacility'
-import { getDeviceLedger } from '@/api/equipmentManagement/ledger'
-
-// 鎼滅储琛ㄥ崟
-const searchForm = reactive({
- facilityName: '',
- facilityType: '',
- status: ''
-})
-
-// 鍒嗛〉鏁版嵁
-const pagination = reactive({
- currentPage: 1,
- pageSize: 10,
- total: 0
-})
-
-// 鍒楄〃鏁版嵁
-const facilityList = ref([])
-
-// 璁惧閫夐」
-const deviceOptions = ref([])
-
-// 瀵硅瘽妗嗙姸鎬�
-const showDialog = ref(false)
-const dialogTitle = ref('鏂板璁炬柦')
-
-// 宸℃瀵硅瘽妗嗙姸鎬�
-const showInspectionDialog = ref(false)
-
-// 琛ㄥ崟鏁版嵁
-const form = reactive({
- id: null,
- facilityName: '',
- facilityType: '',
- location: '',
- deviceId: null,
- responsibilityDept: '',
- responsibilityPerson: '',
- nextInspectionTime: '',
- remarks: ''
-})
-
-// 宸℃琛ㄥ崟鏁版嵁
-const inspectionForm = reactive({
- id: null,
- facilityName: '',
- status: '姝ｅ父',
- description: ''
-})
+ getFacilityLedgerList,
+ addFacilityLedger,
+ updateFacilityLedger,
+ deleteFacilityLedger,
+ getFacilityInspectionList,
+ addFacilityInspection,
+ updateFacilityInspection,
+ deleteFacilityInspection,
+ getFacilityRectificationList,
+ addFacilityRectification,
+ updateFacilityRectification
+} from "@/api/safeProduction/safetyFacility";
// 琛ㄥ崟楠岃瘉瑙勫垯
-const formRules = reactive({
- facilityName: [{ required: true, message: '璇疯緭鍏ヨ鏂藉悕绉�', trigger: 'blur' }],
- facilityType: [{ required: true, message: '璇烽�夋嫨璁炬柦绫诲瀷', trigger: 'change' }],
- location: [{ required: true, message: '璇疯緭鍏ユ墍鍦ㄤ綅缃�', trigger: 'blur' }]
-})
+const ledgerRules = {
+ facilityCode: [{ required: true, message: "璇疯緭鍏ヨ鏂界紪鍙�", trigger: "blur" }],
+ facilityName: [{ required: true, message: "璇疯緭鍏ヨ鏂藉悕绉�", trigger: "blur" }],
+ facilityType: [{ required: true, message: "璇烽�夋嫨璁炬柦绫诲瀷", trigger: "change" }],
+ installLocation: [{ required: true, message: "璇疯緭鍏ュ畨瑁呬綅缃�", trigger: "blur" }]
+};
-const formRef = ref(null)
+const inspectionRules = {
+ inspectionCode: [{ required: true, message: "璇疯緭鍏ュ贰妫�缂栧彿", trigger: "blur" }]
+};
-// 鑾峰彇鐘舵�佹爣绛剧被鍨�
-const getFacilityStatusType = (status) => {
- const map = {
- '姝ｅ父': 'success',
- '寮傚父': 'danger',
- '鍋滅敤': 'info'
- }
- return map[status] || 'info'
-}
+// 鍝嶅簲寮忔暟鎹�
+const data = reactive({
+ activeTab: "ledger",
+ // 璁炬柦鍙拌处
+ ledgerSearchForm: { facilityCode: "", facilityName: "", facilityType: "", status: "" },
+ ledgerTableLoading: false,
+ ledgerPage: { current: 1, size: 20, total: 0 },
+ ledgerTableData: [],
+ ledgerSelectedIds: [],
+ ledgerForm: {
+ id: null, facilityCode: "", facilityName: "", facilityType: "", facilitySpec: "",
+ installLocation: "", installTime: "", productionDate: "", validPeriod: null,
+ status: "姝ｅ父", remark: ""
+ },
+ ledgerDialogVisible: false,
+ ledgerDialogTitle: "",
+ ledgerDialogType: "add",
+ // 宸℃璁板綍
+ inspectionSearchForm: { inspectionCode: "", status: "" },
+ inspectionTableLoading: false,
+ inspectionPage: { current: 1, size: 20, total: 0 },
+ inspectionTableData: [],
+ inspectionForm: {
+ id: null, facilityId: null, inspectionCode: "", inspectionType: "瀹氭湡宸℃",
+ planTime: "", checkResult: "", checkDesc: ""
+ },
+ inspectionDialogVisible: false,
+ inspectionDialogTitle: "",
+ inspectionDialogType: "add",
+ // 鏁存敼璺熻釜
+ rectificationSearchForm: { status: "" },
+ rectificationTableLoading: false,
+ rectificationPage: { current: 1, size: 20, total: 0 },
+ rectificationTableData: [],
+ rectificationForm: {
+ id: null, inspectionId: null, facilityId: null, problemDesc: "",
+ problemLevel: "", rectifyDesc: "", verifyDesc: ""
+ },
+ rectificationDialogVisible: false,
+ rectificationDialogTitle: "",
+ rectificationDialogType: "add"
+});
-// 鑾峰彇璁炬柦鍒楄〃
-const fetchList = async () => {
- try {
- const params = {
- ...searchForm,
- current: pagination.currentPage,
- size: pagination.pageSize
+const {
+ activeTab,
+ ledgerSearchForm, ledgerTableLoading, ledgerPage, ledgerTableData, ledgerSelectedIds,
+ ledgerForm, ledgerDialogVisible, ledgerDialogTitle, ledgerDialogType,
+ inspectionSearchForm, inspectionTableLoading, inspectionPage, inspectionTableData,
+ inspectionForm, inspectionDialogVisible, inspectionDialogTitle, inspectionDialogType,
+ rectificationSearchForm, rectificationTableLoading, rectificationPage, rectificationTableData,
+ rectificationForm, rectificationDialogVisible, rectificationDialogTitle, rectificationDialogType
+} = toRefs(data);
+
+// 琛ㄥ崟寮曠敤
+const ledgerFormRef = ref();
+const inspectionFormRef = ref();
+const rectificationFormRef = ref();
+
+// 璁炬柦鍙拌处琛ㄦ牸鍒楅厤缃�
+const ledgerTableColumn = ref([
+ { label: "璁炬柦缂栧彿", prop: "facilityCode", showOverflowTooltip: true, minWidth: 120 },
+ { label: "璁炬柦鍚嶇О", prop: "facilityName", showOverflowTooltip: true, minWidth: 150 },
+ { label: "璁炬柦绫诲瀷", prop: "facilityType", showOverflowTooltip: true, minWidth: 100 },
+ { label: "瑙勬牸鍨嬪彿", prop: "facilitySpec", showOverflowTooltip: true, minWidth: 120 },
+ { label: "瀹夎浣嶇疆", prop: "installLocation", showOverflowTooltip: true, minWidth: 150 },
+ { label: "瀹夎鏃堕棿", prop: "installTime", minWidth: 120 },
+ { label: "涓嬫妫�鏌ユ椂闂�", prop: "nextCheckTime", minWidth: 120 },
+ {
+ label: "鐘舵��", prop: "status", minWidth: 80, dataType: "tag",
+ formatType: params => {
+ const map = { 姝ｅ父: "success", 寮傚父: "danger", 鎶ュ簾: "info" };
+ return map[params] || "info";
}
- const res = await getSafetyFacilityList(params)
- if (res.code === 200) {
- facilityList.value = res.data.records || []
- pagination.total = res.data.total || 0
- } else {
- ElMessage.error(res.message || '鑾峰彇鍒楄〃澶辫触')
- }
- } catch (error) {
- ElMessage.error('鑾峰彇鍒楄〃澶辫触')
+ },
+ {
+ dataType: "action", label: "鎿嶄綔", align: "center", fixed: "right", width: 200,
+ operation: [
+ { name: "缂栬緫", type: "text", clickFun: row => openLedgerForm("edit", row) },
+ { name: "鍙戣捣宸℃", type: "text", clickFun: row => openInspectionForm("add", row) },
+ { name: "鍒犻櫎", type: "text", style: { color: "#F56C6C" }, clickFun: row => handleDeleteLedger(row) }
+ ]
}
-}
+]);
-// 鑾峰彇璁惧鍒楄〃
-const fetchDeviceOptions = async () => {
- try {
- const res = await getDeviceLedger()
- if (res.code === 200) {
- deviceOptions.value = res.data || []
- }
- } catch (error) {
- console.error('鑾峰彇璁惧鍒楄〃澶辫触')
+// 宸℃璁板綍琛ㄦ牸鍒楅厤缃�
+const inspectionTableColumn = ref([
+ { label: "宸℃缂栧彿", prop: "inspectionCode", showOverflowTooltip: true, minWidth: 150 },
+ { label: "璁炬柦鍚嶇О", prop: "facilityName", showOverflowTooltip: true, minWidth: 150 },
+ { label: "璁炬柦缂栧彿", prop: "facilityCode", showOverflowTooltip: true, minWidth: 120 },
+ { label: "宸℃绫诲瀷", prop: "inspectionType", minWidth: 100 },
+ { label: "璁″垝宸℃鏃堕棿", prop: "planTime", minWidth: 180 },
+ { label: "宸℃浜�", prop: "inspectorName", minWidth: 100 },
+ { label: "瀹為檯宸℃鏃堕棿", prop: "actualTime", minWidth: 180 },
+ {
+ label: "妫�鏌ョ粨鏋�", prop: "checkResult", minWidth: 100, dataType: "tag",
+ formatType: params => params === "姝ｅ父" ? "success" : "danger"
+ },
+ {
+ label: "鐘舵��", prop: "status", minWidth: 100, dataType: "tag",
+ formatType: params => params === "寰呭贰妫�" ? "info" : "success"
+ },
+ {
+ dataType: "action", label: "鎿嶄綔", align: "center", fixed: "right", width: 200,
+ operation: [
+ {
+ name: "宸℃", type: "text",
+ clickFun: row => openInspectionForm("do", row),
+ show: row => row.status === "寰呭贰妫�"
+ },
+ {
+ name: "鏌ョ湅", type: "text",
+ clickFun: row => openInspectionForm("view", row),
+ show: row => row.status !== "寰呭贰妫�"
+ },
+ {
+ name: "鏁存敼", type: "text",
+ clickFun: row => openRectificationForm("add", row),
+ show: row => row.checkResult === "寮傚父"
+ },
+ { name: "鍒犻櫎", type: "text", style: { color: "#F56C6C" }, clickFun: row => handleDeleteInspection(row) }
+ ]
}
-}
+]);
-// 鎼滅储
-const handleSearch = () => {
- pagination.currentPage = 1
- fetchList()
-}
-
-// 閲嶇疆鎼滅储
-const resetSearch = () => {
- Object.assign(searchForm, {
- facilityName: '',
- facilityType: '',
- status: ''
- })
- handleSearch()
-}
-
-// 鏂板
-const handleAdd = () => {
- dialogTitle.value = '鏂板璁炬柦'
- Object.assign(form, {
- id: null,
- facilityName: '',
- facilityType: '',
- location: '',
- deviceId: null,
- responsibilityDept: '',
- responsibilityPerson: '',
- nextInspectionTime: '',
- remarks: ''
- })
- showDialog.value = true
-}
-
-// 缂栬緫
-const handleEdit = (row) => {
- dialogTitle.value = '缂栬緫璁炬柦'
- Object.assign(form, {
- id: row.id,
- facilityName: row.facilityName,
- facilityType: row.facilityType,
- location: row.location,
- deviceId: row.deviceId,
- responsibilityDept: row.responsibilityDept,
- responsibilityPerson: row.responsibilityPerson,
- nextInspectionTime: row.nextInspectionTime,
- remarks: row.remarks
- })
- showDialog.value = true
-}
-
-// 宸℃
-const handleInspection = (row) => {
- Object.assign(inspectionForm, {
- id: row.id,
- facilityName: row.facilityName,
- status: '姝ｅ父',
- description: ''
- })
- showInspectionDialog.value = true
-}
-
-// 鍒犻櫎
-const handleDelete = async (row) => {
- try {
- await ElMessageBox.confirm('纭鍒犻櫎璇ヨ鏂藉悧锛�', '鎻愮ず', {
- type: 'warning'
- })
- const res = await deleteSafetyFacility([row.id])
- if (res.code === 200) {
- ElMessage.success('鍒犻櫎鎴愬姛')
- fetchList()
- } else {
- ElMessage.error(res.message || '鍒犻櫎澶辫触')
+// 鏁存敼璺熻釜琛ㄦ牸鍒楅厤缃�
+const rectificationTableColumn = ref([
+ { label: "璁炬柦鍚嶇О", prop: "facilityName", showOverflowTooltip: true, minWidth: 150 },
+ { label: "闂鎻忚堪", prop: "problemDesc", showOverflowTooltip: true, minWidth: 200 },
+ {
+ label: "闂绛夌骇", prop: "problemLevel", minWidth: 100, dataType: "tag",
+ formatType: params => params === "閲嶅ぇ" ? "danger" : "warning"
+ },
+ { label: "鏁存敼璐ｄ换浜�", prop: "rectifyUserName", minWidth: 120 },
+ { label: "璁″垝鏁存敼鏃堕棿", prop: "planTime", minWidth: 180 },
+ {
+ label: "鐘舵��", prop: "status", minWidth: 100, dataType: "tag",
+ formatType: params => {
+ const map = { 寰呮暣鏀�: "danger", 鏁存敼涓�: "warning", 宸叉暣鏀�: "success", 宸查獙鏀�: "info" };
+ return map[params] || "info";
}
- } catch (error) {
- // 鍙栨秷鍒犻櫎
+ },
+ { label: "楠屾敹浜�", prop: "verifyUserName", minWidth: 120 },
+ {
+ dataType: "action", label: "鎿嶄綔", align: "center", fixed: "right", width: 200,
+ operation: [
+ {
+ name: "鏁存敼", type: "text",
+ clickFun: row => openRectificationForm("do", row),
+ show: row => row.status === "寰呮暣鏀�" || row.status === "鏁存敼涓�"
+ },
+ {
+ name: "楠屾敹", type: "text",
+ clickFun: row => openRectificationForm("verify", row),
+ show: row => row.status === "宸叉暣鏀�"
+ },
+ { name: "鏌ョ湅", type: "text", clickFun: row => openRectificationForm("view", row) }
+ ]
}
-}
+]);
-// 鎻愪氦琛ㄥ崟
-const submitForm = async () => {
- if (!formRef.value) return
- try {
- await formRef.value.validate()
- const res = await addOrEditSafetyFacility(form)
- if (res.code === 200) {
- ElMessage.success('鎿嶄綔鎴愬姛')
- showDialog.value = false
- fetchList()
- } else {
- ElMessage.error(res.message || '鎿嶄綔澶辫触')
- }
- } catch (error) {
- ElMessage.error('璇峰～鍐欏畬鏁磋〃鍗曚俊鎭�')
- }
-}
-
-// 鎻愪氦宸℃缁撴灉
-const submitInspection = async () => {
- try {
- const data = {
- id: inspectionForm.id,
- status: inspectionForm.status,
- lastInspectionTime: new Date().toISOString()
- }
- const res = await addOrEditSafetyFacility(data)
- if (res.code === 200) {
- ElMessage.success('宸℃璁板綍鎴愬姛')
- showInspectionDialog.value = false
- fetchList()
- } else {
- ElMessage.error(res.message || '鎿嶄綔澶辫触')
- }
- } catch (error) {
- ElMessage.error('鎿嶄綔澶辫触')
- }
-}
-
-// 瀵煎嚭
-const handleExport = async () => {
- try {
- const res = await exportSafetyFacility(searchForm)
- const blob = new Blob([res])
- const url = window.URL.createObjectURL(blob)
- const link = document.createElement('a')
- link.href = url
- link.download = '瀹夊叏璁炬柦鍙拌处.xlsx'
- link.click()
- window.URL.revokeObjectURL(url)
- ElMessage.success('瀵煎嚭鎴愬姛')
- } catch (error) {
- ElMessage.error('瀵煎嚭澶辫触')
- }
-}
-
-// 鍒嗛〉澶у皬鏀瑰彉
-const handleSizeChange = (val) => {
- pagination.pageSize = val
- fetchList()
-}
-
-// 褰撳墠椤垫敼鍙�
-const handleCurrentChange = (val) => {
- pagination.currentPage = val
- fetchList()
-}
-
+// 鐢熷懡鍛ㄦ湡
onMounted(() => {
- fetchList()
- fetchDeviceOptions()
-})
+ getLedgerList();
+});
+
+// 鏍囩椤靛垏鎹�
+const handleTabClick = () => {
+ if (activeTab.value === "ledger") getLedgerList();
+ else if (activeTab.value === "inspection") getInspectionList();
+ else if (activeTab.value === "rectification") getRectificationList();
+};
+
+// ============ 璁炬柦鍙拌处鏂规硶 ============
+
+const handleLedgerQuery = () => {
+ ledgerPage.value.current = 1;
+ getLedgerList();
+};
+
+const getLedgerList = () => {
+ ledgerTableLoading.value = true;
+ getFacilityLedgerList({ ...ledgerPage.value, ...ledgerSearchForm.value })
+ .then(res => {
+ ledgerTableLoading.value = false;
+ ledgerTableData.value = res.data.records;
+ ledgerPage.value.total = res.data.total;
+ })
+ .catch(() => { ledgerTableLoading.value = false; });
+};
+
+const ledgerPagination = obj => {
+ ledgerPage.value.current = obj.page;
+ ledgerPage.value.size = obj.limit;
+ getLedgerList();
+};
+
+const handleLedgerSelectionChange = selection => {
+ ledgerSelectedIds.value = selection.map(item => item.id);
+};
+
+const openLedgerForm = (type, row = null) => {
+ ledgerDialogType.value = type;
+ if (type === "add") {
+ ledgerDialogTitle.value = "鏂板璁炬柦";
+ Object.assign(ledgerForm.value, {
+ id: null, facilityCode: "", facilityName: "", facilityType: "", facilitySpec: "",
+ installLocation: "", installTime: "", productionDate: "", validPeriod: null,
+ status: "姝ｅ父", remark: ""
+ });
+ } else {
+ ledgerDialogTitle.value = "缂栬緫璁炬柦";
+ Object.assign(ledgerForm.value, { ...row });
+ }
+ ledgerDialogVisible.value = true;
+};
+
+const submitLedgerForm = async () => {
+ try {
+ await ledgerFormRef.value.validate();
+ const api = ledgerDialogType.value === "add" ? addFacilityLedger : updateFacilityLedger;
+ const res = await api({ ...ledgerForm.value });
+ if (res.code === 200) {
+ ElMessage.success(ledgerDialogType.value === "add" ? "娣诲姞鎴愬姛" : "鏇存柊鎴愬姛");
+ ledgerDialogVisible.value = false;
+ getLedgerList();
+ } else {
+ ElMessage.error(res.msg || "鎿嶄綔澶辫触");
+ }
+ } catch (error) {
+ console.error("琛ㄥ崟楠岃瘉澶辫触:", error);
+ }
+};
+
+const handleDeleteLedger = row => {
+ ElMessageBox.confirm("纭鍒犻櫎璇ヨ鏂藉悧锛�", "鍒犻櫎", {
+ confirmButtonText: "纭", cancelButtonText: "鍙栨秷", type: "warning"
+ }).then(async () => {
+ const res = await deleteFacilityLedger([row.id]);
+ if (res.code === 200) {
+ ElMessage.success("鍒犻櫎鎴愬姛");
+ getLedgerList();
+ }
+ }).catch(() => {});
+};
+
+// ============ 宸℃璁板綍鏂规硶 ============
+
+const handleInspectionQuery = () => {
+ inspectionPage.value.current = 1;
+ getInspectionList();
+};
+
+const getInspectionList = () => {
+ inspectionTableLoading.value = true;
+ getFacilityInspectionList({ ...inspectionPage.value, ...inspectionSearchForm.value })
+ .then(res => {
+ inspectionTableLoading.value = false;
+ inspectionTableData.value = res.data.records;
+ inspectionPage.value.total = res.data.total;
+ })
+ .catch(() => { inspectionTableLoading.value = false; });
+};
+
+const inspectionPagination = obj => {
+ inspectionPage.value.current = obj.page;
+ inspectionPage.value.size = obj.limit;
+ getInspectionList();
+};
+
+const openInspectionForm = (type, row = null) => {
+ inspectionDialogType.value = type;
+ if (type === "add") {
+ inspectionDialogTitle.value = "鍙戣捣宸℃";
+ Object.assign(inspectionForm.value, {
+ id: null, facilityId: row.id, inspectionCode: "", inspectionType: "瀹氭湡宸℃",
+ planTime: "", checkResult: "", checkDesc: ""
+ });
+ } else if (type === "do") {
+ inspectionDialogTitle.value = "宸℃";
+ Object.assign(inspectionForm.value, {
+ id: row.id, facilityId: row.facilityId, inspectionCode: row.inspectionCode,
+ inspectionType: row.inspectionType, planTime: row.planTime, checkResult: "", checkDesc: ""
+ });
+ } else {
+ inspectionDialogTitle.value = "鏌ョ湅宸℃";
+ Object.assign(inspectionForm.value, { ...row });
+ }
+ inspectionDialogVisible.value = true;
+};
+
+const submitInspectionForm = async () => {
+ try {
+ await inspectionFormRef.value.validate();
+ if (inspectionDialogTitle.value === "宸℃") {
+ inspectionForm.value.status = "宸插贰妫�";
+ inspectionForm.value.actualTime = new Date().toISOString().replace("T", " ").substring(0, 19);
+ }
+ const api = inspectionForm.value.id ? updateFacilityInspection : addFacilityInspection;
+ const res = await api({ ...inspectionForm.value });
+ if (res.code === 200) {
+ ElMessage.success("鎿嶄綔鎴愬姛");
+ inspectionDialogVisible.value = false;
+ getInspectionList();
+ }
+ } catch (error) {
+ console.error("琛ㄥ崟楠岃瘉澶辫触:", error);
+ }
+};
+
+const handleDeleteInspection = row => {
+ ElMessageBox.confirm("纭鍒犻櫎璇ュ贰妫�璁板綍鍚楋紵", "鍒犻櫎", {
+ confirmButtonText: "纭", cancelButtonText: "鍙栨秷", type: "warning"
+ }).then(async () => {
+ const res = await deleteFacilityInspection([row.id]);
+ if (res.code === 200) {
+ ElMessage.success("鍒犻櫎鎴愬姛");
+ getInspectionList();
+ }
+ }).catch(() => {});
+};
+
+// ============ 鏁存敼璺熻釜鏂规硶 ============
+
+const handleRectificationQuery = () => {
+ rectificationPage.value.current = 1;
+ getRectificationList();
+};
+
+const getRectificationList = () => {
+ rectificationTableLoading.value = true;
+ getFacilityRectificationList({ ...rectificationPage.value, ...rectificationSearchForm.value })
+ .then(res => {
+ rectificationTableLoading.value = false;
+ rectificationTableData.value = res.data.records;
+ rectificationPage.value.total = res.data.total;
+ })
+ .catch(() => { rectificationTableLoading.value = false; });
+};
+
+const rectificationPagination = obj => {
+ rectificationPage.value.current = obj.page;
+ rectificationPage.value.size = obj.limit;
+ getRectificationList();
+};
+
+const openRectificationForm = (type, row = null) => {
+ rectificationDialogType.value = type;
+ if (type === "add") {
+ rectificationDialogTitle.value = "鏂板鏁存敼";
+ Object.assign(rectificationForm.value, {
+ id: null, inspectionId: row.id, facilityId: row.facilityId,
+ problemDesc: "", problemLevel: "", rectifyDesc: "", verifyDesc: ""
+ });
+ } else if (type === "do") {
+ rectificationDialogTitle.value = "鏁存敼";
+ Object.assign(rectificationForm.value, {
+ id: row.id, inspectionId: row.inspectionId, facilityId: row.facilityId,
+ problemDesc: row.problemDesc, problemLevel: row.problemLevel, rectifyDesc: "", verifyDesc: ""
+ });
+ } else if (type === "verify") {
+ rectificationDialogTitle.value = "楠屾敹";
+ Object.assign(rectificationForm.value, {
+ id: row.id, inspectionId: row.inspectionId, facilityId: row.facilityId,
+ problemDesc: row.problemDesc, problemLevel: row.problemLevel,
+ rectifyDesc: row.rectifyDesc, verifyDesc: ""
+ });
+ } else {
+ rectificationDialogTitle.value = "鏌ョ湅鏁存敼";
+ Object.assign(rectificationForm.value, { ...row });
+ }
+ rectificationDialogVisible.value = true;
+};
+
+const submitRectificationForm = async () => {
+ if (rectificationDialogType.value === "view") {
+ rectificationDialogVisible.value = false;
+ return;
+ }
+ if (rectificationDialogTitle.value === "鏁存敼") {
+ rectificationForm.value.status = "宸叉暣鏀�";
+ rectificationForm.value.actualTime = new Date().toISOString().replace("T", " ").substring(0, 19);
+ } else if (rectificationDialogTitle.value === "楠屾敹") {
+ rectificationForm.value.status = "宸查獙鏀�";
+ rectificationForm.value.verifyTime = new Date().toISOString().replace("T", " ").substring(0, 19);
+ }
+ const api = rectificationForm.value.id ? updateFacilityRectification : addFacilityRectification;
+ const res = await api({ ...rectificationForm.value });
+ if (res.code === 200) {
+ ElMessage.success("鎿嶄綔鎴愬姛");
+ rectificationDialogVisible.value = false;
+ getRectificationList();
+ }
+};
</script>
<style scoped>
-.safety-facility {
- padding: 20px;
+.search_title {
+ font-size: 14px;
+ color: #606266;
}
-.search-area {
- background: #f5f7fa;
- padding: 20px;
- border-radius: 4px;
- margin-bottom: 15px;
+.mb20 {
+ margin-bottom: 20px;
}
-.actions {
- margin-bottom: 15px;
-}
-
-.pagination {
- margin-top: 20px;
- display: flex;
- justify-content: flex-end;
+.ml10 {
+ margin-left: 10px;
}
</style>
--
Gitblit v1.9.3