feat

src/views/login/components/login-form.vue

@@ -5,12 +5,12 @@
     <div class="login-form-error-msg">{{ errorMessage }}</div>
     <a-form ref="loginForm" :model="userInfo" class="login-form" layout="vertical" @submit="handleSubmit">
       <a-form-item
-        field="username"
-        :rules="[{ required: true, message: $t('login.form.userName.errMsg') }]"
+        field="account"
+        :rules="[{ required: true, message: '请输入账号' }]"
         :validate-trigger="['change', 'blur']"
         hide-label
       >
-        <a-input v-model="userInfo.username" :placeholder="$t('login.form.userName.placeholder')">
+        <a-input v-model="userInfo.account" placeholder="账号">
           <template #prefix>
             <icon-user />
           </template>
@@ -18,11 +18,11 @@
       </a-form-item>
       <a-form-item
         field="password"
-        :rules="[{ required: true, message: $t('login.form.password.errMsg') }]"
+        :rules="[{ required: true, message: '请输入密码' }]"
         :validate-trigger="['change', 'blur']"
         hide-label
       >
-        <a-input-password v-model="userInfo.password" :placeholder="$t('login.form.password.placeholder')" allow-clear>
+        <a-input-password v-model="userInfo.password" placeholder="密码" allow-clear>
           <template #prefix>
             <icon-lock />
           </template>
@@ -44,7 +44,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { LoginData } from '@/api/user'
+import type { LoginData } from '@/api/types'
 import useLoading from '@/hooks/loading'
 import { useUserStore } from '@/store'
 import { Message } from '@arco-design/web-vue'
@@ -62,11 +62,11 @@ const userStore = useUserStore()
 
 const loginConfig = useStorage('login-config', {
   rememberPassword: true,
-  username: 'admin', // 演示默认值
-  password: 'admin', // demo default value
+  account: '',
+  password: '',
 })
 const userInfo = reactive({
-  username: loginConfig.value.username,
+  account: loginConfig.value.account,
   password: loginConfig.value.password,
 })
 
@@ -85,10 +85,10 @@ const handleSubmit = async ({ errors, values }: { errors: Record<string, Validat
       })
       Message.success(t('login.form.login.success'))
       const { rememberPassword } = loginConfig.value
-      const { username, password } = values
+      const { account, password } = values
       // 实际生产环境需要进行加密存储。
       // The actual production environment requires encrypted storage.
-      loginConfig.value.username = rememberPassword ? username : ''
+      loginConfig.value.account = rememberPassword ? account : ''
       loginConfig.value.password = rememberPassword ? password : ''
     } catch (err) {
       errorMessage.value = (err as Error).message