# 奖励管理字段拆分任务共识文档

## 明确的需求描述和验收标准

### 需求描述
将奖励管理系统中商品和价格混合显示的字段拆分为两个独立的字段，确保数据展示的清晰性和操作的独立性。

### 验收标准
1. **UI展示标准**
   - 商品字段仅显示商品名称和基本信息
   - 价格字段独立显示，格式统一为¥XX.XX
   - 两个字段在表格中有明确的分隔和标识

2. **功能标准**
   - 商品选择功能保持原有逻辑
   - 价格显示精度保持两位小数
   - 批量操作功能不受影响

3. **数据标准**
   - 数据绑定正确无误
   - 验证逻辑独立且有效
   - 数据传输格式保持一致

## 技术实现方案

### 前端修改方案
1. **订单详情页面** (`orders/list/index.vue`)
   - 将第97行的商品列拆分为"商品"和"单价"两列
   - 商品列显示商品标题
   - 单价列显示商品单价（从total_amount和quantity计算）

2. **奖励管理页面** (`activity/rewards/index.vue`)
   - 修改第37行的模板显示逻辑
   - 将商品选择器中的价格信息分离
   - 在表格中添加独立的价格列

### 数据绑定更新
- 保持现有的product_id绑定关系
- 价格数据通过productOptions缓存获取
- 确保批量操作时的数据一致性

### 验证逻辑更新
- 商品字段：必填验证
- 价格字段：数值范围验证（≥0）

## 任务边界限制

### 包含范围
- 前端Vue组件修改
- TypeScript类型定义更新
- 单元测试编写
- 现有API适配

### 不包含范围
- 数据库结构修改
- 后端业务逻辑重大调整
- 新增API接口

## 技术约束
- 使用Element Plus组件库
- 保持响应式设计
- 遵循项目代码规范
- 兼容现有主题系统

## 确认事项
1. ✅ 需求边界已明确
2. ✅ 技术方案已确定
3. ✅ 验收标准已制定
4. ✅ 风险点已识别