fastadmin_tailored/application/admin/view/lottery/activity/scripttpl.html

<!-- 奖品表单模板 -->
{literal}
<!-- 添加/编辑奖品表单模板 -->
<script type="text/html" id="prize-form-template">
    <form class="form-horizontal prize-form" style="padding: 20px;">
        <div class="form-group">
            <label class="control-label col-sm-3">奖品名称：</label>
            <div class="col-sm-8">
                <div class="input-group">
                    <input type="text" class="form-control" data-rule="required" name="prize_name" maxlength="20" placeholder="请输入名称">
                    <span class="input-group-addon text-muted" id="prize-name-count">0/20</span>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-sm-3"> 奖品类型：</label>
            <div class="col-sm-8">
                <div class="row">
                    <div class="col-sm-12">
                        <% for(var i = 0; i < prizeTypes.length; i++) { %>
                        <label class="radio-inline"><input type="radio" data-rule="checked" name="row[prize_type]" value="<%=prizeTypes[i].value%>"> <%=prizeTypes[i].text%></label>
                        <% } %>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 积分设置 -->
        <div class="form-group" data-favisible="prize_type=3">
            <label class="control-label col-sm-3">积分数量：</label>
            <div class="col-sm-8">
                <div class="input-group" style="width: 200px;">
                    <input type="number" class="form-control reward-value-input" name="reward_value_integral" data-rule="required;digits;min(1)" min="1" step="1" placeholder="请输入积分数量">
                    <span class="input-group-addon">积分</span>
                </div>
            </div>
        </div>
        
        <!-- 余额设置 -->
        <div class="form-group" data-favisible="prize_type=4">
            <label class="control-label col-sm-3">余额金额：</label>
            <div class="col-sm-8">
                <div class="input-group" style="width: 200px;">
                    <input type="number" class="form-control reward-value-input" name="reward_value_balance" data-rule="required;number;min(0.01)" min="0.01" step="0.01" placeholder="请输入余额金额">
                    <span class="input-group-addon">元</span>
                </div>
            </div>
        </div>
        
        <!-- 优惠券设置 -->
        <div class="form-group" data-favisible="prize_type=5">
            <label class="control-label col-sm-3"> 选择优惠券：</label>
            <div class="col-sm-8">
                <button type="button" class="btn btn-info" id="select-coupon-btn">
                    <i class="fa fa-plus"></i> 选择优惠券
                </button>
                <input type="hidden" name="coupon_id" data-rule="required" data-msg-required="请选择优惠券">
                <div id="selected-coupon-display" style="margin-top: 10px;"></div>
            </div>
        </div>
        
        <!-- 红包设置 -->
        <div class="form-group" data-favisible="prize_type=6">
            <label class="control-label col-sm-3">红包金额：</label>
            <div class="col-sm-8">
                <div class="input-group" style="width: 200px;">
                    <input type="number" class="form-control reward-value-input" name="reward_value_redpack" data-rule="required;number;range(0.3~200)" min="0.3" max="200" step="0.01" placeholder="请输入红包金额">
                    <span class="input-group-addon">元</span>
                </div>
                <div class="help-block">红包金额支持0.3-200元</div>
                <div class="alert alert-info" style="margin-top: 10px; padding: 8px;">
                    <small>使用发放红包功能需要商家在微信支付商户开通企业打款到零钱或商家转账到零钱功能<br/>
                    成功领取的红包将自动打款到会员的微信零钱<br/>
                    除微信小程序和公众号，其他渠道红包中奖后将自动置为未中奖</small>
                </div>
            </div>
        </div>
        
        <!-- 兑换码设置 -->
        <div class="form-group" data-favisible="prize_type=7">
            <label class="control-label col-sm-3">兑换码类型：</label>
            <div class="col-sm-8">
                <div style="margin-bottom: 15px;">
                    <label class="radio-inline"><input type="radio" name="code_type" value="auto" checked data-rule="checked"> 系统自动生成</label>
                    <label class="radio-inline"><input type="radio" name="code_type" value="manual"> 手动输入</label>
                </div>
                <div data-favisible="code_type=manual">
                    <label class="control-label">兑换码列表：</label>
                    <textarea class="form-control" name="manual_codes" rows="5" placeholder="请输入兑换码，每行一个" data-rule="required" data-msg-required="请输入兑换码列表"></textarea>
                    <div class="help-block">每行输入一个兑换码，系统将按顺序发放</div>
                </div>
            </div>
        </div>
        
        <!-- 商城奖品设置 -->
        <div class="form-group" data-favisible="prize_type=8">
            <label class="control-label col-sm-3">选择商品：</label>
            <div class="col-sm-8">
                <button type="button" class="btn btn-info" id="select-goods-btn">
                    <i class="fa fa-plus"></i> 选择商品
                </button>
                <input type="hidden" name="goods_id" data-rule="required" data-msg-required="请选择商品">
                <div id="selected-goods-display" style="margin-top: 10px;"></div>
            </div>
        </div>
        
        <div class="form-group">
            <label class="control-label col-sm-3"> 奖品图片：</label>
            <div class="col-sm-8">
                <div class="input-group">
                    <input id="prize-image-input" class="form-control" name="prize_image" type="text" placeholder="请上传奖品图片">
                    <div class="input-group-addon no-border no-padding">
                        <span><button type="button" id="plupload-prize-image" class="btn btn-danger plupload" data-input-id="prize-image-input" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-prize-image"><i class="fa fa-upload"></i> 上传</button></span>
                        <span><button type="button" id="fachoose-prize-image" class="btn btn-primary fachoose" data-input-id="prize-image-input" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> 选择</button></span>
                    </div>
                </div>
                <ul class="row list-inline plupload-preview" id="p-prize-image">
                    <!-- 图片预览区域 -->
                </ul>
                <div class="help-block">建议尺寸：640*640像素</div>
            </div>
        </div>
        
        <div class="form-group" data-favisible="prize_type!=1">
            <label class="control-label col-sm-3">奖品数量：</label>
            <div class="col-sm-8">
                <div class="input-group" style="width: 120px;">
                    <input type="number" class="form-control" name="prize_quantity" data-rule="required;digits;min(1)" min="1" value="1" placeholder="请输入数量">
                </div>
                <div class="help-block">奖品数量必填（未中奖类型无需填写）</div>
            </div>
        </div>
        
        <div class="form-group">
            <label class="control-label col-sm-3">中奖概率：</label>
            <div class="col-sm-8">
                <div class="input-group" style="width: 180px;">
                    <input type="number" class="form-control" name="prize_rate" min="0" max="100" step="0.01" value="0.00" placeholder="请输入">
                    <span class="input-group-addon">%</span>
                </div>
                <div class="help-block">设置该奖品的中奖概率</div>
            </div>
        </div>
    </form>
