feat(fe): 记录页 24 种 4 组，弹层加通用简易表单

## 通用简易表单
洗护/清洁那 15 种只需要「什么时候 + 备注 + 可选照片」。弹层现在是 28 个
wx:elif 手写分支（402 行），各写一个会推到 700 行，而且每加一种类型都要发版。

加一个 wx:elif="{{isSimple}}"，isSimple 由 JS 按后端返回的 form 字段算，
和上面那 9 种永不重叠。插在 photo 之后、提醒中心之前，没动任何现有分支的顺序。

备注给了逐类型的具体占位提示（「用了什么沐浴露、有没有吹干」），
比「请输入备注」有用得多——用户看到提示才知道这栏该写什么。

## 一个不写就会静默出错的地方
dayToISO()：后端用 time.Parse(time.RFC3339) 解 occurred_at，只给日期
（"2026-07-30"）它解不出来会**静默回退成 time.Now()**——用户选「昨天洗澡」
会存成今天，而且不报错。

时区必须带真实偏移：转成 UTC 的 Z 形式，落库再转回本地时会把边界日期挪一天
（首页任务重复生成那个 bug 就是这么来的）。取正午同样是为了远离日界。

## 四处写死的类型列表全删
  RECORD_ITEMS   record.js  记录页 9 宫格
  QUICK_ITEMS    home.js    首页 8 宫格
  TYPE_TONE      record.js  时间轴色调（9 种写死，新类型会全掉到橙色一片分不清）
  TASK_SHEETS    弹层       任务关联记录类型的下拉（只有 6 种，加了类型选不到）

全部改成读 utils/recordTypes.js 这份共用缓存。缓存 load() 只真正请求一次，
并发调用共用同一个 promise；isSimple/label/groups 是同步的，弹层打开时
不该再等一次网络。

首页 8 宫格改成取后端前 8 个（按分组顺序再按 sort），后台调 sort 就能换首屏
露出哪几个；全部 24 种在记录页。

分组色系（daily橙/health绿/care紫/clean蓝）留在前端，后端只存 group key——
改配色不用动数据。

## 联调（预生产库实跑）
  15 种新类型  全部落库，且选「昨天」没被存成今天（15/15）
  原有 9 种    逐一回归，写库 emoji 原样；weight 回写宠物档案 → 4.5kg ✓
  时间轴       24 条混排，色调分布 6/7/5/6，没有一条查不到类型
  体重趋势     仍只有 1 个点（没被 24 条记录污染）
  周报/首页汇总  正常

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

pets-fe/utils/api.js

@@ -46,6 +46,8 @@ const api = {
 
   // 用户
   userSummary: () => request({ url: '/api/user/summary' }),
+  // 记录类型（后台可配）。分组好的，前端直接渲染
+  recordTypes: () => request({ url: '/api/record-types' }),
   updateDecoration: (body) => request({ url: '/api/user/decoration', method: 'PUT', data: body }),
 
   // 宠物

pets-fe/utils/recordTypes.js

@@ -0,0 +1,78 @@
+// 记录类型缓存。类型从后端来（后台可配），记录页要拿它渲染分组宫格，
+// 弹层要拿它判断走专用表单还是通用简易表单。两边必须是同一份数据——
+// 各自请求一次的话，后台改完配置两边会短暂不一致。
+const api = require('./api.js');
+
+// 四个分组对应的色系。这是纯表现层的东西，不进后端配置：
+// 后端存 group key，色值留在前端，改配色不用动数据
+const GROUP_TONE = {
+  daily: 'tone-1',
+  health: 'tone-2',
+  care: 'tone-4',
+  clean: 'tone-3',
+};
+
+let groups = null; // [{ key, label, items: [...] }]
+let byCode = {};
+let loading = null;
+
+function index(gs) {
+  groups = (gs || []).map((g) => ({
+    ...g,
+    tone: GROUP_TONE[g.key] || 'tone-1',
+    items: (g.items || []).map((t) => ({ ...t, tone: GROUP_TONE[g.key] || 'tone-1' })),
+  }));
+  byCode = {};
+  groups.forEach((g) => g.items.forEach((t) => (byCode[t.code] = t)));
+  return groups;
+}
+
+// load 只真正请求一次；并发调用共用同一个 promise
+function load() {
+  if (groups) return Promise.resolve(groups);
+  if (loading) return loading;
+  loading = api
+    .recordTypes()
+    .then((gs) => {
+      loading = null;
+      return index(gs);
+    })
+    .catch((e) => {
+      loading = null;
+      throw e;
+    });
+  return loading;
+}
+
+// get 是同步的，给弹层用——弹层打开时不该再等一次网络请求。
+// 记录页/首页先 load 过，缓存已经热了；万一没热，返回 undefined，
+// 调用方按「专用表单」处理（那 9 种的分支是写死在 wxml 里的，不依赖这份缓存）
+function get(code) {
+  return byCode[code];
+}
+
+// isSimple 走通用简易表单的类型。缓存没热时返回 false，
+// 宁可打不开也不要用错的表单存下一条字段不全的记录
+function isSimple(code) {
+  const t = byCode[code];
+  return !!t && t.form === 'simple';
+}
+
+function label(code) {
+  const t = byCode[code];
+  return (t && t.label) || '';
+}
+
+// 后台改了配置之后强制重取
+function reset() {
+  groups = null;
+  byCode = {};
+  loading = null;
+}
+
+// groups 同步读缓存，给「任务关联记录类型」那个下拉用
+function all() {
+  return groups;
+}
+
+module.exports = { load, get, isSimple, label, reset, groups: all, GROUP_TONE };