Kaynağa Gözat

```
feat(auth): 替换消息提示工具为自定义DGTMessage

将登录模块中的ElMessage替换为统一的消息提示工具DGTMessage,
并完成该工具的全局注册,提升消息提示的一致性和可维护性。
同时移除了调试用的console.log代码。
```

zhangningning 1 hafta önce
ebeveyn
işleme
21283c7a2f
3 değiştirilmiş dosya ile 61 ekleme ve 7 silme
  1. 2 7
      src/components/LoginDialog.vue
  2. 5 0
      src/main.js
  3. 54 0
      src/utils/message.js

+ 2 - 7
src/components/LoginDialog.vue

@@ -213,6 +213,7 @@
 <script setup>
 import { ref, reactive, watch, computed } from 'vue'
 import { ElMessage } from 'element-plus'
+import DGTMessage from '@/utils/message'
 import QQIcon from '@/assets/imgs/QQ.png'
 import WeChatIcon from '@/assets/imgs/WeChat.png'
 import { getCaptcha, loginUsername, loginPhone, loginEmail, getSmsCode, getEmailCode, resetPassword, getPasswordresetCode } from '@/api/auth.js'
@@ -252,12 +253,6 @@ const getCaptchaFn = async (type) => {
     } else {
       captchaImg.value = 'data:image/jpeg;base64,' + res.data?.img;
     }
-    console.log(res)
-    // if (res.code === 200) {
-    //   ElMessage.success('验证码获取成功')
-    // } else {
-    //   ElMessage.error(res.msg || '验证码获取失败')
-    // }
   } catch (error) {
     ElMessage.error(error.message || '验证码获取失败')
   }
@@ -480,7 +475,7 @@ const handleSmsLogin = () => {
 // 发送重置密码验证码
 const sendPasswordresetCode = async () => {
   if (!resetForm.account) {
-    ElMessage.warning('请先输入手机号或邮箱')
+    DGTMessage.warning('请先输入手机号或邮箱')
     return
   }
 

+ 5 - 0
src/main.js

@@ -6,6 +6,9 @@ import router from './router'
 // import './styles/index.scss'
 import App from './App.vue'
 import i18n from './i18n' // 导入i18n配置
+// 导入自定义消息工具
+import message from './utils/message'
+
 
 // 如果您正在使用CDN引入,请删除下面一行。
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
@@ -26,5 +29,7 @@ app.use(router)
 app.use(ElementPlus)
 // 全局注册 Breadcrumb 组件
 app.component('Breadcrumb', Breadcrumb)
+// 全局注册消息工具
+app.config.globalProperties.$message = message;
 
 app.mount('#app')

+ 54 - 0
src/utils/message.js

@@ -0,0 +1,54 @@
+import { ElMessage } from 'element-plus'
+
+// 全局消息提示配置
+const DGTMessage = {
+  // 成功消息
+  success: (message) => {
+    return ElMessage({
+      message,
+      type: 'success',
+      duration: 2000,
+      showClose: true
+    })
+  },
+  
+  // 错误消息
+  error: (message) => {
+    return ElMessage({
+      message,
+      type: 'error',
+      duration: 3000,
+      showClose: true
+    })
+  },
+  
+  // 警告消息
+  warning: (message) => {
+    return ElMessage({
+      message,
+      type: 'warning',
+      duration: 2500,
+      showClose: true
+    })
+  },
+  
+  // 信息消息
+  info: (message) => {
+    return ElMessage({
+      message,
+      type: 'info',
+      duration: 2000,
+      showClose: true
+    })
+  },
+  
+  // 自定义消息
+  custom: (options) => {
+    return ElMessage({
+      ...options,
+      showClose: options.showClose !== false // 默认显示关闭按钮
+    })
+  }
+}
+
+export default DGTMessage