完善多赛道联调与全局产品架构

miniprogram/pages/results/results.ts

@@ -0,0 +1,104 @@
+import { loadBackendAuthTokens, loadBackendBaseUrl } from '../../utils/backendAuth'
+import { getMyResults, type BackendSessionResultView } from '../../utils/backendApi'
+
+type ResultsPageData = {
+  loading: boolean
+  statusText: string
+  results: Array<{
+    sessionId: string
+    titleText: string
+    statusText: string
+    scoreText: string
+    routeText: string
+  }>
+}
+
+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 formatRouteSummary(result: BackendSessionResultView): string {
+  const session = result.session
+  if (session.variantName && session.routeCode) {
+    return `${session.variantName} / ${session.routeCode}`
+  }
+  if (session.variantName) {
+    return session.variantName
+  }
+  if (session.routeCode) {
+    return session.routeCode
+  }
+  return '默认赛道'
+}
+
+function buildResultCardView(result: BackendSessionResultView) {
+  return {
+    sessionId: result.session.id,
+    titleText: result.session.eventName || result.session.id,
+    statusText: `${result.result.status} / ${result.session.status}`,
+    scoreText: `得分 ${result.result.finalScore || '--'} / 用时 ${result.result.finalDurationSec || '--'}s`,
+    routeText: `赛道 ${formatRouteSummary(result)}`,
+  }
+}
+
+Page({
+  data: {
+    loading: false,
+    statusText: '准备加载历史结果',
+    results: [],
+  } as ResultsPageData,
+
+  onLoad() {
+    this.loadResults()
+  },
+
+  onShow() {
+    this.loadResults()
+  },
+
+  async loadResults() {
+    const accessToken = getAccessToken()
+    if (!accessToken) {
+      wx.redirectTo({ url: '/pages/login/login' })
+      return
+    }
+
+    this.setData({
+      loading: true,
+      statusText: '正在加载历史结果',
+    })
+
+    try {
+      const results = await getMyResults({
+        baseUrl: loadBackendBaseUrl(),
+        accessToken,
+        limit: 20,
+      })
+      this.setData({
+        loading: false,
+        statusText: `历史结果加载完成，共 ${results.length} 条`,
+        results: results.map(buildResultCardView),
+      })
+    } catch (error) {
+      const message = error && (error as { message?: string }).message ? (error as { message: string }).message : '未知错误'
+      this.setData({
+        loading: false,
+        statusText: `历史结果加载失败：${message}`,
+      })
+    }
+  },
+
+  handleOpenResult(event: WechatMiniprogram.TouchEvent) {
+    const sessionId = event.currentTarget.dataset.sessionId as string | undefined
+    if (!sessionId) {
+      return
+    }
+    wx.navigateTo({
+      url: `/pages/result/result?sessionId=${encodeURIComponent(sessionId)}`,
+    })
+  },
+})

miniprogram/pages/results/results.wxml

@@ -0,0 +1,25 @@
+<scroll-view class="page" scroll-y>
+  <view class="shell">
+    <view class="hero">
+      <view class="hero__eyebrow">Results</view>
+      <view class="hero__title">历史结果</view>
+      <view class="hero__desc">查看最近联调与正式对局结果</view>
+    </view>
+
+    <view class="panel">
+      <view class="panel__title">当前状态</view>
+      <view class="summary">{{statusText}}</view>
+    </view>
+
+    <view class="panel">
+      <view class="panel__title">结果列表</view>
+      <view wx:if="{{!results.length}}" class="summary">当前没有结果记录</view>
+      <view wx:for="{{results}}" wx:key="sessionId" class="result-card" bindtap="handleOpenResult" data-session-id="{{item.sessionId}}">
+        <view class="result-card__title">{{item.titleText}}</view>
+        <view class="result-card__meta">{{item.statusText}}</view>
+        <view class="result-card__meta">{{item.scoreText}}</view>
+        <view class="result-card__meta">{{item.routeText}}</view>
+      </view>
+    </view>
+  </view>
+</scroll-view>

miniprogram/pages/results/results.wxss

@@ -0,0 +1,76 @@
+page {
+  min-height: 100vh;
+  background: linear-gradient(180deg, #eff4fb 0%, #e8eff7 100%);
+}
+
+.page {
+  min-height: 100vh;
+}
+
+.shell {
+  display: grid;
+  gap: 24rpx;
+  padding: 28rpx 24rpx 40rpx;
+}
+
+.hero,
+.panel {
+  display: grid;
+  gap: 16rpx;
+  padding: 24rpx;
+  border-radius: 24rpx;
+}
+
+.hero {
+  background: linear-gradient(135deg, #163a66 0%, #1f5da1 100%);
+  color: #ffffff;
+}
+
+.hero__eyebrow {
+  font-size: 22rpx;
+  letter-spacing: 0.16em;
+  text-transform: uppercase;
+  color: rgba(255, 255, 255, 0.72);
+}
+
+.hero__title {
+  font-size: 40rpx;
+  font-weight: 700;
+}
+
+.hero__desc {
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.84);
+}
+
+.panel {
+  background: rgba(255, 255, 255, 0.94);
+  box-shadow: 0 14rpx 32rpx rgba(40, 63, 95, 0.08);
+}
+
+.panel__title {
+  font-size: 30rpx;
+  font-weight: 700;
+  color: #17345a;
+}
+
+.summary,
+.result-card__meta {
+  font-size: 24rpx;
+  line-height: 1.6;
+  color: #30465f;
+}
+
+.result-card {
+  display: grid;
+  gap: 8rpx;
+  padding: 18rpx;
+  border-radius: 18rpx;
+  background: #f6f9fc;
+}
+
+.result-card__title {
+  font-size: 28rpx;
+  font-weight: 700;
+  color: #17345a;
+}