From 4c20371c6d20827a2217335702adb529bac8fa75 Mon Sep 17 00:00:00 2001
From: gqt <3217233537@qq.com>
Date: Mon, 8 Jun 2026 21:42:32 +0800
Subject: [PATCH] feat: add merged venue navigation

---
 miniprogram/package.json                      |   4 +-
 miniprogram/scripts/verify-venue-startup.mjs  |  35 ++++++
 miniprogram/scripts/verify-venue-tabbar.mjs   |  62 ++++++++++
 miniprogram/src/components/VenueTabBar.vue    | 112 ++++++++++++++++++
 .../pages/comprehensive/bookings/index.vue    |   2 +
 .../src/pages/comprehensive/courses/index.vue |   2 +
 .../src/pages/comprehensive/home/index.vue    |   2 +
 .../src/pages/comprehensive/profile/index.vue |   4 +-
 miniprogram/src/pages/ice/bookings/index.vue  |   2 +
 miniprogram/src/pages/ice/courses/index.vue   |   2 +
 miniprogram/src/pages/ice/home/index.vue      |   2 +
 miniprogram/src/pages/ice/profile/index.vue   |   4 +-
 miniprogram/src/pages/venue-select/index.vue  |  20 +++-
 13 files changed, 245 insertions(+), 8 deletions(-)
 create mode 100644 miniprogram/scripts/verify-venue-startup.mjs
 create mode 100644 miniprogram/scripts/verify-venue-tabbar.mjs
 create mode 100644 miniprogram/src/components/VenueTabBar.vue

diff --git a/miniprogram/package.json b/miniprogram/package.json
index 5126597..ac23f76 100644
--- a/miniprogram/package.json
+++ b/miniprogram/package.json
@@ -7,7 +7,9 @@
     "dev:mp-weixin": "uni -p mp-weixin",
     "build:mp-weixin": "uni build -p mp-weixin",
     "dev:h5": "uni",
