cf-platform/Application/Home/View/default/TestResource/index.html

<extend name="Public/promote_base" />
<block name="css">
    <link href="__CSS__/20180207/data.css" rel="stylesheet">
    <link href="__CSS__/20180207/manager.css" rel="stylesheet">
    <link href="__CSS__/20180207/finance.css" rel="stylesheet">
    <style>
        @media screen and (max-width: 1500px) {
            .normal_form {
                padding-top: 45px;
            }

            .trunk-search .normal_txt {
                width: 100px
            }

            .select2-container--default .select2-selection--single {
                width: 125px;
            }

            .trunk-search .select-time .txt {
                width: 100px;
            }

            .form-group .submit {
                width: 55px;
            }
        }

        .open_edit {
            color: #19ADED;
            text-decoration: none;
            line-height: 40px;
            border-collapse: collapse;
            border-spacing: 0;
        }

        .apply {
            color: #19ADED;
            text-decoration: none;
            line-height: 40px;
            border-collapse: collapse;
            border-spacing: 0;
        }

        .my_text {
            position: relative;
            padding: 0 10px;
            border: 1px solid #D5D5D5;
            border-radius: 5px;
            outline: none;
            font-size: 14px;
            font-family: inherit;
            height: 38px;
            line-height: 38px;
        }

        .my_save {
            width: 95px;
            height: 36px;
            line-height: 38px;
            display: block;
            background: #26C7DB;
            color: #fff;
            border: none;
            border-radius: 4px;
            text-align: center;
            float: left;
            cursor: pointer;
            text-decoration: none;
            padding: 0;
            margin: 14px;
            font-family: "微软雅黑";
            box-sizing: border-box;
        }

        .td_tit {
            width: 112px;
            text-align: right;
            padding: 0 24px 0 6px;
            border: none;
        }
    </style>
</block>

