🛒 购买指定商品多选功能测试

✅ 功能更新说明

消费抽奖活动中的"购买指定商品"任务现在支持多选模式,用户可以选择多个商品作为参与条件。

🔧 更新内容

  1. 将"添加商品"按钮的调用从 selectGoods() 改为 selectTaskGoods('#selected-goods')
  2. 修改默认的 selectGoods() 函数为多选模式
  3. 确保模板能够正确处理多选商品的表单数据
📝 任务设置界面模拟
该商品下单后将自动触发抽奖活动且发放一次抽奖机会,若用户产生维权退款,已发放的奖励自动回收。
🎯 多选商品示例
📊 生成的表单数据
🔧 技术实现细节
1. 按钮调用修改
<!-- 修改前 --> <button onclick="selectGoods()">添加商品</button> <!-- 修改后 --> <button onclick="selectTaskGoods('#selected-goods')">添加商品</button>
2. JavaScript函数配置
// selectTaskGoods函数配置(多选模式) selectTaskGoods: function(container) { Controller.api.selectGoods({ mode: 'multiple', // 多选模式 title: '选择参与商品', // 弹窗标题 container: container || '#task-goods-container', template: 'goods-list-template' }); }
3. 模板智能字段名处理
<!-- 模板会根据选择数量自动决定字段名 --> <% if(goods.length === 1) { %> <input type="hidden" name="goods_id" value="<%=goods[i].id%>" /> <% } else { %> <input type="hidden" name="task_goods_ids[]" value="<%=goods[i].id%>" /> <% } %>