From d06cd758303a4ff7108983ab8e1b3f6ac8796f4b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=9D=E5=8D=81?= <392706283@qq.com>
Date: Thu, 8 Sep 2022 17:40:10 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E9=99=A4debugger=EF=BC=8C=E5=90=8C?=
 =?UTF-8?q?=E6=97=B6=E5=A2=9E=E5=8A=A0=E4=BC=81=E4=B8=9A=E5=BE=AE=E4=BF=A1?=
 =?UTF-8?q?=E7=99=BB=E5=BD=95=E6=9E=9A=E4=B8=BE=E4=B8=8E=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vben28/src/store/modules/user.ts              |  1 -
 vben28/src/views/sys/login/Login.vue          |  2 ++
 vben28/src/views/sys/login/LoginForm.vue      | 10 ++++++
 vben28/src/views/sys/login/LoginFormTitle.vue |  2 +-
 vben28/src/views/sys/login/OidcSignIn.vue     |  1 -
 .../views/sys/login/WorkWeChatQrCodeForm.vue  | 31 +++++++++++++++++++
 vben28/src/views/sys/login/useLogin.ts        |  1 +
 7 files changed, 45 insertions(+), 3 deletions(-)
 create mode 100644 vben28/src/views/sys/login/WorkWeChatQrCodeForm.vue

