edit
This commit is contained in:
Taric Xin
@ -1,55 +1,57 @@
|
||||
<div nz-row nzGutter="8" class="statistics-box">
|
||||
<div nz-col nzSpan="12" se-container [labelWidth]="100" col="1">
|
||||
<se label="购买方">
|
||||
茅台股份有限公司
|
||||
{{info?.artoName}}
|
||||
</se>
|
||||
<se label="纳税号">
|
||||
912301046656930913
|
||||
{{info?.artotaxno}}
|
||||
</se>
|
||||
<se label="地址">
|
||||
贵州省贵阳市
|
||||
{{info?.artoadd}}
|
||||
</se>
|
||||
<se label="电话">
|
||||
075588393198
|
||||
{{info?.artotel}}
|
||||
</se>
|
||||
<se label="开户行">
|
||||
中国工商银行股份有限公司哈贵阳支行
|
||||
{{info?.artobank}}
|
||||
</se>
|
||||
<se label="银行账户">
|
||||
3500044119068126788
|
||||
{{info?.artoacc}}
|
||||
</se>
|
||||
<se label="票面备注">
|
||||
<p style="margin-bottom: 0;margin-top: 5px;">起运地:广东省深圳市南山区</p>
|
||||
<p style="margin-bottom: 0;">目的地:湖北省武汉市青山区</p>
|
||||
<p style="margin-bottom: 0;">货物名称:钢材</p>
|
||||
<p style="margin-bottom: 0;">车型车牌:高栏车 粤B36889</p>
|
||||
{{info?.vatremarks}}
|
||||
</se>
|
||||
</div>
|
||||
<div nz-col nzSpan="12" se-container [labelWidth]="100" col="1">
|
||||
<se label="销售方">
|
||||
天津怡亚通物流科技有限公司
|
||||
{{info?.shipperId}}
|
||||
</se>
|
||||
<se label="申请编号">
|
||||
VP12301046656
|
||||
{{info?.vatinvcode}}
|
||||
</se>
|
||||
<se label="订单数">
|
||||
100笔
|
||||
{{info?.ordlines}}笔
|
||||
</se>
|
||||
<se label="价税合计">
|
||||
300,000.00元
|
||||
{{info?.vatmoney}}元
|
||||
</se>
|
||||
<se label="服务名称">
|
||||
运输服务费
|
||||
{{info?.vatname}}
|
||||
</se>
|
||||
<se label="销货清单">
|
||||
需要
|
||||
{{info?.isdetail}}
|
||||
</se>
|
||||
<se label="其他要求">
|
||||
单位按吨
|
||||
{{info?.otherremarks}}
|
||||
</se>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<st #st [data]="data" [columns]="columns" [page]="{ show: false}" [scroll]="{ x:'800px',y: '300px' }" class="mt-md">
|
||||
<st #st size="small" [bordered]="true" [scroll]="{x:'800px',y: '300px' }" [data]="service.$api_ficoVatinv_Detail"
|
||||
[columns]="columns"
|
||||
[req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
|
||||
[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" class="mt-md">
|
||||
</st>
|
||||
@ -10,4 +10,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.text-truncate {
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
@ -1,15 +1,16 @@
|
||||
import { CurrencyPipe } from '@angular/common';
|
||||
import { Component, OnInit, ViewChild } from '@angular/core';
|
||||
import { STComponent, STColumn } from '@delon/abc/st';
|
||||
import { STComponent, STColumn, STRequestOptions } from '@delon/abc/st';
|
||||
import { NzModalService } from 'ng-zorro-antd/modal';
|
||||
import { TicketService } from '../../../services/ticket.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-push-invoice',
|
||||
templateUrl: './push-invoice.component.html',
|
||||
styleUrls: ['./push-invoice.component.less']
|
||||
styleUrls: ['./push-invoice.component.less'],
|
||||
providers: [CurrencyPipe]
|
||||
})
|
||||
export class PushInvoiceComponent implements OnInit {
|
||||
|
||||
@ViewChild('st', { static: false })
|
||||
st!: STComponent;
|
||||
columns: STColumn[] = this.initST();
|
||||
@ -30,23 +31,39 @@ export class PushInvoiceComponent implements OnInit {
|
||||
}
|
||||
];
|
||||
|
||||
info = {};
|
||||
info: any = {};
|
||||
id!: number;
|
||||
|
||||
constructor(public service: TicketService, private nzModalService: NzModalService) {}
|
||||
constructor(public service: TicketService, private nzModalService: NzModalService, private currencyPipe: CurrencyPipe) {}
|
||||
|
||||
ngOnInit(): void {}
|
||||
ngOnInit(): void {
|
||||
this.loadHeader(this.id);
|
||||
}
|
||||
|
||||
beforeReq = (requestOptions: STRequestOptions) => {
|
||||
Object.assign(requestOptions.body, { vatinvHId: this.id });
|
||||
return requestOptions;
|
||||
};
|
||||
|
||||
loadHeader(id: number) {
|
||||
this.service.request(this.service.$api_ficoVatinv_header, { id }).subscribe(res => {
|
||||
console.log(res);
|
||||
|
||||
if (res) {
|
||||
this.info = res;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
private initST(): STColumn[] {
|
||||
return [
|
||||
{ title: '服务名称', index: 'no', width: 100 },
|
||||
{ title: '规格型号', index: 'callNo', width: 100 },
|
||||
{ title: '单位', index: 'callNo', width: 90 },
|
||||
{ title: '数量', index: 'callNo', width: 90 },
|
||||
{ title: '金额', index: 'callNo', width: 90 },
|
||||
{ title: '税率', index: 'callNo', width: 90 },
|
||||
{ title: '税额', index: 'callNo', width: 90 },
|
||||
{ title: '服务名称', index: 'vatname', width: 100 },
|
||||
{ title: '规格型号', index: 'vatmodel', width: 150 },
|
||||
{ title: '单位', index: 'vatunit', width: 90, className: 'text-center' },
|
||||
{ title: '数量', index: 'vatqty', width: 90, className: 'text-right' },
|
||||
{ title: '金额', index: 'vatnotax', width: 90, type: 'currency', format: item => `${this.currencyPipe.transform(item.vatnotax)}` },
|
||||
{ title: '税率', index: 'vatrate', width: 90, className: 'text-right' },
|
||||
{ title: '税额', index: 'vattax', width: 90, type: 'currency', format: item => `${this.currencyPipe.transform(item.vattax)}` }
|
||||
];
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user