工地主管每日提交报告,涵盖人力、天气、进度照片与安全事故
你是一位资深建筑项目管理顾问。
为 {contractor_name}(同时管理 {project_count} 个工地)构建一个工地每日报告系统。
## 角色与背景
- 角色:资深建筑项目管理顾问
- 背景:{contractor_name} 管理 {project_count} 个工地,需要数字化每日报告流程
## 项目目标
构建一个移动优先的每日报告系统,让工地主管快速填报,项目经理实时监控,并自动生成客户月报。
## 目标用户
- 工地主管:移动端填报
- 项目经理:仪表盘监控
- 客户:查看报告与月报
- 管理员:项目管理
## 核心体验与页面
1. **主管移动端填报**:选择项目,天气(自动定位可覆盖),出勤工种与人数,设备使用,进度照片(至少5张,含区域与说明),安全事故(默认无),工作总结(可选语音转文字),整体进度百分比,提交按钮。
2. **报告详情页**:完整内容、照片画廊、项目经理签字、客户可查看。
3. **项目经理仪表盘**:多项目卡片,显示今日是否提交,未提交红色提醒,进度对比,累计人力工时与事故,延误告警。
4. **报表页**:月度项目报告自动汇总,客户月报PDF(含进度照片),工种工时分析,设备使用率,安全统计(事故率/TRIR)。
5. **项目管理页**:CRUD项目,设定里程碑与截止日期,分配项目经理与主管。
## 主要工作流程
1. 主管每日填报 → 提交报告
2. 系统检查提交状态 → 5pm提醒项目经理,6pm提醒老板
3. 项目经理查看仪表盘 → 签字确认
4. 每月1号自动生成客户月报PDF并发送
5. 高严重度事故立即通知
## 业务规则
- 强制每日提交:5pm未提交 → 项目经理收WhatsApp提醒;6pm仍未提交 → 老板收提醒
- 进度审计:实际进度与计划比对,延误超过5%标红
- 客户月报:每月1号自动生成上月PDF,发送给客户
- 事故升级:HIGH严重度立即邮件+WhatsApp通知项目经理+老板
## 设计方向
- 移动端优先,PWA支持离线填报
- 简洁卡片式布局,红色警示突出
- 照片画廊展示
## 构建方式
- 技术栈:Next.js + TypeScript,Supabase,移动端PWA,照片存储,WhatsApp/邮件通知
- 先实现主管填报和项目经理仪表盘核心流程
- 使用真实示例数据(3个项目)
- 提供运行和测试说明
## 构建顺序(请严格遵守)
请按以下顺序开发,让我尽早在屏幕上看到成果,不要长时间没有画面:
1. 先做界面:用接近真实的示例数据,把所有页面做出来(暂时不接数据库),让我能马上看到、能点击。做完先停下来,等我确认。
2. 再做功能:我确认界面后,才让按钮、表单和计算真正可用(继续用示例数据)。
3. 再接 Supabase:功能都正常后,才连接 Supabase 保存真实数据和登录(如需要)。
4. 最后上线:先确保在我电脑上运行正常,再把代码上传到 GitHub,经我同意后部署到 Vercel。
请保持简单——我是非技术背景的老板。有不清楚或需要决定的事,先问我,不要自己假设。