## 问题定位 - 奖品页 `web/admin/src/views/activity/rewards/index.vue` 在工具栏下方无条件渲染了批量抽奖对话框:``。 - 该子组件内部以 `props.activity !== null` 控制 `v-model`,而当前页的 `currentActivity` 始终返回对象(非 null),导致对话框初始即打开,表现为点击“新增奖励”时出现“批量抽奖”。 ## 修复方案 - 直接移除奖品页中的 `BatchDrawDialog` 渲染(该页仅做奖励 CRUD,模拟批量抽奖逻辑属于活动管理页/模拟页)。 - 若保留(备选):使用受控显示状态,改为 ``,并提供单独按钮触发。默认 `showBatchDrawDialog=false`。 - 采用“移除”方案,影响文件:`web/admin/src/views/activity/rewards/index.vue`(删除组件引用与相关变量)。 ## 奖品列表优化 - 新增展示: - “剩余/总量”列:`quantity / original_qty` - “期望概率”列:基于总权重 `sumWeight` 本地计算 `weight/sumWeight*100`,保留两位小数。 - Boss 标签保持,但列名更明确为“Boss”。 - 汇总信息:表头上方显示“奖品总数 / 总权重”。 - 交互优化: - 编辑校验完善(名称、商品、权重、数量、原始数量、等级为必填/大于零)。 - 删除增加二次确认弹窗。 - 过滤与排序(前端本地): - 过滤项:名称(模糊)、等级(S/A/B/C)、是否 Boss。 - 默认排序:按等级(S→C)+ `sort`。 - 数据加载优化:商品列表一次加载并缓存,避免重复请求。 ## 具体改动 - 修改文件:`web/admin/src/views/activity/rewards/index.vue` - 删除 `` 与相关 `currentActivity` 计算属性。 - 在 `columns` 增加 `剩余/总量`、`期望概率` 两列(期望概率通过本地计算得到)。 - 在顶部新增汇总区域(使用 `computed` 基于 `data` 计算)。 - 增加简单的本地过滤控件(`ElInput`/`ElSelect`),对展示数据做 `computed` 过滤与排序。 - 删除与批量抽奖相关的无用状态(如 `showSimDialog`)。 - 删除按钮文案更明确:`批量新增奖励` → `新增奖励`。 - 不改后端接口;所有优化为前端表现层。 ## 验收 - 进入“奖励”页,点击“新增奖励”只弹奖励编辑对话框,不再出现批量抽奖对话框。 - 列表显示“剩余/总量”、“期望概率”,汇总信息正确;过滤与排序生效。 - 构建通过,交互校验正常,删除有确认提示。 ## 风险与回滚 - 风险低,仅前端视图改动;如需回滚,保留原组件引用并恢复初始布局即可。