135 lines
4.1 KiB
TypeScript
135 lines
4.1 KiB
TypeScript
import { loadBackendAuthTokens, loadBackendBaseUrl } from '../../utils/backendAuth'
|
|
import { getMyResults, getSessionResult, type BackendSessionResultView } from '../../utils/backendApi'
|
|
|
|
type ResultPageData = {
|
|
sessionId: string
|
|
statusText: string
|
|
sessionTitleText: string
|
|
sessionSubtitleText: string
|
|
rows: Array<{ label: string; value: string }>
|
|
recentResults: BackendSessionResultView[]
|
|
}
|
|
|
|
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 formatValue(value: unknown): string {
|
|
if (value === null || value === undefined || value === '') {
|
|
return '--'
|
|
}
|
|
return String(value)
|
|
}
|
|
|
|
Page({
|
|
data: {
|
|
sessionId: '',
|
|
statusText: '准备加载结果',
|
|
sessionTitleText: '结果页',
|
|
sessionSubtitleText: '未加载',
|
|
rows: [],
|
|
recentResults: [],
|
|
} as ResultPageData,
|
|
|
|
onLoad(query: { sessionId?: string }) {
|
|
const sessionId = query && query.sessionId ? decodeURIComponent(query.sessionId) : ''
|
|
this.setData({ sessionId })
|
|
if (sessionId) {
|
|
this.loadSingleResult(sessionId)
|
|
return
|
|
}
|
|
this.loadRecentResults()
|
|
},
|
|
|
|
async loadSingleResult(sessionId: string) {
|
|
const accessToken = getAccessToken()
|
|
if (!accessToken) {
|
|
wx.redirectTo({ url: '/pages/login/login' })
|
|
return
|
|
}
|
|
|
|
this.setData({
|
|
statusText: '正在加载单局结果',
|
|
})
|
|
|
|
try {
|
|
const result = await getSessionResult({
|
|
baseUrl: loadBackendBaseUrl(),
|
|
accessToken,
|
|
sessionId,
|
|
})
|
|
this.setData({
|
|
statusText: '单局结果加载完成',
|
|
sessionTitleText: result.session.eventName || result.session.eventDisplayName || result.session.eventId || result.session.id || result.session.sessionId,
|
|
sessionSubtitleText: `${result.session.status || result.session.sessionStatus} / ${result.result.status}`,
|
|
rows: [
|
|
{ label: '最终得分', value: formatValue(result.result.finalScore) },
|
|
{ label: '最终用时(秒)', value: formatValue(result.result.finalDurationSec) },
|
|
{ label: '完成点数', value: formatValue(result.result.completedControls) },
|
|
{ label: '总点数', value: formatValue(result.result.totalControls) },
|
|
{ label: '累计里程(m)', value: formatValue(result.result.distanceMeters) },
|
|
{ label: '平均速度(km/h)', value: formatValue(result.result.averageSpeedKmh) },
|
|
{ label: '最大心率', value: formatValue(result.result.maxHeartRateBpm) },
|
|
],
|
|
})
|
|
} catch (error) {
|
|
const message = error && (error as { message?: string }).message ? (error as { message: string }).message : '未知错误'
|
|
this.setData({
|
|
statusText: `结果加载失败：${message}`,
|
|
})
|
|
}
|
|
},
|
|
|
|
async loadRecentResults() {
|
|
const accessToken = getAccessToken()
|
|
if (!accessToken) {
|
|
wx.redirectTo({ url: '/pages/login/login' })
|
|
return
|
|
}
|
|
|
|
this.setData({
|
|
statusText: '正在加载最近结果',
|
|
})
|
|
|
|
try {
|
|
const results = await getMyResults({
|
|
baseUrl: loadBackendBaseUrl(),
|
|
accessToken,
|
|
limit: 20,
|
|
})
|
|
this.setData({
|
|
statusText: '最近结果加载完成',
|
|
sessionSubtitleText: '最近结果列表',
|
|
recentResults: results,
|
|
})
|
|
} catch (error) {
|
|
const message = error && (error as { message?: string }).message ? (error as { message: string }).message : '未知错误'
|
|
this.setData({
|
|
statusText: `结果加载失败：${message}`,
|
|
})
|
|
}
|
|
},
|
|
|
|
handleOpenResult(event: WechatMiniprogram.TouchEvent) {
|
|
const sessionId = event.currentTarget.dataset.sessionId as string | undefined
|
|
if (!sessionId) {
|
|
return
|
|
}
|
|
wx.redirectTo({
|
|
url: `/pages/result/result?sessionId=${encodeURIComponent(sessionId)}`,
|
|
})
|
|
},
|
|
|
|
handleBackToList() {
|
|
this.setData({
|
|
sessionId: '',
|
|
rows: [],
|
|
})
|
|
this.loadRecentResults()
|
|
},
|
|
})
|