환불사유 마우스 호버시 노출 기능 추가
@60fa108b56a6886448de434ffd9d505798381d2c
--- src/main/webapp/WEB-INF/jsp/uss/ion/pay/RefundList.jsp
+++ src/main/webapp/WEB-INF/jsp/uss/ion/pay/RefundList.jsp
... | ... | @@ -25,8 +25,22 @@ |
| 25 | 25 |
<head> |
| 26 | 26 |
<title>환불 및 결제 취소 목록</title> |
| 27 | 27 |
<meta http-equiv="content-type" content="text/html; charset=utf-8"> |
| 28 |
+<style> |
|
| 29 |
+ |
|
| 30 |
+</style> |
|
| 31 |
+ |
|
| 28 | 32 |
<script type="text/javascript" src="<c:url value='/js/EgovMultiFile.js'/>"></script> |
| 29 | 33 |
<script type="text/javaScript" language="javascript"> |
| 34 |
+ |
|
| 35 |
+$(function(){
|
|
| 36 |
+ $('.pageCont .tbType1 tbody tr').mouseover(function(){
|
|
| 37 |
+ $(this).mousemove(function(e){
|
|
| 38 |
+ var x=e.pageX+15; |
|
| 39 |
+ var y=e.pageY+15; |
|
| 40 |
+ $(this).closest('tr').next('.biz_hover_wrap').find('.biz_hover_content').css({'top':y,'left':x});
|
|
| 41 |
+ }); |
|
| 42 |
+ }); |
|
| 43 |
+}); |
|
| 30 | 44 |
|
| 31 | 45 |
function linkPage(pageNo){
|
| 32 | 46 |
var listForm = document.listForm ; |
... | ... | @@ -257,14 +271,7 @@ |
| 257 | 271 |
<c:out value="${result.mberNm}"/>
|
| 258 | 272 |
</a> |
| 259 | 273 |
</td> |
| 260 |
- <c:choose> |
|
| 261 |
- <c:when test="${result.refundReason eq '999'}">
|
|
| 262 |
- <td title="${result.refundReasonEtc}">
|
|
| 263 |
- </c:when> |
|
| 264 |
- <c:otherwise> |
|
| 265 |
- <td title="<ec:code code="${result.refundReason}" codeId="ITN050"/>">
|
|
| 266 |
- </c:otherwise> |
|
| 267 |
- </c:choose> |
|
| 274 |
+ <td> |
|
| 268 | 275 |
<c:choose> |
| 269 | 276 |
<c:when test="${result.refundReason eq '999'}">
|
| 270 | 277 |
${result.refundReasonEtc}
|
... | ... | @@ -272,7 +279,7 @@ |
| 272 | 279 |
<c:otherwise> |
| 273 | 280 |
<ec:code code="${result.refundReason}" codeId="ITN050"/>
|
| 274 | 281 |
</c:otherwise> |
| 275 |
- </c:choose> |
|
| 282 |
+ </c:choose> |
|
| 276 | 283 |
</td> |
| 277 | 284 |
<td> |
| 278 | 285 |
<c:choose> |
... | ... | @@ -304,19 +311,37 @@ |
| 304 | 311 |
|
| 305 | 312 |
</td> |
| 306 | 313 |
|
| 307 |
- <td title="<c:out value="${result.frstRegisterPnttm}"/>">
|
|
| 314 |
+ <td> |
|
| 308 | 315 |
<fmt:parseDate value="${result.frstRegisterPnttm}" var="frstRegisterDateValue" pattern="yyyy-MM-dd HH:mm"/>
|
| 309 | 316 |
<fmt:formatDate value="${frstRegisterDateValue}" pattern="MM-dd HH:mm"/>
|
| 310 | 317 |
</td> |
| 311 |
- <td title="<c:out value="${result.lastUpdtPnttm}"/>">
|
|
| 318 |
+ <td> |
|
| 312 | 319 |
<fmt:parseDate value="${result.lastUpdtPnttm}" var="lastUpdtDateValue" pattern="yyyy-MM-dd HH:mm"/>
|
| 313 | 320 |
<fmt:formatDate value="${lastUpdtDateValue}" pattern="MM-dd HH:mm"/>
|
| 314 | 321 |
</td> |
| 315 |
- |
|
| 316 | 322 |
</tr> |
| 323 |
+ <tr class="biz_hover_wrap"> |
|
| 324 |
+ <td colspan="10"> |
|
| 325 |
+ <div class="biz_hover_content"> |
|
| 326 |
+ <dl> |
|
| 327 |
+ <dt>환불사유</dt> |
|
| 328 |
+ <dd> |
|
| 329 |
+ <c:choose> |
|
| 330 |
+ <c:when test="${result.refundReason eq '999'}">
|
|
| 331 |
+ ${result.refundReasonEtc}
|
|
| 332 |
+ </c:when> |
|
| 333 |
+ <c:otherwise> |
|
| 334 |
+ <ec:code code="${result.refundReason}" codeId="ITN050"/>
|
|
| 335 |
+ </c:otherwise> |
|
| 336 |
+ </c:choose> |
|
| 337 |
+ </dd> |
|
| 338 |
+ </dl> |
|
| 339 |
+ </div> |
|
| 340 |
+ </td> |
|
| 341 |
+ </tr> |
|
| 317 | 342 |
</c:forEach> |
| 318 | 343 |
<c:if test="${empty refundList}">
|
| 319 |
- <tr><td colspan="13"><spring:message code="common.nodata.msg" /></td></tr> |
|
| 344 |
+ <tr><td colspan="10"><spring:message code="common.nodata.msg" /></td></tr> |
|
| 320 | 345 |
</c:if> |
| 321 | 346 |
</tbody> |
| 322 | 347 |
</table> |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?