feat: scan support i18n

wxg0103 · wxg0103 · commit 376bf0e86bb3 · 2025-01-09T15:57:52.000+08:00
diff --git a/ui/src/locales/lang/en_US/index.ts b/ui/src/locales/lang/en_US/index.ts
@@ -31,7 +31,7 @@ export default {
     professional: 'Purchase the Professional Edition',
     status: 'Status',
     createDate: 'Create date',
-    operation: 'Operation',
+    operation: 'Operation'
   },
   login: {
     authentication: 'Login Authentication',
@@ -109,6 +109,25 @@ export default {
       enableAuthentication: 'Enable OAuth2 Authentication',
       save: 'Save',
       saveSuccess: 'Save Success'
+    },
+    scanTheQRCode: {
+      title: 'Scan the QR code',
+      wecom: 'WeCom',
+      dingtalk: 'DingTalk',
+      lark: 'Lark',
+      effective: 'Effective',
+      alreadyTurnedOn: 'Turned On',
+      notEnabled: 'Not Enabled',
+      edit: 'Edit',
+      validate: 'Validate',
+      validateSuccess: 'Validation Successful',
+      validateFailed: 'Validation Failed',
+      validateFailedTip: 'Please fill in all required fields and ensure the format is correct',
+      appKeyPlaceholder: 'Please enter App Key',
+      appSecretPlaceholder: 'Please enter App Secret',
+      corpIdPlaceholder: 'Please enter Corp ID',
+      agentIdPlaceholder: 'Please enter Agent ID',
+      callbackWarning: 'Please enter a valid URL address'
     }
   }
 }
diff --git a/ui/src/locales/lang/zh_CN/index.ts b/ui/src/locales/lang/zh_CN/index.ts
@@ -27,11 +27,11 @@ export default {
     add: '添加',
     refresh: '刷新',
     search: '搜索',
-    clear:'清空',
+    clear: '清空',
     professional: '购买专业版',
     status: '状态',
     createDate: '创建日期',
-    operation: '操作',
+    operation: '操作'
   },
   login: {
     authentication: '登录认证',
@@ -109,6 +109,25 @@ export default {
       enableAuthentication: '启用 OAuth2 认证',
       save: '保存',
       saveSuccess: '保存成功'
+    },
+    scanTheQRCode: {
+      title: '扫码登录',
+      wecom: '企业微信',
+      dingtalk: '钉钉',
+      lark: '飞书',
+      effective: '有效',
+      alreadyTurnedOn: '已开启',
+      notEnabled: '未开启',
+      edit: '编辑',
+      validate: '校验',
+      validateSuccess: '校验成功',
+      validateFailed: '校验失败',
+      validateFailedTip: '请填写所有必填项并确保格式正确',
+      appKeyPlaceholder: '请输入 App Key',
+      appSecretPlaceholder: '请输入 App Secret',
+      corpIdPlaceholder: '请输入 Corp Id',
+      agentIdPlaceholder: '请输入 Agent Id',
+      callbackWarning: '请输入有效的 URL 地址'
     }
   }
 }
diff --git a/ui/src/locales/lang/zh_Hant/index.ts b/ui/src/locales/lang/zh_Hant/index.ts
@@ -109,6 +109,25 @@ export default {
       enableAuthentication: '啟用 OAuth2 認證',
       save: '儲存',
       saveSuccess: '儲存成功'
+    },
+    scanTheQRCode: {
+      title: '掃碼登入',
+      wecom: '企業微信',
+      dingtalk: '釘釘',
+      lark: '飛書',
+      effective: '有效',
+      alreadyTurnedOn: '已開啟',
+      notEnabled: '未開啟',
+      edit: '編輯',
+      validate: '驗證',
+      validateSuccess: '驗證成功',
+      validateFailed: '驗證失敗',
+      validateFailedTip: '請填寫所有必填項並確保格式正確',
+      appKeyPlaceholder: '請輸入 App Key',
+      appSecretPlaceholder: '請輸入 App Secret',
+      corpIdPlaceholder: '請輸入 Corp Id',
+      agentIdPlaceholder: '請輸入 Agent Id',
+      callbackWarning: '請輸入有效的 URL 位址'
     }
   }
 }
diff --git a/ui/src/views/authentication/component/EditModal.vue b/ui/src/views/authentication/component/EditModal.vue
@@ -9,7 +9,7 @@ template
   >
     <template #header>
       <div class="flex align-center" style="margin-left: -8px">
-        <h4>{{ currentPlatform.name + '设置' }}</h4>
+        <h4>{{ currentPlatform.name + ' ' + $t('common.setting') }}</h4>
       </div>
     </template>
 
