Blizzard
9b30bfaaff
## 为什么不是「从计划开始日起 30 天」 上一版是那样做的，截图一看就不对：计划是月中建的，日历显示 「7月26日 — 8月25日」，既不像本月也不像下月，用户想问「这个月还剩什么」 根本对不上。改成自然月，日历就是一眼能认的月历。 能翻到下月 —— 否则「做下月计划」这件事本身做不了。 ## 校验从「Day 上限」改成「日期」 PlanTask.Day 是相对计划开始日的，月份边界是相对今天的，两者会错开。 原来卡 Day<=30，计划建了几天之后下月末就换算成 Day=40 多， 用户在日历上明明看得到那格、点进去却存不了。 现在的规则：不早于计划开始日（下界放到开始日而不是本月 1 号——模板生成的 历史节点可能在上个月，那些要允许原地改），不晚于下月月底。 ## 应用到每天 一天建一条，不做「一条 + repeat 字段读时展开」：勾选状态是按天的， 展开方案还得再开一张表记「哪天打过勾」，而直接建 N 条天然就有这个能力。 范围止于**这一天所在那个月**的月底，不跨月——「应用到每天」说的是这个月每天， 跨过去就变成用户没要求的事了。只有新增能选，已有的那条改成每天等于凭空 复制 N 份（用户想要的是「以后每天」，不是「把这条撒开」）。 ## 首页那个提醒 GET /pets/:id/plan/month-status 返回本月件数/剩余、下月件数、need_next。 need_next 只在**月末最后 7 天**且下月为空时为真：月初就催「排下个月」太早， 用户会当成噪音。角标做在图标上而不是弹 toast——每次进首页弹一下很烦， 而这件事不紧急、看见就行。 副标题有优先级：「8 月计划还没排」压过「本月都做完了」，因为前者有时效。 四种状态实跑验过，包括让位关系。 ## 顺手 pet-switch 加 show-add 属性。计划页只需要在既有宠物之间切，建档入口在首页 和「我的」就够了，到处摆一个「添加」会让这条 chip 变得很长。 本月/下月的切换用新的 .link-tabs 而不是挂在 .head-links 上：首页的 「管理 / 全部完成」也用 head-links，那是两个并列动作，不该有一个是灰的。 ## 验证（预生产库实跑） 月边界 本月末通过、下月末通过、下下月拒（报出具体日期） 应用到每天 今天→本月末 2 条，没跨月 month-status 下月清空 → need_next 翻 true；补一条 → 翻回 false 四种副标题 下月未排 / 本月还有 N 件 / 本月都做完了 / 还没有安排，含优先级 测试数据全部还原 上一条 cd 打错目录，导致「日期窗口」那次改动没写进文件、只有批量那半截进去了， 所以中间出现过一次 planWindow undefined。这次一并改对。 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
57 lines
2.8 KiB
Plaintext
57 lines
2.8 KiB
Plaintext
/* 竖线时间轴 */
|
|
.timeline{padding-left:var(--sp-6);position:relative}
|
|
.timeline::before{content:"";position:absolute;left:12rpx;top:12rpx;bottom:16rpx;width:4rpx;background:#E8DED0}
|
|
.time-block{position:relative;margin-bottom:var(--sp-4)}
|
|
.time-label{font-weight:var(--fw-b);color:var(--primary-dark);font-size:var(--fs-sm);margin-bottom:var(--sp-3);position:relative}
|
|
.time-date{margin-left:var(--sp-2);font-weight:var(--fw);color:var(--muted);font-size:var(--fs-cap)}
|
|
.time-label::before{
|
|
content:"";position:absolute;left:-34rpx;top:8rpx;width:24rpx;height:24rpx;border-radius:50%;
|
|
background:var(--primary);border:6rpx solid #fff;box-shadow:0 0 0 4rpx var(--primary-line);
|
|
}
|
|
.plan-task{
|
|
background:#fff;border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--sd-1);
|
|
border:1rpx solid transparent;display:flex;gap:var(--sp-3);align-items:flex-start;
|
|
}
|
|
.plan-task.done{opacity:.55}
|
|
.pk-check{
|
|
width:44rpx;height:44rpx;border-radius:50%;border:4rpx solid #DED1C4;flex:none;margin-top:2rpx;
|
|
display:flex;align-items:center;justify-content:center;color:#fff;
|
|
}
|
|
.plan-task.done .pk-check{background:var(--green);border-color:var(--green)}
|
|
.pk-body{flex:1}
|
|
.pk-b{font-size:var(--fs-md);font-weight:var(--fw-b)}
|
|
.pk-p{color:var(--muted);font-size:var(--fs-sm);line-height:1.45;margin-top:var(--sp-1)}
|
|
.ai-plan-tip{color:var(--muted);font-size:var(--fs-sm);line-height:1.6;margin-bottom:var(--sp-3)}
|
|
|
|
/* 日历 */
|
|
/* AI 提取信息 */
|
|
.extracted{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin:var(--sp-4) 0}
|
|
.extract{background:var(--surface-2);border-radius:var(--r-sm);padding:var(--sp-3);font-size:var(--fs-sm)}
|
|
.ex-b{display:block;font-size:var(--fs-sm);margin-bottom:6rpx;font-weight:var(--fw-b);color:var(--muted)}
|
|
|
|
/* 计划节点右侧的删除键。计划是用户自己排的，就得能删 */
|
|
.pk-del{flex:none;padding:0 var(--sp-1);color:var(--muted2);display:flex;align-items:center}
|
|
|
|
/* 加/改计划的浮层。字段只有三个，再开一页太重 */
|
|
.pe-mask{
|
|
position:fixed;inset:0;z-index:200;background:rgba(45,41,37,.45);
|
|
display:flex;align-items:flex-end;
|
|
}
|
|
.pe-sheet{
|
|
width:100%;background:var(--bg2);border-radius:var(--r-lg) var(--r-lg) 0 0;
|
|
padding:var(--sp-5) var(--pad-x) calc(var(--sp-5) + env(safe-area-inset-bottom));
|
|
box-shadow:var(--sd-3);max-height:82vh;overflow-y:auto;
|
|
}
|
|
.pe-h{font-size:var(--fs-lg);font-weight:var(--fw-b);margin-bottom:var(--sp-4);text-align:center}
|
|
|
|
/* 下月还空着时的提示。放在月历里而不是弹 toast——用户切到下月本来就是来排的 */
|
|
.plan-tip{
|
|
display:flex;align-items:center;gap:var(--sp-2);
|
|
background:var(--primary-soft);color:var(--primary-ink);
|
|
border-radius:var(--r-sm);padding:var(--sp-3);
|
|
font-size:var(--fs-sm);margin-bottom:var(--sp-3);
|
|
}
|
|
|
|
.pe-daily{display:flex;align-items:center;gap:var(--sp-4)}
|
|
.pe-daily-main{flex:1;min-width:0}
|