feat(header): 新增业务线切换器组件

- 新增 stores/businessLine.ts:Pinia 状态管理,持久化到 localStorage
- 新增 components/BusinessLineSwitcher.vue:企业微信式下拉切换器
- 修改 AppHeader.vue:在环境标签后集成切换器
- 预置 5 条业务线 mock 数据(LAS/Kodo/LTOKEN/灵矽/MAAS)
- 更新 components.d.ts 自动类型声明
This commit is contained in:
2026-07-17 10:28:02 +08:00
parent 157f0c65cb
commit 0dd098213c
4 changed files with 341 additions and 1 deletions
+3 -1
View File
@@ -5,6 +5,7 @@
xinfra <span class="sub">统一基础设施平台</span>
</div>
<span class="env-pill">● 生产环境</span>
<BusinessLineSwitcher />
<div class="spacer"></div>
<div class="search-box">
<el-icon><Search /></el-icon>
@@ -23,7 +24,7 @@
<div class="avatar">{{ userInitial }}</div>
<div>
<div>{{ user?.display_name || '未登录' }}</div>
<div class="ldap-tag">LDAP · {{ user?.business_line || '' }}业务线</div>
<div class="ldap-tag">LDAP · {{ user?.business_line || '' }}</div>
</div>
<el-button class="logout-button" text @click="handleLogout">退出</el-button>
</div>
@@ -36,6 +37,7 @@ import { useAuthStore } from '@/stores/auth'
import { useTheme } from '@/composables/useTheme'
import { useAuth } from '@/composables/useAuth'
import { Moon, Sunny } from '@element-plus/icons-vue'
import BusinessLineSwitcher from '@/components/BusinessLineSwitcher.vue'
const authStore = useAuthStore()
const { logout } = useAuth()