@@ -37,9 +37,9 @@ template
     </el-form>
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click="handleClose">取 消</el-button>
-        <el-button @click="validateConnection">校 验</el-button>
-        <el-button type="primary" @click="validateForm">保 存</el-button>
+        <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
+        <el-button @click="validateConnection">{{ $t('login.scanTheQRCode.validate') }}</el-button>
+        <el-button type="primary" @click="validateForm">{{ $t('common.save') }}</el-button>
       </span>
     </template>
   </el-drawer>
@@ -50,6 +50,7 @@ import { reactive, ref } from 'vue'
 import { ElForm } from 'element-plus'
 import platformApi from '@/api/platform-source'
 import { MsgError, MsgSuccess } from '@/utils/message'
+import { t } from '@/locales'
 
 const visible = ref(false)
 const loading = ref(false)
@@ -83,7 +84,7 @@ const formatFieldName = (key?: any): string => {
     app_key: currentPlatform?.key != 'lark' ? 'APP Key' : 'App ID',
     app_secret: 'APP Secret',
     agent_id: 'Agent ID',
-    callback_url: '回调地址'
+    callback_url: t('views.application.applicationAccess.callback')
   }
   return (
     fieldNames[key as keyof typeof fieldNames] ||
@@ -94,17 +95,49 @@ const formatFieldName = (key?: any): string => {
 const getValidationRules = (key: any) => {
   switch (key) {
     case 'app_key':
-      return [{ required: true, message: '请输入 APP Key', trigger: ['blur', 'change'] }]
+      return [
+        {
+          required: true,
+          message: t('login.scanTheQRCode.appKeyPlaceholder'),
+          trigger: ['blur', 'change']
+        }
+      ]
     case 'app_secret':
-      return [{ required: true, message: '请输入 APP Secret', trigger: ['blur', 'change'] }]
+      return [
+        {
+          required: true,
+          message: t('login.scanTheQRCode.appSecretPlaceholder'),
+          trigger: ['blur', 'change']
+        }
+      ]
     case 'corp_id':
-      return [{ required: true, message: '请输入 Corp ID', trigger: ['blur', 'change'] }]
+      return [
+        {
+          required: true,
+          message: t('login.scanTheQRCode.corpIdPlaceholder'),
+          trigger: ['blur', 'change']
+        }
+      ]
     case 'agent_id':
-      return [{ required: true, message: '请输入 Agent ID', trigger: ['blur', 'change'] }]
+      return [
+        {
+          required: true,
+          message: t('login.scanTheQRCode.agentIdPlaceholder'),
+          trigger: ['blur', 'change']
+        }
+      ]
     case 'callback_url':
       return [
-        { required: true, message: '请输入回调地址', trigger: ['blur', 'change'] },
-        { pattern: /^https?:\/\/.+/, message: '请输入有效的 URL 地址', trigger: ['blur', 'change'] }
+        {
+          required: true,
+          message: t('views.application.applicationAccess.callbackTip'),
+          trigger: ['blur', 'change']
+        },
+        {
+          pattern: /^https?:\/\/.+/,
+          message: t('login.scanTheQRCode.callbackWarning'),
+          trigger: ['blur', 'change']
+        }
       ]
     default:
       return []
@@ -153,7 +186,7 @@ const validateForm = () => {
     if (valid) {
       saveConfig()
     } else {
-      MsgError('请填写所有必填项并确保格式正确')
+      MsgError(t('login.scanTheQRCode.validateFailedTip'))
     }
   })
 }
@@ -167,9 +200,9 @@ const handleClose = () => {
 function validateConnection() {
   platformApi.validateConnection(currentPlatform, loading).then((res: any) => {
     if (res.data) {
-      MsgSuccess('校验成功')
+      MsgSuccess(t('login.scanTheQRCode.validateSuccess'))
     } else {
-      MsgError('校验失败')
+      MsgError(t('login.scanTheQRCode.validateFailed'))
     }
   })
 }
@@ -178,9 +211,10 @@ const passwordFields = new Set(['app_secret', 'client_secret', 'secret'])
 
 const isPasswordField = (key: any) => passwordFields.has(key)
 const emit = defineEmits(['refresh'])
+
 function saveConfig() {
   platformApi.updateConfig(currentPlatform, loading).then((res: any) => {
-    MsgSuccess('保存成功')
+    MsgSuccess(t('common.saveSuccess'))
     emit('refresh')
     visible.value = false
     formRef.value?.clearValidate()
diff --git a/ui/src/views/authentication/component/SCAN.vue b/ui/src/views/authentication/component/SCAN.vue
@@ -7,14 +7,20 @@
             <div class="flex align-center ml-8 mr-8">
               <img :src="item.logoSrc" alt="" class="icon" />
               <h5 style="margin-left: 8px">{{ item.name }}</h5>
-              <el-tag v-if="item.isValid" type="success" class="ml-4">有效</el-tag>
+              <el-tag v-if="item.isValid" type="success" class="ml-4"
+                >{{ $t('login.scanTheQRCode.effective') }}
+              </el-tag>
             </div>
             <div>
               <el-button type="primary" v-if="!item.isValid" @click="showDialog(item)"
-                >接入</el-button
-              >
+                >接入
+              </el-button>
               <span v-if="item.isValid">
-                <span class="mr-4">{{ item.isActive ? '已开启' : '未开启' }}</span>
+                <span class="mr-4">{{
+                  item.isActive
+                    ? $t('login.scanTheQRCode.alreadyTurnedOn')
+                    : $t('login.scanTheQRCode.notEnabled')
+                }}</span>
                 <el-switch
                   size="small"
                   v-model="item.isActive"
@@ -64,8 +70,12 @@
                   </div>
                 </el-col>
               </el-row>
-              <el-button type="primary" @click="showDialog(item)">编辑</el-button>
-              <el-button @click="validateConnection(item)">校验</el-button>
+              <el-button type="primary" @click="showDialog(item)">
+                {{ $t('login.scanTheQRCode.edit') }}
+              </el-button>
+              <el-button @click="validateConnection(item)">
+                {{ $t('login.scanTheQRCode.validate') }}
+              </el-button>
             </div>
           </el-collapse-transition>
         </el-card>
@@ -81,6 +91,7 @@ import { copyClick } from '@/utils/clipboard'
 import EditModel from './EditModal.vue'
 import platformApi from '@/api/platform-source'
 import { MsgError, MsgSuccess } from '@/utils/message'
+import { t } from '@/locales'
 
 interface PlatformConfig {
   [key: string]: string
@@ -106,9 +117,9 @@ onMounted(() => {
 
 function initializePlatforms(): Platform[] {
   return [
-    createPlatform('wecom', '企业微信'),
-    createPlatform('dingtalk', '钉钉'),
-    createPlatform('lark', '飞书')
+    createPlatform('wecom', t('login.scanTheQRCode.wecom')),
+    createPlatform('dingtalk', t('login.scanTheQRCode.dingtalk')),
+    createPlatform('lark', t('login.scanTheQRCode.lark'))
   ]
 }
 
@@ -151,7 +162,7 @@ function formatFieldName(key?: any, item?: Platform): string {
     app_key: item?.key != 'lark' ? 'APP Key' : 'App ID',
     app_secret: 'APP Secret',
     agent_id: 'Agent ID',
-    callback_url: '回调地址'
+    callback_url: t('views.application.applicationAccess.callback')
   }
   return (
     fieldNames[key as keyof typeof fieldNames] ||
@@ -190,7 +201,9 @@ function getPlatformInfo() {
 
 function validateConnection(currentPlatform: Platform) {
   platformApi.validateConnection(currentPlatform, loading).then((res: any) => {
-    res.data ? MsgSuccess('校验成功') : MsgError('校验失败')
+    res.data
+      ? MsgSuccess(t('login.scanTheQRCode.validateSuccess'))
+      : MsgError(t('login.scanTheQRCode.validateFailed'))
   })
 }
 
@@ -200,7 +213,7 @@ function refresh() {
 
 function changeStatus(currentPlatform: Platform) {
   platformApi.updateConfig(currentPlatform, loading).then((res: any) => {
-    MsgSuccess('操作成功')
+    MsgSuccess(t('common.saveSuccess'))
   })
 }
 
diff --git a/ui/src/views/authentication/index.vue b/ui/src/views/authentication/index.vue
@@ -47,7 +47,7 @@ const tabList = [
     component: OAuth2
   },
   {
-    label: '扫码登录',
+    label: t('login.scanTheQRCode.title'),
     name: 'SCAN',
     component: SCAN
   }

Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@ const tabList = [`
`47`	`47`	`component: OAuth2`
`48`	`48`	`},`
`49`	`49`	`{`
`50`		`- label: '扫码登录',`
	`50`	`+ label: t('login.scanTheQRCode.title'),`
`51`	`51`	`name: 'SCAN',`
`52`	`52`	`component: SCAN`
`53`	`53`	`}`