推进活动系统最小成品闭环与游客体验

miniprogram/pages/experience-map/experience-map.ts

@@ -0,0 +1,195 @@
+import { loadBackendAuthTokens, loadBackendBaseUrl } from '../../utils/backendAuth'
+import {
+  getExperienceMapDetail,
+  getPublicExperienceMapDetail,
+  type BackendContentBundleSummary,
+  type BackendDefaultExperienceSummary,
+  type BackendExperienceMapDetail,
+  type BackendPresentationSummary,
+} from '../../utils/backendApi'
+import { reportBackendClientLog } from '../../utils/backendClientLogs'
+
+type DefaultExperienceCardView = {
+  eventId: string
+  titleText: string
+  subtitleText: string
+  statusText: string
+  ctaText: string
+  eventTypeText: string
+  presentationText: string
+  contentBundleText: string
+  disabled: boolean
+}
+
+type ExperienceMapPageData = {
+  mapId: string
+  loading: boolean
+  statusText: string
+  placeText: string
+  mapText: string
+  summaryText: string
+  tileInfoText: string
+  cards: DefaultExperienceCardView[]
+}
+
+function getAccessToken(): string | null {
+  const app = getApp<IAppOption>()
+  const tokens = app.globalData && app.globalData.backendAuthTokens
+    ? app.globalData.backendAuthTokens
+    : loadBackendAuthTokens()
+  return tokens && tokens.accessToken ? tokens.accessToken : null
+}
+
+function formatPresentationSummary(summary?: BackendPresentationSummary | null): string {
+  if (!summary) {
+    return '当前未声明展示版本'
+  }
+  return summary.version || summary.templateKey || summary.presentationId || '当前未声明展示版本'
+}
+
+function formatContentBundleSummary(summary?: BackendContentBundleSummary | null): string {
+  if (!summary) {
+    return '当前未声明内容包版本'
+  }
+  return summary.version || summary.bundleType || summary.bundleId || '当前未声明内容包版本'
+}
+
+function buildDefaultExperienceCard(item: BackendDefaultExperienceSummary): DefaultExperienceCardView {
+  const eventId = item.eventId || ''
+  return {
+    eventId,
+    titleText: item.title || '未命名体验活动',
+    subtitleText: item.subtitle || '当前暂无副标题',
+    statusText: item.status || item.statusCode || '状态待确认',
+    ctaText: item.ctaText || '查看体验',
+    eventTypeText: item.eventType || '类型待确认',
+    presentationText: formatPresentationSummary(item.currentPresentation),
+    contentBundleText: formatContentBundleSummary(item.currentContentBundle),
+    disabled: !eventId,
+  }
+}
+
+Page({
+  data: {
+    mapId: '',
+    loading: false,
+    statusText: '准备加载地图详情',
+    placeText: '地点待确认',
+    mapText: '地图待确认',
+    summaryText: '当前暂无地图摘要',
+    tileInfoText: '瓦片信息待确认',
+    cards: [],
+  } as ExperienceMapPageData,
+
+  onLoad(query: { mapId?: string }) {
+    const mapId = query && query.mapId ? decodeURIComponent(query.mapId) : ''
+    if (!mapId) {
+      this.setData({
+        statusText: '缺少 mapId',
+      })
+      return
+    }
+    this.setData({ mapId })
+    this.loadMapDetail(mapId)
+  },
+
+  onShow() {
+    if (this.data.mapId) {
+      this.loadMapDetail(this.data.mapId)
+    }
+  },
+
+  async loadMapDetail(mapId?: string) {
+    const targetMapId = mapId || this.data.mapId
+    const accessToken = getAccessToken()
+
+    this.setData({
+      loading: true,
+      statusText: '正在加载地图详情',
+    })
+
+    try {
+      const baseUrl = loadBackendBaseUrl()
+      const result = accessToken
+        ? await getExperienceMapDetail({
+          baseUrl,
+          accessToken,
+          mapAssetId: targetMapId,
+        })
+        : await getPublicExperienceMapDetail({
+          baseUrl,
+          mapAssetId: targetMapId,
+        })
+      this.applyDetail(result)
+    } catch (error) {
+      const message = error && (error as { message?: string }).message ? (error as { message: string }).message : '未知错误'
+      this.setData({
+        loading: false,
+        statusText: `地图详情加载失败：${message}`,
+        cards: [],
+      })
+    }
+  },
+
+  applyDetail(result: BackendExperienceMapDetail) {
+    const cards = (result.defaultExperiences || []).map(buildDefaultExperienceCard)
+    reportBackendClientLog({
+      level: 'info',
+      category: 'experience-map-detail',
+      message: 'experience map detail loaded',
+      details: {
+        guestMode: !getAccessToken(),
+        mapId: result.mapId || this.data.mapId || '',
+        placeId: result.placeId || '',
+        defaultExperienceCount: cards.length,
+        defaultExperienceEventIds: (result.defaultExperiences || []).map((item) => item.eventId || ''),
+      },
+    })
+
+    const tileBase = result.tileBaseUrl || ''
+    const tileMeta = result.tileMetaUrl || ''
+    const tileInfoText = tileBase || tileMeta
+      ? `底图 ${tileBase || '--'} / Meta ${tileMeta || '--'}`
+      : '当前未声明瓦片信息'
+
+    this.setData({
+      loading: false,
+      statusText: cards.length ? '地图详情加载完成' : '当前地图暂无默认体验活动',
+      placeText: result.placeName || result.placeId || '地点待确认',
+      mapText: result.mapName || result.mapId || '地图待确认',
+      summaryText: result.summary || '当前暂无地图摘要',
+      tileInfoText,
+      cards,
+    })
+  },
+
+  handleRefresh() {
+    this.loadMapDetail()
+  },
+
+  handleOpenExperience(event: WechatMiniprogram.TouchEvent) {
+    const eventId = event.currentTarget.dataset.eventId as string | undefined
+    reportBackendClientLog({
+      level: 'info',
+      category: 'experience-map-detail',
+      message: 'default experience clicked',
+      eventId: eventId || '',
+      details: {
+        mapId: this.data.mapId || '',
+        clickedEventId: eventId || '',
+      },
+    })
+
+    if (!eventId) {
+      wx.showToast({
+        title: '该体验活动暂无入口',
+        icon: 'none',
+      })
+      return
+    }
+
+    wx.navigateTo({
+      url: `/pages/event/event?eventId=${encodeURIComponent(eventId)}`,
+    })
+  },
+})