fix: login i18n bug

--bug=1051922 --user=王孝刚 【国际化】扫码登录没有国际化 https://www.tapd.cn/57709429/s/1649970

ui/src/locales/lang/en-US/views/system.ts

@@ -18,7 +18,7 @@ export default {
       ldap_filterPlaceholder: 'Please enter user filter',
       ldap_mapping: 'LDAP Attribute Mapping',
       ldap_mappingPlaceholder: 'Please enter LDAP attribute mapping',
-      enableAuthentication: 'Enable LDAP Authentication',
+      enableAuthentication: 'Enable LDAP Authentication'
     },
     cas: {
       title: 'CAS Settings',
@@ -85,7 +85,9 @@ export default {
       appSecretPlaceholder: 'Please enter APP secret',
       corpIdPlaceholder: 'Please enter corp ID',
       agentIdPlaceholder: 'Please enter agent ID',
-      callbackWarning: 'Please enter a valid URL address'
+      callbackWarning: 'Please enter a valid URL address',
+      larkQrCode: 'Lark Scan Code Login',
+      dingtalkQrCode: 'DingTalk Scan Code Login'
     }
   },
   theme: {
@@ -143,6 +145,6 @@ export default {
     smtpPassword: 'SMTP Password',
     smtpPasswordPlaceholder: 'Please enter SMTP password',
     enableSSL: 'Enable SSL (if the SMTP port is 465, you usually need to enable SSL)',
-    enableTLS: 'Enable TLS (if the SMTP port is 587, you usually need to enable TLS)',
+    enableTLS: 'Enable TLS (if the SMTP port is 587, you usually need to enable TLS)'
   }
 }

ui/src/locales/lang/zh-CN/views/system.ts

