tp3_activity/Application/Admin/View/Default/ActivityV2/mengbao.html

<!-- header start -->
<include file="Public/Header" />
<!-- header end -->

<!-- right content start  -->
<div class="content-right">
    <div class="content">
        <!-- form start -->
        <div id="success" style="color:#fff;display: none;background: limegreen;height: 3rem;text-align: center;"></div>
        <form class="am-form form-validation view-save" action="{{:U('Admin/ActivityV2/Save')}}" method="POST" request-type="ajax-reload" enctype="multipart/form-data">
            <legend>
                <span class="fs-16">
                    <if condition="empty($data['id'])">
                        新增活动
                        <else />
                        编辑活动
                    </if>
                </span>
                <a href="{{:U('Admin/Activity/Index')}}" class="fr fs-14 m-t-5 am-icon-mail-reply"> {{:L('common_operation_back')}}</a>
            </legend>
            <div class="am-form-group">
                <label>活动名称</label>
                <input type="text" name="activity_name" placeholder="活动名称" autocomplete="off" data-validation-message="请填名称" class="am-form-field am-radius"
                <notempty name="data"> value="{{$data.activity_name}}" </notempty>/>
            </div>
            <div class="am-form-group">
                <label>开始时间</label>
                <input type="text" name="start_at" placeholder="开始时间" autocomplete="off" class="am-form-field am-radius date"
                <notempty name="data"> value="{{$data.start_at}}" </notempty>/>
                <label>结束时间</label>
                <input style="clear: both;" type="text" name="end_at" autocomplete="off" placeholder="结束时间" class="am-form-field am-radius date"
                <notempty name="data"> value="{{$data.end_at}}" </notempty>/>
            </div>
            <div class="am-g">
                <label for="doc-ipt-email-1">奖品设置</label><a><button type="button" id="doc-prompt-toggle-1"> 新增奖品 </button></a>
            </div>
            <div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt-1">
                <div class="am-modal-dialog">
                    <div class="am-modal-hd">新增奖品</div>
                    <div class="am-modal-bd">
                        <input type="text" name="prize_name_dom" class="am-modal-prompt-input" placeholder="设定奖品名称">
                        <input type="text" name="prize_num_dom"  class="am-modal-prompt-input" placeholder="设定奖品数量">
                        <input type="text" name="prize_level_dom"  class="am-modal-prompt-input" placeholder="设定奖品等级">
                        <input type="file" style="border: hidden;"   id="file1" name='file' placeholder="上传图片" class="am-form-field am-radius" />
                        <input type="hidden" name="prize_img_dom" class="prize_img"  value="" />
                        <p><img id="img1" alt="上传成功啦" src="" width="100px" style="display: none;"/></p>
                    </div>
                    <div class="am-modal-footer">
                        <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                        <span class="am-modal-btn" data-am-modal-confirm>提交</span>
                    </div>
                </div>
            </div>
            <div class="am-g">
                <input type="hidden" id="hidden_dom" value=""/>
                <input type="file" style="display:none;"   id="file2" name='file' placeholder="上传图片" class="am-form-field am-radius" />
            </div>
            <div class="am-g">
                <table class="am-table am-table-bordered am-table-striped am-table-hove">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>奖品名</th>
                        <th>属性</th>
                        <th>奖品数量</th>
                        <th>奖品等级</th>
                        <th>奖品图片</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody id="tbody1">
                    <if condition="$data['prize_list']">
                        <foreach name="data['prize_list']" item="prize" key="k1">
                            <tr>
                                <td><input type="text" name="prize_id[]" value="{{$prize['prize_id']}}" class="prize_id_class"/></td>
                                <td><input type="text" name="prize_name[]" class="prize_name_class" value="{{$prize.prize_name}}"/></td>
                                <td>
                                    <select name="prize_object[]">
                                        <option value="real" <if condition="$prize['prize_object'] eq 'real'">selected</if>>实体奖品</option>
                                        <option value="vitual" <if condition="$prize['prize_object'] eq 'vitual'">selected</if>>虚拟奖品</option>
                                        <option value="none" <if condition="$prize['prize_object'] eq 'none'">selected</if>>不中奖</option>
                                    </select>
                                </td>
                                <td><input type="text" name="prize_num[]" value="{{$prize.prize_num}}"/></td>
                                <td><input type="text" name="prize_level[]"value="{{$prize.prize_level}}"/></td>
                                <th class="listenImg">
                                    <input type="hidden" name="prize_img[]" class="prize_img" id="{{$prize['prize_id']}}" value="{{$prize.prize_img}}"/>
                                    <img id="show_img_{{$prize.prize_id}}" src="{{$prize.prize_img}}" width="100px;"/>
                                </th>
                                <th>
                                    <select name="prize_status[]">
                                        <option value="1" <if condition="$prize['prize_status'] eq 1">selected</if>>有效</option>
                                        <option value="0" <if condition="$prize['prize_status'] eq 0">selected</if>>失效</option>
                                    </select>
                                </th>
                            </tr>
                        </foreach>
                    </if>
                    </tbody>
                </table>
            </div>
            <div class="am-g">
                <label for="doc-ipt-email-1">出奖规则</label><a><button type="button" id="doc-prompt-toggle-2"> 新增规则 </button></a>
            </div>
            <div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt-2">
                <div class="am-modal-dialog">
                    <div class="am-modal-hd">新增出奖规则</div>
                    <div class="am-modal-bd">
                        <select id="prize_name_select">
                        </select>
                        <select id="rule_role">
                            <option value="会员">会员</option>
                            <option value="普通用户">普通用户</option>
                            <option value="虚拟用户">虚拟用户</option>
                            <option value="不限">不限</option>
                        </select>
                        <select id="rule_mode">
                            <option value="a">活动期间每一天</option>
                            <option value="b">自定义单日设置</option>
                            <option value="c">自定义多日设置</option>
                        </select>
                        <input type="hidden" id="rule_date" value="" placeholder="中间值"/>
                        <input type="text" style="display: none" id="rule_onedate" value="" placeholder="设定中奖日期,单选"/>
                        <input type="text" style="display: none" id="rule_moredate" value="" placeholder="设定中奖日期,多选"/>
                        <input type="text" id="rule_hour" value="" placeholder="设定中奖时段"/>
                        <select id="rule_cycle">
                            <option value="days">每天</option>
                            <option value="total">总共</option>
                        </select>
                        <input type="text" id="rule_num" value="" placeholder="设定中奖数量"/>
                        <input type="text" id="rule_probability" value="" placeholder="设定中奖概率,除不中奖0外,其余转化成分数填写,如1/2表示中奖概率50%"/>
                    </div>
                    <div class="am-modal-footer">
                        <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                        <span class="am-modal-btn" data-am-modal-confirm>提交</span>
                    </div>
                </div>
            </div>
            <div class="am-g">
                <table class="am-table am-table-bordered am-table-striped am-table-hove">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>奖品名</th>
                        <th>中奖数量</th>
                        <th>中奖概率</th>
                        <th>中奖身份</th>
                        <th>中奖日期</th>
                        <th>中奖时段</th>
                        <th>计数策略</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody id="tbody2">
                    <if condition="$data['prize_rule']">
                        <foreach name="data['prize_rule']" item="rule">
                            <tr>
                                <td><input type="text" name="rule_id[]"  class="rule_id_class" value="{{$rule.rule_id}}"/></td>
                                <td><input type="text" name="rule_prize_name[]" value="{{$rule.rule_prize_name}}"/></td>
                                <td><input type="text" name="rule_num[]" value="{{$rule.rule_num}}"/></td>
                                <td><input type="text" name="rule_probability[]"value="{{$rule.rule_probability}}"/></td>
                                <td><input type="text" name="rule_role[]"value="{{$rule.rule_role}}"/></td>
                                <td><input type="text" name="rule_date[]"value="{{$rule.rule_date}}"/></td>
                                <td><input type="text" name="rule_hour[]"value="{{$rule.rule_hour}}"/></td>
                                <td><input type="text" name="rule_cycle[]"value="{{$rule.rule_cycle|default='每天'}}"/></td>
                                <th>
                                    <select name="rule_status[]">
                                        <option value="1" <if condition="$rule['rule_status'] eq 1">selected</if>>有效</option>
                                        <option value="0" <if condition="$rule['rule_status'] eq 0">selected</if>>失效</option>
                                    </select>
                                </th>
                            </tr>
                        </foreach>
                    </if>
                    </tbody>
                </table>
            </div>
            <div class="am-form-group">
                <label>活动模式</label>
                <input type="text" name="logic" placeholder="后台开发配置此项" readonly=true class="am-form-field am-radius"
                       value="{{$data.logic}}"/>
            </div>
            <div class="am-form-group">
                <label>视图位置</label>
                <input type="text" name="view" placeholder="后台开发配置此项" readonly=true class="am-form-field am-radius"
                       value="{{$data.view}}"/>
            </div>
            <div class="am-form-group">
                <label>日志记录表</label>
                <input type="text" name="prize_log_table" placeholder="后台开发配置此项" readonly=true class="am-form-field am-radius"
                       value="{{$data.prize_log_table}}"/>
            </div>
            <div class="am-form-group">
                <label>vip用户每日参与活动次数</label>
                <input type="text" name="vip_chance" placeholder="默认3次" class="am-form-field am-radius"
                <notempty name="data"> value="{{$data.vip_chance}}" </notempty>/>
                <label>普通用户每日参与活动次数</label>
                <input style="clear: both;" type="text" name="novip_chance" placeholder="默认一次" class="am-form-field am-radius"
                <notempty name="data"> value="{{$data.novip_chance}}" </notempty>/>
            </div>
            <div class="am-form-group">
                <label>鉴权方式</label>
                <label class="am-radio-inline">
                    <input type="radio"  value="1" name="checkvip_style" <if condition= "$data['checkvip_style'] eq 1">checked</if>> 前端传递
                </label>
                <label class="am-radio-inline">
                    <input type="radio"  value="2" name="checkvip_style" <if condition= "$data['checkvip_style'] eq 2">checked</if>> 后台鉴权
                </label>
            </div>
            <div class="am-form-group">
                <label>活动是否开启</label>
                <if condition= "$data['is_enable']">
                    <label class="am-radio-inline">
                        <input type="radio"  value="1" name="is_enable" checked="checked"> 开启
                    </label>
                    <label class="am-radio-inline">
                        <input type="radio"  value="0" name="is_enable"> 关闭
                    </label>
                    <else />
                    <label class="am-radio-inline">
                        <input type="radio"  value="1" name="is_enable"> 开启
                    </label>
                    <label class="am-radio-inline">
                        <input type="radio"  value="0" name="is_enable" checked="checked"> 关闭
                    </label>
                </if>
            </div>

            <div class="am-form-group">
                <label>是否启用测试模式</label>
                <if condition= "$data['is_test']">
                    <label class="am-radio-inline">
                        <input type="radio"  value="1" name="is_test" checked="checked"> 启用
                    </label>
                    <label class="am-radio-inline">
                        <input type="radio"  value="0" name="is_test"> 关闭
                    </label>
                    <else />
                    <label class="am-radio-inline">
                        <input type="radio"  value="1" name="is_test"> 启用
                    </label>
                    <label class="am-radio-inline">
                        <input type="radio"  value="0" name="is_test" checked="checked"> 关闭
                    </label>
                </if>
            </div>
            <div class="am-form-group">
                <label>活动细则<span class="fs-12 fw-100 cr-999">（<if condition="IsMobile()">{{:L('article_content_format_mobile')}}<else />{{:L('article_images_upload_format')}}</if>）</span></label>
                <textarea class="am-radius am-validate" name="introduce" rows="5" minlength="50" maxlength="105000" <if condition="!IsMobile()">id="editor-tag" data-url="{{:U('Admin/Ueditor/Index', ['path_type'=>'Article'])}}" placeholder="{{:L('article_content_format')}}" <else /> placeholder="{{:L('article_content_format')}}{{:L('article_content_format_mobile')}}" </if> data-validation-message="{{:L('article_content_format')}}" required><notempty name="data">{{$data.introduce}}</notempty></textarea>
            </div>
            <div class="am-form-group" style="padding-top: 2rem">
                <input type="hidden" name="id" <notempty name="data"> value="{{$data.id}}"</notempty>" />
                <button class="am-btn am-btn-primary">保存</button>
            </div>
        </form>
        <!-- form end -->
    </div>
