perf: Third-Party Authentication Code Optimization

Author: fit2cloud-chenyw

frontend/src/i18n/en.json

@@ -823,7 +823,8 @@
     "input_account": "Please enter account",
     "redirect_2_auth": "Redirecting to {0} authentication, {1} seconds...",
     "redirect_immediately": "Redirecting immediately",
-    "permission_invalid": "Authentication invalid [Current account has insufficient permissions]"
+    "permission_invalid": "Authentication invalid [Current account has insufficient permissions]",
+    "scan_qr_login": " Scan QR Code"
   },
   "supplier": {
     "alibaba_cloud_bailian": "Alibaba Cloud Bailian",

frontend/src/i18n/ko-KR.json

@@ -823,7 +823,8 @@
     "input_account": "계정을 입력해 주세요",
     "redirect_2_auth": "{0} 인증으로 리디렉션 중입니다, {1}초...",
     "redirect_immediately": "지금 이동",
-    "permission_invalid": "인증 무효 [현재 계정의 권한이 부족합니다]"
+    "permission_invalid": "인증 무효 [현재 계정의 권한이 부족합니다]",
+    "scan_qr_login": " QR 코드 스캔"
   },
   "supplier": {
     "alibaba_cloud_bailian": "알리바바 클라우드 바이리엔",

frontend/src/i18n/zh-CN.json

@@ -823,7 +823,8 @@
     "input_account": "请输入账号",
     "redirect_2_auth": "正在跳转至 {0} 认证，{1} 秒...",
     "redirect_immediately": "立即跳转",
-    "permission_invalid": "认证无效【当前账号权限不够】"
+    "permission_invalid": "认证无效【当前账号权限不够】",
+    "scan_qr_login": "扫码登录"
   },
   "supplier": {
     "alibaba_cloud_bailian": "阿里云百炼",

frontend/src/views/login/index.vue

@@ -63,7 +63,6 @@
             </el-form>
           </div>
           <Handler
-            ref="xpackLoginHandler"
             v-model:loading="showLoading"
             jsname="L2NvbXBvbmVudC9sb2dpbi9IYW5kbGVy"
             @switch-tab="switchTab"
@@ -92,7 +91,6 @@ const router = useRouter()
 const userStore = useUserStore()
 const appearanceStore = useAppearanceStoreWithOut()
 const { t } = useI18n()
-const xpackLoginHandler = ref<any>(null)
 const loginForm = ref({
   username: '',
   password: '',
@@ -202,7 +200,7 @@ const switchTab = (name: string) => {
 
         .login-btn {
           width: 100%;
-          height: 45px;
+          height: 40px;
           font-size: 16px;
           border-radius: 4px;
         }

frontend/src/views/login/xpack/DingtalkQr.vue

@@ -1,5 +1,7 @@
 <template>
-  <div id="de2-dingtalk-qr" :class="{ 'de2-dingtalk-qr': !isBind }" />
+  <div class="dingtalk-qr-div">
+    <div id="de2-dingtalk-qr" :class="{ 'de2-dingtalk-qr': !isBind }" />
+  </div>
 </template>
 
 <script lang="ts" setup>
@@ -46,8 +48,6 @@ const loadQr = (client_id: string, STATE: string, REDIRECT_URI: string) => {
   window.DTFrameLogin(
     {
       id: 'de2-dingtalk-qr',
-      width: 280,
-      height: 300,
     },
     {
       redirect_uri: encodeURIComponent(REDIRECT_URI),
@@ -73,7 +73,16 @@ const loadQr = (client_id: string, STATE: string, REDIRECT_URI: string) => {
 init()
 </script>
 <style lang="less" scoped>
-.de2-dingtalk-qr {
-  margin-top: -36px;
+.dingtalk-qr-div {
+  // margin-top: -36px;
+  width: 234px;
+  height: 234px;
+  .de2-dingtalk-qr {
+    transform: scale(1.3);
+    transform-origin: top left;
+    width: 234px;
+    height: 234px;
+    margin: -80px;
+  }
 }
 </style>