qy-platform/Application/Home/View/default/TestingResource/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="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')}"  autocomplete="off">
                        </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')}"  autocomplete="off">
                        </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='apply'
                            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>
                                选择
                            </th>
                            <th>游戏名称</th>
                            <th>区服名称</th>
                            <th>测试账号</th>
                            <th>手机号</th>
                            <th>角色名称</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="records">
                            <tr>
                                <td colspan="17" 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="records" id="record" mod="2">
                                <tr class="<eq name='mod' value='1'>odd</eq>">
                                    <td>
                                        <label class="checked">
                                            <input class="ids" type="radio" value="{$s['id']}" name="ids[]">
                                            <i class="check_icon"></i>
                                        </label>
                                    </td>
                                    <td>{$record.game_name}</td>
                                    <td>{$record.server_name}</td>
                                    <td>{$record.user_account}</td>
                                    <td>{$record.user_phone}</td>
                                    <td>{$record.role_name}</td>
                                    <td>{$record.bind_user_account}</td>
                                    <td>{$record.bind_role_name}</td>
                                    <td>{$record.base_quota}</td>
                                    <td>{$record.other_quota}</td>
                                    <td>{$record.quota}</td>
                                    <td>{$record.verify_amount}</td>
                                    <td>{$record.provide_amount}</td>
                                    <td>{$record.today_amount}</td>
                                    <td>{$record.apply_amount}</td>
                                    <td>{$record.status}</td>
                                    <td>{$record.create_time}</td>
                                </tr>
                            </volist>
                        </empty>
                    </table>

                </div>

                <div class="pagenation clearfix">
                    {$pagination}
                </div>

            </div>
        </div>
    </div>
    <div id="add-box" class="layer-box" style="display: none;">
        <form method="post" enctype="multipart/form-data">
            <div class="form-group">
                <label>用户账号</label>
                <div class="form-item" style="width: 400px;">
                    <textarea name="accounts" placeholder="用户账号以英文逗号(,)隔开" class="form-input" id="" cols="50" rows="10"></textarea>
                </div>
            </div>
            <div class="form-group">
                <label></label>
                <a id="add-submit" href="javascript:;" class="add-submit btn">确定</a>
            </div>
        </form>
    </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
        });

        $('#apply').click(function () {
            var title = '添加测试资源申请'
            var url = "{:U('TestingResource/apply')}"

            layer.open({
                title: title,
                type: 2,
                content: [url , 'no'],
                area: ['1000px', '550px'],
                zIndex: 250,
                scrollbar: false,
            })
        })

        $('#add').click(function () {
            var box = $('#add-box')
            layer.open({
                title: '新增测试账号',
                type: 1,
                content: box,
                area: ['700px', '330px'],
                zIndex: 250,
            })
        });

        $('#add-submit').on({
            click: function () {
                var box = $('#add-box')
                var accounts = box.find('[name=accounts]').val()
                console.log(accounts)
                $.ajax({
                    async: false,
                    url: "{:U('addTestingUsers')}",
                    type: "POST",
                    dataType: "json",
                    data: { accounts: accounts },
                    success: function (result) {
                        if (result.status == 0) {
                            layer.msg(result.message);
                        } else {
                            var message = '成功' + result.data.successCount + '个, 失败' +  result.data.errorCount + '个, 已存在' + result.data.existCount + '个。'
                            layer.confirm(message, {
                                    btn: ['确定'] //按钮
                                }, function(){
                                    location.reload();
                            })
                            // layer.msg(result.message);
                            /* setTimeout(function () {
                                location.reload();
                            }, 1000); */
                        }
                    },
                    error: function () {

                    }
                });
            }
        })

        $('#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_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>