DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ems): 新增设备隐患记录和安全环保制度文档模块前后端

Browse Source 
- 添加设备隐患记录实体类、业务对象和视图对象
- 实现设备隐患记录的增删改查接口及业务逻辑
- 添加安全环保制度文档实体类、业务对象和视图对象
- 实现安全环保制度文档的增删改查接口及业务逻辑
- 配置MyBatis映射文件和Mapper接口- 添加定时任务用于生成模拟报警记录
- 实现Excel导出功能及相关数据转换逻辑
This commit is contained in:
Joshi
2025-10-13 11:39:55 +08:00
parent 0a366b054c
commit a63387e069
22 changed files with 2312 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

564
klp-ui/src/views/ems/hazardRecord/index.vue Normal file
View File

@@ -0,0 +1,564 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="设备ID" prop="deviceId">
<el-input
v-model="queryParams.deviceId"
placeholder="请输入关联的设备ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="隐患类型" prop="hazardType">
<el-select v-model="queryParams.hazardType" placeholder="请选择隐患类型" clearable>
<el-option
v-for="dict in dict.type.hazard_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="隐患级别" prop="hazardLevel">
<el-select v-model="queryParams.hazardLevel" placeholder="请选择隐患级别" clearable>
<el-option
v-for="dict in dict.type.hazard_level"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="隐患描述" prop="hazardDesc">
<el-input
v-model="queryParams.hazardDesc"
placeholder="请输入隐患描述"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="发现时间" prop="discoveryTime">
<el-date-picker clearable
v-model="queryParams.discoveryTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择发现时间">
</el-date-picker>
</el-form-item>
<el-form-item label="录入时间" prop="inputTime">
<el-date-picker clearable
v-model="queryParams.inputTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择录入时间">
</el-date-picker>
</el-form-item>
<el-form-item label="录入人" prop="inputUser">
<el-input
v-model="queryParams.inputUser"
placeholder="请输入录入人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="处理状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择处理状态" clearable>
<el-option
v-for="dict in dict.type.hazard_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="整改人" prop="rectifyUser">
<el-input
v-model="queryParams.rectifyUser"
placeholder="请输入整改人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="整改时间" prop="rectifyTime">
<el-date-picker clearable
v-model="queryParams.rectifyTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择整改时间">
</el-date-picker>
</el-form-item>
<el-form-item label="整改说明" prop="rectifyDesc">
<el-input
v-model="queryParams.rectifyDesc"
placeholder="请输入整改说明"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="hazardRecordList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="设备名称" align="center" prop="deviceName" />
<el-table-column label="隐患类型" align="center" prop="hazardType">
<template slot-scope="scope">
<dict-tag :options="dict.type.hazard_type" :value="scope.row.hazardType"/>
</template>
</el-table-column>
<el-table-column label="隐患级别" align="center" prop="hazardLevel">
<template slot-scope="scope">
<dict-tag :options="dict.type.hazard_level" :value="scope.row.hazardLevel"/>
</template>
</el-table-column>
<el-table-column label="隐患描述" align="center" prop="hazardDesc" />
<el-table-column label="发现时间" align="center" prop="discoveryTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.discoveryTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="录入人" align="center" prop="inputUser" />
<el-table-column label="整改人" align="center" prop="rectifyUser" />
<el-table-column label="整改时间" align="center" prop="rectifyTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.rectifyTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="整改说明" align="center" prop="rectifyDesc" />
<el-table-column label="处理状态" align="center" prop="status">
<template slot-scope="scope">
<dict-tag :options="dict.type.hazard_status" :value="scope.row.status"/>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-document"
@click="openRectify(scope.row)"
>整改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改设备隐患记录对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="关联的设备" prop="deviceId">
<el-select v-model="form.deviceId" placeholder="请选择设备" filterable clearable>
<el-option
v-for="item in deviceOptions"
:key="item.deviceId"
:label="item.deviceName"
:value="item.deviceId"
/>
</el-select>
</el-form-item>
<el-form-item label="隐患类型" prop="hazardType">
<el-select v-model="form.hazardType" placeholder="请选择隐患类型">
<el-option
v-for="dict in dict.type.hazard_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="隐患级别" prop="hazardLevel">
<el-select v-model="form.hazardLevel" placeholder="请选择隐患级别">
<el-option
v-for="dict in dict.type.hazard_level"
:key="dict.value"
:label="dict.label"
:value="parseInt(dict.value)"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="隐患描述" prop="hazardDesc">
<el-input v-model="form.hazardDesc" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="发现时间" prop="discoveryTime">
<el-date-picker clearable
v-model="form.discoveryTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择发现时间">
</el-date-picker>
</el-form-item>
<el-form-item label="录入时间" prop="inputTime">
<el-date-picker clearable
v-model="form.inputTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择录入时间">
</el-date-picker>
</el-form-item>
<el-form-item label="录入人" prop="inputUser">
<el-input v-model="form.inputUser" placeholder="请输入录入人" />
</el-form-item>
<el-form-item label="处理状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in dict.type.hazard_status"
:key="dict.value"
:label="parseInt(dict.value)"
>{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<!-- 隐患整改对话框 -->
<el-dialog title="隐患整改" :visible.sync="rectifyOpen" width="520px" append-to-body>
<el-form ref="rectifyFormRef" :model="rectifyForm" :rules="rectifyRules" label-width="90px">
<el-form-item label="处理状态" prop="status">
<el-select v-model="rectifyForm.status" placeholder="请选择处理状态" clearable>
<el-option
v-for="dict in dict.type.hazard_status"
:key="dict.value"
:label="dict.label"
:value="parseInt(dict.value)"
/>
</el-select>
</el-form-item>
<el-form-item label="整改人" prop="rectifyUser">
<el-input v-model="rectifyForm.rectifyUser" placeholder="请输入整改人" />
</el-form-item>
<el-form-item label="整改时间" prop="rectifyTime">
<el-date-picker
v-model="rectifyForm.rectifyTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择整改时间"
clearable
/>
</el-form-item>
<el-form-item label="整改说明" prop="rectifyDesc">
<el-input v-model="rectifyForm.rectifyDesc" type="textarea" placeholder="请输入整改说明" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitRectify">提 交</el-button>
<el-button @click="rectifyOpen=false">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listHazardRecord, getHazardRecord, delHazardRecord, addHazardRecord, updateHazardRecord } from "@/api/ems/hazardRecord";
import { listAlarmDevice } from "@/api/ems/alarmDevice";
export default {
name: "HazardRecord",
dicts: ['hazard_type', 'hazard_status', 'hazard_level'],
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 设备隐患记录表格数据
hazardRecordList: [],
// 设备下拉数据
deviceOptions: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 整改弹窗
rectifyOpen: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
deviceId: undefined,
hazardType: undefined,
hazardLevel: undefined,
hazardDesc: undefined,
discoveryTime: undefined,
inputTime: undefined,
inputUser: undefined,
status: undefined,
rectifyUser: undefined,
rectifyTime: undefined,
rectifyDesc: undefined,
},
// 表单参数
form: {},
// 整改表单
rectifyForm: {
hazardId: undefined,
status: undefined,
rectifyUser: undefined,
rectifyTime: undefined,
rectifyDesc: undefined
},
// 表单校验
rules: {
},
rectifyRules: {
status: [{ required: true, message: '请选择处理状态', trigger: 'change' }],
rectifyUser: [{ required: true, message: '请输入整改人', trigger: 'blur' }],
rectifyTime: [{ required: true, message: '请选择整改时间', trigger: 'change' }],
rectifyDesc: [{ required: true, message: '请输入整改说明', trigger: 'blur' }]
}
};
},
created() {
this.getList();
this.loadDeviceOptions();
},
methods: {
/** 查询设备隐患记录列表 */
getList() {
this.loading = true;
listHazardRecord(this.queryParams).then(response => {
this.hazardRecordList = response.rows;
this.total = response.total;
this.loading = false;
});
},
/** 加载设备下拉 */
loadDeviceOptions() {
const params = { pageNum: 1, pageSize: 9999 };
listAlarmDevice(params).then(res => {
// 兼容后端返回 rows/list
this.deviceOptions = res.rows || res.data || [];
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
hazardId: undefined,
deviceId: undefined,
hazardType: undefined,
hazardLevel: undefined,
hazardDesc: undefined,
discoveryTime: undefined,
inputTime: undefined,
inputUser: undefined,
status: undefined,
rectifyUser: undefined,
rectifyTime: undefined,
rectifyDesc: undefined,
createBy: undefined,
updateBy: undefined,
createTime: undefined,
updateTime: undefined,
delFlag: undefined,
remark: undefined
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.hazardId)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加设备隐患记录";
// 确保每次打开都有设备下拉
if (!this.deviceOptions.length) this.loadDeviceOptions();
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const hazardId = row.hazardId || this.ids
getHazardRecord(hazardId).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改设备隐患记录";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.hazardId != null) {
updateHazardRecord(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
} else {
addHazardRecord(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const hazardIds = row.hazardId || this.ids;
this.$modal.confirm('是否确认删除设备隐患记录编号为"' + hazardIds + '"的数据项？').then(() => {
this.loading = true;
return delHazardRecord(hazardIds);
}).then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
}).finally(() => {
this.loading = false;
});
},
/** 打开整改弹窗 */
openRectify(row) {
const hazardId = row.hazardId;
if (!hazardId) return;
// 重置
this.rectifyForm = {
hazardId,
status: row.status,
rectifyUser: row.rectifyUser,
rectifyTime: row.rectifyTime,
rectifyDesc: row.rectifyDesc
};
this.rectifyOpen = true;
},
/** 提交整改 */
submitRectify() {
this.$refs["rectifyFormRef"].validate(valid => {
if (!valid) return;
this.buttonLoading = true;
// 先查详情，避免覆盖其他字段
getHazardRecord(this.rectifyForm.hazardId).then(resp => {
const data = Object.assign({}, resp.data || {});
data.status = this.rectifyForm.status;
data.rectifyUser = this.rectifyForm.rectifyUser;
data.rectifyTime = this.rectifyForm.rectifyTime;
data.rectifyDesc = this.rectifyForm.rectifyDesc;
return updateHazardRecord(data);
}).then(() => {
this.$modal.msgSuccess("整改提交成功");
this.rectifyOpen = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
});
},
/** 导出按钮操作 */
handleExport() {
this.download('ems/hazardRecord/export', {
...this.queryParams
}, `hazardRecord_${new Date().getTime()}.xlsx`)
}
}
};
</script>

390
klp-ui/src/views/ems/safetyEnvDoc/index.vue Normal file
View File

@@ -0,0 +1,390 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="文档编号" prop="docNo">
<el-input
v-model="queryParams.docNo"
placeholder="请输入文档编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="文档名称" prop="docName">
<el-input
v-model="queryParams.docName"
placeholder="请输入文档名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="文档分类" prop="docCategory">
<el-select v-model="queryParams.docCategory" placeholder="请选择文档分类" clearable>
<el-option
v-for="dict in dict.type.doc_category"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="文档类型" prop="docType">
<el-select v-model="queryParams.docType" placeholder="请选择文档类型" clearable>
<el-option
v-for="dict in dict.type.doc_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="发布状态" prop="publishStatus">
<el-select v-model="queryParams.publishStatus" placeholder="请选择发布状态" clearable>
<el-option
v-for="dict in dict.type.publish_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="发布日期" prop="publishTime">
<el-date-picker clearable
v-model="queryParams.publishTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择发布日期">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="safetyEnvDocList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="文档ID" align="center" prop="docId" v-if="true"/>
<el-table-column label="文档编号" align="center" prop="docNo" />
<el-table-column label="文档名称" align="center" prop="docName" />
<el-table-column label="文档分类" align="center" prop="docCategory">
<template slot-scope="scope">
<dict-tag :options="dict.type.doc_category" :value="scope.row.docCategory"/>
</template>
</el-table-column>
<el-table-column label="文档类型" align="center" prop="docType">
<template slot-scope="scope">
<dict-tag :options="dict.type.doc_type" :value="scope.row.docType"/>
</template>
</el-table-column>
<el-form-item label="附件" prop="accessory">
<file-upload v-model="form.accessory" :limit="1" :fileType="fileType" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-table-column label="发布状态" align="center" prop="publishStatus">
<template slot-scope="scope">
<dict-tag :options="dict.type.publish_status" :value="scope.row.publishStatus"/>
</template>
</el-table-column>
<el-table-column label="发布日期" align="center" prop="publishTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.publishTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改安全环保制度文档对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="文档编号" prop="docNo">
<el-input v-model="form.docNo" placeholder="请输入文档编号" />
</el-form-item>
<el-form-item label="文档名称" prop="docName">
<el-input v-model="form.docName" placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="文档分类" prop="docCategory">
<el-select v-model="form.docCategory" placeholder="请选择文档分类">
<el-option
v-for="dict in dict.type.doc_category"
:key="dict.value"
:label="dict.label"
:value="parseInt(dict.value)"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="文档类型" prop="docType">
<el-select v-model="form.docType" placeholder="请选择文档类型">
<el-option
v-for="dict in dict.type.doc_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="附件" prop="accessory">
<file-upload v-model="form.accessory" :limit="1" :fileType="fileType" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="发布状态" prop="publishStatus">
<el-radio-group v-model="form.publishStatus">
<el-radio
v-for="dict in dict.type.publish_status"
:key="dict.value"
:label="parseInt(dict.value)"
>{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="发布日期" prop="publishTime">
<el-date-picker clearable
v-model="form.publishTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择发布日期">
</el-date-picker>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listSafetyEnvDoc, getSafetyEnvDoc, delSafetyEnvDoc, addSafetyEnvDoc, updateSafetyEnvDoc } from "@/api/ems/safetyEnvDoc";
export default {
name: "SafetyEnvDoc",
dicts: ['doc_type', 'publish_status', 'doc_category'],
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 安全环保制度文档表格数据
safetyEnvDocList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
docNo: undefined,
docName: undefined,
docCategory: undefined,
docType: undefined,
accessory: undefined,
publishStatus: undefined,
publishTime: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
}
};
},
created() {
this.getList();
},
methods: {
/** 查询安全环保制度文档列表 */
getList() {
this.loading = true;
listSafetyEnvDoc(this.queryParams).then(response => {
this.safetyEnvDocList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
docId: undefined,
docNo: undefined,
docName: undefined,
docCategory: undefined,
docType: undefined,
accessory: undefined,
version: undefined,
publishStatus: undefined,
publishTime: undefined,
remark: undefined,
delFlag: undefined,
createTime: undefined,
createBy: undefined,
updateTime: undefined,
updateBy: undefined
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.docId)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加安全环保制度文档";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const docId = row.docId || this.ids
getSafetyEnvDoc(docId).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改安全环保制度文档";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.docId != null) {
updateSafetyEnvDoc(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
} else {
addSafetyEnvDoc(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const docIds = row.docId || this.ids;
this.$modal.confirm('是否确认删除安全环保制度文档编号为"' + docIds + '"的数据项？').then(() => {
this.loading = true;
return delSafetyEnvDoc(docIds);
}).then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
}).finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('ems/safetyEnvDoc/export', {
...this.queryParams
}, `safetyEnvDoc_${new Date().getTime()}.xlsx`)
}
}
};
</script>