sundynix/sundynix-pets
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
aefb1bc103a04d51f0fabecfa0067766955cbed3
sundynix-pets/pets-fe/pages/report/report.wxml
T
Blizzard 3ea50efb7d feat: 添加记录独立成页，表单字段由后端配置驱动 
## 弹层里塞 24 个表单是走不通的
弹层高度受 .sheet-scroll 的 78vh 限制，字段一多就变成内滚；24 项的选择器
挤在弹层里更难看（用户原话「很丑」）。整体搬成页面。

## pages/addrecord —— 一个页面吃掉全部 24 种
形态：记录宠物 / 记录时间 / 类型专属字段 / 描述 + 照片 / 底部固定保存键。

关键在「类型专属字段」整段是后端驱动的：前端不认识「体重」「金额」这些业务词，
只认识 number / options / text 三种渲染方式，以及每个字段的值该落到哪儿。

record_types 加了 fields 列，后台用紧凑写法配（一行一个）：

  number:体重:kg                    数值 → num_value
  options:状态:正常|软便|拉稀          单选 → category
  options:症状:呕吐|拉稀|精神差:-      末尾 - 表示不落 category，只进标题
  text:吃了什么                      文本 → 只进标题
  （空）                            只要 时间+描述+照片

解析放服务端不放前端：配错了要在后台保存时就报出来（第几行、错在哪），
不能等用户点开表单才发现渲染不出东西。读取时解析失败只让这一种事项没有额外
字段并打 warn，不让一条烂配置把整个记录页打空。

## 那个 - 开关不是过度设计
异常观察有两个单选（症状 + 严重程度），而 category 只有一个坑，
周报的高风险数按 category='高' 统计（report.go:46）——必须能指定谁占这个坑。
同理账单按 cost 的 category 分组聚合（report.go:134），
食便相关性排除 poop 的 category='正常'。这三处口径都得严丝合缝对上。

## 记录页瘦成纯列表
只留分组宫格。健康洞察 / 体重趋势 / 健康时间轴整页搬到 pages/history，
从报告页「记录与趋势」进——报告页才是看数据的地方，而一个「我要记一笔」的
页面上摆三块只读图表，用户每次都得先滚过去才能找到要点的东西。

**没有直接删掉那三块**：时间轴是唯一能看和删历史记录的地方，报告页只有
周报/账单这些聚合。删了用户就再也看不到自己记过什么。搬页面用的是 git 里
改动前的完整版复制，比往 report.js 里合并代码安全。

## 弹层瘦了一圈
9 个记录分支删掉，连带 17 个方法、SIMPLE_HINT、buildRecord 的 7 个 case
和一批只有它们在用的 data 字段。
  js   1089 → 857 行
  wxml  480 → 335 行
弹层现在只管「不是记一笔」的事：提醒、海报、档案、发帖、评论、导出、反馈。
buildRecord 只剩 vetSummary 一个分支（它写一条 note 留痕，不是用户填的表单）。

## 验证（预生产库实跑）
24 种的字段配置逐个核对解析结果，然后照 addrecord 的 buildBody 组装落库：
  体重  title='体重：4.6kg'        num=4.6            → 宠物档案回写成 4.6kg ✓
  记账  title='记账：128元 医疗'     num=128 cat=医疗    → 账单 total=128 分类[(医疗,128)] ✓
  异常  title='异常：呕吐 高'        cat=高             → 周报 high_risk_count=1 ✓
  排便  cat=软便                                    食便相关性口径保住
  饮食  title='饮食：幼猫粮 45g 偏少' cat=偏少
  喝水  num=180（新类型带数值，老代码没有它的分支也不影响）
  洗澡  title='洗澡'（无额外字段）
  看病  num=320（两个字段：文本+数值）
体重趋势 1 个点、值 4.6，没被其他 7 条污染。

回填踩过一次坑：fields 列是服务启动时 AutoMigrate 才建的，我在启动前就跑了
回填，Update 报错被忽略、13 行静默没写进去。第二版加了 HasColumn 前置检查
和逐行错误统计才发现。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-07-30 10:25:42 +08:00

71 lines
4.2 KiB
Plaintext
Raw Blame History

