From 461f8389f93ff21938fdb22239a46c51a96464e3 Mon Sep 17 00:00:00 2001
From: leebeomjun <leebj91@xit.co.kr>
Date: Wed, 29 Nov 2023 18:20:21 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B6=9C=EB=A0=A5=20=EC=84=A4=EC=A0=95=20?=
 =?UTF-8?q?=EC=A1=B0=ED=9A=8C=20=EA=B8=B0=EB=8A=A5=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../xit/fims/cmmn/pdf/DefaultOtptStng.java    |   6 +-
 .../cokr/xit/fims/cmmn/pdf/PDFFormat.java     |  10 +-
 .../xit/fims/sprt/web/Sprt01Controller.java   |  29 ++
 .../WEB-INF/jsp/fims/sprt/sprt01200-main.jsp  | 356 +++++++++---------
 4 files changed, 219 insertions(+), 182 deletions(-)

diff --git a/src/main/java/cokr/xit/fims/cmmn/pdf/DefaultOtptStng.java b/src/main/java/cokr/xit/fims/cmmn/pdf/DefaultOtptStng.java
index ead2e342..92c40385 100644
--- a/src/main/java/cokr/xit/fims/cmmn/pdf/DefaultOtptStng.java
+++ b/src/main/java/cokr/xit/fims/cmmn/pdf/DefaultOtptStng.java
@@ -9,10 +9,10 @@ public class DefaultOtptStng {
 	/**
 	 * 기본 출력 요소 생성
 	 */
-	public DefaultOtptStng(String componentType, String otptNm, String descrp, String otptBscVl){
+	public DefaultOtptStng(String componentType, String otptNm, String dscrp, String otptBscVl){
 		this.componentType = componentType;
 		this.otptNm=otptNm;
-		this.descrp=descrp;
+		this.dscrp=dscrp;
 		this.otptBscVl=otptBscVl;
 
 		this.widthSz=0;
@@ -116,7 +116,7 @@ public class DefaultOtptStng {
 	private String otptBscVl; //기본값
 	private boolean unique; //출력물 내 유일 요소 여부
 	private boolean forPost; //우편물 관련 요소 여부
-	private String descrp; //출력항목 설명
+	private String dscrp; //출력항목 설명
 
 	private String otptNm; //출력항목명
 	private Pstn a4; //A4 위치값
diff --git a/src/main/java/cokr/xit/fims/cmmn/pdf/PDFFormat.java b/src/main/java/cokr/xit/fims/cmmn/pdf/PDFFormat.java
index 1cac2136..3302be91 100644
--- a/src/main/java/cokr/xit/fims/cmmn/pdf/PDFFormat.java
+++ b/src/main/java/cokr/xit/fims/cmmn/pdf/PDFFormat.java
@@ -27,15 +27,15 @@ public abstract class PDFFormat {
 	/**
 	 * 텍스트 출력요소를 정의한다.
 	 */
-	public DefaultOtptStng text(String otptNm, String descrp, String otptBscVl){
-		return new DefaultOtptStng("text", otptNm, descrp, otptBscVl);
+	public DefaultOtptStng text(String otptNm, String dscrp, String otptBscVl){
+		return new DefaultOtptStng("text", otptNm, dscrp, otptBscVl);
 	}
 
 	/**
 	 * 이미지 출력요소 정의한다.
 	 */
-	public DefaultOtptStng image(String otptNm, String descrp, String otptBscVl){
-		return new DefaultOtptStng("image", otptNm, descrp, otptBscVl);
+	public DefaultOtptStng image(String otptNm, String dscrp, String otptBscVl){
+		return new DefaultOtptStng("image", otptNm, dscrp, otptBscVl);
 	}
 
 	/**
@@ -81,7 +81,7 @@ public abstract class PDFFormat {
 					.filter(item -> item.getOtptNm().equals(otptNm)).toList().get(0);
 
 			otptStng.set("UNIQUE_YN", prototypeStng.isUnique() ? "Y" : "N");
-			otptStng.set("DESCRP", prototypeStng.getDescrp());
+			otptStng.set("DSCRP", prototypeStng.getDscrp());
 			otptStng.set("COMPONENT_TYPE", prototypeStng.getComponentType());
 			otptStng.set("POST_YN", prototypeStng.isForPost() ? "Y" : "N");
 		}
diff --git a/src/main/java/cokr/xit/fims/sprt/web/Sprt01Controller.java b/src/main/java/cokr/xit/fims/sprt/web/Sprt01Controller.java
index 5764493d..e00e97b5 100644
--- a/src/main/java/cokr/xit/fims/sprt/web/Sprt01Controller.java
+++ b/src/main/java/cokr/xit/fims/sprt/web/Sprt01Controller.java
@@ -22,6 +22,7 @@ import cokr.xit.fims.sprt.PrintOption;
 import cokr.xit.fims.sprt.SprtQuery;
 import cokr.xit.fims.sprt.service.Sprt01Service;
 import cokr.xit.fims.sprt.service.bean.OtptStngBean;
+import cokr.xit.fims.stat.dao.StatMapper;
 import cokr.xit.foundation.data.DataObject;
 
 /**통합 조회 서비스의 웹 컨트롤러
@@ -72,6 +73,9 @@ public class Sprt01Controller extends ApplicationController {
 	@Resource(name="userMapper")
 	protected UserMapper userMapper;
 
+	@Resource(name="statMapper")
+	protected StatMapper statMapper;
+
 	@Resource(name="otptStngBean")
 	protected OtptStngBean otptStngBean;
 
@@ -443,6 +447,31 @@ public class Sprt01Controller extends ApplicationController {
 
 		mav.addObject("otptStngMap", otptStngMap);
 
+		String institute = currentUser().getInstitute();
+		String account = currentUser().getAccount();
+		ManagedUser currentUser = userMapper.getUser(account, institute);
+		String deptCd = currentUser.getDeptCode();
+		String sggCd = globalStngMapper.selectSggCd(deptCd);
+		DataObject sgg = statMapper.selectSggByCode(sggCd);
+		String sggNm = sgg.string("NAME");
+
+		Map<String, List<CommonCode>> commonCodes = getCodesOf("FIM054","FIM047","FIM078");
+		List<CommonCode> FIM047 = commonCodes.get("FIM047");
+		List<CommonCode> FIM054 = commonCodes.get("FIM054");
+		List<CommonCode> FIM078 = commonCodes.get("FIM078");
+
+		String taskSeNm = FIM054.stream().
+				filter(item -> item.getCode().equals(otptStngQuery.getTaskSeCd())).findFirst().get().getValue();
+
+		String sndngSeNm = FIM047.stream().
+				filter(item -> item.getCode().equals(otptStngQuery.getSndngSeCd())).findFirst().get().getValue();
+
+		String otptPaperSeNm = FIM078.stream().
+				filter(item -> item.getCode().equals(otptStngQuery.getOtptPaperSeCd())).findFirst().get().getValue();
+
+		String otptStngTitle = "["+sggNm+", "+taskSeNm+"]"+" "+sndngSeNm+" "+"("+otptPaperSeNm+")";
+		mav.addObject("otptStngTitle", otptStngTitle);
+
 		return mav;
 	}
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01200-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01200-main.jsp
index 8b134651..d24333b7 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01200-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01200-main.jsp
@@ -41,8 +41,8 @@
 		<div class="row mb-3 justify-content-start">
 			<div class="col-md-12">
 				<div class="float-start">
-					<button type="button" id="btnUniqueAdd--${pageName}" class="btn btn-info">추가</button>
-					<button type="button" id="btnUniqueDel--${pageName}" class="btn btn-info">삭제</button>
+					<button type="button" id="btnUniqueAdd--${pageName}" class="btn btn-info">+ 추가</button>
+					<button type="button" id="btnUniqueDel--${pageName}" class="btn btn-info">- 삭제</button>
 				</div>
 			</div>
 		</div>
@@ -54,8 +54,9 @@
 					id="tableUnique--${pageName}" aria-describedby="DataTables_Table_0_info">
 						<thead class="sticky-thead">
 							<tr id="theadTrUnique--${pageName}">
+								<th style="width:50px"></th>
 								<th style="width:200px">출력항목명</th>
-								<th style="width:120px">텍스트/이미지</th>
+								<th style="width:120px">유형</th>
 								<th style="width:120px">위치(좌)</th>
 								<th style="width:120px">위치(상)</th>
 								<th style="width:120px">사이즈(좌우)</th>
@@ -69,89 +70,6 @@
 						</thead>
 						<tbody id="tbodyUnique--${pageName}">
 						</tbody>
-						<template id="foundUnique--${pageName}">
-							<tr data-key="{OTPT_FORM_ID}">
-								<td>
-									<input type="text" readonly />
-								</td>
-								<td>
-									<input type="text" readonly />
-								</td>
-								<td>
-									<input type="number" min="0" max="300" />
-								</td>
-								<td>
-									<input type="number" min="0" max="300" />
-								</td>
-								<td>
-									<input type="number" min="0" max="300" />
-								</td>
-								<td>
-									<input type="number" min="0" max="300" />
-								</td>
-								<td>
-									<select>
-										<option value="left">왼쪽</option>
-										<option value="center">중앙</option>
-										<option value="right">오른쪽</option>
-									</select>
-								</td>
-								<td>
-									<select>
-										<option value="gulimche">굴림체</option>
-										<option value="gulim">굴림</option>
-										<option value="batangche">바탕체</option>
-										<option value="batang">바탕</option>
-										<option value="dotumche">돋움체</option>
-										<option value="dotum">돋움</option>
-										<option value="gungsuhche">궁서체</option>
-										<option value="gungsuh">궁서</option>
-									</select>
-								</td>
-								<td>
-									<select>
-										<option value="8">8</option>
-										<option value="9">9</option>
-										<option value="10">10</option>
-										<option value="11">11</option>
-										<option value="12">12</option>
-										<option value="13">13</option>
-										<option value="14">14</option>
-										<option value="15">15</option>
-										<option value="16">16</option>
-										<option value="17">17</option>
-										<option value="18">18</option>
-										<option value="19">19</option>
-										<option value="20">20</option>
-									</select>
-								</td>
-								<td>
-									<select>
-										<option value="BLACK">검정</option>
-										<option value="RED">빨강</option>
-										<option value="ORANGE">주황</option>
-										<option value="YELLOW">노랑</option>
-										<option value="YELLOW_GREEN">연두</option>
-										<option value="GREEN">초록</option>
-										<option value="CYAN">청록</option>
-										<option value="BLUE">파랑</option>
-										<option value="VIOLET">보라</option>
-										<option value="MAGENTA">마젠타</option>
-										<option value="DEEP_PINK">짙은분홍</option>
-										<option value="LIGHT_GREY">밝은회색</option>
-										<option value="GREY">회색</option>
-										<option value="DARK_GREY">어두운회색</option>
-										<option value="WHITE">하양</option>
-									</select>
-								</td>
-								<td>
-									<select>
-										<option value="FILL">일반</option>
-										<option value="FILL_STROKE">굵게</option>
-									</select>
-								</td>
-							</tr>
-						</template>
 					</table>
 				</div>
 			</div>
@@ -160,8 +78,8 @@
 		<div class="row mb-3 justify-content-start">
 			<div class="col-md-12">
 				<div class="float-start">
-					<button type="button" id="btnMultipleAdd--${pageName}" class="btn btn-info">추가</button>
-					<button type="button" id="btnMultipleDel--${pageName}" class="btn btn-info">삭제</button>
+					<button type="button" id="btnMultipleAdd--${pageName}" class="btn btn-info">+ 추가</button>
+					<button type="button" id="btnMultipleDel--${pageName}" class="btn btn-info">- 삭제</button>
 				</div>
 			</div>
 		</div>
@@ -173,8 +91,9 @@
 					id="tableMultiple--${pageName}" aria-describedby="DataTables_Table_0_info">
 						<thead class="sticky-thead">
 							<tr id="theadTrMultiple--${pageName}">
+								<th style="width:50px"></th>
 								<th style="width:200px">출력항목명</th>
-								<th style="width:120px">텍스트/이미지</th>
+								<th style="width:120px">유형</th>
 								<th style="width:120px">위치(좌)</th>
 								<th style="width:120px">위치(상)</th>
 								<th style="width:120px">사이즈(좌우)</th>
@@ -188,89 +107,7 @@
 						</thead>
 						<tbody id="tbodyMultiple--${pageName}">
 						</tbody>
-						<template id="foundMultiple--${pageName}">
-							<tr data-key="{OTPT_FORM_ID}">
-								<td>
-									<select></select>
-								</td>
-								<td>
-									<input type="text" readonly />
-								</td>
-								<td>
-									<input type="number" min="0" max="300" />
-								</td>
-								<td>
-									<input type="number" min="0" max="300" />
-								</td>
-								<td>
-									<input type="number" min="0" max="300" />
-								</td>
-								<td>
-									<input type="number" min="0" max="300" />
-								</td>
-								<td>
-									<select>
-										<option value="left">왼쪽</option>
-										<option value="center">중앙</option>
-										<option value="right">오른쪽</option>
-									</select>
-								</td>
-								<td>
-									<select>
-										<option value="gulimche">굴림체</option>
-										<option value="gulim">굴림</option>
-										<option value="batangche">바탕체</option>
-										<option value="batang">바탕</option>
-										<option value="dotumche">돋움체</option>
-										<option value="dotum">돋움</option>
-										<option value="gungsuhche">궁서체</option>
-										<option value="gungsuh">궁서</option>
-									</select>
-								</td>
-								<td>
-									<select>
-										<option value="8">8</option>
-										<option value="9">9</option>
-										<option value="10">10</option>
-										<option value="11">11</option>
-										<option value="12">12</option>
-										<option value="13">13</option>
-										<option value="14">14</option>
-										<option value="15">15</option>
-										<option value="16">16</option>
-										<option value="17">17</option>
-										<option value="18">18</option>
-										<option value="19">19</option>
-										<option value="20">20</option>
-									</select>
-								</td>
-								<td>
-									<select>
-										<option value="BLACK">검정</option>
-										<option value="RED">빨강</option>
-										<option value="ORANGE">주황</option>
-										<option value="YELLOW">노랑</option>
-										<option value="YELLOW_GREEN">연두</option>
-										<option value="GREEN">초록</option>
-										<option value="CYAN">청록</option>
-										<option value="BLUE">파랑</option>
-										<option value="VIOLET">보라</option>
-										<option value="MAGENTA">마젠타</option>
-										<option value="DEEP_PINK">짙은분홍</option>
-										<option value="LIGHT_GREY">밝은회색</option>
-										<option value="GREY">회색</option>
-										<option value="DARK_GREY">어두운회색</option>
-										<option value="WHITE">하양</option>
-									</select>
-								</td>
-								<td>
-									<select>
-										<option value="FILL">일반</option>
-										<option value="FILL_STROKE">굵게</option>
-									</select>
-								</td>
-							</tr>
-						</template>
+						
 					</table>
 				</div>
 			</div>
@@ -289,7 +126,99 @@
 	</div>
 </div>
 
+<template id="found--${pageName}">
+	<tr data-key="{OTPT_FORM_ID}">
+		<td data-col="checkbox">
+			<input type="checkbox" class="form-check-input" />
+		</td>
+		<td data-col="otptNm">
+			<select class="form-select" onchange="pageObject['${pageName}'].fnChangeComponent(this);">
+			{COMPONENTS}
+			</select>
+		</td>
+		<td data-col="componentType">
+			<input type="text" class="form-control w-px-90" readonly />
+		</td>
+		<td data-col="leftPstn">
+			<input type="number" class="form-control w-px-90" min="0" max="300" />
+		</td>
+		<td data-col="topPstn">
+			<input type="number" class="form-control w-px-90" min="0" max="300" />
+		</td>
+		<td data-col="widthSz">
+			<input type="number" class="form-control w-px-90" min="0" max="300" />
+		</td>
+		<td data-col="heightSz">
+			<input type="number" class="form-control w-px-90" min="0" max="300" />
+		</td>
+		<td data-col="textSort">
+			<select class="form-select">
+				<option value="left">왼쪽</option>
+				<option value="center">중앙</option>
+				<option value="right">오른쪽</option>
+			</select>
+		</td>
+		<td data-col="fontNm">
+			<select class="form-select">
+				<option value="gulimche">굴림체</option>
+				<option value="gulim">굴림</option>
+				<option value="batangche">바탕체</option>
+				<option value="batang">바탕</option>
+				<option value="dotumche">돋움체</option>
+				<option value="dotum">돋움</option>
+				<option value="gungsuhche">궁서체</option>
+				<option value="gungsuh">궁서</option>
+			</select>
+		</td>
+		<td data-col="fontSz">
+			<select class="form-select">
+				<option value="8">8</option>
+				<option value="9">9</option>
+				<option value="10">10</option>
+				<option value="11">11</option>
+				<option value="12">12</option>
+				<option value="13">13</option>
+				<option value="14">14</option>
+				<option value="15">15</option>
+				<option value="16">16</option>
+				<option value="17">17</option>
+				<option value="18">18</option>
+				<option value="19">19</option>
+				<option value="20">20</option>
+			</select>
+		</td>
+		<td data-col="fontColor">
+			<select class="form-select">
+				<option value="BLACK">검정</option>
+				<option value="RED">빨강</option>
+				<option value="ORANGE">주황</option>
+				<option value="YELLOW">노랑</option>
+				<option value="YELLOW_GREEN">연두</option>
+				<option value="GREEN">초록</option>
+				<option value="CYAN">청록</option>
+				<option value="BLUE">파랑</option>
+				<option value="VIOLET">보라</option>
+				<option value="MAGENTA">마젠타</option>
+				<option value="DEEP_PINK">짙은분홍</option>
+				<option value="LIGHT_GREY">밝은회색</option>
+				<option value="GREY">회색</option>
+				<option value="DARK_GREY">어두운회색</option>
+				<option value="WHITE">하양</option>
+			</select>
+		</td>
+		<td data-col="fontStyle">
+			<select class="form-select">
+				<option value="FILL">일반</option>
+				<option value="FILL_STROKE">굵게</option>
+			</select>
+		</td>
+	</tr>
+</template>
+
 <script>
+var FIM054 = new CommonCodes(${FIM054});
+var FIM047 = new CommonCodes(${FIM047});
+var FIM078 = new CommonCodes(${FIM078});
 
 pageObject["${pageName}"] = {};
 
@@ -297,20 +226,99 @@ $(document).ready(function(){
 
 	var $P = pageObject["${pageName}"];
 	
+	$P.otptStngMap = {};
+	
+	$("#btnSave--${pageName}").attr("disabled","disabled");
+	$("#btnUniqueAdd--${pageName}").attr("disabled","disabled");
+	$("#btnUniqueDel--${pageName}").attr("disabled","disabled");
+	$("#btnMultipleAdd--${pageName}").attr("disabled","disabled");
+	$("#btnMultipleDel--${pageName}").attr("disabled","disabled");
+
 	$P.fnLoad = () => {
 		
 		var ff = new FimsFormFields("#frmSearch--${pageName}");
-		
+		var query = ff.get();
 		ajax.post({
 			url : wctx.url("/sprt/sprt01/200/info.do"),
-			data : ff.get(),
+			data : query,
 			success : (resp) => {
+				$("#btnSave--${pageName}").removeAttr("disabled");
+				$("#btnUniqueAdd--${pageName}").removeAttr("disabled");
+				$("#btnUniqueDel--${pageName}").removeAttr("disabled");
+				$("#btnMultipleAdd--${pageName}").removeAttr("disabled");
+				$("#btnMultipleDel--${pageName}").removeAttr("disabled");
+				$("#tbodyUnique--${pageName}").html("");
+				$("#tbodyMultiple--${pageName}").html("");
+				
+				$("#frmEdit--${pageName}").find("[name='sggCd']").val(query.sggCd);
+				$("#frmEdit--${pageName}").find("[name='taskSeCd']").val(query.taskSeCd);
+				$("#frmEdit--${pageName}").find("[name='sndngSeCd']").val(query.sndngSeCd);
+				$("#frmEdit--${pageName}").find("[name='otptPaperSeCd']").val(query.otptPaperSeCd);
+				
+				$("#currentOtpt--${pageName}").text(resp.otptStngTitle);
+				$P.otptStngMap = resp.otptStngMap;
 
+				$P.renderOtptStngGrid("tbodyUnique--${pageName}",$P.otptStngMap.unique.prototypeList,$P.otptStngMap.unique.dataList);
+				$P.renderOtptStngGrid("tbodyMultiple--${pageName}",$P.otptStngMap.multiple.prototypeList,$P.otptStngMap.multiple.dataList);
 			}
 		});
 		
 	}
 	
+	$P.renderOtptStngGrid = (tbodyId, prototypeList, dataList) => {
+		
+		var components = "<option value='' data-component-type=''>선택</option>";
+		
+		for(var i=0; i < prototypeList.length; i++){
+			var p = prototypeList[i];
+			components += "<option value='"+p.otptNm+"' data-component-type='"+p.componentType+"'>"+p.dscrp+"</option>";
+		}
+		
+		for(var i=0; i < dataList.length; i++){
+			var data = dataList[i];
+			var found = document.getElementById("found--${pageName}").innerHTML;
+					
+			found = found.replace(/{OTPT_FORM_ID}/gi, data.OTPT_FORM_ID);
+			found = found.replace(/{COMPONENTS}/gi, components);
+			$("#"+tbodyId).append(found);
+			
+			var lastTr = $("#"+tbodyId).find("tr").last()[0];
+			$($P.fnGetElement(lastTr,"otptNm")).val(data.OTPT_NM);
+			$($P.fnGetElement(lastTr,"componentType")).val(data.COMPONENT_TYPE);
+			$($P.fnGetElement(lastTr,"leftPstn")).val(data.LEFT_PSTN);
+			$($P.fnGetElement(lastTr,"topPstn")).val(data.TOP_PSTN);
+			$($P.fnGetElement(lastTr,"widthSz")).val(data.WIDTH_SZ);
+			$($P.fnGetElement(lastTr,"heightSz")).val(data.HEIGHT_SZ);
+			
+			$($P.fnGetElement(lastTr,"textSort")).val(!isEmpty(data.TEXT_SORT) ? data.TEXT_SORT : "left");
+			$($P.fnGetElement(lastTr,"fontNm")).val(!isEmpty(data.FONT_NM) ? data.FONT_NM : "gulimche");
+			$($P.fnGetElement(lastTr,"fontSz")).val(!isEmpty(data.FONT_SZ) ? data.FONT_SZ : 10);
+			$($P.fnGetElement(lastTr,"fontColor")).val(!isEmpty(data.FONT_COLOR) ? data.FONT_COLOR : "BLACK");
+			$($P.fnGetElement(lastTr,"fontStyle")).val(!isEmpty(data.FONT_STYLE) ? data.FONT_STYLE : "FILL");
+		}
+		
+		if(tbodyId == "tbodyUnique--${pageName}"){
+			$("#"+tbodyId).find("tr").each(function(){
+				var el = $P.fnGetElement(this,"otptNm");
+				$(el).attr("disabled","disabled");
+			});
+		}
+	}
+	
+	$P.fnGetElement = (tableRow, colName) => {
+		return $(tableRow).find("td[data-col='"+colName+"']").children().first()[0];
+	}
+	
+	$P.fnChangeComponent = (selectElement) => {
+		var tr = $(selectElement).parent().parent()[0];
+		var componentTypeEl = $P.fnGetElement(tr,"componentType");
+		
+		var selectedOption = $(selectElement).find("option:selected")[0];
+		
+		$(componentTypeEl).val(selectedOption.dataset.componentType);
+		
+	}
+	
 	$P.fnSave = () => {
 		
 	}