# 前端与分析平台设计 (Frontend & UX) ## 1. 技术栈建议 - React + TypeScript - 状态管理:Redux Toolkit / Zustand - 图表:ECharts / AntV - UI 组件:Ant Design ## 2. 信息架构 - 首页仪表盘 (Dashboard) - 招投标项目库 (Projects) - 公告与中标 (Notices/Awards) - 竞争对手分析 (Competitor) - 订阅中心 (Subscriptions) - 数据源与治理 (Admin) ## 3. 核心页面 - **Dashboard**:核心 KPI、趋势图、区域热度地图、行业分布。 - **项目详情页**:时间轴 + 关联公告/中标/合同。 - **企业画像**:企业基本信息、投标轨迹、胜率与金额分布。 - **分析看板**:可配置维度筛选与指标组合。 ## 4. 交互与筛选 - 多维度筛选(地区/行业/金额/时间) - 收藏与订阅一键操作 - 导出与分享 - 搜索建议(关键词联想) ## 5. 权限与体验 - 根据角色显示功能入口 - 数据导出与敏感字段脱敏提示 ## 6. 关联文档 - `docs/03-users-and-use-cases.md`:用户画像与场景 - `docs/07-analytics-and-metrics.md`:看板指标口径 - `docs/10-rest-api-spec.md`:前后端接口对接