This commit is contained in:
Taric Xin
2021-12-30 14:41:52 +08:00
parent 6e33516cd4
commit abdc899a29
7 changed files with 137 additions and 100 deletions

View File

@ -10,51 +10,51 @@
<div nz-row nzGutter="8">
<div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="100" col="1">
<se label="销售方">
天津怡亚通物流科技有限公司
{{headerInfo?.ltdId}}
</se>
<se label="申请编号">
VP2021012010
{{headerInfo?.vatappHCode}}
</se>
<se label="发票号码">
051010100
{{headerInfo?.invoiceno}}
</se>
<se label="发票代码">
54364653
{{headerInfo?.invoiceno2}}
</se>
<se label="开票日期">
2021-10-11
{{headerInfo?.invoicedate}}
</se>
<se label="价税合计">
2205.00
{{headerInfo?.disvatnotax}}
</se>
<se label="税额">
182.06
{{headerInfo?.disvattax}}
</se>
<se label="票面备注">
订单号11-12
{{headerInfo?.remarks}}
</se>
</div>
<div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="100" col="1">
<se label="购买方">
茅台股份有限公司
{{headerInfo?.artoname}}
</se>
<se label="纳税号">
912301046656930913
{{headerInfo?.artotaxno}}
</se>
<se label="地址">
贵州省贵阳市
{{headerInfo?.artoadd}}
</se>
<se label="电话">
075588393198
{{headerInfo?.artotel}}
</se>
<se label="开户行">
中国工商银行股份有限公司哈贵阳支行
{{headerInfo?.artobank}}
</se>
<se label="银行账户">
3500044119068126788
{{headerInfo?.artoacc}}
</se>
<se label="其他要求">
开票单位要吨
{{headerInfo?.remarks}}
</se>
</div>
<div *ngIf="isCanEdit" nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" class="text-right">
@ -87,7 +87,7 @@
</div>
</div>
<st #orderST [data]="service.$mock_url" [columns]="orderColumns" size="small" bordered="true"
<st #orderST [data]="service.$api_get_invoice_order_detail" [columns]="orderColumns" size="small" bordered="true"
[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] }"
@ -108,40 +108,38 @@
</div>
</div>
<st #costST [data]="service.$mock_url" [columns]="costColumns" size="small" bordered="true"
<st #costST [data]="service.$api_get_invoice_cost_detail" [columns]="costColumns" size="small" bordered="true"
[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" [scroll]="{ x:'1200px',y: '250px' }"></st>
</nz-tab>
<nz-tab nzTitle="发票明细">
<st #invoiceST [data]="service.$mock_url" [columns]="invoiceColumns" size="small" bordered="true"
<st #invoiceST [data]="service.$api_get_invoice_details" [columns]="invoiceColumns" size="small" bordered="true"
[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" [scroll]="{ x:'1200px',y: '250px' }">
<ng-template st-row="owner" let-item let-index="index">
<ng-template st-row="vatname" let-item let-index="index">
<nz-select *ngIf="isEdit" [ngModel]="item.owner"
(ngModelChange)="invoiceST.setRow(index, { owner: $event })" style="width: 100%;">
<nz-option nzValue="曲丽丽" nzLabel="曲丽丽"></nz-option>
<nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
(ngModelChange)="invoiceST.setRow(index, { vatname: $event })" style="width: 100%;">
</nz-select>
<ng-container *ngIf="!isEdit">{{ item.owner }}</ng-container>
<ng-container *ngIf="!isEdit">{{ item.vatname }}</ng-container>
</ng-template>
<ng-template st-row="callNo" let-item let-index="index">
<input *ngIf="isEdit" nz-input [ngModel]="item.callNo"
(ngModelChange)="invoiceST.setRow(index, { callNo: $event })" />
<ng-container *ngIf="!isEdit">{{ item.callNo }}</ng-container>
<ng-template st-row="vatmodel" let-item let-index="index">
<input *ngIf="isEdit" nz-input [ngModel]="item.vatmodel"
(ngModelChange)="invoiceST.setRow(index, { vatmodel: $event })" />
<ng-container *ngIf="!isEdit">{{ item.vatmodel }}</ng-container>
</ng-template>
<ng-template st-row="progress" let-item let-index="index">
<input *ngIf="isEdit" nz-input [ngModel]="item.progress"
(ngModelChange)="invoiceST.setRow(index, { progress: $event })" />
<ng-container *ngIf="!isEdit">{{ item.progress }}</ng-container>
<ng-template st-row="vatunit" let-item let-index="index">
<input *ngIf="isEdit" nz-input [ngModel]="item.vatunit"
(ngModelChange)="invoiceST.setRow(index, { vatunit: $event })" />
<ng-container *ngIf="!isEdit">{{ item.vatunit }}</ng-container>
</ng-template>
<ng-template st-row="status" let-item let-index="index">
<input *ngIf="isEdit" nz-input [ngModel]="item.status"
(ngModelChange)="invoiceST.setRow(index, { status: $event })" />
<ng-container *ngIf="!isEdit">{{ item.status }}</ng-container>
<ng-template st-row="vatqty" let-item let-index="index">
<input *ngIf="isEdit" nz-input [ngModel]="item.vatqty"
(ngModelChange)="invoiceST.setRow(index, { vatqty: $event })" />
<ng-container *ngIf="!isEdit">{{ item.vatqty }}</ng-container>
</ng-template>
</st>
</nz-tab>