엑셀스타일 저장처리

src/main/webapp/js/app/config.js

@@ -29,10 +29,11 @@ requirejs.config({
 		'smarteditor2': 'se2/js/service/HuskyEZCreator',
 		'message.locale': 'js/app/locales/locale-' + ITP_LANGUAGE + '.js?version='+js_version,
 		'kakao.postcode': 'https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2',		
+		// 'kakao.maps': 'https://dapi.kakao.com/v2/maps/sdk.js?appkey=16051f864cde43fd1157f61c0fef7c6e&libraries=services,clusterer&autoload=false',
 		'kakao.maps': 'https://dapi.kakao.com/v2/maps/sdk.js?appkey=a2ce7c66185a5413095b6485ac9ad3cd&libraries=services,clusterer&autoload=false',
 		'kakao.map.util': 'js/app/kakao.map', 				// Crypto 암호화 js
 		'file.saver': 'js/FileSaver.min',					// 엑셀 다운로드 (JSON 데이터를 파일로 전환)
-		'xlsx': 'js/xlsx.full.min',							// 엑셀 다운로드 (JSON 데이터를 파일로 전환)
+		// 'xlsx': 'js/xlsx.full.min',							// 엑셀 다운로드 (JSON 데이터를 파일로 전환)
 		'html2canvas': 'js/html2canvas.min',				// PDF 다운로드 (html 객체를 canvas로 변환)
 		'jspdf': 'js/jspdf.min',							// PDF 다운로드 (html, 이미지, canvas 객체를 pdf로 변환)
 		// 'jspdf.autotable': 'js/jspdf.plugin.autotable.min',	// PDF 다운로드 (html, 이미지, canvas 객체를 pdf로 변환)
@@ -68,10 +69,7 @@ requirejs.config({
 				'jquery.jqGrid.treegrid',
 				'jquery.jqGrid.fmatter'
 			]
-		},
-		'xlsx': {
-			deps: ['file.saver']
-		},
+		}, 
 		'kakao.map.util': {
 			deps: [
 				'kakao.postcode',
@@ -3170,13 +3168,13 @@ var itp_fn_remote_to_excel = function(options) {
 		const fileName=options.fileName;
 		const data = [], header=[], headerWidths=[], cols=[], mapAlign={};
 		// alignment: { vertical: 'center', horizontal: 'center', wrapText: true }
-		const BORDER_ALL = { border: { top: { style: 'thick' }, right: { style: 'thick' }, bottom: { style: 'thick' }, left: { style: 'thick' } } };
+		const BORDER_ALL = { border: { top: { style: 'thin' }, right: { style: 'thin' }, bottom: { style: 'thin' }, left: { style: 'thin' } } };
 		for(var c of options.gridColumns) {
 			if(c.hidden || !c.label ) continue;
-			const fill = { fgColor: { rgb: '5ebd3e' } };
-			const font = { bold: true, color: { rgb: 'FFFFFF' } };
+			const fill = { fgColor: { rgb: '808080' } };
+			const font = { bold: true, sz: 10, name:'맑은 고딕', color: { rgb: 'FFFFFF' } };
 			const alignment = { vertical: 'center', horizontal: 'center', wrapText: true }
-			var width=parseInt(Number(c.width)/7);
+			var width=parseInt(Number(c.width)/5);
 			if(!width ) width=10;
 			header.push({v:c.label,t:'s',s:{...BORDER_ALL,fill,font,alignment}});
 			headerWidths.push({width});
@@ -3189,9 +3187,9 @@ var itp_fn_remote_to_excel = function(options) {
 		for(var c of result.gridRows) {
 			const row=[];
 			for(var name of cols ) {
-				const sty={...BORDER_ALL}; 
+				const sty={...BORDER_ALL, font:{ sz: 10, name:'맑은 고딕'}}; 
 				const align=mapAlign[name];
-				if(align ) sty.alignment = { vertical: 'center', horizontal:align, wrapText: true };
+				if(align ) sty.alignment = { vertical: 'center', horizontal:align  };
 				row.push({v:c[name], t:'s',s:sty});
 			}
 			data.push(row);
@@ -3201,10 +3199,11 @@ var itp_fn_remote_to_excel = function(options) {
 		ws['!cols'] = headerWidths;
 
 		XLSX.utils.book_append_sheet(wb, ws, options.sheetName); 
-		var wbout = XLSX.write(wb, {bookType:'xlsx', bookSST:false, type: 'binary', showGridLines:true, cellStyles:true });
+		// var wbout = XLSX.write(wb, {bookType:'xlsx', bookSST:false, type: 'binary', showGridLines:true, cellStyles:true });
 		// 엑셀 파일 내보내기 
-		console.log("itp_fn_remote_to_excel callback => ",ws );
-		saveAs(new Blob([itp_fn_s2ab(wbout)],{type:"application/octet-stream"}), fileName); 
+		// console.log("itp_fn_remote_to_excel callback => ",ws );
+		XLSX.writeFile(wb, fileName);
+		// saveAs(new Blob([itp_fn_s2ab(wbout)],{type:"application/octet-stream"}), fileName); 
 	};
 	fn_ajax_call(options.url, JSON.stringify(options.param), callbackFn, 'POST');
 };

src/main/webapp/main.html

@@ -40,6 +40,7 @@
 
 	<script src="./js/app/properties.js"></script>
 	<script src="./js/require.min.js" data-main="./js/app/config.js"></script>
+
 	<style>
 		#ITP_NOTE_PANEL {
 			margin-top: 16px;
@@ -803,6 +804,9 @@
 		<aside id="ITP_ASIDE"></aside>	
 		
 		
-	</div>
+	</div> 
+	<script src="./js/cpexcel.js"></script>
+	<script src="./js/xlsx.js"></script>
+
 </body>
 </html>