| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>后台支付统计</title>
- <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
- <link rel="stylesheet" href="../../js/bootstrap/css/bootstrap.min.css">
- <link rel="stylesheet" href="../../js/bootstrap/css/bootstrap-datetimepicker.min.css">
- <link rel="stylesheet" href="../../css/font-awesome.min.css">
- <link rel="stylesheet" href="../../css/index.css">
- <link rel="stylesheet" href="../../js/bootstrap-table/bootstrap-table.min.css">
- </head>
- <body>
-
- <div style="border: 1px solid #e6e6e6; background-color: #fff; width: 40%; height: 260px;">
- <div class="panel panel-default">
- <div class="panel-heading"><i class="fa fa-area-chart fa-lg" style="padding-right: 5px;"></i>查询条件</div>
- <div class="panel-body">
- <div class="control-group">
- <!-- Text input-->
- <label class="control-label" for="input01">查询日期：</label>
- <div class="input-group date form_date col-md-8" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
- <input id="date-text" class="form-control" size="40" type="text" value="" readonly>
- <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
- <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
- </div>
- </div>
- <br />
- <div class="control-group">
- <!-- Text input-->
- <label class="control-label" for="input01">至：</label>
- <div class="input-group date form_date col-md-8" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
- <input id="date-text1" class="form-control" size="40" type="text" value="" readonly>
- <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
- <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
- </div>
- </div>
- <br />
- <div class="control-group" style="float:right; margin-right: 50px;">
- <label class="control-label"></label>
- <!-- Button -->
- <div class="controls">
- <button class="btn btn-primary" onclick="ok_click()">开始查询</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-
- <div>
- <div style="border: 1px solid #e6e6e6; background-color: #fff; width: 50%; float: left;">
- <div class="panel panel-default">
- <div class="panel-heading"><i class="fa fa-area-chart fa-lg" style="padding-right: 5px;"></i>订单数</div>
- <div class="panel-body">
- <canvas id="orderCanvas" style="height: 450px; width: 100%;"></canvas>
- </div>
- </div>
- </div>
- </div>
- <div style="border: 1px solid #e6e6e6; background-color: #fff; width: 50%; float: right;">
- <div class="panel panel-default">
- <div class="panel-heading"><i class="fa fa-area-chart fa-lg" style="padding-right: 5px;"></i>付费人数</div>
- <div class="panel-body">
- <canvas id="userCanvas" style="height: 450px; width: 100%;"></canvas>
- </div>
- </div>
- </div>
- </div>
- </div>
-
- <script src="../../js/jquery/jQuery-2.2.0.min.js"></script>
- <script src="../../js/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
- <script src="../../js/bootstrap/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
- <script src="../../js/bootstrap-table/bootstrap-table.min.js"></script>
- <script src="../../js/bootstrap-table/bootstrap-table-locale-all.min.js"></script>
- <script src="../../js/charts/Chart.js"></script>
- <script src="../api.js"></script>
- <script src="pay.js"></script>
- </body>
- </html>
|
