<!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"> <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_totp_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="#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>
                        <ul id="exampledropdownDropdown10" class="list-unstyled">
                            <li>
                                <a href="/trade/order-summary-info">订单统计</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>
                    <li><a href="/gen_link/gen_link">测试链接</a></li>
                    <li><a href="/order/query">订单查询</a></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> -->
                <div class="breadcrumb-holder container-fluid">
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item"><a href="/index/ui/">首页</a></li>
                        <li class="breadcrumb-item active">订单记录</li>
                    </ul>
                </div>
                <!-- Forms Section-->
                <section class="forms no">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header d-flex align-items-center">
                                <label class="form-inline">
                                    <label for="merchant_No">商户订单号：
                                        <input type="text" class="form-control" id="merchant_No" placeholder="商户订单号"
                                            autofocus>
                                    </label>&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'>
                                        <label for='endTime'>
                                            <input type='text' id='endTime' class="form-control" />
                                        </label>
                                    </div>&nbsp;&nbsp;
                                    <label>订单状态：
                                        <select class="form-control" id="uStatus">
                                            <option value="">全部</option>
                                            {{range $k,$v:=.status}}
                                            <option value="{{$k}}">{{$v}}</option>
                                            {{end}}
                                        </select> &nbsp;&nbsp;
                                    </label>
                                    <label>卡密（卡号）
                                        <input type='text' id='cardNo' class="form-control" placeholder="请输入卡号或卡密">
                                    </label>
                                    <button type="button" onclick="trade.trade_do_paging()"
                                        class="btn btn-primary mx-2">搜索
                                    </button>&nbsp;&nbsp;
                                    <button type="button" onclick="excel.download_trade_order_excel()"
                                        class="btn btn-outline-dark">导出Excel表
                                    </button>
                                </label>
                            </div>

                            <!-- <div style="padding: 20px; color: red">
                                <div class="row">
                                    <div class="col-sm-2 color-red">
                                        订单总量：
                                        <span id="orderTotalNum"></span>
                                    </div>
                                    <div class="col-sm-2 color-red">
                                        订单总金额：
                                        <span id="AllAmount"></span>
                                    </div>
                                    <div class="col-sm-2 color-red">
                                        成功订单数：
                                        <span id="succeedTotalNum"></span>
                                    </div>
                                    <div class="col-sm-2 color-red">
                                        成功交易总量：
                                        <span id="SucceedPaidAmount"></span>
                                    </div>
                                    <div class="col-sm-2 color-red" style="font-weight: normal;">
                                        平台利润：
                                        <span id="platformProfit"></span>
                                    </div>
                                    <div class="col-sm-2 color-red" style="font-weight: normal;">
                                        成功率：
                                        <span id="totalSucceedRate"></span>%
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-2 color-red" style="font-weight: normal;">
                                        今日订单数：
                                        <span id="TodayAllNum"></span>
                                    </div>
                                    <div class="col-sm-2 color-red" style="font-weight: normal;">
                                        今日订单总金额：
                                        <span id="TodayAllAmount"></span>
                                    </div>
                                    <div class="col-sm-2 color-red" style="font-weight: normal;">
                                        今日成功订单数：
                                        <span id="TodaySuccessNum"></span>
                                    </div>
                                    <div class="col-sm-2 color-red" style="font-weight: normal;">
                                        今日成功订单总金额：
                                        <span id="TodayPaidAmount"></span>
                                    </div>
                                    <div class="col-sm-2 color-red" style="font-weight: normal;">
                                        今日平台利润：
                                        <span id="TodayPlatformProfit"></span>
                                    </div>
                                    <div class="col-sm-2 color-red" style="font-weight: normal;">
                                        成功率：
                                        <span id="todaySucceedRate"></span>%
                                    </div>
                                </div>
                            </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>
                                                <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
            });
            trade.trade_do_paging();
        });
    </script>
</body>
<style>
    .form-inline label {
        margin: 5px 0;
    }
</style>

</html>