feat: 完成激活码兑换功能

Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue

@@ -86,12 +86,14 @@ const navItems = [
   // { name: 'userInfo', label: '用户信息', icon: 'User' },
   { name: 'apiKey', label: 'API密钥', icon: 'Key' },
 
+
   { name: 'rechargeLog', label: '充值记录', icon: 'Document' },
   { name: 'usageStatistics', label: '用量统计', icon: 'Histogram' },
   { name: 'premiumService', label: '尊享服务', icon: 'ColdDrink' },
   { name: 'dailyTask', label: '每日任务（限时）', icon: 'Trophy' },
   { name: 'cardFlip', label: '每周邀请（限时）', icon: 'Present' },
   // { name: 'usageStatistics2', label: '用量统计2', icon: 'Histogram' },
+  { name: 'activationCode', label: '激活码兑换', icon: 'MagicStick' },
 ];
 function openDialog() {
   dialogVisible.value = true;
@@ -302,6 +304,24 @@ watch(() => guideTourStore.shouldStartUserCenterTour, (shouldStart) => {
   }
 });
 
+// ============ 监听 Store 状态，控制用户中心弹窗 (新增) ============
+watch(() => userStore.isUserCenterVisible, (val) => {
+  dialogVisible.value = val;
+});
+
+watch(() => userStore.userCenterActiveTab, (val) => {
+  if (val) {
+    activeNav.value = val;
+  }
+});
+
+// 监听本地 dialogVisible 变化，同步回 Store（可选，为了保持一致性）
+watch(dialogVisible, (val) => {
+  if (!val) {
+    userStore.closeUserCenter();
+  }
+});
+
 // ============ 暴露方法供外部调用 ============
 defineExpose({
   openDialog,
@@ -440,6 +460,9 @@ defineExpose({
       <template #apiKey>
         <APIKeyManagement />
       </template>
+      <template #activationCode>
+        <activation-code />
+      </template>
       <template #dailyTask>
         <daily-task />
       </template>