Newer
Older
urbanLifeline_YanAn / src / plugins / modal.js
@zhangqy zhangqy on 3 Oct 1 KB first commit
  1. import {
  2. ElMessage,
  3. ElMessageBox,
  4. ElNotification,
  5. ElLoading,
  6. } from "element-plus";
  7.  
  8. let loadingInstance;
  9.  
  10. export default {
  11. // 消息提示
  12. msg(content) {
  13. ElMessage.info(content);
  14. },
  15. // 错误消息
  16. msgError(content) {
  17. ElMessage.error(content);
  18. },
  19. // 成功消息
  20. msgSuccess(content) {
  21. ElMessage.success(content);
  22. },
  23. // 警告消息
  24. msgWarning(content) {
  25. ElMessage.warning(content);
  26. },
  27. // 弹出提示
  28. alert(content) {
  29. ElMessageBox.alert(content, "系统提示");
  30. },
  31. // 错误提示
  32. alertError(content) {
  33. ElMessageBox.alert(content, "系统提示", { type: "error" });
  34. },
  35. // 成功提示
  36. alertSuccess(content) {
  37. ElMessageBox.alert(content, "系统提示", { type: "success" });
  38. },
  39. // 警告提示
  40. alertWarning(content) {
  41. ElMessageBox.alert(content, "系统提示", { type: "warning" });
  42. },
  43. // 通知提示
  44. notify(content) {
  45. ElNotification.info(content);
  46. },
  47. // 错误通知
  48. notifyError(content) {
  49. ElNotification.error(content);
  50. },
  51. // 成功通知
  52. notifySuccess(content) {
  53. ElNotification.success(content);
  54. },
  55. // 警告通知
  56. notifyWarning(content) {
  57. ElNotification.warning(content);
  58. },
  59. // 确认窗体
  60. confirm(content, confirmButtonText, cancelButtonText) {
  61. return ElMessageBox.confirm(content, "系统提示", {
  62. confirmButtonText: confirmButtonText || "确定",
  63. cancelButtonText: cancelButtonText || "取消",
  64. type: "warning",
  65. });
  66. },
  67. // 提交内容
  68. prompt(content) {
  69. return ElMessageBox.prompt(content, "系统提示", {
  70. confirmButtonText: "确定",
  71. cancelButtonText: "取消",
  72. type: "warning",
  73. });
  74. },
  75. // 打开遮罩层
  76. loading(content) {
  77. loadingInstance = ElLoading.service({
  78. lock: true,
  79. text: content,
  80. background: "rgba(0, 0, 0, 0.7)",
  81. });
  82. },
  83. // 关闭遮罩层
  84. closeLoading() {
  85. loadingInstance.close();
  86. },
  87. };