From 074f9282dd410e25c8e3785b931fa10106e9ee8b Mon Sep 17 00:00:00 2001
From: caiyuchao <caiyuchao@agrandtech.com>
Date: Tue, 26 Nov 2024 10:07:56 +0800
Subject: [PATCH] fix: fix login page

---
 README.md                                      |  2 ++
 src/views/_builtin/login/modules/pwd-login.vue | 14 +++++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index d298789..a7d1c1e 100644
--- a/README.md
+++ b/README.md
@@ -14,6 +14,8 @@
 
 **安装依赖**
 
+npm install -g pnpm
+
 ```bash
 pnpm i
 ```
diff --git a/src/views/_builtin/login/modules/pwd-login.vue b/src/views/_builtin/login/modules/pwd-login.vue
index fe74363..8ccd74d 100644
--- a/src/views/_builtin/login/modules/pwd-login.vue
+++ b/src/views/_builtin/login/modules/pwd-login.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import { $t } from '@/locales';
+import { loginModuleRecord } from '@/constants/app';
+import { useRouterPush } from '@/hooks/common/router';
 import { useAntdForm, useFormRules } from '@/hooks/common/form';
 import { useAuthStore } from '@/store/modules/auth';
 
@@ -8,6 +10,7 @@ defineOptions({
 });
 
 const authStore = useAuthStore();
+const { toggleLoginModule } = useRouterPush();
 const { formRef, validate } = useAntdForm();
 const { patternRules } = useFormRules();
 const codeImg = ref('');
@@ -69,11 +72,20 @@ async function getCheckCode() {
     <ASpace direction="vertical" size="large" class="w-full">
       <div class="flex-y-center justify-between">
         <ACheckbox>{{ $t('page.login.pwdLogin.rememberMe') }}</ACheckbox>
-        <AButton type="text">{{ $t('page.login.pwdLogin.forgetPassword') }}</AButton>
+        <AButton type="text" @click="toggleLoginModule('reset-pwd')">{{ $t('page.login.pwdLogin.forgetPassword') }}</AButton>
       </div>
       <AButton type="primary" block size="large" shape="round" :loading="authStore.loginLoading" @click="handleSubmit">
         {{ $t('common.confirm') }}
       </AButton>
+      <div class="flex-y-center justify-between">
+        <AButton class="h-34px flex-1" block @click="toggleLoginModule('code-login')">
+          {{ $t(loginModuleRecord['code-login']) }}
+        </AButton>
+        <div class="w-12px"></div>
+        <AButton class="h-34px flex-1" block @click="toggleLoginModule('register')">
+          {{ $t(loginModuleRecord.register) }}
+        </AButton>
+      </div>
     </ASpace>
   </AForm>
 </template>