edit login page

frontend/vben/src/locales/lang/zh-CN/component.ts

@@ -123,8 +123,8 @@ export default {
     reUploadFailed: '重新上传失败文件',
   },
   verify: {
-    error: '验证失败！',
+    error: '验证失败!',
-    time: '验证校验成功,耗时{time}秒！',
+    time: '验证校验成功, 耗时{time}秒!',
 
     redoTip: '点击图片可刷新',
 

frontend/vben/src/locales/lang/zh-CN/layout.ts

@@ -45,7 +45,7 @@ export default {
     minute: '分钟',
 
     operatingTitle: '操作成功',
-    operatingContent: '复制成功,请到 src/settings/projectSetting.ts 中修改配置！',
+    operatingContent: '复制成功, 请到 src/settings/projectSetting.ts 中修改配置！',
     resetSuccess: '重置成功！',
 
     copyBtn: '拷贝',

frontend/vben/src/locales/lang/zh-CN/routes/dashboard.ts

@@ -1,5 +1,5 @@
 export default {
-  dashboard: 'Dashboard',
+  dashboard: '仪表板',
   about: '关于',
   workbench: '工作台',
   analysis: '分析页',

frontend/vben/src/locales/lang/zh-CN/sys.ts

@@ -2,22 +2,22 @@ export default {
   api: {
     operationFailed: '操作失败',
     errorTip: '错误提示',
-    errorMessage: '操作失败,系统异常!',
+    errorMessage: '操作失败, 系统异常!',
-    timeoutMessage: '登录超时,请重新登录!',
+    timeoutMessage: '登录超时, 请重新登录!',
-    apiTimeoutMessage: '接口请求超时,请刷新页面重试!',
+    apiTimeoutMessage: '接口请求超时, 请刷新页面重试!',
-    apiRequestFailed: '请求出错，请稍候重试',
+    apiRequestFailed: '请求出错, 请稍候重试',
     networkException: '网络异常',
-    networkExceptionMsg: '网络异常，请检查您的网络连接是否正常!',
+    networkExceptionMsg: '网络异常, 请检查您的网络连接是否正常!',
 
     errMsg401: '用户没有权限（令牌、用户名、密码错误）!',
-    errMsg403: '用户得到授权，但是访问是被禁止的。!',
+    errMsg403: '用户得到授权, 但是访问是被禁止的.',
-    errMsg404: '网络请求错误,未找到该资源!',
+    errMsg404: '网络请求错误, 未找到该资源!',
-    errMsg405: '网络请求错误,请求方法未允许!',
+    errMsg405: '网络请求错误, 请求方法未允许!',
     errMsg408: '网络请求超时!',
-    errMsg500: '服务器错误,请联系管理员!',
+    errMsg500: '服务器错误, 请联系管理员!',
     errMsg501: '网络未实现!',
     errMsg502: '网络错误!',
-    errMsg503: '服务不可用，服务器暂时过载或维护!',
+    errMsg503: '服务不可用, 服务器暂时过载或维护!',
     errMsg504: '网络超时!',
     errMsg505: 'http版本不支持该请求!',
   },
@@ -42,17 +42,17 @@ export default {
     fireResourceError: '点击触发资源加载错误',
     fireAjaxError: '点击触发ajax错误',
 
-    enableMessage: '只在`/src/settings/projectSetting.ts` 内的useErrorHandle=true时生效.',
+    enableMessage: '只在`/src/settings/projectSetting.ts`内的useErrorHandle=true时生效.',
   },
   exception: {
     backLogin: '返回登录',
     backHome: '返回首页',
-    subTitle403: '抱歉，您无权访问此页面。',
+    subTitle403: '抱歉, 您无权访问此页面.',
-    subTitle404: '抱歉，您访问的页面不存在。',
+    subTitle404: '抱歉, 您访问的页面不存在.',
-    subTitle500: '抱歉，服务器报告错误。',
+    subTitle500: '抱歉, 服务器报告错误.',
     noDataTitle: '当前页无数据',
     networkErrorTitle: '网络错误',
-    networkErrorSubTitle: '抱歉，您的网络连接已断开，请检查您的网络！',
+    networkErrorSubTitle: '抱歉, 您的网络连接已断开, 请检查您的网络!',
   },
   login: {
     backSignIn: '返回',
@@ -61,10 +61,10 @@ export default {
     signUpFormTitle: '注册',
     forgetFormTitle: '重置密码',
 
-    signInTitle: '开箱即用的中后台管理系统',
+    signInTitle: '电子科技大学试卷管理系统',
-    signInDesc: '输入您的个人详细信息开始使用！',
+    signInDesc: '{0}安, 祝您工作顺利',
     policy: '我同意xxx隐私政策',
-    scanSign: `扫码后点击"确认"，即可完成登录`,
+    scanSign: `扫码后点击"确认", 即可完成登录`,
 
     loginButton: '登录',
     registerButton: '注册',

frontend/vben/src/views/sys/login/Login.vue

@@ -27,7 +27,17 @@
               <span class="inline-block mt-4 text-3xl"> {{ t('sys.login.signInTitle') }}</span>
             </div>
             <div class="mt-5 font-normal text-white dark:text-gray-500 -enter-x">
-              {{ t('sys.login.signInDesc') }}
+              {{
+                t(
+                  'sys.login.signInDesc',
+                  ((): string[] => {
+                    let hour: number = new Date().getHours()
+                    if (hour < 10) return ['早']
+                    else if (hour < 19) return ['午']
+                    else return ['晚']
+                  })(),
+                )
+              }}
             </div>
           </div>
         </div>

frontend/vben/src/views/sys/login/LoginForm.vue

@@ -1,28 +1,37 @@
 <template>
   <LoginFormTitle v-show="getShow" class="enter-x" />
-  <Form
+  <!--<Form
     class="p-4 enter-x"
     :model="formData"
     :rules="getFormRules"
     ref="formRef"
     v-show="getShow"
     @keypress.enter="handleLogin"
+  >-->
+  <Form
+    class="p-4 enter-x"
+    :rules="getFormRules"
+    ref="formRef"
+    v-show="getShow"
+    @keypress.enter="handleLogin"
   >
     <FormItem name="account" class="enter-x">
-      <Input
+      <Input size="large" :placeholder="t('sys.login.userName')" class="fix-auto-fill" />
+      <!--<Input
         size="large"
         v-model:value="formData.account"
         :placeholder="t('sys.login.userName')"
         class="fix-auto-fill"
-      />
+      /> -->
     </FormItem>
     <FormItem name="password" class="enter-x">
-      <InputPassword
+      <InputPassword size="large" visibilityToggle :placeholder="t('sys.login.password')" />
+      <!-- <InputPassword
         size="large"
         visibilityToggle
         v-model:value="formData.password"
         :placeholder="t('sys.login.password')"
-      />
+      />-->
     </FormItem>
 
     <ARow class="enter-x">
@@ -72,7 +81,7 @@
   </Form>
 </template>
 <script lang="ts" setup>
-  import { reactive, ref, unref, computed } from 'vue'
+  import { /*reactive,*/ ref, unref, computed } from 'vue'
 
   import { Checkbox, Form, Input, Row, Col, Button } from 'ant-design-vue'
   import LoginFormTitle from './LoginFormTitle.vue'
@@ -101,10 +110,10 @@
   const loading = ref(false)
   const rememberMe = ref(false)
 
-  const formData = reactive({
+  /*const formData = reactive({
     account: 'vben',
     password: '123456',
-  })
+  })*/
 
   const { validForm } = useFormValid(formRef)