From ca605187c8fd682d6198dadb1b180dce4f171895 Mon Sep 17 00:00:00 2001
From: Kris <2893855659@qq.com>
Date: Sat, 24 Jan 2026 15:22:15 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E6=BA=90=E7=B3=BB?=
 =?UTF-8?q?=E7=BB=9F=E7=99=BB=E5=BD=95=E4=B8=AD=E5=BF=83=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E7=8E=AF=E5=A2=83=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将 Auth v2.0 标签改为显示当前激活的源环境信息
- 调用 /setting/environment/current 接口获取当前环境
- 在页面加载时自动获取当前环境信息
- 登录成功后自动刷新环境信息
- 添加加载状态和未配置环境的提示
- 优化样式，添加环境图标和加载动画
---
 src/views/auth/source/index.vue | 43 ++++++++++++++++++++++++++++++++-
 1 file changed, 42 insertions(+), 1 deletion(-)

diff --git a/src/views/auth/source/index.vue b/src/views/auth/source/index.vue
index 1dfd15b..e6975e6 100644
--- a/src/views/auth/source/index.vue
+++ b/src/views/auth/source/index.vue
@@ -6,7 +6,15 @@
           <template #header>
             <div class="card-header">
               <span class="header-title">源系统登录中心</span>
-              <el-tag type="info" size="small" effect="plain">Auth v2.0</el-tag>
+              <div class="environment-info">
+                <el-tag v-if="currentEnvironment" type="success" size="small" effect="dark">
+                  <el-icon class="tag-icon"><Monitor /></el-icon>
+                  {{ currentEnvironment.environmentName }}
+                </el-tag>
+                <el-tag v-else type="info" size="small" effect="plain" :loading="environmentLoading">
+                  {{ environmentLoading ? '加载中...' : '未配置环境' }}
+                </el-tag>
+              </div>
             </div>
           </template>
           
@@ -377,6 +385,7 @@
 <script setup name="SourceSystemLogin">
   import { ref, computed, getCurrentInstance, onMounted } from 'vue';
   import { doLogin, logout, getCurrentLoginInfo, autoLogin, queryLoginHistory, autoLoginByHistory } from "@/api/auth/register";
+  import { getCurrentEnvironment } from "@/api/setting/environment";
   import { ElMessage, ElMessageBox } from 'element-plus';
   import { 
     RefreshRight, User, SwitchButton, DocumentCopy, Switch, 
@@ -396,6 +405,8 @@
   const historyLoading = ref(false);
   const selectedHistoryId = ref(null);
   const autoLoginByHistoryLoading = ref(null);
+  const currentEnvironment = ref(null);
+  const environmentLoading = ref(false);
 
   const loginForm = ref({
     loginType: 'oauth2',
@@ -527,6 +538,7 @@ const handleLoginUrlPreset = (command) => {
   // --- 生命周期 ---
   // 需求点2：点击进入页面时，自动获取当前登录信息
   onMounted(() => {
+    handleGetCurrentEnvironment();
     handleGetCurrentInfo();
   });
 
@@ -584,6 +596,7 @@ const handleLoginTypeChange = () => {
           if (response.code === 200) {
             loginResult.value = response.data;
             ElMessage.success('登录成功');
+            await handleGetCurrentEnvironment();
           } else {
             loginResult.value = { success: false, errorCode: response.code, errorMessage: response.msg };
             ElMessage.error(response.msg || '登录失败');
@@ -610,6 +623,7 @@ const handleLoginTypeChange = () => {
       if (response.code === 200) {
         loginResult.value = response.data;
         ElMessage.success('自动登录成功');
+        await handleGetCurrentEnvironment();
       } else {
         ElMessage.error(response.msg || '自动登录失败');
       }
@@ -781,6 +795,23 @@ const handleLoginTypeChange = () => {
       autoLoginByHistoryLoading.value = null;
     }
   };
+
+  const handleGetCurrentEnvironment = async () => {
+    environmentLoading.value = true;
+    try {
+      const response = await getCurrentEnvironment('source');
+      if (response.code === 200 && response.data) {
+        currentEnvironment.value = response.data;
+      } else {
+        currentEnvironment.value = null;
+      }
+    } catch (error) {
+      console.warn('Get current environment failed:', error);
+      currentEnvironment.value = null;
+    } finally {
+      environmentLoading.value = false;
+    }
+  };
 </script>
 
 <style scoped>
@@ -846,6 +877,16 @@ const handleLoginTypeChange = () => {
   color: #303133;
 }
 
+.environment-info {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.tag-icon {
+  margin-right: 4px;
+}
+
 /* 左侧表单样式 */
 .full-width-radio {
   display: flex;