react-phone-apps/item-form.md at a0929de768a1bf646116e4076014dc5b26e3d15e - react-phone-apps - Gitea: Git with a cup of tea

lanrtop/react-phone-apps

lanrtop a0929de768 chore: 初始化项目结构与蓝图

- 配置 pnpm workspace monorepo 基础结构
- 初始化 .blueprint/ 蓝图：6 个业务模块、21 张任务卡
- 目标：Z Fold 6 折叠屏不动产物品摸底统计 App（React Native + Expo）

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

2026-04-07 15:23:39 +09:00

1.5 KiB

Raw Blame History

id	name	area	status
item-form	物品登记表单	rn-app	planned

概述

点击地图标记点后弹出的物品编辑面板。折叠时以底部抽屉形式展现，展开时在右侧栏内联显示。支持单个标记点下的多条物品记录增删改。

任务卡

📋 底部抽屉/右栏容器

status: todo
complexity: M
files: apps/property-survey/src/features/item/ItemFormSheet.tsx
depends: survey-app-shell, floor-map
acceptance: 折叠时从屏幕底部滑出（BottomSheet），展开时在 FoldableLayout 右栏内渲染；接受 markerId 和 onClose 两个 prop；顶部显示标记点位置名称和所属楼层

📋 物品字段表单

status: todo
complexity: M
files: apps/property-survey/src/features/item/ItemFields.tsx, apps/property-survey/src/features/item/useItemForm.ts
depends: item-form
acceptance: 包含物品名称（必填文本）、数量（数字键盘）、单价（数字键盘，可选）、备注1（多行文本）、备注2（多行文本）五个字段；保存时校验物品名称非空；useItemForm 管理字段状态和 insertItem / updateItem 调用

📋 标记点下物品列表

status: todo
complexity: M
files: apps/property-survey/src/features/item/ItemList.tsx
depends: item-form
acceptance: 在表单上方列出当前标记点的所有物品（物品名 + 数量 + 单价），点击条目进入编辑，左滑显示删除按钮，点击「+新增物品」清空表单进入新增模式