feat: refine merged venue home and auth states

miniprogram/src/pages/comprehensive/bookings/index.vue

@@ -1,10 +1,12 @@
 <template>
   <view class="bookings-page">
-    <view v-if="!session.isLoggedIn" class="unlogged">
-      <text class="brand">星河综合运动中心</text>
-      <text class="desc">登录后查看课程预约、包场预约与篮球门票权益。</text>
-      <button class="primary-button login-btn" @tap="login">微信一键登录</button>
-    </view>
+    <StatePanel
+      v-if="!session.isLoggedIn"
+      primary-text="微信一键登录"
+      type="login"
+      :show-mark="false"
+      @primary="login"
+    />
 
     <block v-else>
       <view class="sticky-tabs">
@@ -42,6 +44,7 @@ import { ticketApi } from '@/modules/comprehensive/api/ticket'
 import { useComprehensiveSessionStore } from '@/modules/comprehensive/stores/session'
 import { formatDateTime, formatTimeRange } from '@/modules/comprehensive/utils/date'
 import VenueTabBar from '@/components/VenueTabBar.vue'
+import StatePanel from '@/components/ice/StatePanel.vue'
 
 const session = useComprehensiveSessionStore()
 const businessType = ref('course')
@@ -133,33 +136,6 @@ const goDetail = (item) => {
   background: $bg-color-soft;
 }
 
-.unlogged {
-  min-height: 80vh;
-  padding: 180rpx $spacing-lg 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-}
-
-.brand {
-  color: $text-color-main;
-  font-size: 42rpx;
-  font-weight: 900;
-  letter-spacing: 2rpx;
-}
-
-.desc {
-  margin-top: $spacing-md;
-  color: $text-color-muted;
-  font-size: 26rpx;
-}
-
-.login-btn {
-  width: 520rpx;
-  margin-top: 100rpx;
-}
-
 .sticky-tabs {
   position: sticky;
   top: 0;

miniprogram/src/pages/comprehensive/home/index.vue

@@ -1,5 +1,7 @@
 <template>
   <view class="home-container">
+    <VenueSwitchHeader venue-name="综合场馆" />
+
     <view class="banner-wrapper">
       <swiper
         v-if="banners.length"
@@ -72,6 +74,7 @@ import { onPullDownRefresh } from '@dcloudio/uni-app'
 import { contentApi } from '@/modules/comprehensive/api/content'
 import { formatDate, formatTimeRange } from '@/modules/comprehensive/utils/date'
 import VenueTabBar from '@/components/VenueTabBar.vue'
+import VenueSwitchHeader from '@/components/VenueSwitchHeader.vue'
 
 const banners = ref([])
 const upcomingCourses = ref([])

miniprogram/src/pages/comprehensive/profile/index.vue

@@ -1,10 +1,12 @@
 <template>
   <view class="profile-page container">
-    <view v-if="!session.isLoggedIn" class="unlogged">
-      <text class="brand">星河综合运动中心</text>
-      <text class="desc">登录后查看余额、订单、门票权益与个人资料。</text>
-      <button class="primary-button login-btn" @tap="login">微信一键登录</button>
-    </view>
+    <StatePanel
+      v-if="!session.isLoggedIn"
+      primary-text="微信一键登录"
+      type="login"
+      :show-mark="false"
+      @primary="login"
+    />
 
     <block v-else>
       <view class="user-profile-hero" @tap="go('/pages/comprehensive/profile/detail')">
@@ -74,6 +76,7 @@
 import { computed, onMounted } from 'vue'
 import { useComprehensiveSessionStore } from '@/modules/comprehensive/stores/session'
 import VenueTabBar from '@/components/VenueTabBar.vue'
+import StatePanel from '@/components/ice/StatePanel.vue'
 
 const session = useComprehensiveSessionStore()
 const avatarInitial = computed(() => (session.member?.nickname || '用户').slice(0, 1))
@@ -105,33 +108,6 @@ const go = (url) => {
 </script>
 
 <style lang="scss" scoped>
-.unlogged {
-  min-height: 80vh;
-  padding-top: 180rpx;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-}
-
-.brand {
-  color: $text-color-main;
-  font-size: 42rpx;
-  font-weight: 900;
-  letter-spacing: 2rpx;
-}
-
-.desc {
-  margin-top: $spacing-md;
-  color: $text-color-muted;
-  font-size: 26rpx;
-}
-
-.login-btn {
-  width: 520rpx;
-  margin-top: 100rpx;
-}
-
 .user-profile-hero {
   display: flex;
   align-items: center;