feat: 实现申请报修页面

README.md

@@ -9,12 +9,14 @@
 - 通用 UI 优先拆成可复用组件，方便后续多页面共用
 
 当前项目还新增了一版“睡眠报告演示页”，用于展示宝宝睡眠评分、呼吸状态、HRV、异常统计和 AI 分析建议等完整报告结构。
+同时也补上了一版“申请报修演示页”，用于展示设备报修表单、附件上传与提交成功后的详情页流程。
 
 ## 1. 目前已经包含什么
 
 - `Taro + React + TypeScript` 项目骨架
 - 首页设备绑定业务示例页面
 - 睡眠报告演示页面
+- 申请报修演示页面
 - 小程序 `AppID` 配置
 - `AGENTS.md` 协作规则文件
 - 从开发到发布的中文说明
@@ -238,6 +240,26 @@ npm run dev:weapp
 - 各板块尽量拆成了可复用组件，便于你继续改
 - 分享功能当前还是前端占位提示，后续可再接真实能力
 
+## 12.2 当前报修页做了什么
+
+现在项目里已经把原来的“设备报修”占位页补成了一版可交互的“申请报修页”，主要包含：
+
+- 使用小程序原生导航栏显示“申请报修”
+- `体征监测设备 / AI摄像头` 两种设备类型切换
+- 已绑定设备 ID 选择与设备参数自动带出
+- 60 字以内的问题描述输入与实时字数统计
+- 调用小程序 `chooseMedia` 选择图片或视频附件
+- 图片最多 9 张、视频最多 1 个的前端限制
+- 联系人和手机号填写
+- 提交前必填校验与手机号格式校验
+- mock 提交成功后跳转到“报修详情”占位页
+
+说明：
+
+- 当前报修页使用本地 mock 数据驱动
+- 附件当前只做本地选择、预览和删除，不上传到真实服务器
+- 历史记录按钮当前还是前端提示占位，后续可再接真实列表页
+
 ## 13. 你接下来最常做的开发动作
 
 ### 改公共主题色
@@ -276,6 +298,13 @@ npm run dev:weapp
 
 - `src/components/report/` 目录下的组件文件
 
+### 改报修页
+
+编辑：
+
+- [src/pages/repair/index.tsx](C:/Users/a/Documents/New%20project%203/src/pages/repair/index.tsx)
+- [src/pages/repair-detail/index.tsx](C:/Users/a/Documents/New%20project%203/src/pages/repair-detail/index.tsx)
+
 ### 改全局样式
 
 编辑：
@@ -388,6 +417,12 @@ npm run build:weapp
 npm run test:report
 ```
 
+如果你要验证报修页里的表单和附件规则纯逻辑，可以执行：
+
+```bash
+npm run test:repair
+```
+
 ## 17. 建议你下一步怎么做
 
 如果你是零基础，推荐按这个顺序继续：