CouponCreatePopupForm.html 44 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944
  1. <!DOCTYPE html>
  2. <html lang="ko"
  3. xmlns:th="http://www.thymeleaf.org">
  4. <!--
  5. *******************************************************************************
  6. * @source : CouponCreatePopupForm.html
  7. * @desc : 쿠폰 등록 팝업 화면
  8. *============================================================================
  9. * ISTYLE24
  10. * Copyright(C) 2020 TSIT, All rights reserved.
  11. *============================================================================
  12. * VER DATE AUTHOR DESCRIPTION
  13. * === =========== ========== =============================================
  14. * 1.0 2020.12.23 xyzp1539 최초 작성
  15. *******************************************************************************
  16. -->
  17. <div class="modalPopup" data-width="1200">
  18. <div class="panelStyle" >
  19. <div class="panelTitle">
  20. <h2>쿠폰등록</h2>
  21. <button type="button" class="close" onclick="uifnPopupClose('CouponCreatePopup')"><i class="fa fa-times"></i></button>
  22. </div>
  23. <div class="panelContent">
  24. <form id="couponCreateForm" name="couponCreateForm" th:action="@{'/marketing/coupon/save'}" >
  25. <input type="hidden" name="supplyCompList" id="supplyCompList">
  26. <input type="hidden" name="brandList" id="brandList">
  27. <input type="hidden" name="applyGoodsList" id="applyGoodsList">
  28. <input type="hidden" name="exceptGoodsList" id="excepGoodsList">
  29. <input type="hidden" name="burdenList" id="burdenList">
  30. <input type="hidden" name="cateList" id="cateList">
  31. <div class="tabs">
  32. <div class="tabsNav">
  33. <ul>
  34. <li class="on"><a href="#coupontab1">기본정보</a></li>
  35. <li><a href="#coupontab2">적용대상</a></li>
  36. <li><a href="#coupontab3">입점업체분담율</a></li>
  37. </ul>
  38. </div>
  39. <ul class="tabsCont">
  40. <li class="tab on" id="coupontab1">
  41. <div class="panelStyle">
  42. <table class="frmStyle">
  43. <colgroup>
  44. <col style="width:10%">
  45. <col style="width:40%;">
  46. <col style="width:10%">
  47. <col style="width:40%;">
  48. </colgroup>
  49. <tr>
  50. <th>쿠폰번호<em class="required" title="필수"></em></th>
  51. <td colspan="5">
  52. <input type="hidden" name="copyCpnId" maxlength="50" value="">
  53. <input type="hidden" name="mode" maxlength="50" value="">
  54. <input type="text" name="cpnId" maxlength="50" value="" style="width:70%;" disabled="true" placeholder="자동생성" data-valid-name="쿠폰번호">
  55. <label class="chkBox checked" onclick="clickCreateChk(this);" id="cpnCreateLab">
  56. <input type="checkbox" name="cpnCreateType" id="cpnCreateType" value="true" class="type-check" checked />쿠폰번호 자동생성
  57. </label>
  58. </td>
  59. </tr>
  60. <tr>
  61. <th>쿠폰명<em class="required" title="필수"></em></th>
  62. <td colspan="5">
  63. <input type="text" name="cpnNm" id="cpnNm" style="width: 70%;" required="required" data-valid-name="쿠폰명">
  64. </td>
  65. </tr>
  66. <tr>
  67. <th>쿠폰유형<em class="required" title="필수"></em></th>
  68. <td colspan="5">
  69. <input type="hidden" id="cpnType" name="cpnType" required="required" data-valid-name="쿠폰유형">
  70. <label class="rdoBtn" th:if="${cpnTypeList}" th:each="oneData, status : ${cpnTypeList}"> <input type="radio" name="rdoCpnType" th:text="${oneData.cdNm}" th:value="${oneData.cd}"/></label>
  71. </td>
  72. </tr>
  73. <tr>
  74. <th>사용가능고객구분<em class="required" title="필수"></em></th>
  75. <td>
  76. <select name="usableCustGb" id="usableCustGb" required="required" data-valid-name="사용가능고객구분">
  77. <option th:if="${usableCustGbList}" th:each="oneData , status : ${usableCustGbList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
  78. </select>
  79. </td>
  80. <th>사이트<em class="required" title="필수"></em></th>
  81. <td>
  82. <select name="siteCd" id="siteCd" required="required" data-valid-name="사이트">
  83. <option th:if="${siteCdList}" th:each="oneData , status : ${siteCdList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
  84. </select>
  85. </td>
  86. </tr>
  87. <tr>
  88. <th>사용고객등급구분<em class="required" title="필수"></em></th>
  89. <td>
  90. <select name="usableCustGrade" id="usableCustGrade" required="required" data-valid-name="사용고객등급구분">
  91. <option value="ALL">[전체]</option>
  92. <option th:if="${usableCustGradeList}" th:each="oneData , status : ${usableCustGradeList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
  93. </select>
  94. </td>
  95. <th>만료알림여부<em class="required" title="필수"></em></th>
  96. <td>
  97. <select name="endAlimYn" id="endAlimYn" required="required" data-valid-name="만료알림여부">
  98. <option value="Y">Y</option>
  99. <option value="N" selected="selected">N</option>
  100. </select>
  101. </td>
  102. </tr>
  103. <tr>
  104. <th>할인방식<em class="required" title="필수"></em></th>
  105. <td>
  106. <input type="hidden" name="dcWay" id="dcWay" required="required" data-valid-name="할인방식">
  107. <label class="rdoBtn" th:if="${dcWayList}" th:each="oneData, status : ${dcWayList}"> <input type="radio" name="rdoDcWay" th:text="${oneData.cdNm}" th:value="${oneData.cd}"/></label>
  108. </td>
  109. <th>구매제한금액<em class="required" title="필수"></em></th>
  110. <td>
  111. <input type="text" id="buyLimitAmt" name="buyLimitAmt" class="w200" required="required" value="0" style="text-align: right;" data-valid-name="구매제한금액">원
  112. </td>
  113. </tr>
  114. <tr>
  115. <th>할인값(PC)<em class="required" title="필수"></em></th>
  116. <td>
  117. <input type="text" class="w200" id="dcPval" name="dcPval" value="0" required="required" data-valid-name="할인값(PC)" data-valid-type="numeric" style="text-align: right"><span id="dcPvalSpan">원</span>
  118. </td>
  119. <th>할인값(모바일웹)<em class="required" title="필수"></em></th>
  120. <td>
  121. <input type="text" class="w200" id="dcMval" name="dcMval" value="0" required="required" data-valid-name="할인값(모바일웹)" data-valid-type="numeric" style="text-align: right"><span id="dcMvalSpan">원</span>
  122. </td>
  123. </tr>
  124. <tr>
  125. <th>할인값(모바일앱)<em class="required" title="필수"></em></th>
  126. <td>
  127. <input type="text" class="w200" id="dcAval" name="dcAval" value="0" required="required" data-valid-name="할인값(모바일앱)" data-valid-type="numeric" style="text-align: right"><span id="dcAvalSpan">원</span>
  128. </td>
  129. <th>최대할인금액<em class="required" title="필수"></em></th>
  130. <td>
  131. <input type="text" class="w200" id="maxDcAmt" name="maxDcAmt" value="0" required="required" data-valid-name="최대할인금액" data-valid-type="numeric" style="text-align: right;"><span id="maxDcAmtSpan">원</span>
  132. </td>
  133. </tr>
  134. <tr>
  135. <th>다운로드시작일시<em class="required" title="필수"></em></th>
  136. <td>
  137. <input type="hidden" name="downStdt" id="downStdt" required="required" data-valid-name="다운로드시작일시">
  138. <input type="text" class="schDate w100" name="downStDay" id="downStDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
  139. <select name="downStHH" id="downStHH">
  140. <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  141. </select>
  142. <select name="downStMM" id="downStMM">
  143. <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  144. </select>
  145. <th>다운로드종료일시<em class="required" title="필수"></em></th>
  146. <td>
  147. <input type="hidden" id="downEddt" name="downEddt" required="required" data-valid-name="다운로드종료일시">
  148. <input type="text" class="schDate w100" name="downEdDay" id="downEdDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
  149. <select name="downEdHH" id="downEdHH">
  150. <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  151. </select>
  152. <select name="downEdMM" id="downEdMM">
  153. <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  154. </select>
  155. </td>
  156. </tr>
  157. <tr>
  158. <th>기간/일수구분<em class="required" title="필수"></em></th>
  159. <td>
  160. <select name="pdGb" id="pdGb" onchange="pdGbChange(this)" required="required" data-valid-name="기간/일수구분">
  161. <option value="P">기간</option>
  162. <option value="D">일수</option>
  163. </select>
  164. </td>
  165. <th>적용범위<em class="required" title="필수"></em></th>
  166. <td>
  167. <input type="hidden" name="applyScope" id="applyScope" required="required" data-valid-name="적용범위">
  168. <label class="rdoBtn"> <input type="radio" name="rdoApplyScope" value="A"/>전체</label>
  169. <label class="rdoBtn"> <input type="radio" name="rdoApplyScope" value="I"/>개별</label>
  170. </td>
  171. </tr>
  172. <tr class="availDayTr" style="display: none;">
  173. <th>유효기간일수<em class="required" title="필수"></em></th>
  174. <td>
  175. <input type="text" name="availDays" id="availDays" class="w200" data-valid-name="유효기간일수">
  176. </td>
  177. </tr>
  178. <tr>
  179. <th class="availDateTr">유효기간시작일시<em class="required" title="필수"></em></th>
  180. <td class="availDateTr">
  181. <input type="hidden" name="availStdt" id="availStdt" data-valid-name="유효기간시작일시">
  182. <input type="text" class="schDate w100" name="availStDay" id="availStDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
  183. <select name="availStHH" id="availStHH">
  184. <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  185. </select>
  186. <select name="availStMM" id="availStMM">
  187. <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  188. </select>
  189. <th class="availDateTr">유효기간종료일시<em class="required" title="필수"></em></th>
  190. <td class="availDateTr">
  191. <input type="hidden" id="availEddt" name="availEddt" data-valid-name="유효기간종료일시">
  192. <input type="text" class="schDate w100" name="availEdDay" id="availEdDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
  193. <select name="availEdHH" id="availEdHH">
  194. <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  195. </select>
  196. <select name="availEdMM" id="availEdMM">
  197. <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  198. </select>
  199. </td>
  200. </tr>
  201. <tr>
  202. <th>첫구매여부<em class="required" title="필수"></em></th>
  203. <td>
  204. <select name="firstYn" id="firstYn" onchange="firstYnChange(this)" required="required" data-valid-name="첫구매여부">
  205. <option value="Y">Y</option>
  206. <option value="N" selected="selected">N</option>
  207. </select>
  208. </td>
  209. <th>다운로드가능여부<em class="required" title="필수"></em></th>
  210. <td>
  211. <select name="downYn" id="downYn" required="required" data-valid-name="다운로드가능여부">
  212. <option value="Y">Y</option>
  213. <option value="Y" selected="selected">N</option>
  214. </select>
  215. </td>
  216. </tr>
  217. <tr>
  218. <th class="buyDateTr">첫구매기간시작일시<em class="required" title="필수"></em></th>
  219. <td class="buyDateTr">
  220. <input type="hidden" id="buyEddt" name="buyEddt" data-valid-name="첫구매기간종료일시">
  221. <input type="text" class="schDate w100" name="buyStDay" id="buyStDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
  222. <select name="buyStHH" id="buyStHH">
  223. <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  224. </select>
  225. <select name="buyStMM" id="buyStMM">
  226. <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  227. </select>
  228. <th class="buyDateTr">첫구매기간종료일시<em class="required" title="필수"></em></th>
  229. <td class="buyDateTr">
  230. <input type="hidden" name="buyStdt" id="buyStdt" data-valid-name="첫구매기간시작일시">
  231. <input type="text" class="schDate w100" name="buyEdDay" id="buyEdDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
  232. <select name="buyEdHH" id="buyEdHH">
  233. <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  234. </select>
  235. <select name="buyEdMM" id="buyEdMM">
  236. <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  237. </select>
  238. </td>
  239. </tr>
  240. <tr>
  241. <th>신규회원여부<em class="required" title="필수"></em></th>
  242. <td colspan="5">
  243. <select name="custJoinYn" id="custJoinYn" onchange="custJoinYnChange(this)" required="required" data-valid-name="신규회원여부">
  244. <option value="Y">Y</option>
  245. <option value="N" selected="selected">N</option>
  246. </select>
  247. </td>
  248. </tr>
  249. <tr>
  250. <th class="custJoinDateTr">신규회원기간시작일시<em class="required" title="필수"></em></th>
  251. <td class="custJoinDateTr">
  252. <input type="hidden" name="custJoinStdt" id="custJoinStdt" data-valid-name="신규회원기간시작일시">
  253. <input type="text" class="schDate w100" name="custJoinStDay" id="custJoinStDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
  254. <select name="custJoinStHH" id="custJoinStHH">
  255. <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  256. </select>
  257. <select name="custJoinStMM" id="custJoinStMM">
  258. <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  259. </select>
  260. <th class="custJoinDateTr">신규회원기간종료일시<em class="required" title="필수"></em></th>
  261. <td class="custJoinDateTr">
  262. <input type="hidden" id="custJoinEddt" name="custJoinEddt" data-valid-name="신규회원기간종료일시">
  263. <input type="text" class="schDate w100" name="custJoinEdDay" id="custJoinEdDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
  264. <select name="custJoinEdHH" id="custJoinEdHH">
  265. <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  266. </select>
  267. <select name="custJoinEdMM" id="custJoinEdMM">
  268. <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  269. </select>
  270. </td>
  271. </tr>
  272. <tr>
  273. <th>총발행제한수량<em class="required" title="필수"></em></th>
  274. <td>
  275. <input type="text" class="w200" name="totPubLimitQty" id="totPubLimitQty" value="0" required="required" data-valid-name="총발행제한수량" data-valid-type="numeric" style="text-align: right;">개<span class="cRed" id="totPubLimitQtySpan"> *제한없음</span>
  276. </td>
  277. <th>1인당발행제한수량<em class="required" title="필수"></em></th>
  278. <td>
  279. <input type="text" class="w200" name="custPubLimitQty" id="custPubLimitQty" value="0" required="required" data-valid-name="1인당발행제한수량" data-valid-type="numeric" style="text-align: right;">개<span class="cRed" id="custPubLimitQtySpan"> *제한없음</span>
  280. </td>
  281. </tr>
  282. <tr>
  283. <th>최소주문금액<em class="required" title="필수"></em></th>
  284. <td><input type="text" class="w200" name="minBuyAmt" id="minBuyAmt" value="0" required="required" data-valid-name="최소주문금액" data-valid-type="numeric" style="text-align: right;">원<span class="cRed" id="minBuyAmtSpan"> *제한없음</span></td>
  285. <th>1회발행수량<em class="required" title="필수"></em></th>
  286. <td><input type="text" class="w200" name="onePubQty" id="onePubQty" value="1" required="required" data-valid-name="1회발행수량" data-valid-type="numeric" style="text-align: right;">개</td>
  287. </tr>
  288. <tr>
  289. <th>재발급여부<em class="required" title="필수"></em></th>
  290. <td>
  291. <select name="reissuance" id="reissuance" required="required" data-valid-name="재발급여부" >
  292. <option th:if="${reissuanceList}" th:each="oneData , status : ${reissuanceList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
  293. </select>
  294. </td>
  295. <th>다운로드구분<em class="required" title="필수"></em></th>
  296. <td>
  297. <select name="dnGb" id="dnGb" required="required" data-valid-name="다운로드구분">
  298. <option th:if="${dnGbList}" th:each="oneData , status:${dnGbList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
  299. </select>
  300. </td>
  301. </tr>
  302. <tr>
  303. <th>쿠폰상태<em class="required" title="필수"></em></th>
  304. <td>
  305. <select name="cpnStat" id="cpnStat" ata-valid-name="쿠폰상태" required="required">
  306. <option th:if="${cpnStatList}" th:each="oneData , status : ${cpnStatList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
  307. </select>
  308. </td>
  309. </tr>
  310. <tr class="payTypeTr" style="display: none;">
  311. <th>결제수단<em class="required" title="필수"></em></th>
  312. <td>
  313. <select name="payType" id="payType" data-valid-name="결제수단">
  314. <option value="">[전체]</option>
  315. <option th:if="${payTypeList}" th:each="oneData , status : ${payTypeList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
  316. </select>
  317. </td>
  318. </tr>
  319. </table>
  320. <div class="mdPopBtnB aR">
  321. <button type="button" class="btn btn-info btn-lg" onclick="fnCouponCreate();">등록</button>
  322. </div>
  323. </div>
  324. </li>
  325. <!-- 쿠폰적용대상-->
  326. <li class="tab" id="coupontab2" >
  327. <div class="panelStyle">
  328. <div class="panelTitle">
  329. <h2 style="position: relative">적용 대상 상품 등록</h2>
  330. </div>
  331. <div class="inner-panelContent">
  332. <div class="panelContent">
  333. <table class="frmStyle">
  334. <colgroup>
  335. <col style="width:15%;">
  336. <col style="width:85%;">
  337. </colgroup>
  338. <tbody>
  339. <tr>
  340. <th>공급처</th>
  341. <td>
  342. <div class="padding10 inner-tb-solid">
  343. <button type="button" class="btn btnRight btn-success btn-lg" id="btnSupplyAdd">공급처 추가</button>
  344. <button type="button" class="btn btnRight btn-success btn-lg" id="btnSupplyDel">선택삭제</button>
  345. <br/>
  346. <div id="supplyGridList" style="width:100%; height:200px;" class="ag-theme-balham"></div>
  347. </div>
  348. </td>
  349. </tr>
  350. <tr>
  351. <th>브랜드</th>
  352. <td>
  353. <div class="padding10 inner-tb-solid">
  354. <button type="button" class="btn btnRight btn-success btn-lg" id="btnBrandAdd">브랜드 추가</button>
  355. <button type="button" class="btn btnRight btn-success btn-lg" id="btnBrandDel">선택삭제</button>
  356. <br/>
  357. <div id="brandGridList" style="width:100%; height:200px;" class="ag-theme-balham"></div>
  358. </div>
  359. </td>
  360. </tr>
  361. <tr>
  362. <th>카테고리</th>
  363. <td>
  364. <div class="padding10 inner-tb-solid">
  365. <button type="button" class="btn btnRight btn-success btn-lg" id="btnCateAdd">카테고리 추가</button>
  366. <button type="button" class="btn btnRight btn-success btn-lg" id="btnCateDel">선택삭제</button>
  367. <br/>
  368. <div id="cateGridList" style="width:100%; height:200px;" class="ag-theme-balham"></div>
  369. </div>
  370. </td>
  371. </tr>
  372. <tr>
  373. <th>적용상품</th>
  374. <td>
  375. <div class="padding10 inner-tb-solid">
  376. <button type="button" class="btn btnRight btn-success btn-lg" id="btnGoodsAdd">상품 추가</button>
  377. <button type="button" class="btn btnRight btn-success btn-lg" id="btnGoodsDel">선택삭제</button>
  378. <br/>
  379. <div id="goodsGridList" style="width:100%; height:200px;" class="ag-theme-balham"></div>
  380. </div>
  381. </td>
  382. </tr>
  383. </tbody>
  384. </table>
  385. </div>
  386. </div>
  387. <div class="panelTitle">
  388. <h2 style="position: relative">적용 제외 대상 상품 등록</h2>
  389. </div>
  390. <div class="inner-panelContent">
  391. <div class="panelContent">
  392. <table class="frmStyle">
  393. <colgroup>
  394. <col style="width:15%;">
  395. <col style="width:85%;">
  396. </colgroup>
  397. <tbody>
  398. <tr>
  399. <th>제외상품</th>
  400. <td>
  401. <div class="padding10 inner-tb-solid">
  402. <button type="button" class="btn btnRight btn-success btn-lg" id="btnExcepGoodsAdd">제외상품 추가</button>
  403. <button type="button" class="btn btnRight btn-success btn-lg" id="btnExcepGoodsDel">선택삭제</button>
  404. <br/>
  405. <div id="excepGoodsGridList" style="width:100%; height:200px;" class="ag-theme-balham"></div>
  406. </div>
  407. </td>
  408. </tr>
  409. </tbody>
  410. </table>
  411. </div>
  412. </div>
  413. </div>
  414. </li>
  415. <!-- 쿠폰적용대상끝-->
  416. <!-- 입점업체분담율-->
  417. <li class="tab" id="coupontab3">
  418. <div class="panelStyle">
  419. <ul class="panelBar">
  420. <li class="left">
  421. <button type="button" class="btn btn-warning btn-lg" id="btnAddRow">행추가</button>
  422. <button type="button" class="btn btn-danger btn-lg" id="btnDeleteRow">행삭제</button>
  423. </li>
  424. </ul>
  425. <div id="inComGridList" style="width: 100%; height: 570px" class="ag-theme-balham"></div>
  426. </div>
  427. </li>
  428. <!-- 입점업체분담끝-->
  429. </ul>
  430. </div>
  431. </form>
  432. </div>
  433. </div>
  434. </div>
  435. <script th:inline="javascript">
  436. /*<![CDATA[*/
  437. var ibSupplyComList = gagajf.convertToArray([[${ibSupplyCompList}]]);
  438. var delYnList = { "Y":"Yes", "N":"No" };
  439. // ag-grid 입점업체분담율 컬럼
  440. var columnDefs = [
  441. { headerName: "입점업체" , field:"supplyCompCd" , width:150, cellClass:"text-center" ,
  442. cellEditor: 'agRichSelectCellEditor',
  443. cellEditorParams: { values: gagaAgGrid.extractValues(ibSupplyComList) },
  444. valueFormatter: function (params) { return gagaAgGrid.lookupValue(ibSupplyComList, params.value); },
  445. valueParser: function (params) { return gagaAgGrid.lookupKey(ibSupplyComList, params.newValue);}
  446. } ,
  447. { headerName: "쿠폰분담율(%)", field:"burdenRate" , width:150, cellClass: "text-center" ,
  448. cellEditorParams: { maxlength: 10, required: true }
  449. } ,
  450. { headerName: "삭제여부" , field: "delYn" , width:150, cellClass: "text-center" ,
  451. cellEditor: 'agRichSelectCellEditor',
  452. cellEditorParams: { values: gagaAgGrid.extractValues(delYnList) },
  453. valueFormatter: function (params) { return gagaAgGrid.lookupValue(delYnList, params.value); },
  454. valueParser: function (params) { return gagaAgGrid.lookupKey(delYnList, params.newValue); }
  455. }
  456. ];
  457. // ag-grid 공급처 컬럼
  458. var supplyColumnDefs = [
  459. {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
  460. { headerName : "공급업체코드" , field: "supplyCompCd" , width:150, cellClass: 'text-center'} ,
  461. { headerName: "공급업체명" , field: "supplyCompNm" , width:150, cellClass: 'text-center'}
  462. ];
  463. // ag-grid 브랜드 컬럼
  464. var brandSelColumnDefs = [
  465. {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
  466. { headerName : "브랜드ID" , field: "brandCd" , width: 120, cellClass : 'text-center'} ,
  467. { headerName : "브랜드명" , field: "brandEnm" , width: 120, cellClass: 'text-center'} ,
  468. { headerName : "공급업체명", field: "supplyCompNm" , width: 150, cellClass: 'text-center' } ,
  469. //{ headerName: "적용대상" , field: "targetGb" , width: 150, cellClass: 'text-center'}
  470. ];
  471. // ag-grid 적용상품 컬럼
  472. var goodsSelColumnDefs = [
  473. {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
  474. { headerName: "상품구분" , field: "goodsGb" , width: 100, cellClass: 'text-center'} ,
  475. { headerName: "Product ID" , field: "goodsCd" , width: 120, cellClass: 'text-center'},
  476. { headerName: "상품명" , field: "goodsNm" , width: 120 , cellClass: 'text-center'} ,
  477. //{ headerName: "적용대상" , field: "targetGB" , width: 150, cellClass: 'text-center'}
  478. ];
  479. // ag-grid 카테고리 컬럼
  480. var cateSelColumnDefs = [
  481. {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
  482. { headerName: "카테고리코드" , field: "cateNo" , width: 100 , cellClass: 'text-center'} ,
  483. { headerName: "카테고리명" , field: "cateNm" , width: 120 , cellClass: 'text-center'},
  484. //{ headerName: "적용대사"}
  485. ];
  486. // ag-grid 제외상품 컬럼
  487. var excepGoodsColumnDefs = [
  488. {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
  489. { headerName: "상품구분" , field: "goodsGb" , width: 100, cellClass: 'text-center'} ,
  490. { headerName: "Product ID" , field: "goodsCd" , width: 120, cellClass: 'text-center'},
  491. { headerName: "상품명" , field: "goodsNm" , width: 120 , cellClass: 'text-center'} ,
  492. ];
  493. var inComGridOptions = gagaAgGrid.getGridOptions(columnDefs);
  494. var cateGridOptions = gagaAgGrid.getGridOptions(cateSelColumnDefs);
  495. var goodsGridOptions = gagaAgGrid.getGridOptions(goodsSelColumnDefs);
  496. var brandGridOptions = gagaAgGrid.getGridOptions(brandSelColumnDefs);
  497. var supplyGridOptions = gagaAgGrid.getGridOptions(supplyColumnDefs);
  498. var excepGoodsGridOptions = gagaAgGrid.getGridOptions(excepGoodsColumnDefs);
  499. inComGridOptions.defaultColDef.editable = true;
  500. inComGridOptions.rowSelection = "multiple";
  501. goodsGridOptions.rowSelection = "multiple";
  502. supplyGridOptions.rowSelection = "multiple";
  503. excepGoodsGridOptions.rowSelection = "multiple";
  504. cateGridOptions.rowSelection = "multiple";
  505. brandGridOptions.rowSelection = "multiple";
  506. inComGridOptions.stopEditingWhenGridLosesFocus = true;
  507. // 쿠폰 등록 버튼 클릭시
  508. function fnCouponCreate(){
  509. // 필수값들 셋팅
  510. setReqValue();
  511. // 필수값 validation 체크
  512. if (!gagajf.validation('#couponCreateForm')) {
  513. return false;
  514. }
  515. //신규가입 지급한다면 validation 체크
  516. if( $('#custJoinYn option:selected').val() == "Y" ){
  517. var fromDate = $('#couponCreateForm input[name=custJoinStdt]').val();
  518. var toDate = $('#couponCreateForm input[name=custJoinEddt]').val();
  519. if (gagajf.isNull(fromDate) || gagajf.isNull(toDate)) {
  520. mcxDialog.alertC("신규가입기간 시작일자와 종료일자를 입력하세요.", {
  521. sureBtnText: "확인",
  522. sureBtnClick: function() {
  523. $('#couponCreateForm input[name=custJoinStdt]').focus();
  524. }
  525. });
  526. return false;
  527. }
  528. if (fromDate > toDate) {
  529. mcxDialog.alertC("등록 시작일자는 종료일자 보다 클 수 없습니다.", {
  530. sureBtnText: "확인",
  531. sureBtnClick: function() {
  532. $('#couponCreateForm input[name=custJoinEddt]').focus();
  533. }
  534. });
  535. return false;
  536. }
  537. }
  538. // 첫구매 지급하면 validation 체크
  539. if( $('#firstYn option:selected').val() == "Y" ){
  540. var fromDate = $('#couponCreateForm input[name=buyStdt]').val();
  541. var toDate = $('#couponCreateForm input[name=buyEddt]').val();
  542. if (gagajf.isNull(fromDate) || gagajf.isNull(toDate)) {
  543. mcxDialog.alertC("신규가입기간 시작일자와 종료일자를 입력하세요.", {
  544. sureBtnText: "확인",
  545. sureBtnClick: function() {
  546. $('#couponCreateForm input[name=buyStdt]').focus();
  547. }
  548. });
  549. return false;
  550. }
  551. if (fromDate > toDate) {
  552. mcxDialog.alertC("등록 시작일자는 종료일자 보다 클 수 없습니다.", {
  553. sureBtnText: "확인",
  554. sureBtnClick: function() {
  555. $('#couponCreateForm input[name=buyEddt]').focus();
  556. }
  557. });
  558. return false;
  559. }
  560. }
  561. // 할인율 validation 체크 (100을 넘길수없음)
  562. if($('#dcWay').val() == 'G240_11') {
  563. if($('#dcPval').val() > 100) {
  564. mcxDialog.alert('PC할인율은 100을 초과할수없습니다.');
  565. $('#dcPval').focus();
  566. return false;
  567. } else if( $('#dcMval').val() > 100) {
  568. mcxDialog.alert('모바일(웹)할인율은 100을 초과할수없습니다.');
  569. $('#dcMval').focus();
  570. return false;
  571. } else if( $('#dcAval').val() > 100) {
  572. mcxDialog.alert('모바일(앱)할인율은 100을 초과할수없습니다.');
  573. $('#dcAval').focus();
  574. return false;
  575. }
  576. }
  577. mcxDialog.confirm('저장하시겠습니까?' , {
  578. cancelBtnText:"취소",
  579. sureBtnText:"확인",
  580. sureBtnClick: function () {
  581. gagajf.ajaxFormSubmit($('#couponCreateForm').prop('action'), '#couponCreateForm', function() {
  582. uifnPopupClose('CouponCreatePopup');
  583. $('#btnSearch').trigger('click');
  584. });
  585. }
  586. });
  587. }
  588. // 할인방식 변경
  589. $("#couponCreateForm input[name=rdoDcWay]").bind('click change', function () {
  590. var radioValue = $(this).val();
  591. if(radioValue == 'G240_10') {
  592. $('#dcPvalSpan').text("원");
  593. $('#dcMvalSpan').text("원");
  594. $('#dcAvalSpan').text("원");
  595. } else {
  596. $('#dcPvalSpan').text("%");
  597. $('#dcMvalSpan').text("%");
  598. $('#dcAvalSpan').text("%");
  599. }
  600. });
  601. // 쿠폰 상태 변경
  602. $("#couponCreateForm input[name=rdoCpnType]").bind('click change', function () {
  603. var radioValue = $(this).val();
  604. // 상품쿠폰 선택시 적용범위 개별로 변경 나머진 전체
  605. if(radioValue == 'G230_11') {
  606. $("input:radio[name='rdoApplyScope']:radio[value='I']").prop('checked', true);
  607. } else {
  608. $("input:radio[name='rdoApplyScope']:radio[value='A']").prop('checked', true);
  609. }
  610. // 주문서 쿠폰 선택시 결제수단 노출
  611. if(radioValue == 'G230_20') {
  612. $('.payTypeTr').css('display' , '');
  613. $('#couponCreateForm #payType').attr('required' , true);
  614. } else {
  615. $('.payTypeTr').css('display' , 'none');
  616. $('#couponCreateForm #payType').attr('required' , false );
  617. }
  618. $('#couponCreateForm #cpnType').val(radioValue);
  619. });
  620. // 적용대상 - 브랜드 추가 버튼시
  621. $('#btnBrandAdd').on('click' , function(){
  622. cfnOpenBrandListPopup("fnSetPopupBrandInfo", "M");
  623. });
  624. // 브랜드 설정 / 브랜드 추가 콜백함수 (단수로 가져오므로 복수일 경우에 수정 확인 필요)
  625. var fnSetPopupBrandInfo = function(result) {
  626. for(let i = 0 ; i < result.length ; i++) {
  627. let addChk = true, gridListValue = gagaAgGrid.getAllRowData(brandGridOptions); // 받아온 모든 데이터
  628. // 받아온 data for
  629. for(let j = 0 ; j < gridListValue.length ; j++) {
  630. if(gridListValue[j].brandCd == result[i].brandCd) { addChk = false; } // 중복체크
  631. }
  632. // 중복되지 않은 데이터 리스트에 추가
  633. if(addChk) {
  634. gagaAgGrid.addRowData(brandGridOptions, {"brandCd" : result[i].brandCd, "brandEnm" : result[i].brandEnm, "supplyCompNm" : result[i].supplyCompNm});
  635. }
  636. }
  637. };
  638. // 적용대상 - 브랜드 삭제 버튼시
  639. $('#btnBrandDel').on('click' , function(){
  640. brandGridOptions.api.updateRowData({remove:gagaAgGrid.selectedRowData(brandGridOptions)});
  641. });
  642. // 적용대상 - 공급처 추가 버튼시
  643. $('#btnSupplyAdd').on('click' , function (){
  644. cfnOpenCompanyListPopup("fnSetPopupComapnyInfo");
  645. });
  646. // 공급업체 설정 / 업체 추가 콜백함수
  647. var fnSetPopupComapnyInfo = function(result) {
  648. // 기존 리스트 데이터 for
  649. for(let i = 0 ; i < result.length ; i++) {
  650. let addChk = true, gridListValue = gagaAgGrid.getAllRowData(supplyGridOptions); // 받아온 모든 데이터
  651. // 받아온 data for
  652. for(let j = 0 ; j < gridListValue.length ; j++) {
  653. // 동일한 data는 추가하지 않음
  654. if(gridListValue[j].supplyCompCd == result[i].supplyCompCd) { addChk = false; } // 중복체크
  655. }
  656. // 중복되지 않은 데이터 리스트에 추가
  657. if(addChk) {
  658. gagaAgGrid.addRowData(supplyGridOptions, {"supplyCompCd" : result[i].supplyCompCd, "supplyCompNm" : result[i].supplyCompNm});
  659. }
  660. }
  661. };
  662. // 적용대상 - 공급처 삭제시시
  663. $('#btnSupplyDel').on('click' , function () {
  664. supplyGridOptions.api.updateRowData({remove:gagaAgGrid.selectedRowData(supplyGridOptions)});
  665. });
  666. // 적용대상 - 카테고리 추가시
  667. $('#btnCateAdd').on('click' , function () {
  668. cfnOpenCategoryPopup("fnSetPopupCategoryInfo");
  669. });
  670. // 카테고리 추가 콜백 함수
  671. var fnSetPopupCategoryInfo = function (result) {
  672. // 기존 리스트 데이터 for
  673. for(let i = 0 ; i < result.length ; i++) {
  674. let addChk = true, gridListValue = gagaAgGrid.getAllRowData(cateGridOptions); // 받아온 모든 데이터
  675. // 받아온 data for
  676. for(let j = 0 ; j < gridListValue.length ; j++) {
  677. // 동일한 data는 추가하지 않음
  678. if(gridListValue[j].supplyCompCd == result[i].supplyCompCd) { addChk = false; } // 중복체크
  679. }
  680. // 중복되지 않은 데이터 리스트에 추가
  681. if(addChk) {
  682. gagaAgGrid.addRowData(cateGridOptions, {"supplyCompCd" : result[i].supplyCompCd, "supplyCompNm" : result[i].supplyCompNm});
  683. }
  684. }
  685. }
  686. // 적용대상 - 카테고리 삭제시
  687. $('#btnCateDel').on('click' , function () {
  688. cateGridOptions.api.updateRowData({remove:gagaAgGrid.selectedRowData(cateGridOptions)});
  689. });
  690. // 적용대상 - 상품 추가시
  691. $('#btnGoodsAdd').on('click' , function () {
  692. cfnOpenGoodsPopup("fnSetPopupApplyGoodsInfo");
  693. });
  694. // 적용 상품 리스트 콜백함수
  695. var fnSetPopupApplyGoodsInfo = function(result) {
  696. gridAddGoodsList(goodsGridOptions, result , "apply");
  697. };
  698. // 적용대상 - 상품 삭제 시
  699. $('#btnGoodsDel').on('click' , function () {
  700. goodsGridOptions.api.updateRowData({remove:gagaAgGrid.selectedRowData(goodsGridOptions)});
  701. });
  702. // 적용대상 - 제외상품 추가시
  703. $('#btnExcepGoodsAdd').on('click' , function(){
  704. gridAddGoodsList(excepGoodsGridOptions, result , "except");
  705. });
  706. $('#btnExcepGoodsDel').on('click' , function () {
  707. excepGoodsGridOptions.api.updateRowData({remove:gagaAgGrid.selectedRowData(excepGoodsGridOptions)});
  708. });
  709. // ag-grid 상품관련 list 콜백함수
  710. function gridAddGoodsList(OriginGridListOption, result, gubun) {
  711. var goodsGbVal = "G800_10";
  712. if(gubun == 'except'){
  713. goodsGbVal = "G800_30";
  714. }
  715. for(let i = 0 ; i < result.length ; i++) {
  716. let addChk = true, gridListValue = gagaAgGrid.getAllRowData(OriginGridListOption); // 받아온 모든 데이터
  717. // 받아온 data for
  718. for(let j = 0 ; j < gridListValue.length ; j++) {
  719. if(gridListValue[j].goodsCd == result[i].goodsCd) { addChk = false; } // 중복체크
  720. }
  721. // 중복되지 않은 데이터 리스트에 추가
  722. if(addChk) {
  723. //gagaAgGrid.addRowData(OriginGridListOption, result[i], "goodsCd");
  724. gagaAgGrid.addRowData(OriginGridListOption, {"goodsGb": goodsGbVal, "goodsCd" : result[i].goodsCd, "goodsNm" : result[i].goodsNm});
  725. }
  726. }
  727. }
  728. // 기간 일수 변경시
  729. function pdGbChange(pThis){
  730. var selectVal = $(pThis).val();
  731. if(typeof selectVal == "undefined") {
  732. selectVal = "P";
  733. }
  734. if(selectVal == "P") {
  735. $('.availDateTr').css('display' , '');
  736. $('.availDayTr').css('display' , 'none');
  737. $('#couponCreateForm #availDays').attr('required' , false);
  738. $('#couponCreateForm #availStDay').attr('required' , true);
  739. $('#couponCreateForm #availEdDay').attr('required' , true);
  740. $('#couponCreateForm #availStdt').attr('required' , true);
  741. $('#couponCreateForm #availEddt').attr('required' , true);
  742. } else {
  743. $('.availDateTr').css('display' , 'none');
  744. $('.availDayTr').css('display' , '');
  745. $('#couponCreateForm #availDays').attr('required' , true);
  746. $('#couponCreateForm #availStDay').attr('required' , false);
  747. $('#couponCreateForm #availEdDay').attr('required' , false);
  748. $('#couponCreateForm #availStdt').attr('required' , false);
  749. $('#couponCreateForm #availEddt').attr('required' , false);
  750. }
  751. }
  752. // 첫구매여부 변경시
  753. function firstYnChange(pThis){
  754. var selectVal = $(pThis).val();
  755. if(typeof selectVal == "undefined") {
  756. selectVal = "N";
  757. }
  758. if(selectVal == "Y" ) {
  759. $('.buyDateTr').css('display' , '');
  760. $('#buyStdt').attr('required' , true);
  761. $('#buyEddt').attr('required' , true);
  762. } else {
  763. $('.buyDateTr').css('display' , 'none');
  764. $('#buyStdt').attr('required' , false);
  765. $('#buyEddt').attr('required' , false);
  766. }
  767. }
  768. // 신규회원여부 변경시
  769. function custJoinYnChange(pThis){
  770. var selectVal = $(pThis).val();
  771. if(typeof selectVal == "undefined") {
  772. selectVal = "N";
  773. }
  774. if(selectVal == "Y" ) {
  775. $('.custJoinDateTr').css('display' , '');
  776. $('#custJoinStdt').attr('required' , true);
  777. $('#custJoinEddt').attr('required' , true);
  778. } else {
  779. $('.custJoinDateTr').css('display' , 'none');
  780. $('#custJoinStdt').attr('required' , false);
  781. $('#custJoinEddt').attr('required' , false);
  782. }
  783. }
  784. // 행추가시
  785. $('#btnAddRow').on('click' , function(){
  786. var data = { supplyCompCd: null , burdenRate : null , delYn : null};
  787. gagaAgGrid.addRowData(inComGridOptions , data , "supplyCompCd" );
  788. });
  789. // 쿠폰번호 자동생성 클릭시
  790. function clickCreateChk(){
  791. var flag = $('#couponCreateForm input[name=cpnCreateType]').prop("checked");
  792. if(!flag) {
  793. $("#couponCreateForm input[name=cpnId]").prop("disabled", true);
  794. $("#couponCreateForm input[name=cpnId]").attr("required", false);
  795. $("#couponCreateForm input[name=cpnId]").attr("placeholder", "자동생성");
  796. $('#couponCreateForm input[name=cpnCreateType]').prop("checked" , false);
  797. } else{
  798. $("#couponCreateForm input[name=cpnId]").prop("disabled", false);
  799. $("#couponCreateForm input[name=cpnId]").attr("required", true);
  800. $("#couponCreateForm input[name=cpnId]").attr("placeholder", "");
  801. $('#couponCreateForm input[name=cpnCreateType]').prop("checked" , true);
  802. }
  803. }
  804. // 전송시 값 세팅
  805. function setReqValue(){
  806. // 쿠폰유형값 세팅
  807. $('#couponCreateForm #cpnType').val($('#couponCreateForm input:radio[name="rdoCpnType"]:checked').val());
  808. // 할인방식값 세팅
  809. $('#couponCreateForm #dcWay').val($('#couponCreateForm input:radio[name="rdoDcWay"]:checked').val());
  810. // 적용범위값 세팅
  811. $('#couponCreateForm #applyScope').val($('#couponCreateForm input:radio[name="rdoApplyScope"]:checked').val());
  812. // 다운로드기간 세팅
  813. $('#couponCreateForm #downStdt').val($('#couponCreateForm #downStDay').val() + " " + $('#couponCreateForm #downStHH').val() + ":" + $('#couponCreateForm #downStMM').val() + ":00");
  814. $('#couponCreateForm #downEddt').val($('#couponCreateForm #downEdDay').val() + " " + $('#couponCreateForm #downEdHH').val() + ":" + $('#couponCreateForm #downEdMM').val() + ":59");
  815. // 유효기간 세팅
  816. $('#couponCreateForm #availStdt').val($('#couponCreateForm #availStDay').val() + " " + $('#couponCreateForm #availStHH').val() + ":" + $('#couponCreateForm #availStMM').val() + ":00");
  817. $('#couponCreateForm #availEddt').val($('#couponCreateForm #availEdDay').val() + " " + $('#couponCreateForm #availEdHH').val() + ":" + $('#couponCreateForm #availEdMM').val() + ":59");
  818. // 첫구매기간세팅
  819. $('#couponCreateForm #buyStdt').val($('#couponCreateForm #buyStDay').val() + " " + $('#couponCreateForm #buyStHH').val() + ":" + $('#couponCreateForm #buyStMM').val() + ":00");
  820. $('#couponCreateForm #buyEddt').val($('#couponCreateForm #buyEdDay').val() + " " + $('#couponCreateForm #buyEdHH').val() + ":" + $('#couponCreateForm #buyEdMM').val() + ":59");
  821. // 신규회원기간 세팅
  822. $('#couponCreateForm #custJoinStdt').val($('#couponCreateForm #custJoinStDay').val() + " " + $('#couponCreateForm #custJoinStHH').val() + ":" + $('#couponCreateForm #custJoinStMM').val() + ":00");
  823. $('#couponCreateForm #custJoinEddt').val($('#couponCreateForm #custJoinEdDay').val() + " " + $('#couponCreateForm #custJoinEdHH').val() + ":" + $('#couponCreateForm #custJoinEdMM').val() + ":59");
  824. // 적용대상 - 공급처 그리드 전체값 세팅
  825. var supplyAllData = gagaAgGrid.getAllRowData(supplyGridOptions);
  826. var jsonSupplyCompData = JSON.stringify(supplyAllData);
  827. $('#couponCreateForm #supplyCompList').val(jsonSupplyCompData);
  828. // 적용대상 - 브랜드 그리드 전체값 세팅
  829. var brandAllData = gagaAgGrid.getAllRowData(brandGridOptions);
  830. var jsonBrandData = JSON.stringify(brandAllData);
  831. $('#couponCreateForm #brandList').val(jsonBrandData);
  832. // // 적용대상 - 카테고리 그리드 전체값 세팅
  833. var cateAllData = gagaAgGrid.getAllRowData(cateGridOptions);
  834. var jsonCateData = JSON.stringify(cateAllData);
  835. $('#couponCreateForm #cateList').val(jsonCateData);
  836. // 적용대상 - 적용상품 그리드 전체값 세팅
  837. var goodsAllData = gagaAgGrid.getAllRowData(goodsGridOptions);
  838. var jsonGoodsData = JSON.stringify(goodsAllData);
  839. $('#couponCreateForm #applyGoodsList').val(jsonGoodsData);
  840. // 적용대상 - 제외상품 그리드 전체값 세팅
  841. var exceptGoodsAllData = gagaAgGrid.getAllRowData(excepGoodsGridOptions);
  842. var jsonExceptGoodsData = JSON.stringify(exceptGoodsAllData);
  843. $('#couponCreateForm #excepGoodsList').val(jsonExceptGoodsData);
  844. // 입점업체분담율 그리드 전체값 세팅
  845. var inCompBurdenAllData = gagaAgGrid.getAllRowData(inComGridOptions);
  846. var jsonInCompBurdenData = JSON.stringify(inCompBurdenAllData);
  847. $('#couponCreateForm #burdenList').val(jsonInCompBurdenData);
  848. }
  849. $(document).ready(function() {
  850. // 초기화시 데이터 세팅
  851. $('input[name=rdoCpnType]').eq(0).attr("checked" , true);
  852. $('input[name=rdoDcWay]').eq(0).attr("checked" , true);
  853. $('input[name=rdoApplyScope]').eq(0).attr("checked" , true)
  854. $('#couponCreateForm #availEdHH option:last').attr("selected" , "selected");
  855. $('#couponCreateForm #availEdMM option:last').attr("selected" , "selected");
  856. $('#downEdHH option:last').attr("selected" , "selected");
  857. $('#downEdMM option:last').attr("selected" , "selected");
  858. $('#custJoinEdHH option:last').attr("selected" , "selected");
  859. $('#custJoinEdMM option:last').attr("selected" , "selected");
  860. $('#buyEdHH option:last').attr("selected" , "selected");
  861. $('#buyEdMM option:last').attr("selected" , "selected");
  862. pdGbChange();
  863. firstYnChange();
  864. custJoinYnChange();
  865. gagaAgGrid.createGrid('inComGridList', inComGridOptions);
  866. gagaAgGrid.createGrid('brandGridList' , brandGridOptions);
  867. gagaAgGrid.createGrid('cateGridList' , cateGridOptions);
  868. gagaAgGrid.createGrid('supplyGridList' , supplyGridOptions);
  869. gagaAgGrid.createGrid('goodsGridList' , goodsGridOptions);
  870. gagaAgGrid.createGrid('excepGoodsGridList' , excepGoodsGridOptions);
  871. });
  872. /*]]>*/
  873. </script>
  874. </html>