{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">

    <!--顶部操作栏--开始-->
    <blockquote id="searchBlock" class="layui-elem-quote quoteBox">


        <div class="layui-form-item layui-inline">
            <label class="layui-form-label-99admin">考生所在省份</label>
            <div class="layui-input-inline">
                <select name="stu_yzy_province" lay-verify="required" lay-search id="stu_yzy_province">
                    <option value="0">直接选择或搜索选择</option>
                    {volist name="resProvince" id="vo"}
                    <option value="{$vo.code}">{$vo.title}</option>
                    {/volist}

                </select>
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label-99admin">订单号</label>
            <div class="layui-input-inline">
                <input type="text" id="ord_no" class="layui-input" placeholder="请输入订单号"/>
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label-99admin">手机号码</label>
            <div class="layui-input-inline">
                <input type="text" id="telnum" class="layui-input" placeholder="请输入手机号"/>
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label-99admin">支付方式</label>
            <div class="layui-input-inline">
                <select name="province" lay-verify="required" lay-search id="pay_way">
                    <option value="0">直接选择或搜索选择</option>
                    <option value="1">微信</option>
                    <option value="2">支付宝</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label-99admin">订单状态</label>
            <div class="layui-input-inline">
                <select name="province" lay-verify="required" lay-search id="status">
                    <option value="0">直接选择或搜索选择</option>
                    <option value="1">未支付</option>
                    <option value="2">已支付</option>
                    <option value="3">已退款</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label-99admin">创建时间</label>
            <div class="layui-input-inline">
                <input type="text" id="add_time" class="layui-input " placeholder="请选择创建时间">
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <a class="layui-btn" data-search="currentTableId">搜索</a>
        </div>


    </blockquote>
    <!--顶部操作栏--结束-->

    <!--主表单渲染--开始-->
    <table id="currentTable" lay-filter="currentTable"></table>
    <!--主表单渲染--结束-->
    <script type="text/html" id="payWay">
        {{#if(d.pay_way == 1){}}
        <div>微信</div>
        {{#}else{}}
        <div >支付宝</div>
        {{#}}}
    </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>
    <!--表单模板绑定--结束-->

    <!--表单操作栏--开始-->
    <script type="text/html" id="currentTableBar">

        {if auth("$thisClass/details")}
        <a class="layui-btn layui-btn-xs layui-btn-sm" data-open='{:url("$thisClass/details")}?id={{d.user_id}}' style="background: #0d8ddb"  data-title="订单详情" >用戶全部订单</a>
        {/if}

    </script>
    <!--表单操作栏--结束-->
</form>
{/block}

{block name="script"}
<script>

    /**
     * 生成表单
     */
    $.form.table('current', '{:url("$thisRequest")}?type=ajax', [[
        {field: 'ord_no', title: '订单号',fixed: "left",  align: 'center'},
        {field: 'telnum', title: '手机号', align: 'center'},
        {field: 'userInfo', title: '考生信息', align: 'center'},
        {field: 'vipName', title: '权限类型', align: 'center'},
        {field: 'pay_way', title: '支付方式', align: 'center',templet: '#payWay'},
        {field: 'money', title: '金額', align: 'center'},
        {field: 'status', title: '状态', templet: '#checkStatus',align: 'center'},
        {field: 'order_time', title: '时间', align: 'center',width: 400, fixed: "right"},
        {title: '操作', minWidth: 110, templet: '#currentTableBar', fixed: "right", align: "center"},


    ]]);

    /**
     * 日期范围
     */
    $.laydate.range('add_time');

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

    /**
     * 修改状态
     */
    $.form.switch('modifyStatus', '{:url("$thisClass/status")}');

    setTimeout(()=> {
        localStorage.setItem("fdith", document.body.clientWidth)
    },300)
</script>
{/block}