From 4340a0aadb0cdaa9c0933353f20c5dda95389896 Mon Sep 17 00:00:00 2001
From: wxg0103 <727495428@qq.com>
Date: Tue, 4 Nov 2025 16:05:34 +0800
Subject: [PATCH] fix: update WeCom QR code handling to use iframe and include
 callback URL

---
 .../user-login/scanCompinents/wecomQrCode.vue | 67 ++++---------------
 .../login/scanCompinents/wecomQrCode.vue      | 64 +++++-------------
 2 files changed, 30 insertions(+), 101 deletions(-)

diff --git a/ui/src/views/chat/user-login/scanCompinents/wecomQrCode.vue b/ui/src/views/chat/user-login/scanCompinents/wecomQrCode.vue
index 8f5070cfd..5c42c886e 100644
--- a/ui/src/views/chat/user-login/scanCompinents/wecomQrCode.vue
+++ b/ui/src/views/chat/user-login/scanCompinents/wecomQrCode.vue
@@ -1,78 +1,39 @@
 <template>
-  <div id="wecom-qr" class="wecom-qr flex"></div>
+  <iframe :src="iframeUrl" width="100%" height="380px" frameborder="0"></iframe>
 </template>
 
 <script lang="ts" setup>
-import {useRoute, useRouter} from 'vue-router'
-import * as ww from '@wecom/jssdk'
-import {
-  WWLoginLangType,
-  WWLoginPanelSizeType,
-  WWLoginRedirectType,
-  WWLoginType
-} from '@wecom/jssdk'
 import {ref, nextTick, defineProps} from 'vue'
-import {MsgError} from '@/utils/message'
-import useStore from '@/stores'
 import {getBrowserLang} from '@/locales'
 
-const router = useRouter()
-const route = useRoute()
-const {
-  params: {accessToken},
-} = route as any
-const wwLogin = ref({})
-const obj = ref<any>({isWeComLogin: false})
-const {chatUser} = useStore()
-
 const props = defineProps<{
   config: {
     app_secret: string
     app_key: string
     corp_id?: string
     agent_id?: string
+    callback_url: string
   }
 }>()
 
