|
@@ -14,10 +14,7 @@
|
|
|
* 1.0 2021.01.28 jsshin 최초 작성
|
|
* 1.0 2021.01.28 jsshin 최초 작성
|
|
|
*******************************************************************************
|
|
*******************************************************************************
|
|
|
-->
|
|
-->
|
|
|
-<style>
|
|
|
|
|
-
|
|
|
|
|
-</style>
|
|
|
|
|
-<div class="modalPopup" data-width="600" id="popupCouponIssue">
|
|
|
|
|
|
|
+<div class="modalPopup" data-width="960" data-height="900" >
|
|
|
<div id="panel" class="panelStyle">
|
|
<div id="panel" class="panelStyle">
|
|
|
<!-- TITLE -->
|
|
<!-- TITLE -->
|
|
|
<div class="panelTitle">
|
|
<div class="panelTitle">
|
|
@@ -25,7 +22,7 @@
|
|
|
<button type="button" class="close" onclick="uifnPopupClose('popupCouponIssue');"><em class="fa fa-times"></em></button>
|
|
<button type="button" class="close" onclick="uifnPopupClose('popupCouponIssue');"><em class="fa fa-times"></em></button>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- //TITLE -->
|
|
<!-- //TITLE -->
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
<!-- CONTENT -->
|
|
<!-- CONTENT -->
|
|
|
<div class="panelContent">
|
|
<div class="panelContent">
|
|
|
<form id="searchCouponForm" name="searchCouponForm" action="#" th:action="@{'/marketing/coupon/retrieve/list'}" th:method="post">
|
|
<form id="searchCouponForm" name="searchCouponForm" action="#" th:action="@{'/marketing/coupon/retrieve/list'}" th:method="post">
|
|
@@ -64,22 +61,15 @@
|
|
|
</tr>
|
|
</tr>
|
|
|
</tbody>
|
|
</tbody>
|
|
|
</table>
|
|
</table>
|
|
|
-
|
|
|
|
|
<ul class="panelBar">
|
|
<ul class="panelBar">
|
|
|
<li class="center">
|
|
<li class="center">
|
|
|
<button type="button" class="btn btn-base btn-lg" id="btnSearchCouponRetrieve">조회</button>
|
|
<button type="button" class="btn btn-base btn-lg" id="btnSearchCouponRetrieve">조회</button>
|
|
|
</li>
|
|
</li>
|
|
|
</ul>
|
|
</ul>
|
|
|
</form>
|
|
</form>
|
|
|
- </div>
|
|
|
|
|
- <!-- //CONTENT -->
|
|
|
|
|
-
|
|
|
|
|
- <!-- 리스트 영역 -->
|
|
|
|
|
- <div class="panelContent">
|
|
|
|
|
- <div id="gridCouponList" style="width: 100%; height: 250px" class="ag-theme-balham"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <div class="panelContent">
|
|
|
|
|
|
|
+ <!-- 리스트 영역 -->
|
|
|
|
|
+ <div id="gridCouponList" style="width: 100%; height: 420px;" class="ag-theme-balham"></div>
|
|
|
|
|
+ <!-- //리스트 영역 -->
|
|
|
<form id="couponIssueForm" name="couponIssueForm">
|
|
<form id="couponIssueForm" name="couponIssueForm">
|
|
|
<input type="hidden" name="cpnId"/>
|
|
<input type="hidden" name="cpnId"/>
|
|
|
<input type="hidden" name="pdGb"/>
|
|
<input type="hidden" name="pdGb"/>
|
|
@@ -95,12 +85,12 @@
|
|
|
<th class="availTerm">유효기간시작일시<em class="required" title="필수"></em></th>
|
|
<th class="availTerm">유효기간시작일시<em class="required" title="필수"></em></th>
|
|
|
<td class="availTerm">
|
|
<td class="availTerm">
|
|
|
<input type="text" name="availStdt" class="schDate w100" data-valid-name="유효기간시작일시"/>
|
|
<input type="text" name="availStdt" class="schDate w100" data-valid-name="유효기간시작일시"/>
|
|
|
- <select name="availStHH" class="w80" data-valid-name="유효기간시작(시)"required="required">
|
|
|
|
|
|
|
+ <select name="availStHH" data-valid-name="유효기간시작(시)"required="required">
|
|
|
<th:block th:each="num, index : ${#numbers.sequence(0, 23)}">
|
|
<th:block th:each="num, index : ${#numbers.sequence(0, 23)}">
|
|
|
<option th:value="${#numbers.formatInteger(num, 2)}" th:text="|${#numbers.formatInteger(num, 2)}시|">시간</option>
|
|
<option th:value="${#numbers.formatInteger(num, 2)}" th:text="|${#numbers.formatInteger(num, 2)}시|">시간</option>
|
|
|
</th:block>
|
|
</th:block>
|
|
|
</select>
|
|
</select>
|
|
|
- <select name="availStMM" class="w80" data-valid-name="유효기간시작(분)" required="required">
|
|
|
|
|
|
|
+ <select name="availStMM" data-valid-name="유효기간시작(분)" required="required">
|
|
|
<th:block th:each="num, index : ${#numbers.sequence(0, 59)}">
|
|
<th:block th:each="num, index : ${#numbers.sequence(0, 59)}">
|
|
|
<option th:value="${#numbers.formatInteger(num, 2)}" th:text="|${#numbers.formatInteger(num, 2)}분|">분</option>
|
|
<option th:value="${#numbers.formatInteger(num, 2)}" th:text="|${#numbers.formatInteger(num, 2)}분|">분</option>
|
|
|
</th:block>
|
|
</th:block>
|
|
@@ -109,13 +99,13 @@
|
|
|
|
|
|
|
|
<th class="availTerm">유효기간종료일시<em class="required" title="필수"></em></th>
|
|
<th class="availTerm">유효기간종료일시<em class="required" title="필수"></em></th>
|
|
|
<td class="availTerm">
|
|
<td class="availTerm">
|
|
|
- <input type="text" name="availEddt" class="schDate w200" data-valid-name="유효기간종료일시"/>
|
|
|
|
|
- <select name="availEdHH" class="w80" data-valid-name="유효기간종료(시)">
|
|
|
|
|
|
|
+ <input type="text" name="availEddt" class="schDate w100" data-valid-name="유효기간종료일시"/>
|
|
|
|
|
+ <select name="availEdHH" data-valid-name="유효기간종료(시)">
|
|
|
<th:block th:each="num, index : ${#numbers.sequence(0, 23)}">
|
|
<th:block th:each="num, index : ${#numbers.sequence(0, 23)}">
|
|
|
<option th:value="${#numbers.formatInteger(num, 2)}" th:text="|${#numbers.formatInteger(num, 2)}시|">시간</option>
|
|
<option th:value="${#numbers.formatInteger(num, 2)}" th:text="|${#numbers.formatInteger(num, 2)}시|">시간</option>
|
|
|
</th:block>
|
|
</th:block>
|
|
|
</select>
|
|
</select>
|
|
|
- <select name="availEdMM" class="w80" data-valid-name="유효기간종료(분)">
|
|
|
|
|
|
|
+ <select name="availEdMM" data-valid-name="유효기간종료(분)">
|
|
|
<th:block th:each="num: ${#numbers.sequence(0, 59)}">
|
|
<th:block th:each="num: ${#numbers.sequence(0, 59)}">
|
|
|
<option th:value="${#numbers.formatInteger(num, 2)}" th:text="|${#numbers.formatInteger(num, 2)}분|">분</option>
|
|
<option th:value="${#numbers.formatInteger(num, 2)}" th:text="|${#numbers.formatInteger(num, 2)}분|">분</option>
|
|
|
</th:block>
|
|
</th:block>
|
|
@@ -128,36 +118,44 @@
|
|
|
</tr>
|
|
</tr>
|
|
|
<tr>
|
|
<tr>
|
|
|
<th>발급사유</th>
|
|
<th>발급사유</th>
|
|
|
- <td colspan="3">
|
|
|
|
|
|
|
+ <td>
|
|
|
<select name="pubReason" data-valid-name="발급사유" required>
|
|
<select name="pubReason" data-valid-name="발급사유" required>
|
|
|
<option th:if="${cpnPubReasonList}" th:each="oneData, status : ${cpnPubReasonList}" th:value="${oneData.cd}"
|
|
<option th:if="${cpnPubReasonList}" th:each="oneData, status : ${cpnPubReasonList}" th:value="${oneData.cd}"
|
|
|
th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
|
|
th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
|
|
|
</select>
|
|
</select>
|
|
|
</td>
|
|
</td>
|
|
|
|
|
+ <th>만료알림발송여부<em class="required" title="필수"></em></th>
|
|
|
|
|
+ <td>
|
|
|
|
|
+ <select name="endAlimSendYn" id="endAlimSendYn" data-valid-name="만료알림발송여부" required="required">
|
|
|
|
|
+ <option value="Y">Y</option>
|
|
|
|
|
+ <option value="N" selected="selected">N</option>
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </td>
|
|
|
</tr>
|
|
</tr>
|
|
|
<tr>
|
|
<tr>
|
|
|
<th>상세사유</th>
|
|
<th>상세사유</th>
|
|
|
<td colspan="3">
|
|
<td colspan="3">
|
|
|
- <textarea name="pubReasonDtl" class="textareaR4" style="resize: none;" data-valid-name="상세사유" required="required"></textarea>
|
|
|
|
|
|
|
+ <textarea name="pubReasonDtl" class="textareaR3" style="resize: none;" data-valid-name="상세사유" required="required"></textarea>
|
|
|
</td>
|
|
</td>
|
|
|
</tr>
|
|
</tr>
|
|
|
</table>
|
|
</table>
|
|
|
</form>
|
|
</form>
|
|
|
|
|
+ <!-- 버튼 배치 영역 -->
|
|
|
|
|
+ <ul class="panelBar">
|
|
|
|
|
+ <li class="right">
|
|
|
|
|
+ <button type="button" class="btn btn-info btn-lg" id="btnIssueCoupon">발급</button>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ <!-- //버튼 배치 영역 -->
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- <!-- 버튼 배치 영역 -->
|
|
|
|
|
- <ul class="panelBar">
|
|
|
|
|
- <li class="right">
|
|
|
|
|
- <button type="button" class="btn btn-info btn-lg" id="btnIssueCoupon">발급</button>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- <!-- //버튼 배치 영역 -->
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<script th:inline="javascript">
|
|
<script th:inline="javascript">
|
|
|
/*<![CDATA[*/
|
|
/*<![CDATA[*/
|
|
|
|
|
+ const START_END_TIME = '00';
|
|
|
|
|
+ const END_TIME = '59';
|
|
|
|
|
+
|
|
|
let elementCustNo = [[${elementCustNo}]];
|
|
let elementCustNo = [[${elementCustNo}]];
|
|
|
|
|
|
|
|
let siteList = gagajf.convertToArray([[${siteList}]]);
|
|
let siteList = gagajf.convertToArray([[${siteList}]]);
|
|
@@ -228,7 +226,7 @@
|
|
|
|
|
|
|
|
gridOptionsCouponList.rowSelection = 'single';
|
|
gridOptionsCouponList.rowSelection = 'single';
|
|
|
gridOptionsCouponList.rowMultiSelectWithClick = true; // 클릭으로 선택 가능
|
|
gridOptionsCouponList.rowMultiSelectWithClick = true; // 클릭으로 선택 가능
|
|
|
- gridOptionsCouponList.suppressRowClickSelection = true;
|
|
|
|
|
|
|
+ //gridOptionsCouponList.suppressRowClickSelection = true;
|
|
|
|
|
|
|
|
// 셀 클릭 이벤트
|
|
// 셀 클릭 이벤트
|
|
|
gridOptionsCouponList.onCellClicked = function (event) {
|
|
gridOptionsCouponList.onCellClicked = function (event) {
|
|
@@ -264,8 +262,8 @@
|
|
|
mcxDialog.alert("유효 시작일시 / 유효 종료일시를 입력해주세요");
|
|
mcxDialog.alert("유효 시작일시 / 유효 종료일시를 입력해주세요");
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
- custCoupon.availStdt = custCoupon.availStdt.replaceAll('-', '')+String(availStHH)+String(availStMM);
|
|
|
|
|
- custCoupon.availEddt = custCoupon.availEddt.replaceAll('-', '')+String(availEdHH)+String(availEdMM);
|
|
|
|
|
|
|
+ custCoupon.availStdt = custCoupon.availStdt+' '+availStHH +':'+ availStMM + ':' +START_END_TIME;
|
|
|
|
|
+ custCoupon.availEddt = custCoupon.availEddt+' '+availEdHH +':'+ availEdMM + ':' +END_TIME;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
if (custCoupon.pdGb === 'D') {
|
|
if (custCoupon.pdGb === 'D') {
|
|
@@ -330,9 +328,6 @@
|
|
|
|
|
|
|
|
fnInitDataSet();
|
|
fnInitDataSet();
|
|
|
|
|
|
|
|
- //$('#panel').css({ width: 1200, height: 500 });
|
|
|
|
|
-
|
|
|
|
|
- //$('#panel').attr('style', 'width: 1200 !important, height: 500 !important');
|
|
|
|
|
|
|
|
|
|
});
|
|
});
|
|
|
/*]]>*/
|
|
/*]]>*/
|