From 506f12d405da950572d6143b55228cd19458e881 Mon Sep 17 00:00:00 2001 From: juzi <819872918@qq.com> Date: Fri, 19 Jul 2024 15:29:52 +0800 Subject: [PATCH] =?UTF-8?q?=E7=A1=AE=E8=AE=A4=E7=AA=97=E4=BD=93?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/plugins/modal.js | 27 ++ src/styles/index.scss | 33 +- src/views/system/dept/index.vue | 716 ++++++++++++++++++-------------- 3 files changed, 471 insertions(+), 305 deletions(-) diff --git a/src/plugins/modal.js b/src/plugins/modal.js index b37ca145..78623683 100644 --- a/src/plugins/modal.js +++ b/src/plugins/modal.js @@ -59,6 +59,33 @@ export default { type: "warning", }) }, + // 删除确认窗体（UI规范） + delConfirm(title) { + return MessageBox.confirm("确定删除后不可恢复该数据", `是否确认删除 【${title}】 数据项？`, { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: "warning", + showClose:false + }) + }, + // 关闭页面确认窗体（UI规范） + closeConfirm() { + return MessageBox.confirm("确定关闭将不保留编辑内容", "是否确认要关闭页面？", { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: "warning", + showClose:false + }) + }, + // 确认窗体（UI规范） + newConfirm(content,title) { + return MessageBox.confirm(content, title, { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: "warning", + showClose:false + }) + }, // 提交内容 prompt(content) { return MessageBox.prompt(content, "系统提示", { diff --git a/src/styles/index.scss b/src/styles/index.scss index d162abed..f1393e30 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -200,4 +200,35 @@ input, textarea{ // 弹出框，上下分布，去掉label的padding-bottom .el-form--label-top .el-form-item__label { padding: 0; -} \ No newline at end of file +} + +// 确认弹窗(UI样式修改和原样式有区别--start) +.el-message-box__status+.el-message-box__message { + padding-left: 58px; +} +.el-message-box { + width: auto; + min-width: 424px; + .el-message-box__header { + padding:32px 32px 0px 72px; + .el-message-box__title { + font-size: 16px; + font-weight: 600; + color: rgba(0,0,0,0.85); + } + } + .el-message-box__content { + padding-bottom: 24px; + .el-message-box__status { + top:-72%; + left:20px; + font-size:21px !important + } + } + .el-message-box__btns { + padding-right: 32px; + padding-bottom:14px; + } +} + +// 确认弹窗(UI样式修改和原样式有区别--end) \ No newline at end of file diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue index 3397a935..2afe03e5 100644 --- a/src/views/system/dept/index.vue +++ b/src/views/system/dept/index.vue @@ -1,317 +1,425 @@