待入账明细接口对接

This commit is contained in:
潘晓云
2022-03-22 18:03:01 +08:00
parent 054f630f2e
commit 6fb554bd5f
3 changed files with 48 additions and 35 deletions

View File

@ -6,22 +6,25 @@
</ng-template> </ng-template>
</page-header-wrapper> </page-header-wrapper>
<nz-card> <nz-card>
<sv-container layout="vertical" [noColon]="true" col="4"> <sv-container layout="vertical" [noColon]="true" col="5">
<sv [label]="labelTpl"> <sv [label]="labelTpl">
<b class="text-md ">{{accountInfo?.company}}</b> <b class="text-md ">{{summaryObj?.company}}</b>
</sv> </sv>
<sv label="可用余额"> <sv label="返佣总额">
{{totalInfo?.balance |currency}} {{summaryObj?.totalRebate |currency}}
</sv> </sv>
<sv label="收入金额"> <sv label="已入账金额">
{{totalInfo?.income |currency}} {{summaryObj?.totalRebate |currency}}
</sv> </sv>
<sv label="支出金额"> <sv label="代缴个税">
{{totalInfo?.spending |currency}} {{summaryObj?.taxPersonalSum |currency}}
</sv>
<sv label="待入账金额">
{{summaryObj?.waitRecordedAmount |currency}}
</sv> </sv>
</sv-container> </sv-container>
<ng-template #labelTpl> <ng-template #labelTpl>
<b class="text-md" style="color: black;">{{accountInfo?.name}} {{accountInfo?.phone}}</b> <b class="text-md" style="color: black;">{{summaryObj?.name}}</b>
</ng-template> </ng-template>
</nz-card> </nz-card>
<nz-card> <nz-card>
@ -29,7 +32,7 @@
<sf mode="search" #sf [schema]="schema" [ui]="ui" (formSubmit)="search()" (formReset)="resetSF()"></sf> <sf mode="search" #sf [schema]="schema" [ui]="ui" (formSubmit)="search()" (formReset)="resetSF()"></sf>
</div> </div>
<div class="table-content"> <div class="table-content">
<st #st [data]="service.$api_get_account_management_page " [columns]="columns" <st #st [data]="service.$api_get_invoice_detail_page " [columns]="columns"
[req]="{ method: 'POST', allInBody: true, reName: {pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }" [req]="{ method: 'POST', allInBody: true, reName: {pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
[res]="{ reName: { list: 'data.records', total: 'data.total' } }" [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
[page]="{ show: true, showSize: true, pageSizes: [5,10, 20, 50, 100, 200, 500] }" [page]="{ show: true, showSize: true, pageSizes: [5,10, 20, 50, 100, 200, 500] }"
@ -40,11 +43,11 @@
</ng-template> </ng-template>
</st> </st>
<div class="total-footer text-md" *ngIf="st?.list?.length !== 0 "> <div class="total-footer text-md" *ngIf="st?.list?.length !== 0 ">
合计 <label class="text-red-dark">{{ totalInfo?.total }}</label> 项,收入 <label 合计 <label class="text-red-dark">{{ summaryObj?.total }}</label> 项,收入 <label
class="text-red-dark font-weight-bold">{{ class="text-red-dark font-weight-bold">{{
totalInfo?.income | currency summaryObj?.income | currency
}}</label>,支出 <label class="text-red-dark font-weight-bold">{{ }}</label>,支出 <label class="text-red-dark font-weight-bold">{{
totalInfo?.spending | currency }}</label> summaryObj?.spending | currency }}</label>
</div> </div>
</div> </div>
</nz-card> </nz-card>
@ -52,8 +55,8 @@
<nz-modal [(nzVisible)]="showBillDetail" nzTitle="账户明细" [nzFooter]="null" (nzOnCancel)="handleCancel()" nzWidth="700px"> <nz-modal [(nzVisible)]="showBillDetail" nzTitle="账户明细" [nzFooter]="null" (nzOnCancel)="handleCancel()" nzWidth="700px">
<div *nzModalContent> <div *nzModalContent>
<div class="mb-sm"> <div class="mb-sm">
<span class="mr-xxl text-md font-weight-bold"><label>网络货运人:</label>{{accountInfo?.name}}</span> <span class="mr-xxl text-md font-weight-bold"><label>网络货运人:</label>{{detailRecord?.ltdName}}</span>
<span class="text-md font-weight-bold"><label>返佣总额(元):</label>{{totalInfo?.spending |currency: ' '}}</span> <span class="text-md font-weight-bold"><label>返佣总额(元):</label>{{detailRecord?.totalRebate |currency: ' '}}</span>
</div> </div>
<st #st [data]="billDetailList " [columns]="billDetailColumns" [res]="{ reName: { list: 'data' } }" <st #st [data]="billDetailList " [columns]="billDetailColumns" [res]="{ reName: { list: 'data' } }"
[req]="{ method: 'POST', allInBody: true, params:billDetailReqParams}" [page]="{show:false}"> [req]="{ method: 'POST', allInBody: true, params:billDetailReqParams}" [page]="{show:false}">

View File

@ -10,17 +10,16 @@ import { AccountManagemantService } from '../../services/account-managemant.serv
templateUrl: './recorded-detail.component.html', templateUrl: './recorded-detail.component.html',
}) })
export class PartnerAccountManagementRecordedDetailComponent implements OnInit { export class PartnerAccountManagementRecordedDetailComponent implements OnInit {
totalInfo: any = { summaryObj: any = {
balance: 0, waitRecordedAmount: 0,
income: 1500, totalRebate: 0,
spending: 2400, taxPersonalSum: 0,
total: 186 recordedAmount: 0,
ltdName: '',
taxno: ''
}; };
accountInfo = {
name: '张三', detailRecord: any = {};
phone: '13812345678',
company: '天津怡亚通物流科技有限公司(平安)'
}
url = `/user`; url = `/user`;
schema: SFSchema = {}; schema: SFSchema = {};
@ -37,11 +36,12 @@ export class PartnerAccountManagementRecordedDetailComponent implements OnInit {
constructor(public service: AccountManagemantService, public router: Router, public ar: ActivatedRoute) { constructor(public service: AccountManagemantService, public router: Router, public ar: ActivatedRoute) {
this.roleId = this.ar.snapshot.params.id; this.roleId = this.ar.snapshot.params.id;
} }
get reqParams() { get reqParams() {
return { ...this.sf?.value, roleId: this.roleId }; return { ...this.sf?.value, partnerId: this.roleId };
} }
get billDetailReqParams() { get billDetailReqParams() {
@ -50,6 +50,7 @@ export class PartnerAccountManagementRecordedDetailComponent implements OnInit {
ngOnInit(): void { ngOnInit(): void {
this.initSF(); this.initSF();
this.initST(); this.initST();
this.getInvoiceSummary();
} }
initSF() { initSF() {
@ -74,13 +75,13 @@ export class PartnerAccountManagementRecordedDetailComponent implements OnInit {
*/ */
initST() { initST() {
this.columns = [ this.columns = [
{ title: '网络货运人', index: 'carNo', className: 'text-center', width: 200 }, { title: '网络货运人', index: 'ltdName', className: 'text-center', width: 200 },
{ title: '银行类型', render: 'carModelLabel', className: 'text-center', width: 150 }, { title: '银行类型', render: 'bankTypeLabel', className: 'text-center', width: 150 },
{ title: '虚拟账户', render: 'carModelLabel', className: 'text-center', width: 200 }, { title: '虚拟账户', render: 'fictitiousAccount', className: 'text-center', width: 200 },
{ title: '返佣总额(元)', render: 'carModelLabel', className: 'text-center', width: 120 }, { title: '返佣总额(元)', index: 'totalRebate', className: 'text-center', width: 120, type: 'currency' },
{ title: '已入账金额(元)', index: 'remark', className: 'text-center', width: 180 }, { title: '已入账金额(元)', index: 'recordedAmount', className: 'text-center', width: 180, type: 'currency' },
{ title: '代缴个税(元)', render: 'approvalStatus1', className: 'text-center', width: 180 }, { title: '代缴个税(元)', index: 'taxPersonalSum', className: 'text-center', width: 180, type: 'currency' },
{ title: '待入账金额(元)', render: 'amount', className: 'text-right', width: 180 }, { title: '待入账金额(元)', index: 'waitRecordedAmount', className: 'text-right', width: 180, type: 'currency' },
{ {
title: '操作', className: 'text-center', width: 300, title: '操作', className: 'text-center', width: 300,
buttons: [ buttons: [
@ -157,9 +158,16 @@ export class PartnerAccountManagementRecordedDetailComponent implements OnInit {
this.showBillDetail = true; this.showBillDetail = true;
this.initBillDetailST(); this.initBillDetailST();
this.getBillDetail(record?.ltdId); this.getBillDetail(record?.ltdId);
} }
getInvoiceSummary() {
this.service.request(this.service.$api_get_invoice_summary, { partnerId: this.roleId }).subscribe(res => {
if (res) {
this.summaryObj = res;
}
})
}
handleCancel() { handleCancel() {
this.showBillDetail = false; this.showBillDetail = false;

View File

@ -13,6 +13,8 @@ export class AccountManagemantService extends BaseService {
$api_get_account_detail_footer_summary = `/api/bpc/accountBalancePartner/getAccountBalancePartnerIncomeDetailByOperator`;// 账户明细脚部汇总 $api_get_account_detail_footer_summary = `/api/bpc/accountBalancePartner/getAccountBalancePartnerIncomeDetailByOperator`;// 账户明细脚部汇总
$api_get_account_detail_header_summary = `/api/bpc/accountBalancePartner/getAccountBalancePartnerAmountByOperator`;// 账户明细头部汇总 $api_get_account_detail_header_summary = `/api/bpc/accountBalancePartner/getAccountBalancePartnerAmountByOperator`;// 账户明细头部汇总
$api_get_bill_detail = `/api/bpc/partnerIncomeDetail/findPartnerWaitIncomeByOperator`; // 查看账单明细 $api_get_bill_detail = `/api/bpc/partnerIncomeDetail/findPartnerWaitIncomeByOperator`; // 查看账单明细
$api_get_invoice_summary = `/api/bpc/partnerInvoiceEntry/oprationEntrySummary`; // 入账明细汇总
$api_get_invoice_detail_page = `/api/bpc/partnerInvoiceEntry/oprationEntryDetail`; // 待入账明细列表
constructor(public injector: Injector) { constructor(public injector: Injector) {
super(injector) super(injector)