每日运势小程序

DailyFortuneGuide/pages/history/index.js

@@ -0,0 +1,51 @@
+const fortuneStore = require("../../store/fortuneStore");
+const messages = require("../../constants/messages");
+const { formatDisplayDateTime } = require("../../utils/date");
+const { formatRegionDisplay, normalizeRegionArray } = require("../../utils/region");
+const { getPageSafeTop } = require("../../utils/safeArea");
+
+Page({
+  data: {
+    safeAreaTop: 64,
+    history: [],
+    emptyText: messages.HISTORY_EMPTY
+  },
+  onLoad() {
+    this.updateSafeAreaPadding();
+  },
+  onShow() {
+    fortuneStore.loadHistory();
+    const { history } = fortuneStore.getState();
+    const normalized = history.map((item) => {
+      const snapshot = item.formSnapshot || {};
+      const fortune = item.fortune || {};
+      const regionValue = normalizeRegionArray(snapshot.birthRegion);
+      const fallbackSegments = [snapshot.birthProvince, snapshot.birthCity, snapshot.birthDistrict].filter(Boolean);
+      const regionLabel = formatRegionDisplay(regionValue, fallbackSegments);
+      const fortuneDate = fortune.fortuneDate || fortune.FortuneDate || "";
+      const summary = fortune.summary || fortune.Summary || "";
+      return {
+        id: item.id,
+        createdAt: item.createdAt,
+        displayTime: formatDisplayDateTime(item.createdAt),
+        city: regionLabel || snapshot.birthCity || snapshot.birthProvince || "",
+        fortuneDate,
+        summary
+      };
+    });
+    this.setData({ history: normalized });
+  },
+  handleViewDetail(event) {
+    const { id } = event.currentTarget.dataset;
+    if (!id) {
+      return;
+    }
+    if (typeof tt !== "undefined" && tt.navigateTo) {
+      tt.navigateTo({ url: `/pages/history-detail/index?id=${id}` });
+    }
+  },
+  updateSafeAreaPadding() {
+    const padding = getPageSafeTop();
+    this.setData({ safeAreaTop: padding });
+  }
+});