docs(story): 创建史诗011的6个故事文档并更新Navbar引用

- 创建故事011.001-011.006的详细文档
- 更新史诗011文档的故事划分
- 修正所有故事中的Navbar引用（明确区分系统状态栏和页面导航栏）
- 添加原型文件的具体行号引用和样式要求

🤖 Generated with [Claude Code](https://claude.com/claude-code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>

docs/prd/epic-011-employer-mini-program-implementation.md

@@ -3,6 +3,13 @@
 ## 史诗目标
 在mini项目中完整实现用人方小程序的所有页面功能，基于史诗7,8,9,10已移植的API模块基础，为企业用户提供残疾人就业管理的完整解决方案。
 
+## 状态更新（2025-12-17）
+- **依赖状态**：史诗012完成5/6核心故事（83%），MVP API就绪
+- **启动建议**：史诗011可以立即开始开发
+- **调整说明**：故事011.006需调整企业设置页功能实现（系统设置API延期至P2优先级）
+- **故事拆分**：史诗拆分为6个故事，便于逐步开发和测试
+- **整体进度**：等待开发启动
+
 ## 史诗描述
 
 ### 现有系统上下文
@@ -26,6 +33,12 @@
 - 复用史诗008移植的`@d8d/allin-*`系列UI组件包
 - 遵循mini项目现有的页面结构和路由配置
 
+**史诗012完成状态更新（2025-12-17）：**
+- ✅ **完成情况**：5/6核心故事完成（83%），MVP就绪
+- ✅ **已完成的API**：数据库schema、企业用户认证、企业统计、人才扩展、订单统计、数据统计、视频管理
+- ⚠️ **延期API**：系统设置API（P2优先级，非MVP必需）
+- 📊 **进度**：史诗011可以立即开始，但故事011.006需调整系统设置相关功能实现计划
+
 ### 增强详情
 
 **新增/变更内容：**
@@ -60,63 +73,113 @@
 ## 故事列表
 
 
-### 故事011-01：API客户端集成与基础框架搭建
-**背景：** 依赖史诗012完成API补充后，需要将史诗7,8,9,10移植的API模块及史诗012补充的API集成到mini项目的RPC客户端中。
+### 故事011.001：基础框架搭建
+**背景：** 史诗012已完成5/6核心故事（83%），MVP API就绪。需要将史诗7,8,9,10移植的API模块及史诗012补充的API集成到mini项目的RPC客户端中，建立用人方小程序的基础技术框架。注：系统设置API为P2优先级延期功能。
 
 **任务列表：**
 1. 分析史诗7,8,9,10移植的API模块及史诗012补充的API，确定需要集成的RPC客户端
-2. 扩展`src/api.ts`，新增allin系统模块的RPC客户端，包括史诗012补充的API接口
-3. 创建用人方小程序的基础布局组件（底部导航、状态栏等）
-4. 实现登录页面功能，与企业用户认证系统集成
-5. 配置用人方小程序的路由结构
-6. 编写API集成的基础测试
+2. 扩展`mini/src/api.ts`，新增allin系统模块的RPC客户端，包括史诗012补充的API接口
+3. 配置用人方小程序的路由结构，支持页面导航
+4. 创建基础布局组件（状态栏、底部导航、页面容器），参考原型设计`docs/小程序原型/yongren.html`
+5. 建立企业用户认证框架，支持后续登录页面集成
+6. 编写基础测试，验证现有功能不受影响
 
 **验收标准：**
-- [ ] allin系统模块及补充API的RPC客户端成功集成到`api.ts`
-- [ ] 登录页面功能完整，支持企业用户手机号密码登录
-- [ ] 基础布局组件可用，符合移动端设计
-- [ ] 路由配置正确，页面导航正常
+- [ ] allin系统模块及史诗012补充API的RPC客户端成功集成到`mini/src/api.ts`
+- [ ] 用人方小程序的路由结构配置完成，支持页面导航
+- [ ] 基础布局组件（状态栏、底部导航、页面容器）可用并符合移动端设计
+- [ ] 企业用户认证框架就绪，支持后续登录页面集成
 - [ ] 现有mini项目功能不受影响
 
-### 故事011-02：核心管理页面实现（人才与订单）
-**背景：** 依赖史诗012提供的企业统计API、人才扩展API、订单统计API，实现人才和订单的核心管理功能。
+### 故事011.002：认证与首页实现
+**背景：** 依赖故事011.001完成的基础框架和史诗012提供的企业用户认证API、企业统计API，实现企业用户登录功能和首页/看板页面。
+
+**任务列表：**
+1. 实现登录页面功能，支持企业用户手机号密码登录
+2. 完善认证状态管理（token存储、验证、自动刷新）
+3. 实现首页/看板页面，展示企业概览数据（在职人员统计、分配人才列表等）
+4. 集成企业统计API，实现数据卡片和人才列表组件
+5. 优化用户体验，确保页面设计符合原型标准
+6. 编写集成测试，验证登录和首页功能
+
+**验收标准：**
+- [ ] 登录页面功能完整，支持企业用户手机号密码登录
+- [ ] 登录状态管理正常，token存储和验证可靠
+- [ ] 首页/看板页面展示企业概览数据（在职人员统计、分配人才列表等）
+- [ ] 页面设计符合原型标准，移动端体验良好
+- [ ] 与基础框架（故事011.001）无缝集成
+
+### 故事011.003：人才管理功能实现
+**背景：** 依赖故事011.001-011.002完成的基础，以及史诗012提供的人才扩展API，实现人才管理功能。
+
+**任务列表：**
+1. 实现人才列表页，支持按姓名、残疾证号搜索，按状态、残疾类型筛选和分页展示
+2. 实现人才详情页，展示完整信息（基本信息、工作信息、薪资信息等）
+3. 集成薪资管理API，实现薪资历史记录查看功能
+4. 集成文件管理API，实现个人征信文件预览和下载
+5. 优化大数据量列表性能和页面间导航
+6. 编写集成测试，验证人才管理功能
+
+**验收标准：**
+- [ ] 人才列表页功能完整，支持按姓名、残疾证号搜索
+- [ ] 人才列表支持按状态、残疾类型筛选和分页展示
+- [ ] 人才详情页展示完整信息（基本信息、工作信息、薪资信息等）
+- [ ] 支持查看薪资历史记录和个人征信文件
+- [ ] 页面设计符合原型标准，与基础框架无缝集成
+
+### 故事011.004：订单管理功能实现
+**背景：** 依赖故事011.001-011.003完成的基础，以及史诗012提供的订单统计API、视频管理API，实现订单管理功能。
+
+**任务列表：**
+1. 实现订单管理页，展示订单列表，支持状态筛选和搜索
+2. 实现订单状态管理（查看、编辑、状态变更）
+3. 实现打卡数据统计功能，显示考勤记录
+4. 实现视频统计功能，关联订单的视频资料可查看
+5. 优化页面加载性能和大数据量处理
+6. 编写集成测试，验证订单管理功能
+
+**验收标准：**
+- [ ] 订单管理页展示订单列表，支持状态筛选和搜索
+- [ ] 支持订单状态管理（查看、编辑、状态变更）
+- [ ] 打卡数据统计功能完整，显示考勤记录
+- [ ] 视频统计功能正常，关联订单的视频资料可查看
+- [ ] 页面设计符合原型标准，与系统其他部分无缝集成
+
+### 故事011.005：数据统计功能实现
+**背景：** 依赖故事011.001-011.004完成的基础，以及史诗012提供的数据统计API，实现数据可视化功能。
 
 **任务列表：**
-1. 实现首页/看板页面，展示企业概览数据、在职人员统计、分配人才列表
-2. 实现人才列表页，支持按姓名、残疾证号搜索，按状态、残疾类型筛选
-3. 实现人才详情页，展示基本信息、工作信息、薪资信息、历史工作内容、个人征信、视频管理
-4. 集成人才相关的API接口（disability_person、order等模块及史诗012补充的API）
-5. 实现薪资信息展示和历史薪资记录查看功能
-6. 添加个人征信信息展示和文件下载功能
+1. 实现数据统计页，展示完整的统计图表集合
+2. 实现残疾类型分布图表，数据准确显示
+3. 实现性别分布、年龄分布、户籍省份分布图表
+4. 支持数据筛选（时间范围、部门等）和图表交互
+5. 优化图表加载性能和移动端显示
+6. 编写集成测试，验证数据统计功能
 
 **验收标准：**
-- [ ] 首页数据展示正确，统计卡片实时更新
-- [ ] 人才列表搜索筛选功能正常，分页可用
-- [ ] 人才详情页信息完整，包含基本信息、工作历史、薪资数据、个人征信、视频列表
-- [ ] 薪资历史记录可查看，数据准确
-- [ ] 个人征信截图可预览和下载
-- [ ] API调用错误处理完善
+- [ ] 数据统计页展示完整的统计图表集合
+- [ ] 残疾类型分布图表正确显示，数据准确
+- [ ] 性别分布、年龄分布、户籍省份分布图表功能正常
+- [ ] 支持数据筛选（时间范围、部门等）和图表交互
+- [ ] 页面设计符合原型标准，图表加载性能良好
 
-### 故事011-03：数据统计与系统管理功能
-**背景：** 依赖史诗012提供的数据统计API、订单统计API、视频管理API和系统设置API，实现数据可视化和管理功能。
+### 故事011.006：视频与系统管理功能实现
+**背景：** 依赖故事011.001-011.005完成的基础，以及史诗012提供的视频管理API，实现视频管理和企业设置功能。注：系统设置API为P2优先级延期功能，企业设置页高级功能需相应调整实现计划。
 
 **任务列表：**
-1. 实现数据统计页，包含残疾类型分布、性别分布、年龄分布、户籍省份分布等图表
-2. 实现订单管理页，展示订单列表、状态管理、打卡数据统计、视频统计
-3. 实现企业设置页，包含企业信息展示、账号管理、安全设置等功能
-4. 实现视频查看下载页，支持企业维度和个人维度的视频管理
-5. 集成订单相关的API接口，支持订单状态管理和数据统计
-6. 添加数据导出和批量下载功能
-7. 完成全面测试和性能优化
+1. 实现视频查看下载页，支持企业维度和个人维度的视频管理
+2. 实现视频操作功能（播放、下载、分享、批量下载）
+3. 实现企业设置页面基础功能（企业信息展示）
+4. 处理系统设置API延期，标记账号管理、安全设置等高级功能为"后期优化"
+5. 优化视频播放体验和大文件处理性能
+6. 编写集成测试，验证视频与系统管理功能
 
 **验收标准：**
-- [ ] 数据统计图表正确显示，数据准确
-- [ ] 订单管理功能完整，支持查看、编辑、打卡数据统计、视频统计
-- [ ] 企业设置页面功能可用，账号信息可管理
-- [ ] 视频管理页面支持播放、下载、分享、批量下载功能
-- [ ] 批量下载功能正常，支持企业维度批量操作
-- [ ] 所有页面响应式设计良好，移动端体验优秀
-- [ ] 性能测试通过，页面加载速度符合要求
+- [ ] 视频查看下载页功能完整，支持企业维度和个人维度的视频管理
+- [ ] 视频支持播放、下载、分享、批量下载功能
+- [ ] 企业设置页面基础功能可用（企业信息展示）
+- [ ] 账号管理、安全设置等高级功能标记为"后期优化"（因系统设置API延期）
+- [ ] 页面设计符合原型标准，与系统其他部分无缝集成
 
 ## 兼容性要求
 
@@ -156,7 +219,7 @@
 
 ## 完成定义
 
-- [ ] 所有3个故事完成，验收标准全部满足
+- [ ] 所有6个故事完成，验收标准全部满足
 - [ ] 8个页面功能完整，符合原型设计要求
 - [ ] API集成测试通过，包括正常流程和异常情况测试
 - [ ] 现有功能回归测试通过，确保无功能退化
@@ -168,11 +231,16 @@
 ## 依赖关系
 
 - 依赖史诗7,8,9,10移植的API模块和UI组件包
-- **依赖史诗012（API补充与数据库扩展）**：提供企业用户认证、企业统计、人才扩展、订单统计、数据统计、视频管理、系统设置等API接口
+- **依赖史诗012（API补充与数据库扩展）**：提供企业用户认证、企业统计、人才扩展、订单统计、数据统计、视频管理等API接口（5/6核心故事完成，系统设置API延期至P2优先级）
 - 依赖现有mini项目的基础框架和构建配置
 - 依赖数据库schema与移植模块保持一致（通过史诗012扩展）
 - 需要测试环境支持，包括API服务和数据库
 
+**史诗012依赖状态（2025-12-17验证）：**
+- ✅ **已就绪**：数据库schema、企业用户认证、企业统计、人才扩展、订单统计、数据统计、视频管理
+- ⚠️ **延期**：系统设置API（P2，非MVP必需）
+- 🚀 **启动建议**：史诗011可以立即开始，故事011.006需调整系统设置相关功能实现
+
 ## 测试策略
 
 1. **单元测试**：对新增组件和工具函数进行Jest单元测试

docs/stories/011.001.story.md

@@ -0,0 +1,139 @@
+# 故事 011.001：基础框架搭建
+
+## 状态
+Draft
+
+## 故事
+**作为**系统开发人员，
+**我希望**建立用人方小程序的基础技术框架，
+**以便**后续页面开发有统一的API客户端、路由和布局基础。
+
+## 验收标准
+
+1. [ ] allin系统模块及史诗012补充API的RPC客户端成功集成到`mini/src/api.ts`
+2. [ ] 用人方小程序的路由结构配置完成，支持页面导航
+3. [ ] 基础布局组件（状态栏、底部导航、页面容器）可用并符合移动端设计
+4. [ ] 企业用户认证框架就绪，支持后续登录页面集成
+5. [ ] 现有mini项目功能不受影响
+
+## 任务 / 子任务
+
+- [ ] 任务1：分析需要集成的API模块（AC：1）
+  - [ ] 识别史诗7,8,9,10移植的allin系统模块：channel、company、disability_person、order、platform、salary等
+  - [ ] 识别史诗012补充的API接口（企业用户认证、企业统计、人才扩展、订单统计、数据统计、视频管理等）
+  - [ ] 确定RPC客户端接口定义和类型
+- [ ] 任务2：扩展`mini/src/api.ts` RPC客户端（AC：1）
+  - [ ] 分析现有`mini/src/api.ts`结构，了解RPC客户端模式
+  - [ ] 添加新的模块客户端，使用`api/v1/yongren`路径前缀
+  - [ ] 确保类型安全，正确导入模块类型
+  - [ ] 验证客户端能够正常调用后端API
+- [ ] 任务3：配置用人方小程序路由结构（AC：2）
+  - [ ] 分析现有mini项目路由配置
+  - [ ] 添加用人方小程序的路由页面映射（8个页面）
+  - [ ] 配置路由守卫框架，支持后续登录状态验证
+  - [ ] 测试基础路由跳转
+- [ ] 任务4：创建基础布局组件（AC：3）
+  - [ ] 参考`docs/小程序原型/yongren.html`设计
+  - [ ] 实现状态栏组件（显示用户信息和系统状态）
+  - [ ] 实现底部导航组件（首页、人才、订单、数据、设置）
+  - [ ] 实现页面容器组件（统一页面布局和样式）
+  - [ ] 确保移动端响应式设计
+- [ ] 任务5：建立企业用户认证框架（AC：4）
+  - [ ] 集成史诗012提供的企业用户认证API客户端
+  - [ ] 创建认证状态管理（token存储、验证）
+  - [ ] 建立权限检查框架
+  - [ ] 为后续登录页面提供基础支持
+- [ ] 任务6：编写基础测试（AC：5）
+  - [ ] 编写RPC客户端单元测试
+  - [ ] 编写路由配置测试
+  - [ ] 编写布局组件测试
+  - [ ] 验证现有功能不受影响的回归测试
+
+## 开发笔记
+
+### 先前故事洞察
+史诗011中无先前故事（这是第一个故事）。依赖史诗012的完成状态：
+- 史诗012已完成5/6核心故事（83%），MVP API就绪 [来源：docs/prd/epic-011-employer-mini-program-implementation.md#状态更新]
+- 延期API：系统设置API（P2优先级，非MVP必需）
+
+### API规范
+**RPC客户端模式**：
+- 现有API客户端位于`mini/src/api.ts`，使用Hono RPC客户端模式 [来源：mini/src/api.ts]
+- 当前已集成的模块：auth、user、role、file [来源：mini/src/api.ts]
+- 需要新增的模块：channel、company、disability_person、order、platform、salary等allin系统模块
+- API路径前缀：`api/v1/yongren` [来源：docs/prd/epic-011-employer-mini-program-implementation.md#集成方式]
+
+**技术栈**：
+- 前端：TypeScript、React、Hono RPC客户端、Tailwind CSS [来源：docs/architecture/tech-stack.md]
+- 测试：Jest（mini项目使用Jest，其他包使用Vitest）[来源：docs/architecture/tech-stack.md]
+
+### 组件规范
+**基础布局组件要求**：
+必须严格对照原型文件 `docs/小程序原型/yongren.html` 中的样式定义实现：
+
+**容器与框架**：
+- `.mobile-frame`：宽度375px，高度667px，圆角40px，阴影 `box-shadow: 0 10px 30px rgba(100, 100, 100, 0.2)`，背景白色
+- **重要区分**：
+  - **系统状态栏**：小程序环境中由宿主（如微信/支付宝）提供，**无需自行实现**
+  - **页面导航栏（Navbar）**：页面内部的标题和操作区域，**需要实现**
+- 页面内容区域：高度 `calc(100% - 60px)`（仅减去底部导航60px）
+
+**页面导航栏（Navbar）样式**：
+- 参照原型中页面顶部的标题区域实现（如数据统计页第880-886行）
+- 典型结构：`flex justify-between items-center mb-4`
+- 左侧标题：`<h3 class="font-semibold text-gray-700">页面标题</h3>`
+- 右侧操作：时间选择器、筛选按钮、新建按钮等
+- 高度建议：44-48px
+
+**底部导航样式**：
+- `.tab-bar`：高度60px，背景白色，顶部边框 `1px solid #f0f0f0`
+- `.tab-item`：flex列布局，字体大小12px，默认颜色 `#999`
+- `.tab-item.active`：激活状态颜色 `#3b82f6`
+
+**颜色系统**：
+- 主色调：`#3b82f6`（蓝色），渐变背景 `linear-gradient(135deg, #3b82f6 0%, #1e40af 100%)`
+- 辅助色：成功色 `#10b981`（绿色），警告色 `#f59e0b`（橙色），强调色 `#8b5cf6`（紫色）
+- 文字色：标题 `#1f2937`，正文 `#6b7280`，辅助文字 `#9ca3af`
+
+**卡片与阴影**：
+- `.card`：圆角12px，阴影 `box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05)`
+- 统计卡片：圆角12px，阴影 `box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05)`，padding 16px
+
+**UI组件复用**：
+- 复用史诗008移植的`@d8d/allin-*`系列UI组件包 [来源：docs/prd/epic-011-employer-mini-program-implementation.md#集成方式]
+- 必须遵循UI包开发规范，特别是API路径映射验证 [来源：docs/architecture/coding-standards.md#ui包开发提示]
+
+### 文件位置
+**mini项目结构**：
+- `mini/src/api.ts` - API客户端主文件，需要扩展
+- `mini/src/pages/` - 页面组件目录，需要新增用人方小程序页面
+- `mini/src/layouts/` - 布局组件目录，可添加标签栏布局
+- `mini/src/components/` - 公共组件目录，可添加基础布局组件
+
+**设计原型位置**：
+- `docs/小程序原型/yongren.html` - 用人方小程序完整原型设计 [来源：docs/prd/epic-011-employer-mini-program-implementation.md#页面功能基于]
+
+### 技术约束
+- **兼容性要求**：现有mini项目功能不受影响（登录、注册、个人资料等）[来源：docs/prd/epic-011-employer-mini-program-implementation.md#兼容性要求]
+- **API客户端模式**：遵循现有`api.ts` RPC客户端模式，新增客户端与原有客户端兼容
+- **路由结构**：保持路由结构的统一性，新增路由不影响现有路由
+
+### 测试要求
+- 测试框架：Jest（mini项目）[来源：docs/prd/epic-011-employer-mini-program-implementation.md#技术栈]
+- 覆盖率目标：核心业务逻辑 > 80% [来源：docs/architecture/coding-standards.md#增强特定标准]
+- 关键测试场景：
+  1. API客户端测试：验证RPC客户端正常调用
+  2. 路由测试：测试页面导航
+  3. 布局组件测试：测试组件渲染和交互
+  4. 兼容性测试：验证现有功能不受影响
+
+## 变更日志
+| 日期 | 版本 | 描述 | 作者 |
+|------|------|------|------|
+| 2025-12-17 | 1.0 | 初始创建（拆分后的基础框架故事） | Bob（Scrum Master） |
+
+## 开发代理记录
+*此部分由开发代理在实施过程中填充*
+
+## QA结果
+*来自QA代理对已完成故事实施的QA审查结果*

docs/stories/011.002.story.md

@@ -0,0 +1,188 @@
+# 故事 011.002：认证与首页实现
+
+## 状态
+Draft
+
+## 故事
+**作为**企业用户，
+**我希望**通过手机号密码登录小程序并查看企业概览数据，
+**以便**快速了解公司残疾人就业管理情况。
+
+## 验收标准
+
+1. [ ] 登录页面功能完整，支持企业用户手机号密码登录
+2. [ ] 登录状态管理正常，token存储和验证可靠
+3. [ ] 首页/看板页面展示企业概览数据（在职人员统计、分配人才列表等）
+4. [ ] 页面设计符合原型标准，移动端体验良好
+5. [ ] 与基础框架（故事011.001）无缝集成
+
+## 任务 / 子任务
+
+- [ ] 任务1：实现登录页面（AC：1,2）
+  - [ ] 创建登录页面组件，包含手机号、密码输入框
+  - [ ] 集成史诗012提供的企业用户认证API
+  - [ ] 实现表单验证（手机号格式、密码强度）
+  - [ ] 添加登录错误处理和加载状态
+  - [ ] 实现登录成功后的token存储和状态更新
+- [ ] 任务2：完善认证状态管理（AC：2）
+  - [ ] 基于故事011.001的认证框架，完善状态管理
+  - [ ] 实现自动token刷新机制
+  - [ ] 添加登录状态检查中间件
+  - [ ] 实现登出功能
+- [ ] 任务3：实现首页/看板页面（AC：3,4）
+  - [ ] 创建首页页面组件，使用基础布局组件
+  - [ ] 集成企业统计API（史诗012提供）
+  - [ ] 实现数据卡片组件：在职人员统计、待分配人才数、本月订单数等
+  - [ ] 实现分配人才列表组件（近期分配的人才信息）
+  - [ ] 添加数据刷新和加载状态
+- [ ] 任务4：优化用户体验（AC：4）
+  - [ ] 参考原型设计：`docs/小程序原型/yongren.html`
+  - [ ] 确保移动端响应式设计和交互友好
+  - [ ] 添加页面过渡动画和加载提示
+  - [ ] 优化表单输入体验
+- [ ] 任务5：编写集成测试（AC：5）
+  - [ ] 编写登录流程集成测试
+  - [ ] 编写首页数据展示测试
+  - [ ] 测试认证状态管理
+  - [ ] 验证与基础框架的集成
+
+## 开发笔记
+
+### 依赖关系
+**依赖故事011.001（基础框架搭建）**：
+- 需要故事011.001完成后才能开始本故事
+- 将使用故事011.001提供的：API客户端、路由配置、基础布局组件、认证框架
+
+### API规范
+**企业用户认证API**（史诗012提供）：
+- 企业用户手机号密码登录接口
+- 企业用户token验证接口
+- 用户信息获取接口
+
+**企业统计API**（史诗012提供）：
+- 企业概览数据接口（在职人员统计、待分配人才等）
+- 实时数据更新接口
+
+**技术集成**：
+- 使用故事011.001集成的RPC客户端
+- 遵循现有`mini/src/api.ts`的RPC客户端模式
+- API路径前缀：`api/v1/yongren`
+
+### 组件规范
+**登录页面设计规范**：
+必须严格对照原型文件 `docs/小程序原型/yongren.html` 第218-260行的登录页面设计实现：
+
+**页面结构**：
+1. **注意**：小程序环境中状态栏由宿主提供，无需自行实现
+2. 内容区域：`h-full flex flex-col justify-center p-8`
+
+**Logo区域**（第232-235行）：
+- 标题：`<h1 class="text-2xl font-bold text-gray-800 mb-2">残疾人就业平台</h1>`
+- 副标题：`<p class="text-gray-600">为人力资源公司提供专业服务</p>`
+- 布局：`text-center mb-10`
+
+**表单区域**（第237-246行）：
+- 表单容器：`mb-6`
+- 输入框容器：`flex items-center border border-gray-300 rounded-lg px-4 py-3 mb-4`
+- 手机号输入框：图标 `<i class="fas fa-phone text-gray-400 mr-3"></i>`，输入框 `<input type="tel" placeholder="请输入手机号" class="w-full outline-none">`
+- 密码输入框：图标 `<i class="fas fa-lock text-gray-400 mr-3"></i>`，输入框 `<input type="password" placeholder="请输入密码" class="w-full outline-none">`
+
+**登录按钮**（第248行）：
+- `<button class="gradient-bg text-white w-full py-3 rounded-lg font-medium mb-4">登录</button>`
+- 使用渐变背景（见基础样式规范）
+
+**辅助链接**（第250-256行）：
+- 忘记密码：`<a href="#" class="text-sm text-blue-500">忘记密码？</a>`，布局 `text-center`
+- 协议提示：`<div class="mt-12 text-center text-gray-500 text-sm">`
+- 协议链接：`<span class="text-blue-500">《用户协议》</span>` 和 `<span class="text-blue-500">《隐私政策》</span>`
+
+**首页/看板页面设计规范**：
+必须严格对照原型文件 `docs/小程序原型/yongren.html` 第261-418行的首页设计实现：
+
+**页面结构**：
+- **注意**：小程序环境中状态栏由宿主提供，无需自行实现
+- 内容区域：`h-[calc(100%-60px)] overflow-y-auto p-4`（仅减去底部导航60px）
+- 底部导航：使用基础布局组件的底部导航，首页标签激活状态
+
+**顶部信息栏**（第276-300行）：
+- 容器：`gradient-bg text-white rounded-2xl p-5 mb-4`
+- 企业信息区域：`flex justify-between items-center`
+  - 左侧：欢迎文案 `<p class="text-sm opacity-80">欢迎回来</p>`，企业名称 `<h2 class="text-xl font-bold">阿里巴巴集团</h2>`
+  - 右侧：企业图标 `<div class="w-12 h-12 rounded-full bg-white/20 flex items-center justify-center"><i class="fas fa-building text-white text-xl"></i></div>`
+- 统计卡片区域：`mt-4 flex justify-between`，三个卡片横向排列
+  - 每个卡片：`text-center`，数字 `<p class="text-2xl font-bold">24</p>`，标签 `<p class="text-xs opacity-80">在职人员</p>`
+
+**快速操作网格**（第303-320行）：
+- 容器：`grid grid-cols-4 gap-3 mb-4`
+- 操作卡片：`bg-blue-50 rounded-xl p-3 text-center`（四种颜色：blue-50, green-50, purple-50, yellow-50）
+- 图标：`fas fa-user-friends text-blue-500 text-lg mb-1`（对应操作）
+- 文字：`text-xs text-gray-700`
+
+**人才列表区域**（第323-376行）：
+- 标题区域：`flex justify-between items-center mb-3`，标题 `<h3 class="font-semibold text-gray-700">分配人才</h3>`，链接 `<a href="#" class="text-xs text-blue-500">查看全部</a>`
+- 人才卡片容器：`space-y-3`
+- 人才卡片：`person-card card bg-white p-4 flex items-center`
+  - 头像区域：`name-avatar blue`（颜色类：blue, green, purple, orange），显示姓氏
+  - 信息区域：`flex-1`
+    - 顶部：`flex justify-between items-start`
+      - 姓名：`<h4 class="font-semibold text-gray-800">张明</h4>`
+      - 残疾信息：`<p class="text-xs text-gray-500">肢体残疾 · 三级</p>`
+      - 状态标签：`<span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">在职</span>`
+    - 底部：`mt-2`
+      - 信息行：`flex justify-between text-xs text-gray-500 mb-1`，显示入职时间、薪资
+      - 进度条：使用 `.progress-bar` 和 `.progress-fill` 样式
+
+**数据统计卡片**（第379-394行）：
+- 标题：`<h3 class="font-semibold text-gray-700 mb-3">数据统计</h3>`
+- 网格：`grid grid-cols-2 gap-3`
+- 统计卡片：`stat-card`（见基础样式规范）
+  - 左侧卡片：包含脉冲点 `.pulse-dot`，标签 `<p class="text-sm text-gray-600">在职率</p>`，数值 `<p class="text-2xl font-bold text-gray-800">92%</p>`
+  - 右侧卡片：标签 `<p class="text-sm text-gray-600 mb-2">平均薪资</p>`，数值 `<p class="text-2xl font-bold text-gray-800">¥4,650</p>`
+
+**UI组件使用**：
+- 复用史诗008移植的`@d8d/allin-*`系列UI组件包
+- 使用基础表单组件、卡片组件、表格组件
+- 遵循UI包开发规范 [来源：docs/architecture/coding-standards.md#ui包开发提示]
+
+### 文件位置
+**页面组件位置**：
+- `mini/src/pages/yongren/login/` - 登录页面组件
+- `mini/src/pages/yongren/dashboard/` - 首页/看板页面组件
+
+**状态管理位置**：
+- `mini/src/stores/auth.ts` - 认证状态管理
+- `mini/src/hooks/useAuth.ts` - 认证相关hooks
+
+### 技术约束
+- **安全性**：密码传输需加密，token存储安全
+- **性能**：首页数据加载需快速，使用缓存策略
+- **错误处理**：网络错误、认证失败等场景需友好提示
+- **兼容性**：与现有mini项目登录页面（普通用户登录）不冲突
+
+### 测试要求
+**测试框架**：Jest + Testing Library
+**关键测试场景**：
+1. **登录功能测试**：
+   - 正常登录流程
+   - 错误手机号格式
+   - 错误密码
+   - 网络异常
+2. **首页功能测试**：
+   - 数据加载和展示
+   - 数据刷新
+   - 空状态处理
+3. **集成测试**：
+   - 从登录到首页的完整流程
+   - 认证状态持久化
+   - 与故事011.001组件的集成
+
+## 变更日志
+| 日期 | 版本 | 描述 | 作者 |
+|------|------|------|------|
+| 2025-12-17 | 1.0 | 初始创建（拆分后的认证与首页故事） | Bob（Scrum Master） |
+
+## 开发代理记录
+*此部分由开发代理在实施过程中填充*
+
+## QA结果
+*来自QA代理对已完成故事实施的QA审查结果*

docs/stories/011.003.story.md

@@ -0,0 +1,229 @@
+# 故事 011.003：人才管理功能实现
+
+## 状态
+Draft
+
+## 故事
+**作为**企业用户，
+**我希望**查看和管理残疾人人才信息，
+**以便**进行人才分配和就业管理。
+
+## 验收标准
+
+1. [ ] 人才列表页功能完整，支持按姓名、残疾证号搜索
+2. [ ] 人才列表支持按状态、残疾类型筛选和分页展示
+3. [ ] 人才详情页展示完整信息（基本信息、工作信息、薪资信息等）
+4. [ ] 支持查看薪资历史记录和个人征信文件
+5. [ ] 页面设计符合原型标准，与基础框架无缝集成
+
+## 任务 / 子任务
+
+- [ ] 任务1：实现人才列表页（AC：1,2）
+  - [ ] 创建人才列表页面组件，使用基础布局组件
+  - [ ] 集成残疾人才API（disability_person模块）
+  - [ ] 实现搜索功能（姓名、残疾证号）
+  - [ ] 实现筛选功能（工作状态、残疾类型）
+  - [ ] 实现分页和表格展示
+  - [ ] 添加加载状态和错误处理
+- [ ] 任务2：实现人才详情页（AC：3）
+  - [ ] 创建人才详情页面组件
+  - [ ] 展示基本信息（姓名、性别、年龄、残疾信息等）
+  - [ ] 展示工作信息（当前岗位、入职时间等）
+  - [ ] 展示薪资信息（当前薪资、薪资结构）
+  - [ ] 集成多个API获取完整数据（人才、订单、薪资等模块）
+- [ ] 任务3：实现薪资历史查看功能（AC：4）
+  - [ ] 集成薪资管理API（salary模块）
+  - [ ] 展示薪资历史记录表格
+  - [ ] 支持按时间范围筛选
+  - [ ] 添加薪资趋势图表
+- [ ] 任务4：实现个人征信管理（AC：4）
+  - [ ] 集成文件管理API（file模块）
+  - [ ] 展示个人征信文件列表
+  - [ ] 支持文件预览和下载
+  - [ ] 添加文件上传功能（如有权限）
+- [ ] 任务5：优化用户体验（AC：5）
+  - [ ] 参考原型设计：`docs/小程序原型/yongren.html`中的人才管理页面
+  - [ ] 确保页面间导航流畅
+  - [ ] 优化大数据量列表性能
+  - [ ] 添加数据导出功能（如有需求）
+- [ ] 任务6：编写集成测试
+  - [ ] 编写人才搜索筛选测试
+  - [ ] 编写详情页数据展示测试
+  - [ ] 测试多模块API集成
+  - [ ] 验证与基础框架的集成
+
+## 开发笔记
+
+### 依赖关系
+**依赖故事**：
+- 011.001（基础框架搭建）：提供API客户端、路由、基础布局
+- 011.002（认证与首页）：提供认证状态管理
+- 需要登录后才能访问人才管理功能
+
+### API规范
+**残疾人才API**（disability_person模块）：
+- 人才列表查询接口（支持搜索、筛选、分页）
+- 人才详情查询接口
+- 人才统计接口
+
+**订单管理API**（order模块）：
+- 人才工作信息查询接口
+- 订单历史查询接口
+
+**薪资管理API**（salary模块）：
+- 薪资记录查询接口
+- 薪资历史接口
+
+**文件管理API**（file模块）：
+- 文件列表查询接口
+- 文件下载接口
+- 文件预览接口
+
+**技术集成**：
+- 使用故事011.001集成的RPC客户端
+- API路径前缀：`api/v1/yongren`
+
+### 组件规范
+**人才列表页设计规范**：
+必须严格对照原型文件 `docs/小程序原型/yongren.html` 第419-560行的人才列表页面设计实现：
+
+**页面结构**：
+- **注意**：小程序环境中状态栏由宿主提供，无需自行实现
+- 内容区域：`h-[calc(100%-60px)] overflow-y-auto`（仅减去底部导航60px）
+- 底部导航：人才标签激活状态
+
+**搜索和筛选区域**（第434-447行）：
+- 容器：`p-4 border-b border-gray-200`
+- 搜索框：`flex items-center bg-gray-100 rounded-lg px-4 py-2 mb-3`
+  - 搜索图标：`<i class="fas fa-search text-gray-400 mr-2"></i>`
+  - 输入框：`<input type="text" placeholder="搜索姓名、残疾证号..." class="w-full bg-transparent outline-none">`
+- 筛选标签区域：`flex space-x-2 overflow-x-auto pb-2`
+  - 标签样式：`bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full whitespace-nowrap`（激活状态）
+  - 非激活标签：`bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full whitespace-nowrap`
+  - 标签内容：全部、在职、待入职、离职、肢体残疾、听力残疾等
+
+**列表标题区域**（第451-461行）：
+- 容器：`flex justify-between items-center mb-4`
+- 标题：`<h3 class="font-semibold text-gray-700">全部人才 (32)</h3>`
+- 操作按钮：`flex space-x-2`
+  - 排序按钮：`<button class="text-gray-500"><i class="fas fa-sort"></i></button>`
+  - 筛选按钮：`<button class="text-gray-500"><i class="fas fa-filter"></i></button>`
+
+**人才卡片列表**（第463-560行）：
+- 容器：`space-y-3`
+- 人才卡片：`person-card card bg-white p-4 flex items-center`（复用基础样式）
+  - 头像：`name-avatar blue`（颜色类：blue, green, purple等），显示姓氏
+  - 信息区域：`flex-1`
+    - 顶部：`flex justify-between items-start`
+      - 姓名：`<h4 class="font-semibold text-gray-800">张明</h4>`
+      - 详细信息：`<p class="text-xs text-gray-500">肢体残疾 · 三级 · 男 · 28岁</p>`
+      - 状态标签：`<span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">在职</span>`
+    - 底部：`mt-2 flex justify-between text-xs text-gray-500`
+      - 左侧：入职时间 `入职: 2023-08-15`
+      - 右侧：薪资 `薪资: ¥4,800`
+
+**人才详情页设计规范**：
+必须严格对照原型文件 `docs/小程序原型/yongren.html` 第561-864行的人才详情页面设计实现：
+
+**页面结构**：
+- **注意**：小程序环境中状态栏由宿主提供，无需自行实现
+- 内容区域：`h-[calc(100%-60px)] overflow-y-auto`（仅减去底部导航60px）
+- 底部导航：人才标签激活状态
+
+**顶部信息区域**（第576-605行）：
+- 容器：`gradient-bg text-white p-5`
+- 头部区域：`flex justify-between items-start`
+  - 左侧：`flex items-center`
+    - 头像：`w-16 h-16 rounded-full border-2 border-white mr-4 flex items-center justify-center bg-blue-500 text-white text-2xl font-bold`，显示姓氏
+    - 姓名信息：`<h2 class="text-xl font-bold">张明</h2>`，`<p class="text-sm opacity-80">肢体残疾 · 三级 · 在职</p>`
+  - 右侧：操作按钮 `bg-white/20 rounded-full p-2`，图标 `<i class="fas fa-ellipsis-v text-white"></i>`
+- 统计卡片区域：`mt-4 flex justify-between`，三个卡片横向排列
+  - 每个卡片：`text-center`，数值 `<p class="text-2xl font-bold">¥4,800</p>`，标签 `<p class="text-xs opacity-80">当前薪资</p>`
+  - 其他卡片：在职天数、出勤率
+
+**详细信息区域**（第608-864行）：
+- 容器：`p-4`
+
+**基本信息卡片**（第610-634行）：
+- 容器：`card bg-white p-4 mb-4`
+- 标题：`<h3 class="font-semibold text-gray-700 mb-3">基本信息</h3>`
+- 网格布局：`grid grid-cols-2 gap-3 text-sm`
+  - 每个字段：标签 `<p class="text-gray-500">性别</p>`，值 `<p class="text-gray-800">男</p>`
+  - 字段包括：性别、年龄、身份证号、残疾证号（2列布局）
+  - 联系地址：`col-span-2` 跨两列
+
+**工作信息卡片**（第637-657行）：
+- 容器：`card bg-white p-4 mb-4`
+- 标题：`<h3 class="font-semibold text-gray-700 mb-3">工作信息</h3>`
+- 列表布局：`space-y-3 text-sm`
+  - 每行：`flex justify-between`
+    - 标签：`<p class="text-gray-500">入职日期</p>`
+    - 值：`<p class="text-gray-800">2023-08-15</p>` 或状态标签 `<span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">在职</span>`
+  - 字段包括：入职日期、工作状态、所属订单、岗位类型
+
+**薪资信息卡片**（第660-...行）：
+- 容器：`card bg-white p-4 mb-4`
+- 标题：`<h3 class="font-semibold text-gray-700 mb-3">薪资信息</h3>`
+- 列表布局：类似工作信息卡片
+- 字段包括：当前薪资、薪资结构、发薪日、薪资历史等
+
+**个人征信文件区域**（原型中可能在其他位置）：
+- 文件列表展示，支持预览和下载
+- 集成文件管理API
+
+**UI组件使用**：
+- 复用`@d8d/allin-disability-person-management-ui`UI包
+- 使用表格组件、表单组件、卡片组件
+- 遵循UI包开发规范 [来源：docs/architecture/coding-standards.md#ui包开发提示]
+
+### 文件位置
+**页面组件位置**：
+- `mini/src/pages/yongren/talent/list/` - 人才列表页面
+- `mini/src/pages/yongren/talent/detail/` - 人才详情页面
+
+**业务组件位置**：
+- `mini/src/components/talent/` - 人才相关业务组件
+  - `TalentSearch.tsx` - 搜索组件
+  - `TalentFilter.tsx` - 筛选组件
+  - `TalentTable.tsx` - 表格组件
+  - `SalaryHistory.tsx` - 薪资历史组件
+
+### 数据模型
+基于史诗012扩展的数据库schema：
+- `disabled_person`表已添加`birth_date`字段，用于准确年龄计算 [来源：docs/stories/012.001.story.md#数据模型]
+- `order_person_asset`表的`asset_type`枚举已扩展视频类型 [来源：docs/stories/012.001.story.md#数据模型]
+- `users2`表已添加`company_id`字段，用于关联企业用户 [来源：docs/stories/012.001.story.md#数据模型]
+
+### 技术约束
+- **性能优化**：人才列表可能数据量大，需要分页和虚拟滚动
+- **数据一致性**：详情页涉及多个API模块，需处理数据同步
+- **权限控制**：不同企业只能查看自己关联的人才
+- **错误处理**：API调用失败时的降级方案
+
+### 测试要求
+**测试框架**：Jest + Testing Library
+**关键测试场景**：
+1. **列表页测试**：
+   - 搜索功能测试
+   - 筛选功能测试
+   - 分页功能测试
+   - 表格渲染性能测试
+2. **详情页测试**：
+   - 多模块数据加载测试
+   - 页面标签切换测试
+   - 文件预览下载测试
+3. **集成测试**：
+   - 从列表到详情的完整流程
+   - 多API模块协同测试
+   - 权限验证测试
+
+## 变更日志
+| 日期 | 版本 | 描述 | 作者 |
+|------|------|------|------|
+| 2025-12-17 | 1.0 | 初始创建（人才管理故事） | Bob（Scrum Master） |
+
+## 开发代理记录
+*此部分由开发代理在实施过程中填充*
+
+## QA结果
+*来自QA代理对已完成故事实施的QA审查结果*

docs/stories/011.004.story.md

@@ -0,0 +1,216 @@
+# 故事 011.004：订单管理功能实现
+
+## 状态
+Draft
+
+## 故事
+**作为**企业用户，
+**我希望**管理残疾人就业订单和查看打卡数据，
+**以便**跟踪就业进展和进行薪资核算。
+
+## 验收标准
+
+1. [ ] 订单管理页展示订单列表，支持状态筛选和搜索
+2. [ ] 支持订单状态管理（查看、编辑、状态变更）
+3. [ ] 打卡数据统计功能完整，显示考勤记录
+4. [ ] 视频统计功能正常，关联订单的视频资料可查看
+5. [ ] 页面设计符合原型标准，与系统其他部分无缝集成
+
+## 任务 / 子任务
+
+- [ ] 任务1：实现订单列表页（AC：1）
+  - [ ] 创建订单管理页面组件，使用基础布局组件
+  - [ ] 集成订单管理API（order模块）
+  - [ ] 实现订单表格展示（订单号、人才姓名、岗位、状态、创建时间等）
+  - [ ] 实现订单搜索功能（按订单号、人才姓名搜索）
+  - [ ] 实现状态筛选（进行中、已完成、已取消等）
+  - [ ] 添加分页和排序功能
+- [ ] 任务2：实现订单状态管理（AC：2）
+  - [ ] 创建订单详情模态框或页面
+  - [ ] 展示订单完整信息（基础信息、关联人才、岗位详情等）
+  - [ ] 实现订单状态变更功能（需权限验证）
+  - [ ] 添加订单备注和操作日志
+  - [ ] 实现订单编辑功能（如有权限）
+- [ ] 任务3：实现打卡数据统计（AC：3）
+  - [ ] 集成订单统计API（史诗012提供）
+  - [ ] 展示打卡数据统计卡片（出勤率、迟到早退统计等）
+  - [ ] 实现打卡日历或时间线视图
+  - [ ] 支持按时间范围筛选打卡数据
+  - [ ] 添加打卡数据导出功能
+- [ ] 任务4：实现视频统计功能（AC：4）
+  - [ ] 集成视频管理API（史诗012提供）
+  - [ ] 展示订单关联视频列表
+  - [ ] 支持视频播放、下载、分享
+  - [ ] 实现视频统计卡片（视频数量、类型分布）
+  - [ ] 添加批量视频下载功能
+- [ ] 任务5：优化用户体验（AC：5）
+  - [ ] 参考原型设计：`docs/小程序原型/yongren.html`中的订单管理页面
+  - [ ] 确保页面加载性能，大数据量优化
+  - [ ] 添加数据刷新和实时更新
+  - [ ] 优化移动端表格交互
+- [ ] 任务6：编写集成测试
+  - [ ] 编写订单列表功能测试
+  - [ ] 编写订单状态管理测试
+  - [ ] 测试打卡数据统计功能
+  - [ ] 测试视频管理功能
+
+## 开发笔记
+
+### 依赖关系
+**依赖故事**：
+- 011.001（基础框架搭建）：提供API客户端、路由、基础布局
+- 011.002（认证与首页）：提供认证状态管理
+- 011.003（人才管理）：订单与人才关联，可能需要人才选择功能
+
+### API规范
+**订单管理API**（order模块）：
+- 订单列表查询接口（支持搜索、筛选、分页）
+- 订单详情查询接口
+- 订单状态更新接口
+- 订单创建/编辑接口（如有权限）
+
+**订单统计API**（史诗012提供）：
+- 打卡数据统计接口
+- 考勤分析接口
+- 订单完成率统计
+
+**视频管理API**（史诗012提供）：
+- 视频列表查询接口（按订单筛选）
+- 视频播放/下载接口
+- 视频统计接口
+
+**技术集成**：
+- 使用故事011.001集成的RPC客户端
+- API路径前缀：`api/v1/yongren`
+
+### 组件规范
+**订单管理页设计规范**：
+必须严格对照原型文件 `docs/小程序原型/yongren.html` 第1114-1301行的订单管理页面设计实现：
+
+**页面结构**：
+- **注意**：小程序环境中状态栏由宿主提供，无需自行实现
+- 内容区域：`h-[calc(100%-60px)] overflow-y-auto`（仅减去底部导航60px）
+- 底部导航：订单标签激活状态（原型中未显示底部导航，但应使用基础布局）
+
+**订单筛选区域**（第1129-1136行）：
+- 容器：`p-4 border-b border-gray-200`
+- 筛选标签区域：`flex space-x-2 overflow-x-auto pb-2`
+  - 标签样式：`bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full whitespace-nowrap`（激活状态）
+  - 非激活标签：`bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full whitespace-nowrap`
+  - 标签内容：全部订单、进行中、已完成、已取消
+
+**列表标题区域**（第1140-1145行）：
+- 容器：`flex justify-between items-center mb-4`
+- 标题：`<h3 class="font-semibold text-gray-700">订单列表</h3>`
+- 新建订单按钮：`bg-blue-500 text-white text-xs px-3 py-1 rounded-lg`
+  - 图标：`<i class="fas fa-plus mr-1"></i>`
+  - 文字："新建订单"
+
+**订单卡片列表**（第1147-1301行）：
+- 容器：`space-y-4`
+- 订单卡片：`card bg-white p-4`
+
+**订单卡片头部**（第1150-1156行）：
+- 容器：`flex justify-between items-start mb-3`
+  - 左侧：订单名称 `<h4 class="font-semibold text-gray-800">阿里巴巴2023-11</h4>`，创建时间 `<p class="text-xs text-gray-500">2023-11-01 创建</p>`
+  - 右侧：状态标签 `<span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">进行中</span>`
+
+**订单信息网格**（第1157-1174行）：
+- 容器：`grid grid-cols-2 gap-3 text-sm mb-3`
+- 每个字段：标签 `<p class="text-gray-500">预计人数</p>`，值 `<p class="text-gray-800">30人</p>`
+- 字段包括：预计人数、实际人数、开始日期、预计结束日期
+
+**打卡数据统计网格**（第1176-1192行）：
+- 容器：`grid grid-cols-3 gap-2 mb-3`
+- 统计卡片：`bg-blue-50 rounded-lg p-2 text-center`（三种颜色：blue-50, green-50, purple-50）
+  - 标题：`<p class="text-xs text-gray-600">本月打卡</p>`
+  - 数值：`<p class="text-sm font-bold text-gray-800">24/30</p>`
+  - 百分比：`<p class="text-xs text-gray-500">80%</p>`
+- 统计类型：本月打卡、工资视频、个税视频
+
+**操作按钮区域**（第1193-1200行）：
+- 容器：`flex justify-between text-sm`
+  - 查看详情按钮：`text-blue-500`，图标 `<i class="fas fa-eye mr-1"></i>`，文字"查看详情"
+  - 下载视频按钮：`text-gray-500`，图标 `<i class="fas fa-download mr-1"></i>`，文字"下载视频"
+
+**订单详情设计规范**：
+原型文件中没有单独的订单详情页面，需要基于人才详情页面（页面4）的设计风格创建：
+
+**设计原则**：
+- 遵循人才详情页的卡片式布局和信息分组方式
+- 使用相同的颜色系统、字体大小和间距规范
+- 保持一致的交互模式（返回列表、操作按钮等）
+
+**建议页面结构**：
+1. **顶部信息区域**：类似人才详情页，显示订单名称、状态、创建时间等关键信息
+2. **基本信息卡片**：订单编号、创建时间、预计人数、实际人数、时间范围等
+3. **关联人才卡片**：显示订单关联的人才列表（可点击跳转人才详情）
+4. **打卡记录卡片**：按月显示打卡统计，支持查看详细打卡记录
+5. **视频资料卡片**：分类显示关联视频（工资视频、个税视频等），支持播放下载
+6. **操作区域**：状态变更、添加备注、下载报告等操作按钮
+
+**样式参考**：
+- 卡片样式：使用 `.card bg-white p-4 mb-4`
+- 标题样式：`<h3 class="font-semibold text-gray-700 mb-3">`
+- 字段布局：`grid grid-cols-2 gap-3 text-sm` 或 `space-y-3 text-sm`
+- 状态标签：复用现有标签样式（绿色-进行中、蓝色-已完成等）
+
+**UI组件使用**：
+- 复用`@d8d/allin-order-management-ui`UI包
+- 使用表格组件、表单组件、统计卡片组件
+- 遵循UI包开发规范 [来源：docs/architecture/coding-standards.md#ui包开发提示]
+
+### 文件位置
+**页面组件位置**：
+- `mini/src/pages/yongren/order/list/` - 订单列表页面
+- `mini/src/pages/yongren/order/detail/` - 订单详情页面（或模态框）
+
+**业务组件位置**：
+- `mini/src/components/order/` - 订单相关业务组件
+  - `OrderStatsCards.tsx` - 订单统计卡片
+  - `OrderSearchFilter.tsx` - 搜索筛选组件
+  - `OrderTable.tsx` - 订单表格组件
+  - `AttendanceCalendar.tsx` - 打卡日历组件
+
+### 数据模型
+基于史诗012扩展的数据库schema：
+- `order_person_asset`表的`asset_type`枚举已扩展视频类型 [来源：docs/stories/012.001.story.md#数据模型]
+  - 新增视频类型：`salary_video`、`tax_video`、`checkin_video`、`work_video`
+- 订单与人才、企业、岗位的多重关联关系
+
+### 技术约束
+- **数据权限**：企业只能查看和管理自己的订单
+- **状态流转**：订单状态变更需符合业务流程规则
+- **性能考虑**：打卡数据可能量大，需分页或懒加载
+- **视频处理**：视频播放需考虑格式兼容性和加载性能
+
+### 测试要求
+**测试框架**：Jest + Testing Library
+**关键测试场景**：
+1. **订单列表测试**：
+   - 搜索筛选功能测试
+   - 分页排序测试
+   - 表格渲染性能测试
+2. **订单管理测试**：
+   - 订单状态变更流程测试
+   - 权限验证测试
+   - 数据一致性测试
+3. **打卡统计测试**：
+   - 数据统计准确性测试
+   - 时间范围筛选测试
+   - 数据导出功能测试
+4. **视频管理测试**：
+   - 视频列表展示测试
+   - 视频播放功能测试
+   - 批量操作测试
+
+## 变更日志
+| 日期 | 版本 | 描述 | 作者 |
+|------|------|------|------|
+| 2025-12-17 | 1.0 | 初始创建（订单管理故事） | Bob（Scrum Master） |
+
+## 开发代理记录
+*此部分由开发代理在实施过程中填充*
+
+## QA结果
+*来自QA代理对已完成故事实施的QA审查结果*

docs/stories/011.005.story.md

@@ -0,0 +1,196 @@
+# 故事 011.005：数据统计功能实现
+
+## 状态
+Draft
+
+## 故事
+**作为**企业用户，
+**我希望**查看企业残疾人就业的数据统计图表，
+**以便**进行数据分析和决策支持。
+
+## 验收标准
+
+1. [ ] 数据统计页展示完整的统计图表集合
+2. [ ] 残疾类型分布图表正确显示，数据准确
+3. [ ] 性别分布、年龄分布、户籍省份分布图表功能正常
+4. [ ] 支持数据筛选（时间范围、部门等）和图表交互
+5. [ ] 页面设计符合原型标准，图表加载性能良好
+
+## 任务 / 子任务
+
+- [ ] 任务1：实现数据统计页面框架（AC：1）
+  - [ ] 创建数据统计页面组件，使用基础布局组件
+  - [ ] 设计图表布局（网格或选项卡布局）
+  - [ ] 实现页面标题和筛选条件区域
+  - [ ] 添加图表加载状态和错误提示
+- [ ] 任务2：实现残疾类型分布图表（AC：2）
+  - [ ] 集成数据统计API（史诗012提供）
+  - [ ] 实现饼图或环形图展示残疾类型分布
+  - [ ] 添加图例和百分比显示
+  - [ ] 支持图表点击交互（查看详情）
+  - [ ] 添加数据表格展示（可选）
+- [ ] 任务3：实现人口统计图表组（AC：3）
+  - [ ] 实现性别分布图表（饼图或柱状图）
+  - [ ] 实现年龄分布图表（柱状图，按年龄段分组）
+  - [ ] 实现户籍省份分布图表（地图或条形图）
+  - [ ] 添加图表联动和筛选功能
+  - [ ] 优化多图表同时加载的性能
+- [ ] 任务4：实现数据筛选和交互功能（AC：4）
+  - [ ] 添加时间范围筛选器（年、月、季度）
+  - [ ] 添加部门/岗位筛选器（如有多部门）
+  - [ ] 实现图表数据下钻功能（如点击省份查看城市分布）
+  - [ ] 添加数据导出功能（图表图片、数据表格）
+  - [ ] 实现图表类型切换（如柱状图/折线图切换）
+- [ ] 任务5：优化性能和用户体验（AC：5）
+  - [ ] 参考原型设计：`docs/小程序原型/yongren.html`中的数据统计页面
+  - [ ] 实现图表懒加载和渐进式渲染
+  - [ ] 添加图表数据缓存机制
+  - [ ] 优化移动端图表显示和交互
+  - [ ] 确保页面加载速度符合性能要求
+- [ ] 任务6：编写集成测试
+  - [ ] 编写图表数据加载测试
+  - [ ] 测试数据筛选功能
+  - [ ] 测试图表交互功能
+  - [ ] 性能测试（大数据量图表渲染）
+
+## 开发笔记
+
+### 依赖关系
+**依赖故事**：
+- 011.001（基础框架搭建）：提供API客户端、路由、基础布局
+- 011.002（认证与首页）：提供认证状态管理
+- 011.003（人才管理）：统计基于人才数据
+- 011.004（订单管理）：统计可能涉及订单数据
+
+### API规范
+**数据统计API**（史诗012提供）：
+- 残疾类型统计接口
+- 性别年龄统计接口
+- 地域分布统计接口
+- 时间趋势统计接口
+
+**企业统计API**（史诗012提供）：
+- 企业维度数据统计接口
+- 实时数据更新接口
+
+**技术集成**：
+- 使用故事011.001集成的RPC客户端
+- API路径前缀：`api/v1/yongren`
+
+### 组件规范
+**数据统计页设计规范**：
+必须严格对照原型文件 `docs/小程序原型/yongren.html` 第865-1113行的数据统计页面设计实现：
+
+**页面结构**：
+- **注意**：小程序环境中状态栏由宿主提供，无需自行实现
+- 内容区域：`h-[calc(100%-60px)] overflow-y-auto p-4`（仅减去底部导航60px）
+- 底部导航：数据标签激活状态
+
+**时间筛选区域**（第880-886行）：
+- 容器：`flex justify-between items-center mb-4`
+- 标题：`<h3 class="font-semibold text-gray-700">数据统计</h3>`
+- 时间选择器：`flex items-center bg-gray-100 rounded-lg px-3 py-1`
+  - 时间显示：`<span class="text-sm text-gray-700 mr-2">2023年11月</span>`
+  - 下拉图标：`<i class="fas fa-chevron-down text-gray-500"></i>`
+
+**统计卡片网格**（第889-910行）：
+- 容器：`grid grid-cols-2 gap-3 mb-4`
+- 统计卡片：`stat-card`（复用基础样式）
+  - 标题：`<p class="text-sm text-gray-600 mb-2">在职人数</p>`
+  - 数值：`<p class="text-2xl font-bold text-gray-800">24</p>`
+  - 趋势指示：`<p class="text-xs text-green-500 mt-1">↑ 比上月增加2人</p>`（绿色-上涨，红色-下降）
+- 卡片类型：在职人数、平均薪资、在职率、新增人数
+
+**残疾类型分布图表**（第913-931行）：
+- 容器：`card bg-white p-4 mb-4`
+- 标题：`<h3 class="font-semibold text-gray-700 mb-3">残疾类型分布</h3>`
+- 图表容器：`chart-container mb-2`（高度200px，相对定位）
+- 柱状图实现：使用 `.chart-bar` 样式（绝对定位，底部对齐）
+  - 样式：`position: absolute; bottom: 0; width: 30px; background-color: #3b82f6; border-radius: 4px 4px 0 0;`
+  - 通过内联样式设置 left 和 height
+- 横坐标标签：`flex justify-between text-xs text-gray-500`，标签：肢体、听力、视力、言语、智力、精神
+
+**性别分布图表**（第934-948行）：
+- 容器：`card bg-white p-4 mb-4`
+- 标题：`<h3 class="font-semibold text-gray-700 mb-3">性别分布</h3>`
+- 图表容器：`.bar-chart`（`height: 120px; display: flex; align-items: end; justify-content: center; gap: 40px;`）
+- 柱状图组件：`.bar-container`（`display: flex; flex-direction: column; align-items: center;`）
+  - 数值：`.bar-value`（`font-size: 14px; font-weight: 600; margin-bottom: 4px;`）
+  - 柱体：`.bar`（`width: 40px; border-radius: 4px 4px 0 0;`，通过内联样式设置 height 和 background-color）
+  - 标签：`.bar-label`（`margin-top: 8px; font-size: 12px; color: #6b7280;`）
+- 颜色：男性 `#3b82f6`，女性 `#ec4899`
+
+**年龄分布图表**（第951-...行）：
+- 容器：`card bg-white p-4 mb-4`
+- 标题：`<h3 class="font-semibold text-gray-700 mb-3">年龄分布</h3>`
+- 饼图容器：`.pie-chart`（`width: 200px; height: 200px; border-radius: 50%; position: relative; margin: 0 auto;`）
+  - 使用 `conic-gradient` 实现饼图分区（见基础样式规范）
+- 图例区域：`.pie-legend`（`display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 16px;`）
+- 图例项：`.legend-item`（`display: flex; align-items: center; font-size: 12px;`）
+  - 颜色块：`.legend-color`（`width: 12px; height: 12px; border-radius: 2px; margin-right: 6px;`）
+  - 标签：年龄分段和百分比
+
+**图表组件要求**：
+- 响应式设计，适配不同屏幕尺寸
+- 清晰的视觉层次和颜色方案
+- 必要的辅助信息（标题、图例、数据标签）
+- 交互反馈（悬停、点击、选中状态）
+
+**UI组件使用**：
+- 使用图表库（如Recharts、Chart.js等，根据项目现有选择）
+- 复用基础UI组件（卡片、筛选器、按钮等）
+- 遵循UI包开发规范 [来源：docs/architecture/coding-standards.md#ui包开发提示]
+
+### 文件位置
+**页面组件位置**：
+- `mini/src/pages/yongren/statistics/` - 数据统计页面
+
+**图表组件位置**：
+- `mini/src/components/charts/` - 图表组件目录
+  - `DisabilityTypeChart.tsx` - 残疾类型分布图表
+  - `GenderDistributionChart.tsx` - 性别分布图表
+  - `AgeDistributionChart.tsx` - 年龄分布图表
+  - `ProvinceDistributionChart.tsx` - 省份分布图表
+  - `ChartFilters.tsx` - 图表筛选组件
+
+### 技术约束
+- **性能优化**：多个图表同时加载需优化请求和渲染性能
+- **数据准确性**：统计口径需明确，与企业业务逻辑一致
+- **移动端适配**：图表在移动端需保持良好的可读性和交互性
+- **数据权限**：统计仅限本企业数据，不能跨企业访问
+
+### 图表技术选型
+**现有技术栈参考**：
+- 根据项目现有图表库选择（需检查mini项目现有依赖）
+- 如无现有图表库，推荐使用Recharts（React友好，TypeScript支持好）
+- 地图图表可能需要额外库（如中国地图数据）
+
+### 测试要求
+**测试框架**：Jest + Testing Library
+**关键测试场景**：
+1. **图表数据测试**：
+   - 数据加载准确性测试
+   - 空数据状态处理测试
+   - 数据错误处理测试
+2. **交互功能测试**：
+   - 筛选条件功能测试
+   - 图表点击交互测试
+   - 数据下钻功能测试
+3. **性能测试**：
+   - 多图表同时加载性能测试
+   - 大数据量渲染性能测试
+   - 移动端渲染性能测试
+4. **集成测试**：
+   - 与统计API的集成测试
+   - 页面导航和数据流测试
+
+## 变更日志
+| 日期 | 版本 | 描述 | 作者 |
+|------|------|------|------|
+| 2025-12-17 | 1.0 | 初始创建（数据统计故事） | Bob（Scrum Master） |
+
+## 开发代理记录
+*此部分由开发代理在实施过程中填充*
+
+## QA结果
+*来自QA代理对已完成故事实施的QA审查结果*

docs/stories/011.006.story.md

@@ -0,0 +1,251 @@
+# 故事 011.006：视频与系统管理功能实现
+
+## 状态
+Draft
+
+## 故事
+**作为**企业用户，
+**我希望**管理企业相关的视频资料和查看企业基本信息，
+**以便**进行资料归档和账户管理。
+
+## 验收标准
+
+1. [ ] 视频查看下载页功能完整，支持企业维度和个人维度的视频管理
+2. [ ] 视频支持播放、下载、分享、批量下载功能
+3. [ ] 企业设置页面基础功能可用（企业信息展示）
+4. [ ] 账号管理、安全设置等高级功能标记为"后期优化"（因系统设置API延期）
+5. [ ] 页面设计符合原型标准，与系统其他部分无缝集成
+
+## 任务 / 子任务
+
+- [ ] 任务1：实现视频查看下载页面（AC：1）
+  - [ ] 创建视频管理页面组件，使用基础布局组件
+  - [ ] 集成视频管理API（史诗012提供）
+  - [ ] 实现视频列表展示（缩略图、标题、类型、大小、上传时间等）
+  - [ ] 支持企业维度和个人维度的视频筛选
+  - [ ] 添加视频分类和标签功能
+- [ ] 任务2：实现视频操作功能（AC：2）
+  - [ ] 实现视频播放功能（内置播放器或调用系统播放器）
+  - [ ] 实现视频下载功能（单个下载）
+  - [ ] 实现视频分享功能（生成分享链接）
+  - [ ] 实现批量视频选择和多选下载
+  - [ ] 添加视频搜索和筛选功能
+- [ ] 任务3：实现企业设置页面基础功能（AC：3,4）
+  - [ ] 创建企业设置页面组件
+  - [ ] 集成企业管理API（company模块）获取企业信息
+  - [ ] 展示企业基本信息（公司名称、统一社会信用代码、联系人、电话等）
+  - [ ] 实现企业信息编辑功能（如有权限）
+  - [ ] 添加"账号管理"、"安全设置"等功能的占位界面，标注"后期优化"
+- [ ] 任务4：优化视频管理用户体验（AC：5）
+  - [ ] 参考原型设计：`docs/小程序原型/yongren.html`中的视频管理页面
+  - [ ] 实现视频缩略图生成和缓存
+  - [ ] 优化大视频文件的加载和播放体验
+  - [ ] 添加视频上传进度显示
+  - [ ] 确保移动端视频播放兼容性
+- [ ] 任务5：处理系统设置API延期（AC：4）
+  - [ ] 识别受系统设置API延期影响的功能
+  - [ ] 实现降级方案（如本地配置、默认值）
+  - [ ] 添加功能不可用的友好提示
+  - [ ] 标记延期功能为"后期优化"状态
+- [ ] 任务6：编写集成测试
+  - [ ] 编写视频管理功能测试
+  - [ ] 测试批量下载功能
+  - [ ] 测试企业信息展示功能
+  - [ ] 验证延期功能的处理方式
+
+## 开发笔记
+
+### 依赖关系
+**依赖故事**：
+- 011.001（基础框架搭建）：提供API客户端、路由、基础布局
+- 011.002（认证与首页）：提供认证状态管理
+- 011.004（订单管理）：视频与订单关联，可能需要订单筛选
+
+**API依赖状态**：
+- ✅ 视频管理API：史诗012已提供 [来源：docs/prd/epic-011-employer-mini-program-implementation.md#史诗012完成状态更新]
+- ✅ 企业管理API：company模块已移植
+- ⚠️ 系统设置API：史诗012延期（P2优先级）[来源：docs/prd/epic-011-employer-mini-program-implementation.md#史诗012完成状态更新]
+
+### API规范
+**视频管理API**（史诗012提供）：
+- 视频列表查询接口（支持按企业、个人、订单筛选）
+- 视频播放地址获取接口
+- 视频下载接口
+- 视频统计接口
+- 批量操作接口
+
+**企业管理API**（company模块）：
+- 企业信息查询接口
+- 企业信息更新接口（如有权限）
+
+**技术集成**：
+- 使用故事011.001集成的RPC客户端
+- API路径前缀：`api/v1/yongren`
+
+### 组件规范
+**视频管理页设计规范**：
+必须严格对照原型文件 `docs/小程序原型/yongren.html` 第1440-1609行（企业维度）和第1610-...行（个人维度）的视频管理页面设计实现：
+
+**页面结构**：
+- **注意**：小程序环境中状态栏由宿主提供，无需自行实现
+- 内容区域：`h-[calc(100%-60px)] overflow-y-auto`（仅减去底部导航60px）
+- 底部导航：设置标签激活状态（视频管理在企业设置页面内）
+
+**顶部信息区域**（第1455-1465行）：
+- 容器：`p-4 border-b border-gray-200`
+- 内容：`flex items-center justify-between`
+  - 左侧：标题 `<h3 class="font-semibold text-gray-800">阿里巴巴2023-11</h3>`，副标题 `<p class="text-sm text-gray-500">企业维度 - 打卡视频管理</p>`
+  - 右侧：批量下载按钮 `<button class="text-blue-500 text-sm"><i class="fas fa-download mr-1"></i>批量下载</button>`
+
+**视频分类筛选区域**（第1468-1475行）：
+- 容器：`p-4 border-b border-gray-200`
+- 筛选标签区域：`flex space-x-2 overflow-x-auto pb-2`
+  - 标签样式：`bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full whitespace-nowrap`（激活状态）
+  - 非激活标签：`bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full whitespace-nowrap`
+  - 分类：全部视频、工资视频、个税视频、打卡视频
+
+**视频列表标题区域**（第1479-1489行）：
+- 容器：`flex justify-between items-center mb-4`
+- 标题：`<h3 class="font-semibold text-gray-700">视频列表 (12)</h3>`
+- 操作按钮：`flex space-x-2`
+  - 排序按钮：`<button class="text-gray-500"><i class="fas fa-sort"></i></button>`
+  - 筛选按钮：`<button class="text-gray-500"><i class="fas fa-filter"></i></button>`
+
+**视频卡片列表**（第1491-...行）：
+- 容器：`space-y-4`
+- 视频卡片：`card bg-white p-4`
+
+**视频卡片头部**（第1494-1500行）：
+- 容器：`flex justify-between items-start mb-3`
+  - 左侧：视频标题 `<h4 class="font-semibold text-gray-800">张明 - 工资视频</h4>`，上传时间 `<p class="text-xs text-gray-500">2023-11-25 上传</p>`
+  - 右侧：状态标签 `<span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">已验证</span>`
+
+**视频内容区域**（第1501-1509行）：
+- 容器：`flex items-center mb-3`
+  - 缩略图区域：`w-16 h-16 bg-gray-200 rounded-lg flex items-center justify-center mr-3`，播放图标 `<i class="fas fa-play text-gray-500"></i>`
+  - 视频信息区域：`flex-1`
+    - 视频描述：`<p class="text-sm text-gray-700">工资发放确认视频</p>`
+    - 视频属性：`<p class="text-xs text-gray-500">时长: 00:45 · 大小: 12.3MB</p>`
+
+**操作按钮区域**（第1510-1520行）：
+- 容器：`flex justify-between text-sm`
+  - 播放按钮：`text-blue-500`，图标 `<i class="fas fa-play mr-1"></i>`，文字"播放"
+  - 下载按钮：`text-green-500`，图标 `<i class="fas fa-download mr-1"></i>`，文字"下载"
+  - 分享按钮：`text-gray-500`，图标 `<i class="fas fa-share mr-1"></i>`，文字"分享"
+
+**企业设置页设计规范**：
+必须严格对照原型文件 `docs/小程序原型/yongren.html` 第1302-1439行的企业设置页面设计实现：
+
+**页面结构**：
+- **注意**：小程序环境中状态栏由宿主提供，无需自行实现
+- 内容区域：`h-[calc(100%-60px)] overflow-y-auto`（仅减去底部导航60px）
+- 底部导航：设置标签激活状态
+
+**企业信息区域**（第1317-1341行）：
+- 容器：`p-4 border-b border-gray-200`
+- 企业logo和名称区域：`flex items-center mb-4`
+  - logo容器：`w-16 h-16 rounded-full bg-blue-100 flex items-center justify-center mr-4`
+  - logo图标：`<i class="fas fa-building text-blue-500 text-2xl"></i>`
+  - 名称信息：`<h3 class="font-semibold text-gray-800">阿里巴巴集团</h3>`，`<p class="text-sm text-gray-500">企业账号</p>`
+- 统计卡片区域：`grid grid-cols-3 gap-3 text-center`
+  - 每个卡片：数值 `<p class="text-xl font-bold text-gray-800">24</p>`，标签 `<p class="text-xs text-gray-500">在职人员</p>`
+  - 统计类型：在职人员、进行中订单、累计订单
+
+**功能列表区域**（第1344-...行）：
+- 容器：`p-4`
+
+**第一组功能列表**（第1345-1373行）：
+- 容器：`space-y-1 mb-6`
+- 功能项样式：`flex items-center justify-between p-3 rounded-lg hover:bg-gray-50`
+  - 左侧：`flex items-center`
+    - 图标容器：`w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3`
+    - 图标：`<i class="fas fa-user text-blue-500"></i>`
+    - 文字：`<span class="text-gray-700">账号信息</span>`
+  - 右侧：箭头图标 `<i class="fas fa-chevron-right text-gray-400"></i>`
+- 功能项：账号信息（蓝色）、安全设置（绿色）、消息通知（紫色）
+
+**第二组功能列表**（第1375-...行）：
+- 容器：`space-y-1 mb-6`
+- 功能项样式：同上
+- 功能项：帮助中心（黄色）、用户协议（靛蓝色）、隐私政策（粉色）
+
+**延期功能处理**：
+- 受系统设置API延期影响的功能（账号管理、安全设置、消息通知等）：
+  - 保持页面结构和样式不变
+  - 添加"后期优化"标签：`<span class="text-xs text-gray-400 ml-2">（后期优化）</span>`
+  - 点击时显示提示："该功能正在开发中，预计下一版本上线"
+
+**UI组件使用**：
+- 复用基础UI组件（卡片、列表、表单等）
+- 视频播放器组件选择（根据项目现有技术栈）
+- 遵循UI包开发规范 [来源：docs/architecture/coding-standards.md#ui包开发提示]
+
+### 文件位置
+**页面组件位置**：
+- `mini/src/pages/yongren/video/` - 视频管理页面
+- `mini/src/pages/yongren/settings/` - 企业设置页面
+
+**业务组件位置**：
+- `mini/src/components/video/` - 视频相关组件
+  - `VideoGrid.tsx` - 视频网格组件
+  - `VideoPlayer.tsx` - 视频播放器组件
+  - `VideoBatchToolbar.tsx` - 批量操作工具栏
+- `mini/src/components/settings/` - 设置相关组件
+  - `CompanyInfoCard.tsx` - 企业信息卡片
+  - `FeaturePlaceholder.tsx` - 功能占位组件
+
+### 数据模型
+基于史诗012扩展的数据库schema：
+- `order_person_asset`表的`asset_type`枚举已扩展视频类型 [来源：docs/stories/012.001.story.md#数据模型]
+  - 视频类型：`salary_video`（工资视频）、`tax_video`（个税视频）、`checkin_video`（打卡视频）、`work_video`（工作视频）
+- 视频文件通过file模块管理，关联到订单和人才
+
+### 技术约束
+- **视频处理**：不同格式视频的播放兼容性
+- **文件大小**：大视频文件的下载和播放性能
+- **权限控制**：视频访问权限验证（仅关联企业可访问）
+- **API延期**：系统设置功能需优雅降级处理
+- **移动端适配**：视频播放在移动端的用户体验
+
+### 延期功能处理
+**受影响的系统设置功能**：
+1. 账号管理（员工账号添加、删除、权限分配）
+2. 安全设置（密码策略、登录限制等）
+3. 通知设置（消息推送配置）
+4. 高级企业信息配置
+
+**处理方案**：
+- 页面展示功能入口，但标记为"后期优化"
+- 添加提示信息："该功能正在开发中，预计下一版本上线"
+- 保持页面结构完整，为后续开发预留接口
+
+### 测试要求
+**测试框架**：Jest + Testing Library
+**关键测试场景**：
+1. **视频管理测试**：
+   - 视频列表加载测试
+   - 视频播放功能测试
+   - 批量下载功能测试
+   - 视频筛选功能测试
+2. **企业设置测试**：
+   - 企业信息展示测试
+   - 信息编辑功能测试（如有权限）
+   - 延期功能提示测试
+3. **集成测试**：
+   - 视频与订单关联测试
+   - 权限验证测试
+   - 移动端兼容性测试
+4. **性能测试**：
+   - 大视频文件加载性能测试
+   - 批量操作性能测试
+
+## 变更日志
+| 日期 | 版本 | 描述 | 作者 |
+|------|------|------|------|
+| 2025-12-17 | 1.0 | 初始创建（视频与系统管理故事） | Bob（Scrum Master） |
+
+## 开发代理记录
+*此部分由开发代理在实施过程中填充*
+
+## QA结果
+*来自QA代理对已完成故事实施的QA审查结果*