bindbox-game/docs/奖励管理字段拆分/ALIGNMENT_奖励管理字段拆分.md
邹方成 2a89a1ab9d
Some checks failed
Build docker and publish / linux (1.24.5) (push) Failing after 39s
feat(admin): 更新前端资源文件及修复相关功能
refactor(service): 修改banner和guild删除逻辑为软删除
fix(service): 修复删除操作使用软删除而非物理删除

build: 添加SQLite测试仓库实现
docs: 新增奖励管理字段拆分和批量抽奖UI改造文档

ci: 更新CI忽略文件
style: 清理无用资源文件
2025-11-19 01:35:55 +08:00

46 lines
1.6 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 奖励管理字段拆分任务对齐文档
## 项目背景
在奖励管理系统中,发现 `th``div` 这两个元素存在重复显示的问题,具体表现为:
- 在订单详情页面(`/Users/win/code2025/bindbox_game/web/admin/src/views/orders/list/index.vue` 第97行
- 在奖励管理页面(`/Users/win/code2025/bindbox_game/web/admin/src/views/activity/rewards/index.vue` 第37行、第117行、第203行
## 当前问题
1. 商品字段和价格信息在同一个表格列中混合显示
2. 数据绑定逻辑不清晰,影响用户体验
3. 缺乏独立的字段验证和处理逻辑
## 需求理解
需要将现有的组合字段拆分为两个独立的字段:
1. **商品字段**:专门用于显示或输入商品信息
2. **价格字段**:专门用于显示或输入价格信息
## 任务范围
### 包含范围
- 前端UI组件修改
- 数据绑定逻辑更新
- 验证逻辑更新
- 单元测试添加
### 不包含范围
- 后端API重大修改仅适配前端需求
- 数据库结构变更(如非必要)
## 技术约束
- 前端技术栈Vue 3 + TypeScript + Element Plus
- 状态管理:使用现有模式
- 代码风格:遵循项目现有规范
- 测试框架:使用项目现有测试工具
## 疑问澄清
1. 是否需要修改数据库表结构?
2. 是否需要更新相关的API接口
3. 价格字段是否需要支持编辑功能?
4. 是否有特定的UI样式要求
## 验收标准
- [ ] 商品和价格字段在UI上清晰区分
- [ ] 原有功能逻辑保持不变
- [ ] 数据绑定和验证逻辑正确更新
- [ ] 通过所有单元测试
- [ ] 代码符合项目规范