使用uuid包来生成uuidv4

main/manager-mobile/src/pages/register/index.vue

@@ -9,15 +9,16 @@
 </route>
 
 <script lang="ts" setup>
-import { computed, onMounted, ref } from 'vue'
-import { register, sendSmsCode } from '@/api/auth'
-import { useConfigStore } from '@/store'
-import { getEnvBaseUrl } from '@/utils'
-import { toast } from '@/utils/toast'
+import { computed, onMounted, ref } from 'vue';
+import { register, sendSmsCode } from '@/api/auth';
+import { v4 as uuidv4 } from 'uuid';
+import { useConfigStore } from '@/store';
+import { getEnvBaseUrl } from '@/utils';
+import { toast } from '@/utils/toast';
 // 导入国际化相关功能
-import { t, initI18n } from '@/i18n'
+import { t, initI18n } from '@/i18n';
 // 导入SM2加密工具
-import { sm2Encrypt } from '@/utils'
+import { sm2Encrypt } from '@/utils';
 
 // 获取屏幕边界到安全区域距离
 let safeAreaInsets
@@ -124,20 +125,11 @@ function closeAreaCodeSheet() {
   showAreaCodeSheet.value = false
 }
 
-// 生成UUID
-function generateUUID() {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
-    const r = (Math.random() * 16) | 0
-    const v = c === 'x' ? r : (r & 0x3) | 0x8
-    return v.toString(16)
-  })
-}
-
 // 获取验证码
 async function refreshCaptcha() {
-  const uuid = generateUUID()
-  formData.value.captchaId = uuid
-  captchaImage.value = `${getEnvBaseUrl()}/user/captcha?uuid=${uuid}&t=${Date.now()}`
+  const uuid = uuidv4();
+  formData.value.captchaId = uuid;
+  captchaImage.value = `${getEnvBaseUrl()}/user/captcha?uuid=${uuid}&t=${Date.now()}`;
 }
 
 // 发送短信验证码