parent
7ae106869f
commit
00e9c8b7da
@ -0,0 +1,180 @@
|
|||||||
|
<style>
|
||||||
|
.delete {
|
||||||
|
text-decoration-line: line-through;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div ui-view>
|
||||||
|
<section class="content-header">
|
||||||
|
<h1>Custom</h1>
|
||||||
|
<ol class="breadcrumb">
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-sitemap"></i> Custom
|
||||||
|
</li>
|
||||||
|
<li class="active">Custom Management</li>
|
||||||
|
</ol>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="box-solid">
|
||||||
|
<div class="box box-warning">
|
||||||
|
<div class="box-header">
|
||||||
|
<div class="form-horizontal col-sm-8">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="control-label col-xs-4 col-sm-3">* Order Amount</label>
|
||||||
|
<div class="col-xs-8 col-sm-6">
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="number" step="0.01" name="order_amount" class="form-control form-control-float"
|
||||||
|
ng-model="new_bill.order_amount" required
|
||||||
|
onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
|
||||||
|
aria-describedby="basic-addon2">
|
||||||
|
<span class="input-group-addon" id="basic-addon2">$</span>
|
||||||
|
</div>
|
||||||
|
<p class="small text-info"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="control-label col-xs-4 col-sm-3">* Expire Date</label>
|
||||||
|
<div class="col-xs-8 col-sm-6">
|
||||||
|
<input class="form-control" ng-model="new_bill.cancle_time"
|
||||||
|
uib-datepicker-popup size="10" is-open="ctrl.dateInput"
|
||||||
|
ng-click="ctrl.dateInput=true"
|
||||||
|
datepicker-options="{minDate:minDate,maxDate:maxDate}" name="cancle_time" required>
|
||||||
|
<p class="small text-info">The date of expiry should not exceed fifteen days</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="control-label col-xs-4 col-sm-3">Reference NO</label>
|
||||||
|
<div class="col-xs-8 col-sm-6">
|
||||||
|
<input class="form-control" ng-model="new_bill.client_order_id">
|
||||||
|
<p class="small text-info"> System will automatically generate when the Reference NO is empty</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="control-label col-xs-4 col-sm-3">Remark</label>
|
||||||
|
<div class="col-xs-8 col-sm-6">
|
||||||
|
<textarea maxlength="100" class="form-control" ng-model="new_bill.remark"></textarea>
|
||||||
|
<p class="small text-info">within 100 characters</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="control-label col-xs-4 col-sm-3"></label>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<button class="btn btn-success" ng-click="generateBill()">generate
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-primary" ng-click="clearBill()">clear</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4" style="text-align: center" ng-if="code_url">
|
||||||
|
<a class="thumbnail" download ng-href="{{code_url}}" uib-tooltip="Download">
|
||||||
|
<img ng-src="{{code_url}}">
|
||||||
|
</a>
|
||||||
|
<p>
|
||||||
|
<a ng-href="{{code_url}}" download><i class="fa fa-download"></i> Download Bill QR
|
||||||
|
Code Image</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="box box-warning">
|
||||||
|
<div class="box-header">
|
||||||
|
<div class="form-inline">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="control-label">Bill Status</label>
|
||||||
|
|
||||||
|
<a role="button" ng-class="{'bg-primary':params.status==null}"
|
||||||
|
ng-click="params.status=null;loadBills(1)">All</a> |
|
||||||
|
<a role="button" ng-class="{'bg-primary':params.status==3}"
|
||||||
|
ng-click="params.status=3;loadBills(1)">Success</a> |
|
||||||
|
<a role="button" ng-class="{'bg-primary':params.status==2}"
|
||||||
|
ng-click="params.status=2;loadBills(1)">Disabled</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="control-label" >Reference NO</label>
|
||||||
|
<input type="text" class="form-control"
|
||||||
|
ng-model="params.client_order_id"
|
||||||
|
ng-enter="loadBills(1)">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<button class="btn btn-primary" type="button" ng-click="loadBills(1)"><i
|
||||||
|
class="fa fa-search"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<div class="box-header">
|
||||||
|
<h3 class="box-title">
|
||||||
|
Bill List
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
<div class="box-body table-responsive">
|
||||||
|
<table class="table table-striped">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Order Amount</th>
|
||||||
|
<th>Reference NO</th>
|
||||||
|
<th>Payer</th>
|
||||||
|
<th>Order Status</th>
|
||||||
|
<th>Bill Status</th>
|
||||||
|
<th>Expire Date</th>
|
||||||
|
<th>Remark</th>
|
||||||
|
<th>Create time</th>
|
||||||
|
<th>Operation</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr ng-repeat="bill in bills"
|
||||||
|
ng-class="{'delete':bill.status==2}">
|
||||||
|
<td ng-bind="bill.order_amount | currency:'AUD '"></td>
|
||||||
|
<th ng-bind="bill.client_order_id"></th>
|
||||||
|
<td ng-bind="bill.nickname"></td>
|
||||||
|
<th ng-bind="bill.order_status|tradeStatus"></th>
|
||||||
|
<th ng-bind="bill.status|billStatus"></th>
|
||||||
|
<td ng-bind="bill.cancle_time |limitTo:10"></td>
|
||||||
|
<td ng-bind="bill.remark|remarkCut:true:10:'...'"></td>
|
||||||
|
<td ng-bind="bill.create_time"></td>
|
||||||
|
<td>
|
||||||
|
<a ng-if="bill.order_id&&bill.status!=2" class="text-primary" role="button" title="Detail"
|
||||||
|
ng-click="showTradeDetail(bill)">
|
||||||
|
<i class="fa fa-search"></i>
|
||||||
|
</a>
|
||||||
|
<a ng-if="bill.code_url&&bill.status==1" ng-href="{{bill.code_url}}" download><i
|
||||||
|
class="fa fa-download"
|
||||||
|
uib-tooltip="Download Bill QR Code Image"></i></a>
|
||||||
|
<a ng-if="!bill.order_id&&bill.status==1"
|
||||||
|
class="text-bold text-danger" role="button" ng-click="disableBill(bill)">Disable</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div class="box-footer" ng-if="bills.length">
|
||||||
|
<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="loadBills(1)"
|
||||||
|
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>
|
Loading…
Reference in new issue