feat(ems): 添加通用一键清空功能
- 新增 CommonClearController、CommonClearService、CommonClearMapper 和 XML 文件 - 实现了通用的数据清空接口和后端逻辑 - 在前端多个页面添加了一键清空按钮和相关配置 - 编写了清空功能的快速应用指南文档boardTest
parent
b51eac9bac
commit
943558fac3
@ -0,0 +1,96 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 清空相关配置，需要在组件中设置
|
||||
clearAllConfig: {
|
||||
moduleKey: '', // 业务模块标识，如：'dailyFaultRecord'
|
||||
entityName: '', // 实体名称，如：'日常故障记录'
|
||||
permission: '' // 权限标识，如：'ems/info:dailyFaultRecord:remove'
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 一键全部清空数据
|
||||
*/
|
||||
async handleClearAll() {
|
||||
try {
|
||||
// 配置验证
|
||||
if (!this.clearAllConfig.moduleKey) {
|
||||
this.$modal.msgError('清空功能配置错误：未设置模块标识');
|
||||
return;
|
||||
}
|
||||
|
||||
// 第一次确认
|
||||
await this.$confirm(
|
||||
`确定要清空所有${this.clearAllConfig.entityName}数据吗？此操作将删除所有记录！`,
|
||||
'危险操作警告',
|
||||
{
|
||||
confirmButtonText: '继续',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
confirmButtonClass: 'el-button--danger'
|
||||
}
|
||||
);
|
||||
|
||||
// 第二次确认
|
||||
await this.$confirm(
|
||||
`再次确认：您真的要删除所有${this.clearAllConfig.entityName}数据吗？\n此操作不可撤销！`,
|
||||
'二次确认',
|
||||
{
|
||||
confirmButtonText: '确认删除',
|
||||
cancelButtonText: '取消',
|
||||
type: 'error',
|
||||
confirmButtonClass: 'el-button--danger'
|
||||
}
|
||||
);
|
||||
|
||||
// 第三次确认 - 输入确认
|
||||
const { value } = await this.$prompt(
|
||||
`最后确认：请输入"确认清空"来完成操作`,
|
||||
'三次确认',
|
||||
{
|
||||
confirmButtonText: '执行清空',
|
||||
cancelButtonText: '取消',
|
||||
inputPattern: /^确认清空$/,
|
||||
inputErrorMessage: '请输入"确认清空"',
|
||||
inputPlaceholder: '请输入：确认清空',
|
||||
type: 'error',
|
||||
confirmButtonClass: 'el-button--danger'
|
||||
}
|
||||
);
|
||||
|
||||
if (value === '确认清空') {
|
||||
// 执行清空操作
|
||||
await this.executeClearAll();
|
||||
}
|
||||
} catch (error) {
|
||||
// 用户取消操作
|
||||
if (error !== 'cancel' && error !== 'close') {
|
||||
this.$modal.msgError('清空操作失败：' + error.message);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 执行清空操作
|
||||
* 调用通用的后端接口
|
||||
*/
|
||||
async executeClearAll() {
|
||||
try {
|
||||
const response = await request({
|
||||
url: `/ems/common/clearAll/${this.clearAllConfig.moduleKey}`,
|
||||
method: 'delete'
|
||||
});
|
||||
|
||||
this.$modal.msgSuccess(response.msg || `${this.clearAllConfig.entityName}数据已全部清空`);
|
||||
// 刷新列表
|
||||
this.getList && this.getList();
|
||||
} catch (error) {
|
||||
this.$modal.msgError('清空操作失败：' + (error.message || error));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue