From 8c8b438ad40604d1fcbb76301121ce238b07f3e8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com> Date: Tue, 1 Mar 2022 11:09:16 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=8A=A0=E5=BC=B9=E6=A1=86mo?= =?UTF-8?q?dal=E5=B0=81=E8=A3=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ZR.Vue/src/plugins/index.js | 4 +- ZR.Vue/src/plugins/modal.js | 83 +++++++++++++++++++++++++++++++++++++ 2 files changed, 85 insertions(+), 2 deletions(-) create mode 100644 ZR.Vue/src/plugins/modal.js diff --git a/ZR.Vue/src/plugins/index.js b/ZR.Vue/src/plugins/index.js index 7add4cd..a846d62 100644 --- a/ZR.Vue/src/plugins/index.js +++ b/ZR.Vue/src/plugins/index.js @@ -1,7 +1,7 @@ import tab from './tab' // import auth from './auth' // import cache from './cache' -// import modal from './modal' +import modal from './modal' // import download from './download' export default { @@ -13,7 +13,7 @@ export default { // 缓存对象 // Vue.prototype.$cache = cache // 模态框对象 - // Vue.prototype.$modal = modal + Vue.prototype.$modal = modal // 下载文件 // Vue.prototype.$download = download } diff --git a/ZR.Vue/src/plugins/modal.js b/ZR.Vue/src/plugins/modal.js new file mode 100644 index 0000000..b37ca14 --- /dev/null +++ b/ZR.Vue/src/plugins/modal.js @@ -0,0 +1,83 @@ +import { Message, MessageBox, Notification, Loading } from 'element-ui' + +let loadingInstance; + +export default { + // 消息提示 + msg(content) { + Message.info(content) + }, + // 错误消息 + msgError(content) { + Message.error(content) + }, + // 成功消息 + msgSuccess(content) { + Message.success(content) + }, + // 警告消息 + msgWarning(content) { + Message.warning(content) + }, + // 弹出提示 + alert(content) { + MessageBox.alert(content, "系统提示") + }, + // 错误提示 + alertError(content) { + MessageBox.alert(content, "系统提示", { type: 'error' }) + }, + // 成功提示 + alertSuccess(content) { + MessageBox.alert(content, "系统提示", { type: 'success' }) + }, + // 警告提示 + alertWarning(content) { + MessageBox.alert(content, "系统提示", { type: 'warning' }) + }, + // 通知提示 + notify(content) { + Notification.info(content) + }, + // 错误通知 + notifyError(content) { + Notification.error(content); + }, + // 成功通知 + notifySuccess(content) { + Notification.success(content) + }, + // 警告通知 + notifyWarning(content) { + Notification.warning(content) + }, + // 确认窗体 + confirm(content) { + return MessageBox.confirm(content, "系统提示", { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: "warning", + }) + }, + // 提交内容 + prompt(content) { + return MessageBox.prompt(content, "系统提示", { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: "warning", + }) + }, + // 打开遮罩层 + loading(content) { + loadingInstance = Loading.service({ + lock: true, + text: content, + spinner: "el-icon-loading", + background: "rgba(0, 0, 0, 0.7)", + }) + }, + // 关闭遮罩层 + closeLoading() { + loadingInstance.close(); + } +}