<nav-bar title="成长报告"></nav-bar>
<view class="top-bar"><pet-switch bind:add="onAddPet"></pet-switch></view>
<scroll-view class="page-scroll" scroll-y="{{true}}" enhanced="{{true}}" show-scrollbar="{{false}}">
<view class="page-body no-fab">
<view wx:if="{{!pet.id}}" class="no-pet">
<view class="no-pet-ic"><pt-icon name="community" size="{{52}}"></pt-icon></view>
<view class="no-pet-b">还没有毛孩子的档案</view>
<view class="no-pet-p">成长报告和账单都基于记录生成，先建个档开始记吧。</view>
<view class="btn btn-dark" bindtap="onAddPet"><pt-icon name="plus" size="{{30}}"></pt-icon>建一份档案</view>
</view>
<view class="card report-card">
<view class="section-head"><view class="sh-title">本周成长报告</view><view class="tag">{{report.health_status || '稳定成长'}}</view></view>
<view class="rc-text">{{report.summary || '暂无本周数据'}}</view>
<view class="stats-grid">
<view class="stat"><text class="stat-b">{{report.tasks_completed || 0}}</text><text class="stat-s">完成任务</text></view>
<view class="stat"><text class="stat-b">{{gainText}}</text><text class="stat-s">kg 增长</text></view>
<view class="stat"><text class="stat-b">{{report.high_risk_count || 0}}</text><text class="stat-s">高风险异常</text></view>
</view>
<view class="sheet-actions">
<button class="btn btn-ghost" data-type="reportDetail" bindtap="openSheet">查看报告</button>
<button class="btn btn-primary" data-type="poster" bindtap="openSheet">分享卡片</button>
</view>
</view>
<!-- 洞察/趋势/时间轴从记录页搬过来了，报告页才是「看数据」的地方 -->
<view class="profile-list">
<view class="profile-row" bindtap="goHistory">
<view class="pr-ic"><pt-icon name="trend" size="{{34}}"></pt-icon></view>
<text class="pr-label">记录与趋势</text>
<text class="pr-val">洞察 · 体重 · 时间轴</text>
<view class="pr-arrow"><pt-icon name="next" size="{{28}}"></pt-icon></view>
</view>
</view>
<view class="card">
<view class="section-head"><view class="sh-title">健康摘要</view><view class="link" data-type="vetSummary" bindtap="openSheet">导出</view></view>
<view class="record-row"><text class="bold">疫苗进度</text><text class="muted">{{summary.vaccine_progress || '—'}}</text></view>
<view class="record-row"><text class="bold">驱虫状态</text><text class="muted">{{summary.deworm_status || '—'}}</text></view>
<view class="record-row"><text class="bold">体重趋势</text><text class="muted">{{summary.weight_trend || '—'}}</text></view>
<view class="record-row"><text class="bold">异常记录</text><text class="muted">{{summary.anomaly_count || 0}} 次</text></view>
</view>
<view class="card">
<view class="section-head"><view class="sh-title">养宠账单</view><view class="link" data-type="cost" bindtap="openSheet">记一笔</view></view>
<view class="stats-grid">
<view class="stat"><text class="stat-b">¥{{bill.total || 0}}</text><text class="stat-s">本月花费</text></view>
<view class="stat"><text class="stat-b">¥{{bill.max_single || 0}}</text><text class="stat-s">最大支出</text></view>
<view class="stat"><text class="stat-b">{{bill.categories.length || 0}}</text><text class="stat-s">消费类别</text></view>
</view>
<view class="bill-bars">
<view wx:for="{{bill.categories}}" wx:key="category" class="bill-row">
<text class="bill-cat">{{item.category}}</text>
<view class="mini-bar"><view class="mini-bar-fill" style="width:{{item.percent}}%"></view></view>
<text class="bill-amt">¥{{item.amount}}</text>
</view>
</view>
</view>
<view class="card">
<view class="section-head"><view class="sh-title">Pro 会员</view></view>
<view class="rc-text">解锁 365 天计划、PDF 健康档案、月度报告、多宠物管理与年度账单。</view>
<button class="btn btn-dark btn-block" style="margin-top:24rpx" data-type="pro" bindtap="openSheet">查看 Pro 权益</button>
</view>
</view>
</scroll-view>
<bottom-sheet show="{{sheetShow}}" type="{{sheetType}}" bind:close="closeSheet"></bottom-sheet>
Reference in New Issue View Git Blame Copy Permalink