-    "build:h5": "uni build"
+    "build:h5": "uni build",
+    "verify:tabbar": "node scripts/verify-venue-tabbar.mjs",
+    "verify:startup": "node scripts/verify-venue-startup.mjs"
   },
   "dependencies": {
     "@dcloudio/uni-app": "3.0.0-alpha-5000120260211001",
diff --git a/miniprogram/scripts/verify-venue-startup.mjs b/miniprogram/scripts/verify-venue-startup.mjs
new file mode 100644
index 0000000..13cce0d
--- /dev/null
+++ b/miniprogram/scripts/verify-venue-startup.mjs
@@ -0,0 +1,35 @@
+import { readFileSync } from 'node:fs'
+import { fileURLToPath } from 'node:url'
+import { dirname, resolve } from 'node:path'
+
+const root = resolve(dirname(fileURLToPath(import.meta.url)), '..')
+const srcRoot = resolve(root, 'src')
+const failures = []
+
+const read = (relativePath) => readFileSync(resolve(srcRoot, relativePath), 'utf8')
+const expectIncludes = (content, expected, label) => {
+  if (!content.includes(expected)) failures.push(`${label} is missing: ${expected}`)
+}
+
+const venueSelect = read('pages/venue-select/index.vue')
+expectIncludes(venueSelect, '<view v-if="isReady" class="venue-select-page">', 'venue-select template')
+expectIncludes(venueSelect, "import { onLoad } from '@dcloudio/uni-app'", 'venue-select imports')
+expectIncludes(venueSelect, "import { VENUE_OPTIONS, navigateToVenueHome } from '@/utils/venue'", 'venue-select imports')
+expectIncludes(venueSelect, "const isSwitchMode = options?.mode === 'switch'", 'venue-select onLoad guard')
+expectIncludes(venueSelect, 'if (storedVenue && !isSwitchMode) {', 'venue-select stored venue guard')
+expectIncludes(venueSelect, 'navigateToVenueHome(storedVenue)', 'venue-select stored venue redirect')
+expectIncludes(venueSelect, 'isReady.value = true', 'venue-select ready flag')
+
+const iceProfile = read('pages/ice/profile/index.vue')
+expectIncludes(iceProfile, "navigateTo('/pages/venue-select/index?mode=switch')", 'ice profile switch entry')
+
+const comprehensiveProfile = read('pages/comprehensive/profile/index.vue')
+expectIncludes(comprehensiveProfile, "url: '/pages/venue-select/index?mode=switch'", 'comprehensive profile switch entry')
+
+if (failures.length) {
+  console.error(`Venue startup verification failed with ${failures.length} issue(s):`)
+  for (const failure of failures) console.error(`- ${failure}`)
+  process.exit(1)
+}
+
+console.log('Venue startup verification passed.')
diff --git a/miniprogram/scripts/verify-venue-tabbar.mjs b/miniprogram/scripts/verify-venue-tabbar.mjs
new file mode 100644
index 0000000..4acfdb2
--- /dev/null
+++ b/miniprogram/scripts/verify-venue-tabbar.mjs
@@ -0,0 +1,62 @@
+import { existsSync, readFileSync } from 'node:fs'
+import { fileURLToPath } from 'node:url'
+import { dirname, resolve } from 'node:path'
+
+const root = resolve(dirname(fileURLToPath(import.meta.url)), '..')
+const srcRoot = resolve(root, 'src')
+
+const tabPages = [
+  { file: 'pages/ice/home/index.vue', venue: 'ice', active: 'home' },
+  { file: 'pages/ice/courses/index.vue', venue: 'ice', active: 'courses' },
+  { file: 'pages/ice/bookings/index.vue', venue: 'ice', active: 'bookings' },
+  { file: 'pages/ice/profile/index.vue', venue: 'ice', active: 'profile' },
+  { file: 'pages/comprehensive/home/index.vue', venue: 'comprehensive', active: 'home' },
+  { file: 'pages/comprehensive/courses/index.vue', venue: 'comprehensive', active: 'courses' },
+  { file: 'pages/comprehensive/bookings/index.vue', venue: 'comprehensive', active: 'bookings' },
+  { file: 'pages/comprehensive/profile/index.vue', venue: 'comprehensive', active: 'profile' }
+]
+
+const icons = ['home', 'course', 'booking', 'mine']
+const venues = ['ice', 'comprehensive']
+const failures = []
+
+const assertFile = (path) => {
+  if (!existsSync(path)) failures.push(`Missing file: ${path}`)
+}
+
+assertFile(resolve(srcRoot, 'components/VenueTabBar.vue'))
+
+for (const { file, venue, active } of tabPages) {
+  const path = resolve(srcRoot, file)
+  assertFile(path)
+  if (!existsSync(path)) continue
+
+  const content = readFileSync(path, 'utf8')
+  if (!content.includes('<VenueTabBar')) {
+    failures.push(`${file} does not render <VenueTabBar>`)
+  }
+  if (!content.includes(`venue="${venue}"`)) {
+    failures.push(`${file} does not pass venue="${venue}"`)
+  }
+  if (!content.includes(`active="${active}"`)) {
+    failures.push(`${file} does not pass active="${active}"`)
+  }
+  if (!content.includes("import VenueTabBar from '@/components/VenueTabBar.vue'")) {
+    failures.push(`${file} does not import VenueTabBar`)
+  }
+}
+
+for (const venue of venues) {
+  for (const icon of icons) {
+    assertFile(resolve(srcRoot, `static/${venue}/tab/${icon}.png`))
+    assertFile(resolve(srcRoot, `static/${venue}/tab/${icon}-active.png`))
+  }
+}
+
+if (failures.length) {
+  console.error(`Venue tabbar verification failed with ${failures.length} issue(s):`)
+  for (const failure of failures) console.error(`- ${failure}`)
+  process.exit(1)
+}
+
+console.log('Venue tabbar verification passed.')
diff --git a/miniprogram/src/components/VenueTabBar.vue b/miniprogram/src/components/VenueTabBar.vue
new file mode 100644
index 0000000..5261cbd
--- /dev/null
+++ b/miniprogram/src/components/VenueTabBar.vue
@@ -0,0 +1,112 @@
+<template>
+  <view class="venue-tabbar-wrap">
+    <view class="venue-tabbar-spacer" />
+    <view class="venue-tabbar">
+      <view
+        v-for="item in items"
+        :key="item.key"
+        class="venue-tabbar__item"
+        :class="{ active: item.key === active }"
+        @tap="go(item)"
+      >
+        <image
+          class="venue-tabbar__icon"
+          :src="item.key === active ? item.activeIcon : item.icon"
+          mode="aspectFit"
+        />
+        <text class="venue-tabbar__label">{{ item.label }}</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+import { setStoredVenue } from '@/utils/venue'
+
+const props = defineProps({
+  venue: {
+    type: String,
+    required: true,
+    validator: (value) => ['ice', 'comprehensive'].includes(value)
+  },
+  active: {
+    type: String,
+    required: true,
+    validator: (value) => ['home', 'courses', 'bookings', 'profile'].includes(value)
+  }
+})
+
+const tabDefinitions = [
+  { key: 'home', label: '首页', icon: 'home', path: 'home' },
+  { key: 'courses', label: '课程', icon: 'course', path: 'courses' },
+  { key: 'bookings', label: '预约', icon: 'booking', path: 'bookings' },
+  { key: 'profile', label: '我的', icon: 'mine', path: 'profile' }
+]
+
+const items = computed(() => {
+  return tabDefinitions.map((item) => ({
+    ...item,
+    icon: `/static/${props.venue}/tab/${item.icon}.png`,
+    activeIcon: `/static/${props.venue}/tab/${item.icon}-active.png`,
+    url: `/pages/${props.venue}/${item.path}/index`
+  }))
+})
+
+const go = (item) => {
+  setStoredVenue(props.venue)
+  if (item.key === props.active) return
+
+  uni.reLaunch({ url: item.url })
+}
+</script>
+
+<style lang="scss" scoped>
+.venue-tabbar-spacer {
+  height: calc(124rpx + env(safe-area-inset-bottom));
+}
+
+.venue-tabbar {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  padding: 10rpx 0 calc(10rpx + env(safe-area-inset-bottom));
+  border-top: 1rpx solid $border-color;
+  background: rgba(255, 255, 255, 0.98);
+  box-shadow: 0 -8rpx 24rpx rgba(15, 23, 42, 0.06);
+}
+
+.venue-tabbar__item {
+  min-width: 0;
+  height: 104rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 6rpx;
+  color: $text-color-light;
+  font-size: 22rpx;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.venue-tabbar__item.active {
+  color: $text-color-main;
+}
+
+.venue-tabbar__icon {
+  width: 46rpx;
+  height: 46rpx;
+}
+
+.venue-tabbar__label {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+</style>
diff --git a/miniprogram/src/pages/comprehensive/bookings/index.vue b/miniprogram/src/pages/comprehensive/bookings/index.vue
index 2975396..93ffb2e 100644
--- a/miniprogram/src/pages/comprehensive/bookings/index.vue
+++ b/miniprogram/src/pages/comprehensive/bookings/index.vue
@@ -31,6 +31,7 @@
         <view v-if="isLoading" class="load-more-tip">加载中...</view>
       </view>
     </block>
+    <VenueTabBar venue="comprehensive" active="bookings" />
   </view>
 </template>
 
@@ -40,6 +41,7 @@ import { bookingApi } from '@/modules/comprehensive/api/booking'
 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'
 
 const session = useComprehensiveSessionStore()
 const businessType = ref('course')
diff --git a/miniprogram/src/pages/comprehensive/courses/index.vue b/miniprogram/src/pages/comprehensive/courses/index.vue
index f9e8311..0a21645 100644
--- a/miniprogram/src/pages/comprehensive/courses/index.vue
+++ b/miniprogram/src/pages/comprehensive/courses/index.vue
@@ -41,6 +41,7 @@
       <view v-else-if="courses.length === 0" class="empty-state">当前筛选条件下暂无课程</view>
       <view v-else-if="!hasMore" class="load-more-tip">已加载全部</view>
     </view>
+    <VenueTabBar venue="comprehensive" active="courses" />
   </view>
 </template>
 
@@ -50,6 +51,7 @@ import { onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'
 import { courseApi } from '@/modules/comprehensive/api/course'
 import { venueApi } from '@/modules/comprehensive/api/venue'
 import { formatTimeRange, todayString } from '@/modules/comprehensive/utils/date'
+import VenueTabBar from '@/components/VenueTabBar.vue'
 
 const selectedDate = ref(todayString())
 const selectedCoachIndex = ref(0)
diff --git a/miniprogram/src/pages/comprehensive/home/index.vue b/miniprogram/src/pages/comprehensive/home/index.vue
index 3ddfe91..cee01a6 100644
--- a/miniprogram/src/pages/comprehensive/home/index.vue
+++ b/miniprogram/src/pages/comprehensive/home/index.vue
@@ -62,6 +62,7 @@
       </view>
       <view v-else class="empty-placeholder">暂无公告活动</view>
     </view>
+    <VenueTabBar venue="comprehensive" active="home" />
   </view>
 </template>
 
@@ -70,6 +71,7 @@ import { ref, onMounted } from 'vue'
 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'
 
 const banners = ref([])
 const upcomingCourses = ref([])
diff --git a/miniprogram/src/pages/comprehensive/profile/index.vue b/miniprogram/src/pages/comprehensive/profile/index.vue
index 530b941..273d949 100644
--- a/miniprogram/src/pages/comprehensive/profile/index.vue
+++ b/miniprogram/src/pages/comprehensive/profile/index.vue
@@ -66,12 +66,14 @@
         </view>
       </view>
     </block>
+    <VenueTabBar venue="comprehensive" active="profile" />
   </view>
 </template>
 
 <script setup>
 import { computed, onMounted } from 'vue'
 import { useComprehensiveSessionStore } from '@/modules/comprehensive/stores/session'
+import VenueTabBar from '@/components/VenueTabBar.vue'
 
 const session = useComprehensiveSessionStore()
 const avatarInitial = computed(() => (session.member?.nickname || '用户').slice(0, 1))
@@ -81,7 +83,7 @@ const menuItems = [
   { title: '篮球门票', url: '/pages/comprehensive/tickets/index', theme: 'ticket-theme', icon: 'ticket' },
   { title: '我的订单', url: '/pages/comprehensive/profile/orders', theme: 'order-theme', icon: 'order' },
   { title: '个人信息', url: '/pages/comprehensive/profile/detail', theme: 'profile-theme', icon: 'profile' },
-  { title: '切换场馆', url: '/pages/venue-select/index', theme: 'profile-theme', icon: 'profile' }
+  { title: '切换场馆', url: '/pages/venue-select/index?mode=switch', theme: 'profile-theme', icon: 'profile' }
 ]
 
 onMounted(async () => {
diff --git a/miniprogram/src/pages/ice/bookings/index.vue b/miniprogram/src/pages/ice/bookings/index.vue
index 8fd1a6e..3bf825d 100644
--- a/miniprogram/src/pages/ice/bookings/index.vue
+++ b/miniprogram/src/pages/ice/bookings/index.vue
@@ -111,6 +111,7 @@
       />
     </view>
     </block>
+    <VenueTabBar venue="ice" active="bookings" />
   </view>
 </template>
 
@@ -120,6 +121,7 @@ import { onPullDownRefresh, onReachBottom, onShow } from '@dcloudio/uni-app'
 import { bookingApi } from '@/modules/ice/api/booking'
 import { authStorage } from '@/modules/ice/api/member'
 import { errorMessage, getMemberSession, loginAndStoreToken, sessionStatusFromError, SESSION_STATUS } from '@/modules/ice/api/session'
+import VenueTabBar from '@/components/VenueTabBar.vue'
 import StatePanel from '@/components/ice/StatePanel.vue'
 
 const isLoggedIn = ref(false)
diff --git a/miniprogram/src/pages/ice/courses/index.vue b/miniprogram/src/pages/ice/courses/index.vue
index 8f1b757..024b785 100644
--- a/miniprogram/src/pages/ice/courses/index.vue
+++ b/miniprogram/src/pages/ice/courses/index.vue
@@ -90,6 +90,7 @@
         compact
       />
     </view>
+    <VenueTabBar venue="ice" active="courses" />
   </view>
 </template>
 
@@ -98,6 +99,7 @@ import { ref, computed, onMounted } from 'vue'
 import { onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'
 import { courseApi } from '@/modules/ice/api/course'
 import { errorMessage } from '@/modules/ice/api/session'
+import VenueTabBar from '@/components/VenueTabBar.vue'
 import StatePanel from '@/components/ice/StatePanel.vue'
 
 const selectedDate = ref('')
diff --git a/miniprogram/src/pages/ice/home/index.vue b/miniprogram/src/pages/ice/home/index.vue
index eb56f28..bf9c07c 100644
--- a/miniprogram/src/pages/ice/home/index.vue
+++ b/miniprogram/src/pages/ice/home/index.vue
@@ -84,6 +84,7 @@
       </view>
     </view>
     </block>
+    <VenueTabBar venue="ice" active="home" />
   </view>
 </template>
 
@@ -92,6 +93,7 @@ import { ref, onMounted } from 'vue'
 import { onPullDownRefresh } from '@dcloudio/uni-app'
 import { homeApi } from '@/modules/ice/api/home'
 import { errorMessage } from '@/modules/ice/api/session'
+import VenueTabBar from '@/components/VenueTabBar.vue'
 import StatePanel from '@/components/ice/StatePanel.vue'
 
 const todayStr = ref('')
diff --git a/miniprogram/src/pages/ice/profile/index.vue b/miniprogram/src/pages/ice/profile/index.vue
index 6d51470..75c4f41 100644
--- a/miniprogram/src/pages/ice/profile/index.vue
+++ b/miniprogram/src/pages/ice/profile/index.vue
@@ -181,7 +181,7 @@
         </view>
 
         <!-- 切换场馆条目 -->
-        <view class="menu-item" @tap="navigateTo('/pages/venue-select/index')">
+        <view class="menu-item" @tap="navigateTo('/pages/venue-select/index?mode=switch')">
           <view class="item-left">
             <view class="item-icon-container card-theme">
               <view class="svg-card-minimal">
@@ -212,6 +212,7 @@
         </view>
       </view>
     </block>
+    <VenueTabBar venue="ice" active="profile" />
   </view>
 </template>
 
@@ -220,6 +221,7 @@ import { ref, computed } from 'vue'
 import { onShow } from '@dcloudio/uni-app'
 import { api, authStorage } from '@/modules/ice/api/member'
 import { errorMessage, getMemberSession, loginAndStoreToken, SESSION_STATUS } from '@/modules/ice/api/session'
+import VenueTabBar from '@/components/VenueTabBar.vue'
 import StatePanel from '@/components/ice/StatePanel.vue'
 
 const isLoggedIn = ref(false)
diff --git a/miniprogram/src/pages/venue-select/index.vue b/miniprogram/src/pages/venue-select/index.vue
index 09d67fc..b219cc3 100644
--- a/miniprogram/src/pages/venue-select/index.vue
+++ b/miniprogram/src/pages/venue-select/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="venue-select-page">
+  <view v-if="isReady" class="venue-select-page">
     <view class="header">
       <text class="title">选择场馆</text>
       <text class="subtitle">进入对应场馆后，会员、预约、订单和支付数据彼此独立。</text>
@@ -32,17 +32,27 @@
 </template>
 
 <script setup>
-import { computed, onMounted } from 'vue'
+import { computed, ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
 import { useVenueStore } from '@/stores/venue'
-import { VENUE_OPTIONS } from '@/utils/venue'
+import { VENUE_OPTIONS, navigateToVenueHome } from '@/utils/venue'
 
 const venueStore = useVenueStore()
 const venues = VENUE_OPTIONS
+const isReady = ref(false)
 const currentVenue = computed(() => venueStore.currentVenue)
 const selectedVenue = computed(() => venueStore.currentVenueOption)
 
-onMounted(() => {
-  venueStore.init()
+onLoad((options) => {
+  const storedVenue = venueStore.init()
+  const isSwitchMode = options?.mode === 'switch'
+
+  if (storedVenue && !isSwitchMode) {
+    navigateToVenueHome(storedVenue)
+    return
+  }
+
+  isReady.value = true
 })
 
 const selectVenue = (venueKey) => {