updata:智控台页面添加语言切换，支持中英繁。

main/manager-web/src/views/login.vue

@@ -14,17 +14,37 @@
         <div class="login-box" @keyup.enter="login">
           <div style="display: flex;align-items: center;gap: 20px;margin-bottom: 39px;padding: 0 30px;">
             <img loading="lazy" alt="" src="@/assets/login/hi.png" style="width: 34px;height: 34px;" />
-            <div class="login-text">登录</div>
+            <div class="login-text">{{ $t('login.title') }}</div>
+            
             <div class="login-welcome">
-              WELCOME TO LOGIN
+              {{ $t('login.welcome') }}
             </div>
+            
+            <!-- 语言切换下拉菜单 -->
+            <el-dropdown trigger="click" class="title-language-dropdown" @visible-change="handleLanguageDropdownVisibleChange">
+              <span class="el-dropdown-link">
+                <i class="el-icon-document"></i>
+                <i class="el-icon-arrow-down el-icon--right" :class="{ 'rotate-down': languageDropdownVisible }"></i>
+              </span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item @click.native="changeLanguage('zh_CN')">
+                  {{ $t('language.zhCN') }}
+                </el-dropdown-item>
+                <el-dropdown-item @click.native="changeLanguage('zh_TW')">
+                  {{ $t('language.zhTW') }}
+                </el-dropdown-item>
+                <el-dropdown-item @click.native="changeLanguage('en')">
+                  {{ $t('language.en') }}
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
           </div>
           <div style="padding: 0 30px;">
             <!-- 用户名登录 -->
             <template v-if="!isMobileLogin">
               <div class="input-box">
                 <img loading="lazy" alt="" class="input-icon" src="@/assets/login/username.png" />
-                <el-input v-model="form.username" placeholder="请输入用户名" />
+                <el-input v-model="form.username" :placeholder="$t('login.usernamePlaceholder')" />
               </div>
             </template>
 
@@ -33,51 +53,52 @@
               <div class="input-box">
                 <div style="display: flex; align-items: center; width: 100%;">
                   <el-select v-model="form.areaCode" style="width: 220px; margin-right: 10px;">
-                    <el-option v-for="item in mobileAreaList" :key="item.key" :label="`${item.name} (${item.key})`"
+                    <el-option v-for="item in mobileAreaList" :key="item.key" :label="`${item.name} (${item.key})`" 
                       :value="item.key" />
                   </el-select>
-                  <el-input v-model="form.mobile" placeholder="请输入手机号码" />
+                  <el-input v-model="form.mobile" :placeholder="$t('login.mobilePlaceholder')" />
                 </div>
               </div>
             </template>
 
             <div class="input-box">
               <img loading="lazy" alt="" class="input-icon" src="@/assets/login/password.png" />
-              <el-input v-model="form.password" placeholder="请输入密码" type="password" show-password />
+              <el-input v-model="form.password" :placeholder="$t('login.passwordPlaceholder')" type="password" show-password />
             </div>
             <div style="display: flex; align-items: center; margin-top: 20px; width: 100%; gap: 10px;">
               <div class="input-box" style="width: calc(100% - 130px); margin-top: 0;">
                 <img loading="lazy" alt="" class="input-icon" src="@/assets/login/shield.png" />
-                <el-input v-model="form.captcha" placeholder="请输入验证码" style="flex: 1;" />
+                <el-input v-model="form.captcha" :placeholder="$t('login.captchaPlaceholder')" style="flex: 1;" />
               </div>
-              <img loading="lazy" v-if="captchaUrl" :src="captchaUrl" alt="验证码"
+              <img loading="lazy" v-if="captchaUrl" :src="captchaUrl" alt="验证码" 
                 style="width: 150px; height: 40px; cursor: pointer;" @click="fetchCaptcha" />
             </div>
             <div
               style="font-weight: 400;font-size: 14px;text-align: left;color: #5778ff;display: flex;justify-content: space-between;margin-top: 20px;">