@@ -85,7 +85,9 @@ export default {
       appSecretPlaceholder: '请输入 App Secret',
       corpIdPlaceholder: '请输入 Corp Id',
       agentIdPlaceholder: '请输入 Agent Id',
-      callbackWarning: '请输入有效的 URL 地址'
+      callbackWarning: '请输入有效的 URL 地址',
+      larkQrCode: '飞书扫码登录',
+      dingtalkQrCode: '钉钉扫码登录'
     }
   },
   theme: {

ui/src/locales/lang/zh-Hant/views/system.ts

@@ -19,7 +19,7 @@ export default {
       ldap_filterPlaceholder: '請輸入使用者過濾器',
       ldap_mapping: 'LDAP 屬性對應',
       ldap_mappingPlaceholder: '請輸入 LDAP 屬性對應',
-      enableAuthentication: '啟用 LDAP 認證',
+      enableAuthentication: '啟用 LDAP 認證'
     },
     cas: {
       title: 'CAS 設定',
@@ -86,7 +86,9 @@ export default {
       appSecretPlaceholder: '請輸入 App Secret',
       corpIdPlaceholder: '請輸入 Corp Id',
       agentIdPlaceholder: '請輸入 Agent Id',
-      callbackWarning: '請輸入有效的 URL 位址'
+      callbackWarning: '請輸入有效的 URL 位址',
+      larkQrCode: '飛書掃碼登錄',
+      dingtalkQrCode: '釘釘掃碼登錄'
     }
   },
   theme: {
@@ -142,6 +144,6 @@ export default {
     smtpPassword: '發件人密碼',
     smtpPasswordPlaceholder: '請輸入發件人密碼',
     enableSSL: '啟用 SSL（如果 SMTP 端口是 465，通常需要啟用 SSL）',
-    enableTLS: '啟用 TLS（如果 SMTP 端口是 587，通常需要啟用 TLS）',
+    enableTLS: '啟用 TLS（如果 SMTP 端口是 587，通常需要啟用 TLS）'
   }
 }

ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue

@@ -26,9 +26,8 @@
       </div>
     </template>
 
-    <el-row :gutter="8">
+    <div class="flex">
-      <el-col :span="12">
+      <div class="setting-preview border border-r-4 mr-16" style="min-width: 400px">
-        <div class="setting-preview border border-r-4 mr-16">
         <div class="setting-preview-container">
           <div class="setting-preview-header" :style="customStyle">
             <div class="flex-between">
@@ -121,12 +120,7 @@
               class="p-16 text-center w-full"
             >
               <img src="@/assets/display-bg1.png" alt="" class="w-full" />
-                <el-text
+              <el-text type="info" v-if="xpackForm.disclaimer" class="mt-8" style="font-size: 12px">
-                  type="info"
-                  v-if="xpackForm.disclaimer"
-                  class="mt-8"
-                  style="font-size: 12px"
-                >
                 <auto-tooltip :content="xpackForm.disclaimer_value">
                   {{ xpackForm.disclaimer_value }}
                 </auto-tooltip>
@@ -151,8 +145,7 @@
           />
         </div>
       </div>
-      </el-col>
+
-      <el-col :span="12">
       <el-form ref="displayFormRef" :model="form">
         <el-row class="w-full mb-8">
           <el-col :span="12">
@@ -371,8 +364,7 @@
           ></span>
         </el-space>
       </el-form>
-      </el-col>
+    </div>
-    </el-row>
 
     <template #footer>
       <span class="dialog-footer">

ui/src/views/login/components/dingtalkQrCode.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex-center mb-16">
     <img src="@/assets/logo_dingtalk.svg" alt="" width="24px" class="mr-4" />
-    <h2>钉钉扫码登录</h2>
+    <h2>{{ $t('views.system.authentication.scanTheQRCode.dingtalkQrCode') }}</h2>
   </div>
   <div class="ding-talk-qrName">
     <div id="ding-talk-qr"></div>
@@ -14,6 +14,7 @@ import { useScriptTag } from '@vueuse/core'
 import { ref, watch } from 'vue'
 import useStore from '@/stores'
 import { MsgError } from '@/utils/message'
+import { t } from '@/locales'
 
 // 声明 DTFrameLogin 和 QRLogin 的类型
 declare global {

ui/src/views/login/components/larkQrCode.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex-center mb-16">
     <img src="@/assets/logo_lark.svg " alt="" width="24px" class="mr-4" />
-    <h2>飞书扫码登录</h2>
+    <h2>{{ $t('views.system.authentication.scanTheQRCode.larkQrCode') }}</h2>
   </div>
   <div id="lark-qr" class="lark-qrName"></div>
 </template>

ui/src/views/login/components/wecomQrCode.vue

@@ -5,7 +5,12 @@
 <script lang="ts" setup>
 import { useRouter } from 'vue-router'
 import * as ww from '@wecom/jssdk'
-import { WWLoginPanelSizeType, WWLoginRedirectType, WWLoginType } 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'
@@ -31,6 +36,7 @@ const init = async () => {
     corpId: props.config.corp_id,
     agentId: props.config.agent_id
   }
+  const lang = localStorage.getItem('MaxKB-locale') || 'zh-CN'
   const redirectUri = window.location.origin
   try {
     wwLogin.value = ww.createWWLoginPanel({
@@ -41,6 +47,7 @@ const init = async () => {
         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
       },

ui/src/views/login/index.vue

@@ -249,7 +249,12 @@ onMounted(() => {
             QrList.value.forEach((item) => {
               orgOptions.value.push({
                 key: item,
-                value: item === 'wecom' ? '企业微信' : item === 'dingtalk' ? '钉钉' : '飞书'
+                value:
+                  item === 'wecom'
+                    ? t('views.system.authentication.scanTheQRCode.wecom')
+                    : item === 'dingtalk'
+                      ? t('views.system.authentication.scanTheQRCode.dingtalk')
+                      : t('views.system.authentication.scanTheQRCode.lark')
               })
             })
           }

ui/src/views/theme/index.vue

@@ -202,31 +202,31 @@
                           v-model="themeForm.showUserManual"
                           :label="$t('views.system.theme.showUserManual')"
                         />
-                        <div class="ml-16">
+                        <div class="ml-24">
                           <el-input
                             v-model="themeForm.userManualUrl"
                             :placeholder="$t('views.system.theme.urlPlaceholder')"
                           />
                         </div>
                       </div>
-                      <div class="my-2">
+                      <div class="mt-4">
                         <el-checkbox
                           v-model="themeForm.showForum"
                           :label="$t('views.system.theme.showForum')"
                         />
-                        <div class="ml-16">
+                        <div class="ml-24">
                           <el-input
                             v-model="themeForm.forumUrl"
                             :placeholder="$t('views.system.theme.urlPlaceholder')"
                           />
                         </div>
                       </div>
-                      <div class="mt-2">
+                      <div class="mt-4">
                         <el-checkbox
                           v-model="themeForm.showProject"
                           :label="$t('views.system.theme.showProject')"
                         />
-                        <div class="ml-16">
+                        <div class="ml-24">
                           <el-input
                             v-model="themeForm.projectUrl"
                             :placeholder="$t('views.system.theme.urlPlaceholder')"