laoyang/FamilyBook_harmonyos
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

v84: 首页「＋ 新建」日程 + 红线去端点 + 新建表单两处可见性修复

Browse Source 
用户 2026-10-23 原话：「日程，没有新建日程按钮，名册，也没有新增成员这个按钮。」
「首页上的日程，红色线不对，变短了左侧缺了一块。在日程模块中，那个红线左侧
是不是还有一个红点？如果有，去掉。」

① 首页日程区块加「＋ 新建」（FbHomePage / Widgets.FbSectionTitle）
   - FbSectionTitle 扩两个可选参数 addText / onAdd，带默认值 ⇒ 老调用点一行不改
   - 按需懒拉 /calendar/books，缓存进 calBooks，同一会话只拉一次
   - todayIso() 用本地年月日拼，**不用 toISOString**（UTC 会让早 8 点前算成昨天）

② 时间红线两端统一成「一根满宽线、无端点装饰、无行首文字」（FbDayTimeline）
   - 老写法 `Row { Text(时间) width(34); 线; 圆点 }` ⇒ 行首 34vp 把线顶掉一块
     （与网页端 .ag-now「双重缩进」同一类病），行尾 6x6 圆点就是用户问的红点
   - 改成满高 Column + Blank 撑高 + 满宽 2px 线，与卡片端同一写法

③ 🔴 真机实测发现的两处可见性问题（FbEventEditSheet）
   - 「加入哪本日历」原来排在「提醒」之后 ⇒ 表单高于卡片（maxHeight 86%），
     它被推到滚动区下方，首屏只看到被底边切掉半行的标题（实测 bounds 高 7px）。
     它是必选项（没选就「请选一本日历」存不上）⇒ 挪到「全天」之后、日期时间之前。
   - 错误提示原来在滚动区**内部最底部** ⇒ 用户在顶部点「创建」时提示在几百 px
     之下看不见；就算滚到底也被 Scroll 底边切半行。现象是「点了创建什么都没发生」。
     ⇒ 挪到滚动区外面、按钮区上方（实测：Scroll 底 1953，提示 1984~2024，按钮 2074）。

真机验收（设备 5NC0225B27004718，线上 family.yangyq.net）：
  - 静态守卫 1112/0；BUILD SUCCESSFUL；install bundle successfully
  - 「＋ 新建」bounds [868,931][1018,1045]，点击真的弹出「新建日程」
  - 诊断确认 books=15 canWrite=6（数据层完全正常，之前的「选不了日历本」是可见性问题）
  - 日历本挪位后首屏可见：标题高 40px（原 7px），10 本 chip 从 838 排到 1358
  - 错误提示挪位后不滚动即可见：命中「日程得有个标题」
  - **端到端建卡成功**：线上库确认 id=2411 cal=5 20:00~21:00，首页 1 条→2 条；
    测试数据已按 id 精确删除（remaining_test_rows=0），重启后恢复 1 条
