feat(fe): 建档挑方案、计划页套方案、阶段漂移提示
后端上一轮做完了但小程序上看不到,这次接上。
## 建档第四步:挑方案
方案按阶段取,所以必须排在「资料」之后(阶段是第三步定的)。卡片上按重复方式
分开报数(每天 3 项 / 每周 2 项 / 一次性 2 项),不报一个总数——4 条「每天」
套一整月就是 120 多条,只给总数用户会以为出 bug。
「先空着,我自己排」是个平等的选项,和方案卡长一样、就在下面一眼能看到,
不是藏起来的退路:已经养熟的宠物主人有自己的节奏,硬塞一套只会被删掉。
默认选第一套——多数用户是新手,给一个合理默认比让他面对空白好。
编辑档案时不出现第四步:改档案不该顺手改计划。
套方案失败不算建档失败:档案已经建好了,方案之后在计划页还能套,
不该把用户退回表单。
## 计划页:空月份和平时都能套
空月份的提示条带「套一套方案」按钮 —— 空着让用户从零排,多数人会直接退出去。
但「+ 加一件」始终在,不能只给套用。
浮层里写明「套用是往里加,不会覆盖你已经排好的」,因为服务端就是按
「日期+标题」去重的,这句话是真的。套完 toast 报排了几件;一件都没排
(全都已存在)时说「这个月已经有这些安排了」,不说「成功」。
## 阶段漂移提示
首页门面卡下面一张卡:「钞票已经 17个月,从幼年期进入成年期了」,
带上新阶段的划分依据、养护重点和体型说明,点进去到建档页改。
用主色不用红色 —— 这是「可以做一下」不是「出问题了」。
改完回首页 onShow 重拉一次,卡片自然消失。
不在首页直接改阶段:改完要不要套新方案是同一件事,放在建档页一起做才连贯。
## 顺手把合并的尾巴清了
manageTasks 那一支删了:它管的是 DailyTask,而今日任务已经并进计划节点,
增删改都在计划页。留着会出现「这里加的任务」和「计划页加的节点」进不同的表。
连带清掉 7 个死方法 + taskSheets + 一个死 require(简易表单那套早随记录表单
搬到 pages/addrecord 了)。首页现在一个弹层都不开,bottom-sheet 组件也去掉了。
弹层累计:js 1110 → 689 行,wxml 485 → 278 行。
## 验证(预生产库实跑)
建档四步 6 个月柯基 → 幼年期 → 拉到「幼犬标准照护」→ 套用本月 7 条
→ 首页今日任务 4 条
先空着 今日任务 0 条,疫苗驱虫提醒仍然建
计划页套用 0 → 7 条;重复套用 0 条(去重生效)
漂移检测 17 个月柯基存着幼年期 → drifted=true,给出依据/重点/体型
改成成年期 → drifted=false
没生日 → 不提示(算不出就不猜)
「刚到家」→ 不提示(叠加层不是年龄段)
第一版验证脚本把阶段改成了和算出来一样的值,drifted=False 是对的,
但我的 print 无条件打了提示文案,看着像 bug。重测才验到真的。
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -55,6 +55,9 @@ Page({
|
||||
monthLabel: '',
|
||||
monthEndLabel: '',
|
||||
nextCount: 0,
|
||||
monthEmpty: false,
|
||||
tplOptions: [],
|
||||
tplShow: false,
|
||||
pickStart: '',
|
||||
pickEnd: '',
|
||||
selDate: '',
|
||||
@@ -89,6 +92,7 @@ Page({
|
||||
load() {
|
||||
const id = store.currentPetId();
|
||||
if (!id) return;
|
||||
this.loadTemplates();
|
||||
api
|
||||
.getPlan(id)
|
||||
.then((plan) => this.apply(plan))
|
||||
@@ -127,11 +131,50 @@ Page({
|
||||
cells: buildCells(m.year, m.month, byDate, todayStr),
|
||||
nextCount: Object.keys(byDate).filter((d) => d.indexOf(monthOf(1).year + '-' + pad2(monthOf(1).month)) === 0)
|
||||
.reduce((n, d) => n + byDate[d].length, 0),
|
||||
// 当前看的这个月一条都没有 —— 空月份要给套方案的入口
|
||||
monthEmpty: !Object.keys(byDate).some((d) => d.indexOf(prefix) === 0),
|
||||
});
|
||||
// 切到本月默认选今天;切到下月默认选 1 号(今天不在那个月里)
|
||||
const inMonth = todayStr.indexOf(prefix) === 0;
|
||||
this.selectDay(inMonth ? todayStr : prefix + '-01', todayStr);
|
||||
},
|
||||
// 方案按宠物当前阶段取。宠物换了(pet-switch)阶段也可能不同,所以跟着 load 走
|
||||
loadTemplates() {
|
||||
const pet = this.data.pet || {};
|
||||
if (!pet.stage) return;
|
||||
api
|
||||
.careTemplates(pet.type === '狗狗' ? 'dog' : 'cat', pet.stage)
|
||||
.then((opts) => this.setData({ tplOptions: opts || [] }))
|
||||
.catch(() => this.setData({ tplOptions: [] }));
|
||||
},
|
||||
openTpl() {
|
||||
this.setData({ tplShow: true });
|
||||
},
|
||||
closeTpl() {
|
||||
this.setData({ tplShow: false });
|
||||
},
|
||||
applyTpl(e) {
|
||||
const id = e.currentTarget.dataset.id;
|
||||
const petID = store.currentPetId();
|
||||
if (!petID || !id) return;
|
||||
wx.showLoading({ title: '排进去…' });
|
||||
api
|
||||
.applyTemplate(petID, id, this.data.monthOff)
|
||||
.then((res) => {
|
||||
wx.hideLoading();
|
||||
this.setData({ tplShow: false });
|
||||
const r = res || {};
|
||||
wx.showToast({
|
||||
title: r.plans > 0 ? '排了 ' + r.plans + ' 件事' : '这个月已经有这些安排了',
|
||||
icon: 'none',
|
||||
});
|
||||
this.load();
|
||||
})
|
||||
.catch((err) => {
|
||||
wx.hideLoading();
|
||||
toastErr(err, '套用失败');
|
||||
});
|
||||
},
|
||||
switchMonth(e) {
|
||||
this.renderMonth(Number(e.currentTarget.dataset.off));
|
||||
},
|
||||
|
||||
@@ -23,8 +23,12 @@
|
||||
<view class="link {{monthOff === 1 ? 'on' : ''}}" data-off="1" bindtap="switchMonth">下月</view>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:if="{{monthOff === 1 && !nextCount}}" class="plan-tip">
|
||||
<pt-icon name="warn" size="{{28}}"></pt-icon>{{monthLabel}}还没有安排,点某天加几件
|
||||
<!-- 这个月一条都没有时给套方案的入口。空着让用户自己从零排,
|
||||
多数人会直接退出去 —— 但「自己排」也得留着,不能只给套用 -->
|
||||
<view wx:if="{{monthEmpty}}" class="plan-tip">
|
||||
<pt-icon name="warn" size="{{28}}"></pt-icon>
|
||||
<view class="plan-tip-b">{{monthLabel}}还没有安排</view>
|
||||
<view wx:if="{{tplOptions.length}}" class="link" catchtap="openTpl">套一套方案</view>
|
||||
</view>
|
||||
<view class="cal-grid">
|
||||
<text class="cal-w">一</text><text class="cal-w">二</text><text class="cal-w">三</text><text class="cal-w">四</text><text class="cal-w">五</text><text class="cal-w">六</text><text class="cal-w">日</text>
|
||||
@@ -38,7 +42,10 @@
|
||||
<view class="card">
|
||||
<view class="section-head">
|
||||
<view class="sh-title">{{selLabel}}</view>
|
||||
<view class="link" bindtap="openAdd">+ 加一件</view>
|
||||
<view class="link-tabs">
|
||||
<view wx:if="{{tplOptions.length}}" class="link on" bindtap="openTpl">套方案</view>
|
||||
<view class="link on" bindtap="openAdd">+ 加一件</view>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:for="{{dayTasks}}" wx:key="id" class="plan-task {{item.done ? 'done' : ''}}">
|
||||
<view class="pk-check" catchtap="toggleTask" data-id="{{item.id}}">
|
||||
@@ -88,4 +95,23 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 套用养护方案 -->
|
||||
<view wx:if="{{tplShow}}" class="pe-mask" bindtap="closeTpl">
|
||||
<view class="pe-sheet" catchtap="noop">
|
||||
<view class="pe-h">套一套方案到{{monthLabel}}</view>
|
||||
<view class="tiny pt-sub">按 {{pet.stage}} 配的。套用是「往里加」,不会覆盖你已经排好的。</view>
|
||||
<view wx:for="{{tplOptions}}" wx:key="id" class="pt-item" data-id="{{item.id}}" bindtap="applyTpl">
|
||||
<view class="pt-name">{{item.name}}</view>
|
||||
<view class="pt-sum">{{item.summary}}</view>
|
||||
<view class="pt-meta">
|
||||
<text wx:if="{{item.daily}}">每天 {{item.daily}} 项</text>
|
||||
<text wx:if="{{item.weekly}}">每周 {{item.weekly}} 项</text>
|
||||
<text wx:if="{{item.monthly}}">每月 {{item.monthly}} 项</text>
|
||||
<text wx:if="{{item.once}}">一次性 {{item.once}} 项</text>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:if="{{!tplOptions.length}}" class="empty">这个阶段还没有配方案</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<bottom-sheet show="{{sheetShow}}" type="{{sheetType}}" bind:close="closeSheet"></bottom-sheet>
|
||||
|
||||
@@ -54,3 +54,17 @@
|
||||
|
||||
.pe-daily{display:flex;align-items:center;gap:var(--sp-4)}
|
||||
.pe-daily-main{flex:1;min-width:0}
|
||||
|
||||
/* 空月份的提示条:一行放不下「文案 + 按钮」,改成 flex */
|
||||
.plan-tip-b{flex:1;min-width:0}
|
||||
|
||||
/* 套方案浮层 */
|
||||
.pt-sub{margin:calc(-1 * var(--sp-2)) 0 var(--sp-4);text-align:center}
|
||||
.pt-item{
|
||||
border:2rpx solid var(--line);border-radius:var(--r-md);
|
||||
padding:var(--sp-4);margin-bottom:var(--sp-3);background:#fff;
|
||||
}
|
||||
.pt-name{font-size:var(--fs-md);font-weight:var(--fw-b);color:var(--text)}
|
||||
.pt-sum{font-size:var(--fs-sm);color:var(--text-2);margin-top:6rpx;line-height:1.5}
|
||||
.pt-meta{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-2);
|
||||
font-size:var(--fs-cap);color:var(--muted)}
|
||||
|
||||
Reference in New Issue
Block a user