104 lines
3.3 KiB
TypeScript
104 lines
3.3 KiB
TypeScript
import {ChangeDetectorRef, Component, OnInit} from "@angular/core";
|
|
import {lastValueFrom} from "rxjs";
|
|
import {AppService} from "../../../../app.service";
|
|
import {API} from "../../../../@config/app";
|
|
import {ActivatedRoute, Router} from "@angular/router";
|
|
import {DomSanitizer} from "@angular/platform-browser";
|
|
import {BaseFormComponent} from "../../../../@common/base/base-form.component";
|
|
import {IQuotation} from "../../../../@common/interface/Quotation";
|
|
|
|
@Component({
|
|
selector: "app-finance-payment-pdf",
|
|
templateUrl: "./finance-payment-pdf-invoice.component.html",
|
|
styleUrls: []
|
|
})
|
|
export class FinancePaymentPdfInvoiceComponent extends BaseFormComponent implements OnInit {
|
|
|
|
pageTitle = "ใบเสนอราคา";
|
|
apiUrl: string = API.quotation;
|
|
api: any = API;
|
|
dataView: any;
|
|
pdfView: any;
|
|
|
|
|
|
paymentMethods : any = {
|
|
transfer : "โอนเงิน",
|
|
cash : "เงินสด",
|
|
}
|
|
|
|
|
|
constructor(
|
|
public activatedRoute: ActivatedRoute,
|
|
public router: Router,
|
|
public changeDetectorRef: ChangeDetectorRef,
|
|
public appService: AppService,
|
|
private sanitizer: DomSanitizer
|
|
) {
|
|
super();
|
|
|
|
|
|
}
|
|
|
|
async ngOnInit() {
|
|
this.activatedRoute.params.subscribe(async params => {
|
|
this.ids = params["id"];
|
|
await this.getData();
|
|
});
|
|
}
|
|
|
|
|
|
async getData() {
|
|
try {
|
|
|
|
const quotation: IQuotation = await lastValueFrom(this.appService.get(`${this.api.quotation}/getById/${this.ids}`));
|
|
// const startDate = quotation.startDate ? format(parseISO(quotation.startDate), "dd/MM/yyyy") : null;
|
|
|
|
const customerPrefix = quotation.customerPrefix ? quotation.customerPrefix : '';
|
|
const customerName = quotation?.customerId ? `${quotation.customer?.prefix} ${quotation.customer?.firstName} ${quotation.customer?.lastName}` :
|
|
`${customerPrefix} ${quotation.customerFirstName} ${quotation.customerLastName}`;
|
|
const phone = quotation?.customerId ? quotation.customer?.phone : quotation.customerPhone;
|
|
const address = quotation?.customerId ? quotation.customer?.address : quotation.customerAddress;
|
|
|
|
|
|
let paymentAmountAll: any = 0;
|
|
if (quotation.step === 2) paymentAmountAll = quotation.transferSummary;
|
|
if (quotation.step === 3) paymentAmountAll = quotation.sellerDeposit2ndTime;
|
|
if (quotation.step === 4) paymentAmountAll = quotation.sellerDeposit3rdTime;
|
|
if (quotation.step === 5) paymentAmountAll = quotation.priceDisbursement;
|
|
|
|
|
|
const data: any = {
|
|
payment_no: quotation.quotationNo,
|
|
due_date: quotation.startDate,
|
|
due_dates: "",
|
|
customer_name: customerName,
|
|
phone: phone ? phone : '',
|
|
address: address ? address : '',
|
|
data: [
|
|
{
|
|
item_code: quotation.productNo,
|
|
item_name_th: quotation.productName,
|
|
item_amount: Number(paymentAmountAll)
|
|
}
|
|
],
|
|
total_amount: Number(paymentAmountAll),
|
|
payee: quotation?.userFullName
|
|
}
|
|
|
|
console.log(data)
|
|
|
|
const pdf = await lastValueFrom(this.appService.post(`${this.api.paymentReport}/pdf`, data, {responseType: "arraybuffer"}));
|
|
const url = URL.createObjectURL(new Blob([pdf], {type: "application/pdf"}));
|
|
this.pdfView = this.sanitizer.bypassSecurityTrustResourceUrl(url);
|
|
|
|
|
|
} catch (e) {
|
|
console.log(e);
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|