feat: 养护模板/社区运营/体重趋势/计划日历 + 雪花ID重构 + 文件表与图片上传

后端 - 主键改雪花字符串 ID（pkg/idgen + Base.BeforeCreate），全表外键/JWT/中间件随之调整 - 新增 files 表：/api/upload 按 MD5 去重，返回 {id,url,md5}，服务端只收图片 - 头像/记录附图/帖子图改 file_id 关联，读取解析为 URL - 养护模板（物种×阶段）后台可配 + AI 生成草稿；建档按模板生成任务/计划/提醒 - 社区 AI 运营：虚拟账号池 + 每日定时/手动生成，帖子带 AI 标 - 计划路线图节点带真实日期；首页周历与计划日历同源；新增 day-plan 当日安排 - 体重趋势接口带备注；记录列表分页小程序 - 公共图片上传 utils/upload.js（仅图片）；记录拍照/我的头像/社区发图三处接入 - 首页日历点选查当日任务；记录页体重趋势可点看备注 + 时间轴分页折叠 - 计划页日历点选查当日计划；自定义 tabBar 高度调整后台（React） - 新增「养护模板」「社区运营」页；用户管理加机器人筛选 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-06 08:48:15 +08:00
parent 609f7d06cf
commit 2f5dd6eefc
83 changed files with 2253 additions and 355 deletions
@@ -22,10 +22,51 @@ function mapRecord(r) {
  };
 }

