106 lines
3.7 KiB
TypeScript
106 lines
3.7 KiB
TypeScript
import { ChangeDetectorRef, Component, OnInit } from "@angular/core";
|
|
import { lastValueFrom } from "rxjs";
|
|
import { AppService } from "../../../../app.service";
|
|
import { API, STORAGE } 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";
|
|
import { format, parseISO } from "date-fns";
|
|
|
|
@Component({
|
|
selector: "app-appraisal-1st-time-index",
|
|
templateUrl: "./appraisal-1st-time-pdf.component.html",
|
|
styleUrls: []
|
|
})
|
|
export class Appraisal1stTimePdfComponent extends BaseFormComponent implements OnInit {
|
|
|
|
pageTitle = "ใบเสนอราคา";
|
|
apiUrl: string = API.quotation;
|
|
api: any = API;
|
|
dataView: any;
|
|
pdfView: any;
|
|
|
|
|
|
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 data = {
|
|
doc_no: quotation.quotationNo,
|
|
product_code: quotation.productNo,
|
|
type_code: quotation.typeCode,
|
|
customer_name: customerName,
|
|
phone_no: quotation.customerPhone,
|
|
installment_start_date: startDate,
|
|
picture: `${STORAGE.products}/${quotation.coverImage}`,
|
|
price: Number(quotation.price),
|
|
seller_deposit: Number(quotation.sellerDeposit),
|
|
cmfs_deposit: Number(quotation.cmfsDeposit),
|
|
total_balance: Number(quotation.principalBalanceTotal),
|
|
installment: Number(quotation.wantToInstallmentTerm),
|
|
packing: Number(quotation.plusPacking),
|
|
luxury_handbag_authentication: Number(quotation.plusLuxuryHandbag),
|
|
bankfee_insurance_storage: Number(quotation.plusBankFee),
|
|
transfer_amount: Number(quotation.transferSummary),
|
|
discount: Number(quotation.discount),
|
|
data: [],
|
|
total1: 0,
|
|
total2: 0,
|
|
total3: 0,
|
|
total4: 0
|
|
}
|
|
const quotationDetail: any = [];
|
|
quotation.quotationDetail?.map(item => {
|
|
const dueDate = item.dueDate ? format(parseISO(item.dueDate), "dd/MM/yyyy") : null;
|
|
const map = {
|
|
due_date: dueDate,
|
|
principle: Number(item.principle),
|
|
interest_total: Number(item.interestTotal),
|
|
bank_fee: Number(item.fee),
|
|
total_payment: Number(item.totalPayment),
|
|
principle_total: Number(item.principleTotal)
|
|
}
|
|
quotationDetail.push(map);
|
|
})
|
|
|
|
data.data = quotationDetail;
|
|
|
|
const pdf = await lastValueFrom(this.appService.post(`${this.api.quotationReport}/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);
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|