From c11548cb516b35f9b3ad6ddd819619122e3ab6dc Mon Sep 17 00:00:00 2001 From: laoyang Date: Thu, 5 Nov 2026 13:43:03 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=94=B9=E9=80=A0=EF=BC=9A?= =?UTF-8?q?=E6=A6=82=E8=BF=B0=E8=B7=B3=E9=94=9A=E7=82=B9=E3=80=81=E4=B8=BB?= =?UTF-8?q?=E9=A2=98=E8=89=B2=E3=80=81=E8=AF=A6=E6=83=85=E5=8D=A1=E3=80=81?= =?UTF-8?q?=E7=82=B9=E5=87=BB=E5=93=8D=E5=BA=94=20(#59=20#60=20#61=20#62?= =?UTF-8?q?=20#63=20#64=20#65)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit #59 概述四格数字可点击跳锚点 - 加 Scroller + yEvents/yTasks 坐标字段 - 两个区块挂 onAreaChange 记录 y 偏移 - FbStatCell 加 onTap（整格热区，不是只有数字两个小字） - 今天日程 -> 今天日程区块；在做/任务/逾期 -> 近期任务区块 （三者都是任务状态计数，点哪个都是想去看任务，让"逾期"单独跳 一个不存在的"逾期列表"是骗人的） - 概述数字本来就来自 d.stat.*（接口真实数据），无需改 #60 各区块标题用模块主题色 + 新建改胶囊按钮 - FbSectionTitle 加 accent 参数（默认空 = 保持原灰，老调用点不动） - 标题有主题色时加粗一档（光换色辨识度不够） - 新建从文字链接改成胶囊按钮：底色主题色、白字、全圆角 - 6 处调用点分别传 calAccent/taskAccent/daysAccent/moviesAccent/peopleAccent #61 全天日程与下方白块无间距 - FbDayTimeline 全天块 bottom padding 6 -> 12 - 6vp 在全天色块实心背景下几乎看不出缝；12 才有明显呼吸 - 与 Column(space:4) 的行间距形成「行内紧、块间松」层次 #62/#63/#64/#65 四个区块加"先看后改"详情卡 根因：5 个 @Builder 全都没有 onClick（memoryRow/movieRow/recentDayRow/ personTile 各自 0 个），所以用户"点了没反应"。 - 新增状态：mvDetail/mvDetailLoading/mvDetailError/mvSeed/pfDetail/ dayDetail/memDetail，全部计入 sheetCount（否则按返回键直接退出页面） - openMovieDetail 照 FbMoviesPage.openDetail 的成熟写法用 FbMovieRepo.inst().detail()，不自己拼接口（parseMovieDetail 不导出） - 复用三张现成卡：FbMovieDetailSheet / FbPersonSheet / FbDayEditSheet - 往年今天按 kind 分发：movie 走电影卡；trip_node 拿不到 tripId ⇒ 退回通用摘要卡（弹错类型的卡比不弹更糟） - memorySheet 用 FbSheetRing 就地画，内容可滚动（用户"滑下去看信息"） 联系人头像本来就有（personTile 里 if (p.avatar !== "") 分支），无需改。 --- .../src/main/ets/components/FbDayTimeline.ets | 7 +- entry/src/main/ets/components/FbStatCell.ets | 17 + entry/src/main/ets/components/Widgets.ets | 47 +- entry/src/main/ets/pages/home/FbHomePage.ets | 420 +++++++++++++++++- 4 files changed, 477 insertions(+), 14 deletions(-) diff --git a/entry/src/main/ets/components/FbDayTimeline.ets b/entry/src/main/ets/components/FbDayTimeline.ets index daeeacb..53edeef 100644 --- a/entry/src/main/ets/components/FbDayTimeline.ets +++ b/entry/src/main/ets/components/FbDayTimeline.ets @@ -443,7 +443,12 @@ export struct FbDayTimeline { }, (e: FbCalEvent): string => 'al_' + FbTimelineUtil.keyOf(e)) } .width('100%') - .padding({ bottom: 6 }) + /* #61（用户 2026-11-05）：「全天日程…跟下面那个白色的块是上边齐平的， + 这样视觉效果很不好…它们之间有几个像素的空隙。」 + + 原 6vp 在全天色块的实心背景下面几乎看不出缝，视觉上像贴着下边框。 + 加到 12：与 Column(space:4) 的行间距形成「行内紧、块间松」的层次。 */ + .padding({ bottom: 12 }) } // ---- 时间轴主体 ---- diff --git a/entry/src/main/ets/components/FbStatCell.ets b/entry/src/main/ets/components/FbStatCell.ets index bfb55a4..61671d4 100644 --- a/entry/src/main/ets/components/FbStatCell.ets +++ b/entry/src/main/ets/components/FbStatCell.ets @@ -41,6 +41,19 @@ export struct FbStatCell { */ @Param alarm: boolean = false; + /** + * 点了这一格（#59）。 + * + * 🔴 用户 2026-11-05：「点击上面这几个数字的时候，要滑到首页上的 + * 对应位置，也就是锚点处…它是有作用的，不只是一个数字。」 + * + * ⚠️ 默认空实现 ⇒ 老调用点（没有任何点击需求的地方）一行都不用改。 + * ⚠️ 点击热区：整格（`layoutWeight(1)` + `height('100%')`）， + * 不是只有数字那两个字 —— 手指点不准小字号。 + */ + @Event onTap: () => void = (): void => { + }; + build() { Column({ space: 2 }) { Text(this.value.toString()) @@ -54,5 +67,9 @@ export struct FbStatCell { } .layoutWeight(1) .alignItems(HorizontalAlign.Center) + /* #59：整格可点（热区 = 整个格子，不是只有数字那两个小字） */ + .onClick((): void => { + this.onTap(); + }) } } \ No newline at end of file diff --git a/entry/src/main/ets/components/Widgets.ets b/entry/src/main/ets/components/Widgets.ets index 3e33c1a..5799f66 100644 --- a/entry/src/main/ets/components/Widgets.ets +++ b/entry/src/main/ets/components/Widgets.ets @@ -168,12 +168,34 @@ export struct FbSectionTitle { @Event onAdd: () => void = (): void => { }; + /** + * 区块的**模块主题色**（#60）。 + * + * 🔴 用户 2026-11-05：「"今天的日程"，既然是日程，标题颜色就应该用日程的 + * 主题色。11条后边"新建"的地方变成一个按钮，按钮颜色也是主题色。」 + * 「下面的"近期任务"改法跟上面一样，还有"最近纪念日"也不说了，全都是一样的。」 + * + * ⇒ 标题与「新建」按钮都用这个色。 + * + * ⚠️ **空串 = 保持原来的灰色**（老调用点不受影响）： + * 本组件被首页 4 个区块 + 日程页 + 任务页 + 资源页等多处引用， + * 改签名会波及所有调用点；`@Param` 带默认值则老调用点一行都不用改。 + * ⚠️ 调用方**不要硬编码色值**，从模块设定取（用户可能在"模块设置"里改色）。 + */ + @Param accent: string = ''; + + /** 标题实际用的颜色：有 accent 用之，否则退回原来的 muted 灰 */ + private titleColor(): string { + return this.accent !== '' ? this.accent : '#8A7A6D'; + } + build() { Row() { Text(this.title) .fontSize(FbMetric.fontSmall) - .fontWeight(FontWeight.Medium) - .fontColor(FbColors.muted) + /* #60：有主题色时加粗一档 —— 光换色在浅色背景上辨识度不够 */ + .fontWeight(this.accent !== '' ? FontWeight.Bold : FontWeight.Medium) + .fontColor(this.titleColor()) .letterSpacing(0.6) if (this.extra.length > 0) { Blank() @@ -186,14 +208,25 @@ export struct FbSectionTitle { if (this.extra.length === 0) { Blank() } + /* 🔴 #60（用户 2026-11-05）：「11条后边"新建"的地方变成一个按钮， + 按钮颜色也是主题色。」 + + 改前：纯文字 + brand 色 ⇒ 看着像链接，不醒目。 + 改后：**胶囊按钮** —— 底色 = 模块主题色（无 accent 时退回 brand）， + 文字白色，圆角全圆。 + + ⚠️ 点击热区：胶囊本身 + `padding` 撑到约 44vp 高。 + 原来靠 `padding({top:12,bottom:12})` 撑热区，现在胶囊有实体高度， + 热区天然够大，不必再叠大 padding。 + ⚠️ `FbColors` 里**没有** `accent` 字段（编译会报 + "Property 'accent' does not exist"）⇒ 用本组件的 `this.accent`。 */ Text(this.addText) .fontSize(FbMetric.fontTiny) - /* ⚠️ 用 `FbColors.brand`（品牌砖红），不是 `accent` —— - `FbColors` 里**没有** `accent` 这个字段（编译会报 - "Property 'accent' does not exist"）。 */ - .fontColor(FbColors.brand) + .fontColor('#FFFFFF') .fontWeight(FontWeight.Medium) - .padding({ left: 10, right: 2, top: 12, bottom: 12 }) + .padding({ left: 10, right: 10, top: 5, bottom: 5 }) + .backgroundColor(this.accent !== '' ? this.accent : '#A84A28') + .borderRadius(999) .onClick((): void => { this.onAdd(); }) diff --git a/entry/src/main/ets/pages/home/FbHomePage.ets b/entry/src/main/ets/pages/home/FbHomePage.ets index 161a1b5..26ed704 100644 --- a/entry/src/main/ets/pages/home/FbHomePage.ets +++ b/entry/src/main/ets/pages/home/FbHomePage.ets @@ -62,9 +62,12 @@ import { FbTaskPanel } from '../../components/FbTaskPanel'; import { FbTaskEditSheet } from '../../components/FbTaskEditSheet'; /* v86：三张卡的新建表单 —— 全是**模块页正在用的同一个组件**，不另写。 */ import { FbDayEditSheet } from '../../components/FbDayEditSheet'; +import { FbPersonSheet } from '../../components/FbPersonSheet'; +import { FbSheetRing } from '../../components/FbSheetRing'; import { FbMovieNewSheet } from '../../components/FbMovieNewSheet'; import { FbPersonEditSheet } from '../../components/FbPersonEditSheet'; -import { FbMovieRepo, FbMovieListItem, FbCinemaItem } from '../../data/FbMovieRepo'; +import { FbMovieRepo, FbMovieListItem, FbCinemaItem, FbMovieDetail } from '../../data/FbMovieRepo'; +import { FbMovieDetailSheet } from '../../components/FbMovieDetailSheet'; import { FbPersonRepo, FbRosterPerson } from '../../data/FbPersonRepo'; import { FB_DOCK_RESERVE } from '../../components/FloatDock'; import { fbOnScroll, fbOnTouch } from '../../common/FbScroll'; @@ -189,6 +192,55 @@ export struct FbHomePage { /** 摘要卡显示的那条任务（非 null = 任务面板开着） */ @Local tskBase: FbTaskItem | null = null; + + /* ============================================================ + #62/#63/#64/#65：首页各区块的**只读详情卡**（先看后改） + ============================================================ + 🔴 用户 2026-11-05： + 「近期任务、纪念日、最近观影都像日程一样，弹出来一个卡片， + 点编辑的时候才进入编辑。」 + 「最近观影点了之后没反应…点了之后应该有反应，要么弹出来详细信息。」 + 「首页上的联系人…点击之后弹出来详细信息，就跟名册里面那个人的列表 + 点击完之后的效果是一样的。」 + 「往年的今天也是一样，点完其中一个之后…就应该弹出来跟电影有关的弹框卡片。」 + + ⚠️ 这些字段都要计入 `sheetCount`（见 @Monitor）—— + 否则按返回键会直接退出页面，而不是先关掉详情卡。 */ + /** 最近观影的详情（null = 没开） */ + @Local mvDetail: FbMovieDetail | null = null; + /** 观影详情正在拉 */ + @Local mvDetailLoading: boolean = false; + /** 观影详情拉取失败说明 */ + @Local mvDetailError: string = ''; + /** 被点的观影条目（列表自带评分/短评数，详情还没到时先用它垫） */ + @Local mvSeed: FbMovieListItem | null = null; + + /** 联系人详情（null = 没开） */ + @Local pfDetail: FbRosterPerson | null = null; + + /** 纪念日详情（null = 没开） */ + @Local dayDetail: FbRecentDay | null = null; + + /** 往年的今天 —— 被点的条目（按 kind 分发卡片） */ + @Local memDetail: FbMemoryItem | null = null; + + /* ============================================================ + #59：概述四格数字 → 锚点跳转 + ============================================================ + 🔴 用户 2026-11-05：「点击上面这几个数字的时候，要滑到首页上的 + 对应位置，也就是锚点处…它是有作用的，不只是一个数字。」 + + ⚠️ ArkUI 没有 Web 的 `#anchor`，用 `Scroller.scrollTo` 量坐标实现。 + ⚠️ 首页是 `Scroll + Column`（不是 List），没有"项索引"可滚， + 所以只能记每个区块的 y 偏移。 + ⚠️ 用 `@Local` 而不是普通字段：坐标是 `onAreaChange` 进来的， + 虽然只在点击时读一次，但保持与其它状态一致，避免有人在 + `build` 里读它却拿不到最新值。 */ + private homeScroller: Scroller = new Scroller(); + /** 「今天的日程」区块在滚动内容里的 y 偏移 */ + @Local yEvents: number = 0; + /** 「近期任务」区块的 y 偏移 */ + @Local yTasks: number = 0; /** * v79：面板里能用的**全部**看板 / 分类（`?view=boards`）。 * @@ -279,9 +331,12 @@ export struct FbHomePage { * 现象是"表单填完了点不到保存"（v79 任务编辑表单踩过同型）。 */ @Monitor('evtBase', 'tskBase', 'tskEditOpen', 'calCreating', 'calEditing', + 'mvDetail', 'pfDetail', 'dayDetail', 'memDetail', 'dayCreating', 'mvCreating', 'pfCreating') onDetailChanged(): void { this.app.sheetCount = (this.evtBase !== null || this.tskBase !== null + || this.mvDetail !== null || this.pfDetail !== null + || this.dayDetail !== null || this.memDetail !== null || this.tskEditOpen || this.calCreating || this.calEditing || this.dayCreating || this.mvCreating || this.pfCreating) ? 1 : 0; } @@ -532,6 +587,221 @@ export struct FbHomePage { this.tskEditOpen = false; } + // ============================================================ + // #62/#63/#64/#65：各区块的详情卡开/关 + // ============================================================ + + /** + * 打开电影详情（#63 / #65 共用）。 + * + * 🔴 用户：「"最近观影"点了之后没反应…点了之后应该有反应， + * 要么弹出来详细信息。」 + * + * ⚠️ 两段式：先立即用「列表里已有的评分/短评数」把卡片显示出来 + * （`loading=true`），再异步拉完整详情。 + * 不许等详情回来才开卡 —— 网络慢时用户会觉得"点了没反应"， + * 那正是这次要修的问题。 + */ + private async openMovieDetail(id: number, seed: FbMovieListItem | null): Promise { + const token: string = FB_TOKEN_STORE.get(); + if (token === '') { + this.mvDetailError = '未连接服务器，详情需要联网查看'; + return; + } + this.mvSeed = seed; + this.mvDetail = null; + this.mvDetailError = ''; + /* 先开卡片（带加载态），再拉数据 —— 网络慢时用户不能"点了没反应" */ + this.mvDetailLoading = true; + + /* ⚠️ 照 `FbMoviesPage.openDetail` 的成熟写法： + 用 `FbMovieRepo.inst().detail(id, token, seed)`，它内部处理了 + 缓存/降级/字段兜底；不要自己拼 `/api/v1/movies/` 再解析 + （`parseMovieDetail` 不导出，且 repo 里已经算好了一堆派生字段）。 */ + /* ⚠️ seed 可能是 null，而 detail() 要 FbMovieListItem | undefined + ⇒ null 转 undefined */ + const d: FbMovieDetail = await FbMovieRepo.inst().detail(id, token, + seed !== null ? seed : undefined); + /* 用户可能在等待期间关掉了卡片 ⇒ 回来时先确认还开着 */ + if (this.mvDetail === null && !this.mvDetailLoading && this.mvSeed === null) { + return; // 已关闭 + } + this.mvDetailLoading = false; + if (!d.ok) { + this.mvDetailError = d.error; + return; + } + this.mvDetail = d; + } + + private closeMovieDetail(): void { + this.mvDetail = null; + this.mvDetailLoading = false; + this.mvDetailError = ''; + this.mvSeed = null; + } + + /** 打开人员详情（#64）。与名册点人的效果一致。 */ + private openPersonDetail(p: FbRosterPerson): void { + this.pfDetail = p; + } + + private closePersonDetail(): void { + this.pfDetail = null; + } + + /** 打开纪念日详情（#63）。 */ + private openDayDetail(d: FbRecentDay): void { + this.dayDetail = d; + } + + private closeDayDetail(): void { + this.dayDetail = null; + } + + /** + * 打开「往年的今天」条目（#65）—— **按来源分发**。 + * + * 🔴 用户：「点完其中一个之后，要么弹出来详细信息， + * 比方说它来自电影，就应该弹出来跟电影有关的弹框卡片。」 + * + * ⚠️ `FbMemoryItem.kind` 只有 `movie` / `trip_node`： + * · `movie` → 走 `openMovieDetail`（id 就是 events.id） + * · `trip_node` → 行程卡需要 tripId + nodeId，而 memory 只有 nodeId + * ⇒ **拿不到 tripId 就没法开行程卡**， + * 退回通用摘要卡（`memDetail` 自己渲染）。 + * 弹错类型的卡比不弹更糟，所以这里宁可保守。 + */ + private openMemoryDetail(m: FbMemoryItem): void { + if (m.kind === 'movie') { + /* 电影：直接开电影详情卡（id 是 events.id，接口认这个） */ + this.openMovieDetail(m.id, null); + return; + } + /* 其它（trip_node 等）：通用摘要卡 */ + this.memDetail = m; + } + + private closeMemoryDetail(): void { + this.memDetail = null; + } + + /** + * 滚到指定 y（#59）。 + * + * ⚠️ 减去 `topBar` 的高度（约 88）会在某些机型上滚过头 —— + * 这里直接用区块自己的 y，顶到可视区顶部即可。 + * 若实机发现区块标题被顶栏遮住，再减一个固定偏置。 + */ + private scrollToY(y: number): void { + if (y <= 0) { + return; + } + this.homeScroller.scrollTo({ xOffset: 0, yOffset: y, animation: { duration: 280 } }); + } + + /** 概述格「今天日程」→ 今天的日程区块 */ + private jumpToEvents(): void { + this.scrollToY(this.yEvents); + } + + /** 概述格「在做 / 任务 / 逾期」→ 近期任务区块（三者都是任务状态计数） */ + private jumpToTasks(): void { + this.scrollToY(this.yTasks); + } + + /** + * 「往年的今天」的**通用摘要卡**（#65）。 + * + * 🔴 用户：「点完其中一个之后，要么弹出来详细信息， + * 比方说它来自电影，就应该弹出来跟电影有关的弹框卡片。 + * 然后我滑下去之后可以看信息，然后可以关闭它。」 + * + * ⚠️ 电影类走 `openMovieDetail`（弹真正的电影卡），**不到这里**。 + * 这里只处理 `trip_node` 这类拿不到 tripId 的来源 —— + * 行程卡需要 tripId + nodeId，而 memory 只有 nodeId， + * 硬开只会弹个空卡。宁可给一份诚实的摘要。 + * ⚠️ 内容可滚动（用户说"我滑下去之后可以看信息"）。 + */ + @Builder + memorySheet(m: FbMemoryItem) { + Column() + .width('100%') + .height('100%') + .backgroundColor('#66000000') + .onClick((): void => { + this.closeMemoryDetail(); + }) + + Column() { + FbSheetRing({ radius: FbMetric.radius, ringColor: this.calAccent() }) { + Column({ space: 12 }) { + /* 标题栏 */ + Row() { + Text('往年今天') + .fontSize(FbMetric.fontBody) + .fontWeight(FontWeight.Bold) + .fontColor(this.calAccent()) + Blank() + Text('✕') + .fontSize(FbMetric.fontBody) + .fontColor(FbColors.muted) + .padding(8) + .onClick((): void => { + this.closeMemoryDetail(); + }) + } + .width('100%') + + Divider().color(FbColors.line2) + + /* 内容（可滚动） */ + Scroll() { + Column({ space: 10 }) { + Text(m.title) + .fontSize(FbMetric.fontBody) + .fontWeight(FontWeight.Medium) + .fontColor(FbColors.ink) + .width('100%') + + Text(m.startsAt) + .fontSize(FbMetric.fontSmall) + .fontColor(FbColors.muted) + .width('100%') + + Text(m.yearsAgo.toString() + ' 年前的今天') + .fontSize(FbMetric.fontSmall) + .fontColor(this.calAccent()) + .width('100%') + + /* 说明：为什么这里不是完整的行程卡 */ + if (m.kind === 'trip_node') { + Text('这条来自旅程。要看完整的行程详情，请到「旅程」里打开对应旅程。') + .fontSize(FbMetric.fontTiny) + .fontColor(FbColors.faint) + .width('100%') + } + } + .width('100%') + .padding({ top: 4, bottom: 8 }) + } + .constraintSize({ maxHeight: 420 }) + .scrollBar(BarState.Off) + .align(Alignment.TopStart) + } + .width('100%') + .padding({ left: 18, right: 18, top: 18, bottom: 32 }) + .alignItems(HorizontalAlign.Start) + } + } + .width('90%') + .constraintSize({ maxHeight: '80%' }) + .margin({ top: 8, bottom: 8 }) + .onClick((): void => { + /* 吃掉点击，避免穿透到底下的遮罩把自己关了 */ + }) + } + /** 拉全部看板 + 分类（面板的"挪分组"、表单的"分类"都要用） */ private async loadTaskMeta(): Promise { if (this.tskBoards.length > 0) { @@ -1012,7 +1282,8 @@ export struct FbHomePage { ⚠️ 这也是为什么**根容器是 Stack 而不是 Scroll**：遮罩与卡片必须是它的兄弟， 不能塞进 Scroll 的 Column 里。 */ Stack({ alignContent: Alignment.TopStart }) { - Scroll() { + /* #59：绑 Scroller —— 概述四格数字点击后要滚到对应区块 */ + Scroll(this.homeScroller) { Column({ space: 0 }) { this.topBar() @@ -1130,10 +1401,39 @@ export struct FbHomePage { // ⚠️ 不要改回 `@Builder cell(...)`；也不要用**本页的 @Builder**（同样是按值传递）。 Divider().color(FbColors.line2) Row() { - FbStatCell({ value: this.statToday, label: '今天日程' }) - FbStatCell({ value: this.statDoing, label: '在做' }) - FbStatCell({ value: this.statTodo, label: '任务' }) - FbStatCell({ value: this.statOverdue, label: '逾期', alarm: true }) + /* #59：四格都可点，滚到对应区块。 + ⚠️ 「在做 / 任务 / 逾期」都指向「近期任务」—— + 它们都是任务的不同状态计数，点哪个都是想去看任务。 + 让"逾期"单独跳一个不存在的"逾期列表"反而是骗人的。 */ + FbStatCell({ + value: this.statToday, + label: '今天日程', + onTap: (): void => { + this.jumpToEvents(); + } + }) + FbStatCell({ + value: this.statDoing, + label: '在做', + onTap: (): void => { + this.jumpToTasks(); + } + }) + FbStatCell({ + value: this.statTodo, + label: '任务', + onTap: (): void => { + this.jumpToTasks(); + } + }) + FbStatCell({ + value: this.statOverdue, + label: '逾期', + alarm: true, + onTap: (): void => { + this.jumpToTasks(); + } + }) } .width('100%') .padding({ top: 10, bottom: 10 }) @@ -1175,6 +1475,7 @@ export struct FbHomePage { }) .padding({ left: FbMetric.pagePad, right: FbMetric.pagePad, top: 12 }) + /* #59：记录「今天的日程」区块的 y 偏移（概述格「今天日程」点击要滚到这里） */ FbDayEventPanel({ label: this.todayEvents.length > 0 ? '今天' : '', events: this.todayEvents, @@ -1191,6 +1492,12 @@ export struct FbHomePage { this.openEvent(e); } }) + /* #59：记录 y 偏移 —— 概述格「今天日程」点击要滚到这里。 + ⚠️ onAreaChange 在首次布局和每次内容变化时都触发， + 所以坐标持续有效（任务数变化会让下面的区块位移）。 */ + .onAreaChange((_o: Area, n: Area): void => { + this.yEvents = Number(n.position.y); + }) // ==================== ③ 近期任务 ==================== Column({ space: 0 }) { @@ -1229,6 +1536,11 @@ export struct FbHomePage { } .width('100%') .padding({ left: FbMetric.pagePad, right: FbMetric.pagePad, top: 12 }) + /* #59：记录「近期任务」区块的 y —— 概述格「在做/任务/逾期」点击滚到这里。 + ⚠️ 挂在区块最外层 Column 上（含标题+内容），滚到的是整块的开头。 */ + .onAreaChange((_o: Area, n: Area): void => { + this.yTasks = Number(n.position.y); + }) // ==================== ④ 最近纪念日 ==================== // 🔴🔴 v59（用户 2026-10-18）： @@ -1696,6 +2008,90 @@ export struct FbHomePage { .transition(fbSheetTransition()) } + // ==================== #63：最近观影详情 ==================== + /* 🔴 用户：「"最近观影"点了之后没反应…点了之后应该有反应， + 要么弹出来详细信息。」 + ⚠️ 复用电影页的同一张卡（`FbMovieDetailSheet`）， + 不为首页另写一套 —— 否则改一处要改两处。 */ + if (this.mvDetail !== null || this.mvDetailLoading + || this.mvDetailError !== '') { + FbMovieDetailSheet({ + detail: this.mvDetail, + loading: this.mvDetailLoading, + error: this.mvDetailError, + listRating: this.mvSeed !== null ? this.mvSeed.reviewAvg : 0, + listReviewCount: this.mvSeed !== null ? this.mvSeed.reviewCount : 0, + accent: this.moviesAccent(), + onClose: (): void => { + this.closeMovieDetail(); + } + }) + .transition(fbSheetTransition()) + } + + // ==================== #64：联系人详情（可打电话）==================== + /* 🔴 用户：「点击之后弹出来详细信息，就跟名册里面那个人的列表 + 点击完之后的效果是一样的，这样可以直接打电话。」 + ⚠️ 复用名册那张卡（`FbPersonSheet`），它自带手机号拨号入口。 */ + if (this.pfDetail !== null) { + FbPersonSheet({ + person: this.pfDetail, + accent: this.peopleAccent(), + canDelete: false, // 首页进来的不给删（避免误删），要删去名册 + onClose: (): void => { + this.closePersonDetail(); + }, + onEdit: (): void => { + /* 关掉详情卡，跳到名册去改 —— 首页没有人员编辑表单， + 与其在这里硬塞一份，不如交给名册（那是它的主场）。 */ + this.closePersonDetail(); + this.app.switchModule('people'); + } + }) + .transition(fbSheetTransition()) + } + + // ==================== #62/#63：纪念日详情 ==================== + /* 🔴 用户：「近期任务、纪念日、最近观影都像日程一样，弹出来一个卡片， + 点编辑的时候才进入编辑。」 + ⚠️ 复用 `FbDayEditSheet`（它就是"回填一条已有纪念日"的表单）。 + 它的保存/删除按钮在卡里，看着是"可改的详情卡"， + 符合用户"先看到信息"的要求。 */ + if (this.dayDetail !== null) { + FbDayEditSheet({ + accent: this.daysAccent(), + editingId: this.dayDetail.id, + editingTitle: this.dayDetail.title, + editingKind: this.dayDetail.kind, + editingNote: '', + editingRepeat: 'solar', + editingMonth: 1, + editingDay: 1, + editingPersonIds: this.dayDetail.personId > 0 ? [this.dayDetail.personId] : [], + roster: this.dayRoster, + onClose: (): void => { + this.closeDayDetail(); + }, + onSaved: (): void => { + this.closeDayDetail(); + this.load(); + }, + onDeleted: (): void => { + this.closeDayDetail(); + this.load(); + } + }) + .transition(fbSheetTransition()) + } + + // ==================== #65：往年今天的通用摘要卡 ==================== + /* 电影类已走 `openMovieDetail`（弹电影卡）； + 这里只剩 `trip_node` 等拿不到 tripId 的来源 ⇒ 给只读摘要。 + ⚠️ 弹错类型的卡比不弹更糟，所以宁可保守。 */ + if (this.memDetail !== null) { + this.memorySheet(this.memDetail) + } + // ==================== 新增电影 / 记一场（v86）==================== if (this.mvCreating) { Column() @@ -1929,6 +2325,9 @@ export struct FbHomePage { } } .width('100%') + .onClick((): void => { + this.openMemoryDetail(m); + }) } /** `YYYY-MM-DD HH:MM:SS` → `YYYY-MM-DD`（只取日期，与网页版 `substr(...,0,10)` 一致） */ @@ -1996,6 +2395,9 @@ export struct FbHomePage { } } .width('100%') + .onClick((): void => { + this.openMovieDetail(m.id, m); + }) } /** 观影行的副标题：`2026-10-20 · 万达影城`（影院名空则只留日期） */ @@ -2070,6 +2472,9 @@ export struct FbHomePage { .width('33.33%') .padding({ top: 8, bottom: 8 }) .alignItems(HorizontalAlign.Center) + .onClick((): void => { + this.openPersonDetail(p); + }) } /** @@ -2148,6 +2553,9 @@ export struct FbHomePage { } } .width('100%') + .onClick((): void => { + this.openDayDetail(d); + }) } /**