feat: VIP模块

apps/web-antd/src/layouts/basic.vue

@@ -27,6 +27,7 @@ import {
 } from 'lucide-vue-next';
 
 // import { $t } from '#/locales';
+import HeaderVipBadge from '#/components/vip/HeaderVipBadge.vue';
 import { useAuthStore } from '#/store';
 import LoginForm from '#/views/_core/authentication/login.vue';
 import SwitchAccountModal from '#/layouts/components/SwitchAccountModal.vue';
@@ -234,14 +235,17 @@ watch(
 <template>
   <BasicLayout @clear-preferences-and-logout="handleLogout">
     <template #user-dropdown>
-      <UserDropdown
-        :avatar
-        :description="userStore.userInfo?.email"
-        :menus
-        :tag-text="userStore.userInfo?.roles?.name"
-        :text="userStore.userInfo?.nick_name"
-        @logout="handleLogout"
-      />
+      <div class="flex items-center">
+        <HeaderVipBadge />
+        <UserDropdown
+          :avatar
+          :description="userStore.userInfo?.email"
+          :menus
+          :tag-text="userStore.userInfo?.roles?.name"
+          :text="userStore.userInfo?.nick_name"
+          @logout="handleLogout"
+        />
+      </div>
     </template>
     <template #notification>
       <Notification