</script>
<!-- 奖品列表项模板 -->
<script type="text/html" id="prize-item-template">
    <tr class="prize-item">
        <td class="text-center">
            <i class="fa fa-bars prize-sort-handle" style="cursor: move; color: #ccc;"></i>
        </td>
        <td>
            <span class="prize-name"><%=name%></span>
            <!-- 隐藏域存储表单数据 -->
            <input type="hidden" class="prize-name-input" name="prizes[<%=index%>][name]" value="<%=name%>">
            <input type="hidden" class="prize-type-input" name="prizes[<%=index%>][type]" value="<%=type%>">
            <input type="hidden" class="prize-image-input" name="prizes[<%=index%>][image]" value="<%=imageRelative%>">
            <% if(goodsId) { %>
            <input type="hidden" class="prize-goods-id-input" name="prizes[<%=index%>][goods_id]" value="<%=goodsId%>">
            <% } %>
            <% if(couponId) { %>
            <input type="hidden" class="prize-coupon-id-input" name="prizes[<%=index%>][coupon_id]" value="<%=couponId%>">
            <% } %>
        </td>
        <td>
            <span class="label label-<%=labelClass%>"><%=typeName%></span>
            <% if(rewardText) { %>
            <div style="font-size: 11px; color: #666; margin-top: 2px;"><%=rewardText%></div>
            <% } %>
        </td>
        <td class="text-center">
            <img src="<%=imageDisplay%>" style="width: 40px; height: 40px;" class="img-rounded">
        </td>
        <td class="text-center">
            <% if(quantity === 0) { %>
            <span>-</span>
            <% } else { %>
            <input type="number" class="form-control input-sm prize-quantity text-center" name="prizes[<%=index%>][quantity]" value="<%=quantity%>" min="1" style="width: 60px;">
            <% } %>
        </td>
        <td class="text-center">
            <div class="input-group" style="width: 100px; margin: 0 auto;">
                <input type="number" class="form-control input-sm prize-rate text-center" name="prizes[<%=index%>][rate]" value="<%=rate%>" min="0" max="100" step="0.01">
                <span class="input-group-addon" style="padding: 4px 6px;">%</span>
            </div>
        </td>
        <td class="text-center">
            <span class="prize-sent">-</span>
        </td>
        <td class="text-center">
            <button type="button" class="btn btn-xs btn-primary edit-prize" style="margin-right: 5px;">编辑</button>
            <button type="button" class="btn btn-xs btn-danger delete-prize">删除</button>
        </td>
    </tr>
