产品原型：
附上部分产品需求文档：
智慧党建云平台 (Smart Party Building Cloud) – 产品需求文档 (PRD)
| 文档版本 | V1.0 (MVP) |
| 文档状态 | 正式发布 |
| 产品负责人 | 李强 |
| 最后更新 | 2023-10-24 |
| 项目代号 | Red-Cloud-01 |
1. 项目背景与目标
1.1 背景
随着“互联网+党建”的深入推进，传统线下党务管理模式存在“数据统计难、学习组织难、考核量化难”的三大痛点。为了提升基层党组织的组织力与凝聚力，需开发一套集管理、学习、考核于一体的 SaaS 化智慧党建平台。
1.2 核心目标
- 管理智慧化：通过数字化手段，实现党员发展全生命周期的可视化管理。
- 学习常态化：利用碎片化时间与游戏化机制（积分/排名），解决理论学习枯燥、参与度低的问题。
- 考核量化化：通过数据大屏实时监控“三会一课”落实情况，为评优评先提供数据支撑。
1.3 面试演示策略 (Unique Selling Point)
本 MVP 版本特别内置了**“设计标注模式” (Design Annotation Mode)**。
- 目的：向面试官/评审展示开发者的产品思维与交互设计能力。
- 功能：开启后，界面会高亮显示关键设计决策（如 F 型浏览布局、防错设计、状态反馈等），证明代码背后的深度思考。
2. 用户角色与权限 (RBAC)
| 角色 | 权限描述 | 典型功能场景 |
| 党支部书记 (Admin) | 最高权限。拥有所有数据的增删改查权限，可配置系统参数。 | 查看全盘数据大屏、审批党员发展流程、配置考核指标。 |
| 宣传委员 (Editor) | 内容管理权限。负责党校课程发布、新闻推送。 | 发布“两学一做”课程、管理学习积分。 |
| 普通党员 (User) | 个人数据权限。仅能查看个人档案、参与学习与考试。 | 在线学习、缴纳党费、查看个人积分排名。 |
3. 功能需求详述
3.1 模块一：党建驾驶舱 (Dashboard)
定位：决策支持中心，通过数据可视化展示支部健康度。
- 核心 KPI 指标卡：
- 党员学习时长：展示累计总时长及环比增长（体现学习热度）。
- 活跃党员数：监控日活 (DAU)，判断组织活力。
- 三会一课落实率：核心考核指标，需显著展示。
- 党费缴纳率：基础义务履行情况。
- 交互要求：指标卡需具备 Hover 效果，红色/绿色箭头指示环比涨跌。
- 学习热度趋势图 (Area Chart)：
- 展示最近 7 天/30 天的学习活跃度曲线。
- 采用品牌色（党建红）渐变填充，支持 Tooltip 悬浮查看具体数值。
- 支部考核雷达图 (Radar Chart)：
- 维度：支部大会、支委会、党小组会、党课、主题党日、志愿服务。
- 目的：直观展示支部工作的短板与长板。
- 快捷操作区：
- 置顶“下载汇报”、“添加指标”等高频管理操作，符合 B 端系统效率优先原则。
3.2 模块二：组织架构 (User Management)
定位：党员全生命周期管理工具。
- 人员列表：
- 字段：姓名（头像）、所属支部、党内职务、当前状态、最近登录时间。
- 状态标签：区分“正常(Active)”、“离退(Inactive)”、“考察中(Pending)”，使用不同颜色的 Badge 区分。
- 交互设计 (重点)：
- 渐进式操作：操作按钮（查看/编辑/删除）默认隐藏，鼠标悬停行 (Hover Row) 时才显示，减少界面视觉干扰。
- 模态框交互 (Modal)：所有增删改查操作均在当前页面通过弹窗完成，保持用户上下文 (Context)，避免页面跳转。
- 党员详情与发展流程 (Stepper)：
- 在“查看详情”模态框中，必须展示**“党员发展流程图”**。
- 阶段划分：申请入党 -> 入党积极分子 -> 发展对象 -> 预备党员 -> 正式党员。
- 价值点：体现对党建复杂业务流程的理解与可视化封装能力。
3.3 模块三：智慧党校 (Study Center)
定位：在线学习与考核平台（LMS）。
- 沉浸式课程推荐：
- 顶部大图展示“必修课”（如二十大精神学习），配以高质感的蒙层与播放按钮，提升点击率。
- 游戏化激励机制 (Gamification)：
- 积分排名：顶部显著位置展示用户当前积分与排名，利用荣誉感激发学习动力。
- 每日答题：右侧栏展示“每日一测”入口，提示“答对可得积分”，提升日活。
- 学习打卡日历：
- 可视化展示用户的月度学习记录（打卡/未打卡），培养用户习惯。
3.4 模块四：系统设置 (Settings)
定位：平台基础配置。
- 导航结构：采用左侧垂直 Tab 导航（通用/安全/通知），适应 B 端复杂的配置项扩展。
- 本地化配置：
- 支持“工作空间名称”修改。
- 系统模式切换：支持“标准版”与“保密版（内网）”切换，符合政务系统对安全性的特殊要求。
4. 非功能性需求 (NFR)
4.1 UI/UX 规范
- 主题色体系：
- 主色 (Primary)：党建红 (#B91C1C) —— 传递庄重、热情的政治属性。
- 辅助色 (Secondary)：金色/琥珀色 —— 用于荣誉、积分、标注。
- 背景色：Slate-50 —— 降低长时间使用的视觉疲劳。
- 响应式设计：
- 系统需适配 1920px (大屏指挥) 及 1366px (办公笔记本) 分辨率。
- 侧边栏支持折叠，以在小屏下最大化内容显示区域。
4.2 技术栈约束 (基于 Demo 实现)
- 前端框架：HTML5 + React (JSX) + Babel Standalone (单文件运行)。
- 样式库：Tailwind CSS (Utility-first，快速构建现代 UI)。
- 图表库：Recharts (轻量级、声明式图表)。
- 图标库：Lucide React (风格统一的 SVG 图标)。
5. 数据字典 (Data Dictionary) – 部分
| 实体 | 字段名 | 类型 | 说明 |
| User (党员) | status | Enum | 状态枚举：Active(正式), Pending(考察), Inactive(离退) |
| User (党员) | department | String | 所属组织：如“第一党支部”、“纪检委” |
| Metric (指标) | trend | Enum | 趋势方向：up(增长/红色), down(下降/绿色) 注：A股涨跌色习惯 |
6. 后续规划 (Roadmap)
- V1.1：增加“三会一课”会议纪要自动生成功能（接入 AI 模型）。
- V1.2：移动端小程序适配，支持扫码签到。
- V2.0：党费在线缴纳与财务公示模块。