📝 docs(story): 更新粮食油脂供应链可视化大屏需求文档

- 修改故事描述，明确区分粮食和油脂两个产业
- 增加Scope说明，明确支持通过左侧导航栏切换产业
- 更新验收标准，添加油脂产业特定要求：
  - 菜籽油产业链联合体相关定位点显示
  - 油脂产业关键数据展示（年处理油料、储存仓容等）
  - 油脂产业图标和文字显示正确
- 细化任务列表，补充油脂产业特定实现细节
- 添加油脂设计链接和特定设计规范
- 完善测试验证点和测试用例，增加油脂产业相关验证内容
- 更新变更日志，记录版本1.1的更新内容

docs/stories/005.001.story.md

@@ -8,15 +8,17 @@ Draft
 
 ## Story
 **As a** 农业企业决策者
-**I want** 查看粮食油脂供应链的可视化大屏
-**so that** 我可以直观了解粮食油脂产业的供应链网络、关键指标和合作模式，为决策提供数据支持
+**I want** 查看粮食和油脂供应链的可视化大屏
+**so that** 我可以直观了解粮食和油脂产业的供应链网络、关键指标和合作模式，为决策提供数据支持
+
+**Scope**: 实现粮食和油脂两个产业的可视化大屏，支持通过左侧导航栏切换
 
 ## Acceptance Criteria
-1. 创建GrainOilDashboard组件 - 组件结构完整，包含地图可视化、供应链网络、关键指标展示
-2. 实现地图可视化效果 - 显示供应链网络连接线，包含基地和产业链定位点
+1. 创建GrainOilDashboard组件 - 组件结构完整，包含地图可视化、供应链网络、关键指标展示，支持粮食和油脂两个产业
+2. 实现地图可视化效果 - 显示供应链网络连接线，包含基地和产业链定位点，油脂产业显示菜籽油产业链联合体相关定位点
 3. 添加供应链网络展示 - 显示"1+1+N"合作模式，包含省粮油集团、区域公司、新型农业经营主体
