<!DOCTYPE html>
<html>
<head>
    {{template "template/css.html"}}
</head>
<body>
<div class="page">
    <!-- Main Navbar-->
    {{template "template/header.html"}}
    <div class="page-content d-flex align-items-stretch">
        <!-- Side Navbar -->
        <nav class="side-navbar">
            <!-- Sidebar Header-->
            <div class="sidebar-header d-flex align-items-center">
                <a href="/index/ui/">
                    <div class="avatar">
                        <img src="../../static/img/avatar-1.jpg" alt="..."
                             class="img-fluid rounded-circle">
                    </div>
                </a>
                <a href="#">
                    <div class="title">
                        <h1 class="h4">{{.userName}}</h1>
                        <p>欢迎您！</p>
                    </div>
                </a>
            </div>

            <!-- Sidebar Navidation Menus--><span class="heading">主菜单</span>
            <ul class="list-unstyled">
                <li><a href="/index/ui/"> <i class="icon-home"></i>首页 </a></li>
                <li><a href="#exampledropdownDropdown" aria-expanded="false" data-toggle="collapse"
                       style="color: black;"> <i
                                class="icon icon-user"></i>账户管理 </a>
                    <ul id="exampledropdownDropdown" class="collapse list-unstyled ">
                        <li><a href="/user_info/show_modify_ui">修改密码</a></li>
                        <li><a href="/user_info/show_ui">设置支付密码</a></li>
                        <li><a href="/index/show_pay_way_ui">通道配置</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#exampledropdownDropdown3" aria-expanded="false" data-toggle="collapse"> <i
                                class="icon icon-rss-feed"></i>商户管理 </a>
                    <ul id="exampledropdownDropdown3" class="collapse list-unstyled ">
                        <li><a href="/user_info/show_merchant_ui">商户列表</a></li>
                    </ul>
                </li>
                <li><a href="#exampledropdownDropdown1" aria-expanded="true" data-toggle="collapse"> <i
                                class="icon icon-presentation"></i>订单管理 </a>
                    <ul id="exampledropdownDropdown1" class=" list-unstyled ">
                        <li class="active"><a href="/trade/show_ui">订单记录</a></li>
                        <li><a href="/trade/show_complaint_ui">投诉列表</a></li>

                    </ul>
                </li>
                <li><a href="#exampledropdownDropdown2" aria-expanded="false" data-toggle="collapse"> <i
                                class="icon icon-bill"></i>财务管理 </a>
                    <ul id="exampledropdownDropdown2" class="collapse list-unstyled ">
                        <li><a href="/withdraw/show_ui">申请提现</a></li>
                        <li><a href="/multi_withdraw/show_multi_ui">批量申请提现</a></li>
                        <li><a href="/withdraw/show_list_ui">提现记录</a></li>
                        {{/*                        <li><a href="/recharge/show_recharge_list_ui">自定义记录</a></li>*/}}
                        <li><a href="/history/show_history_list_ui">资产变动明细</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="content-inner">
            <!-- Page Header-->
            <header class="page-header">
                <div class="container-fluid">
                    <h2 class="no-margin-bottom">订单记录</h2>
                </div>
            </header>
            <!-- Forms Section-->
            <section class="forms no">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header d-flex align-items-center">
                            <lable class="form-inline">
                                <input type="text" class="form-control" id="merchant_No" placeholder="商户订单号"
                                       autofocus>&nbsp;&nbsp;
                                <input type="text" class="form-control" id="merchant_Name" placeholder="商户名"
                                       autofocus>&nbsp;&nbsp;
                                <label>开始时间：</label>
                                <div class='input-group date'>
                                    <input type='text' id='startTime' class="form-control"/>
                                </div>&nbsp;&nbsp;
                                <label>截止时间：</label>
                                <div class='input-group date'>
                                    <input type='text' id='endTime' class="form-control"/>
                                </div>&nbsp;&nbsp;
                                <label>支付方式：</label>
                                <select class="form-control" id="payType">
                                    <option value="">全部</option>
                                    {{range $k,$v:=.payType}}
                                        <option value="{{$k}}">{{$v}}</option>
                                    {{end}}
                                </select> &nbsp;&nbsp;
                                <label>订单状态：</label>
                                <select class="form-control" id="uStatus">
                                    <option value="">全部</option>
                                    {{range $k,$v:=.status}}
                                        <option value="{{$k}}">{{$v}}</option>
                                    {{end}}
                                </select> &nbsp;&nbsp;
                                <button type="button" onclick="trade.trade_do_paging()"
                                        class="btn btn-primary">搜索
                                </button>&nbsp;&nbsp;
                                <button type="button" onclick="excel.download_trade_order_excel()"
                                        class="btn btn-outline-dark">导出Excel表
                                </button>
                            </lable>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped table-hover">
                                    <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>平台订单号</th>
                                        <th>商户订单号</th>
                                        <th>支付方式</th>
                                        <th>订单金额</th>
                                        <th>收入金额</th>
                                        <th>平台手续费</th>
                                        <th>代理商手续费</th>
                                        <th>状 态</th>
                                        <th>成功支付时间</th>
                                    </tr>
                                    </thead>
                                    <tbody id="your_show_time">

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="card-header d-flex align-items-center">
                        <ul id="do_paging"></ul>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
<!-- JavaScript files-->
{{template "template/js.html"}}
<script type="application/javascript">
    $(function () {
        $("#startTime").datetimepicker({
            format: 'yyyy-mm-dd hh:ii:ss',
            autoclose: true,
            todayBtn: true,
            startDate: "2019-4-10 18:45:06",
            minuteStep: 20,
        });

        $("#endTime").datetimepicker({
            format: 'yyyy-mm-dd hh:ii:ss',
            autoclose: true,
            todayBtn: true,
            startDate: "2019-4-10 18:45:06",
            minuteStep: 20
        });

        let start = $("#startTime").val();
        if (start === "") {
            let ds = trade.get_last_month_date();
            $("#startTime").datetimepicker("setDate", new Date(ds));
        }

        trade.trade_do_paging();
    });
</script>
</body>
</html>