diff --git a/vben28/src/store/modules/user.ts b/vben28/src/store/modules/user.ts
index 596ec090..b2af76dd 100644
--- a/vben28/src/store/modules/user.ts
+++ b/vben28/src/store/modules/user.ts
@@ -224,7 +224,6 @@ export const useUserStore = defineStore({
      */
     async logout(goLogin = false) {
       try {
-        debugger;
         if (this.userInfo?.isSts) {
           await useOidcLogout();
         } else {
diff --git a/vben28/src/views/sys/login/Login.vue b/vben28/src/views/sys/login/Login.vue
index d6073dda..eef4f167 100644
--- a/vben28/src/views/sys/login/Login.vue
+++ b/vben28/src/views/sys/login/Login.vue
@@ -55,6 +55,7 @@
             <RegisterForm />
             <MobileForm />
             <QrCodeForm />
+            <WorkWeChatQrCodeForm />
             <TenantLoginForm />
           </div>
         </div>
@@ -71,6 +72,7 @@
   import RegisterForm from './RegisterForm.vue';
   import MobileForm from './MobileForm.vue';
   import QrCodeForm from './QrCodeForm.vue';
+  import WorkWeChatQrCodeForm from './WorkWeChatQrCodeForm.vue';
   import TenantLoginForm from './TenantLoginForm.vue';
   import { useGlobSetting } from '/@/hooks/setting';
   import { useI18n } from '/@/hooks/web/useI18n';
diff --git a/vben28/src/views/sys/login/LoginForm.vue b/vben28/src/views/sys/login/LoginForm.vue
index 52cec808..1b0de8e8 100644
--- a/vben28/src/views/sys/login/LoginForm.vue
+++ b/vben28/src/views/sys/login/LoginForm.vue
@@ -40,7 +40,13 @@
         </Button>
       </ACol>
     </ARow>
+ <Divider class="enter-x">{{ t('sys.login.otherSignIn') }}</Divider>
 
+    <div class="flex justify-evenly enter-x" :class="`${prefixCls}-sign-in-way`">
+            <a-button type="link" @click="workWechatLogin" aria-placeholder="sf"
+        ><WechatFilled/>
+      </a-button>
+    </div>
   </Form>
 </template>
 <script lang="ts" setup>
@@ -96,6 +102,10 @@
   //onKeyStroke('Enter', handleLogin);
 
   const getShow = computed(() => unref(getLoginState) === LoginStateEnum.LOGIN);
+  function workWechatLogin(){
+    setLoginState(LoginStateEnum.WORKWECHAT_QR_CODE);
+    debugger
+  };
 
   async function handleLogin() {
     const data = await validForm();
diff --git a/vben28/src/views/sys/login/LoginFormTitle.vue b/vben28/src/views/sys/login/LoginFormTitle.vue
index 3a70c84b..15fbfdc1 100644
--- a/vben28/src/views/sys/login/LoginFormTitle.vue
+++ b/vben28/src/views/sys/login/LoginFormTitle.vue
@@ -11,7 +11,6 @@
   const { t } = useI18n();
 
   const { getLoginState } = useLoginState();
-
   const getFormTitle = computed(() => {
     const titleObj = {
       [LoginStateEnum.RESET_PASSWORD]: t('sys.login.forgetFormTitle'),
@@ -20,6 +19,7 @@
       [LoginStateEnum.MOBILE]: t('sys.login.mobileSignInFormTitle'),
       [LoginStateEnum.QR_CODE]: t('sys.login.qrSignInFormTitle'),
       [LoginStateEnum.TENANT]: t('sys.login.tenantFormTitle'),
+      [LoginStateEnum.WORKWECHAT_QR_CODE]: t('sys.login.workWeChatFormTitle'),
     };
     return titleObj[unref(getLoginState)];
   });
diff --git a/vben28/src/views/sys/login/OidcSignIn.vue b/vben28/src/views/sys/login/OidcSignIn.vue
index a92efaf4..38deec7b 100644
--- a/vben28/src/views/sys/login/OidcSignIn.vue
+++ b/vben28/src/views/sys/login/OidcSignIn.vue
@@ -19,7 +19,6 @@
       });
       const userStore = useUserStore();
       async function openLoading(absolute: boolean) {
-        debugger;
         compState.absolute = absolute;
         compState.loading = true;
         try {
diff --git a/vben28/src/views/sys/login/WorkWeChatQrCodeForm.vue b/vben28/src/views/sys/login/WorkWeChatQrCodeForm.vue
new file mode 100644
index 00000000..935721e5
--- /dev/null
+++ b/vben28/src/views/sys/login/WorkWeChatQrCodeForm.vue
@@ -0,0 +1,31 @@
+<template>
+  <template v-if="getShow">
+    <LoginFormTitle class="enter-x" />
+    <div class="enter-x min-w-64 min-h-64">
+      <QrCode
+        :value="qrCodeUrl"
+        class="enter-x flex justify-center xl:justify-start"
+        :width="280"
+      />
+      <Divider class="enter-x">{{ t('sys.login.scanSign') }}</Divider>
+      <Button size="large" block class="mt-4 enter-x" @click="handleBackLogin">
+        {{ t('sys.login.backSignIn') }}
+      </Button>
+    </div>
+  </template>
+</template>
+<script lang="ts" setup>
+  import { computed, unref } from 'vue';
+  import LoginFormTitle from './LoginFormTitle.vue';
+  import { Button, Divider } from 'ant-design-vue';
+  import { QrCode } from '/@/components/Qrcode/index';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useLoginState, LoginStateEnum } from './useLogin';
+
+  const qrCodeUrl = 'https://vvbin.cn/next/login';
+
+  const { t } = useI18n();
+  const { handleBackLogin, getLoginState } = useLoginState();
+
+  const getShow = computed(() => unref(getLoginState) === LoginStateEnum.WORKWECHAT_QR_CODE);
+</script>
diff --git a/vben28/src/views/sys/login/useLogin.ts b/vben28/src/views/sys/login/useLogin.ts
index 8c1e20fe..8bb24293 100644
--- a/vben28/src/views/sys/login/useLogin.ts
+++ b/vben28/src/views/sys/login/useLogin.ts
@@ -11,6 +11,7 @@ export enum LoginStateEnum {
   MOBILE,
   QR_CODE,
   TENANT,
+  WORKWECHAT_QR_CODE,
 }
 
 const currentState = ref(LoginStateEnum.LOGIN);