{extend name="admin@public/basic" /}

{block name="style"}
<link rel="stylesheet" href="__STATIC__/css/admin/public.css" media="all"/>
{/block}

{block name="cotent"}

<form class="layui-form">


    <table id="currentTable" lay-filter="currentTable"></table>
    <script type="text/html" id="returnStatus">
        {{#if(d.return_status == 1){}}
        <div id="returnStatus{{d.id}}">未退款</div>
        {{#}else if(d.return_status == 2){}}
        <div id="returnStatus{{d.id}}">待退款</div>
        {{#}else if(d.return_status == 3){}}
        <div id="returnStatus{{d.id}}">部分退款</div>
        {{#}else{}}
        <div id="returnStatus{{d.id}}">已退款</div>
        {{#}}}
    </script>

    <script type="text/html" id="payWay">
        {{#if(d.pay_way == 1){}}
        <div>微信</div>
        {{#}else{}}
        <div >支付宝</div>
        {{#}}}
    </script>
    <!--表单操作栏--开始-->
    <script type="text/html" id="currentTableBar">

        {{#if(d.status == 1){}}
            {{#if(d.pay_way == 1){}}
            <a class="layui-btn layui-btn-xs layui-btn-danger" data-title="确定退款？" onclick="returnOrder('{{d.id}}','{{d.pay_way}}')"  id="clickStatus{{d.id}}">微信退款</a>
            {{#}else{}}
            <a class="layui-btn layui-btn-xs layui-btn-danger" data-title="确定退款？" onclick="returnOrder('{{d.id}}','{{d.pay_way}}')"  id="clickStatus{{d.id}}">支付宝退款</a>
            {{#}}}
        {{#}}}

    </script>
    <script type="text/html" id="checkStatus">
        {{#if(d.status == 1){}}
        <div id="status{{d.id}}" style="color:green">已支付</div>
        {{#}else if(d.status == 2){}}
        <div id="status{{d.id}}" style="color:red">已退款</div>
        {{#}else{}}
        <div id="status{{d.id}}">待支付</div>
        {{#}}}
    </script>
</form>
{/block}
{block name="script"}
<script>


    var screenWith = localStorage.getItem("fdith") / 8 - 3;

    /**
     * 生成表单
     */
    $.form.table('current', '{:url("$thisRequest")}?type=ajax&user_id={$user_id}', [[

        {field: 'ord_no', title: '订单号', width: screenWith,fixed: "left", align: "center"},
        {field: 'userInfo', title: '考生信息', width:screenWith, align: "center"},
        {field: 'vipName', title: '权限类型',width:screenWith,align: "center"},
        {field: 'money', title: '价格', width:screenWith, align: "center"},
        {field: 'pay_way', title: '支付方式',width:screenWith, align: "center",templet: '#payWay'},
        {field: 'status', title: '状态',templet: '#checkStatus',width:screenWith, align: "center"},
        {field: 'add_time', title: '下单时间',width:screenWith, align: "center"},
        {field: 'pay_time', title: '支付时间', width:screenWith,align: "center"},
        {title: '操作',  templet: '#currentTableBar',width:screenWith, fixed: "right", align: "center"},


    ]], false, 'line', 'lg', true);
    /**
     * 监听字段值编辑
     */
    $.form.editField('currentTable', '{:url("$thisRequest")}');


    //退款
    function returnOrder(id,payWay) {
        layer.open({
            type: 1,
            skin: 'layui-layer-rim', //加上边框
            title: '退款',
            area: ['300px', '180px'], //宽高
            content: '<div class="layui-form-item layui-inline" div style="padding:10px 40px">\n' +
            '<div class="layui-input-inline">\n' +
            '<input type="text"  class="layui-input selectBlock" value="网络原因" />\n' +
            '</div>\n' +
            '</div> <div style="padding:5px 60px"><a class="layui-btn layui-btn-normal"  id="statusDiv'+id+'">点击退款</a></div>',
            success: function(layero, index){
                $('#statusDiv'+id).click(function(){
                    var reason =  layero.find('input')[0].value;
                    $.ajax({
                        type: "POST",
                        url: '{:url("$thisClass/refundOrder")}',
                        data: "id=" + id + '&reason='+reason+'&payWay='+payWay,
                        success: function (data) {
                            if (data.code == 0) {
                                layer.alert(data.msg);
                            } else if (data.code == 1) {
                                layer.alert(data.msg);
                                $("#status" + id).html('<span style="color:red">已退款</span>');
                                layer.close(index);
                                $(".layui-btn#clickStatus" + id).css("display", "none");
                            } else {
                                layer.closeAll();
                                layer.alert('退款失败');
                            }
                        }
                    })
                })
            }
        })
    }





</script>
{/block}