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(); + } +}