+function fmtDay(iso) {
+  if (!iso) return '';
+  const d = new Date(iso);
+  return d.getMonth() + 1 + '月' + d.getDate() + '日';
+}
+
+// 用真实体重点生成趋势图：返回 { svg(折线), dots(可点圆点，坐标为百分比) }
+function buildChart(points) {
+  const vals = points.map((p) => Number(p.value) || 0);
+  const W = 300, H = 100, pad = 12, n = vals.length;
+  let min = Math.min.apply(null, vals);
+  let max = Math.max.apply(null, vals);
+  if (max === min) max = min + 1;
+  const xs = (i) => (n === 1 ? W / 2 : pad + ((W - 2 * pad) * i) / (n - 1));
+  const ys = (v) => H - pad - ((H - 2 * pad) * (v - min)) / (max - min);
+  const pts = vals.map((v, i) => xs(i).toFixed(1) + ',' + ys(v).toFixed(1)).join(' ');
+  const svg =
+    '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ' + W + ' ' + H + '" preserveAspectRatio="none">' +
+    '<polyline points="' + pts + '" fill="none" stroke="#73BE9D" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>' +
+    '</svg>';
+  const dots = points.map((p, i) => ({
+    xp: Number(((xs(i) / W) * 100).toFixed(2)),
+    yp: Number(((ys(vals[i]) / H) * 100).toFixed(2)),
+    value: vals[i],
+    date: fmtDay(p.occurred_at),
+    note: p.note || '',
+    delta: i > 0 ? Number((vals[i] - vals[i - 1]).toFixed(2)) : null,
+  }));
+  return { svg: 'data:image/svg+xml,' + encodeURIComponent(svg), dots };
+}
+
+const REC_PAGE = 6;
+
 Page({
  data: {
    pet: {},
    timeline: [],
+    recPage: 1,
+    recTotal: 0,
+    recHasMore: false,
+    trendSvg: '',
+    trendStats: null,
+    trendDots: [],
+    selDot: null,
+    selIdx: -1,
    sheetShow: false,
    sheetType: '',
  },
@@ -54,9 +95,61 @@ Page({
    const id = store.currentPetId();
    if (!id) return;
    api
-      .getRecords(id)
-      .then((records) => this.setData({ timeline: (records || []).map(mapRecord) }))
+      .getRecords(id, { page: 1, pageSize: REC_PAGE })
+      .then((res) => {
+        const list = (res.list || []).map(mapRecord);
+        this.setData({ timeline: list, recPage: 1, recTotal: res.total || 0, recHasMore: list.length < (res.total || 0) });
+      })
      .catch(() => {});
+    this.loadTrend();
+  },
+  loadMoreRecords() {
+    const id = store.currentPetId();
+    if (!id) return;
+    const next = this.data.recPage + 1;
+    api
+      .getRecords(id, { page: next, pageSize: REC_PAGE })
+      .then((res) => {
+        const merged = this.data.timeline.concat((res.list || []).map(mapRecord));
+        this.setData({ timeline: merged, recPage: next, recTotal: res.total || 0, recHasMore: merged.length < (res.total || 0) });
+      })
+      .catch(() => {});
+  },
+  collapseRecords() {
+    this.loadRecords();
+  },
+  loadTrend() {
+    const id = store.currentPetId();
+    if (!id) {
+      this.setData({ trendSvg: '', trendStats: null, trendDots: [], selDot: null, selIdx: -1 });
+      return;
+    }
+    api
+      .weightTrend(id)
+      .then((points) => {
+        points = points || [];
+        if (points.length < 2) {
+          this.setData({ trendSvg: '', trendStats: null, trendDots: [], selDot: null, selIdx: -1 });
+          return;
+        }
+        const vals = points.map((p) => Number(p.value) || 0);
+        const latest = vals[vals.length - 1];
+        const delta = Number((latest - vals[0]).toFixed(2));
+        const chart = buildChart(points);
+        const lastIdx = chart.dots.length - 1;
+        this.setData({
+          trendSvg: chart.svg,
+          trendDots: chart.dots,
+          selDot: chart.dots[lastIdx], // 默认选中最新一次
+          selIdx: lastIdx,
+          trendStats: { latest, delta, count: points.length },
+        });
+      })
+      .catch(() => {});
+  },
+  onTapPoint(e) {
+    const i = e.currentTarget.dataset.index;
+    this.setData({ selDot: this.data.trendDots[i], selIdx: i });
  },
  openSheet(e) {
    this.openSheetType(e.currentTarget.dataset.type);
@@ -23,9 +23,29 @@

  <view class="card">
    <view class="section-head"><view class="sh-title">体重趋势</view><view class="link" data-type="weight" bindtap="openSheet">记录</view></view>
-    <view class="mini-chart">
-      <image class="chart-line" mode="scaleToFill" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cG9seWxpbmUgcG9pbnRzPSIwLDgwIDUwLDcyIDEwMCw2NiAxNTAsNTQgMjAwLDQ1IDI1MCwzMiAzMDAsMjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzczQkU5RCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48ZyBmaWxsPSIjNzNCRTlEIj48Y2lyY2xlIGN4PSIwIiBjeT0iODAiIHI9IjQiLz48Y2lyY2xlIGN4PSI1MCIgY3k9IjcyIiByPSI0Ii8+PGNpcmNsZSBjeD0iMTAwIiBjeT0iNjYiIHI9IjQiLz48Y2lyY2xlIGN4PSIxNTAiIGN5PSI1NCIgcj0iNCIvPjxjaXJjbGUgY3g9IjIwMCIgY3k9IjQ1IiByPSI0Ii8+PGNpcmNsZSBjeD0iMjUwIiBjeT0iMzIiIHI9IjQiLz48Y2lyY2xlIGN4PSIzMDAiIGN5PSIyNiIgcj0iNCIvPjwvZz48L3N2Zz4="></image>
-    </view>
+    <view wx:if="{{trendStats}}" class="trend-stats">最新 {{trendStats.latest}}kg · 较首次 {{trendStats.delta >= 0 ? '+' : ''}}{{trendStats.delta}}kg · 共 {{trendStats.count}} 次</view>
+    <block wx:if="{{trendSvg}}">
+      <view class="mini-chart">
+        <image class="chart-line" mode="scaleToFill" src="{{trendSvg}}"></image>
+        <view class="dot-layer">
+          <view wx:for="{{trendDots}}" wx:key="index"
+                class="dot {{selIdx === index ? 'on' : ''}}"
+                style="left:{{item.xp}}%;top:{{item.yp}}%"
+                data-index="{{index}}" bindtap="onTapPoint"></view>
+        </view>
+      </view>
+      <view wx:if="{{selDot}}" class="point-detail">
+        <view class="pd-main">
+          <text class="pd-date">{{selDot.date}}</text>
+          <text class="pd-weight">{{selDot.value}}kg</text>
+          <text wx:if="{{selDot.delta !== null}}" class="pd-delta {{selDot.delta > 0 ? 'up' : (selDot.delta < 0 ? 'down' : '')}}">{{selDot.delta > 0 ? '+' : ''}}{{selDot.delta}}kg</text>
+        </view>
+        <view wx:if="{{selDot.note}}" class="pd-note">📝 {{selDot.note}}</view>
+        <view wx:else class="pd-note muted">这次没有填备注</view>
+      </view>
+      <view class="chart-hint">点击圆点查看每次记录</view>
+    </block>
+    <view wx:else class="chart-empty">先记录几次体重，这里会自动画出趋势曲线</view>
  </view>

  <view class="card">
@@ -35,7 +55,10 @@
        <view class="event-dot">{{item.icon}}</view>
        <view><text class="he-b">{{item.title}}</text><view class="he-p">{{item.desc}}</view></view>
      </view>
+      <view wx:if="{{timeline.length === 0}}" class="tl-empty">还没有记录，用上面的按钮记一条吧</view>
    </view>
+    <view wx:if="{{recHasMore}}" class="tl-more" bindtap="loadMoreRecords">查看更多（共 {{recTotal}} 条）</view>
+    <view wx:elif="{{recPage > 1}}" class="tl-more" bindtap="collapseRecords">收起</view>
  </view>
 </view>
 </scroll-view>
@@ -17,8 +17,26 @@
    repeating-linear-gradient(0deg,#fff,#fff 60rpx,#EFE8DE 62rpx);
 }
 .chart-line{position:absolute;left:36rpx;right:36rpx;top:44rpx;bottom:44rpx;width:auto;height:auto}
+.dot-layer{position:absolute;left:36rpx;right:36rpx;top:44rpx;bottom:44rpx}
+.dot{position:absolute;width:40rpx;height:40rpx;margin:-20rpx 0 0 -20rpx;border-radius:50%;}
+.dot::after{content:'';position:absolute;left:50%;top:50%;width:18rpx;height:18rpx;margin:-9rpx 0 0 -9rpx;border-radius:50%;background:#fff;border:4rpx solid #73BE9D;box-sizing:border-box}
+.dot.on::after{width:26rpx;height:26rpx;margin:-13rpx 0 0 -13rpx;background:#73BE9D;box-shadow:0 0 0 6rpx rgba(115,190,157,.25)}
+.trend-stats{margin-top:16rpx;font-size:26rpx;color:var(--muted)}
+.point-detail{margin-top:20rpx;padding:24rpx 28rpx;border-radius:32rpx;background:#F3FAF6;border:1rpx solid #DCEFE4}
+.pd-main{display:flex;align-items:baseline;gap:20rpx}
+.pd-date{font-size:26rpx;color:var(--muted)}
+.pd-weight{font-size:40rpx;font-weight:800;color:#2E7D5B}
+.pd-delta{font-size:26rpx;font-weight:700}
+.pd-delta.up{color:var(--red)}
+.pd-delta.down{color:#2E7D5B}
+.pd-note{margin-top:12rpx;font-size:28rpx;color:#4A4A46;line-height:1.5}
+.pd-note.muted{color:var(--muted)}
+.chart-hint{margin-top:12rpx;font-size:22rpx;color:var(--muted);text-align:center}
+.chart-empty{margin-top:24rpx;padding:48rpx 24rpx;border-radius:36rpx;background:#FBFAF8;color:var(--muted);font-size:26rpx;text-align:center}

 .health-timeline{display:flex;flex-direction:column;gap:20rpx}
+.tl-empty{padding:36rpx 8rpx;text-align:center;color:var(--muted);font-size:26rpx}
+.tl-more{margin-top:20rpx;padding:20rpx;text-align:center;color:var(--primary-dark);background:#FBFAF8;border-radius:28rpx;font-size:26rpx;font-weight:700}
 .health-event{display:flex;gap:20rpx;background:#FBFAF8;border-radius:32rpx;padding:24rpx}
 .event-dot{
  width:68rpx;height:68rpx;border-radius:26rpx;flex:none;