<block name="body">

    <div class="div_editor" style="display:none;">
        <form action="">
            <table class="" style="border-collapse:separate; border-spacing:0px 10px;">
                <tbody>
                    <tr>
                    </tr>
                    <tr>
                        <td class="td_tit"><span style="color: red">*</span>游戏名称</td>
                        <td><input class="my_text" type="text" size="50" value="" id='i_game_name' placeholder=""
                                disabled="disabled"></td>
                    </tr>
                    <tr>
                        <td class="td_tit"><span style="color: red">*</span>游戏区服</td>
                        <td><input class="my_text" type="text" size="50" value="" id='i_server_name' placeholder=""
                                disabled="disabled"></td>
                    </tr>
                    <tr>
                        <td class="td_tit"><span style="color: red">*</span>账号</td>
                        <td><input class="my_text" type="text" size="50" value="" id='i_account' placeholder=""
                                disabled="disabled"></td>
                    </tr>
                    <tr>
                        <td class="td_tit"><span style="color: red">*</span>密码</td>
                        <td><input class="my_text" type="text" size="50" value="" id='i_password' placeholder=""></td>
                    </tr>
                    <tr>
                        <td class="td_tit"><span style="color: red">*</span>角色名称</td>
                        <td><input class="my_text" type="text" size="50" value="" id='i_role_name' placeholder=""></td>
                    </tr>

                    <input class="" type="hidden" size="50" value="" id='i_support_id' placeholder="">

                    <tr>
                        <td class="">&nbsp;</td>
                        <td class="td_tit"><a class="i_save my_save" data-id="">保存</a><a class="i_cancel my_save">取消</a>
                        </td>

                    </tr>
                </tbody>
            </table>
        </form>
    </div>




    <div class="page-search normal_list query-recharge-search jssearch">

        <div class="trunk-title">
            <div class="location">
                <div class="location-container">当前位置：<span>测试资源></span><span>测试资源申请</span></div>
            </div>
            <img src="__IMG__/20180207/icon_normal_shenqing.png">
            <span class="title_main">申请测试资源</span>
            <span class="details">说明:申请测试资源</span>
        </div>



        <div class="trunk-content article">
            <div class="trunk-search clearfix">

                <div id="form1">
                    <div class="form-group normal_space fr">
                        <input type="submit" class="submit" id='submit' value="查询" url="{:U('index')}"
                            style="cursor:pointer;">
                    </div>
                    <div class="form-group normal_space fr">
                        <label class="form-title select-title" style="margin-right: 9px;">至</label>
                        <div class="select-time">
                            <input type="text" id="edate" class="txt" name="end" placeholder="结束时间" value="{:I('end')}">
                        </div>
                    </div>
                    <div class="form-group normal_space fr">
                        <label class="form-title select-title">申请时间：</label>
                        <div class="select-time">
                            <input type="text" id="sdate" class="txt" name="start" placeholder="开始时间"
                                value="{:I('start')}">
                        </div>
                    </div>
                    <div class="form-group normal_space fr">
                            <input type="text" name="role_name" class="txt normal_txt" style="width:128px;"
                                placeholder="角色名称" value="{:I('role_name')}" onKeyDown="webchat_chkkeysend(event);">
                        </div>
                        <div class="form-group normal_space fr">
                                <input type="text" name="user_account" class="txt normal_txt" id="uid" style="width:128px;"
                                    placeholder="测试账号" value="{:I('user_account')}" onKeyDown="webchat_chkkeysend(event);">
                            </div>
                    <div class="form-group normal_space fr">
                        <span id="server_js">
                            <select id="server_id" name="server_name" class="reselect select_gallery"
                                style="width:101px">
                                <option game-id="0" value="">请选择区服</option>
                                <volist name=":getServer_name_on($_GET['game_name'])" id="vo">
                                    <option value="{$vo.server_name}" <if
                                        condition="$_GET['server_name'] eq $vo['server_name']">selected="selected"</if>
                                        >{$vo.server_name}</option>
                                </volist>

                            </select>
                        </span>
                    </div>

                    <div class="form-group normal_space fr">
                        <select id="game_id" name="game_name" class="reselect select_gallery">
                            <option game-id="0" value="">请选择游戏</option>
                            <volist name=":get_game_list()" id="vo">
                                <option game-id="{$vo.id}" value="{$vo.game_name}" <if
                                    condition="$_GET['game_name'] eq $vo['game_name']">selected="selected"</if>
                                    >{$vo.game_name}</option>
                            </volist>
                        </select>
                    </div>

                    <br>
                    <br>
                    <br>
                    <div class="form-group normal_space fr">
                        <input type="button" class="submit" id='batch_add'
                            style="width: 100px;text-align: center;background:rgb(249,104,104);cursor:pointer;"
                            value="批量申请后续">
                    </div>
                    <div class="form-group normal_space fr">
                        <input type="button" class="submit" id='add'
                            style="width: 100px;text-align: center;background:rgb(249,104,104);cursor:pointer;"
                            value="新增测试号" url="{:U('add')}">
                    </div>




                </div>

            </div>
        </div>


        <div class="page-list apply-app_apply-list query-recharge-list">
            <div class="trunk-content article">
                <div class="tabcon trunk-list">
                    <table class="table normal_table">
                        <tr class="odd">
                            <th>
                                <label class="checked">
                                    <input class="check-all" type="checkbox">
                                    <i class="check_icon"></i>
                                </label>
                            </th>
                            <th>产品名称</th>
                            <th>区服</th>
                            <th>测试账号</th>
                            <th>所属推广员</th>
                            <th>角色名称</th>
                            <th>累计发放资源</th>
                            <th>累计发放次数</th>
                            <th>申请数量</th>
                            <th>状态</th>
                            <th>创建时间</th>
                            <th>操作</th>
                        </tr>
                        <empty name="data">
                            <tr>
                                <td colspan="12" style="text-align: center;height: 45vh;"><img
                                        src="__IMG__/20180207/icon_wushujv2.png" />
                                    <p style="line-height: 40px;color: #A5A5A5;">暂无数据</p>
                                </td>
                            </tr>
                            <else />
                            <volist name="data" id="s" mod="2">
                                <tr class="<eq name='mod' value='1'>odd</eq>">
                                    <td>
                                        <label class="checked">
                                            <input class="ids" type="checkbox" value="{$s['id']}" name="ids[]">
                                            <i class="check_icon"></i>
                                        </label>
                                    </td>
                                    <td>{$s.game_name}</td>
                                    <td>{$s.server_name}</td>
                                    <td>{$s.user_account}</td>
                                    <td>{$s.promote_account}</td>
                                    <td>{$s.role_name}</td>
                                    <td>{$s.verify_resource_count}</td>
                                    <td>{$s.verify_count}</td>
                                    <td>{$s.apply_resource_count}</td>
                                    <td>
                                            <if condition="$s['check_status'] eq 1">
                                                正常
                                            <else />
                                                冻结
                                            </if>
                                    </td>

                                    <td>{$s.create_time}</td>
                                    <td>
                                        <a href="javascript:;" class="open_edit" data-account="{$s.user_account}"
                                            data-password="{$s['user_password']}"
                                            data-game_name="{$s.game_name}" data-server_name="{$s.server_name}"
                                            data-role_name="{$s.role_name}" data-support_id="{$s.id}">编辑</a>
                                        <a href="javascript:;" class="apply" id="" data-id="{$s.id}">申请</a>
                                    </td>
                                </tr>
                            </volist>
                        </empty>
                    </table>

                </div>

                <div class="pagenation clearfix">

                    {$_page}
                </div>

            </div>
        </div>
    </div>
