haojiwen
/
new_sdk_wu


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418
							{extend name="layout/content" /}
{block name="header"}
<title>新增游戏管理</title>
<link rel="stylesheet" href="__STATIC__/css/FuzzySearch.css?v={$Think.STATIC_VERSION}">
<style>
    .layui-form-label {
        width: 110px;
    }

    .layui-textarea {
        width: 27%;
    }
</style>
{/block}
{block name="content"}

<body>
<div class="x-body">
    <form class="layui-form" action="{:url('addGuildGift')}" method="POST">

        <div class="layui-form-item">
            <label for="" class="layui-form-label">选择游戏：</label>
            <!-- <div class="layui-input-inline">
                <select name="gameid" lay-verify="required" lay-search lay-filter="changeChannel">
                    <option value="0">-- 请选择游戏 --</option>
                    {notempty name="game_list"} {volist name="game_list" id="cvo"}
                    <option value="{$cvo.id}">{:escape($cvo.name)}</option>
                    {/volist} {/notempty}
                </select>
            </div> -->

            <div class="layui-input-inline FuzzySearch_Container">
                <div>
                    <input type="hidden" id='gameid' name="gameid" value="{:input('gameid')}" />
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="" class="layui-form-label">礼包类型：</label>
            <div class="layui-input-inline">
                <select name="type" id="istype" class="valid" lay-filter="istype">
                    <option  value="0">普通礼包</option>
                    <option  value="1">充值礼包</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item" id="tiao_1" style="display:none;">
            <label class="layui-form-label" for="get_condis">领取限制1:</label>
            <div class="layui-input-inline">
                <select  name="get_condis1" id="iscondis" lay-filter="iscondis">
                    <option  value="1" data-notice="“最高档位可领”是指只能领取充值金额以内最高档位礼包限一次" data-notice1="（领取后即使再次充值，也不可再领取相同兑换有效期内其它任何礼包）">累计充值</option>
                    <option  value="2" data-notice="指不可重复领取相同礼包" data-notice1="">单笔充值</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item" id="tiao_2" style="display:none;">
            <label class="layui-form-label" for="get_condis">领取限制2:</label>
            <div class="layui-input-inline">
                <select  name="get_condis2" id="limitTwo" lay-filter="limitTwo">
                    <option  value="TOPLEVEL" data-notice="只能领取充值金额以内最高档位礼包限一次" data-notice1="（领取后即使再次充值，也不可再领取相同兑换有效期内其它任何礼包）">最高档位可领</option>
                    <option  value="MULLEVEL" data-notice="能领取充值金额以内所有档位礼包" data-notice1="">多档位可领</option>
                </select>
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="get_condis_notice">只能领取充值金额以内最高档位礼包限一次</span>
                <br/>
                <span class="get_condis_notice_1">（领取后即使再次充值，也不可再领取相同兑换有效期内其它任何礼包）</span>
            </div>
        </div>

        <div class="layui-form-item" id="bishu" style="display:none;">
            <label class="layui-form-label" for="title">充值笔数:</label>
            <div class="layui-input-inline">
                <input type="text" name="limit_num" class="layui-input"  autocomplete="off" />
            </div>
        </div>

        <div class="layui-form-item" id="tiao" style="display:none;">
            <label class="layui-form-label" for="title">领取条件:</label>
            <div class="layui-input-inline">
                <input type="text" name="limit_amount" class="layui-input" autocomplete="off" />
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span>以消费金额为条件，必须为整数 等同于单笔充值金额</span>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label" for="title">礼包标题：</label>
            <div class="layui-input-inline">
                <input type="text" name="title" class="layui-input" autocomplete="off" />
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label" for="code">礼包序列号:</label>
            <div class="layui-input-block">
                <textarea name="code" placeholder="请输入礼包序列号" class="layui-textarea"> </textarea>
                <div class="layui-form-mid layui-word-aux">
                    1条礼包码单独一行，不同礼包码之间换行显示，如：<br/>
                    xxxxxxxxxxxx(礼包码1)<br/>
                    xxxxxxx(礼包码2)<br/>
                    xxxxxxxxxx(礼包码3)<br/>
                    ……
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label" for="content">礼包内容:</label>
            <div class="layui-input-block">
                <textarea name="content" placeholder="请输入礼包内容" class="layui-textarea"></textarea>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label" for="starttime">有效日期:</label>
            <div class="layui-input-inline">
                <input class="layui-input" placeholder="开始时间" name="starttime" id="starttime" readonly='readonly' >
            </div>
            <div class="layui-form-mid layui-word-aux"> 至 </div>
            <div class="layui-input-inline">
                <input class="layui-input" placeholder="结束时间" name="endtime" id="endtime" readonly='readonly' >
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label" for="is_top">是否推荐:</label>
            <div class="layui-input-inline">
                <select id="settop" name="is_top" lay-filter="settop">
                    <option  value="0">否</option>
                    <option  value="1">是</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item" id="settoptime" >
            <label class="layui-form-label" for="t_starttime" >推荐时间:</label>
            <div class="layui-input-inline">
                <input class="layui-input" placeholder="开始时间" name="t_starttime" id="t_starttime" readonly='readonly' >
            </div>
            <div class="layui-form-mid layui-word-aux"> 至 </div>
            <div class="layui-input-inline">
                <input class="layui-input" placeholder="结束时间" name="t_endtime" id="t_endtime" readonly='readonly' >
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">操作：</label>
            <div class="layui-input-block">
                <button class="layui-btn layui-btn-radius" lay-submit lay-filter="" id="J_submit_btn">确定</button>
                <button type="button" onClick="javascript:history.back(-1);" class="layui-btn  layui-btn-radius layui-btn-primary">返回
                </button>
            </div>
        </div>

    </form>
