PDF 다운로드 config.js 수정

src/main/webapp/js/app/operation/ITP_OPERATION01010.js

@@ -26,7 +26,9 @@ let USER_INTI_USERPW = '/api/user/inti-userpw';
 
 require(['config'], function() {
 	require([
-		'jquery'
+		'jquery',
+		'xlsx',
+		'jspdf'
 	], function($) {
 		// 버튼 권한설정
 		fn_proc_btn_auth('OPERATION01010');
@@ -133,8 +135,83 @@ require(['config'], function() {
 					fn_ajax_call(USER_SAVE_USER, JSON.stringify(param), searhFn, 'POST');	
 				}
 			}
-		});		
-		
+		});
+
+		// 엑셀 다운로드 버튼
+		$('#ITP_BTN_OPERATION01010_EXCEL').on('click', function() {
+			console.log('엑셀 다운로드...');
+			let exportExcel = {
+				fileName : 'OPERATION01010.xlsx',
+				sheetName : '사용자관리',
+				header : {
+					userId: ITP_MSG_LOCALE.label.userId, 			//사용자ID
+					userNm: ITP_MSG_LOCALE.label.userName, 			//닉네임
+					email: ITP_MSG_LOCALE.label.idEmail, 			//아이디(이메일)
+					telNo: ITP_MSG_LOCALE.label.telNo, 				//휴대폰 번호
+					userStatNm: ITP_MSG_LOCALE.label.status, 		//상태
+					userStatDt: ITP_MSG_LOCALE.label.statusDt, 		//상태일시
+					addDt: ITP_MSG_LOCALE.label.regDt, 				//등록일
+					lastLoginDt: ITP_MSG_LOCALE.label.lastLogin,	//마지막 로그인
+				},
+				blobParts : function(wb) {
+					let buf = new ArrayBuffer(wb.length);
+					let view = new Uint8Array(buf);
+					for (let i=0; i<wb.length; i++) view[i] = wb.charCodeAt(i) & 0xFF;
+					return buf;
+				},
+				download : function(rowData, isHeader) {
+					let wb = XLSX.utils.book_new();
+					if(isHeader) rowData.unshift(this.header);
+					let newWorksheet = XLSX.utils.json_to_sheet(rowData);
+					XLSX.utils.book_append_sheet(wb, newWorksheet, this.sheetName);
+					let wbout = XLSX.write(wb, {bookType:'xlsx',  type: 'binary'});
+					saveAs(new Blob([this.blobParts(wbout)],{type:"application/octet-stream"}), this.fileName);
+				},
+				save : function() {
+					let _this = this;
+					let rowData = $(OPERATION01010_GRID_ID).getRowData();
+					console.log(rowData);
+					this.download(rowData, true);
+				}
+			}
+			exportExcel.save();
+		});
+
+		// PDF 다운로드 버튼
+		$('#ITP_BTN_OPERATION01010_PDF').on('click', function() {
+			console.log('PDF 다운로드...');
+			html2canvas($(OPERATION01010_GRID_ID)[0], {
+				//logging : true,		// 디버그 목적 로그
+				allowTaint : true,	// cross-origin allow
+				useCORS: true,		// CORS 사용한 서버로부터 이미지 로드할 것인지 여부
+				scale : 2			// 기본 96dpi에서 해상도를 두 배로 증가
+			}).then(canvas => {
+				let imgData = canvas.toDataURL('image/png');
+				let imgWidth = 190; // 이미지 가로 길이(mm) / A4 기준 210mm
+				let pageHeight = imgWidth * 1.414;  // 출력 페이지 세로 길이 계산 A4 기준
+				let imgHeight = canvas.height * imgWidth / canvas.width;
+				let heightLeft = imgHeight;
+				let margin = 10; // 출력 페이지 여백설정
+				let doc = new jsPDF('p', 'mm');
+				let position = 0;
+
+				// 첫 페이지 출력
+				doc.addImage(imgData, 'PNG', margin, position, imgWidth, imgHeight);
+				heightLeft -= pageHeight;
+
+				// 한 페이지 이상일 경우 루프 돌면서 출력
+				while (heightLeft >= 20) {
+					position = heightLeft - imgHeight;
+					doc.addPage();
+					doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);
+					heightLeft -= pageHeight;
+				}
+
+				// 파일 저장
+				doc.save('file-name.pdf');
+			});
+		});
+
 		// 중복체크
 		$('#ITP_FORM_OPERATION01010_DETAIL_DUP').on('click', function() {
 			const formId = '#ITP_FORM_OPERATION01010_DETAIL';