edit
This commit is contained in:
Taric Xin
@ -10,56 +10,57 @@
|
||||
<div nz-row nzGutter="8">
|
||||
<div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="150" col="1">
|
||||
<se label="网络货运人">
|
||||
天津怡亚通物流科技有限公司
|
||||
{{headerInfo?.ltdidName}}
|
||||
</se>
|
||||
<se label="申请编号">
|
||||
VP2021012010
|
||||
{{headerInfo?.vatappHId}}
|
||||
</se>
|
||||
<se label="已开/全部订单数">
|
||||
50/100
|
||||
{{headerInfo?.vatinvBillNum}} / {{headerInfo?.ordlines}}
|
||||
</se>
|
||||
<se label="已开/全部发票金额">
|
||||
5000.00/10000.00
|
||||
{{headerInfo?.vatinvHAmount}} / {{headerInfo?.vatinvHAmount}}
|
||||
</se>
|
||||
<se label="网络货运人">
|
||||
<se label="已开发票张数">
|
||||
2
|
||||
</se>
|
||||
</div>
|
||||
<div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="100" col="1">
|
||||
<se label="购买方">
|
||||
茅台股份有限公司
|
||||
{{headerInfo?.projectName}}
|
||||
</se>
|
||||
<se label="纳税号">
|
||||
912301046656930913
|
||||
{{headerInfo?.taxNumber}}
|
||||
</se>
|
||||
<se label="地址">
|
||||
贵州省贵阳市
|
||||
{{headerInfo?.registerAddr}}
|
||||
</se>
|
||||
<se label="电话">
|
||||
075588393198
|
||||
{{headerInfo?.registerPhone}}
|
||||
</se>
|
||||
<se label="开户行">
|
||||
中国工商银行股份有限公司哈贵阳支行
|
||||
{{headerInfo?.bankName}}
|
||||
</se>
|
||||
<se label="银行账户">
|
||||
3500044119068126788
|
||||
{{headerInfo?.bankAccount}}
|
||||
</se>
|
||||
</div>
|
||||
<div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="100" col="1">
|
||||
<se label="服务名称">
|
||||
运输服务费
|
||||
{{headerInfo?.vatname}}
|
||||
</se>
|
||||
<se label="销货清单">
|
||||
需要
|
||||
{{headerInfo?.isdetail}}
|
||||
</se>
|
||||
<se label="其他要求">
|
||||
单位按吨
|
||||
{{headerInfo?.otherremarks}}
|
||||
</se>
|
||||
<se label="票面备注">
|
||||
<p style="margin-bottom: 0;margin-top: 5px;">起运地:广东省深圳市南山区</p>
|
||||
{{headerInfo?.vatremarks}}
|
||||
<!-- <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>
|
||||
<p style="margin-bottom: 0;">车型车牌:高栏车 粤B36889</p> -->
|
||||
</se>
|
||||
</div>
|
||||
</div>
|
||||
@ -99,9 +100,13 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<st #st [data]="service.$mock_url" [columns]="columns"
|
||||
<st #st [data]="service.$api_get_invoice_requested_order_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" [scroll]="{ x:'1200px',y: '200px' }" (change)="stChange($event)"></st>
|
||||
[loading]="service.http.loading" [scroll]="{ x:'1200px',y: '200px' }" (change)="stChange($event)">
|
||||
<ng-template st-row="billHCode" let-item let-index="index" let-column="column">
|
||||
<a class="text-primary" (click)="routeToOrder(item)"> {{ item.billHCode }}</a>
|
||||
</ng-template>
|
||||
</st>
|
||||
</nz-card>
|
||||
@ -1,5 +1,5 @@
|
||||
import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
|
||||
import { Router } from '@angular/router';
|
||||
import { ActivatedRoute, Router } from '@angular/router';
|
||||
import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
|
||||
import { SFComponent, SFSchema, SFDateWidgetSchema, SFTextWidgetSchema } from '@delon/form';
|
||||
import { NzModalService } from 'ng-zorro-antd/modal';
|
||||
@ -25,10 +25,30 @@ export class InvoiceRequestedDetailComponent implements OnInit {
|
||||
selectedRows: any[] = [];
|
||||
totalCallNo = 0;
|
||||
_$expand = false;
|
||||
constructor(public service: TicketService, private nzModalService: NzModalService, private router: Router) {}
|
||||
|
||||
vatappHId = null;
|
||||
headerInfo: any = {};
|
||||
constructor(
|
||||
public service: TicketService,
|
||||
private nzModalService: NzModalService,
|
||||
private route: ActivatedRoute,
|
||||
private router: Router
|
||||
) {
|
||||
this.vatappHId = route.snapshot.params.id;
|
||||
this.loadHeadInfo();
|
||||
}
|
||||
|
||||
ngOnInit(): void {}
|
||||
|
||||
loadHeadInfo() {
|
||||
this.service.request(this.service.$api_get_invoice_requested_header_detail, { vatappHId: this.vatappHId }).subscribe(res => {
|
||||
console.log(res);
|
||||
if (res) {
|
||||
this.headerInfo = res;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
beforeReq = (requestOptions: STRequestOptions) => {
|
||||
if (this.sf) {
|
||||
Object.assign(requestOptions.body, { ...this.sf.value });
|
||||
@ -85,7 +105,14 @@ export class InvoiceRequestedDetailComponent implements OnInit {
|
||||
nzTitle: '确定从当前批次中移除所选订单？',
|
||||
nzContent: '移除后相关订单可以重新提交开票申请',
|
||||
nzOnOk: () => {
|
||||
console.log(this.selectedRows);
|
||||
const ids = this.selectedRows.map(order => order.billHId);
|
||||
this.service.request(this.service.$api_remove_bill, ids).subscribe(res => {
|
||||
if (res) {
|
||||
this.service.msgSrv.success('移除成功');
|
||||
this.loadHeadInfo();
|
||||
this.st.reload();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
@ -94,6 +121,14 @@ export class InvoiceRequestedDetailComponent implements OnInit {
|
||||
history.go(-1);
|
||||
}
|
||||
|
||||
routeToOrder(item: any) {
|
||||
if (item.billType === 1) {
|
||||
this.router.navigate(['/order-management/vehicle-detail/' + item.billHCode]);
|
||||
} else {
|
||||
this.router.navigate(['/order-management/bulk-detail/' + item.billHCode]);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 重置表单
|
||||
*/
|
||||
@ -118,14 +153,14 @@ export class InvoiceRequestedDetailComponent implements OnInit {
|
||||
hidden: true
|
||||
}
|
||||
},
|
||||
orderSn: {
|
||||
billHCode: {
|
||||
type: 'string',
|
||||
title: '订单号',
|
||||
ui: {
|
||||
placeholder: '请输入'
|
||||
}
|
||||
},
|
||||
receiveName: {
|
||||
vatappSts: {
|
||||
type: 'string',
|
||||
title: '开票状态',
|
||||
enum: [
|
||||
@ -143,17 +178,21 @@ export class InvoiceRequestedDetailComponent implements OnInit {
|
||||
},
|
||||
default: ''
|
||||
},
|
||||
orderSn2: {
|
||||
vatinvcode: {
|
||||
type: 'string',
|
||||
title: '发票号码',
|
||||
ui: {
|
||||
placeholder: '请输入'
|
||||
}
|
||||
},
|
||||
receiveName2: {
|
||||
billType: {
|
||||
type: 'string',
|
||||
title: '订单类型',
|
||||
enum: [{ label: '全部', value: '' }],
|
||||
enum: [
|
||||
{ label: '全部', value: '' },
|
||||
{ label: '整车', value: '1' },
|
||||
{ label: '大宗', value: '2' }
|
||||
],
|
||||
ui: {
|
||||
widget: 'select',
|
||||
placeholder: '请选择',
|
||||
@ -163,7 +202,7 @@ export class InvoiceRequestedDetailComponent implements OnInit {
|
||||
},
|
||||
default: ''
|
||||
},
|
||||
orderS2n2: {
|
||||
driverinfo: {
|
||||
type: 'string',
|
||||
title: '运司机',
|
||||
ui: {
|
||||
@ -183,18 +222,17 @@ export class InvoiceRequestedDetailComponent implements OnInit {
|
||||
}
|
||||
}
|
||||
},
|
||||
receiveN2ame2: {
|
||||
projectId: {
|
||||
title: '项目',
|
||||
type: 'string',
|
||||
title: '所属项目',
|
||||
enum: [{ label: '全部', value: '' }],
|
||||
default: '',
|
||||
ui: {
|
||||
widget: 'select',
|
||||
placeholder: '请选择',
|
||||
visibleIf: {
|
||||
expand: (value: boolean) => value
|
||||
}
|
||||
},
|
||||
default: ''
|
||||
},
|
||||
asyncData: () => this.service.getEnterpriseProject()
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
@ -203,22 +241,22 @@ export class InvoiceRequestedDetailComponent implements OnInit {
|
||||
private initST(): STColumn[] {
|
||||
return [
|
||||
{ title: '', index: 'key', type: 'checkbox' },
|
||||
{ title: '订单号', index: 'no', width: 150 },
|
||||
{ title: '订单完成日期', index: 'updatedAt', type: 'date', width: 150 },
|
||||
{ title: '开票状态', index: 'callNo', width: 100 },
|
||||
{ title: '所属项目', index: 'callNo', width: 100 },
|
||||
{ title: '订单类型', index: 'callNo', width: 100 },
|
||||
{ title: '装货地', index: 'callNo', width: 90 },
|
||||
{ title: '卸货地', index: 'callNo', width: 90 },
|
||||
{ title: '货物信息', index: 'callNo', width: 100 },
|
||||
{ title: '承运司机', index: 'callNo', width: 140, format: item => `特朗普</br>13789040523</br>粤GT8419` },
|
||||
{ title: '申请金额', index: 'callNo', width: 100 },
|
||||
{ title: '运输费', index: 'callNo', width: 90 },
|
||||
{ title: '附加费', index: 'callNo', width: 90 },
|
||||
{ title: '开票金额', index: 'callNo', width: 100 },
|
||||
{ title: '税率', index: 'callNo', width: 90 },
|
||||
{ title: '发票号码', index: 'callNo', width: 100 },
|
||||
{ title: '开票日期', index: 'updatedAt', type: 'date', width: 150 }
|
||||
{ title: '订单号', render: 'billHCode', width: 150 },
|
||||
{ title: '订单完成日期', index: 'billTime', type: 'date', width: 150 },
|
||||
{ title: '开票状态', index: 'vatappSts', width: 100 },
|
||||
{ title: '所属项目', index: 'projectId', width: 100 },
|
||||
{ title: '订单类型', index: 'billType', width: 100, type: 'enum', enum: { 1: '整车', 2: '大宗' } },
|
||||
{ title: '装货地', index: 'loadingfrom', width: 90 },
|
||||
{ title: '卸货地', index: 'loadingto', width: 90 },
|
||||
{ title: '货物信息', index: 'goodsinfo', width: 100 },
|
||||
{ title: '承运司机', index: 'driverinfo', width: 140 },
|
||||
{ title: '申请金额', index: 'billkpmoney', width: 100 },
|
||||
{ title: '运输费', index: 'fjfmoney2', width: 90 },
|
||||
{ title: '附加费', index: 'fjfmoney', width: 90 },
|
||||
{ title: '开票金额', index: 'billkpmoney', width: 100 },
|
||||
{ title: '税率', index: 'billvatrate', width: 90 },
|
||||
{ title: '发票号码', index: 'vatinvcode', width: 100 },
|
||||
{ title: '开票日期', index: 'vatinvtime', type: 'date', width: 150 }
|
||||
];
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user