fix: 个人中心优化

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

@@ -2,6 +2,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { useRouter } from 'vue-router';
+import { ChatLineRound } from '@element-plus/icons-vue';
 import Popover from '@/components/Popover/index.vue';
 import SvgIcon from '@/components/SvgIcon/index.vue';
 import { useUserStore } from '@/stores';
@@ -58,6 +59,8 @@ const popoverList = ref([
 ]);
 
 const dialogVisible = ref(false);
+const rechargeLogRef = ref();
+const activeNav = ref('user');
 
 const navItems = [
   { name: 'user', label: '用户信息', icon: 'User' },
@@ -82,6 +85,12 @@ function handleConfirm(activeNav: string) {
 
 // 导航切换
 function handleNavChange(nav: string) {
+  activeNav.value = nav;
+}
+
+// 联系售后
+function handleContactSupport() {
+  rechargeLogRef.value?.contactCustomerService();
 }
 
 // 点击
@@ -317,6 +326,16 @@ function onProductPackage() {
       @confirm="handleConfirm"
       @nav-change="handleNavChange"
     >
+      <template #extra-actions>
+        <el-tooltip v-if="isUserVip() && activeNav === 'rechargeLog'" content="联系售后" placement="bottom">
+          <el-button circle plain size="small" @click="handleContactSupport">
+            <el-icon color="#07c160">
+              <ChatLineRound />
+            </el-icon>
+          </el-button>
+        </el-tooltip>
+      </template>
+
       <!-- 用户管理内容 -->
       <template #user>
         <user-management />
@@ -354,7 +373,7 @@ function onProductPackage() {
         <card-flip-activity />
       </template>
       <template #rechargeLog>
-        <recharge-log />
+        <recharge-log ref="rechargeLogRef" />
       </template>
     </nav-dialog>
   </div>