|
|
@@ -0,0 +1,120 @@
|
|
|
+# Story 007.001: 信息化项目全过程咨询服务页面完善
|
|
|
+
|
|
|
+## Status
|
|
|
+Draft
|
|
|
+
|
|
|
+## Story
|
|
|
+**As a** 潜在客户，
|
|
|
+**I want** 查看详细的信息化项目全过程咨询服务介绍，
|
|
|
+**so that** 我能够了解公司提供的项目前期咨询、项目建议书编制、可行性研究、初步设计、深化审计、造价咨询和竣工资料等全流程服务能力。
|
|
|
+
|
|
|
+## Acceptance Criteria
|
|
|
+1. 完善项目前期咨询服务介绍
|
|
|
+2. 优化项目建议书编制展示
|
|
|
+3. 添加项目可行性研究报告案例
|
|
|
+4. 完善项目初步设计方案/实施方案说明
|
|
|
+5. 优化项目深化审计服务展示
|
|
|
+6. 添加项目造价咨询服务案例
|
|
|
+7. 完善项目竣工资料编制说明
|
|
|
+
|
|
|
+## Tasks / Subtasks
|
|
|
+- [ ] 更新页面标题和描述 (AC: 1-7)
|
|
|
+ - [ ] 将"设计规划服务"改为"信息化项目全过程咨询服务"
|
|
|
+ - [ ] 更新页面副标题和描述文案
|
|
|
+ - [ ] 更新页面统计数据和指标
|
|
|
+- [ ] 重新设计服务范围部分 (AC: 1-7)
|
|
|
+ - [ ] 创建7个新的服务卡片，对应7个全过程咨询服务阶段
|
|
|
+ - [ ] 为每个服务阶段设计对应的图标和颜色主题
|
|
|
+ - [ ] 更新服务描述和功能特点列表
|
|
|
+- [ ] 更新设计流程部分 (AC: 1-7)
|
|
|
+ - [ ] 将设计流程改为信息化项目全过程咨询流程
|
|
|
+ - [ ] 更新流程步骤描述和持续时间
|
|
|
+ - [ ] 调整流程图标和视觉设计
|
|
|
+- [ ] 更新成功案例部分 (AC: 3)
|
|
|
+ - [ ] 替换为信息化项目咨询相关案例
|
|
|
+ - [ ] 更新案例行业分类和成果指标
|
|
|
+ - [ ] 确保案例与咨询服务内容相关
|
|
|
+- [ ] 更新设计原则部分 (AC: 1-7)
|
|
|
+ - [ ] 将设计原则改为咨询服务原则
|
|
|
+ - [ ] 更新原则图标和描述
|
|
|
+ - [ ] 确保原则与项目咨询业务相关
|
|
|
+- [ ] 更新CTA部分 (AC: 1-7)
|
|
|
+ - [ ] 更新按钮文案为"咨询项目服务"
|
|
|
+ - [ ] 更新号召性用语
|
|
|
+ - [ ] 确保整体页面风格一致
|
|
|
+- [ ] 测试和验证 (AC: 1-7)
|
|
|
+ - [ ] 进行响应式设计测试
|
|
|
+ - [ ] 验证页面内容准确性
|
|
|
+ - [ ] 检查页面加载性能
|
|
|
+
|
|
|
+## Dev Notes
|
|
|
+
|
|
|
+### 技术栈信息 [Source: architecture/tech-stack.md#前端技术栈]
|
|
|
+- **前端框架**: React 19.1.0 + TypeScript
|
|
|
+- **路由**: React Router v7
|
|
|
+- **状态管理**: @tanstack/react-query (服务端状态) + Context (本地状态)
|
|
|
+- **UI组件库**: shadcn/ui (基于Radix UI)
|
|
|
+- **构建工具**: Vite 7.0.0
|
|
|
+- **样式**: Tailwind CSS 4.1.11
|
|
|
+
|
|
|
+### 项目结构信息 [Source: architecture/source-tree.md#实际项目结构]
|
|
|
+- **页面位置**: `src/client/home/pages/DesignPlanningPage.tsx`
|
|
|
+- **组件位置**: `src/client/components/ui/` (使用shadcn/ui组件)
|
|
|
+- **路由配置**: `src/client/home/routes.tsx`
|
|
|
+- **样式文件**: 使用Tailwind CSS，无需额外CSS文件
|
|
|
+
|
|
|
+### 现有页面分析 [Source: 当前DesignPlanningPage.tsx]
|
|
|
+当前页面包含以下主要部分：
|
|
|
+- Hero Section (标题和统计数据)
|
|
|
+- Design Services (4个服务卡片)
|
|
|
+- Design Process (5个流程步骤)
|
|
|
+- Case Studies (3个案例展示)
|
|
|
+- Design Principles (4个设计原则)
|
|
|
+- CTA Section (行动号召)
|
|
|
+
|
|
|
+### 组件使用模式 [Source: architecture/component-architecture.md#前端组件架构]
|
|
|
+- 使用Card、Button、Badge等shadcn/ui组件
|
|
|
+- 采用响应式网格布局 (grid md:grid-cols-2, grid md:grid-cols-3)
|
|
|
+- 使用Lucide React图标库
|
|
|
+- 采用Tailwind CSS的渐变背景和阴影效果
|
|
|
+
|
|
|
+### 文件路径约定 [Source: architecture/source-tree.md#集成指南]
|
|
|
+- 保持现有kebab-case命名约定
|
|
|
+- 页面文件位于`src/client/home/pages/`目录
|
|
|
+- 组件导入使用别名`@/client/components/ui/`
|
|
|
+
|
|
|
+### Testing
|
|
|
+#### 测试标准 [Source: architecture/testing-strategy.md#测试金字塔策略]
|
|
|
+- **单元测试位置**: `src/client/home/pages/__tests__/DesignPlanningPage.test.tsx`
|
|
|
+- **测试框架**: Vitest + Testing Library
|
|
|
+- **覆盖率目标**: ≥ 80%
|
|
|
+- **测试类型**: 组件渲染测试、交互测试、快照测试
|
|
|
+
|
|
|
+#### 测试要求 [Source: architecture/testing-strategy.md#测试执行流程]
|
|
|
+- 验证页面正确渲染所有服务卡片
|
|
|
+- 测试响应式布局在不同屏幕尺寸下的表现
|
|
|
+- 验证页面内容与信息化项目咨询服务相关
|
|
|
+- 检查所有链接和按钮功能正常
|
|
|
+
|
|
|
+## Change Log
|
|
|
+| Date | Version | Description | Author |
|
|
|
+|------|---------|-------------|--------|
|
|
|
+| 2025-09-25 | 1.0 | 初始故事创建 | Bob (Scrum Master) |
|
|
|
+
|
|
|
+## Dev Agent Record
|
|
|
+*此部分由开发代理在实施过程中填写*
|
|
|
+
|
|
|
+### Agent Model Used
|
|
|
+*待填写*
|
|
|
+
|
|
|
+### Debug Log References
|
|
|
+*待填写*
|
|
|
+
|
|
|
+### Completion Notes List
|
|
|
+*待填写*
|
|
|
+
|
|
|
+### File List
|
|
|
+*待填写*
|
|
|
+
|
|
|
+## QA Results
|
|
|
+*此部分由QA代理在质量检查后填写*
|
yourname