수정요청대상 그룹상세설명 관리자에도 표시 처리

src/main/resources/egovframework/sqlmap/mapper/regi/manageList.xml

@@ -395,11 +395,14 @@
 					]]>
 </select>
 
+
 <!-- 수정요청사유 팝업 > 수정요청대상에 표시 할 항목 조회  -->
 <select id="selectModifyItem" parameterType="map" resultType="java.util.HashMap">
 	SELECT GRP.GRP_IDX 
 	      ,IT.IT_IDX 
 	      ,GRP.NAME AS GRP_NAME
+<!--      ,GRP."DESC" AS GRP_DESC -->
+	      ,REPLACE(GRP."DESC", CHR(13), '') AS GRP_DESC<!-- 줄바꿈 처리 필요 -->
 	      ,IT.NAME AS ITEM_NAME
 	FROM   TEMP_MANAGE_STATE_MODI_IT IT
 	LEFT JOIN TEMP_MANAGE_STATE_MODI_GRP GRP ON GRP.GRP_IDX = IT.GRP_IDX

src/main/webapp/WEB-INF/views/web/manage/modeify_call_reason.jsp

@@ -48,6 +48,45 @@
     margin: 0;
     padding: 0;
 }
+i.help {
+    position: relative;
+    margin-left: 5px;
+    border: 2px solid #89c2ff;
+    padding: 0px 3px;
+    border-radius: 10px;
+    color: #89c2ff;
+    background: #fff;
+    font-size: 11px;
+    font-weight: 800;
+    cursor:pointer;
+}
+
+.help:hover::after {
+    content: attr(data-tooltip);
+    position: absolute;
+    top: 24px;
+    left: 0;
+    white-space: pre-wrap;   /* 줄바꿈 적용 */
+    width: 240px;
+    background: #333;
+    color: #fff;
+    padding: 8px 10px;
+    border-radius: 4px;
+    font-size: 12px;
+    z-index: 9999;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
+}
+
+.help:hover::before {
+    content: "";
+    position: absolute;
+    top: 18px;
+    left: 8px;
+    border-width: 6px;
+    border-style: solid;
+    border-color: #333 transparent transparent transparent;
+    z-index: 9999;
+}
 </style>
 <script type="text/javascript">
 let addNum = 0;
@@ -159,29 +198,23 @@ function addNumModifyItemValue(){
 			<c:set var="prevGrp" value="" />
 	        <ul>
 			<c:forEach var="item" items="${resultList.modiItemList}" varStatus="st">
-			    <!-- 새로운 그룹이 시작되는 경우 -->
+			    <c:if test="${prevGrp ne item.GRP_IDX}"><%-- 새로운 그룹이 시작되는 경우 --%>
-			    <c:if test="${prevGrp ne item.GRP_IDX}">
+			        <c:if test="${!st.first}"><%-- 첫 그룹이 아니라면 이전 그룹의 ul/li 닫기 --%>
-			        <!-- 첫 그룹이 아니라면 이전 그룹의 ul/li 닫기 -->
-			        <c:if test="${!st.first}">
 			            </ul>
 			        </li>
 			        </c:if>
-			        <!-- 그룹 제목 표시 -->
+			        <li data-grp="${item.GRP_IDX }"><%-- 그룹 제목 표시 --%>
-			        <li data-grp="${item.GRP_IDX }">
+			            ${item.GRP_NAME} <c:if test="${not empty item.GRP_DESC }"><i class="help"  data-tooltip="${ item.GRP_DESC }">?</i></c:if>
-			            ${item.GRP_NAME}
 			            <ul>
 			    </c:if>
-			    <!-- 아이템 출력 -->
+			    <li><%-- 아이템 출력 --%>
-			    <li>
 			        <label>
 			            <input type="checkbox" name="MODIFY_ITEM_VAL" value="${item.IT_IDX}" />
 			            ${item.ITEM_NAME}
 			        </label>
 			    </li>
-			    <!-- prevGrp 최신화 -->
+			    <c:set var="prevGrp" value="${item.GRP_IDX}" /><%-- prevGrp 최신화 --%>
-			    <c:set var="prevGrp" value="${item.GRP_IDX}" />
+			    <c:if test="${st.last}"><%-- 마지막 루프일 경우 태그 닫기 --%>
-			    <!-- 마지막 루프일 경우 태그 닫기 -->
-			    <c:if test="${st.last}">
 			            </ul>
 			        </li>
 			    </c:if>

src/main/webapp/WEB-INF/views/web/manage/select_modeify_call_reason.jsp

@@ -125,25 +125,19 @@ function resize(){
 			<c:set var="prevGrp" value="" />
 	        <ul>
 			<c:forEach var="item" items="${modiItem}" varStatus="st">
-			    <!-- 새로운 그룹이 시작되는 경우 -->
+			    <c:if test="${prevGrp ne item.GRP_IDX}"><%-- 새로운 그룹이 시작되는 경우 --%>
-			    <c:if test="${prevGrp ne item.GRP_IDX}">
+			        <c:if test="${!st.first}"><%-- 첫 그룹이 아니라면 이전 그룹의 ul/li 닫기 --%>
-			        <!-- 첫 그룹이 아니라면 이전 그룹의 ul/li 닫기 -->
-			        <c:if test="${!st.first}">
 			            </ul>
 			        </li>
 			        </c:if>
-			        <!-- 그룹 제목 표시 -->
+			        <li data-grp="${item.GRP_IDX }"><%-- 그룹 제목 표시 --%>
-			        <li data-grp="${item.GRP_IDX }">
 			            ${item.GRP_NAME} <c:if test="${not empty item.GRP_DESC }"><i class="help"  data-tooltip="${ item.GRP_DESC }">?</i></c:if>
 			            <ul>
 			    </c:if>
-			    <!-- 아이템 출력 -->
+			    <li>${item.ITEM_NAME}<c:if test="${!(st.last or item.GRP_IDX ne modiItem[st.index + 1].GRP_IDX)}">,</c:if><%-- 아이템 출력 --%>
-			    <li>${item.ITEM_NAME}<c:if test="${!(st.last or item.GRP_IDX ne modiItem[st.index + 1].GRP_IDX)}">,</c:if>
 			    </li>
-			    <!-- prevGrp 최신화 -->
+			    <c:set var="prevGrp" value="${item.GRP_IDX}" /><%-- prevGrp 최신화 --%>
-			    <c:set var="prevGrp" value="${item.GRP_IDX}" />
+			    <c:if test="${st.last}"><%-- 마지막 루프일 경우 태그 닫기 --%>
-			    <!-- 마지막 루프일 경우 태그 닫기 -->
-			    <c:if test="${st.last}">
 			            </ul>
 			        </li>
 			    </c:if>