</div>
<!-- right content end  -->

<!-- footer start -->
<include file="Public/Footer" />
<!-- footer end -->
<script src="__PUBLIC__/Common/Lib/uploader/ajaxfileupload.js" type="text/javascript"></script>
<script>

    function abc(){
        var prize_size  = Number($('.prize_id_class').length) + Number(1);

        alert(prize_size);return false;
    }
    $(function() {
        $('#doc-prompt-toggle-1').on('click', function() {
            $('#my-prompt-1').modal({
                relatedTarget: this,
                onConfirm: function(e) {
                    var prize_name      = $('input[name=prize_name_dom]').val();
                    var prize_num       = $('input[name=prize_num_dom]').val();
                    var prize_level     = $('input[name=prize_level_dom]').val();
                    var prize_img       = $('input[name=prize_img_dom]').val();
                    var prize_size      = Number($('.prize_id_class').length) + Number(1);
                    $("#tbody1").append('<tr><td><input type=text readonly name=prize_id[] value='+prize_size+' class=prize_id_class></td><td><input type=text name=prize_name[] value='+prize_name+' class=prize_name_class></td><td><select name=prize_object[]><option value="real" selected>实体奖品</option><option value="vitual">虚拟奖品</option><option value="none">不中奖</option></select></td><td><input type=text name=prize_num[] value='+prize_num+'></td><td><input type=text name=prize_level[] value='+prize_level+'></td><td><input type=hidden name=prize_img[] value='+prize_img+'><img src='+prize_img+' width="100px;"></td><th><select name=prize_status[]><option value="1" selected>有效</option><option value="0">失效</option></select></th></tr>');
                    $('input[name=prize_name_dom]').val('');
                    $('input[name=prize_num_dom]').val('');
                    $('input[name=prize_level_dom]').val('');
                    $('input[name=prize_img_dom]').val('');
                    $("#img1").attr("src", '');
                    $("#img1").hide();
                    $('input[name=file]').val('');
                },
                onCancel: function(e) {
                    $('input[name=prize_name_dom]').val('');
                    $('input[name=prize_num_dom]').val('');
                    $('input[name=prize_level_dom]').val('');
                    $('input[name=prize_img_dom]').val('');
                    $("#img1").attr("src", '');
                    $("#img1").hide();
                    $('input[name=file]').val('');
                }
            });
        });
        $('#doc-prompt-toggle-2').on('click', function() {
            var html = '';
            $('.prize_name_class').each(function(index){
                var prize_name = $(this).val();
                var prize_id= $('.prize_id_class').eq(index).val();
                html += "<option value="+prize_id+'#'+prize_name+">"+prize_id+"#"+prize_name+"</option>";
            });
            $("#prize_name_select").html(html);
            $('#my-prompt-2').modal({
                relatedTarget: this,
                onConfirm: function(e) {
                    var rule_prize_name     = $('#prize_name_select').val();
                    var rule_num            = $('#rule_num').val();
                    var rule_probability    = $('#rule_probability').val();
                    var rule_role           = $('#rule_role').val();
                    var rule_date           = $('#rule_date').val() ? $('#rule_date').val(): '每日';
                    var rule_hour           = $('#rule_hour').val();
                    var rule_cycle          = $('#rule_cycle').val();
                    var rule_size  = Number($('.rule_id_class').length) + Number(1);
                    $("#tbody2").append('<tr><td><input type=text readonly class="rule_id_class" name=rule_id[] value='+rule_size+'></td><td><input type=text name=rule_prize_name[] value='+rule_prize_name+'></td><td><input type=text name=rule_num[] value='+rule_num+'></td><td><input type=text name=rule_probability[] value='+rule_probability+'></td><td><input type=text name=rule_role[] value='+rule_role+'></td><td><input type=text name=rule_date[] value="'+rule_date+'"></td><td><input type=text name=rule_hour[] value="'+rule_hour+'"></td><td><input type=text name=rule_cycle[] value="'+rule_cycle+'"></td><th><select name=rule_status[]><option value="1" selected>有效</option><option value="0">失效</option></select></th></tr>');
                    $('#rule_num').val('');
                    $('#rule_probability').val('');
                    $('#rule_date').val('');
                    $('#rule_hour').val('');
                },
                onCancel: function(e) {
                    $('#rule_num').val('');
                    $('#rule_probability').val('');
                    $('#rule_date').val('');
                    $('#rule_hour').val('');
                }
            });
        });
    });
