รายงาน Excel

src/app/components/dashboard/dashboard-routing.module.ts

@@ -53,6 +53,7 @@ import { ReportPms1Component } from '../report-component/report-pms/report-pms-1
 import { ReportPms2Component } from '../report-component/report-pms/report-pms-2/report-pms-2.component';
 import { ReportPms3Component } from '../report-component/report-pms/report-pms-3/report-pms-3.component';
 import { EssProfileComponent } from '../ess-profile/ess-profile.component';
+import { ExcelReportComponent } from '../excel-report/excel-report.component';
 
 
 
@@ -117,7 +118,8 @@ const routes: Routes = [
       { path: "admin/report-com-3", title: 'report-com-3', component: ReportCom3Component },
       { path: "admin/report-pms-1", title: 'report-pms-1', component: ReportPms1Component },
       { path: "admin/report-pms-2", title: 'report-pms-2', component: ReportPms2Component },
-      { path: "admin/report-pms-3", title: 'report-pms-3', component: ReportPms3Component }
+      { path: "admin/report-pms-3", title: 'report-pms-3', component: ReportPms3Component },
+      { path: "admin/excel-export/:id", title: 'รายงาน Excel', component: ExcelReportComponent }
     ]
   }
 ];

src/app/components/dashboard/dashboard.module.ts

@@ -187,6 +187,7 @@ import { ReportPms1Component } from '../report-component/report-pms/report-pms-1
 import { ReportPms2Component } from '../report-component/report-pms/report-pms-2/report-pms-2.component';
 import { ReportPms3Component } from '../report-component/report-pms/report-pms-3/report-pms-3.component';
 import { EssProfileComponent } from '../ess-profile/ess-profile.component';