+const iframeUrl = ref('')
 const init = async () => {
   await nextTick() // 确保DOM已更新
   const data = {
     corpId: props.config.corp_id,
-    agentId: props.config.agent_id
+    agentId: props.config.agent_id,
+    redirectUri: props.config.callback_url,
   }
-  const lang = localStorage.getItem('MaxKB-locale') || getBrowserLang() || 'en-US'
-  const redirectUri = window.location.origin
-  try {
-    wwLogin.value = ww.createWWLoginPanel({
-      el: '#wecom-qr',
-      params: {
-        login_type: WWLoginType.corpApp,
-        appid: data.corpId || '',
-        agentid: data.agentId,
-        redirect_uri: redirectUri,
-        state: 'fit2cloud-wecom-qr',
-        lang: lang === 'zh-CN' || lang === 'zh-Hant' ? WWLoginLangType.zh : WWLoginLangType.en,
-        redirect_type: WWLoginRedirectType.callback,
-        panel_size: WWLoginPanelSizeType.small
-      },
-      onCheckWeComLogin: obj.value,
-      async onLoginSuccess({code}: any) {
-        chatUser.wecomCallback(code, accessToken).then(() => {
-          setTimeout(() => {
-            router.push({
-              name: 'chat',
-              params: {accessToken: accessToken},
-              query: route.query,
-            })
-          })
-        })
-      },
-      onLoginFail(err) {
-        MsgError(`${err.errMsg}`)
-      }
-    })
-  } catch (error) {
+  let lang = localStorage.getItem('MaxKB-locale') || getBrowserLang() || 'en-US'
+  if (lang === 'en-US') {
+    lang = 'en'
+  } else {
+    lang = 'zh'
   }
+  const redirectUri = encodeURIComponent(data.redirectUri)
+  console.log('redirectUri', data.redirectUri)
+  // 手动构建生成二维码的url
+  iframeUrl.value = `https://login.work.weixin.qq.com/wwlogin/sso/login?login_type=CorpApp&appid=${data.corpId}&agentid=${data.agentId}&redirect_uri=${redirectUri}&state=fit2cloud-wecom-qr&lang=${lang}&lang=${lang}&panel_size=small`
 }
 
 init()
diff --git a/ui/src/views/login/scanCompinents/wecomQrCode.vue b/ui/src/views/login/scanCompinents/wecomQrCode.vue
index 8bf44169a..280c3674e 100644
--- a/ui/src/views/login/scanCompinents/wecomQrCode.vue
+++ b/ui/src/views/login/scanCompinents/wecomQrCode.vue
@@ -1,25 +1,10 @@
 <template>
-  <div id="wecom-qr" class="wecom-qr flex"></div>
+  <iframe :src="iframeUrl" width="100%" height="380px" frameborder="0"></iframe>
 </template>
 
 <script lang="ts" setup>
-import { useRouter } from 'vue-router'
-import * as ww from '@wecom/jssdk'
-import {
-  WWLoginLangType,
-  WWLoginPanelSizeType,
-  WWLoginRedirectType,
-  WWLoginType
-} from '@wecom/jssdk'
-import { ref, nextTick, defineProps } from 'vue'
-import { MsgError } from '@/utils/message'
-import useStore from '@/stores'
-import { getBrowserLang } from '@/locales'
-const router = useRouter()
-const { login } = useStore()
-const wwLogin = ref({})
-const obj = ref<any>({ isWeComLogin: false })
-
+import {ref, nextTick, defineProps} from 'vue'
+import {getBrowserLang} from '@/locales'
 
 const props = defineProps<{
   config: {
@@ -27,45 +12,28 @@ const props = defineProps<{
     app_key: string
     corp_id?: string
     agent_id?: string
+    callback_url: string
   }
 }>()
 
+const iframeUrl = ref('')
 const init = async () => {
   await nextTick() // 确保DOM已更新
   const data = {
     corpId: props.config.corp_id,
-    agentId: props.config.agent_id
+    agentId: props.config.agent_id,
+    redirectUri: props.config.callback_url,
   }
-  const lang = localStorage.getItem('MaxKB-locale') || getBrowserLang() || 'en-US'
-  const redirectUri = window.location.origin
-  console.log('redirectUri', redirectUri)
-  try {
-    wwLogin.value = ww.createWWLoginPanel({
-      el: '#wecom-qr',
-      params: {
-        login_type: WWLoginType.corpApp,
-        appid: data.corpId || '',
-        agentid: data.agentId,
-        redirect_uri: redirectUri,
-        state: 'fit2cloud-wecom-qr',
-        lang: lang === 'zh-CN' || lang === 'zh-Hant' ? WWLoginLangType.zh : WWLoginLangType.en,
-        redirect_type: WWLoginRedirectType.callback,
-        panel_size: WWLoginPanelSizeType.small
-      },
-      onCheckWeComLogin: obj.value,
-      async onLoginSuccess({ code }: any) {
-        login.wecomCallback(code).then(() => {
-          setTimeout(() => {
-            router.push({ name: 'home' })
-          })
-        })
-      },
-      onLoginFail(err) {
-        MsgError(`${err.errMsg}`)
-      }
-    })
-  } catch (error) {
+  let lang = localStorage.getItem('MaxKB-locale') || getBrowserLang() || 'en-US'
+  if (lang === 'en-US') {
+    lang = 'en'
+  } else {
+    lang = 'zh'
   }
+  const redirectUri = encodeURIComponent(data.redirectUri)
+  console.log('redirectUri', data.redirectUri)
+  // 手动构建生成二维码的url
+  iframeUrl.value = `https://login.work.weixin.qq.com/wwlogin/sso/login?login_type=CorpApp&appid=${data.corpId}&agentid=${data.agentId}&redirect_uri=${redirectUri}&state=fit2cloud-wecom-qr&lang=${lang}&panel_size=small`
 }
 
 init()