</script>
<script type="text/javascript">
    $("body").on("change","#file1",function () {
        ajaxFileUpload();
    });
    function ajaxFileUpload() {
        $.ajaxFileUpload
        (
            {
                url: "{{:U('Admin/ActivityV2/Uploader')}}&model=one", //用于文件上传的服务器端请求地址
                secureuri: false, //是否需要安全协议，一般设置为false
                fileElementId: 'file1', //文件上传域的ID
                dataType: 'text', //返回值类型 一般设置为json
                success: function (data, status) //服务器成功响应处理函数
                {
                    data = eval('(' + data + ')');
                    $(".prize_img").attr("value", data.imgurl);
                    $("#img1").attr("src", data.imgurl);
                    $("#img1").show();

                },
                error: function (data, status, e)//服务器响应失败处理函数
                {
                    alert(status);
                }
            }
        )
        return false;
    }
    jeDate("input[name=start_at]",{
        //onClose:false,
        format: "YYYY-MM-DD hh:00:00"
    });
    jeDate("input[name=end_at]",{
        //onClose:false,
        format: "YYYY-MM-DD hh:00:00"
    });
    jeDate("#rule_moredate",{
        range:" 至 ",
        minDate:$('input[name=start_at]').val() ? $('input[name=start_at]').val() : '2019-01-01',
        maxDate:$('input[name=end_at]').val() ? $('input[name=end_at]').val() : '2099-12-31',
        format: 'YYYY-MM-DD',
        donefun: function(obj){
            $('#rule_date').val(obj.val);
        }
    });
    jeDate("#rule_onedate",{
        minDate:$('input[name=start_at]').val()? $('input[name=start_at]').val() : '2019-01-01',
        maxDate:$('input[name=end_at]').val() ? $('input[name=end_at]').val() : '2099-12-31',
        format: 'YYYY-MM-DD',
        donefun: function(obj){
            $('#rule_date').val(obj.val);
        }
    });
    jeDate("#rule_hour",{
        format: "hh:mm",
        multiPane:false,
        range:" 至 "
    });
