feat: OPC 工作台 — 科普(慰心斋)单项目管理系统
Flask + Tailwind CSS + Trix + Chart.js + Lucide Icons + SQLite - 首页概览:关键指标卡片、财务趋势图、风险提醒、近期动态 - 销售管理:客户表格 + 抽屉详情(自动保存 + 评论) - 业务方案:版本表格 + 抽屉(文件上传/预览/删除 + 评论) - 运营管理:项目表格(业务机会/执行项目分类)+ 抽屉 - 产品研发:版本表格 + 抽屉 - 财务管理:月度收入/毛利/成本/净利曲线图 + 明细表 - 所有抽屉:Plane 风格紧凑布局、字段失焦自动保存、Trix 富文本评论框、点击遮罩关闭
This commit is contained in:
28
docs/frontend-design-checklist.md
Normal file
28
docs/frontend-design-checklist.md
Normal file
@@ -0,0 +1,28 @@
|
||||
# OPC Manager Frontend Design Checklist
|
||||
|
||||
## Before Development
|
||||
|
||||
- Build first screen as the operating dashboard, not a landing page.
|
||||
- Keep dashboard metrics visible above the fold.
|
||||
- Keep module navigation persistent and obvious.
|
||||
- Prefer shadcn-style controls: Button, Tabs, Table, Sheet, Form, Input, Select, Textarea, Badge, Card.
|
||||
- Use Tailwind tokens consistently for spacing, border, radius, color, and typography.
|
||||
|
||||
## Page-Level Checks
|
||||
|
||||
- 首页: metrics, risk reminders, recent activity, finance trend preview.
|
||||
- 销售: compact table, priority badge, status badge, latest timeline entry, drawer edit flow.
|
||||
- 业务方案: one version per card, four file groups, upload, preview, download.
|
||||
- 运营: type filter, opportunity/execution fields, SOP execution visibility, project-version file ownership.
|
||||
- 产品: one version per card, drawer editing, feature list readability.
|
||||
- 财务: trend chart and detail rows reconcile with the same source data.
|
||||
|
||||
## Post-Development Audit
|
||||
|
||||
- No decorative landing sections before the dashboard.
|
||||
- No nested cards that reduce scan speed.
|
||||
- Drawers do not overflow or hide save actions.
|
||||
- Tables remain readable at desktop widths.
|
||||
- Status colors are consistent across modules.
|
||||
- Preview and download actions are available for uploaded/indexed files.
|
||||
|
||||
Reference in New Issue
Block a user