refactor: ♻️ 完善 typescript 类型，重构代码

Former-commit-id: 5ac4e273aaab2b068e28da5146f516da80a8852b

src/views/dashboard/index.vue

@@ -87,7 +87,7 @@ orderCount.value = 2000;
             <el-statistic :value="99">
               <template #title>
                 <div class="flex items-center">
-                  <svg-icon icon-class="message" :size="20" />
+                  <svg-icon icon-class="message" size="20px" />
                   <span class="text-[16px] ml-1">消息</span>
                 </div>
               </template>
@@ -96,7 +96,7 @@ orderCount.value = 2000;
             <el-statistic :value="50">
               <template #title>
                 <div class="flex items-center">
-                  <svg-icon icon-class="todolist" :size="20" />
+                  <svg-icon icon-class="todolist" size="20px" />
                   <span class="text-[16px] ml-1">待办</span>
                 </div>
               </template>
@@ -106,7 +106,7 @@ orderCount.value = 2000;
             <el-statistic :value="10">
               <template #title>
                 <div class="flex items-center">
-                  <svg-icon icon-class="project" :size="20" />
+                  <svg-icon icon-class="project" size="20px" />
                   <span class="text-[16px] ml-1">项目</span>
                 </div>
               </template>

src/views/login/index.vue

@@ -70,15 +70,15 @@
         </el-tooltip>
 
         <!-- 验证码 -->
-        <el-form-item prop="verifyCode">
+        <el-form-item prop="captchaCode">
           <span class="p-2">
-            <svg-icon icon-class="verify-code" />
+            <svg-icon icon-class="captcha" />
           </span>
 
           <el-input
-            v-model="loginData.verifyCode"
+            v-model="loginData.captchaCode"
             auto-complete="off"
-            :placeholder="$t('login.verifyCode')"
+            :placeholder="$t('login.captchaCode')"
             class="w-[60%]"
             @keyup.enter="handleLogin"
           />
@@ -211,11 +211,11 @@ const loginRules = computed(() => {
         message: `${prefix}${t("login.password")}`,
       },
     ],
-    verifyCode: [
+    captchaCode: [
       {
         required: true,
         trigger: "blur",
-        message: `${prefix}${t("login.verifyCode")}`,
+        message: `${prefix}${t("login.captchaCode")}`,
       },
     ],
   };
@@ -234,9 +234,8 @@ function checkCapslock(e: any) {
  */
 function getCaptcha() {
   getCaptchaApi().then(({ data }) => {
-    const { captchaImgBase64, verifyCodeKey } = data;
-    loginData.value.verifyCodeKey = verifyCodeKey;
-    captchaBase64.value = captchaImgBase64;
+    loginData.value.captchaKey = data.captchaKey;
+    captchaBase64.value = data.captchaBase64;
   });
 }