优化记录页趋势分析展示

pages/records/records.js

@@ -29,8 +29,12 @@ Page({
     monthRecords: [],
     historyList: [],
     listMode: 'month',
+    contentMode: 'records',
     trendMode: 'week',
     trendData: [],
+    trendSummary: {},
+    bestTrendData: [],
+    bestTrendSummary: {},
     showDayDetail: false,
     dayDetail: {},
     icons: iconsMod.build()
@@ -61,7 +65,7 @@ Page({
   },
 
   refresh() {
-    storage.validateStreak()
+    const streak = storage.validateStreak()
     const stats = storage.getTotalStats()
     const monthKey = `${this.data.currentYear}-${String(this.data.currentMonth).padStart(2, '0')}`
     const records = (storage.getRecordsByMonth(monthKey) || []).map(r => ({ ...r, durationText: util.formatTime(r.duration) }))
@@ -103,6 +107,9 @@ Page({
       : `还差 ${badgeDefs[nextIdx].days - totalDays} 天解锁「${badgeDefs[nextIdx].name}」`
 
     const theme = themeMod.getCurrentTheme()
+    const trendMode = this.data.trendMode || 'week'
+    const trendData = this._computeTrend(trendMode)
+    const bestTrendData = this._computeBestTrend(trendMode)
     this.setData({
       theme,
       icons: iconsMod.build(theme),
@@ -119,7 +126,10 @@ Page({
       historyList,
       listMode: this.data.listMode || 'month',
       displayList: (this.data.listMode || 'month') === 'month' ? records : historyList,
-      trendData: this._computeTrend(this.data.trendMode || 'week'),
+      trendData,
+      trendSummary: { ...util.getTrendSummary(trendData, trendMode), streakCount: Number(streak.count) || 0 },
+      bestTrendData,
+      bestTrendSummary: util.getTrendSummary(bestTrendData, trendMode),
       loading: false
     })
   },
@@ -155,10 +165,24 @@ Page({
     this.refresh()
   },
 
+  onToggleContentMode(e) {
+    const mode = e.currentTarget.dataset.mode
+    if (!['records', 'trend'].includes(mode) || mode === this.data.contentMode) return
+    this.setData({ contentMode: mode })
+  },
+
   onToggleTrendMode(e) {
     const mode = e.currentTarget.dataset.mode
     if (!mode || mode === this.data.trendMode) return
-    this.setData({ trendMode: mode, trendData: this._computeTrend(mode) })
+    const trendData = this._computeTrend(mode)
+    const bestTrendData = this._computeBestTrend(mode)
+    this.setData({
+      trendMode: mode,
+      trendData,
+      trendSummary: { ...util.getTrendSummary(trendData, mode), streakCount: Number(storage.getStreak().count) || 0 },
+      bestTrendData,
+      bestTrendSummary: util.getTrendSummary(bestTrendData, mode)
+    })
   },
 
   /**
@@ -171,6 +195,10 @@ Page({
     return util.getTrendData(storage.getRecords(), mode)
   },
 
+  _computeBestTrend(mode) {
+    return util.getBestTrendData(storage.getRecords(), mode)
+  },
+
   onDayTap(e) {
     const { year, month, day } = e.detail
     const dateStr = `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`