fix: 增加邀请链接逻辑

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

@@ -1,8 +1,9 @@
 <!-- 头像 -->
 <script setup lang="ts">
-import { computed } from 'vue';
-import { useRouter } from 'vue-router';
 import { ChatLineRound } from '@element-plus/icons-vue';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import { computed, nextTick, onMounted, ref, watch } from 'vue';
+import { useRouter } from 'vue-router';
 import Popover from '@/components/Popover/index.vue';
 import SvgIcon from '@/components/SvgIcon/index.vue';
 import { useUserStore } from '@/stores';
@@ -62,6 +63,10 @@ const dialogVisible = ref(false);
 const rechargeLogRef = ref();
 const activeNav = ref('user');
 
+// ============ 邀请码分享功能 ============
+/** 从 URL 获取的邀请码 */
+const externalInviteCode = ref<string>('');
+
 const navItems = [
   { name: 'user', label: '用户信息', icon: 'User' },
   // { name: 'role', label: '角色管理', icon: 'Avatar' },
@@ -73,7 +78,7 @@ const navItems = [
   { name: 'usageStatistics', label: '用量统计', icon: 'Histogram' },
   { name: 'premiumService', label: '尊享服务', icon: 'ColdDrink' },
   { name: 'dailyTask', label: '每日任务（限时）', icon: 'Trophy' },
-  { name: 'cardFlip', label: '每周邀请（限时）', icon: 'Present' }
+  { name: 'cardFlip', label: '每周邀请（限时）', icon: 'Present' },
   // { name: 'usageStatistics2', label: '用量统计2', icon: 'Histogram' },
 ];
 function openDialog() {
@@ -183,7 +188,61 @@ function openVipGuide() {
 function onProductPackage() {
   showProductPackage();
 }
-// 直接调用
+
+// ============ 监听对话框打开事件，切换到邀请码标签页 ============
+watch(dialogVisible, (newVal) => {
+  if (newVal && externalInviteCode.value) {
+    // 对话框打开后，切换标签页（已通过 :default-active 绑定，会自动响应）
+    // console.log('[Avatar] watch: 对话框已打开，切换到 cardFlip 标签页');
+    nextTick(() => {
+      activeNav.value = 'cardFlip';
+      // console.log('[Avatar] watch: 已设置 activeNav 为', activeNav.value);
+    });
+  }
+
+  // 对话框关闭时，清除邀请码状态和 URL 参数
+  if (!newVal && externalInviteCode.value) {
+    // console.log('[Avatar] watch: 对话框关闭，清除邀请码状态');
+    externalInviteCode.value = '';
+
+    // 清除 URL 中的 inviteCode 参数
+    const url = new URL(window.location.href);
+    if (url.searchParams.has('inviteCode')) {
+      url.searchParams.delete('inviteCode');
+      window.history.replaceState({}, '', url.toString());
+      // console.log('[Avatar] watch: 已清除 URL 中的 inviteCode 参数');
+    }
+  }
+});
+
+// ============ 监听 URL 参数，实现邀请码快捷分享 ============
+onMounted(() => {
+  // 获取 URL 查询参数
+  const urlParams = new URLSearchParams(window.location.search);
+  const inviteCode = urlParams.get('inviteCode');
+
+  if (inviteCode && inviteCode.trim()) {
+    // console.log('[Avatar] onMounted: 检测到邀请码', inviteCode);
+
+    // 保存邀请码
+    externalInviteCode.value = inviteCode.trim();
+
+    // 先设置标签页为 cardFlip
+    activeNav.value = 'cardFlip';
+    // console.log('[Avatar] onMounted: 设置 activeNav 为', activeNav.value);
+
+    // 延迟打开对话框，确保状态已更新
+    nextTick(() => {
+      setTimeout(() => {
+        // console.log('[Avatar] onMounted: 打开用户中心对话框');
+        dialogVisible.value = true;
+      }, 200);
+    });
+
+    // 注意：不立即清除 URL 参数，保留给登录后使用
+    // URL 参数会在对话框关闭时清除
+  }
+});
 </script>
 
 <template>
@@ -323,6 +382,7 @@ function onProductPackage() {
       v-model="dialogVisible"
       title="用户中心"
       :nav-items="navItems"
+      :default-active="activeNav"
       @confirm="handleConfirm"
       @nav-change="handleNavChange"
     >
@@ -370,7 +430,7 @@ function onProductPackage() {
         <daily-task />
       </template>
       <template #cardFlip>
-        <card-flip-activity />
+        <card-flip-activity :external-invite-code="externalInviteCode" />
       </template>
       <template #rechargeLog>
         <recharge-log ref="rechargeLogRef" />