Merge branch 'jenkins_with_weblogic' of http://192.168.240.178:18080/eapim/eapim-admin.git into jenkins_with_weblogic

2026-01-08 11:09:15 +09:00
parent 9842b4d23f d20d3f0571
commit 2a04de6b11
39 changed files with 1920 additions and 356 deletions
@@ -56,251 +56,15 @@
 <script src="<c:url value="/addon/codemirror/addon/lint/json-lint.js"/>"></script>
 <script src="<c:url value="/addon/codemirror/addon/lint/css-lint.js"/>"></script>

+<!-- Summernote -->
 <script src="<c:url value="/addon/summernote/summernote-lite.min.js"/>"></script>
 <script src="<c:url value="/addon/summernote/summernote-cleaner.js"/>"></script>
 <script src="<c:url value="/addon/summernote/lang/summernote-ko-KR.js"/>"></script>
-
-<!-- Summernote 스타일 -->
-<style>
-.note-editable img {
-    max-width: 100%;
-    cursor: pointer;
-}
-.note-editable img.note-image-resizing {
-    outline: 2px solid #007bff;
-}
-/* 이미지 리사이즈 핸들 스타일 */
-.note-control-sizing {
-    display: block !important;
-}
-.note-control-holder {
-    position: relative;
-}
-.note-control-holder .note-control-sizing {
-    position: absolute;
-    width: 10px;
-    height: 10px;
-    border: 1px solid #333;
-    background-color: #fff;
-}
-/* 코드뷰 모드 가로 사이즈 고정 */
-.note-editor .note-codable {
-    width: 100% !important;
-    max-width: 100% !important;
-    box-sizing: border-box !important;
-    resize: vertical !important;
-    white-space: pre-wrap !important;
-    word-wrap: break-word !important;
-    overflow-x: auto !important;
-}
-.note-editor.note-frame {
-    overflow: hidden;
-}
-</style>
+<script src="<c:url value="/addon/summernote/summernote-custom.js"/>"></script>
+<link rel="stylesheet" type="text/css" href="<c:url value="/addon/summernote/summernote-custom.css"/>"/>

 <script language="javascript">

