FreeGoodsPromotionRegiForm.html 49 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114
  1. <!DOCTYPE html>
  2. <html lang="ko"
  3. xmlns:th="http://www.thymeleaf.org">
  4. <!--
  5. *******************************************************************************
  6. * @source : FreeGoodsPromotionRegiForm.html
  7. * @desc : 세트상품 구성 관리
  8. *============================================================================
  9. * SISUN
  10. * Copyright(C) 2019 TSIT, All rights reserved.
  11. *============================================================================
  12. * VER DATE AUTHOR DESCRIPTION
  13. * === =========== ========== =============================================
  14. * 1.0 2020.12.23 xodud1202 최초 작성
  15. *******************************************************************************
  16. -->
  17. <div class="modalPopup frGoodsPro" data-width="1100">
  18. <div class="panelStyle">
  19. <div class="panelTitle">
  20. <h2>사은품 프로모션 관리</h2>
  21. <button type="button" class="close" onclick="fnFreeGoodsPromotionFormClose()"><i class="fa fa-times"></i></button>
  22. </div>
  23. <div class="marT10" style="height:650px;overflow-y:auto;padding:0 10px;">
  24. <form id="freeGoodsPromotionForm" name="freeGoodsPromotionForm" th:method="post">
  25. <input type="hidden" name="gbn" th:value="${param.gbn}" /> <!-- 신규/수정 구분 -->
  26. <input type="hidden" id="freegiftSq" name="freegiftSq" th:value="${param.freegiftSq}"/> <!-- 사은품 프로모션 번호 -->
  27. <div class="panelContent">
  28. <table class="frmStyle">
  29. <colgroup>
  30. <col width="10%"/>
  31. <col width="60%"/>
  32. <col width="10%"/>
  33. <col width="30%"/>
  34. </colgroup>
  35. <tr>
  36. <th>프로모션명<em class="required" title="필수"></em></th>
  37. <td>
  38. <input class="w50p" type="text" id="freegiftNm" name="freegiftNm" minlength="2" maxlength="30" required="required" data-valid-name="프로모션명"/>
  39. </td>
  40. <th>프로모션ID</th>
  41. <td>
  42. <span name="freegiftSqText"></span>
  43. </td>
  44. </tr>
  45. <tr>
  46. <th>행사 기간<em class="required" title="필수"></em></th>
  47. <td>
  48. <input type="hidden" id="freegiftStdt" name="freegiftStdt"/>
  49. <input type="hidden" id="freegiftEddt" name="freegiftEddt"/>
  50. <input type="text" class="schDate w100" id="freegiftStDate" name="freegiftStDate" maxlength="10" required="required" data-valid-name="시작일자"/>
  51. <select name="freegiftStHH" id="freegiftStHH">
  52. <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  53. </select>
  54. <select name="freegiftStMM" id="freegiftStMM">
  55. <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  56. </select>
  57. ~
  58. <input type="text" class="schDate w100" id="freegiftEdDate" name="freegiftEdDate" maxlength="10" required="required" data-valid-name="종료일자"/>
  59. <select name="freegiftEdHH" id="freegiftEdHH">
  60. <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  61. <option th:text="24시" th:value="24"></option>
  62. </select>
  63. <select name="freegiftEdMM" id="freegiftEdMM">
  64. <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
  65. </select>
  66. </td>
  67. <th>상태</th>
  68. <td>
  69. <span name="freegiftStatText"></span>
  70. </td>
  71. </tr>
  72. <tr>
  73. <th>적용 몰 구분<em class="required" title="필수"></em></th>
  74. <td colspan="3">
  75. <label class="chkBox disabledPoint"><input type="checkbox" id="selfYn" name="selfYn" value="Y" class="disabledPoint"/>자사몰</label>
  76. <label class="chkBox disabledPoint" id="G011_20"><input type="checkbox" id="extmallYn" name="extmallYn" value="Y" class="disabledPoint"/>제휴몰</label>
  77. <button type="button" class="btn btnRight btn-success btn-lg" id="btnExtmallPopup">선택</button><span id="extmallCntArea"> 선택 : <span id="extmallCnt">00</span>개</span>
  78. <div id="gridFGExtmallList" style="display:none;"></div>
  79. </td>
  80. </tr>
  81. </table>
  82. </div>
  83. <div class="panelStyle" style="margin:unset;">
  84. <!-- TITLE -->
  85. <div class="panelTitle">
  86. <h2>적용 대상 상품 등록</h2>
  87. <span class="panelControl">
  88. <i class="fa inner-fa-chevron-up"></i> <!-- 열림/닫힘 화살표 -->
  89. </span>
  90. </div>
  91. <!-- //TITLE -->
  92. <div class="inner-panelContent">
  93. <div><i class="fa fa-info-circle"></i> 브랜드/공급업체/상품 중 1가지는 필수로 지정하셔야 합니다.</div>
  94. <div><i class="fa fa-info-circle"></i> 브랜드와 공급업체는 지정 시, 해당 브랜드의 공급처와 같은 AND조건으로 적용됩니다.(예시:A브랜드 상품 중 B업체 상품만)</div>
  95. <div><i class="fa fa-info-circle"></i> 공급업체와 브랜드를 적용하시더라도 적용상품은 별개로 등록된 상품을 기준으로 사은품 지급기준으로 적용하실 수 있습니다.</div>
  96. <div class="panelContent">
  97. <table class="frmStyle">
  98. <colgroup>
  99. <col width="10%"/>
  100. <col width="90%"/>
  101. </colgroup>
  102. <tr>
  103. <th>공급업체/브랜드</th>
  104. <td>
  105. <div class="padding10" style="display:inline-block;width:49%;">
  106. <span>공급업체 설정</span>
  107. <div class="padding10 inner-tb-solid">
  108. <button type="button" class="btn btnRight btn-success btn-lg " id="btnAddCompany">업체 추가</button>
  109. <button type="button" class="btn btnRight btn-success btn-lg" id="btnDeleteCompany">선택삭제</button>
  110. <br/>
  111. <div id="gridFGPromotionCompanyList" style="width:100%; height:200px;" class="ag-theme-balham"></div>
  112. </div>
  113. </div>
  114. <div class="padding10" style="display:inline-block;width:49%;">
  115. <span>브랜드 설정</span>
  116. <div class="padding10 inner-tb-solid">
  117. <button type="button" class="btn btnRight btn-success btn-lg" id="btnAddBrand">브랜드 추가</button>
  118. <button type="button" class="btn btnRight btn-success btn-lg" id="btnDeleteBrand">선택삭제</button>
  119. <br/>
  120. <div id="gridFGBrandList" style="width:100%; height:200px;" class="ag-theme-balham"></div>
  121. </div>
  122. </div>
  123. </td>
  124. </tr>
  125. <tr>
  126. <th>적용상품</th>
  127. <td>
  128. <div class="padding10">
  129. <button type="button" class="btn btnRight btn-success btn-lg" id="btnAddApplyGoods">상품 추가</button>
  130. <button type="button" class="btn btnRight btn-success btn-lg" id="btnDeleteApplyGoods">선택삭제</button>
  131. <br/>
  132. <div id="gridFGApplyGoodsList" style="width:100%; height:200px;" class="ag-theme-balham"></div>
  133. </div>
  134. </td>
  135. </tr>
  136. </table>
  137. </div>
  138. </div>
  139. </div>
  140. <div class="panelStyle" style="margin:unset;">
  141. <!-- TITLE -->
  142. <div class="panelTitle">
  143. <h2>제외 대상 상품</h2>
  144. <span class="panelControl">
  145. <i class="fa inner-fa-chevron-up"></i> <!-- 열림/닫힘 화살표 -->
  146. </span>
  147. </div>
  148. <!-- //TITLE -->
  149. <div class="inner-panelContent">
  150. <div class="panelContent">
  151. <table class="frmStyle">
  152. <colgroup>
  153. <col width="10%"/>
  154. <col width="90%"/>
  155. </colgroup>
  156. <tr>
  157. <th>제외 대상</th>
  158. <td>
  159. <div class="padding10">
  160. <button type="button" class="btn btnRight btn-success btn-lg" id="btnAddExceptGoods">상품 추가</button>
  161. <button type="button" class="btn btnRight btn-success btn-lg" id="btnDeleteExtGoods">선택삭제</button>
  162. <br/>
  163. <div id="gridFGExceptGoodsList" style="width:100%; height:200px;" class="ag-theme-balham"></div>
  164. </div>
  165. </td>
  166. </tr>
  167. </table>
  168. </div>
  169. </div>
  170. </div>
  171. <div class="panelStyle" style="margin:unset;">
  172. <!-- TITLE -->
  173. <div class="panelTitle">
  174. <h2>적용 사은품 정보</h2>
  175. <span class="panelControl">
  176. <i class="fa inner-fa-chevron-up"></i> <!-- 열림/닫힘 화살표 -->
  177. </span>
  178. </div>
  179. <!-- //TITLE -->
  180. <div class="inner-panelContent">
  181. <div class="panelContent">
  182. <table class="frmStyle">
  183. <colgroup>
  184. <col width="10%"/>
  185. <col width="90%"/>
  186. </colgroup>
  187. <tr>
  188. <th>지급 방법<em class="required" title="필수"></em></th>
  189. <td>
  190. <div>
  191. <span><label class="rdoBtn"><input type="radio" id="allY" class="disabledPoint" name="allYn" value="Y" checked/>모두 지급 (설정한 사은품을 모두 지급합니다)</label></span>
  192. <span><label class="rdoBtn"><input type="radio" id="allN" class="disabledPoint" name="allYn" value="N"/>선택 사은품 (목록 중 1개를 선택하게 합니다)</label></span>
  193. </div>
  194. </td>
  195. </tr>
  196. <tr>
  197. <th>사은품 조건1<em class="required" title="필수"></em><br/>(최대 2개)</th>
  198. <td>
  199. <div>
  200. <div><i class="fa fa-info-circle"></i> 사은품은 최대 <font color="red">5</font>개까지 설정하실 수 있습니다.</div>
  201. <div><i class="fa fa-info-circle"></i> 구매 금액 조건을 추가하시면 구매 금액 충족 조건에 맞는 것으로 지급됩니다. 구매금액 조건은 최대 2개까지만등록 하실 수 있습니다.</div>
  202. <div><i class="fa fa-info-circle"></i> 장바구니에 담았을 때의 가격 기준으로 적용됩니다.(주문상품쿠폰(다운로드쿠폰)/장바구니 쿠폰 할인 적용 전 판매가)</div>
  203. <label for="saleAmt">구매금액</label><input type="text" class="w300 disabledPoint" id="saleAmt" name="sectionVal" data-valid-type="numeric"/> <br/>
  204. <span>사은품 목록</span>
  205. <button type="button" class="btn btnRight btn-success btn-lg hideButten" id="btnAddFreeGoods1">+ 사은품 선택</button>
  206. <button type="button" class="btn btnRight btn-success btn-lg hideButten" id="btnDeleteFreeGoods1">선택삭제</button>
  207. <br/>
  208. <div id="gridFreeGoods1List" style="width:100%; height:200px;" class="ag-theme-balham"></div>
  209. </div>
  210. </td>
  211. </tr>
  212. <tr>
  213. <th>사은품 조건2<br/>(최대 2개)</th>
  214. <td>
  215. <div>
  216. <label for="saleAmt2">구매금액</label><input type="text" class="w300 disabledPoint" id="saleAmt2" name="sectionVal2" data-valid-type="numeric"/> <br/>
  217. <span>사은품 목록</span>
  218. <button type="button" class="btn btnRight btn-success btn-lg hideButten" id="btnAddFreeGoods2">+ 사은품 선택</button>
  219. <button type="button" class="btn btnRight btn-success btn-lg hideButten" id="btnDeleteFreeGoods2">선택삭제</button>
  220. <br/>
  221. <div id="gridFreeGoods2List" style="width:100%; height:200px;" class="ag-theme-balham"></div>
  222. </div>
  223. </td>
  224. </tr>
  225. </table>
  226. </div>
  227. </div>
  228. </div>
  229. <div class="panelStyle" th:if="${#strings.toString(param.gbn) == 'U'}" style="margin:unset;">
  230. <!-- //TITLE -->
  231. <div class="inner-panelContent">
  232. <div class="panelContent">
  233. <table class="frmStyle">
  234. <colgroup>
  235. <col width="10%"/>
  236. <col width="40%"/>
  237. <col width="10%"/>
  238. <col width="40%"/>
  239. </colgroup>
  240. <tr>
  241. <th>등록자</th>
  242. <td>
  243. <span id="regInfo">등록자이름(연.월.일 시간:분:초)</span>
  244. </td>
  245. <th>최종수정자</th>
  246. <td>
  247. <span id="updInfo">수정자이름(연.월.일 시간:분:초)</span>
  248. </td>
  249. </tr>
  250. </table>
  251. </div>
  252. </div>
  253. </div>
  254. <ul class="panelBar">
  255. <li class="right">
  256. <button type="button" class="btn btnRight btn-success btn-lg" id="btnSearchList">목록</button>
  257. <button type="button" class="btn btnRight btn-success btn-lg fgButton" id="btnFreegoodsPromotionSave">저장</button> <!-- 프로모션 저장 (대기) -->
  258. <button type="button" class="btn btnRight btn-success btn-lg fgButton" id="btnFreegoodsPromotionNameSave">저장</button> <!-- 프로모션명 저장 (진행) -->
  259. <button type="button" class="btn btnRight btn-success btn-lg fgButton" id="btnChangeStatIng">진행</button>
  260. <button type="button" class="btn btnRight btn-success btn-lg fgButton" id="btnPromotionDelete">삭제</button>
  261. <button type="button" class="btn btnRight btn-success btn-lg fgButton" id="btnPromotionStop">중지</button>
  262. </li>
  263. </ul>
  264. </form>
  265. </div>
  266. </div>
  267. </div>
  268. <script th:inline="javascript">
  269. let confirmBtnText = ["확인", "취소"];
  270. let formId = "freeGoodsPromotionForm";
  271. let FGAddGoodsStatList = gagajf.convertToArray([[${goodsStatList}]]); // 상품 상태 리스트
  272. // 제휴몰 리스트 설정 (데이터 송부용 리스트 > 리스트 노출X)
  273. let columnFGExtmallList = [
  274. {headerName: "벤더ID", field: "vendorId", width: 120, cellClass: 'text-center'},
  275. {headerName: "제휴몰ID", field: "extmallId", width: 150, cellClass: 'text-center'},
  276. {headerName: "제휴몰명", field: "extmallNm", width: 150, cellClass: 'text-center'}
  277. ];
  278. // 공급업체 리스트 설정
  279. let columnFGCompanyList = [
  280. {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
  281. {headerName: "공급처ID", field: "supplyCompCd", width: 120, cellClass: 'text-center'},
  282. {headerName: "공급업체명", field: "supplyCompNm", width: 150, cellClass: 'text-center'}
  283. ];
  284. // 브랜드 리스트 설정
  285. let columnBrandList = [
  286. {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
  287. {headerName: "브랜드ID", field: "brandCd", width: 120, cellClass: 'text-center'},
  288. {headerName: "브랜드명", field: "brandEnm", width: 150, cellClass: 'text-center'}
  289. ];
  290. // 적용상품 리스트 설정
  291. let columnApplyGoodsList = [
  292. {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
  293. {headerName: "Product ID", field: "goodsCd", width: 120, cellClass: 'text-center'},
  294. {headerName: "브랜드명", field: "brandEnm", width: 150, cellClass: 'text-center'},
  295. {headerName: "상품명", field: "goodsNm", width: 120, cellClass: 'text-center'},
  296. {headerName: "판매상태", field: "goodsStat" , width: 120, cellClass: 'text-center',
  297. cellEditorParams: { values: gagaAgGrid.extractValues(FGAddGoodsStatList) },
  298. valueFormatter: function (params) { return gagaAgGrid.lookupValue(FGAddGoodsStatList, params.value); },
  299. valueParser: function (params) { return gagaAgGrid.lookupKey(FGAddGoodsStatList, params.newValue); }
  300. },
  301. {headerName: "정상가", field: "listPrice", width: 120, cellClass: 'text-center'
  302. ,valueFormatter: function(params) {
  303. if(params.value && params.value > 0) {
  304. return params.value.addComma();
  305. } else {
  306. return 0;
  307. }
  308. }
  309. },
  310. {headerName: "판매가", field: "currPrice", width: 120, cellClass: 'text-center'
  311. ,valueFormatter: function(params) {
  312. if(params.value && params.value > 0) {
  313. return params.value.addComma();
  314. } else {
  315. return 0;
  316. }
  317. }
  318. }
  319. ];
  320. // 제외상품 리스트 설정
  321. let columnExceptGoodsList = [
  322. {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
  323. {headerName: "Product ID", field: "goodsCd", width: 120, cellClass: 'text-center'},
  324. {headerName: "브랜드명", field: "brandEnm", width: 150, cellClass: 'text-center'},
  325. {headerName: "상품명", field: "goodsNm", width: 120, cellClass: 'text-center'},
  326. {headerName: "판매상태", field: "goodsStat" , width: 120, cellClass: 'text-center',
  327. cellEditorParams: { values: gagaAgGrid.extractValues(FGAddGoodsStatList) },
  328. valueFormatter: function (params) { return gagaAgGrid.lookupValue(FGAddGoodsStatList, params.value); },
  329. valueParser: function (params) { return gagaAgGrid.lookupKey(FGAddGoodsStatList, params.newValue); }
  330. },
  331. {headerName: "정상가", field: "listPrice", width: 120, cellClass: 'text-center'
  332. ,valueFormatter: function(params) {
  333. if(params.value && params.value > 0) {
  334. return params.value.addComma();
  335. } else {
  336. return 0;
  337. }
  338. }
  339. },
  340. {headerName: "판매가", field: "currPrice", width: 120, cellClass: 'text-center'
  341. ,valueFormatter: function(params) {
  342. if(params.value && params.value > 0) {
  343. return params.value.addComma();
  344. } else {
  345. return 0;
  346. }
  347. }
  348. }
  349. ];
  350. // 사은품 조건1 리스트 설정 (사은품 상품 만들어지면 만들어야함)
  351. let columnFreeGoods1List = [
  352. {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
  353. {headerName: "사은품 코드", field: "productNo", width: 120, cellClass: 'text-center'},
  354. {headerName: "사은품명", field: "goodsNm", width: 150, cellClass: 'text-center'},
  355. {headerName: "포인트액", field: "usePoint" , width: 100, cellClass: 'text-center', required: true
  356. ,editable: true
  357. ,valueFormatter: function(params) {
  358. if(params.value) {
  359. return params.value.addComma();
  360. } else {
  361. return 0;
  362. }
  363. },
  364. cellEditorParams: { maxlength: 9, validType: 'numeric'}
  365. },
  366. {headerName: "지급수량", field: "itemQty" , width: 100, cellClass: 'text-center', required: true
  367. ,editable: true
  368. ,valueFormatter: function(params) {
  369. if(params.value) {
  370. return params.value;
  371. } else {
  372. return 1;
  373. }
  374. }
  375. ,cellEditorParams: { maxlength: 3, validType: 'numeric'}
  376. },
  377. {headerName: "한정수량", field: "limitQty" , width: 100, cellClass: 'text-center', required: true
  378. ,editable: true
  379. ,valueFormatter: function(params) {
  380. if(params.value) {
  381. return params.value.addComma();
  382. } else {
  383. return 1;
  384. }
  385. }
  386. ,cellEditorParams: { maxlength: 9, validType: 'numeric'}
  387. },
  388. {headerName: "잔여수량", field: "leftQty", width: 120, cellClass: 'text-center'
  389. ,valueFormatter: function(params) {
  390. if(params.value) {
  391. return params.value.addComma();
  392. } else {
  393. return 0;
  394. }
  395. }
  396. }
  397. ];
  398. // 사은품 조건2 리스트 설정 (사은품 상품 만들어지면 만들어야함)
  399. let columnFreeGoods2List = [
  400. {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
  401. {headerName: "사은품 코드", field: "productNo", width: 120, cellClass: 'text-center'},
  402. {headerName: "사은품명", field: "goodsNm", width: 150, cellClass: 'text-center'},
  403. {headerName: "포인트액", field: "usePoint" , width: 100, cellClass: 'text-center', required: true
  404. ,editable: true
  405. ,valueFormatter: function(params) {
  406. if(params.value) {
  407. return params.value.addComma();
  408. } else {
  409. return 0;
  410. }
  411. },
  412. cellEditorParams: { maxlength: 9, validType: 'numeric'}
  413. },
  414. {headerName: "지급수량", field: "itemQty" , width: 100, cellClass: 'text-center', required: true
  415. ,editable: true
  416. ,valueFormatter: function(params) {
  417. if(params.value) {
  418. return params.value;
  419. } else {
  420. return 1;
  421. }
  422. }
  423. ,cellEditorParams: { maxlength: 3, validType: 'numeric'}
  424. },
  425. {headerName: "한정수량", field: "limitQty" , width: 100, cellClass: 'text-center', required: true
  426. ,editable: true
  427. ,valueFormatter: function(params) {
  428. if(params.value) {
  429. return params.value.addComma();
  430. } else {
  431. return 1;
  432. }
  433. }
  434. ,cellEditorParams: { maxlength: 9, validType: 'numeric'}
  435. },
  436. {headerName: "잔여수량", field: "leftQty", width: 120, cellClass: 'text-center'
  437. ,valueFormatter: function(params) {
  438. if(params.value) {
  439. return params.value.addComma();
  440. } else {
  441. return 0;
  442. }
  443. }
  444. }
  445. ];
  446. // 제휴몰 리스트 설정
  447. let gridOptionsFGExtmallList = gagaAgGrid.getGridOptions(columnFGExtmallList);
  448. // 공급업체 리스트 설정
  449. let gridOptionsFGCompanyList = gagaAgGrid.getGridOptions(columnFGCompanyList);
  450. gridOptionsFGCompanyList.rowSelection = "multiple";
  451. // 브랜드 리스트 설정
  452. let gridOptionsFGBrandList = gagaAgGrid.getGridOptions(columnBrandList);
  453. gridOptionsFGBrandList.rowSelection = "multiple";
  454. // 적용상품 리스트 설정
  455. let gridOptionsFGApplyGoodsList = gagaAgGrid.getGridOptions(columnApplyGoodsList);
  456. gridOptionsFGApplyGoodsList.rowSelection = "multiple";
  457. // 제외상품 리스트 설정
  458. let gridOptionsFGExceptGoodsList = gagaAgGrid.getGridOptions(columnExceptGoodsList);
  459. gridOptionsFGExceptGoodsList.rowSelection = "multiple";
  460. // 사은품 조건1 리스트 설정
  461. let gridOptionsFreeGoods1List = gagaAgGrid.getGridOptions(columnFreeGoods1List);
  462. gridOptionsFreeGoods1List.rowSelection = "multiple";
  463. // 사은품 조건2 리스트 설정
  464. let gridOptionsFreeGoods2List = gagaAgGrid.getGridOptions(columnFreeGoods2List);
  465. gridOptionsFreeGoods2List.rowSelection = "multiple";
  466. var fnFreeGoodsPromotionSearchCallback = function(result) {
  467. if (result.freegift != null) {
  468. let freegift = result.freegift;
  469. let freegiftStatNm = freegift.freegiftStatNm;
  470. let today = new Date();
  471. let yyyy = today.getFullYear(), dd = today.getDate(), mm = today.getMonth()+1, stopDt; //January is 0!
  472. if(dd<10) { dd= '0' + dd }
  473. if(mm<10) { mm= '0' + mm }
  474. // 상태명 상태에 따라 변경
  475. if(freegift.freegiftStat == "G232_12") { // 중지상태일 경우 중지 일시 노출
  476. freegiftStatNm = freegiftStatNm + " (" + freegift.updDt + ")";
  477. } else if (freegift.freegiftStat == "G232_11" && freegift.freegiftEddt < yyyy+"-"+mm+"-"+dd) { // 종료된 프로모션일 경우 종료일 노출
  478. freegiftStatNm = "종료 (" + freegift.freegiftEddt + ")";
  479. }
  480. let stDtArr = freegift.freegiftStdt.split(" ");
  481. let edDtArr = freegift.freegiftEddt.split(" ");
  482. let stDate = stDtArr[0];
  483. let stHour = stDtArr[1].split(":")[0];
  484. let stMinute = stDtArr[1].split(":")[1];
  485. let edDate = edDtArr[0];
  486. let edHour = edDtArr[1].split(":")[0];
  487. let edMinute = edDtArr[1].split(":")[1];
  488. if(edDtArr[1] == "23:59:59") {
  489. edHour = "24";
  490. edMinute = "00";
  491. $("#freeGoodsPromotionForm #freegiftEdMM option").hide();
  492. $('#freeGoodsPromotionForm #freegiftEdMM option:first').show().prop("selected", true);
  493. }
  494. // 저장된 값 입력
  495. $('#freeGoodsPromotionForm input[name=freegiftNm]').val(freegift.freegiftNm);
  496. $('#freeGoodsPromotionForm span[name=freegiftSqText]').text(freegift.freegiftSq);
  497. $('#freeGoodsPromotionForm input[name=freegiftStDate]').val(stDate);
  498. $('#freeGoodsPromotionForm select[name=freegiftStHH]').val(stHour);
  499. $('#freeGoodsPromotionForm select[name=freegiftStMM]').val(stMinute);
  500. $('#freeGoodsPromotionForm input[name=freegiftEdDate]').val(edDate);
  501. $('#freeGoodsPromotionForm select[name=freegiftEdHH]').val(edHour);
  502. $('#freeGoodsPromotionForm select[name=freegiftEdMM]').val(edMinute);
  503. $('#freeGoodsPromotionForm span[name=freegiftStatText]').text(freegiftStatNm);
  504. $('#freeGoodsPromotionForm input[name=sectionVal]').val(freegift.sectionVal);
  505. $('#freeGoodsPromotionForm input[name=sectionVal2]').val(freegift.sectionVal2);
  506. $("#freeGoodsPromotionForm #regInfo").text(freegift.regNm + "(" + freegift.regDt + ")");
  507. $("#freeGoodsPromotionForm #updInfo").text(freegift.updNm + "(" + freegift.updDt + ")");
  508. // 자사 적용일 경우
  509. if(freegift.selfYn == "Y") {
  510. $("#freeGoodsPromotionForm input[name=selfYn]").prop("checked", true);
  511. $("#freeGoodsPromotionForm input[name=selfYn]").parent("label").addClass("checked");
  512. }
  513. // 외부몰 적용일 경우
  514. if(freegift.extmallList != null && freegift.extmallList.length > 0) {
  515. $("#freeGoodsPromotionForm input[name=extmallYn]").parent("label").addClass("checked");
  516. $("#freeGoodsPromotionForm input[name=extmallYn]").prop("checked", true);
  517. $("#freeGoodsPromotionForm #extmallCnt").text(freegift.extmallList.length);
  518. $("#freeGoodsPromotionForm #allY").prop("checked", true); // 제휴몰 선택시 지급 방법은 모두 지급으로 한정
  519. $("#freeGoodsPromotionForm input[name=allYn]").prop("disabled", true); // 제휴몰 선택시 지급 방법은 모두 지급에서 수정 불가
  520. } else {
  521. $("#freeGoodsPromotionForm #btnExtmallPopup").hide();
  522. $("#freeGoodsPromotionForm #extmallCntArea").hide();
  523. $("#freeGoodsPromotionForm #extmallCnt").text(0);
  524. $("#freeGoodsPromotionForm #extmallIds").val("");
  525. $("#freeGoodsPromotionForm input[name=allYn]").prop("disabled", false); // 제휴몰 선택 안하면 지급 방법 수정 가능
  526. }
  527. // 목록 제외 버튼 숨김
  528. $("#freeGoodsPromotionForm .fgButton").hide();
  529. if(freegift.freegiftStat == "G232_10") { // 대기 상태일 경우
  530. $("#freeGoodsPromotionForm #btnFreegoodsPromotionSave").show(); // 저장
  531. $("#freeGoodsPromotionForm #btnChangeStatIng").show(); // 진행
  532. $("#freeGoodsPromotionForm #btnPromotionDelete").show(); // 삭제
  533. } else {
  534. // 대기 상태일 경우를 제외하면 모든 상태 수정 불가(기획서대로 진행 상태에서 일부 수정 가능할 경우 if문 주석 제거)
  535. //if(freegift.freegiftStat == "G232_11") {
  536. // 진행 상태일 경우 기간, 적용대상상품, 추가제외상품 외 나머지 항목 수정 불가.
  537. $("#freeGoodsPromotionForm input[name=extmallYn]").addClass("formControl");
  538. $("#freeGoodsPromotionForm .disabledPoint").prop("disabled", true);
  539. $("#freeGoodsPromotionForm .hideButten").hide();
  540. // 진행 상태일 경우 전체 수정 불가(전체가 아닌 기획서대로면 아래 내용만 삭제)
  541. $("#freeGoodsPromotionForm input[name=extmallYn]").addClass("formControl");
  542. $("#freeGoodsPromotionForm .disabledPoint").prop("disabled", true);
  543. $("#freeGoodsPromotionForm input").prop("disabled", true);
  544. $("#freeGoodsPromotionForm button").hide();
  545. // 진행 상태일 경우 노출 버튼 (저장 버튼은 중지시 수정 불가처리하기로하여 주석처리. 기획서대로 변경일 경우 주석 제거 및 if 제거)
  546. if(freegift.freegiftStat == "G232_11") { // 진행 상태일 경우
  547. // $("#freeGoodsPromotionForm #btnFreegoodsPromotionSave").show(); // 저장
  548. $("#freegiftNm").prop("disabled", false); // 프로모션명
  549. $("#freeGoodsPromotionForm #btnPromotionStop").show(); // 중지
  550. $("#freeGoodsPromotionForm #btnFreegoodsPromotionNameSave").show(); // 프로모션 명 변경 버튼(저장) 노출
  551. }
  552. // 목록 버튼
  553. $("#freeGoodsPromotionForm #btnSearchList").show();
  554. gridOptionsFreeGoods1List.columnApi.getColumn("usePoint").colDef.editable = false;
  555. gridOptionsFreeGoods1List.columnApi.getColumn("itemQty").colDef.editable = false;
  556. gridOptionsFreeGoods1List.columnApi.getColumn("limitQty").colDef.editable = false;
  557. gridOptionsFreeGoods2List.columnApi.getColumn("usePoint").colDef.editable = false;
  558. gridOptionsFreeGoods2List.columnApi.getColumn("itemQty").colDef.editable = false;
  559. gridOptionsFreeGoods2List.columnApi.getColumn("limitQty").colDef.editable = false;
  560. //}
  561. }
  562. gridOptionsFGExtmallList.api.setRowData(freegift.extmallList);
  563. gridOptionsFGCompanyList.api.setRowData(freegift.supplyCompList);
  564. gridOptionsFGBrandList.api.setRowData(freegift.brandList);
  565. gridOptionsFGApplyGoodsList.api.setRowData(freegift.applyGoodsList);
  566. gridOptionsFGExceptGoodsList.api.setRowData(freegift.exceptGoodsList);
  567. gridOptionsFreeGoods1List.api.setRowData(freegift.freeGoods1);
  568. gridOptionsFreeGoods2List.api.setRowData(freegift.freeGoods2);
  569. }
  570. }
  571. // 프로모션 상세 조회
  572. var fnFreegiftSearch = function() {
  573. var params = new Object();
  574. params.gbn = $('#freeGoodsPromotionForm input[name=gbn]').val();
  575. params.freegiftSq = $('#freeGoodsPromotionForm input[name=freegiftSq]').val();
  576. cfnAjaxSubmit("/marketing/freegoods/promotion/detail", "json", fnFreeGoodsPromotionSearchCallback, params);
  577. }
  578. $(document).ready(function() {
  579. gagaAgGrid.createGrid("gridFGExtmallList", gridOptionsFGExtmallList);
  580. gagaAgGrid.createGrid("gridFGPromotionCompanyList", gridOptionsFGCompanyList);
  581. gagaAgGrid.createGrid("gridFGBrandList", gridOptionsFGBrandList);
  582. gagaAgGrid.createGrid("gridFGApplyGoodsList", gridOptionsFGApplyGoodsList);
  583. gagaAgGrid.createGrid("gridFGExceptGoodsList", gridOptionsFGExceptGoodsList);
  584. gagaAgGrid.createGrid("gridFreeGoods1List", gridOptionsFreeGoods1List);
  585. gagaAgGrid.createGrid("gridFreeGoods2List", gridOptionsFreeGoods2List);
  586. if("C" == [[${param.gbn}]]) {
  587. $("#freeGoodsPromotionForm #btnExtmallPopup").hide();
  588. $("#freeGoodsPromotionForm #extmallCntArea").hide();
  589. $("#freeGoodsPromotionForm .fgButton").hide();
  590. $("#freeGoodsPromotionForm #btnFreegoodsPromotionSave").show();
  591. // 기간 검색 default 조건 (오늘부터 1주일)
  592. let date = new Date();
  593. $("#freeGoodsPromotionForm #freegiftStDate").val(date.format("YYYY-MM-DD")); // 오늘 날짜
  594. date.setDate(date.getDate() + 7); // 등록일 + 7일
  595. $("#freeGoodsPromotionForm #freegiftEdDate").val(date.format("YYYY-MM-DD")); // 1주일 후 날짜
  596. $('#freeGoodsPromotionForm #freegiftEdHH option:last').prop("selected", true);
  597. $("#freeGoodsPromotionForm #freegiftEdMM option").hide();
  598. $('#freeGoodsPromotionForm #freegiftEdMM option:first').show().prop("selected", true);
  599. } else {
  600. fnFreegiftSearch();
  601. }
  602. });
  603. // 제휴몰 체크 상태 확인
  604. $("#freeGoodsPromotionForm #G011_20").on("click", function() {
  605. if(!$("#freeGoodsPromotionForm input[name=extmallYn]").hasClass("formControl")) { // 수정금지 상태가 아니라면
  606. // 체크여부 확인 (선택되면 자동 checked 추가되는데, 추가되기 전 동작해서 반대로 지정)
  607. if(!$("#freeGoodsPromotionForm #G011_20 #extmallYn").is(":checked")) {
  608. $("#freeGoodsPromotionForm #btnExtmallPopup").hide();
  609. $("#freeGoodsPromotionForm #extmallCntArea").hide();
  610. $("#freeGoodsPromotionForm input[name=allYn]").prop("disabled", false); // 제휴몰 선택 안하면 지급 방법 수정 가능
  611. gridOptionsFGExtmallList.api.setRowData(null);
  612. $("#extmallCnt").text(gagaAgGrid.getAllRowData(gridOptionsFGExtmallList).length);
  613. } else {
  614. $("#freeGoodsPromotionForm #btnExtmallPopup").show();
  615. $("#freeGoodsPromotionForm #extmallCntArea").show();
  616. $("#freeGoodsPromotionForm #allY").prop("checked", true); // 제휴몰 선택시 지급 방법은 모두 지급으로 한정
  617. $("#freeGoodsPromotionForm input[name=allYn]").prop("disabled", true); // 제휴몰 선택시 지급 방법은 모두 지급에서 수정 불가
  618. }
  619. }
  620. });
  621. $('#freeGoodsPromotionForm input[name=freegiftNm]').on('focusout', function() {
  622. if($('#freeGoodsPromotionForm input[name=freegiftNm]').val().length < 2) {
  623. mcxDialog.alert("2자~30자 이상 프로모션명을 입력하세요.");
  624. return;
  625. }
  626. });
  627. // 리스트 정보 수정
  628. function fnSetListInfo(result, gridListOption, key) {
  629. let resultList = []; // 최종 상품 리스트
  630. let gridListValue = gagaAgGrid.getAllRowData(gridListOption); // 기존 리스트
  631. let addCnt = 0; // 적용 성공 수량
  632. let failCnt = 0; // 실패 수량
  633. // 기존 리스트 데이터 for
  634. for(let i = 0 ; i < result.length ; i++) {
  635. let addChk = true; // 받아온 모든 데이터
  636. // 받아온 data for
  637. for(let j = 0 ; j < gridListValue.length ; j++) {
  638. // 조회한 상품 중 동일하지 않은 데이터만 추가
  639. if(eval("gridListValue[j]." + key) == eval("result[i]." + key)) { addChk = false; } // 중복체크
  640. }
  641. // 추가된 데이터 중 중복되지 않은 데이터 리스트에 추가
  642. if(addChk) { resultList.push(result[i]); addCnt++; }
  643. }
  644. // 사은품 추가는 5개까지만
  645. if(key == "productNo") {
  646. let totalCnt = resultList.length + gridListValue.length;
  647. if(totalCnt > 5) {
  648. mcxDialog.alert("사은품은 최대 5개까지만 등록하실 수 있습니다.");
  649. return false;
  650. }
  651. failCnt = result.length - addCnt;
  652. mcxDialog.alert("데이터가 적용되었습니다.<br/>" + addCnt + "건 성공, " + failCnt + "건 실패");
  653. } else if (key == "goodsCd") {
  654. uifnPopupClose('popupGoods');
  655. failCnt = result.length - addCnt;
  656. mcxDialog.alert("데이터가 적용되었습니다.<br/>" + addCnt + "건 성공, " + failCnt + "건 실패");
  657. }
  658. // 추가된 정보 그리드에 추가
  659. for(let i = 0 ; i < resultList.length ; i++) {
  660. gagaAgGrid.addRowData(gridListOption, resultList[i], key);
  661. }
  662. }
  663. // 저장 후 콜백 함수
  664. var fnFreeGoodsPromotionSaveFin = function(result) {
  665. if("C" != [[${param.gbn}]]) {
  666. fnFreeGoodsPromotionListSearch();
  667. fnFreegiftSearch();
  668. } else {
  669. fnFreeGoodsPromotionListSearch();
  670. uifnPopupClose('popupFreeGoodsPromotionRegi');
  671. }
  672. }
  673. // 저장 버튼 클릭시
  674. $('#freeGoodsPromotionForm #btnFreegoodsPromotionNameSave').on('click', function() {
  675. if($('#freeGoodsPromotionForm input[name=freegiftNm]').val().length < 2) {
  676. mcxDialog.alert("2자~30자 이상 프로모션명을 입력하세요.");
  677. return false;
  678. }
  679. // var params = $(formId).serialize();
  680. var data = { freegiftSq : $("#freeGoodsPromotionForm input[name=freegiftSq]").val()
  681. , freegiftNm : $("#freeGoodsPromotionForm input[name=freegiftNm]").val()
  682. };
  683. var jsonData = JSON.stringify(data);
  684. gagajf.ajaxJsonSubmit('/marketing/freegoods/promotion/name/save', jsonData, fnFreeGoodsPromotionSaveFin);
  685. });
  686. // 저장 버튼 클릭시
  687. $('#freeGoodsPromotionForm #btnFreegoodsPromotionSave').on('click', function() {
  688. // 각 ag-grid list 수량
  689. let extmallCnt = gagaAgGrid.getAllRowData(gridOptionsFGExtmallList).length;
  690. let supplyCompCnt = gagaAgGrid.getAllRowData(gridOptionsFGCompanyList).length;
  691. let brandCnt = gagaAgGrid.getAllRowData(gridOptionsFGBrandList).length;
  692. let applyGoodsCnt = gagaAgGrid.getAllRowData(gridOptionsFGApplyGoodsList).length;
  693. let exceptGoodsCnt = gagaAgGrid.getAllRowData(gridOptionsFGExceptGoodsList).length;
  694. let freeGoods1Cnt = gagaAgGrid.getAllRowData(gridOptionsFreeGoods1List).length;
  695. let freeGoods2Cnt = gagaAgGrid.getAllRowData(gridOptionsFreeGoods2List).length;
  696. if (!gagajf.validation('#freeGoodsPromotionForm')) {
  697. return false;
  698. }
  699. if($('#freeGoodsPromotionForm input[name=freegiftNm]').val().length < 2) {
  700. mcxDialog.alert("2자~30자 이상 프로모션명을 입력하세요.");
  701. return false;
  702. }
  703. // 행사기간 확인
  704. let fromDate = $('#freeGoodsPromotionForm input[name=freegiftStdt]').val();
  705. let toDate = $('#freeGoodsPromotionForm input[name=freegiftEddt]').val();
  706. if (fromDate > toDate) {
  707. mcxDialog.alert("시작일자는 종료일자 보다 늦을 수 없습니다.");
  708. return false;
  709. }
  710. var sdt = new Date(fromDate);
  711. var edt = new Date(toDate);
  712. var dateDiff = Math.ceil((edt.getTime()-sdt.getTime())/(1000*3600*24));
  713. if(dateDiff > 365) {
  714. mcxDialog.alert("행사 기간은 1년을 초과 할 수 없습니다.");
  715. return false;
  716. }
  717. if($("#extmallYn").is(":checked") && extmallCnt < 1) {
  718. mcxDialog.alert("제휴몰을 선택해주세요.");
  719. return false;
  720. }
  721. // 공급업체, 브랜드, 적용상품 중 1개 필수 체크
  722. if(supplyCompCnt < 1 && brandCnt < 1 && applyGoodsCnt < 1) {
  723. mcxDialog.alert("공급업체, 브랜드, 적용 상품 중 한가지 이상 등록해주세요.");
  724. return false;
  725. }
  726. // 사은품조건1 필수 체크
  727. if(freeGoods1Cnt < 1) {
  728. mcxDialog.alert("사은품 조건을 입력하세요.");
  729. return false;
  730. }
  731. if($("#freeGoodsPromotionForm #saleAmt").val() == "" || $("#freeGoodsPromotionForm #saleAmt").val() < 1) {
  732. mcxDialog.alert("사은품 조건1의 구매금액 조건을 설정해주세요.");
  733. return false;
  734. }
  735. let freeGoods1 = gagaAgGrid.getAllRowData(gridOptionsFreeGoods1List);
  736. let freeGoods2 = gagaAgGrid.getAllRowData(gridOptionsFreeGoods2List);
  737. // 지급수량, 한정수량 체크
  738. for(let i = 0 ; i < freeGoods1.length ; i++) {
  739. if(!freeGoods1[i].usePoint || freeGoods1[i].usePoint == "undefined") { // 포인트액을 변경하지 않았을 경우 디폴트 값으로 설정
  740. freeGoods1[i].usePoint = 0;
  741. }
  742. if(!freeGoods1[i].itemQty || freeGoods1[i].itemQty == "undefined") { // 지급수량을 변경하지 않았을 경우 디폴트 값으로 설정
  743. freeGoods1[i].itemQty = 1;
  744. }
  745. if(!freeGoods1[i].limitQty || freeGoods1[i].limitQty == "undefined") { // 한정수량을 변경하지 않았을 경우 디폴트 값으로 설정
  746. freeGoods1[i].limitQty = 1;
  747. }
  748. if(freeGoods1[i].itemQty < 1) {
  749. mcxDialog.alert("사은품조건1의 지급 수량을 1개 이상 입력해주세요.");
  750. return false;
  751. }
  752. if(freeGoods1[i].limitQty < 0) {
  753. mcxDialog.alert("사은품조건1의 한정 수량을 0개 이상 입력해주세요.");
  754. return false;
  755. }
  756. if(freeGoods1[i].usePoint > 999999999) {
  757. mcxDialog.alert("사은품조건1의 포인트액 최대 값은 999999999 입니다.");
  758. return false;
  759. }
  760. if(freeGoods1[i].itemQty > 999) {
  761. mcxDialog.alert("사은품조건1의 지급수량 최대 값은 999 입니다.");
  762. return false;
  763. }
  764. if(freeGoods1[i].limitQty > 999999999) {
  765. mcxDialog.alert("사은품조건1의 한정수량 최대 값은 999999999 입니다.");
  766. return false;
  767. }
  768. }
  769. for(let i = 0 ; i < freeGoods2.length ; i++) {
  770. if(!freeGoods2[i].usePoint || freeGoods2[i].usePoint == "undefined") { // 포인트액을 변경하지 않았을 경우 디폴트 값으로 설정
  771. freeGoods2[i].usePoint = 0;
  772. }
  773. if(!freeGoods2[i].itemQty || freeGoods2[i].itemQty == "undefined") { // 지긊수량을 변경하지 않았을 경우 디폴트 값으로 설정
  774. freeGoods2[i].itemQty = 1;
  775. }
  776. if(!freeGoods2[i].limitQty || freeGoods2[i].limitQty == "undefined") { // 한정수량을 변경하지 않았을 경우 디폴트 값으로 설정
  777. freeGoods2[i].limitQty = 1;
  778. }
  779. if(freeGoods2[i].itemQty < 1) {
  780. mcxDialog.alert("사은품조건2의 지급 수량을 1개 이상 입력해주세요.");
  781. return false;
  782. }
  783. if(freeGoods2[i].limitQty < 0) {
  784. mcxDialog.alert("사은품조건2의 한정 수량을 0개 이상 입력해주세요.");
  785. return false;
  786. }
  787. if(freeGoods2[i].usePoint > 999999999) {
  788. mcxDialog.alert("사은품조건2의 포인트액 최대 값은 999999999 입니다.");
  789. return false;
  790. }
  791. if(freeGoods2[i].itemQty > 999) {
  792. mcxDialog.alert("사은품조건2의 지급수량 최대 값은 999 입니다.");
  793. return false;
  794. }
  795. if(freeGoods2[i].limitQty > 999999999) {
  796. mcxDialog.alert("사은품조건2의 한정수량 최대 값은 999999999 입니다.");
  797. return false;
  798. }
  799. }
  800. // 사은품조건1 의 수량 체크
  801. if(freeGoods1Cnt > 5) {
  802. mcxDialog.alert("사은품 조건1의 사은품은 최대 5개까지 등록가능합니다.");
  803. return false;
  804. }
  805. // 사은품조건2의 수량 체크
  806. if(freeGoods2Cnt > 5) {
  807. mcxDialog.alert("사은품 조건2의 사은품은 최대 5개까지 등록가능합니다.");
  808. return false;
  809. }
  810. if($("#freeGoodsPromotionForm #saleAmt2").val() == "" || $("#freeGoodsPromotionForm #saleAmt2").val() < 1) {
  811. if(freeGoods2Cnt > 0) {
  812. mcxDialog.alert("사은품 조건2의 구매금액 조건을 설정해주세요.");
  813. return false;
  814. }
  815. } else {
  816. if (freeGoods2Cnt < 1) {
  817. mcxDialog.alert("사은품 조건2의 사은품을 선택해주세요.");
  818. return false;
  819. }
  820. }
  821. let selfYn = $("#freeGoodsPromotionForm input[name=selfYn]:checked").val();
  822. if(!selfYn || selfYn == "") { selfYn = "N"; }
  823. let freegiftStdt = $("#freeGoodsPromotionForm input[name=freegiftStDate]").val() + " " + $("#freeGoodsPromotionForm select[name=freegiftStHH]").val() + ":" + $("#freeGoodsPromotionForm select[name=freegiftStMM]").val() + ":00";
  824. let freegiftEddt = $("#freeGoodsPromotionForm input[name=freegiftEdDate]").val();
  825. if($("#freeGoodsPromotionForm select[name=freegiftEdHH]").val() == "24") {
  826. freegiftEddt += " 23:59:59";
  827. } else {
  828. freegiftEddt += " " + $("#freeGoodsPromotionForm select[name=freegiftEdHH]").val() + ":" + $("#freeGoodsPromotionForm select[name=freegiftEdMM]").val() + ":00";
  829. }
  830. // var params = $(formId).serialize();
  831. var data = { gbn : $("#freeGoodsPromotionForm input[name=gbn]").val()
  832. , freegiftSq : $("#freeGoodsPromotionForm input[name=freegiftSq]").val()
  833. , freegiftNm : $("#freeGoodsPromotionForm input[name=freegiftNm]").val()
  834. , freegiftStdt : freegiftStdt
  835. , freegiftEddt : freegiftEddt
  836. , selfYn : selfYn
  837. , extmallYn : $("#freeGoodsPromotionForm input[name=extmallYn]:checked").val()
  838. , allYn : $("#freeGoodsPromotionForm input[name=allYn]:checked").val()
  839. , sectionVal : $("#freeGoodsPromotionForm input[name=sectionVal]").val()
  840. , sectionVal2 : $("#freeGoodsPromotionForm input[name=sectionVal2]").val()
  841. , supplyCompList : gagaAgGrid.getAllRowData(gridOptionsFGCompanyList)
  842. , brandList : gagaAgGrid.getAllRowData(gridOptionsFGBrandList)
  843. , extmallList : gagaAgGrid.getAllRowData(gridOptionsFGExtmallList)
  844. , applyGoodsList : gagaAgGrid.getAllRowData(gridOptionsFGApplyGoodsList)
  845. , exceptGoodsList : gagaAgGrid.getAllRowData(gridOptionsFGExceptGoodsList)
  846. , freeGoods1 : freeGoods1
  847. , freeGoods2 : freeGoods2
  848. };
  849. var jsonData = JSON.stringify(data);
  850. gagajf.ajaxJsonSubmit('/marketing/freegoods/promotion/save', jsonData, fnFreeGoodsPromotionSaveFin);
  851. });
  852. // 할인방식 변경
  853. $("#freeGoodsPromotionForm #freegiftEdHH").bind('click change', function () {
  854. if(this.value == 24) {
  855. $("#freeGoodsPromotionForm #freegiftEdMM option").hide();
  856. $('#freeGoodsPromotionForm #freegiftEdMM option:first').show().prop("selected", true);
  857. } else {
  858. $("#freeGoodsPromotionForm #freegiftEdMM option").show();
  859. }
  860. });
  861. // 목록 버튼 클릭
  862. $("#freeGoodsPromotionForm #btnSearchList").on("click", function() {
  863. uifnPopupClose('popupFreeGoodsPromotionRegi');
  864. });
  865. // 진행 버튼 클릭
  866. $("#freeGoodsPromotionForm #btnChangeStatIng").on("click", function() {
  867. mcxDialog.confirmC("프로모션을 진행하시겠습니까?<br/>진행 후에는 수정이 제한될 수 있습니다.", {
  868. btn: confirmBtnText,
  869. btnClick: function(index) {
  870. if(index == 1) {
  871. let data = { freegiftStat : "G232_11" // 진행
  872. , freegiftSq : $("#freeGoodsPromotionForm input[name=freegiftSq]").val()
  873. }
  874. var jsonData = JSON.stringify(data);
  875. gagajf.ajaxJsonSubmit('/marketing/freegoods/promotion/change/stat', jsonData, fnFreeGoodsPromotionSaveFin);
  876. }
  877. }
  878. });
  879. });
  880. // 삭제 버튼 클릭
  881. $("#freeGoodsPromotionForm #btnPromotionDelete").on("click", function() {
  882. mcxDialog.confirmC("프로모션을 삭제하시겠습니까?<br/>삭제한 프로모션은 복원하실 수 없습니다.", {
  883. btn: confirmBtnText,
  884. btnClick: function(index) {
  885. if(index == 1) {
  886. let data = {
  887. freegiftStat: "G232_14" // 삭제
  888. , freegiftSq: $("#freeGoodsPromotionForm input[name=freegiftSq]").val()
  889. }
  890. var jsonData = JSON.stringify(data);
  891. gagajf.ajaxJsonSubmit('/marketing/freegoods/promotion/change/stat', jsonData, function() {
  892. uifnPopupClose('popupFreeGoodsPromotionRegi');
  893. });
  894. }
  895. }
  896. });
  897. });
  898. // 중지 버튼 클릭
  899. $("#freeGoodsPromotionForm #btnPromotionStop").on("click", function() {
  900. mcxDialog.confirmC("프로모션을 중지하시겠습니까?<br/>중지 후에는 진행으로 복원하실 수 없습니다.", {
  901. btn: confirmBtnText,
  902. btnClick: function(index) {
  903. if(index == 1) {
  904. let data = {
  905. freegiftStat: "G232_12" // 중지
  906. , freegiftSq: $("#freeGoodsPromotionForm input[name=freegiftSq]").val()
  907. }
  908. var jsonData = JSON.stringify(data);
  909. gagajf.ajaxJsonSubmit('/marketing/freegoods/promotion/change/stat', jsonData, fnFreeGoodsPromotionSaveFin);
  910. }
  911. }
  912. });
  913. });
  914. // 공급업체 설정 / 업체 추가 콜백함수
  915. var fnSetPopupComapnyInfo = function(result) {
  916. fnSetListInfo(result, gridOptionsFGCompanyList, "supplyCompCd");
  917. };
  918. // 브랜드 설정 / 브랜드 추가 콜백함수 (단수로 가져오므로 복수일 경우에 수정 확인 필요)
  919. var fnSetPopupBrandInfo = function(result) {
  920. fnSetListInfo(result, gridOptionsFGBrandList, "brandCd");
  921. };
  922. // 적용 상품 리스트 콜백함수
  923. var fnSetPopupApplyGoodsInfo = function(result) {
  924. fnSetListInfo(result, gridOptionsFGApplyGoodsList, "goodsCd");
  925. };
  926. // 제외 상품 리스트 콜백함수
  927. var fnSetPopupExceptGoodsInfo = function(result) {
  928. fnSetListInfo(result, gridOptionsFGExceptGoodsList, "goodsCd");
  929. };
  930. // 사은품 조건1 상품 리스트 콜백함수
  931. var fnSetPopupFreeGoods1Info = function(result) {
  932. fnSetListInfo(result, gridOptionsFreeGoods1List, "productNo");
  933. };
  934. // 사은품 조건2 상품 리스트 콜백함수
  935. var fnSetPopupFreeGoods2Info = function(result) {
  936. fnSetListInfo(result, gridOptionsFreeGoods2List, "productNo");
  937. };
  938. // 제휴몰 리스트 세팅
  939. function fnSetPopupExtmallInfo(result) {
  940. let resultList = []; // 최종 상품 리스트
  941. let gridListValue = gagaAgGrid.getAllRowData(gridOptionsFGExtmallList); // 기존 리스트
  942. // 콜백 리스트 데이터 for
  943. for(let i = 0 ; i < result.length ; i++) {
  944. let addChk = true; // 받아온 모든 데이터
  945. // 기존 data for
  946. for(let j = 0 ; j < gridListValue.length ; j++) {
  947. // 조회한 상품 중 동일하지 않은 데이터만 추가
  948. if((gridListValue[j].vendorId + "" + gridListValue[j].extmallId) == (result[i].vendorId + "" + result[i].extmallId)) {
  949. addChk = false; // 중복체크
  950. }
  951. }
  952. // 추가된 데이터 중 중복되지 않은 데이터 리스트에 추가
  953. if(addChk) { resultList.push(result[i]); }
  954. }
  955. // 추가된 정보 그리드에 추가
  956. for(let i = 0 ; i < resultList.length ; i++) {
  957. gagaAgGrid.addRowData(gridOptionsFGExtmallList, resultList[i], "extmallId");
  958. }
  959. // 수정된 수량 갯수 수정
  960. $("#freeGoodsPromotionForm #extmallCnt").text(gagaAgGrid.getAllRowData(gridOptionsFGExtmallList).length);
  961. }
  962. // 제휴몰 선택 버튼 클릭시
  963. $('#freeGoodsPromotionForm #btnExtmallPopup').on('click', function() {
  964. cfnOpenExtmallListPopup("fnSetPopupExtmallInfo");
  965. });
  966. // 공급업체 설정 업체 추가 버튼 클릭시
  967. $('#freeGoodsPromotionForm #btnAddCompany').on('click', function() {
  968. cfnOpenCompanyListPopup("fnSetPopupComapnyInfo", "M");
  969. });
  970. // 브랜드 추가 버튼 클릭시 (복수 브랜드때 수정 필요)
  971. $('#freeGoodsPromotionForm #btnAddBrand').on('click', function() {
  972. cfnOpenBrandListPopup("fnSetPopupBrandInfo", "M");
  973. });
  974. // 적용 상품 추가 버튼 클릭시
  975. $('#freeGoodsPromotionForm #btnAddApplyGoods').on('click', function() {
  976. cfnOpenGoodsPopup("fnSetPopupApplyGoodsInfo");
  977. });
  978. // 제외 상품 추가 버튼 클릭시
  979. $('#freeGoodsPromotionForm #btnAddExceptGoods').on('click', function() {
  980. cfnOpenGoodsPopup("fnSetPopupExceptGoodsInfo");
  981. });
  982. // 사은품 조건1 상품 추가 버튼 클릭시
  983. $('#freeGoodsPromotionForm #btnAddFreeGoods1').on('click', function() {
  984. cfnOpenFreeGoodsPopup("fnSetPopupFreeGoods1Info");
  985. });
  986. // 사은품 조건2 상품 추가 버튼 클릭시
  987. $('#freeGoodsPromotionForm #btnAddFreeGoods2').on('click', function() {
  988. cfnOpenFreeGoodsPopup("fnSetPopupFreeGoods2Info");
  989. });
  990. // 공급업체 설정 선택삭제 버튼 클릭시
  991. $('#freeGoodsPromotionForm #btnDeleteCompany').on('click', function() {
  992. gridOptionsFGCompanyList.api.updateRowData({remove:gagaAgGrid.selectedRowData(gridOptionsFGCompanyList)});
  993. });
  994. // 브랜드 설정 선택삭제 버튼 클릭시
  995. $('#freeGoodsPromotionForm #btnDeleteBrand').on('click', function() {
  996. gridOptionsFGBrandList.api.updateRowData({remove:gagaAgGrid.selectedRowData(gridOptionsFGBrandList)});
  997. });
  998. // 적용상품 선택삭제 버튼 클릭시
  999. $('#freeGoodsPromotionForm #btnDeleteApplyGoods').on('click', function() {
  1000. gridOptionsFGApplyGoodsList.api.updateRowData({remove:gagaAgGrid.selectedRowData(gridOptionsFGApplyGoodsList)});
  1001. });
  1002. // 제외상품 선택삭제 버튼 클릭시
  1003. $('#freeGoodsPromotionForm #btnDeleteExtGoods').on('click', function() {
  1004. gridOptionsFGExceptGoodsList.api.updateRowData({remove:gagaAgGrid.selectedRowData(gridOptionsFGExceptGoodsList)});
  1005. });
  1006. // 사은품조건1 선택삭제 버튼 클릭시
  1007. $('#freeGoodsPromotionForm #btnDeleteFreeGoods1').on('click', function() {
  1008. gridOptionsFreeGoods1List.api.updateRowData({remove:gagaAgGrid.selectedRowData(gridOptionsFreeGoods1List)});
  1009. });
  1010. // 사은품조건2 선택삭제 버튼 클릭시
  1011. $('#freeGoodsPromotionForm #btnDeleteFreeGoods2').on('click', function() {
  1012. gridOptionsFreeGoods2List.api.updateRowData({remove:gagaAgGrid.selectedRowData(gridOptionsFreeGoods2List)});
  1013. });
  1014. //패널영역 줄이기
  1015. $(document).on("click",".panelControl .inner-fa-chevron-up", function() {
  1016. $(this).parent().parent().parent().find(".inner-panelContent").slideUp(100);
  1017. $(this).attr("class","fa inner-fa-chevron-down");
  1018. });
  1019. //패널영역 펼치기
  1020. $(document).on("click",".panelControl .inner-fa-chevron-down", function() {
  1021. $(this).parent().parent().parent().find(".inner-panelContent").slideDown(100);
  1022. $(this).attr("class","fa inner-fa-chevron-up");
  1023. });
  1024. // 창 닫기
  1025. var fnFreeGoodsPromotionFormClose = function(){
  1026. uifnPopupClose('popupFreeGoodsPromotionRegi');
  1027. }
  1028. </script>
  1029. <!-- 내부 영역 slide 버튼 모양 생성 -->
  1030. <style>
  1031. .inner-fa-chevron-up:before {content: "\f077";}
  1032. .inner-fa-chevron-down:before {content: "\f078";}
  1033. </style>
  1034. </html>