-4. 集成关键指标数据展示 - 显示加工能力、自建优质水稻基地、储备仓容等关键数据
-5. 实现导航和交互功能 - 左侧导航栏支持产业切换，交互响应流畅
+4. 集成关键指标数据展示 - 显示加工能力、年处理油料、储存仓容等关键数据，油脂产业显示菜籽油相关数据
+5. 实现导航和交互功能 - 左侧导航栏支持产业切换，交互响应流畅，油脂产业图标和文字显示正确
 
 ## Tasks / Subtasks
 - [ ] 创建GrainOilDashboard组件 (AC: #1)
@@ -26,24 +28,27 @@ Draft
 - [ ] 实现地图可视化效果 (AC: #2)
   - [ ] 使用Figma MCP工具查看地图设计细节
   - [ ] 创建供应链网络连接线可视化组件
-  - [ ] 实现基地定位点图标和交互
-  - [ ] 实现产业链定位点图标和交互
+  - [ ] 实现基地定位点图标和交互（油脂产业使用油脂图标）
+  - [ ] 实现产业链定位点图标和交互（油脂产业显示"产业链"图标）
   - [ ] 添加地图边框和背景效果
+  - [ ] 实现油脂产业特定的供应链连接线布局
 - [ ] 添加供应链网络展示 (AC: #3)
   - [ ] 实现"1+1+N"合作模式展示
   - [ ] 显示省粮油集团+区域公司+新型农业经营主体关系
   - [ ] 添加合作模式标题和描述
 - [ ] 集成关键指标数据展示 (AC: #4)
-  - [ ] 实现加工能力数据展示（200万吨/年）
-  - [ ] 实现自建优质水稻基地数据展示（15万亩）
-  - [ ] 实现储备仓容数据展示
+  - [ ] 实现加工能力数据展示（粮食：200万吨/年，油脂：30万吨/年）
+  - [ ] 实现年处理油料数据展示（油脂：30万吨/年）
+  - [ ] 实现储存仓容数据展示（油脂：300万吨）
   - [ ] 创建数据卡片组件和样式
+  - [ ] 实现油脂产业数据卡片样式（菜籽油产业链联合体）
 - [ ] 实现导航和交互功能 (AC: #5)
   - [ ] 使用Figma MCP工具查看导航设计细节
   - [ ] 创建左侧导航栏组件
-  - [ ] 实现产业图标和文字导航
+  - [ ] 实现产业图标和文字导航（粮食和油脂图标切换）
   - [ ] 添加导航交互状态管理
   - [ ] 优化大屏切换响应性能
+  - [ ] 实现油脂产业激活状态样式
 - [ ] 添加单元测试 (AC: #1-#5)
   - [ ] 编写组件渲染测试
   - [ ] 编写交互功能测试
@@ -72,21 +77,36 @@ Draft
 
 ### 设计规范和视觉要求 [Source: Figma设计分析]
 **重要提示**: 开发代理必须使用 Figma MCP 工具查看设计细节，以获得完整的视觉规范和组件代码
-- **Figma设计链接**: https://www.figma.com/design/mTu6gamzMFEybbSb8WssKK/%E5%8F%AF%E8%A7%86%E5%8C%96%E7%B4%A0%E6%9D%902-25?node-id=1214-35528&m=dev
+- **粮食设计链接**: https://www.figma.com/design/mTu6gamzMFEybbSb8WssKK/%E5%8F%AF%E8%A7%86%E5%8C%96%E7%B4%A0%E6%9D%902-25?node-id=1214-35528&m=dev
+- **油脂设计链接**: https://www.figma.com/design/mTu6gamzMFEybbSb8WssKK/%E5%8F%AF%E8%A7%86%E5%8C%96%E7%B4%A0%E6%9D%902-25?node-id=1214-35542&m=dev
 - **切图下载**: Figma MCP 工具提供所有图像资源的直接下载链接，包括图标、背景、边框等，7天内有效
 - **屏幕尺寸**: 1920x1080大屏显示
 - **颜色系统**:
   - 文字颜色: #FFFFFF (白色), #00FFFF (青色)
-  - 数据颜色: #C5FF92 (亮绿色)
+  - 数据颜色: #F6B02E (菜籽油黄色), #C5FF92 (亮绿色)
   - 边框颜色: #133BA0 (蓝色)
+  - 背景颜色: rgba(33,33,33,0.6) (半透明深色背景)
 - **字体规范**: HarmonyOS Sans SC Bold字体族
 - **图标系统**: 使用Figma提供的图标资源，可直接下载使用
 - **关键设计元素**:
-  - 左侧导航栏：粮食/油脂切换
+  - 左侧导航栏：粮食/油脂切换，支持激活状态样式
   - 地图可视化：供应链网络连接线、基地定位点、产业链定位点
-  - 右侧数据展示：加工能力、自建基地、储备仓容
+  - 右侧数据展示：加工能力、年处理油料、储存仓容
   - 顶部标题："粮食•油脂"
   - 合作模式展示："1+1+N" 供应链合作模式
+  - 底部图例：基地和产业链定位点说明
+
+### 油脂大屏特定设计细节
+- **产业标题**: "菜籽油产业链联合体"
+- **关键数据**:
+  - 加工能力: 30万吨/年
+  - 年处理油料: 30万吨/年
+  - 储存仓容: 300万吨
+- **地图定位点**:
+  - 基地定位点: 使用油脂图标，多个基地分布在地图上
+  - 产业链定位点: 使用"产业链"图标，带有发光效果
+- **供应链连接线**: 复杂的白色连接线网络，显示油脂供应链关系
+- **导航栏**: 油脂产业激活状态为白色文字，非激活状态为半透明白色
 
 ### 性能要求 [Source: docs/prd/epic-005-supply-chain-visualization.md#性能验收]
 - **页面加载时间**: < 3秒
@@ -114,23 +134,26 @@ Draft
 
 ### 测试验证点
 - 组件正确渲染和布局
-- 地图可视化效果显示正确
+- 地图可视化效果显示正确（粮食和油脂）
 - 供应链网络展示完整
-- 关键数据指标准确显示
-- 导航交互功能正常
+- 关键数据指标准确显示（粮食和油脂数据）
+- 导航交互功能正常（粮食/油脂切换）
 - 性能指标满足要求
+- 油脂产业特定元素正确显示（菜籽油产业链联合体、油脂图标等）
 
 ### 测试用例
 - 验证GrainOilDashboard组件渲染
-- 测试地图定位点交互
-- 验证数据卡片显示正确性
-- 测试导航切换功能
+- 测试地图定位点交互（粮食和油脂）
+- 验证数据卡片显示正确性（粮食和油脂数据）
+- 测试导航切换功能（粮食/油脂切换）
 - 验证响应式布局适配
+- 测试油脂产业特定功能（菜籽油产业链联合体显示）
 
 ## Change Log
 | Date | Version | Description | Author |
 |------|---------|-------------|--------|
 | 2025-11-06 | 1.0 | 初始故事创建 | Bob (SM) |
+| 2025-11-06 | 1.1 | 基于油脂设计图更新故事，补充油脂大屏详细设计规范 | Bob (SM) |
 
 ## Dev Agent Record