fix: 시민신고 상세 fix

src/main/java/kr/xit/fims/biz/ec/model/CtznStmtDTO.java

@@ -216,7 +216,7 @@ public class CtznStmtDTO implements Serializable { //extends ExtlEsbDataType {
     @Builder
     @ToString
     public static class Request {
-        private String ctznSttemntDetailSn;
         private String interfaceSeqN;
+        private String ctznSttemntDetailSn;
     }
 }

src/main/java/kr/xit/fims/biz/ec/web/EcCtznSttemntController.java

@@ -1,7 +1,5 @@
 package kr.xit.fims.biz.ec.web;
 
-import java.util.HashMap;
-import java.util.List;
 import java.util.Map;
 import java.util.Objects;
 import java.util.stream.Collectors;
@@ -9,10 +7,8 @@ import java.util.stream.Collectors;
 import org.springframework.beans.factory.annotation.Value;
 import org.springframework.stereotype.Controller;
 import org.springframework.web.bind.annotation.GetMapping;
-import org.springframework.web.bind.annotation.Mapping;
 import org.springframework.web.bind.annotation.RequestMapping;
 import org.springframework.web.bind.annotation.RequestParam;
-import org.springframework.web.bind.annotation.ResponseBody;
 import org.springframework.web.servlet.ModelAndView;
 
 import kr.xit.fims.biz.FimsConst;
@@ -22,7 +18,6 @@ import kr.xit.framework.biz.cmm.model.CmmFileDTO;
 import kr.xit.framework.biz.cmm.service.ICmmFileService;
 import kr.xit.framework.core.model.ResultResponse;
 import kr.xit.framework.support.mybatis.MybatisUtils;
-import kr.xit.framework.support.util.ConvertUtils;
 import lombok.RequiredArgsConstructor;
 import lombok.extern.slf4j.Slf4j;
 
@@ -47,16 +42,15 @@ public class EcCtznSttemntController {
 
     @RequestMapping(value = "/ecCtznSttemntMgtPopup")
     //@ResponseBody
-    public ModelAndView ecCtznSttemntMgtPopup(final String interfaceSeqN){
+    public ModelAndView ecCtznSttemntMgtPopup(final CtznStmtDTO.Request reqDTO){
         ModelAndView mav = new ModelAndView(FimsConst.FIMS_JSP_BASE_PATH +"ec/ecCtznSttemntMgtPopup.popup");
 
-        CtznStmtDTO.Request reqDTO = CtznStmtDTO.Request.builder()
-            .interfaceSeqN(interfaceSeqN)
-            //.ctznSttemntDetailSn("01")
+        CtznStmtDTO.Request newReqDTO = CtznStmtDTO.Request.builder()
+            .interfaceSeqN(reqDTO.getInterfaceSeqN())
             .build();
-        mav.addObject("interfaceSeqN", interfaceSeqN);
-        mav.addObject("ctznStmtDTO", service.findCtznStmt(reqDTO));
-        mav.addObject("ctznStmtDtlDTOs", service.findCtznStmtDtls(reqDTO));
+        mav.addObject("reqDTO", reqDTO);
+        mav.addObject("ctznStmtDTO", service.findCtznStmt(newReqDTO));
+        mav.addObject("ctznStmtDtlDTOs", service.findCtznStmtDtls(newReqDTO));
         return mav;
     }
 

src/main/webapp/WEB-INF/jsp/fims/biz/ec/ecCtznSttemntMgtForm.jsp

@@ -91,7 +91,7 @@
 		}
 		,onClickGrid: function(props){
 			const rowData = props.grid.getRow(props.rowKey);
-			fnBiz.pagePopup('detail', {interfaceSeqN: rowData.interfaceSeqN});
+			fnBiz.pagePopup('detail', {interfaceSeqN: rowData.interfaceSeqN, ctznSttemntDetailSn: rowData.ctznSttemntDetailSn});
 		}
 	}
 

src/main/webapp/WEB-INF/jsp/fims/biz/ec/ecCtznSttemntMgtPopup.jsp

@@ -8,7 +8,7 @@
 <div class="popup" style="min-width: 100px;">
 	<div class="popup_inner" style="max-width: 1000px;">
 		<p class="pop_title">
-			<c:out value="${bizName}"/>(<c:out value="${ctznStmtDTO.interfaceSeqN}"/>) 상세
+			<c:out value="${bizName}"/>(<c:out value="${reqDTO.interfaceSeqN}"/>) 상세
 		</p>
 
 		<form name="frmStmt">
@@ -232,9 +232,9 @@
 			cmmAjax({
 				showSuccessMsg: false
 				,url: '<c:url value="/fims/biz/ec/findNatlNewspaperAttchFiles.do"/>'
-				,data: {interfaceSeqN: '${interfaceSeqN}'}
+				,data: {interfaceSeqN: '${reqDTO.interfaceSeqN}'}
 				,success: (res) => {
-					imgDownload(res.data?.contents, '#ctznImg');
+					imgDownload(res.data?.contents, '#ctznImg', '${reqDTO.ctznSttemntDetailSn}');
 				}
 			})
 		},

src/main/webapp/resources/framework/js/cmm/cmmUtil.js

@@ -499,11 +499,14 @@ function serialize (formData) {
 }
 
 /**
+ * <pre>
  * 첨부파일 정보 목록으로 부터 이미지 download
  * @param {object} cmmFileDtls
  * @param {string} appendElementId - '#ctznImg'
+ * @param {string} dtlSeq - 시민신고상세순번
+ * </pre>
  */
-function imgDownload(cmmFileDtls, appendElementId) {
+function imgDownload(cmmFileDtls, appendElementId, dtlSeq) {
     const downloadUrl = '/framework/biz/cmm/file/download.do';
     cmmFileDtls.forEach((dtl, idx) => {
 
@@ -514,24 +517,24 @@ function imgDownload(cmmFileDtls, appendElementId) {
                 ,body: JSON.stringify(dtl)
             }
         )
-            .then((response) => response.blob())
-            .then((blob) => {
-                    const url = URL.createObjectURL(blob);
-
-                    const x = document.createElement("img");
-                    x.setAttribute("src", url);
-                    //x.style = 'width:150px; display: block;';
-                    x.style = 'height:150px;';
-                    //x.setAttribute("width", "304");
-                    //x.setAttribute("height", "228");
-                    x.setAttribute("title", dtl.orginlFileNm);
-                    x.setAttribute("alt", dtl.orginlFileNm);
-                    document.querySelector(appendElementId).appendChild(x);
-
-                    // Revoke Blob URL after DOM updates..
-                    //window.URL.revokeObjectURL(objectURL);
-                }
-            );
+        .then(response => response.blob())
+        .then(blob => {
+            const title = dtlSeq ? dtl.orginlFileNm+'['+dtlSeq+']' : dtl.orginlFileNm;
+            const url = URL.createObjectURL(blob);
+
+            const x = document.createElement("img");
+            x.setAttribute("src", url);
+            //x.style = 'width:150px; display: block;';
+            x.style = 'height:150px;';
+            //x.setAttribute("width", "304");
+            //x.setAttribute("height", "228");
+            x.setAttribute("title", title);
+            x.setAttribute("alt", dtl.orginlFileNm);
+            document.querySelector(appendElementId).appendChild(x);
+
+            // Revoke Blob URL after DOM updates..
+            //window.URL.revokeObjectURL(objectURL);
+        });
     })
 }