-    /**
-     * Summernote 에디터 공통 초기화 함수
-     * - 이미지 붙여넣기 시 data-uri(Base64) 방식으로 처리
-     * - 이미지 리사이징 지원
-     * @param {string} selector - 에디터 selector (예: '#contents')
-     * @param {object} customOptions - 추가 옵션 (선택사항)
-     */
-    function initSummernote(selector, customOptions) {
-        customOptions = customOptions || {};
-
-        // 기본 설정
-        var defaultOptions = {
-            placeholder: customOptions.placeholder || '여기에 내용을 입력하세요.',
-            height: customOptions.height || 300,
-            lang: 'ko-KR',
-            toolbar: customOptions.toolbar || [
-                ['style', ['style']],
-                ['font', ['bold', 'underline', 'clear']],
-                ['color', ['color']],
-                ['para', ['ul', 'ol', 'paragraph']],
-                ['table', ['table']],
-                ['insert', ['link', 'picture']],
-                ['view', ['fullscreen', 'codeview', 'help']]
-            ],
-            // 이미지 팝오버 설정 - 리사이징 지원
-            popover: {
-                image: [
-                    ['resize', ['resizeFull', 'resizeHalf', 'resizeQuarter', 'resizeNone']],
-                    ['float', ['floatLeft', 'floatRight', 'floatNone']],
-                    ['remove', ['removeMedia']]
-                ]
-            },
-            callbacks: {
-                onInit: function() {
-                    var $editable = $(selector).next('.note-editor').find('.note-editable');
-                    $editable.addClass('editor-content');
-                    $editable.on('keydown', function(e) {
-                        if (e.keyCode === 8) {
-                            e.stopPropagation();
-                        }
-                    });
-
-                    // 커스텀 onInit 콜백 호출
-                    if (customOptions.callbacks && customOptions.callbacks.onInit) {
-                        customOptions.callbacks.onInit.call(this);
-                    }
-                },
-                // 이미지 업로드 처리 - data-uri(Base64) 방식
-                onImageUpload: function(files) {
-                    for (var i = 0; i < files.length; i++) {
-                        insertImageAsDataUri(files[i], $(selector));
-                    }
-                },
-                // 붙여넣기 시 이미지 처리 (MS Office 등에서 복사한 이미지 포함)
-                onPaste: function(e) {
-                    var clipboardData = e.originalEvent.clipboardData;
-                    if (!clipboardData || !clipboardData.items) return;
-
-                    var items = clipboardData.items;
-                    var imageFile = null;
-
-                    // 1. 먼저 순수 이미지 파일이 있는지 확인
-                    for (var i = 0; i < items.length; i++) {
-                        if (items[i].type.indexOf('image') !== -1) {
-                            imageFile = items[i].getAsFile();
-                            break;
-                        }
-                    }
-
-                    // 2. 이미지 파일이 있으면 data-uri로 변환하여 삽입
-                    if (imageFile) {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        insertImageAsDataUri(imageFile, $(selector));
-                        return;
-                    }
-
-                    // 3. HTML 붙여넣기인 경우 (MS Office 등) - 이미지 태그 정리
-                    var htmlData = clipboardData.getData('text/html');
-                    if (htmlData && htmlData.indexOf('<img') !== -1) {
-                        e.preventDefault();
-                        e.stopPropagation();
-
-                        // HTML에서 이미지 src 추출 및 정리
-                        var cleanedHtml = cleanPastedHtml(htmlData);
-
-                        // 에디터에 포커스 후 HTML 삽입
-                        $(selector).summernote('focus');
-                        setTimeout(function() {
-                            $(selector).summernote('pasteHTML', cleanedHtml);
-                        }, 10);
-                        return;
-                    }
-                }
-            }
-        };
-
-        // 커스텀 옵션 병합 (callbacks는 위에서 별도 처리)
-        var mergedOptions = $.extend(true, {}, defaultOptions, customOptions);
-
-        // callbacks는 기본 콜백을 유지하면서 커스텀 콜백 추가
-        mergedOptions.callbacks = defaultOptions.callbacks;
-        if (customOptions.callbacks) {
-            // onInit은 위에서 이미 처리됨
-            // 다른 커스텀 콜백 추가
-            for (var key in customOptions.callbacks) {
-                if (key !== 'onInit' && key !== 'onImageUpload' && key !== 'onPaste') {
-                    mergedOptions.callbacks[key] = customOptions.callbacks[key];
-                }
-            }
-        }
-
-        $(selector).summernote(mergedOptions);
-    }
-
-    /**
-     * 이미지를 Base64 data-uri로 변환하여 에디터에 삽입
-     * @param {File} file - 이미지 파일
-     * @param {jQuery} $editor - summernote 에디터 jQuery 객체
-     */
-    function insertImageAsDataUri(file, $editor) {
-        // 파일 크기 제한 (5MB)
-        var maxSize = 5 * 1024 * 1024;
-        if (file.size > maxSize) {
-            alert('이미지 크기는 5MB를 초과할 수 없습니다.');
-            return;
-        }
-
-        // 이미지 타입 확인
-        if (!file.type.match(/image\/(jpeg|jpg|png|gif|bmp|webp)/i)) {
-            alert('지원하지 않는 이미지 형식입니다. (jpeg, png, gif, bmp, webp만 지원)');
-            return;
-        }
-
-        var reader = new FileReader();
-        reader.onload = function(e) {
-            var dataUri = e.target.result;
-            $editor.summernote('insertImage', dataUri, function($image) {
-                // 이미지 스타일 설정
-                $image.css({
-                    'max-width': '100%',
-                    'height': 'auto'
-                });
-                $image.attr('data-filename', file.name);
-            });
-        };
-        reader.onerror = function() {
-            alert('이미지 읽기에 실패했습니다.');
-        };
-        reader.readAsDataURL(file);
-    }
-
-    /**
-     * 붙여넣기된 HTML 정리 (MS Office 등에서 복사한 내용)
-     * - 불필요한 Office 속성 제거
-     * - 이미지 태그 정리 (alt, v:shapes 등 제거)
-     * @param {string} html - 원본 HTML
-     * @returns {string} 정리된 HTML
-     */
-    function cleanPastedHtml(html) {
-        // 임시 div에서 HTML 파싱
-        var $temp = $('<div>').html(html);
-
-        // 이미지 태그 정리
-        $temp.find('img').each(function() {
-            var $img = $(this);
-            var src = $img.attr('src');
-
-            // src가 없거나 file:// 프로토콜이면 제거
-            if (!src || src.indexOf('file://') === 0) {
-                $img.remove();
-                return;
-            }
-
-            // 불필요한 속성 제거 (Office 관련)
-            var attributesToRemove = ['alt', 'v:shapes', 'o:title', 'style', 'class', 'id', 'name'];
-            attributesToRemove.forEach(function(attr) {
-                $img.removeAttr(attr);
-            });
-
-            // 깨끗한 스타일만 적용
-            $img.css({
-                'max-width': '100%',
-                'height': 'auto'
-            });
-        });
-
-        // VML 태그 제거 (v:, o:, w: 등)
-        var cleanedHtml = $temp.html();
-        cleanedHtml = cleanedHtml.replace(/<v:[^>]*>[\s\S]*?<\/v:[^>]*>/gi, '');
-        cleanedHtml = cleanedHtml.replace(/<o:[^>]*>[\s\S]*?<\/o:[^>]*>/gi, '');
-        cleanedHtml = cleanedHtml.replace(/<w:[^>]*>[\s\S]*?<\/w:[^>]*>/gi, '');
-        cleanedHtml = cleanedHtml.replace(/<!\[if[^>]*>[\s\S]*?<!\[endif\]>/gi, '');
-
-        // Office 네임스페이스 속성 제거
-        cleanedHtml = cleanedHtml.replace(/\s*v:[a-z]+="[^"]*"/gi, '');
-        cleanedHtml = cleanedHtml.replace(/\s*o:[a-z]+="[^"]*"/gi, '');
-
-        return cleanedHtml;
-    }
-
    function buttonControl() {
        if (arguments.length == 0) {
            $("img[level], button[level]").hide();
@@ -37,16 +37,14 @@ function isChromeBrowse() {
 }

 // find Context
-function getContextName()
-{
-	// get context
-	var loc = location.href;
-	var sPos = loc.indexOf("/", 7)
-	var ePos = loc.indexOf("/", sPos+1)
+function getContextName() {
+    // get context path from pathname (works with both http and https)
+    var pathname = location.pathname;
+    var pos = pathname.indexOf("/", 1);

-	if (ePos == -1)	return "/";
-	else			return loc.substr(sPos, ePos-sPos + 1);
-}	
+    if (pos == -1) return pathname.endsWith("/") ? pathname : pathname + "/";
+    else return pathname.substring(0, pos + 1);
+}
 // return today : 20081231
 function getToday()
 {
@@ -37,15 +37,13 @@ function isChromeBrowse() {
 }

 // find Context
-function getContextName()
-{
-	// get context
-	var loc = location.href;
-	var sPos = loc.indexOf("/", 7)
-	var ePos = loc.indexOf("/", sPos+1)
+function getContextName() {
+    // get context path from pathname (works with both http and https)
+    var pathname = location.pathname;
+    var pos = pathname.indexOf("/", 1);

-	if (ePos == -1)	return "/";
-	else			return loc.substr(sPos, ePos-sPos + 1);
+    if (pos == -1) return pathname.endsWith("/") ? pathname : pathname + "/";
+    else return pathname.substring(0, pos + 1);
 }
 // return today : 20081231
 function getToday()
@@ -133,14 +133,17 @@
            var selectedApiGrid = $("#selectedApiGrid");
            selectedApiGrid.jqGrid({
                datatype: "local",
+				gridview: true, // 성능 향상
+				rownumbers: true, // 가상 인덱스
+                rownumWidth: 40,
                colNames: ['API ID', 'API 이름'],
                colModel: [
                    {name: 'apiId', index: 'apiId', width: 100, align: 'center'},
                    {name: 'apiDesc', index: 'apiDesc', width: 100, align: 'center'}
                ],
-                rowNum: 10,
-                rowList: [10, 20, 30],
-                pager: '#selectedApiGridPager',
+                rowNum: -1,
+//                 rowList: [10, 20, 30],
+//                 pager: '#selectedApiGridPager',
                sortname: 'apiId',
                viewrecords: true,
                sortorder: "asc",
@@ -152,6 +155,9 @@
                    // selectedApiGrid.jqGrid('delRowData', rowid);
                }
            });
+
+            selectedApiGrid.jqGrid('setLabel', 'rn', 'No'); // 가상 인덱스 ColNames 
+            
            $.ajax({
                type: "POST",
                url: url,
@@ -193,6 +193,10 @@ var url_view = '<c:url value="/onl/admin/common/propertyMan.view" />';
 			});
 		});
 		$("#btn_delete").click(function() {
+        	if(!confirm("삭제하시겠습니까?")){
+				 return;
+           	}
+			
 			var postData = $('#ajaxForm').serializeArray();
 			postData.push({
 				name : "cmd",
@@ -31,6 +31,22 @@ function timeStampFormat2(cellvalue, options, rowObject){
 	       
 }

+function groupNameFormat(cellvalue, options, rowObject) {
+    if (!cellvalue) return "";
+
+    var strVal = cellvalue.toString().trim();
+
+    if (strVal.length === 36) {
+    	// 그룹ID의 경우 GROUPNAME 으로 보여줌
+        var groupName = rowObject.GROUPNAME; 
+        
+        // 비어있다면 원래 값을 반환
+        return groupName ? groupName : strVal;
+    }
+
+    return strVal;
+}
+
 $(document).ready(function() {	
 	$("input[name=searchStartYYYYMMDD],input[name=searchEndYYYYMMDD]").inputmask("yyyy-mm-dd",{'autoUnmask':true});
 	
@@ -66,10 +82,11 @@ $(document).ready(function() {
                  '<%= localeMessage.getString("infConHstMan.eaiSvcSrlNum") %>',
                  '<%= localeMessage.getString("infConHstMan.instNm") %>',
                  '<%= localeMessage.getString("infConHstMan.eaiSvcCd") %>',
-                  '<%= localeMessage.getString("infConHstMan.adpGrpNm") %>',
+                  '그룹별 / <%= localeMessage.getString("infConHstMan.adpGrpNm") %>',
                  '<%= localeMessage.getString("infAdpConMan.thrPerSecond") %>',
                  '<%= localeMessage.getString("infAdpConMan.thr") %>',
-                  '<%= localeMessage.getString("infAdpConMan.thrTimeUnit") %>'
+                  '<%= localeMessage.getString("infAdpConMan.thrTimeUnit") %>',
+                  '그룹별'
                  ],
 		colModel:[
 				{ name : 'EAIBZWKDSTCD'       , width:'50' , align:'center' , sortable:false	},
@@ -77,10 +94,11 @@ $(document).ready(function() {
 				{ name : 'EAISVCSERNO'        , width:'150', align:'left'   },
 				{ name : 'EAISEVRINSTNCNAME'  , width:'50' , align:'center' },
 				{ name : 'EAISVCNAME'         , width:'70' , align:'center' },
-				{ name : 'ADPTRBZWKGROUPNAME' , width:'70' , align:'center' },
-				{ name : 'THRESHOLDPERSECOND' , width:'40' , align:'right'  },
-				{ name : 'THRESHOLD' 		  , width:'40' , align:'right'  },
-				{ name : 'THRESHOLDTIMEUNIT'  , width:'70' , align:'center'  }
+				{ name : 'ADPTRBZWKGROUPNAME' , width:'100' , align:'center'	, formatter: groupNameFormat },
+				{ name : 'THRESHOLDPERSECOND' , width:'30' , align:'right'  },
+				{ name : 'THRESHOLD' 		  , width:'30' , align:'right'  },
+				{ name : 'THRESHOLDTIMEUNIT'  , width:'50' , align:'center'  },
+				{ name : 'GROUPNAME'  , width:'70' , hidden:true  }
 				],
        jsonReader: {
             repeatitems:false
@@ -313,6 +313,10 @@
            $('#btn_import').click(onclickExcelImport);

            $("#btn_delete").click(function () {
+            	if(!confirm("삭제하시겠습니까?")){
+   				 return;
+               	}
+               	
                var id = "grid";
                var delArr = new Array();
                var ids = $("#grid").jqGrid('getDataIDs');
@@ -238,6 +238,10 @@ $(document).ready(function() {
 	$('#btn_clone').click(onclickBtnClone);
 	
 	$("#btn_delete").click(function(){
+    	if(!confirm("삭제하시겠습니까?")){
+			 return;
+       	}
+       	
 		var id = "grid";
 		var cnvsnNameArr = new Array();
 		var eaiSvcNameArr = new Array();
@@ -703,7 +703,15 @@
 					transformRows = json.transformRows;
 					//eaiSvcName combo
 					$("input[name=eaiSvcName]").val('${param.eaiSvcName }');
-					$("input[name=eaiSvcDesc]").val('${param.eaiSvcDesc }');
+
+					var rawDesc = '${param.eaiSvcDesc}';
+
+					if (rawDesc && rawDesc !== "") {
+				         $("input[name=eaiSvcDesc]").val(decodeURIComponent(rawDesc));
+				    } else {
+				         $("input[name=eaiSvcDesc]").val("");
+				    }
+
 					//$("input[name=cnvsnDesc]").val('${param.cnvsnDesc }');

 					new makeOptions("CODE","NAME").setObj($("#functionCombo")).setData(json.functionRows).setNoValueInclude(true).setNoValue("", "<%=localeMessage.getString("transformManDetail.none")%>").setFormat(codeName3OptionFormat).rendering();
@@ -1065,6 +1073,10 @@
 			});

 			$("#btn_delete").click(function(){
+            	if(!confirm("삭제하시겠습니까?")){
+   				 return;
+               	}
+				
 				var postData = [];
 				const cnvsnName = $("select[name=transformForEaiSvcNameCombo]").val();
 				const cnvsnType = cnvsnName.slice(-3);
@@ -1606,7 +1618,7 @@

 			// 연결이 존재 하는 지 확인
 			if (jsPlumbInstance.getConnections({source:sourceEndpointElementId, target:targetEndpointElementId}).length > 0) {
-				alert('<%=localeMessage.getString("transformManDetail.alert10")%>');
+<%-- 				alert('<%=localeMessage.getString("transformManDetail.alert10")%>'); --%>
 				return;
 			}

@@ -154,6 +154,10 @@ $(document).ready(function() {
 		});
 	});
 	$("#btn_delete").click(function(){
+		if(!confirm("삭제하시겠습니까?")){
+			 return;
+      	}
+		
 		var disabled = $('#ajaxForm').find(':input:disabled').removeAttr('disabled');
 		var postData = $('#ajaxForm').serializeArray();
 		disabled.attr('disabled','disabled');
@@ -19,12 +19,45 @@
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<jsp:include page="/jsp/common/include/css.jsp"/>
 	<link rel="stylesheet" type="text/css" href="<c:url value="/css/editor-content.css"/>"/>
+	<style>
+		.file-link {
+			color: #0049b4;
+			text-decoration: none;
+		}
+		.file-link:hover {
+			text-decoration: underline;
+		}
+		.file-size {
+			color: #888;
+			font-size: 12px;
+		}
+		.btn-file-delete {
+			background: none;
+			border: none;
+			cursor: pointer;
+			color: #dc3545;
+			padding: 2px 4px;
+			margin-left: 8px;
+			vertical-align: middle;
+		}
+		.btn-file-delete:hover {
+			color: #a71d2a;
+		}
+		.btn-file-delete .material-icons {
+			font-size: 16px;
+			vertical-align: middle;
+		}
+	</style>
 	<jsp:include page="/jsp/common/include/script.jsp"/>
 	<jsp:include page="/jsp/common/include/portal.jsp"/>
 	<script language="javascript">
 		var url = '<c:url value="/onl/apim/portalterms/portalTermsMan.json" />';
 		var url_view = '<c:url value="/onl/apim/portalterms/portalTermsMan.view" />';
+		var imageUploadUrl = '<c:url value="/onl/apim/editor/image/upload.json" />';
+		var imageViewUrl = '<c:url value="/onl/apim/editor/image/view.do" />';
+		var fileDownloadUrl = '<c:url value="/file/download.do" />';
 		var isDetail = false;
+		var currentAttachedFileId = null;

 		function decodeHTMLEntities(text) {
 			var textArea = document.createElement('textarea');
@@ -32,6 +65,42 @@
 			return textArea.value;
 		}

+		function formatFileSize(bytes) {
+			if (!bytes || bytes === 0) return '0 B';
+			var k = 1024;
+			var sizes = ['B', 'KB', 'MB', 'GB'];
+			var i = Math.floor(Math.log(bytes) / Math.log(k));
+			return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+		}
+
+		function showAttachedFile(fileId, fileName, fileSize) {
+			var downloadLink = fileDownloadUrl + '?fileId=' + fileId + '&fileSn=1';
+			var html = '<a href="' + downloadLink + '" class="file-link" title="다운로드">' +
+				'<i class="material-icons" style="vertical-align: middle; font-size: 18px;">attach_file</i> ' +
+				fileName + '</a>';
+			if (fileSize) {
+				html += ' <span class="file-size">(' + formatFileSize(fileSize) + ')</span>';
+			}
+			html += ' <button type="button" class="btn-file-delete" onclick="deleteAttachedFile()" title="삭제">' +
+				'<i class="material-icons">close</i></button>';
+			$('#attachedFileInfo').html(html).show();
+			$('#attachedFileInput').hide();
+		}
+
+		function hideAttachedFile() {
+			$('#attachedFileInfo').html('').hide();
+			$('#attachedFileInput').show();
+			$('#attachedFile').val('');
+		}
+
+		function deleteAttachedFile() {
+			if (confirm('첨부파일을 삭제하시겠습니까?')) {
+				currentAttachedFileId = null;
+				$('#deleteAttachment').val('true');
+				hideAttachedFile();
+			}
+		}
+
 		function init() {
 			$.ajax({
 				type: "POST",
@@ -73,7 +142,9 @@
 					$("#status").val(data.status);

 					var decodedContent = decodeHTMLEntities(data.contents);
-					$('#contents').summernote('code', decodedContent);
+					// 플레이스홀더를 이미지 태그로 변환하여 에디터에 표시
+					var htmlContent = convertPlaceholdersToImages(decodedContent, imageViewUrl);
+					$('#contents').summernote('code', htmlContent);

 					if (data.publishedOn) {
 						$("#publishedOnDisplay").val(gridDateFormat(data.publishedOn));
@@ -86,6 +157,14 @@
 					$("#createdDate").text(timeStampFormat(data.createdDate));
 					$("#lastModifiedDate").text(timeStampFormat(data.lastModifiedDate));
 					$("#lastModifiedByName").text(data.lastModifiedByName);
+
+					// 첨부파일 정보 표시
+					currentAttachedFileId = data.attachedFileId;
+					if (data.attachedFileId && data.attachedFileName) {
+						showAttachedFile(data.attachedFileId, data.attachedFileName, data.attachedFileSize);
+					} else {
+						hideAttachedFile();
+					}
 				},
 				error: function (e) {
 					alert(e.responseText);
@@ -127,10 +206,13 @@
 				}
 			});

-			// Summernote 에디터 초기화 (이미지 붙여넣기 data-uri 방식, 리사이징 지원)
+			// Summernote 에디터 초기화 (파일 업로드 방식, 리사이징 지원)
 			initSummernote('#contents', {
 				placeholder: '여기에 약관 내용을 입력하세요.',
-				height: 300
+				height: 300,
+				useFileUpload: true,
+				uploadUrl: imageUploadUrl,
+				imageViewUrl: imageViewUrl
 			});

 			if (agreementsType && revision) {
@@ -152,24 +234,43 @@
 					return;

 				$("#agreementsType").prop('disabled', false);
-				var postData = $('#ajaxForm').serializeArray();

-				if (isDetail) {
-					postData.push({ name: "cmd", value: "UPDATE" });
-				} else {
-					postData.push({ name: "cmd", value: "INSERT" });
+				// 이미지 태그를 플레이스홀더로 변환 (저장 시)
+				var contentsWithPlaceholders = convertImagesToPlaceholders(contents);
+				// 현재 사용 중인 파일 ID 목록 추출
+				var usedFileIds = extractFileIdsFromContent(contentsWithPlaceholders);
+
+				// FormData로 전송 (첨부파일 포함)
+				var formData = new FormData();
+				formData.append('cmd', isDetail ? "UPDATE" : "INSERT");
+				formData.append('agreementsType', $("#agreementsType").val());
+				formData.append('revision', $("#revisionHidden").val());
+				formData.append('publishedOn', $("#publishedOn").val());
+				formData.append('contents', contentsWithPlaceholders);
+				formData.append('usedFileIds', usedFileIds.join(','));
+
+				// 첨부파일 추가
+				var attachedFile = $('#attachedFile')[0].files[0];
+				if (attachedFile) {
+					formData.append('attachedFile', attachedFile);
 				}

+				// 첨부파일 삭제 플래그
+				formData.append('deleteAttachment', $('#deleteAttachment').val() || 'false');
+
 				$.ajax({
 					type: "POST",
 					url: url,
-					data: postData,
+					data: formData,
+					processData: false,
+					contentType: false,
 					success: function (json) {
 						alert("<%= localeMessage.getString("common.saveMsg") %>");
 						goNav(returnUrl);
 					},
 					error: function (e) {
-						alert(e.responseText);
+						var errorMsg = e.responseText || e.statusText || "저장 중 오류가 발생했습니다.";
+						alert(errorMsg);
 					}
 				});
 			});
@@ -217,8 +318,9 @@
 			<button type="button" class="cssbtn" id="btn_previous" level="R" status="DETAIL,NEW"><i class="material-icons">arrow_back</i> <%= localeMessage.getString("button.previous") %></button>
 		</div>
 		<div class="title" id="title">약관</div>
-		<form id="ajaxForm">
+		<form id="ajaxForm" enctype="multipart/form-data">
 			<input type="hidden" name="revision" id="revisionHidden">
+			<input type="hidden" id="deleteAttachment" value="false">
 			<table class="table_row" cellspacing="0">
 				<tr>
 					<th style="width:10%;"><%= getRequiredLabel("약관명") %></th>
@@ -251,6 +353,16 @@
 						<input type="hidden" id="publishedOn" name="publishedOn"/>
 					</td>
 				</tr>
+				<tr>
+					<th>첨부파일</th>
+					<td colspan="3">
+						<div id="attachedFileInfo" style="display:none; padding: 5px 0;"></div>
+						<div id="attachedFileInput">
+							<input type="file" id="attachedFile" name="attachedFile" style="width:400px;">
+							<span class="file-help" style="color:#666; font-size:12px; margin-left:10px;">약관 원본 문서를 첨부할 수 있습니다.</span>
+						</div>
+					</td>
+				</tr>
 				<tr>
 					<th><%= getRequiredLabel("약관 내용") %></th>
 					<td colspan="3">
@@ -62,12 +62,22 @@
 		  position: relative;
 		}
 		
-		/* 어댑터, 메서드 라이브 서치 사용시 width 깨짐 방지 */
+		/* 어댑터, 메서드 select2 사용시 width 깨짐 방지 */
 		.select2-container {
 			width: 100% !important;
 			box-sizing: border-box;
 		}
 		
+		/* 버튼 내용이 길어질 경우 말줄임표(...) 처리 */
+		.btn-ellipsis {
+		    max-width: 100%;
+		    white-space: nowrap;
+		    overflow: hidden;
+		    text-overflow: ellipsis;
+		    display: inline-block;
+		    vertical-align: middle;
+		}
+		
    </style>
    <script language="javascript" >
        var isDetail = false;
@@ -319,17 +329,27 @@
            }
        }

-        function setStandardMessageItemsLabel(items, buttonId) {
-            const label = items.map(function(item) {
-                return item.COLUMNNAME + '=' + item.COLUMNVALUE;
-            }).join(';');
+         function setStandardMessageItemsLabel(items, buttonId) {
+       	    const label = items.map(function(item) {
+       	        return item.COLUMNNAME + '=' + item.COLUMNVALUE;
+       	    }).join(';');

-            if(items.length > 0) {
-                $('#'+buttonId).text('수정 ['+label+']');
-            } else {
-                $('#'+buttonId).text('수정');
-            }
-        }
+       	    const $btn = $('#' + buttonId);
+
+       	    if (items.length > 0) {
+       	        $btn.text('수정 [' + label + ']');
+
+       	        $btn.attr('title', '수정 [' + label + ']');
+
+       	        $btn.addClass('btn-ellipsis'); 
+
+       	    } else {
+       	        $btn.text('수정');
+       	        $btn.removeAttr('title');
+       	        
+       	        $btn.removeClass('btn-ellipsis'); 
+       	    }
+       	}

        function setupStdCommonValueModal(type) {
            currentStandardMessageType = type;
@@ -984,6 +1004,10 @@

            $("#btn_modify").click(modifyApi);
            $("#btn_delete").click(function(){
+            	if(!confirm("삭제하시겠습니까?")){
+					return;
+            	}
+            	
                var postData = $('#ajaxForm').serializeArray();
                postData.push({ name: "cmd" , value:"DELETE"});

@@ -1303,7 +1327,7 @@
                        alert(e.responseText);
                    },
                    complete: function() {
-                    	$("[id^='btn_']").prop("disabled", false);
+                    	$("[id=doCloneInterfaceButton]").prop("disabled", false);
    					$("#doCloneInterfaceButton").text("복제");
                    }
                });
@@ -373,16 +373,16 @@
                    {name: 'TRACKASISKEY1CTNT', hidden: true},
                    {name: 'TRACKASISKEY2CTNT', hidden: true},

-                    {name: 'EAISVCSERNO_TMP', align: 'left', width: '230'},
+                    {name: 'EAISVCSERNO_TMP', align: 'left', width: '220'},
                    {name: 'KEYMGTMSGCTNT', align: 'left', width: '240'},
                    {name: 'LOGPRCSSSERNO_TMP', align: 'center', width: '40'},
                    {name: 'TELGMRECVTRANCD', align: 'left', width: '135', hidden: true},
-                    {name: 'EAISVCNAME', align: 'left', width: '100'},
+                    {name: 'EAISVCNAME', align: 'left', width: '130'},
                    {name: 'EAISVCDESC', align: 'left', width: '280'},
                    {name: 'EAIBZWKDSTCD_TMP', align: 'center', width: '50'},
                    {name: 'EXTBIZCD', align: 'center', width: '50', hidden: isApiGw},
                    {name: 'REFKEY', align: 'left', width: '280', hidden: isApiGw},
-                    {name: 'CLIENTNAME', align: 'left', width: '280', hidden: !isApiGw},
+                    {name: 'CLIENTNAME', align: 'left', width: '260', hidden: !isApiGw},
                    {name: 'ORGNAME', align: 'left', width: '100', hidden: !isApiGw, formatter: orgNameFormatter},
                    {name: 'MSGDPSTYMS_TMP', align: 'center', width: '150', formatter: timeStampFormat2},
                    {name: 'MSGPRCSSYMS', align: 'center', width: '150', formatter: timeStampFormat2},