Flask + Tailwind CSS + Trix + Chart.js + Lucide Icons + SQLite - 首页概览:关键指标卡片、财务趋势图、风险提醒、近期动态 - 销售管理:客户表格 + 抽屉详情(自动保存 + 评论) - 业务方案:版本表格 + 抽屉(文件上传/预览/删除 + 评论) - 运营管理:项目表格(业务机会/执行项目分类)+ 抽屉 - 产品研发:版本表格 + 抽屉 - 财务管理:月度收入/毛利/成本/净利曲线图 + 明细表 - 所有抽屉:Plane 风格紧凑布局、字段失焦自动保存、Trix 富文本评论框、点击遮罩关闭
56 lines
1.4 KiB
Markdown
56 lines
1.4 KiB
Markdown
# OPC Manager
|
||
|
||
科普(慰心斋)OPC 工作台首版实现。
|
||
|
||
## 技术栈
|
||
|
||
- App: Flask + Jinja2
|
||
- Styling: Tailwind CSS CDN + small local CSS
|
||
- Icons: Lucide browser CDN
|
||
- Charts: Chart.js CDN
|
||
- Interactions: 原生 JavaScript
|
||
- Database: SQLite, `data/opc.sqlite`
|
||
- Files: local filesystem, `data/uploads/`
|
||
|
||
## 项目结构
|
||
|
||
- `backend/flask_app.py`: Flask 主应用
|
||
- `templates/index.html`: Jinja2 页面模板
|
||
- `static/styles.css`: 少量自定义样式
|
||
- `static/app.js`: 原生 JS 页面交互
|
||
- `data/`: SQLite 数据库和上传文件
|
||
- `docs/design-system-summary.md`: ui-ux-pro-max-skill 设计系统摘要
|
||
- `docs/frontend-design-checklist.md`: frontend-design 页面级落地清单
|
||
- `frontend/`: React/Vite 历史草稿,不作为当前运行入口
|
||
|
||
## 运行
|
||
|
||
```bash
|
||
cd /Users/mac/天机阁/法阁/藏经阁/OPC-Manager
|
||
python3 -m venv .venv
|
||
. .venv/bin/activate
|
||
pip install -r backend/requirements.txt
|
||
python backend/flask_app.py
|
||
```
|
||
|
||
打开:
|
||
|
||
```text
|
||
http://127.0.0.1:5177
|
||
```
|
||
|
||
健康检查:
|
||
|
||
```bash
|
||
curl http://127.0.0.1:5177/api/health
|
||
```
|
||
|
||
## 已接入种子数据
|
||
|
||
- 销售:慰心斋客户分层中的 5 个客户
|
||
- 业务方案:信达生物 v1.5 方案、成本、SOP、财务流程文件索引
|
||
- 运营:圆心科技文章/视频/专访项目与运营文件索引
|
||
- 产品:慰心斋产品路线图中的 5 个产品版本
|
||
- 财务:首版财务样例和原财务 manager 合并方向
|
||
|