+import { ExcelReportComponent } from '../excel-report/excel-report.component';
 
 export const MY_DATE_FORMATS = {
   parse: {
@@ -330,7 +331,8 @@ export class CustomDateAdapter extends NativeDateAdapter {
     ReportPms1Component,
     ReportPms2Component,
     ReportPms3Component,
-    EssProfileComponent
+    EssProfileComponent,
+    ExcelReportComponent
   ],
   imports: [
     CommonModule,
@@ -406,6 +408,7 @@ export class CustomDateAdapter extends NativeDateAdapter {
     EmpStatusService,
     ConfigPermissionService,
     TokenService,
+    
     {
       provide: HTTP_INTERCEPTORS,
       useClass: HttpRequestInterceptor,

src/app/components/excel-report/excel-report.component.ts

+import { ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { ActivatedRoute } from '@angular/router';
+import { Subscription } from 'rxjs';
+import { ExcelReportService } from 'src/app/shared/services/excel-report.service';
+
+export interface ModalDetail {
+    text: { cardHead: string, search: string[], tableHead: string[] }
+}
+@Component({
+    selector: 'app-excel-report',
+    templateUrl: './excel-report.component.html',
+    styleUrls: ['./excel-report.component.scss']
+})
+export class ExcelReportComponent implements OnInit {
+    changeDate = new Date();
+    select: any = {}
+    excelReport?: any
+    variableSheet: any = []
+    loading = false
+    loadingExcel = false
+    valueDetail = []
+    modalDetail: ModalDetail = {
+        text: {
+            cardHead: '',
+            search: [],
+            tableHead: []
+        }
+    }
+    keySelect = ""
+    searchModal = ""
+
+    pageSize: number = 10
+    page: number = 1
+    currentPage: number = 1
+
+
+    dialogRef: any
+    @ViewChild("excelReportModal") excelReportModal: any;
+
+    pathTitle = ['รายงาน Excel', 'รายงาน Excel 1']
+    excelReportServiceSub?: Subscription
+    constructor(private route: ActivatedRoute,
+        private excelReportService: ExcelReportService,
+        private cdr: ChangeDetectorRef,
+        private dialog: MatDialog,
+    ) {
+
+    }
+
+    ngOnInit(): void {
+        this.excelReportServiceSub?.unsubscribe()
+        this.loadingExcel = false
+        this.cdr.detectChanges()
+        this.route.paramMap.subscribe(params => {
+            const rawId = params.get('id');
+            if (rawId) {
+                const [id, queryString] = rawId.split('?');
+                const params = new URLSearchParams(queryString);
+                const template = params.get('template');
+                const name = params.get('name');
+                this.getDataExcelReport(template || '', name || '')
+            }
+        });
+    }
+
+    ngOnDestroy(): void {
+        this.excelReportServiceSub?.unsubscribe()
+        this.loadingExcel = false
+        this.cdr.detectChanges()
+    }
+    getDataExcelReport(templateId: string, fileName: string) {
+        this.loading = true
+        this.excelReport = undefined
+        this.variableSheet = []
+        this.valueDetail = []
+        this.loadingExcel = false
+        this.excelReportService.getTemplateFile(templateId, fileName).subscribe((res: any) => {
+            this.excelReport = res
+            this.pathTitle = ['รายงาน Excel', this.excelReport.itemId + '.' + this.excelReport.tdesc]
+            if (this.excelReport.param) {
+                Object.entries(this.excelReport.param.variableSheet).forEach(([key, value]) => {
+                    const data = value as any
+                    if (data.type == 'text') {
+                        this.variableSheet.push({
+                            ...data, value: data.valueDefault || '', key: key
+                        })
+                    } else if (data.type == 'list') {
+                        this.variableSheet.push({
+                            ...data, value: data.valueDefault || '', key: key, option: data.option.split('customize|')[1].split(',').map((x: any) => {
+                                const [value, text] = x.split('#')
+                                return { value: value || '', text: text || '' }
+                            })
+                        })
+                    } else if (data.type == 'radio') {
+                        this.variableSheet.push({
+                            ...data, value: data.valueDefault || '', key: key, option: data.option.split('customize|')[1].split(',').map((x: any) => {
+                                const [value, text] = x.split('#')
+                                return { value: value || '', text: text || '' }
+                            })
+                        })
+                    } else if (data.type == 'help') {
+                        this.variableSheet.push({ ...data, value: data.valueDefault ? { id: data.valueDefault, tdesc: data.valueDefault, edesc: data.valueDefault } : { id: "", tdesc: "", edesc: "" }, key: key })
+                    } else if (data.type == 'calendar') {
+                        this.variableSheet.push({ ...data, value: data.valueDefault || '', key: key })
+                        const [d, m, y] = data.valueDefault ? data.valueDefault.split('-').map(Number) : [null, null, null]
+                        this.select[key] = y ? new Date(y, m - 1, d) : null
+                    }
+                })
+            }
+            this.loading = false
+            this.cdr.detectChanges()
+        }, error => {
+            this.loading = false
+
+        })
+    }
+    matDateChange(target: { [key: string]: any }, field: string, dateIso: string) {
+        target[field] = this.toYYYYMMDD(dateIso)
+    }
+    toYYYYMMDD(dateInput?: string | null): string {
+        if (!dateInput) return "";
+        const parsedDate = new Date(dateInput);
+        const options: Intl.DateTimeFormatOptions = {
+            year: 'numeric',
+            month: '2-digit',
+            day: '2-digit',
+        };
+        const formattedDate = parsedDate.toLocaleDateString('en-GB', options);
+        const [day, month, year] = formattedDate.split('/');
+        return `${year}-${month}-${day}`;
+    }
+
+    openModal(data: any) {
+        this.searchModal = ''
+        this.page = 1
+        this.pageSize = 10
+        this.valueDetail = data.valueDetail.map((x: any) => ({ id: x.id || '', tdesc: x.tdesc || '', edesc: x.edesc || '' }))
+        this.keySelect = data.key
+        this.modalDetail = {
+            text: {
+                cardHead: "Table " + data.table,
+                search: ["Table " + data.table],
+                tableHead: ['ID', 'detailTH', 'detailENG']
+            }
+        }
+        this.dialogRef = this.dialog.open(this.excelReportModal, {
+            width: '1000px',
+            disableClose: false,
+        });
+    }
+    closeDialog() {
+        this.dialogRef.close()
+    }
+
+    valueDetailFilter(): any[] {
+        return this.valueDetail.filter((item: any) =>
+            item.id.toLowerCase().includes(this.searchModal.toLowerCase()) ||
+            item.tdesc.toLowerCase().includes(this.searchModal.toLowerCase()) ||
+            item.edesc.toLowerCase().includes(this.searchModal.toLowerCase())
+        )
+    }
+
+    selectData(data: any) {
+        const item = this.variableSheet.find((i: any) => i.key === this.keySelect);
+        if (item) item.value = data;
+        this.cdr.detectChanges()
+    }
+
+    dowloadExcelReport() {
+        this.loadingExcel = true
+        const fileName = this.excelReport.param.excelFile
+        const param = this.excelReport.param.variableName
+        const data = this.variableSheet.map((item: any) => {
+            if (item.type == 'help') {
+                return "__" + item.key + "=" + this.select[item.key].id
+            } else if (item.type == 'list' || item.type == 'radio' || item.type == 'text') {
+                return "__" + item.key + "=" + this.select[item.key]
+            } else if (item.type == 'calendar') {
+                return "__" + item.key + "=" + this.toDateStringOnly(this.select[item.key])
+            }
+            return ""
+        }).join('|')
+        const body = {
+            fileName: fileName,
+            paramObj: data
+        }
+        this.excelReportServiceSub?.unsubscribe()
+        this.excelReportServiceSub = this.excelReportService.printExcelReport(body).subscribe((res: any) => {
+            // const blob = new Blob([res], { type: 'application/octet-stream' });
+            // FileSaver.saveAs(blob, fileName);
+            const url = window.URL.createObjectURL(res);
+            const a = document.createElement("a");
+            a.href = url;
+            a.download = fileName;
+            document.body.appendChild(a);
+            a.click();
+            document.body.removeChild(a);
+            window.URL.revokeObjectURL(url);
+            this.loadingExcel = false
+            this.cdr.detectChanges()
+        }, (err) => {
+            this.loadingExcel = false
+            this.cdr.detectChanges()
+        })
+    }
+    toDateStringOnly(input: string | Date): string {
+        const date = new Date(input);
+        if (isNaN(date.getTime())) return ''; // ถ้าไม่ใช่วันจริง คืนค่าว่าง
+
+        const year = date.getFullYear();
+        const month = `${date.getMonth() + 1}`.padStart(2, '0');
+        const day = `${date.getDate()}`.padStart(2, '0');
+
+        return `${year}-${month}-${day}`;
+    }
+}

src/app/shared/components/sidebar/sidebar.component.ts

@@ -8,6 +8,8 @@ import { ConfigPermissionService } from '../../services/config-permission.servic
 import { ConfigPermissionModel, MenuBodyModel, MyConfigPermissionModel } from '../../model/config-permission.model';
 import { TokenService } from '../../services/token.service';
 import { ViewportScroller } from '@angular/common';
+import { ExcelReportService } from '../../services/excel-report.service';
+import { MyTemplateFileMiniModel } from '../../model/template-file-mini.model';
 
 @Component({
   selector: 'app-sidebar',
@@ -82,7 +84,8 @@ export class SidebarComponent {
     private configPermissionService: ConfigPermissionService,
     private cdr: ChangeDetectorRef,
     private tokenService: TokenService,
-    private viewScroller: ViewportScroller
+    private viewScroller: ViewportScroller,
+    private excelReportService: ExcelReportService
   ) {
     this.screenWidth = window.innerWidth;
     this.user_level = this.tokenService.getUser()?.user_level
@@ -198,12 +201,39 @@ export class SidebarComponent {
     } else {
       this.menuitemsSubscribe$ = this.navServices.items.subscribe((items) => {
         if (!this.previousUrl.includes('/admin/') && !this.previousUrl.includes('/dashboard')) {
-          this.menuItems = this.navServices.getAdminMenu();
+          this.menuItems = this.navServices.getAdminMenu()
           this.ParentActive()
+          this.excelReportService.getTemplateFileLists().subscribe({
+            next: response => {
+              const submenuExcel = response.map((e, i) => ({
+                id: 'mExport' + i,
+                path: 'admin/excel-export/' + e.itemId + "?template=" + e.templateId + "&name=" + e.fileName,
+                title: e.itemId + '.' + e.tdesc,
+                type: 'link', show: true
+              }))
+              if (submenuExcel.length) {
+                this.menuItems.push({
+                  title: 'รายงาน Excel',
+                  type: 'sub',
+                  selected: false,
+                  active: false,
+                  path: '',
+                  id: 'm7',
+                  show: true,
+                  icon: 'assets/img/icons-menu/Report.png',
+                  children: submenuExcel
+                })
+              }
+            }
+          })
+
         }
       });
     }
   }
+  addMenu() {
+
+  }
   getConfigPermissionByUserLevel() {
     this.configPermission.loading = true
     this.configPermissionService.getByUserLevel(this.user_level!).subscribe({

src/app/shared/model/excel-portal.model.ts

+import { environment } from "src/environments/environment"
+
+export interface ExcelPortalModel {
+    approveBy: string
+    approveDate: string
+    approveTime: string
+    dbSupport: string
+    downloadDate: string
+    downloadTime: string
+    dwTime: number
+    engDesc: string
+    engName: string
+    excelId: string
+    fileData: string
+    fileType: string
+    group: ExcelPortalGroupModel
+    isDataGrid: number
+    isPivot: number
+    link1: string
+    referId: string
+    remark: string
+    tags: ExcelPortalTagsModel[]
+    thDesc: string
+    thName: string
+    thumbnail: string
+    uploadBy: string
+    uploadDate: string
+    uploadTime: string
+}
+export class MyExcelPortalModel implements ExcelPortalModel {
+    approveBy: string
+    approveDate: string
+    approveTime: string
+    dbSupport: string
+    downloadDate: string
+    downloadTime: string
+    dwTime: number
+    engDesc: string
+    engName: string
+    excelId: string
+    fileData: string
+    fileType: string
+    group: ExcelPortalGroupModel
+    isDataGrid: number
+    isPivot: number
+    link1: string
+    referId: string
+    remark: string
+    tags: ExcelPortalTagsModel[]
+    thDesc: string
+    thName: string
+    thumbnail: string
+    uploadBy: string
+    uploadDate: string
+    uploadTime: string
+    constructor(data?: Partial<ExcelPortalModel>) {
+        this.approveBy = data?.approveBy || ''
+        this.approveDate = data?.approveDate || ''
+        this.approveTime = data?.approveTime || ''
+        this.dbSupport = data?.dbSupport || ''
+        this.downloadDate = data?.downloadDate || ''
+        this.downloadTime = data?.downloadTime || ''
+        this.dwTime = data?.dwTime ?? 0
+        this.engDesc = data?.engDesc || ''
+        this.engName = data?.engName || ''
+        this.excelId = data?.excelId || ''
+        this.fileData = data?.fileData || ''
+        this.fileType = data?.fileType || ''
+        this.group = new MyExcelPortalGroupModel(data?.group || {})
+        this.isDataGrid = data?.isDataGrid ?? 0
+        this.isPivot = data?.isPivot ?? 0
+        this.link1 = data?.link1 || ''
+        this.referId = data?.referId || ''
+        this.remark = data?.remark || ''
+        this.tags = data?.tags?.map(e => new MyExcelPortalTagsModel(e)) || []
+        this.thDesc = data?.thDesc || ''
+        this.thName = data?.thName || ''
+        this.thumbnail = data?.thumbnail || ''
+        this.uploadBy = data?.uploadBy || ''
+        this.uploadDate = data?.uploadDate || ''
+        this.uploadTime = data?.uploadTime || ''
+    }
+    getImg() {
+        return this.thumbnail ? environment.baseUrl + "files/image/" + this.thumbnail : ''
+    }
+}
+
+export interface ExcelPortalGroupModel {
+    engName: string
+    groupId: string
+    groupType: number
+    thName: string
+}
+export class MyExcelPortalGroupModel implements ExcelPortalGroupModel {
+    engName: string
+    groupId: string
+    groupType: number
+    thName: string
+    constructor(data?: Partial<ExcelPortalGroupModel>) {
+        this.engName = data?.engName || ''
+        this.groupId = data?.groupId || ''
+        this.groupType = data?.groupType ?? 0
+        this.thName = data?.thName || ''
+    }
+}
+export interface ExcelPortalTagsModel {
+    display: string
+    value: string
+}
+export class MyExcelPortalTagsModel implements ExcelPortalTagsModel {
+    display: string
+    value: string
+    constructor(data?: Partial<ExcelPortalTagsModel>) {
+        this.display = data?.display || ''
+        this.value = data?.value || ''
+    }
+}
\ No newline at end of file

src/app/shared/model/module.model.ts

+export interface ModuleModel {
+    code: string
+    tdesc: string
+    edesc: string
+}
+
+export class MyModuleModel implements ModuleModel {
+    code: string
+    tdesc: string
+    edesc: string
+    constructor(data?: Partial<ModuleModel>) {
+        this.code = data?.code || ''
+        this.tdesc = data?.tdesc || ''
+        this.edesc = data?.edesc || ''
+    }
+}
\ No newline at end of file

src/app/shared/model/template-file-mini.model.ts

+export interface TemplateFileMiniModel {
+  edesc: string
+  fileName: string
+  itemId: string
+  module: string
+  tdesc: string
+  templateId: string
+}
+export class MyTemplateFileMiniModel implements TemplateFileMiniModel {
+  edesc: string
+  fileName: string
+  itemId: string
+  module: string
+  tdesc: string
+  templateId: string
+  constructor(data?: Partial<TemplateFileMiniModel>) {
+    this.edesc = data?.edesc || ''
+    this.fileName = data?.fileName || ''
+    this.itemId = data?.itemId || ''
+    this.module = data?.module || ''
+    this.tdesc = data?.tdesc || ''
+    this.templateId = data?.templateId || ''
+  }
+}

src/app/shared/model/template.model.ts

+export interface PrefixModel {
+    edesc: string
+    prefixId: string
+    tdesc: string
+}
+export class MyPrefixModel implements PrefixModel {
+    edesc: string
+    prefixId: string
+    tdesc: string
+    constructor(data?: Partial<PrefixModel>) {
+        this.edesc = data?.edesc || ''
+        this.prefixId = data?.prefixId || ''
+        this.tdesc = data?.tdesc || ''
+    }
+}
+
+export interface CreateByModel {
+    efname: string
+    elname: string
+    email: string
+    employeeId: string
+    engFullName: string
+    fname: string
+    lname: string
+    picture: string
+    prefix: PrefixModel
+    sex: string
+    thFullName: string
+}
+export class MyCreateByModel implements CreateByModel {
+    efname: string
+    elname: string
+    email: string
+    employeeId: string
+    engFullName: string
+    fname: string
+    lname: string
+    picture: string
+    prefix: PrefixModel
+    sex: string
+    thFullName: string
+    constructor(data?: Partial<CreateByModel>) {
+        this.efname = data?.efname || ''
+        this.elname = data?.elname || ''
+        this.email = data?.email || ''
+        this.employeeId = data?.employeeId || ''
+        this.engFullName = data?.engFullName || ''
+        this.fname = data?.fname || ''
+        this.lname = data?.lname || ''
+        this.picture = data?.picture || ''
+        this.prefix = new MyPrefixModel(data?.prefix)
+        this.sex = data?.sex || ''
+        this.thFullName = data?.thFullName || ''
+    }
+}
+
+export interface TemplateFileModel {
+    createDate: string
+    edesc: string
+    fileName: string
+    isDataGrid: string
+    isPivot: string
+    isShare: string
+    itemId: string
+    menuActive: string
+    module: string
+    page: string
+    param: any | null
+    portalId: string
+    realFileName: string
+    realFileNameOld: string
+    tdesc: string
+    templateId: string
+    uponMenu: string
+    fileData: string
+    fileType: string
+}
+export class MyTemplateFileModel implements TemplateFileModel {
+    createDate: string
+    edesc: string
+    fileName: string
+    isDataGrid: string
+    isPivot: string
+    isShare: string
+    itemId: string
+    menuActive: string
+    module: string
+    page: string
+    param: any | null
+    portalId: string
+    realFileName: string
+    realFileNameOld: string
+    tdesc: string
+    templateId: string
+    uponMenu: string
+    fileData: string
+    fileType: string
+    constructor(data?: Partial<TemplateFileModel>) {
+        this.createDate = data?.createDate || ''
+        this.edesc = data?.edesc || ''
+        this.fileName = data?.fileName || ''
+        this.isDataGrid = data?.isDataGrid || '0'
+        this.isPivot = data?.isPivot || '0'
+        this.isShare = data?.isShare || '0'
+        this.itemId = data?.itemId || ''
+        this.menuActive = data?.menuActive || ''
+        this.module = data?.module || ''
+        this.page = data?.page || ''
+        this.param = data?.param
+        this.portalId = data?.portalId || ''
+        this.realFileName = data?.realFileName || ''
+        this.realFileNameOld = data?.realFileNameOld || ''
+        this.tdesc = data?.tdesc || ''
+        this.templateId = data?.templateId || ''
+        this.uponMenu = data?.uponMenu || ''
+        this.fileData = data?.fileData || ''
+        this.fileType = data?.fileType || ''
+    }
+}
+
+export interface TemplateModel {
+    templateId: string
+    tname: string
+    ename: string
+    tdesc: string
+    edesc: string
+    module: string
+    templateFile: TemplateFileModel[]
+}
+export class MyTemplateModel implements TemplateModel {
+    templateId: string
+    tname: string
+    ename: string
+    tdesc: string
+    edesc: string
+    module: string
+    templateFile: TemplateFileModel[]
+    constructor(data?: Partial<TemplateModel>) {
+        this.templateId = data?.templateId || ''
+        this.tname = data?.tname || ''
+        this.ename = data?.ename || ''
+        this.tdesc = data?.tdesc || ''
+        this.edesc = data?.edesc || ''
+        this.module = data?.module || ''
+        this.templateFile = data?.templateFile?.map(x => new MyTemplateFileModel(x)) || []
+    }
+}
\ No newline at end of file

src/app/shared/services/excel-report.service.ts

+import { Injectable } from '@angular/core';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { TemplateFileModel, TemplateModel } from '../model/template.model';
+import { ModuleModel } from '../model/module.model';
+import { ExcelPortalModel, ExcelPortalGroupModel, ExcelPortalTagsModel } from '../model/excel-portal.model';
+import { AlertModel } from '../model/alert.model';
+import { TemplateFileMiniModel } from '../model/template-file-mini.model';
+import { environment } from 'src/environments/environment';
+@Injectable({
+  providedIn: 'root'
+})
+export class ExcelReportService {
+
+  constructor(private http: HttpClient,
+  ) { }
+  getExcelList(): Observable<TemplateModel[]> {
+    return this.http.get<TemplateModel[]>(environment.baseUrl + "/template/lists?companyid=eb2f4f30-edaf-11ee-a69a-c7680edc0e47")
+  }
+  getModuleList(): Observable<ModuleModel[]> {
+    return this.http.get<ModuleModel[]>(environment.baseUrl + "/template/lists/module?companyid=eb2f4f30-edaf-11ee-a69a-c7680edc0e47")
+  }
+  getExcelPortalList(): Observable<ExcelPortalModel[]> {
+    return this.http.get<ExcelPortalModel[]>(environment.baseUrl + "/excel-center/content/lists")
+  }
+  getExcelPortalgGroupList(): Observable<ExcelPortalGroupModel[]> {
+    return this.http.get<ExcelPortalGroupModel[]>(environment.baseUrl + "/portal-group/lists")
+  }
+  getExcelPortalTagsList(): Observable<ExcelPortalTagsModel[]> {
+    return this.http.get<ExcelPortalTagsModel[]>(environment.baseUrl + "/tag/lists")
+  }
+
+  postTemplate(body: {
+    templateId: string,
+    tname: string,
+    ename: string,
+    tdesc: string,
+    edesc: string,
+    module: string
+  }) {
+    return this.http.post(environment.baseUrl + "/template?companyid=eb2f4f30-edaf-11ee-a69a-c7680edc0e47", body)
+  }
+  deleteTemplate(body: TemplateModel): Observable<AlertModel> {
+    let option = {
+      headers: new HttpHeaders({
+        "Content-Type": "application/json",
+      }),
+      body: body
+    }
+    return this.http.delete<AlertModel>(environment.baseUrl + "/template?companyid=eb2f4f30-edaf-11ee-a69a-c7680edc0e47", option)
+  }
+  postTemplateFile(body: TemplateFileModel): Observable<AlertModel> {
+    return this.http.post<AlertModel>(environment.baseUrl + "/template-file?companyid=eb2f4f30-edaf-11ee-a69a-c7680edc0e47", body)
+  }
+  deleteTemplateFile(body: TemplateFileModel): Observable<AlertModel> {
+    let option = {
+      headers: new HttpHeaders({
+        "Content-Type": "application/json",
+      }),
+      body: body
+    }
+    return this.http.delete<AlertModel>(environment.baseUrl + "/template-file?companyid=eb2f4f30-edaf-11ee-a69a-c7680edc0e47", option)
+  }
+  downloadTemplateFile(fileName: string) {
+    return this.http.get(environment.baseUrl + "/template-file/download/excel/" + fileName + "?companyid=eb2f4f30-edaf-11ee-a69a-c7680edc0e47", { responseType: 'blob' })
+  }
+  printExcelReport(body: {
+    fileName: string,
+    paramObj: string
+  }) {
+    return this.http.post(environment.baseUrl + "/template-file/export-to-excel?companyid=eb2f4f30-edaf-11ee-a69a-c7680edc0e47", body, { responseType: 'blob' })
+  }
+  getTemplateFile(templateid: string, filename: string): Observable<AlertModel> {
+    return this.http.get<AlertModel>(environment.baseUrl + "/template-file/" + templateid + "/" + filename + "?companyid=eb2f4f30-edaf-11ee-a69a-c7680edc0e47",)
+  }
+
+  getTemplateFileLists(): Observable<TemplateFileMiniModel[]> {
+    return this.http.get<TemplateFileMiniModel[]>(environment.baseUrl + "/template-file/menuitem/mini/lists?companyid=eb2f4f30-edaf-11ee-a69a-c7680edc0e47",)
+  }
+}
\ No newline at end of file

src/app/shared/services/navservice.ts

@@ -243,7 +243,7 @@ export class NavService implements OnDestroy {
           { id: 'm65', path: 'admin/report-pms-2', title: 'รายงาน PMS 2', type: 'link', show: true },
           { id: 'm66', path: 'admin/report-pms-3', title: 'รายงาน PMS 3', type: 'link', show: true },
         ],
-      },
+      }
     ]
   }
   // Array