</script>

<!-- 奖品商品选择模板（单选模式） -->
<script type="text/html" id="prize-goods-template">
    <div class="prize-goods-item" style="display: flex; align-items: center; padding: 12px; border: 1px solid #ddd; border-radius: 4px; background: #fafafa;" data-id="<%=id%>">
        <div style="flex-shrink: 0; margin-right: 12px;">
            <img src="<%=image%>" style="width: 50px; height: 50px; border-radius: 4px;" />
        </div>
        <div style="flex: 1; margin-right: 12px;">
            <div style="font-size: 14px; color: #333; margin-bottom: 4px; line-height: 1.4;">
                <% if(type_text) { %>
                <span class="label label-danger" style="margin-right: 6px; font-size: 10px;"><%=type_text%></span>
                <% } %>
                <span class="goods-name-display"><%=name || title%></span>
            </div>
            <div style="font-size: 12px; color: #666; margin-bottom: 2px;">
                <% if(price) { %>
                <span style="color: #e74c3c; font-weight: bold;">¥<%=price%></span>
                <% } %>
                <% if(spec_type !== undefined) { %>
                <span style="margin-left: 8px;">
                    <% if(spec_type == 0) { %>
                    <span class="label label-info" style="font-size: 10px;">单规格</span>
                    <% } else { %>
                    <span class="label label-warning" style="font-size: 10px;">多规格</span>
                    <% } %>
                </span>
                <% } %>
            </div>
            <div style="font-size: 11px; color: #999;">
                <% if(goods_sn) { %>
                <span>编码: <%=goods_sn%></span>
                <% } %>
                <% if(category && category.name) { %>
                <span style="margin-left: 8px;">分类: <%=category.name%></span>
                <% } %>
                <% if(type_name) { %>
                <span style="margin-left: 8px;">类型: <%=type_name%></span>
                <% } %>
            </div>
        </div>
        <div style="flex-shrink: 0;">
            <a href="javascript:;" class="remove-prize-goods" style="color: #3c8dbc; text-decoration: none;">删除</a>
        </div>
        <input type="hidden" name="goods_id" value="<%=id%>" />
    </div>
</script>


<!-- 已选优惠券显示模板 -->
<script type="text/html" id="selected-coupon-template">
<div class="selected-coupon-item" style="padding: 8px; border: 1px solid #ddd; border-radius: 4px; background: #f9f9f9;">
    <span><%=name%></span>
    <span class="text-muted">(<%=type_text%>)</span>
    <input type="hidden" name="coupon_id" value="<%=id%>">
    <button type="button" class="btn btn-xs btn-default pull-right" onclick="$(this).closest('.selected-coupon-item').remove();">删除</button>