-              <div v-if="allowUserRegister" style="cursor: pointer;" @click="goToRegister">新用户注册</div>
-              <div style="cursor: pointer;" @click="goToForgetPassword" v-if="enableMobileRegister">忘记密码?</div>
+              <div v-if="allowUserRegister" style="cursor: pointer;" @click="goToRegister">{{ $t('login.register') }}</div>
+              <div style="cursor: pointer;" @click="goToForgetPassword" v-if="enableMobileRegister">{{ $t('login.forgetPassword') }}</div>
             </div>
           </div>
-          <div class="login-btn" @click="login">登录</div>
+          <div class="login-btn" @click="login">{{ $t('login.login') }}</div>
 
           <!-- 登录方式切换按钮 -->
           <div class="login-type-container" v-if="enableMobileRegister">
-            <el-tooltip content="手机号码登录" placement="bottom">
-              <el-button :type="isMobileLogin ? 'primary' : 'default'" icon="el-icon-mobile" circle
-                @click="switchLoginType('mobile')"></el-button>
-            </el-tooltip>
-            <el-tooltip content="用户名登录" placement="bottom">
-              <el-button :type="!isMobileLogin ? 'primary' : 'default'" icon="el-icon-user" circle
-                @click="switchLoginType('username')"></el-button>
-            </el-tooltip>
+            <div style="display: flex; gap: 10px;">
+              <el-tooltip :content="$t('login.mobileLogin')" placement="bottom">
+                <el-button :type="isMobileLogin ? 'primary' : 'default'" icon="el-icon-mobile" circle 
+                  @click="switchLoginType('mobile')"></el-button>
+              </el-tooltip>
+              <el-tooltip :content="$t('login.usernameLogin')" placement="bottom">
+                <el-button :type="!isMobileLogin ? 'primary' : 'default'" icon="el-icon-user" circle 
+                  @click="switchLoginType('username')"></el-button>
+              </el-tooltip>
+            </div>
           </div>
-
           <div style="font-size: 14px;color: #979db1;">
-            登录即同意
-            <div style="display: inline-block;color: #5778FF;cursor: pointer;">《用户协议》</div>
-            和
-            <div style="display: inline-block;color: #5778FF;cursor: pointer;">《隐私政策》</div>
+            {{ $t('login.agreeTo') }}
+            <div style="display: inline-block;color: #5778FF;cursor: pointer;">{{ $t('login.userAgreement') }}</div>
+            {{ $t('login.and') }}
+            <div style="display: inline-block;color: #5778FF;cursor: pointer;">{{ $t('login.privacyPolicy') }}</div>
           </div>
         </div>
       </el-main>
@@ -93,6 +114,7 @@ import Api from '@/apis/api';
 import VersionFooter from '@/components/VersionFooter.vue';
 import { getUUID, goToPage, showDanger, showSuccess, validateMobile } from '@/utils';
 import { mapState } from 'vuex';
+import { changeLanguage } from '@/i18n';
 
 export default {
   name: 'login',
@@ -119,7 +141,8 @@ export default {
       },
       captchaUuid: '',
       captchaUrl: '',
-      isMobileLogin: false
+      isMobileLogin: false,
+      languageDropdownVisible: false
     }
   },
   mounted() {
@@ -149,6 +172,21 @@ export default {
       }
     },
 
+    // 切换语言下拉菜单的可见状态变化
+    handleLanguageDropdownVisibleChange(visible) {
+      this.languageDropdownVisible = visible;
+    },
+    
+    // 切换语言
+    changeLanguage(lang) {
+      changeLanguage(lang);
+      this.languageDropdownVisible = false;
+      this.$message.success({
+        message: this.$t('message.success'),
+        showClose: true
+      });
+    },
+
     // 切换登录方式
     switchLoginType(type) {
       this.isMobileLogin = type === 'mobile';
@@ -226,6 +264,26 @@ export default {
 
 .login-type-container {
   margin: 10px 20px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.title-language-dropdown {
+  margin-left: 20px;
+}
+
+.language-dropdown {
+  margin-left: auto;
+}
+
+.rotate-down {
+  transform: rotate(180deg);
+  transition: transform 0.3s ease;
+}
+
+.el-icon-arrow-down {
+  transition: transform 0.3s ease;
 }
 
 :deep(.el-button--primary) {