Drsakura
1edf5ac995
1) 侧边栏对比度
- 新增 --sb-* 专属色板（固定深色底，不随日夜主题翻转），文字 #c3d7e3、
hover 纯白、选中纯白 + 品牌色强调条 + 内描边，参考 GoodJob 的 Command Deck
- 原过渡曲线（--transition-fast/base）保持不变
- luxury.css 里把侧栏刷回浅底的覆盖一并改为同一套色板
2) 顶栏「已打开页面」标签
- 新增 src/navigation.js：NAV_GROUPS 与 PAGE_LABELS 单点维护，App 与顶栏共用
- GlobalHeader 用 useLocation 自动登记访问过的页面，工作台恒定置顶且不可关闭，
其余按最近使用排序，可单独关闭，最多 10 个，落 localStorage（happy.openTabs）
- 关掉当前标签会退到剩下的最近一个，没有则回工作台
3) 折叠态页脚
- .sidebar.collapsed .settings-btn 隐藏，76px 宽度下只留一个日夜切换按钮
4) 明月图标
- MoonIcon → MoonStarsIcon，造型取自 igoutu.cn/icon/101343/moon-and-stars，
重绘为矢量（月牙 = 两段圆弧相减，两枚凹边圆角四角星），走 currentColor 随主题变色
- 源图存 design-refs/（已忽略，不入库）
5) 顶栏排布修正
- 标签条加入后头部变挤，收窄品牌区/搜索框，按钮加 nowrap 防止文字折行
- ≤1280px 隐藏标签条
外贸供应链管理系统
一个专为外贸企业设计的供应链与客户管理系统。
功能模块
业务管理
- 工作台 - 数据汇总、日程提醒、节日显示
- 供应商价格管理 - 继承 SKU Manager 完整功能
- 产品管理 - SKU/SPU 两层管理、包装参数、阶梯价格
- PI合同管理 - 合同解析、价格历史追踪
客户管理
- 客户管理 - 客户信息、联系人、跟进记录
- 新客开发 - 自动获客、AI 智能分析
- 商机管理 - 销售管道、成交预测
- 订单管理 - 订单跟踪、备注跟进
技术栈
后端
- Node.js + Express
- SQLite + better-sqlite3-multiple-ciphers
- 加密存储（SQLCipher）
前端
- React 18
- React Router
- Vite
- 原生 CSS
快速开始
安装依赖
# 后端
cd backend
npm install
# 前端
cd frontend
npm install
启动开发环境
# 启动后端服务器（终端1）
cd backend
npm start
# 启动前端开发服务器（终端2）
cd frontend
npm run dev
访问系统
- 前端开发地址: http://127.0.0.1:5300
- 后端 API 地址: http://127.0.0.1:4300
默认账号
- 用户名:
admin - 密码:
admin123
⚠️ 首次登录后请立即修改密码！
项目结构
trade-management-system/
├── backend/ # 后端
│ ├── db/ # 数据库
│ │ ├── schema.sql # 数据库结构
│ │ └── db.js # 数据库连接
│ ├── lib/ # 工具库
│ ├── routes/ # API 路由
│ ├── data/ # 数据存储目录
│ ├── uploads/ # 上传文件
│ ├── server.js # 服务器入口
│ └── package.json
├── frontend/ # 前端
│ ├── src/
│ │ ├── components/ # 组件
│ │ ├── pages/ # 页面
│ │ ├── services/ # API 服务
│ │ ├── styles/ # 样式
│ │ ├── App.jsx # 主应用
│ │ └── main.jsx # 入口文件
│ ├── index.html
│ ├── vite.config.js
│ └── package.json
├── docs/ # 文档
└── README.md
数据库
使用 SQLite + SQLCipher 加密存储：
- 数据库文件:
backend/data/trade.db - 自动初始化表结构
- 支持备份和迁移
开发计划
Phase 1：基础框架 ✅
- 项目结构搭建
- 数据库设计
- 前后端基础框架
- 工作台页面
Phase 2：供应商与产品管理
- 迁移 SKU Manager 功能
- 阶梯价格管理
- 合同解析引擎
- 产品图片管理
Phase 3：客户 CRM
- 客户详细页面
- 联系人管理
- 商机管道视图
- 跟进活动时间线
Phase 4：订单管理
- 订单创建和编辑
- 订单状态流转
- 订单备注系统
- PDF 导出
Phase 5：自动获客
- 集成 GoodJob 获客引擎
- 数据源适配
- AI 智能分析
- 线索转化
许可证
私有项目
作者
Wayne