master: Fixed 优化登录

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

@@ -1,7 +1,7 @@
 <template>
   <div class="login-form-wrapper">
     <div class="login-form-title">{{ $t('login.form.title') }}</div>
-    <div class="login-form-sub-title">{{ $t('login.form.title') }}</div>
+    <!-- <div class="login-form-sub-title">{{ $t('login.form.title') }}</div> -->
     <div class="login-form-error-msg">{{ errorMessage }}</div>
     <a-form
       ref="loginForm"
@@ -82,8 +82,8 @@
 
   const loginConfig = useStorage('login-config', {
     rememberPassword: true,
-    username: 'admin', // 演示默认值
-    password: 'admin', // demo default value
+    username: '', // 演示默认值
+    password: '', // demo default value
   });
   const userInfo = reactive({
     username: loginConfig.value.username,
@@ -100,27 +100,43 @@
     if (loading.value) return;
     if (!errors) {
       setLoading(true);
-      try {
-        await userStore.login(values as LoginData);
-        const { redirect, ...othersQuery } = router.currentRoute.value.query;
-        router.push({
-          name: (redirect as string) || 'dashboard',
-          query: {
-            ...othersQuery,
-          },
-        });
-        Message.success(t('login.form.login.success'));
-        const { rememberPassword } = loginConfig.value;
-        const { username, password } = values;
-        // 实际生产环境需要进行加密存储。
-        // The actual production environment requires encrypted storage.
-        loginConfig.value.username = rememberPassword ? username : '';
-        loginConfig.value.password = rememberPassword ? password : '';
-      } catch (err) {
-        errorMessage.value = (err as Error).message;
-      } finally {
-        setLoading(false);
-      }
+      setTimeout(() => {
+        try {
+          const { rememberPassword } = loginConfig.value;
+          const { username, password } = values;
+
+          const loginF = async () => {
+            await userStore.login(values as LoginData);
+            const { redirect, ...othersQuery } =
+              router.currentRoute.value.query;
+            router.push({
+              name: (redirect as string) || 'dashboard',
+              query: {
+                ...othersQuery,
+              },
+            });
+            Message.success(t('login.form.login.success'));
+            // 实际生产环境需要进行加密存储。
+            // The actual production environment requires encrypted storage.
+            loginConfig.value.username = rememberPassword ? username : '';
+            loginConfig.value.password = rememberPassword ? password : '';
+          };
+
+          if (username === 'sctest1' && password === '123456') {
+            loginF();
+          } else if (username === 'sctest2' && password === '123456') {
+            loginF();
+          } else if (username === 'sctest3' && password === '123456') {
+            loginF();
+          } else {
+            Message.error(t('login.form.login.errMsg2'));
+          }
+        } catch (err) {
+          errorMessage.value = (err as Error).message;
+        } finally {
+          setLoading(false);
+        }
+      }, 500);
     }
   };
   const setRememberPassword = (value: boolean) => {

src/views/login/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div class="container" :style="{ background: '#051636' }">
     <div class="logo">
       <img alt="logo" :src="Logo" height="30" />
       <div class="logo-text" :style="{ color: '#fff' }">便携式设备管理平台</div>

src/views/login/locale/en-US.ts

@@ -3,9 +3,10 @@ export default {
   'login.form.userName.errMsg': 'Username cannot be empty',
   'login.form.password.errMsg': 'Password cannot be empty',
   'login.form.login.errMsg': 'Login error, refresh and try again',
+  'login.form.login.errMsg2': 'Incorrect username or password',
   'login.form.login.success': 'welcome to use',
-  'login.form.userName.placeholder': 'Username: admin',
-  'login.form.password.placeholder': 'Password: admin',
+  'login.form.userName.placeholder': 'Username',
+  'login.form.password.placeholder': 'Password',
   'login.form.rememberPassword': 'Remember password',
   'login.form.forgetPassword': 'Forgot password',
   'login.form.login': 'login',

src/views/login/locale/zh-CN.ts

@@ -3,9 +3,10 @@ export default {
   'login.form.userName.errMsg': '用户名不能为空',
   'login.form.password.errMsg': '密码不能为空',
   'login.form.login.errMsg': '登录出错，轻刷新重试',
+  'login.form.login.errMsg2': '用户名或密码错误',
   'login.form.login.success': '欢迎使用',
-  'login.form.userName.placeholder': '用户名：admin',
-  'login.form.password.placeholder': '密码：admin',
+  'login.form.userName.placeholder': '用户名',
+  'login.form.password.placeholder': '密码',
   'login.form.rememberPassword': '记住密码',
   'login.form.forgetPassword': '忘记密码',
   'login.form.login': '登录',