From 526ff0054cb09451f7db8659d0174addbb111cfa Mon Sep 17 00:00:00 2001 From: zhouyonggao <1971162852@qq.com> Date: Wed, 17 Dec 2025 15:32:19 +0800 Subject: [PATCH] =?UTF-8?q?feat(template):=20=E5=A2=9E=E5=8A=A0=E5=88=A0?= =?UTF-8?q?=E9=99=A4=E6=A8=A1=E6=9D=BF=E5=8A=9F=E8=83=BD=E7=9A=84=E4=BA=8C?= =?UTF-8?q?=E6=AC=A1=E7=A1=AE=E8=AE=A4=E6=8F=90=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 在删除模板操作中添加二次确认机制,避免误删 - 使用 Element Plus 的确认对话框或浏览器的确认框进行用户确认 - 提升用户体验,确保删除操作的安全性 --- web/main.js | 24 +++++++++++++++++++++++- 1 file changed, 23 insertions(+), 1 deletion(-) diff --git a/web/main.js b/web/main.js index dc5e31a..ed653be 100644 --- a/web/main.js +++ b/web/main.js @@ -475,10 +475,32 @@ const app = createApp({ }; /** - * 删除模板 + * 删除模板(带二次确认) * @param {number} id - 模板 ID */ const removeTemplate = async (id) => { + // 第一次:弹出确认框,避免误删 + try { + if (window.ElementPlus?.ElMessageBox) { + await window.ElementPlus.ElMessageBox.confirm( + '删除后不可恢复,确认要删除该导出模板吗?', + '删除确认', + { + type: 'warning', + confirmButtonText: '确认删除', + cancelButtonText: '再想想' + } + ); + } else { + const ok = window.confirm('删除后不可恢复,确认要删除该导出模板吗?'); + if (!ok) return; + } + } catch { + // 用户取消 + return; + } + + // 第二次:真正调用后端删除 try { await Api.deleteTemplate(id); showMessage('删除成功');