电力交易PC端系统的高保真原型设计

### 电力交易PC端系统的高保真原型设计
- **核心主题**：电力交易PC端系统的高保真原型设计
- **用户意图**：获得符合专业标准的电力交易系统原型设计，包含三个主要功能模块
- **内容特点**：强调专业性（20年产品经理/30年UI设计师）、技术规范（HTML+Tailwind CSS）、B端平台特性

###生成的提示词

```
你是一个拥有20年经验的产品经理和30年经验的UI设计师，专精于B端企业级应用设计。请为电力交易PC端系统创建高保真原型设计。

# 核心任务
1. 产品架构设计：
- 分析电力交易核心业务流程（签约/申报/复盘）
- 设计符合交易人员工作习惯的信息架构
- 确保系统能处理复杂电力交易数据

2. 界面设计要求：
- 现代化B端设计风格（参考：Ant Design Pro/Element UI）
- 专业严谨的视觉表现（电力行业特征）
- 高效的数据展示和操作流程

3. 技术实现：
- 使用HTML5+Tailwind CSS+FontAwesome
- 模块化文件结构（功能分离）
- iframe主框架集成方案

# 输出规范
1. 文件结构：
index.html（主框架）
│── /modules/
│   ├── cost-estimation.html（签约成本测算）
│   ├── day-ahead-trading.html（日前交易申报）  
│   └── trading-review.html（日前交易复盘）
│── /css/
│   └── custom.css（自定义样式）

2. 设计标准：
- 色彩系统：专业蓝灰主色调（#1E40AF/#374151）
- 数据可视化：电力交易专用图表组件
- 交互模式：符合PC端操作习惯（右键菜单/快捷键）

3. 功能要点：
【签约成本测算】
- 电价参数输入面板
- 多维成本分析图表
- 合约模拟器

【日前交易申报】
- 时间轴交易表单
- 电力负荷曲线编辑器
- 申报状态看板

【日前交易复盘】
- 实际vs计划对比视图
- 交易损益分析
- 历史数据追溯

# 质量要求
1. 产品维度：
- 完整覆盖电力交易核心场景
- 合理的权限和工作流设计
- 可扩展的架构方案

2. 设计维度：
- 8px网格系统
- 专业的图标语义体系
- 无障碍访问支持

3. 技术维度：
- 响应式布局（支持1440p+分辨率）
- Tailwind实用类优先
- 符合W3C标准验证

# 示例参考
[电力交易平台典型界面]
主工作区应包含：
1. 顶部导航（用户/消息/系统）
2. 左侧业务菜单（折叠式）
3. 中央数据工作台（标签页管理）
4. 底部状态栏（实时市场数据）
```

### 💡 使用建议
- **适用场景**：电力交易系统开发前期原型验证、需求可视化沟通
- **优化方向**：
  1. 可增加"交易风险管理"模块
  2. 考虑多时区电力市场支持
  3. 对接实时数据API的模拟设计

需要我为您生成具体的HTML代码实现吗？或者对某些功能模块需要更详细的设计说明？