edit
This commit is contained in:
Taric Xin
@ -52,7 +52,7 @@
|
||||
</div>
|
||||
</nz-card>
|
||||
|
||||
<nz-card class="content-box" nzBordered>
|
||||
<nz-card nzBordered>
|
||||
<st #st [data]="service.$api_get_driver_account_detail" [columns]="columns"
|
||||
[req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
|
||||
[res]="{ reName: { list: 'data.records', total: 'data.total' } }"
|
||||
|
||||
@ -1,40 +0,0 @@
|
||||
:host::ng-deep {
|
||||
.search-box {
|
||||
.ant-card-body {
|
||||
padding-bottom: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.content-box {
|
||||
.ant-card-body {
|
||||
padding-top: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
nz-range-picker {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bold {
|
||||
.ant-statistic-title {
|
||||
font-weight: 600;
|
||||
color : #000;
|
||||
font-size : 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.expend-options {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
@media (min-width: 990px) {
|
||||
.expend-options {
|
||||
margin-top: -40px;
|
||||
max-width : 400px;
|
||||
position : absolute;
|
||||
right : 0;
|
||||
bottom : 25px;
|
||||
}
|
||||
|
||||
}
|
||||
@ -8,7 +8,7 @@ import { FreightAccountService } from '../../../services/freight-account.service
|
||||
@Component({
|
||||
selector: 'app-driver-account-detail',
|
||||
templateUrl: './driver-account-detail.component.html',
|
||||
styleUrls: ['./driver-account-detail.component.less']
|
||||
styleUrls: ['../../../../commom/less/box.less', '../../../../commom/less/expend-but.less']
|
||||
})
|
||||
export class DriverAccountDetailComponent implements OnInit {
|
||||
@ViewChild('st', { static: true })
|
||||
@ -41,8 +41,8 @@ export class DriverAccountDetailComponent implements OnInit {
|
||||
Object.assign(requestOptions.body, {
|
||||
...this.sf.value,
|
||||
createTime: {
|
||||
start: this.sf.value?.createTime?.[0] || null,
|
||||
end: this.sf.value?.createTime?.[1] || null
|
||||
start: this.sf.value?.createTime?.[0] || '',
|
||||
end: this.sf.value?.createTime?.[1] || ''
|
||||
}
|
||||
});
|
||||
}
|
||||
@ -60,8 +60,8 @@ export class DriverAccountDetailComponent implements OnInit {
|
||||
pageIndex: this.st.pi,
|
||||
pageSize: this.st.ps,
|
||||
createTime: {
|
||||
start: this.sf?.value?.createTime?.[0] || null,
|
||||
end: this.sf?.value?.createTime?.[1] || null
|
||||
start: this.sf?.value?.createTime?.[0] || '',
|
||||
end: this.sf?.value?.createTime?.[1] || ''
|
||||
}
|
||||
})
|
||||
.subscribe(res => {
|
||||
@ -71,8 +71,7 @@ export class DriverAccountDetailComponent implements OnInit {
|
||||
});
|
||||
}
|
||||
|
||||
stChange(e: STChange): void {
|
||||
}
|
||||
stChange(e: STChange): void {}
|
||||
|
||||
exportList() {
|
||||
this.service.downloadFile(this.service.$mock_url, { ...this.sf.value, pageIndex: this.st.pi, pageSize: this.st.ps });
|
||||
@ -165,11 +164,25 @@ export class DriverAccountDetailComponent implements OnInit {
|
||||
return [
|
||||
{ title: '交易时间', index: 'createTime', type: 'date' },
|
||||
{ title: '流水号', index: 'channelPaySn' },
|
||||
{ title: '交易类型', index: 'tradeTypeLabel' },
|
||||
{ title: '交易类型', index: 'tradeTypeLabel', className: 'text-center' },
|
||||
{ title: '关联单号', index: 'businessNumber' },
|
||||
{ title: '收支类型', index: 'incomeTypeLabel' },
|
||||
{ title: '交易金额', index: 'amount' },
|
||||
{ title: '账户余额', index: 'accountBalance' }
|
||||
{ title: '收支类型', index: 'incomeTypeLabel', className: 'text-center' },
|
||||
{
|
||||
title: '交易金额',
|
||||
index: 'amount',
|
||||
width: 150,
|
||||
type: 'widget',
|
||||
className: 'text-right',
|
||||
widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.amount }) }
|
||||
},
|
||||
{
|
||||
title: '账户余额',
|
||||
index: 'accountBalance',
|
||||
width: 150,
|
||||
type: 'widget',
|
||||
className: 'text-right',
|
||||
widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.accountBalance }) }
|
||||
}
|
||||
];
|
||||
}
|
||||
}
|
||||
|
||||
@ -27,5 +27,8 @@
|
||||
[res]="{ reName: { list: 'data.records', total: 'data.total' } }"
|
||||
[page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
|
||||
[loading]="service.http.loading" [scroll]="{ y: '370px' }">
|
||||
<ng-template st-row="availableBalance" let-item let-index="index">
|
||||
<a (click)="showAccountDetail(item)">{{ item.availableBalance | currency}}</a>
|
||||
</ng-template>
|
||||
</st>
|
||||
</nz-card>
|
||||
@ -1,32 +0,0 @@
|
||||
:host::ng-deep {
|
||||
.search-box {
|
||||
.ant-card-body {
|
||||
padding-bottom: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.content-box {
|
||||
.ant-card-body {
|
||||
padding-top: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
nz-range-picker {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.expend-options {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.expend-options {
|
||||
max-width : 400px;
|
||||
position : absolute;
|
||||
right : 0;
|
||||
bottom : 25px;
|
||||
}
|
||||
|
||||
}
|
||||
@ -11,8 +11,7 @@ import { FreightAccountService } from '../../services/freight-account.service';
|
||||
@Component({
|
||||
selector: 'app-driver-account',
|
||||
templateUrl: './driver-account.component.html',
|
||||
styleUrls: ['./driver-account.component.less'],
|
||||
providers: [CurrencyPipe]
|
||||
styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
|
||||
})
|
||||
export class DriverAccountComponent implements OnInit {
|
||||
@ViewChild('st', { static: true })
|
||||
@ -24,12 +23,7 @@ export class DriverAccountComponent implements OnInit {
|
||||
columns: STColumn[] = this.initST();
|
||||
_$expand = false;
|
||||
|
||||
constructor(
|
||||
public service: FreightAccountService,
|
||||
private router: Router,
|
||||
private modal: NzModalService,
|
||||
private currencyPipe: CurrencyPipe
|
||||
) {}
|
||||
constructor(public service: FreightAccountService, private router: Router, private modal: NzModalService) {}
|
||||
|
||||
ngOnInit(): void {}
|
||||
|
||||
@ -172,30 +166,28 @@ export class DriverAccountComponent implements OnInit {
|
||||
{
|
||||
title: '可用余额',
|
||||
index: 'availableBalance',
|
||||
type: 'currency',
|
||||
format: item => `${this.currencyPipe.transform(item.availableBalance)}`
|
||||
width: 140,
|
||||
type: 'widget',
|
||||
className: 'text-right',
|
||||
widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.availableBalance }) }
|
||||
},
|
||||
{
|
||||
title: '冻结余额',
|
||||
index: 'freezeBalance',
|
||||
type: 'currency',
|
||||
format: item => `${this.currencyPipe.transform(item.availableBalance)}`
|
||||
width: 140,
|
||||
type: 'widget',
|
||||
className: 'text-right',
|
||||
widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.freezeBalance }) }
|
||||
},
|
||||
{
|
||||
title: '本月累计提现金额',
|
||||
index: 'withdrawBalance',
|
||||
width: 150,
|
||||
type: 'currency',
|
||||
format: item => `${this.currencyPipe.transform(item.availableBalance)}`
|
||||
},
|
||||
{
|
||||
title: '账户总余额',
|
||||
index: 'availableBalance',
|
||||
type: 'widget',
|
||||
className: 'text-right',
|
||||
type: 'link',
|
||||
format: item => `${this.currencyPipe.transform(item.availableBalance)}`,
|
||||
click: item => this.showAccountDetail(item)
|
||||
widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.withdrawBalance }) }
|
||||
},
|
||||
{ title: '账户总余额', render: 'availableBalance', className: 'text-right' },
|
||||
{ title: '创建时间', index: 'createTime', type: 'date', width: 150 },
|
||||
{
|
||||
title: '操作',
|
||||
|
||||
Reference in New Issue
Block a user