Newer
Older
Nanping_sponge_GCYPG / src / plugins / modal.js
@wuchuan wuchuan on 10 Nov 2023 1 KB update
  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. closeMessageAll() {
  28. ElMessage.closeAll()
  29. },
  30. // 弹出提示
  31. alert(content) {
  32. ElMessageBox.alert(content, "系统提示");
  33. },
  34. // 错误提示
  35. alertError(content) {
  36. ElMessageBox.alert(content, "系统提示", { type: "error" });
  37. },
  38. // 成功提示
  39. alertSuccess(content) {
  40. ElMessageBox.alert(content, "系统提示", { type: "success" });
  41. },
  42. // 警告提示
  43. alertWarning(content) {
  44. ElMessageBox.alert(content, "系统提示", { type: "warning" });
  45. },
  46. // 通知提示
  47. notify(content) {
  48. ElNotification.info(content);
  49. },
  50. // 错误通知
  51. notifyError(content) {
  52. ElNotification.error(content);
  53. },
  54. // 成功通知
  55. notifySuccess(content) {
  56. ElNotification.success(content);
  57. },
  58. // 警告通知
  59. notifyWarning(content) {
  60. ElNotification.warning(content);
  61. },
  62. // 确认窗体
  63. confirm(content, confirmButtonText, cancelButtonText) {
  64. return ElMessageBox.confirm(content, "系统提示", {
  65. confirmButtonText: confirmButtonText || "确定",
  66. cancelButtonText: cancelButtonText || "取消",
  67. type: "warning",
  68. });
  69. },
  70. // 提交内容
  71. prompt(content) {
  72. return ElMessageBox.prompt(content, "系统提示", {
  73. confirmButtonText: "确定",
  74. cancelButtonText: "取消",
  75. type: "warning",
  76. });
  77. },
  78. // 打开遮罩层
  79. loading(content) {
  80. loadingInstance = ElLoading.service({
  81. lock: true,
  82. text: content,
  83. background: "rgba(0, 0, 0, 0.7)",
  84. });
  85. },
  86. // 关闭遮罩层
  87. closeLoading() {
  88. loadingInstance.close();
  89. },
  90. };