luoyang
5 years ago
parent
fd0b6c3e1d
commit
c403863648
@ -0,0 +1,155 @@
|
|||||||
|
<style>
|
||||||
|
.cen table {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cen table th {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<section class="content">
|
||||||
|
<div class="nav-tabs-custom">
|
||||||
|
<ul class="nav nav-tabs">
|
||||||
|
<li ui-sref-active="active">
|
||||||
|
<a style="font-size: 30px;">RP商户类别交易趋势统计</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="tab-content">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="box box-warning">
|
||||||
|
<div class="box-header">
|
||||||
|
<div class="form-horizontal">
|
||||||
|
<div class="form-group col-xs-12">
|
||||||
|
<label class="control-label col-xs-4 col-sm-2">Date Range</label>
|
||||||
|
<div class="col-sm-10">
|
||||||
|
<div class="form-control-static form-inline">
|
||||||
|
<div style="display: inline-block">
|
||||||
|
<input class="form-control" id="date-from-input" ng-model="params.from"
|
||||||
|
uib-datepicker-popup size="15" placeholder="From"
|
||||||
|
is-open="dateBegin.open" ng-click="dateBegin.open=true"
|
||||||
|
datepicker-options="{maxDate:params.end}">
|
||||||
|
</div>
|
||||||
|
<div style="display: inline-block;margin: 0 10px;">
|
||||||
|
~
|
||||||
|
</div>
|
||||||
|
<div style="display: inline-block">
|
||||||
|
<input class="form-control" id="date-to-input" ng-model="params.to"
|
||||||
|
uib-datepicker-popup size="15" placeholder="To"
|
||||||
|
is-open="dateTo.open" ng-click="dateTo.open=true"
|
||||||
|
datepicker-options="{minDate:params.begin,maxDate:today}">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="display: inline-block">
|
||||||
|
<input style="margin-left: 20px;"
|
||||||
|
class="form-control" id="royalpayindustry"
|
||||||
|
name="royalpayindustry" readonly
|
||||||
|
ng-value="params.industry|partner_royalpay_industry"
|
||||||
|
multi-level-select-popup="royalpayindustry"
|
||||||
|
on-select="onRoyalPayIndustrySelect($selected)"
|
||||||
|
chose-one-level="true">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-control-static form-inline">
|
||||||
|
<div class="btn-group">
|
||||||
|
<a role="button" class="btn btn-default btn-sm"
|
||||||
|
ng-click="chooseToday()">Today</a>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<a role="button" class="btn btn-default btn-sm"
|
||||||
|
ng-click="chooseYesterday()">Yesterday</a>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<a role="button" class="btn btn-default btn-sm"
|
||||||
|
ng-click="chooseLast7Days()">Last 7 Days</a>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<a role="button" class="btn btn-default btn-sm" ng-click="thisMonth()">This
|
||||||
|
Month</a>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<a role="button" class="btn btn-default btn-sm" ng-click="lastMonth()">Last
|
||||||
|
Month</a>
|
||||||
|
</div>
|
||||||
|
<button class="btn btn-success" type="button" ng-click="doAnalysis()">
|
||||||
|
<i class="fa fa-search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-12" style="text-align: center">
|
||||||
|
<loadingbar ng-if="future_loading"></loadingbar>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="row cen">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="box">
|
||||||
|
<div class="box-header with-border">
|
||||||
|
<span style="font-weight: 900;" ng-if="params.royalpay_label">[{{params.royalpay_label}}]</span>
|
||||||
|
行业总交易量</div>
|
||||||
|
<div class="box-body">
|
||||||
|
<div class="chart" echarts="amountAnalysis" style="height: 300px"
|
||||||
|
chart-setter="choseDayEchart($chart)"
|
||||||
|
ng-class="{nodata:amountAnalysis.nodata}"></div>
|
||||||
|
<div class="chart" echarts="ordersAnalysis" style="height: 300px"
|
||||||
|
chart-setter="choseDayEchart($chart)"
|
||||||
|
ng-class="{nodata:ordersAnalysis.nodata}"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row cen" ng-if="chooseDay">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="box">
|
||||||
|
<div class="box-header with-border">
|
||||||
|
[<span style="font-weight: 900;">{{chooseDay}}{{params.royalpay_label}}</span>]
|
||||||
|
行业Top交易额商户列表</div>
|
||||||
|
<div class="box-body">
|
||||||
|
<div class="box-body table-responsive">
|
||||||
|
<table class="table table-bordered table-hover table-striped">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Client Moniker</th>
|
||||||
|
<th>Short Name</th>
|
||||||
|
<th>Total Amount</th>
|
||||||
|
<th>Orders</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr ng-repeat="partner in partners">
|
||||||
|
<td ng-bind="partner.client_moniker"></td>
|
||||||
|
<td ng-bind="partner.short_name"></td>
|
||||||
|
<td ng-bind="partner.total_amount|currency:''"></td>
|
||||||
|
<td ng-bind="partner.orders"></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div class="box-footer">
|
||||||
|
<uib-pagination class="pagination"
|
||||||
|
total-items="pagination.totalCount"
|
||||||
|
boundary-links="true"
|
||||||
|
ng-model="pagination.page"
|
||||||
|
items-per-page="pagination.limit"
|
||||||
|
max-size="10"
|
||||||
|
ng-change="loadTopTransPartners()"
|
||||||
|
previous-text="‹"
|
||||||
|
next-text="›"
|
||||||
|
first-text="«"
|
||||||
|
last-text="»"></uib-pagination>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-12">Total Records:{{pagination.totalCount}};Total Pages:{{pagination.totalPages}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
Loading…
Reference in new issue