This commit is contained in:
laoyang
2026-10-24 19:14:18 +08:00
parent 0bab0cdcc6
commit cdbf0a9593
4 changed files with 257 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
entry/src/main/ets/pages/home/FbHomePage.ets
+142 -5
View File
@@ -39,8 +39,8 @@
import { FbColors, FbMetric, FB_MASK } from '../../common/Theme';
import { FbAppState, fbAppState } from '../../common/Store';
import { FbCalEvent, FbCatOpt, FbHomeData, FbMark, FbMemoryItem, FbRecentDay, FbTaskItem,
FbBoardOpt, FbTaskDetail, FbTaskMeta, taskKey,
import { FbCalEvent, FbCalBook, FbCatOpt, FbHomeData, FbMark, FbMemoryItem, FbRecentDay,
FbTaskItem, FbBoardOpt, FbTaskDetail, FbTaskMeta, taskKey,
FbWeather, isEditableEvent } from '../../model/Types';
import { common } from '@kit.AbilityKit';
import { BusinessError } from '@kit.BasicServicesKit';
@@ -57,6 +57,7 @@ import { FbSectionTitle } from '../../components/Widgets';
import { FbStatCell } from '../../components/FbStatCell';
import { FbDayEventPanel } from '../../components/FbDayEventPanel';
import { FbEventSheet } from '../../components/FbEventSheet';
import { FbEventEditSheet } from '../../components/FbEventEditSheet';
import { FbTaskPanel } from '../../components/FbTaskPanel';
import { FbTaskEditSheet } from '../../components/FbTaskEditSheet';
import { FB_DOCK_RESERVE } from '../../components/FloatDock';
@@ -66,6 +67,10 @@ import { FB_BACK } from '../../common/FbBack';
import { fbOpenNavigation } from '../../common/FbNav';
import { fbModuleOf, FbModuleDef, fbThemeVars } from '../../model/Modules';
/** 日志域（与 `FbBackgroundSync` / `FbNav` 同一个值，端上统一 0x0000） */
const DOMAIN: number = 0x0000;
const TAG: string = 'FbHomePage';
@ComponentV2
export struct FbHomePage {
@@ -119,6 +124,27 @@ export struct FbHomePage {
*/
@Local calStyle: FbCalStyle = 'timeline';
// ============================================================
// v84（用户 2026-10-23）：首页卡片上的「新建 / 新增」按钮
// ============================================================
/* 🔴 用户原话：「日程，没有新建日程按钮，名册，也没有新增成员这个按钮。」
------------------------------------------------------------------
⚠️ 这条**上一轮只做到 Web 端**（`app/HomeCards.php` 的 `TYPES['agenda']['add']`），
端上首页压根没做 —— 所以用户装完机仍然说"没有按钮"。
教训：这类"两端都要"的需求，改完一端必须**立刻去另一端 grep 同一件事**。
⚠️ 为什么首页要**自己拉一次 `/calendar/books`**、不复用日程页那份：
首页和日程页是两个独立组件（首页不持有日程页的 `@Local books`）。
把它塞进 `/home` 接口当然更省，但那要动服务端 + 端上解析 + 网页端，
收益只有"少一个请求"，风险却横跨三层。
⇒ 折中：**按需懒加载**（点开新建才拉），且拉到后缓存在 `calBooks` 里，
同一会话内只拉一次。 */
@Local calBooks: FbCalBook[] = [];
/** 首页「新建日程」表单开着 */
@Local calCreating: boolean = false;
/** 正在拉日历本（防连点开两个空表单） */
@Local calLoadingBooks: boolean = false;
// ============================================================
// v73（用户 2026-10-21）：首页点日程 / 点任务 → **就地弹详情卡**
// ============================================================
@@ -182,9 +208,10 @@ export struct FbHomePage {
* `Index` 的 Stack** 里，层级比本页高 ⇒ 不让位就会盖住卡片底部的按钮、
* 还把点击抢走（名册/日程页都踩过）。
*/
@Monitor('evtBase', 'tskBase', 'tskEditOpen')
@Monitor('evtBase', 'tskBase', 'tskEditOpen', 'calCreating')
onDetailChanged(): void {
this.app.sheetCount = (this.evtBase !== null || this.tskBase !== null || this.tskEditOpen) ? 1 : 0;
this.app.sheetCount = (this.evtBase !== null || this.tskBase !== null
|| this.tskEditOpen || this.calCreating) ? 1 : 0;
}
aboutToAppear(): void {
@@ -211,6 +238,12 @@ export struct FbHomePage {
this.tskEditOpen = false;
return true;
}
/* v84 新建日程：它是**独立表单**（不在详情卡之上），但要优先于详情卡 ——
两者不可能同时开，放前面只是保证"开了就一定关得掉"。 */
if (this.calCreating) {
this.calCreating = false;
return true;
}
if (this.evtBase !== null) {
this.closeEvent();
return true;
@@ -406,6 +439,46 @@ export struct FbHomePage {
this.tskEditOpen = true;
}
/**
* v84：首页「今天的日程」区块点「＋ 新建」→ **就地**打开新建表单。
*
* 流程：懒拉日历本 → 打开 `FbEventEditSheet(isCreate: true)`。
*
* ⚠️ 日历本为空时**不要"打不开就算了"**：新建表单的"日程本"是必选项，
* 没有可写本就画不出表单。这时要么提示、要么至少把表单打开让它自己报错
* —— 选**明说一句**（用户点了一下什么都没发生，是最难查的失败）。
* ⚠️ `presetDate` 用"今天"：首页这条区块就叫「今天的日程」，
* 用户在这里点新建，十有八九是给今天加一件。
* ⚠️ 不要 `await` 之后才置 `calCreating` 以外的任何界面状态 ——
* 拉本期间给一个 `calLoadingBooks`，防止连点开出两个表单。
*/
private async openCalCreate(): Promise<void> {
if (this.calCreating || this.calLoadingBooks) {
return;
}
const token: string = FB_TOKEN_STORE.get();
if (token === '') {
this.syncNote = '还没登录，无法新建日程';
return;
}
if (this.calBooks.length === 0) {
this.calLoadingBooks = true;
try {
const list: FbCalBook[] = await FbCalRepo.inst().fetchBooks(token);
this.calBooks = list;
} catch (err) {
hilog.warn(DOMAIN, TAG, '首页拉日历本失败：%{public}s', JSON.stringify(err));
} finally {
this.calLoadingBooks = false;
}
}
if (this.calBooks.length === 0) {
this.syncNote = '这个账号还没有可写的日程本，先去日程页设置里建一本';
return;
}
this.calCreating = true;
}
/**
* 把最新数据推给桌面上所有日程卡片。
@@ -529,6 +602,23 @@ export struct FbHomePage {
return d.getHours() * 60 + d.getMinutes();
}
/**
* 今天 → `YYYY-MM-DD`（`FbEventEditSheet` 的 `presetDate` 要这个格式）。
*
* ⚠️ **不要**用 `toISOString().slice(0,10)`：那是 **UTC**，
* 东八区早上 8 点前会算成"昨天"（本项目真机上踩过同类：新建的日程
* 跑到前一天去了，用户完全无法理解）。必须用本地年月日拼。
* ⚠️ 月份、日期都要补零，否则 `2026-1-5` 服务端解析不了。
*/
private todayIso(): string {
const d: Date = new Date();
const m: number = d.getMonth() + 1;
const day: number = d.getDate();
return d.getFullYear().toString() + '-'
+ (m < 10 ? '0' + m.toString() : m.toString()) + '-'
+ (day < 10 ? '0' + day.toString() : day.toString());
}
build() {
/* 🔴 v73：外层必须是 **Stack**（叠放），不能是 Column（排列）。
浮层要"盖在页面上"，而不是"排在页面后面" —— 后者会把 Scroll 挤出屏幕，
@@ -688,7 +778,17 @@ export struct FbHomePage {
// ⚠️ 面板自带卡片样式与外边距，这里**不要再套一层卡片**。
// ⚠️ `showHead: false` —— 本页已有 `FbSectionTitle`，两个头会重复。
// ⚠️ 空态文案也换掉：首页没有"右下角 ＋"那个按钮。
FbSectionTitle({ title: '今天的日程', extra: this.todayEvents.length.toString() + ' 条' })
FbSectionTitle({
title: '今天的日程',
extra: this.todayEvents.length.toString() + ' 条',
/* 🔴 v84（用户 2026-10-23）：「日程，没有新建日程按钮」。
⚠️ 别再删掉这颗按钮 —— 它是本条的**唯一可见证据**，
删了用户立刻又说"没有按钮"（上一轮就漏在端上）。 */
addText: '＋ 新建',
onAdd: (): void => {
this.openCalCreate();
}
})
.padding({ left: FbMetric.pagePad, right: FbMetric.pagePad, top: 12 })
FbDayEventPanel({
@@ -847,6 +947,43 @@ export struct FbHomePage {
.onTouch(fbOnTouch)
.align(Alignment.TopStart)
// ==================== 新建日程（v84）====================
// ⚠️ 遮罩与表单是 Stack 的**兄弟**，不是 Column 的子项
// （本项目踩过：`Column { 整高遮罩; 卡片 }` 会把卡片挤出屏幕，
// 编译通过、节点树里却一个节点都没有 —— 看起来像"点了没反应"）。
if (this.calCreating) {
Column()
.width('100%')
.height('100%')
.backgroundColor(FB_MASK)
.transition(fbMaskTransition())
.onClick((): void => {
this.calCreating = false;
})
FbEventEditSheet({
event: null,
isCreate: true,
/* 首页这条区块叫「今天的日程」⇒ 默认给今天 */
presetDate: this.todayIso(),
books: this.calBooks,
onCancel: (): void => {
this.calCreating = false;
},
onSaved: (): void => {
this.calCreating = false;
/* 存成功立刻重拉首页 ⇒ 新日程出现在「今天的日程」里。
⚠️ 必须重拉而不是"本地塞一条"：服务端会补 id / 颜色 / 日历本名，
本地塞的那条会和之后下拉刷新出来的长得不一样。 */
this.load();
},
onDeleted: (): void => {
this.calCreating = false;
}
})
.transition(fbSheetTransition())
}
// ==================== 日程详情卡（v73）====================
// ⚠️ 遮罩与卡片是 Stack 的**兄弟**，不是 Column 的子项（见 build 开头那段说明）。
if (this.evtBase !== null) {