You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
150 lines
5.3 KiB
150 lines
5.3 KiB
<!--<form nz-form [formGroup]="searchForm" class="search_form" [nzLayout]="'vertical'">
|
|
<div nz-row [nzGutter]="24">
|
|
<div nz-col [nzSpan]="6">
|
|
<nz-form-item>
|
|
<nz-form-label>油站编号</nz-form-label>
|
|
<nz-form-control>
|
|
<input nz-input formControlName="merNo" placeholder="请输入" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="6">
|
|
<nz-form-item>
|
|
<nz-form-label>油站名称</nz-form-label>
|
|
<nz-form-control>
|
|
<input nz-input formControlName="merName" placeholder="请输入" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="6">
|
|
<nz-form-item>
|
|
<nz-form-label></nz-form-label>
|
|
<nz-form-control>
|
|
<button nz-button style="margin-right: 8px" [nzType]="'primary'" (click)="searchFormSubmit()">查询</button>
|
|
<button nz-button style="margin-right: 8px" (click)="searchFormReset()">重置</button>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
</div>
|
|
</form>-->
|
|
|
|
<nz-table #basicTable
|
|
[nzScroll]="{ x: '1200px' }"
|
|
[nzBordered]="true"
|
|
[nzFrontPagination]="false"
|
|
[nzShowQuickJumper]="true"
|
|
[nzShowTotal]="totalTemplate"
|
|
[(nzPageIndex)]="tablePageNum"
|
|
(nzPageIndexChange)="queryData()"
|
|
nzShowSizeChanger
|
|
(nzPageSizeChange)="this.tablePageSize = $event;queryData()"
|
|
[nzPageSizeOptions]="[ 10, 20, 30, 50, 100 ]"
|
|
[nzTotal]="tableData.total"
|
|
[nzData]="tableData.list" >
|
|
<thead>
|
|
<tr>
|
|
<th nzWidth="100px">连锁名称</th>
|
|
<th nzWidth="100px">余额</th>
|
|
<th nzWidth="120px">创建时间</th>
|
|
<th nzRight nzWidth="50px">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let data of basicTable.data">
|
|
<td>{{data.name}}</td>
|
|
<td>{{data.amount}}</td>
|
|
<td>{{data.createTime | date: 'yyyy-MM-dd HH:mm:ss'}}</td>
|
|
<td nzRight>
|
|
<a (click)="showRechargeModal(data)">充值</a>
|
|
<nz-divider nzType="vertical"></nz-divider>
|
|
<a nz-dropdown [nzDropdownMenu]="menu">
|
|
更多
|
|
<span nz-icon nzType="down"></span>
|
|
</a>
|
|
<nz-dropdown-menu #menu="nzDropdownMenu">
|
|
<ul nz-menu nzSelectable>
|
|
<li nz-menu-item (click)="showRecordModal(data.id)"><a >动账记录</a></li>
|
|
</ul>
|
|
</nz-dropdown-menu>
|
|
</tr>
|
|
</tbody>
|
|
<ng-template #totalTemplate let-total>总计 {{ total }} 条</ng-template>
|
|
</nz-table>
|
|
|
|
<nz-modal [(nzVisible)]="rechargeModal"
|
|
[nzWidth]="500"
|
|
nzTitle="充值"
|
|
[nzFooter]="null"
|
|
(nzOnCancel)="closeRechargeModal()">
|
|
<ng-container *nzModalContent>
|
|
<form nz-form [formGroup]="rechargeForm">
|
|
|
|
<nz-form-item>
|
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>连锁名称</nz-form-label>
|
|
<nz-form-control [nzSm]="14" [nzXs]="24">
|
|
<input nz-input formControlName="name"/>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
|
|
<nz-form-item>
|
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>充值金额</nz-form-label>
|
|
<nz-form-control [nzSm]="14" [nzXs]="24">
|
|
<nz-input-number formControlName="amount" [nzMin]="1" [nzMax]="10" [nzStep]="1" [nzPrecision]="2" [nzPlaceHolder]="'充值金额'"></nz-input-number>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
|
|
<div nz-flex style="margin-top: 15px" [nzJustify]="'center'">
|
|
<button nz-button nzType="primary" class="submit-btn" (click)="rechargeConfirm()">确定</button>
|
|
</div>
|
|
|
|
</form>
|
|
</ng-container>
|
|
</nz-modal>
|
|
|
|
<nz-modal [(nzVisible)]="recordModal"
|
|
[nzWidth]="1000"
|
|
nzTitle="动账记录"
|
|
[nzFooter]="null"
|
|
(nzOnCancel)="recordModal = !recordModal">
|
|
<ng-container *nzModalContent>
|
|
<nz-table #recordTable
|
|
nzSize="middle"
|
|
[nzScroll]="{ x: '1000px' }"
|
|
[nzBordered]="true"
|
|
[nzFrontPagination]="false"
|
|
[nzShowQuickJumper]="true"
|
|
[nzShowTotal]="totalTemplate"
|
|
[(nzPageIndex)]="recordTablePageNum"
|
|
(nzPageIndexChange)="queryRecord()"
|
|
[nzTotal]="recordData.total"
|
|
[nzData]="recordData.list" >
|
|
<thead>
|
|
<tr>
|
|
<th nzWidth="90px">交易前金额</th>
|
|
<th nzWidth="80px">交易金额</th>
|
|
<th nzWidth="90px">交易后金额</th>
|
|
<th nzWidth="50px">交易类型</th>
|
|
<th nzWidth="100px">交易时间</th>
|
|
<th nzWidth="120px">交易来源</th>
|
|
<th nzWidth="120px">操作油站</th>
|
|
<!-- <th nzRight nzWidth="50px">操作</th>-->
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let data of recordTable.data">
|
|
<td>{{data.beforeAmount}}</td>
|
|
<td>{{data.transactionAmount}}</td>
|
|
<td>{{data.afterAmount}}</td>
|
|
<td>{{data.type==1?'入账':'出账'}}</td>
|
|
<td>{{data.createTime | date: 'yyyy-MM-dd HH:mm:ss'}}</td>
|
|
<td>{{data.sourceType | dictionary: 'MER_ACCOUNT_RECORD_SOURCE_TYPE'}}</td>
|
|
<td>{{data.merNo!=null?'【'+data.merNo+'】'+data.merName:''}}</td>
|
|
<!-- <td nzRight>
|
|
<a >详情</a>
|
|
</td>-->
|
|
</tr>
|
|
</tbody>
|
|
<ng-template #totalTemplate let-total>总计 {{ total }} 条</ng-template>
|
|
</nz-table>
|
|
</ng-container>
|
|
</nz-modal>
|
|
|