<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="__CSS__/base.css" media="all">
    <link rel="stylesheet" type="text/css" href="__CSS__/common.css" media="all">
    <link rel="stylesheet" type="text/css" href="__CSS__/style.css" media="all">
    <link rel="stylesheet" type="text/css" href="__CSS__/default_color.css" media="all">
    <link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
    <link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="__CSS__/select2.min.css" type="text/css" />

    <script type="text/javascript" src="__STATIC__/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="__JS__/select2.min.js"></script>
    <script type="text/javascript" src="__STATIC__/layer3/layer.js"></script>
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"charset="UTF-8"></script>
    <script src="__STATIC__/juicer-min.js" type="text/javascript"></script>
</head>
<style>
    html {
        min-width:100%;
    }
    body {
        padding: 0 0 0;
        margin: auto;
    }
    .tabcon1711 table{
        width: 480px;
    }
    table{
        margin: auto;
    }
    .hidebox{
        display: none;
    }
    .r{
        width: 300px;
    }
    .l{
        width: 180px;
    }
    .select2-container--default .select2-selection--single {
        color: #000;
        resize: none;
        border-width: 1px;
        border-style: solid;
        border-color: #a7b5bc #ced9df #ced9df #a7b5bc;
        box-shadow: 0 3px 3px #F7F8F9 inset;
        height: 28px;
        border-radius: 3px;
        font-size: 12px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 28px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
    }

    .select2-container--default .select2-search--dropdown .select2-search__field {
        height: 26px;
        line-height: 26px;
        font-size: 12px;
    }
</style>
<body>
<div style="display: flex;margin: auto;">
    <div class="tab-content tabcon1711" id="firstPartBaseInfo">
        <table  border="0" cellspacing="0" cellpadding="0">
            <tbody>
            <tr>
                <td class="l">服务器类型:</td>
                <td class="r">
                    <select id="server_type" name="server_type" class="select_gallery">
                        <option value="1">测试内网</option>
                        <option value="2">测试外网</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td class="l">订单类型:</td>
                <td class="r">
                    <select id="order_type" name="order_type" class="select_gallery">
                        <option value="1">sdk充值订单</option>
                        <option value="2">平台币充值订单</option>
                        <option value="3">超级签充值订单</option>
                        <option value="0">未知订单</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td class="l">支付订单号:</td>
                <td class="r">
                    <input type="text" class="txt" name="order_no" id="order_no" value="" placeholder="请输入支付订单号">
                </td>
            </tr>
            <tr>
                <td class="l">CP订单号:</td>
                <td class="r">
                    <input type="text" class="txt" name="cp_order_no" id="cp_order_no" value="" placeholder="请输入CP订单号">
                </td>
            </tr>
            <tr>
                <td class="l">测试账号:</td>
                <td class="r">
                    <input type="text" class="txt" name="user_account" id="user_account" value="" placeholder="请输入测试账号">
                </td>
            </tr>
            <tr>
                <td class="l">选择游戏:</td>
                <td class="r">
                    <select id="game_name" name="game_id" class="select_gallery" >
                        <option value="">游戏名称</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td class="l">订单金额:</td>
                <td class="r">
                    <input type="text" class="txt" name="order_amount" id="order_amount" value="" placeholder="请输入订单金额">
                </td>
            </tr>
            <tr>
                <td class="l">实付金额:</td>
                <td class="r">
                    <input type="text" class="txt" name="pay_amount" id="pay_amount" value="" placeholder="请输入实付金额">
                </td>
            </tr>
            <tr>
              <td class="l">充值方式:</td>
              <td class="r">
                <select id="pay_way" name="pay_way" class="select_gallery">
                  <option value="1">支付宝</option>
                  <option value="2">微信(扫码)</option>
                  <option value="3">微信app</option>
                  <option value="4">威富通</option>
                  <option value="5">聚宝云</option>
                  <option value="6">竣付通</option>
                  <option value="7">金猪</option>
                  <option value="9">双乾支付-支付宝</option>
                  <option value="10">双乾支付-银联</option>
                  <option value="15">双乾支付-快捷</option>
                  <option value="0">平台币</option>
                  <option value="-1">绑币</option>
                  <option value="17">易宝支付</option>
                </select>
              </td>
            </tr>
            <tr>
                <td class="l">充值商户:</td>
                <td class="r">
                    <select id="merchant_id" name="merchant_id" class="select_gallery">
                        <volist name=":getMerchantList()" id="vo">
                            <option value="{$vo.id}" data-way="{$vo.ways}">{$vo.name}</option>
                        </volist>
                    </select>
                </td>
            </tr>
            <tr>
                <td class="l">商户充值方式:</td>
                <td class="r">
                    <select id="merchant_way" name="merchant_way" class="select_gallery">
                        <option value=''>请选择商户支付方式</option>
                    </select>
                </td>
            </tr>


            <tr>
                <td class="l">充值时间:</td>
                <td class="r">
                    <input type="text" class="txt" name="pay_time" value="" id="datetimepicker" placeholder="请选择充值时间" readonly>
                </td>
            </tr>
            </tbody>
        </table>
        <div class="jssearch fl cf search_list" style="width: 100%;text-align: center">
            <a class="sch-btn" href="javascript:;" id="jssearch" url="{:U('TestOrder/saveOrder','model='.$model['name'] .'&row='.I('row'),false)}" style="width: 120px">提交保存</a>
        </div>
    </div>