</script>
<script>
    $("#rule_mode").change(function(){
//        $(this).css("background-color","#FFFFCC");
        var mode = $(this).val();
//        alert(mode);//return ;
        console.log(mode);
        if(mode === 'a'){
            $('#rule_onedate').hide();
            $('#rule_moredate').hide();
        }
        if(mode === 'b'){
            $('#rule_onedate').show();
            $('#rule_moredate').hide();
        }
        if(mode === 'c'){
            $('#rule_onedate').hide();
            $('#rule_moredate').show();
        }
    });
</script>
<script>
    $("body").on("change","#file2",function () {
        ajaxFileUploadReplace();
    });
    $('.listenImg').on('click',function(){
        var trigger_dom_id = $(this).children("input.prize_img").attr('id');
        $('#hidden_dom').val(trigger_dom_id);
        $('#file2').click();
    });

    function ajaxFileUploadReplace() {
        $.ajaxFileUpload
        (
            {
                url: "{{:U('Admin/ActivityV2/Uploader')}}&model=one", //用于文件上传的服务器端请求地址
                secureuri: false, //是否需要安全协议，一般设置为false
                fileElementId: 'file2', //文件上传域的ID
                dataType: 'text', //返回值类型 一般设置为json
                success: function (data, status) //服务器成功响应处理函数
                {
                    data = eval('(' + data + ')');
                    console.log(data.imgurl);
                    var trigger_dom_id = $('#hidden_dom').val();
                    var show_img_dom = 'show_img_'+trigger_dom_id;
                    $("#"+show_img_dom).attr("src", data.imgurl);
                    $("#"+trigger_dom_id).val(data.imgurl);
                    $('#hidden_dom').val('');
                },
                error: function (data, status, e)//服务器响应失败处理函数
                {
                    alert(status);
                }
            }
        )
        return false;
    }
</script>