</div>
</script>



<!-- 规则参与 商品选择列表模板（支持单选和多选模式） -->
<script type="text/html" id="goods-list-template">
    <div class="goods-list-container">
        <% for(var i = 0; i < goods.length; i++) { %>
        <div class="goods-list-item" style="display: flex; align-items: center; padding: 12px; border-bottom: 1px solid #f0f0f0; background: #fafafa;" data-id="<%=goods[i].id%>">
            <div style="flex-shrink: 0; margin-right: 12px;">
                <img src="<%=goods[i].image%>" style="width: 50px; height: 50px; border-radius: 4px;" />
            </div>
            <div style="flex: 1; margin-right: 12px;">
                <div style="font-size: 14px; color: #333; margin-bottom: 4px; line-height: 1.4;">
                    <% if(goods[i].type_text) { %>
                    <span class="label label-danger" style="margin-right: 6px; font-size: 10px;"><%=goods[i].type_text%></span>
                    <% } %>
                    <%=goods[i].name || goods[i].title%>
                </div>
                <div style="font-size: 12px; color: #666; margin-bottom: 2px;">
                    <% if(goods[i].price) { %>
                    <span style="color: #e74c3c; font-weight: bold;">¥<%=goods[i].price%></span>
                    <% } %>
                    <% if(goods[i].spec_type !== undefined) { %>
                    <span style="margin-left: 8px;">
                        <% if(goods[i].spec_type == 0) { %>
                        <span class="label label-info" style="font-size: 10px;">单规格</span>
                        <% } else { %>
                        <span class="label label-warning" style="font-size: 10px;">多规格</span>
                        <% } %>
                    </span>
                    <% } %>
                </div>
                <div style="font-size: 11px; color: #999;">
                    <% if(goods[i].goods_sn) { %>
                    <span>编码: <%=goods[i].goods_sn%></span>
                    <% } %>
                    <% if(goods[i].category && goods[i].category.name) { %>
                    <span style="margin-left: 8px;">分类: <%=goods[i].category.name%></span>
                    <% } %>
                    <% if(goods[i].type_name) { %>
                    <span style="margin-left: 8px;">类型: <%=goods[i].type_name%></span>
                    <% } %>
                </div>
            </div>
            <div style="flex-shrink: 0;">
                <a href="javascript:;" class="remove-goods-item" data-id="<%=goods[i].id%>" style="color: #3c8dbc; text-decoration: none;">删除</a>
            </div>
        </div>
        <% } %>
    </div>
</script>