</div>

<script>
    $(function(){
        /*$('#datetimepicker').datetimepicker({
            format: 'yyyy-mm-dd hh:ii:ss',
            language: "zh-CN",
            minView: 2,
            endDate:new Date(),
            autoclose: true,
            pickerPosition: 'bottom-left'
        })*/
        $('#datetimepicker').datetimepicker({
            language:"zh-CN",
            hour: 13,
            minute: 15,
            autoclose: true
        });

        EVENT.changeCompany();
        EVENT.createStatement();
        $("#first_partner_id").change();//默认甲方只能是我们公司

    });

    function get_game_list()
    {
        var game_name = "{:I('game_id')}";
        $.ajax({
            url:"{:U('PayChannel/getGameList')}",
            type:"post",
            data:{partner_id:$("#partner_id option:selected").val(), sdk_type:$("#sdk_version1 option:selected").val()},
            dataType:'json',
            success:function(data){
                var str = "<option value=''>请选择游戏</option>";
                for (var i in data){
                    str += "<option value='"+data[i].id+"'"+(game_name && data[i].id == game_name?'selected':'')+">"+data[i].game_name+"</option>"
                }
                // console.log(str);
                $("#game_name").empty();
                $("#game_name").append(str);
                $("#game_name").select2();

            }
        })
    }

    get_game_list();

</script>

<script type="text/javascript">

    $("#merchant_id").change(function () {
        var way = $("#merchant_id option:selected").attr("data-way");
        var ways = [];
        var option = '';
        ways[1] = '支付宝';
        ways[2] = '微信';
        ways[4] = '快捷支付';
        $("#merchant_way").empty();
        $("#merchant_way").append("<option value=''>请选择商户支付方式</option>");

        ways.forEach(function(val,index,ways){
            if ((way & index) == index) {
                option = "<option value='"+index+"'>"+ways[index]+"</option>";
                $("#merchant_way").append(option);
            }

        });


    });
    $("#merchant_id").change();

    //搜索功能
    $("#jssearch").click(function(){
        var starttime = $.trim($('#time-start').val());
        var endtime = $.trim($('#time-end').val());

        if (starttime && endtime && starttime > endtime) {layer.msg('开始时间必须小于等于结束时间');return false;}


        var url = $(this).attr('url');
        var query  = $('table').find('input').serialize();
        query  += "&" + $('table').find('select').serialize();
        query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
        query = query.replace(/^&/g,'');

        if( url.indexOf('?')>0 ){
            url += '&' + query;
        }else{
            url += '?' + query;
        }

        if (!$('#server_type').val()) {
            layer.msg("服务器类型不能为空");
            return;
        }
        if (!$('#order_type').val()) {
            layer.msg("订单类型不能为空");
            return;
        }
        if (!$('#order_no').val()) {
            layer.msg("支付订单号不能为空");
            return;
        }
        // if (!$('#cp_order_no').val()) {
        //     layer.msg("cp订单号不能为空");
        //     return;
        // }
        if (!$('#user_account').val()) {
            layer.msg("测试账号不能为空");
            return;
        }
        // if (!$('#game_name').val()) {
        //     layer.msg("游戏不能为空");
        //     return;
        // }
        if (!$('#order_amount').val()) {
            layer.msg("订单金额不能为空");
            return;
        }
        if (!$('#pay_amount').val()) {
            layer.msg("实付不能为空");
            return;
        }
        if (!$('#pay_way').val()) {
            layer.msg("支付方式不能为空");
            return;
        }
        if (!$('#datetimepicker').val()) {
            layer.msg("充值时间不能为空");
            return;
        }

        $.ajax({
            url:url,
            type:"post",
            dataType:'json',
            success:function(data){
                console.log(data);
                if (data.status == 1) {
                    window.parent.reload();
                } else {
                    layer.msg(data.msg);
                }

            }
        })

    });

    //回车自动提交
    $('.jssearch').find('input').keyup(function(event){
        if(event.keyCode===13){
            $("#search").click();
        }
    });
</script>

</body>
</html>