</div>
{/block}
{block name="footer"}
<script type="text/javascript" src="__STATIC__/js/FuzzySearch.js?v={$Think.STATIC_VERSION}"></script>
<script>

    $("#gameid").FuzzySearch({
        inputID     : 'gameid',
        title   	: '请输入游戏名称',
        data        :{:json_encode($game_list)},
        searchBtn	:'J_submit_btn',
    });

    $(document).ready(function() {

        showtoptime();
        showtype();
//        $("#settop").change(function() { showtoptime(); } );
//        $("#istype").change(function() { showtype(); } );
//        $("#iscondis").change(function() { showlimit(); } );
        $(".get_condis_notice").text($('#iscondis').find("option:selected").data("notice"));
        $(".get_condis_notice_1").text($('#iscondis').find("option:selected").data("notice1"));
    });

    function showtoptime() {
        var is_top = $("#settop").val();

        if ( is_top == '1' ) {
            $("#settoptime").show();
        } else {
            $("#settoptime").hide();
        }
    };

    function showtype() {
        var is_type = $("#istype").val();

        if ( is_type == '1' ) {
            $("#tiao").show();
            $("#tiao_1").show();
            $("#tiao_2").show();
        } else {
            $("#tiao").hide();
            $("#tiao_1").hide();
            $("#tiao_2").hide();
        }
    };

    function showlimit() {
        var is_type = $("#istype").val();

        if ( is_type == '1' ) {
            $("#tiao").show();
            $("#tiao_1").show();
            $("#tiao_2").show();
        } else {
            $("#tiao").hide();
            $("#tiao_1").hide();
            $("#tiao_2").hide();
        }
    };

    layui.use(['form', 'layer', 'laydate'], function () {
        $ = layui.jquery;
        var form = layui.form,
            layer = layui.layer,
            laydate = layui.laydate;

        var starttime = laydate.render({
            elem: '#starttime',
            type: 'date',
            format: 'yyyy-MM-dd',
            done: function (value, dates) {
                endtime.config.min = {
                    year: dates.year,
                    month: dates.month - 1, //关键
                    date: dates.date,
                    hours: 0,
                    minutes: 0,
                    seconds: 0
                };
            }
        });
        var endtime = laydate.render({
            elem: '#endtime',
            type: 'date',
            format: 'yyyy-MM-dd',
            done: function (value, dates) {
                starttime.config.max = {
                    year: dates.year,
                    month: dates.month - 1, //关键
                    date: dates.date,
                    hours: 0,
                    minutes: 0,
                    seconds: 0
                }
            }
        });

        var t_starttime = laydate.render({
            elem: '#t_starttime',
            type: 'date',
            format: 'yyyy-MM-dd',
            done: function (value, dates) {
                endtime.config.min = {
                    year: dates.year,
                    month: dates.month - 1, //关键
                    date: dates.date,
                    hours: 0,
                    minutes: 0,
                    seconds: 0
                };
            }
        });
        var t_endtime = laydate.render({
            elem: '#t_endtime',
            type: 'date',
            format: 'yyyy-MM-dd',
            done: function (value, dates) {
                starttime.config.max = {
                    year: dates.year,
                    month: dates.month - 1, //关键
                    date: dates.date,
                    hours: 0,
                    minutes: 0,
                    seconds: 0
                }
            }
        });

        //自定义验证规则
        form.verify({
            nikename: function (value) {
                if (value.length < 5) {
                    return '昵称至少得5个字符啊';
                }
            },
            pass: [/(.+){6,12}$/, '密码必须6到12位'],
            repass: function (value) {
                if ($('#L_pass').val() != $('#L_repass').val()) {
                    return '两次密码不一致';
                }
            }
        });

        // 监听平台选择
        form.on('select(istype)', function(data){
            showtype();
        });
        // 监听平台选择
        form.on('select(settop)', function(data){
            showtoptime();
        });
        // 监听平台选择----领取限制 的文字说明切换
        form.on('select(iscondis)', function(data){
            showlimit();

            var type = data.value;
            var option = '';
            if (type == 1) {
                $('#bishu').hide();
                option += "<option value='TOPLEVEL'>最高档位可领</option>";
                option += "<option value='MULLEVEL'>多档位可领</option>";
            }else if (type == 2) {
                $('#bishu').show();
                option += "<option value='UNREPEATABLE'>不可重复领取</option>";
                option += "<option value='REPEATABLE'>可重复领取</option>";
            }

            $('#limitTwo').html(option);
            form.render('select');

            $(".get_condis_notice").text($('#iscondis').find("option:selected").data("notice"));
            $(".get_condis_notice_1").text($('#iscondis').find("option:selected").data("notice1"));
        });
        // 监听平台选择----领取限制 的文字说明切换
        form.on('select(limitTwo)', function(data){
            var msg2 = '';
            var type = data.value;

            if (type == 'MULLEVEL') {
                var msg1 = '“多档位可领”是指能领取充值金额以内所有档位礼包各一次';
            }
            if (type == 'TOPLEVEL') {
                var msg1 = '“最高档位可领”是指只能领取充值金额以内最高档位礼包限一次';
                var msg2 = '（领取后即使再次充值，也不可再领取相同兑换有效期内其它任何礼包）';
            }
            if (type == 'REPEATABLE') {
                var msg1 = '指可重复领取相同礼包';
            }
            if (type == 'UNREPEATABLE') {
                var msg1 = '指不可重复领取相同礼包';
            }

            $(".get_condis_notice").text(msg1);
            $(".get_condis_notice_1").text(msg2);
        });
        //监听提交
        form.on('submit(add)', function (data) {
            console.log(data);
            //发异步，把数据提交给php
            layer.alert("增加成功", {
                icon: 6
            }, function () {
                // 获得frame索引
                var index = parent.layer.getFrameIndex(window.name);
                //关闭当前frame
                parent.layer.close(index);
            });
            return false;
        });

    });

    // 领取限制 的文字说明切换
    $("#iscondis").change(function () {
        var type = $(this).val();
        var option = '';
        if (type == 1) {
            $('#bishu').hide();
            option += "<option value='TOPLEVEL'>最高档位可领</option>";
            option += "<option value='MULLEVEL'>多档位可领</option>";
        }else if (type == 2) {
            $('#bishu').show();
            option += "<option value='UNREPEATABLE'>不可重复领取</option>";
            option += "<option value='REPEATABLE'>可重复领取</option>";
        }
        $('#limitTwo').html(option);
        $(".get_condis_notice").text($('#iscondis').find("option:selected").data("notice"));
        $(".get_condis_notice_1").text($('#iscondis').find("option:selected").data("notice1"));
    })


    // 领取限制 的文字说明切换
    $("#limitTwo").change(function () {
        var msg2 = '';
        var type = $(this).val();

        if (type == 'MULLEVEL') {
            var msg1 = '“多档位可领”是指能领取充值金额以内所有档位礼包各一次';
        }
        if (type == 'TOPLEVEL') {
            var msg1 = '“最高档位可领”是指只能领取充值金额以内最高档位礼包限一次';
            var msg2 = '（领取后即使再次充值，也不可再领取相同兑换有效期内其它任何礼包）';
        }
        if (type == 'REPEATABLE') {
            var msg1 = '指可重复领取相同礼包';
        }
        if (type == 'UNREPEATABLE') {
            var msg1 = '指不可重复领取相同礼包';
        }

        $(".get_condis_notice").text(msg1);
        $(".get_condis_notice_1").text(msg2);
    })
</script>

{/block}