<!-- 任务商品选择模板（不生成表单字段，由JavaScript管理） -->
<script type="text/html" id="task-goods-template">
    <div class="goods-list-container">
        <% for(var i = 0; i < goods.length; i++) { %>
        <div class="goods-list-item" style="display: flex; align-items: center; padding: 12px; border-bottom: 1px solid #f0f0f0; background: #fafafa;" data-id="<%=goods[i].id%>">
            <div style="flex-shrink: 0; margin-right: 12px;">
                <img src="<%=goods[i].image%>" style="width: 50px; height: 50px; border-radius: 4px;" />
            </div>
            <div style="flex: 1; margin-right: 12px;">
                <div style="font-size: 14px; color: #333; margin-bottom: 4px; line-height: 1.4;">
                    <% if(goods[i].type_text) { %>
                    <span class="label label-danger" style="margin-right: 6px; font-size: 10px;"><%=goods[i].type_text%></span>
                    <% } %>
                    <%=goods[i].name || goods[i].title%>
                </div>
                <div style="font-size: 12px; color: #666; margin-bottom: 2px;">
                    <% if(goods[i].price) { %>
                    <span style="color: #e74c3c; font-weight: bold;">¥<%=goods[i].price%></span>
                    <% } %>
                    <% if(goods[i].spec_type !== undefined) { %>
                    <span style="margin-left: 8px;">
                        <% if(goods[i].spec_type == 0) { %>
                        <span class="label label-info" style="font-size: 10px;">单规格</span>
                        <% } else { %>
                        <span class="label label-warning" style="font-size: 10px;">多规格</span>
                        <% } %>
                    </span>
                    <% } %>
                </div>
                <div style="font-size: 11px; color: #999;">
                    <% if(goods[i].goods_sn) { %>
                    <span>编码: <%=goods[i].goods_sn%></span>
                    <% } %>
                    <% if(goods[i].category && goods[i].category.name) { %>
                    <span style="margin-left: 8px;">分类: <%=goods[i].category.name%></span>
                    <% } %>
                    <% if(goods[i].type_name) { %>
                    <span style="margin-left: 8px;">类型: <%=goods[i].type_name%></span>
                    <% } %>
                </div>
            </div>
            <div style="flex-shrink: 0;">
                <a href="javascript:;" class="remove-task-goods" data-id="<%=goods[i].id%>" style="color: #3c8dbc; text-decoration: none;">删除</a>
            </div>
            <!-- 不生成表单字段，由JavaScript统一管理隐藏字段 -->
        </div>
        <% } %>
    </div>
</script>




<!-- 活动统计模板 -->
<script type="text/html" id="activity-stats-template">
<div class="row">
    <div class="col-md-3">
        <div class="info-box bg-aqua">
            <span class="info-box-icon"><i class="fa fa-users"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">参与人数</span>
                <span class="info-box-number"><%=totalPeople%></span>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="info-box bg-green">
            <span class="info-box-icon"><i class="fa fa-trophy"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">抽奖次数</span>
                <span class="info-box-number"><%=totalDraw%></span>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="info-box bg-yellow">
            <span class="info-box-icon"><i class="fa fa-gift"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">中奖次数</span>
                <span class="info-box-number"><%=totalWin%></span>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="info-box bg-red">
            <span class="info-box-icon"><i class="fa fa-percent"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">中奖率</span>
                <span class="info-box-number"><%=winRate%>%</span>
            </div>
        </div>
    </div>
</div>
</script>

<!-- 条件设置模板 -->
<script type="text/html" id="condition-template">
<div class="condition-item" style="padding: 15px; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 10px;">
    <div class="row">
        <div class="col-sm-3">
            <label>条件类型：</label>
            <select class="form-control condition-type" name="condition_type">
                <% for(var i = 0; i < conditionTypes.length; i++) { %>
                <option value="<%=conditionTypes[i].value%>" <% if(conditionTypes[i].value == selectedType) { %>selected<% } %>><%=conditionTypes[i].text%></option>
                <% } %>
            </select>
        </div>
        <div class="col-sm-3 condition-amount-group" style="<% if(showAmount) { %>display: block;<% } else { %>display: none;<% } %>">
            <label>金额：</label>
            <div class="input-group">
                <input type="number" class="form-control" name="condition_amount" min="0" step="0.01" value="<%=amount%>" placeholder="请输入">
                <span class="input-group-addon">元</span>
            </div>
        </div>
        <div class="col-sm-4 condition-goods-group" style="<% if(showGoods) { %>display: block;<% } else { %>display: none;<% } %>">
            <label>参与商品：</label>
            <button type="button" class="btn btn-info select-condition-goods">
                <i class="fa fa-plus"></i> 选择商品
            </button>
            <div class="selected-condition-goods" style="margin-top: 5px;"></div>
        </div>
        <div class="col-sm-2">
            <label>&nbsp;</label>
            <div>
                <button type="button" class="btn btn-danger btn-sm remove-condition">
                    <i class="fa fa-trash"></i> 删除
                </button>
            </div>
        </div>
    </div>
</div>
</script>
{/literal}