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 @@