</block>
<block name="script">
    <link rel="stylesheet" type="text/css" href="__CSS__/p_jquery.datetimepicker.css">
    <script type="text/javascript" src="__JS__/jquery.datetimepicker.js"></script>
    <script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
    <script src="__STATIC__/layer/layer.js"></script>

    <script type="text/javascript">

        $().ready(function () {
            setValue('row', '{:I("get.row",10)}');
            $("#pagehtml a").on("click", function (event) {
                event.preventDefault();//使a自带的方法失效，即无法调整到href中的URL(http://www.baidu.com)
                var geturl = $(this).attr('href');
                $('#data_form').attr('action', geturl);
                $('#data_form').submit();
            });

            $('#sdate').datetimepicker({
                lang: 'ch',
                format: 'Y-m-d',
                formatDate: 'Y-m-d',
                scrollMonth: false,
                scrollTime: false,
                scrollInput: false,
                timepicker: false
            });

            $('#add').click(function () {
                var url = $(this).attr('url');
                window.location.href = url;

            });
            $('#batch_add').click(function () {
                var ids = $('.ids:checked');

                if (ids.length > 0) {
                    var str = new Array();
                    ids.each(function () {
                        str.push($(this).val());
                    });
                    param = str.join(',');
                } else {
                    layer.msg('请选择要操作的数据');
                    return false;
                }
                var url = "{:U('apply','','')}" + '/id/' + param;
                window.location.href = url;

            });
            $('.apply').click(function () {
                var id = $(this).attr('data-id');
                var url = "{:U('apply','','')}" + '/id/' + id;
                window.location.href = url;

            });

            $('.open_edit').click(function () {
                var account = $(this).attr('data-account');
                var password = $(this).attr('data-password');
                var game_name = $(this).attr('data-game_name');
                var server_name = $(this).attr('data-server_name');
                var role_name = $(this).attr('data-role_name');
                var support_id = $(this).attr('data-support_id');
                $('#i_account').val(account);
                $('#i_password').val(password);
                $('#i_game_name').val(game_name);
                $('#i_server_name').val(server_name);
                $('#i_role_name').val(role_name);
                $('#i_support_id').val(support_id);
                var id_editor = '.div_editor';
                //页面层
                layer.open({
                    type: 1,
                    title: '新增扶持-修改',
                    closeBtn: 1,
                    area: ['600px', '429px'],
                    //skin: 'layui-layer-bgwhite', //白色背景色
                    shadeClose: true,
                    content: $(id_editor),
                })

            });

            $('.i_save').click(function () {
                var id = $('#i_support_id').val();
                var account = $('#i_account').val();
                var role_name = $('#i_role_name').val();
                var user_password = $('#i_password').val();
                var game_name =  $('#i_game_name').val();
                var server_name =  $('#i_server_name').val();
                if (user_password == '') {
                    layer.msg('密码不能为空');
                    return false;
                }

                if (role_name == '') {
                    layer.msg('角色名称不能为空');
                    return false;
                }

                $.ajax({
                    async: false,
                    url: "{:U('apply_edit')}",
                    type: "POST",
                    dataType: "json",
                    data: { game_name:game_name,server_name:server_name,role_name: role_name, user_password: user_password, user_account: account },
                    success: function (result) {
                        if (result.status == 0) {
                            layer.msg(result.msg);
                        } else {
                            layer.msg('修改成功');
                            setTimeout(function () {
                                location.reload();
                            }, 1000);
                        }
                    },
                    error: function () {

                    }
                });
            });

            $('.i_cancel').click(function () {
                location.reload();
            });


            $(".select_gallery").select2();

            $('#edate').datetimepicker({
                lang: 'ch',
                format: 'Y-m-d',
                formatDate: 'Y-m-d',
                timepicker: false
            });
        });
    </script>
    <script type="text/javascript">

        $("#submit").click(function () {

            var sdate = $('#sdate').val();
            var edate = $('#edate').val();

            if (Date.parse(sdate) > Date.parse(edate)) {
                layer.msg('开始时间必须小于等于结束时间');
                return false;
            }


            var url = $(this).attr('url');
            

            var query = $('#form1').find('input').serialize();

            query += "&" + $('#form1').find('select').serialize();

            query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g, '');

            query = query.replace(/^&/g, '');

            if (url.indexOf('?') > 0) {

                url += '&' + query;

            } else {

                url += '?' + query;

            }
            window.location.href = url;

        });



        $("#game_id").change(function () {

            $.ajax({

                url: "{:U('getServer')}",

                type: "post",

                data: { game_id: $("#game_id option:selected").attr('game-id') },

                dataType: 'json',

                success: function (data) {
                    str = "<option value=''>请选择区服</option>";

                    for (var i in data) {

                        str += "<option value='" + data[i].server_name + "'>" + data[i].server_name + "</option>"

                    }

                    $("#server_id").empty();

                    $("#server_id").append(str);

                    $("#server_id").select2();



                }

            })

        })


        $("#server_js").click(function (event) {

            var game_id = $("#game_id").val();

            if (game_id == 0) {

                layer.msg('请先选择游戏');
            }
        });

        function webchat_chkkeysend(event) {
            if (event.keyCode == 13) {

                $('#submit').click();
            }
        }

    </script>
</block>