PlanDetailPopupForm.html 71 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768
  1. <!DOCTYPE html>
  2. <html lang="ko"
  3. xmlns:th="http://www.thymeleaf.org">
  4. <!--
  5. *******************************************************************************
  6. * @source : PlanDetailForm.html
  7. * @desc : 웹 수정 / 웹 등록 팝업 화면 Page
  8. *============================================================================
  9. * SISUN
  10. * Copyright(C) 2020 TSIT, All rights reserved.
  11. *============================================================================
  12. * VER DATE AUTHOR DESCRIPTION
  13. * === =========== ========== =============================================
  14. * 1.0 2020.02.04 sowon 최초 작성
  15. *******************************************************************************
  16. -->
  17. <div class="modalPopup" data-width="1395" id="planRegisterFormDiv">
  18. <div class="panelStyle">
  19. <div class="panelTitle">
  20. <h2 th:text="${'기획전 ' + (mode == 'N' ? '등록' : '수정')}"></h2>
  21. <button type="button" class="close" onclick="uifnPopupClose('planRegisterFormDiv')"><i class="fa fa-times"></i></button>
  22. </div>
  23. <!-- 기획전 웹 수정 -->
  24. <div class="panelContent" th:if="${mode == 'U'}">
  25. <form th:object="${planInfo}" id="planUpdateForm" name="planUpdateForm" action="#" th:method="post">
  26. <input type="hidden" name="pImg" th:value="*{mainPimg}"/>
  27. <input type="hidden" name="mImg" th:value="*{mainMimg}"/>
  28. <input type="hidden" name="mode" th:value="${mode}"/>
  29. <input type="hidden" name="planSq" th:value="*{planSq}"/>
  30. <input type="hidden" name="cpnNm">
  31. <div class="cardArea" style="height: 700px;margin: -5px;">
  32. <table class="frmStyle">
  33. <colgroup>
  34. <col style="width:10%"/>
  35. <col style="width:40%;"/>
  36. <col style="width:10%;"/>
  37. <col style="width:35%;"/>
  38. <col/>
  39. </colgroup>
  40. <tr>
  41. <th>사이트</th>
  42. <td>
  43. <select name="siteCd" th:field="*{siteCd}">
  44. <option value="">선택</option>
  45. <option th:if="${siteList}" th:each="oneData, status : ${siteList}" th:value="${oneData.cd}" th:text="|${oneData.cdNm}|"></option>
  46. </select>
  47. </td>
  48. <th>기획전구분<em class="required" title="필수"></em></th>
  49. <td>
  50. <select name="planGb" id="planGb" th:field="*{planGb}" onchange="fnChangePlanGb(this);">
  51. <option value="P">기획전</option>
  52. <option value="E">이벤트</option>
  53. <option value="S">총알배송</option>
  54. <option value="C">출석체크</option>
  55. </select>
  56. </td>
  57. </tr>
  58. <tr>
  59. <th>프론트 구분<em class="required" title="필수"></em></th>
  60. <td>
  61. <label class="chkBox" >
  62. <input type="checkbox" name="frontGb" value="P" th:text="PC웹"/>
  63. </label>
  64. <label class="chkBox" >
  65. <input type="checkbox" name="frontGb" value="M" th:text="모바일웹"/>
  66. </label>
  67. <label class="chkBox" >
  68. <input type="checkbox" name="frontGb" value="A" th:text="모바일앱"/>
  69. </label>
  70. </td>
  71. <th>전시순서</th>
  72. <td>
  73. <input type="text" name="dispOrd" class="w100 aR" th:value="*{dispOrd}"/>
  74. </td>
  75. </tr>
  76. <tr>
  77. <th>기획전명<em class="required" title="필수"></em></th>
  78. <td>
  79. <input type="text" name="planNm" id="planNm" th:field="*{planNm}"/>
  80. </td>
  81. <th>서브제목<em class="required" title="필수"></em></th>
  82. <td>
  83. <input type="text" name="dtlTitle1" id="dtlTitle1" th:value="*{dtlTitle1}"/>
  84. </td>
  85. </tr>
  86. <tr>
  87. <th>진행기간<em class="required" title="필수"></em></th>
  88. <td colspan="3">
  89. <input type="text" class="schDate w100" name="startSearchDate" maxlength="10" required="required" data-valid-name="노출기간" th:field="*{startSearchDate}"/>
  90. <select name="startSearchHour" required="required" data-valid-name="진행기간 시작시간">
  91. <th:block th:each="num, index : ${#numbers.sequence(0,23)}">
  92. <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}시|" th:selected="*{#strings.substring(dispStdt, 11, 13)} == ${#strings.toString(num)} ? 'true'">시간</option>
  93. </th:block>
  94. </select>
  95. <select name="startSearchMin" required="required" data-valid-name="진행기간 시작시간">
  96. <th:block th:each="num: ${#numbers.sequence(0,59)}">
  97. <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}분|" th:selected="*{#strings.substring(dispStdt, 14, 16)} == ${#strings.toString(num)} ? 'true'">분</option>
  98. </th:block>
  99. </select>
  100. ~
  101. <input type="text" class="schDate w100" name="endSearchDate" maxlength="10" required="required" data-valid-name="노출기간" th:field="*{endSearchDate}"/>
  102. <select name="endSearchHour" required="required" data-valid-name="진행기간 종료시간">
  103. <th:block th:each="num, index : ${#numbers.sequence(0,23)}">
  104. <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}시|" th:selected="*{#strings.substring(dispEddt, 11, 13)} == ${#strings.toString(num)} ? 'true'">시간</option>
  105. </th:block>
  106. </select>
  107. <select name="endSearchMin" required="required" data-valid-name="진행기간 종료시간">
  108. <th:block th:each="num: ${#numbers.sequence(0,59)}">
  109. <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}분|" th:selected="*{#strings.substring(dispEddt, 14, 16)} == ${#strings.toString(num)} ? 'true'">분</option>
  110. </th:block>
  111. </select>
  112. <input type="hidden" name="dispStdt" id="dispStdt"/>
  113. <input type="hidden" name="dispEddt" id="dispEddt"/>
  114. </td>
  115. </tr>
  116. <tr>
  117. <th>코너명노출 여부<em class="required" title="필수"></em></th>
  118. <td>
  119. <select name="cornerNmDispYn" th:field="*{cornerNmDispYn}">
  120. <option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:selected="${oneData.cd} == 'Y'" th:text="|${oneData.cdNm}|"></option>
  121. </select>
  122. </td>
  123. <th>노출여부<em class="required" title="필수"></em></th>
  124. <td>
  125. <select name="openYn" th:field="*{openYn}">
  126. <option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:selected="${oneData.cd} == 'Y'" th:text="|${oneData.cdNm}|"></option>
  127. </select>
  128. </td>
  129. </tr>
  130. <tr>
  131. </tr>
  132. <tr>
  133. <th>사용고객등급구분</th>
  134. <td>
  135. <label class="chkBox" th:if="${usableCustGradeList}" th:each="oneData, status : ${usableCustGradeList}">
  136. <input type="checkbox" name="usableCustGradeArr" th:value="${oneData.cd}" th:text="${oneData.cdNm}"/>
  137. </label>
  138. <label class="chkBox">
  139. <input type="checkbox" name="usableCustGradeArr" value="G110_60" th:text="비회원"/>
  140. </label>
  141. </td>
  142. <th>사용가능고객구분<em class="required" title="필수"></em></th>
  143. <td>
  144. <label class="chkBox" th:if="${usableCustGbList}" th:each="oneData, status : ${usableCustGbList}">
  145. <input type="checkbox" name="usableCustGbArr" th:value="${oneData.cd}" th:text="${oneData.cdNm}"/>
  146. </label>
  147. </td>
  148. </tr>
  149. <tr>
  150. <th>제휴채널</th>
  151. <td colspan="1">
  152. <!-- 수정시 프로모션명 입력 : before -->
  153. <div class="padding10" style="display: inline-block; width: 100%;">
  154. <!--<span>공급업체 설정</span>-->
  155. <div class="padding10 inner-tb-solid">
  156. <span class="buttonSpan">
  157. <button type="button" class="btn btnRight btn-success btn-lg" id="btnAddAf">제휴채널 추가</button>
  158. <button type="button" class="btn btnRight btn-success btn-lg"id="btnDeleteAf">선택삭제</button>
  159. </span> <br />
  160. <div id="gridAfPlanList" style="width: 100%; height: 200px;" class="ag-theme-balham"></div>
  161. </div>
  162. </div>
  163. </td>
  164. <th style="display: none;" id="attendTh">혜택적용</th>
  165. <td colspan="1" style="display: none;" id="attendTd">
  166. <div class="padding10" style="display: inline-block; width: 100%;">
  167. <div class="padding10 inner-tb-solid">
  168. <span class="buttonSpan">
  169. <button type="button" class="btn btnRight btn-success btn-lg" id="btnAddRow">혜택 추가</button>
  170. <button type="button" class="btn btnRight btn-success btn-lg"id="btnDeleteAt">선택삭제</button>
  171. </span> <br />
  172. <div id="gridAttendPlanList" style="width: 100%; height: 200px;" class="ag-theme-balham"></div>
  173. </div>
  174. </div>
  175. </td>
  176. </tr>
  177. <tr>
  178. <th>목록 이미지<i id="pMimgStar"></i><br/>[삭제여부<label class="chkBox"><input type="checkbox" name="orgMainPimgDelYn" value="Y"/></label>]</th>
  179. <td>
  180. <div th:if=*{mainPimg} id="mainPimgView" style="float:left;">
  181. <img id="PreMainPimgUrl" th:src="${@environment.getProperty('upload.image.view')} + *{mainPimg}" style="max-width:470px;"/>
  182. </div>
  183. </td>
  184. <td colspan="4">
  185. <div class="uFile w400">
  186. <input id="registerMainPimg" name="registerMainPimg" type="file" accept="image/*" class="uFileInput w400"/>
  187. <label for="registerMainPimg" class="uFileLabel w400">파일선택</label>
  188. <input type="hidden" name="orgMainPimg" id="orgMainPimg" th:value="*{mainPimg}"/>
  189. <input type="hidden" name="mainPimg" id="mainPimg"/>
  190. </div>
  191. </td>
  192. </tr>
  193. <!-- <tr>
  194. <th>모바일 메인 이미지<i id="mMimgStar"></i><br/>[삭제여부<label class="chkBox"><input type="checkbox" name="orgMainMimgDelYn" value="Y"/></label>]</th>
  195. <td>
  196. <div th:if=*{mainMimg} id="imgFileView" style="float:left;">
  197. <img id="PreMainMimgUrl" th:src="${@environment.getProperty('upload.image.view')} + *{mainMimg}" style="max-width:470px;"/>
  198. </div>
  199. </td>
  200. <td colspan="4">
  201. <div class="uFile w400">
  202. <input id="registerMainMimg" name="registerMainMimg" type="file" accept="image/*" class="uFileInput w400"/>
  203. <label for="registerMainMimg" class="uFileLabel w400">파일선택</label>
  204. <input type="hidden" name="orgMainMimg" id="orgMainMimg" th:value="*{mainMimg}"/>
  205. <input type="hidden" name="mainMimg" id="mainMimg"/>
  206. </div>
  207. </td>
  208. </tr> -->
  209. <tr id="pollTr" style="display: none;">
  210. <th>투표일련번호</th>
  211. <td colspan="3">
  212. <input type="text" class="w100 aR" name="pollSq" th:field="*{pollSq}"/>
  213. </td>
  214. </tr>
  215. <tr>
  216. <th class="custJoinTr" colspan="1">신규회원여부<em class="required" title="필수"></em></th>
  217. <td colspan="3">
  218. <select name="newCustYn" id="newCustYn" onchange="newCustYnChange(this)" required="required" data-valid-name="신규회원여부" th:field="*{newCustYn}">
  219. <option value="Y" selected="selected">Y</option>
  220. <option value="N" >N</option>
  221. </select>
  222. </td>
  223. </tr>
  224. <tr>
  225. <th class="custJoinDateTr">신규회원기간시작일시<em class="required" title="필수"></em></th>
  226. <td class="custJoinDateTr">
  227. <input type="hidden" name="custJoinStdt" id="custJoinStdt" data-valid-name="신규회원기간시작일시" >
  228. <input type="text" class="schDate w100" name="custJoinStDay" id="custJoinStDay" maxlength="10" />
  229. <select name="startJoinHour" required="required" data-valid-name="진행기간 시작시간">
  230. <th:block th:each="num, index : ${#numbers.sequence(0,23)}">
  231. <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}시|" th:selected="*{#strings.substring(custJoinStdt, 11, 13)} == ${#strings.toString(num)} ? 'true'">시간</option>
  232. </th:block>
  233. </select>
  234. <select name="startJoinMin" required="required" data-valid-name="진행기간 시작시간">
  235. <th:block th:each="num: ${#numbers.sequence(0,59)}">
  236. <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}분|" th:selected="*{#strings.substring(custJoinStdt, 14, 16)} == ${#strings.toString(num)} ? 'true'">분</option>
  237. </th:block>
  238. </select>
  239. <th class="custJoinDateTr">신규회원기간종료일시<em class="required" title="필수"></em></th>
  240. <td class="custJoinDateTr">
  241. <input type="hidden" id="custJoinEddt" name="custJoinEddt" data-valid-name="신규회원기간종료일시" >
  242. <input type="text" class="schDate w100" name="custJoinEdDay" id="custJoinEdDay" maxlength="10" />
  243. <select name="endJoinHour" required="required" data-valid-name="진행기간 시작시간">
  244. <th:block th:each="num, index : ${#numbers.sequence(0,23)}">
  245. <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}시|" th:selected="*{#strings.substring(custJoinEddt, 11, 13)} == ${#strings.toString(num)} ? 'true'">시간</option>
  246. </th:block>
  247. </select>
  248. <select name="endJoinMin" required="required" data-valid-name="진행기간 시작시간">
  249. <th:block th:each="num: ${#numbers.sequence(0,59)}">
  250. <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}분|" th:selected="*{#strings.substring(custJoinEddt, 14, 16)} == ${#strings.toString(num)} ? 'true'">분</option>
  251. </th:block>
  252. </select>
  253. </td>
  254. </tr>
  255. <tr>
  256. <th>댓글여부</th>
  257. <td colspan="3">
  258. <select name="replyYn" th:field="*{replyYn}">
  259. <option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:text="|${oneData.cdNm}|"></option>
  260. </select>
  261. </td>
  262. </tr>
  263. <tr style="display:none" id="append1">
  264. <th>댓글제목</th>
  265. <td>
  266. <input type="text" name="replyTitle1" id="replyTitle1" maxlength="50" required="required" th:field="*{replyTitle1}"/>
  267. </td>
  268. <th>댓글서브제목</th>
  269. <td>
  270. <input type="text" name="replyTitle2" id="replyTitle2" maxlength="50" required="required" th:field="*{replyTitle2}"/>
  271. </td>
  272. </tr>
  273. <tr style="display:none" id="append2">
  274. <th>댓글위치</th>
  275. <td>
  276. <label class="rdoBtn"><input type="radio" name="replyLoc" value="U" />상품리스트 상단</label>
  277. <label class="rdoBtn"><input type="radio" name="replyLoc" value="D"/>상품리스트 하단</label>
  278. </td>
  279. </tr>
  280. <tr style="display:none" id="append3">
  281. <th>댓글이미지<br/>[삭제여부<label class="chkBox"><input type="checkbox" name="orgReplyImgDelYn" value="Y"/></label>]</th>
  282. <td>
  283. <div th:if=*{replyImg} id="replyImgView" style="float:left;">
  284. <img id="replyImgUrl" th:src="${@environment.getProperty('upload.image.view')} + *{replyImg}" style="max-width:720px;"/>
  285. </div>
  286. </td>
  287. <td colspan="5">
  288. <div class="uFile w400">
  289. <input id="registerReplyImg" name="registerReplyImg" type="file" accept="image/*" class="uFileInput w400"/>
  290. <label for="registerReplyImg" class="uFileLabel w400">파일선택</label>
  291. <input type="hidden" name="orgReplyImg" id="orgReplyImg" th:value="*{replyImg}"/>
  292. <input type="hidden" name="replyImg" id="replyImg" th:value="*{replyImg}"/>
  293. </div>
  294. </td>
  295. </tr>
  296. </tbody>
  297. </table>
  298. <div class="panelStyle" style="margin: unset;">
  299. <!-- TITLE -->
  300. <div class="panelTitle">
  301. <h2>기획전 컨텐츠 등록</h2>
  302. <span class="panelControl"> <i
  303. class="fa inner-fa-chevron-up"></i> <!-- 열림/닫힘 화살표 -->
  304. </span>
  305. </div>
  306. <!-- //TITLE -->
  307. <div class="inner-panelContent">
  308. <div class="panelContent">
  309. <table class="frmStyle">
  310. <colgroup>
  311. <col width="10%" />
  312. <col width="90%" />
  313. </colgroup>
  314. <tr>
  315. <th> &nbsp;기획전 &nbsp; 컨텐츠&nbsp;</th>
  316. <td>
  317. <!-- 수정시 프로모션명 입력 : before -->
  318. <div class="padding10"
  319. style="display: inline-block; width: 49%;">
  320. <!--<span>공급업체 설정</span>-->
  321. <div class="padding10 inner-tb-solid">
  322. <span class="buttonSpan">
  323. <button type="button"
  324. class="btn btnRight btn-success btn-lg"
  325. onclick="fnPlanTemplatePopup();">기획전 템플릿</button>
  326. </span> <br />
  327. </div>
  328. </div>
  329. </td>
  330. </tr>
  331. </table>
  332. </div>
  333. </div>
  334. </div>
  335. <div class="panelStyle" style="margin: unset;">
  336. <!-- TITLE -->
  337. <div class="panelTitle">
  338. <h2>카테고리 / 브랜드 등록</h2>
  339. <span class="panelControl"> <i
  340. class="fa inner-fa-chevron-up"></i> <!-- 열림/닫힘 화살표 -->
  341. </span>
  342. </div>
  343. <!-- //TITLE -->
  344. <div class="panelContent">
  345. <table class="frmStyle">
  346. <colgroup>
  347. <col width="10%" />
  348. <col width="90%" />
  349. </colgroup>
  350. <tr>
  351. <th>카테고리/브랜드</th>
  352. <td>
  353. <!-- 수정시 프로모션명 입력 : before -->
  354. <div class="padding10"
  355. style="display: inline-block; width: 49%;">
  356. <!--<span>공급업체 설정</span>-->
  357. <div class="padding10 inner-tb-solid">
  358. <span class="buttonSpan">
  359. <button type="button"
  360. class="btn btnRight btn-success btn-lg"
  361. id="btnAddCate">카테고리 추가</button>
  362. <button type="button"
  363. class="btn btnRight btn-success btn-lg"
  364. id="btnDeleteCate">선택삭제</button>
  365. </span> <br />
  366. <div id="gridFGCateList"
  367. style="width: 100%; height: 200px;"
  368. class="ag-theme-balham"></div>
  369. </div>
  370. </div>
  371. <div class="padding10"
  372. style="display: inline-block; width: 49%;">
  373. <!--<span>브랜드 설정</span>-->
  374. <div class="padding10 inner-tb-solid">
  375. <span class="buttonSpan">
  376. <button type="button"
  377. class="btn btnRight btn-success btn-lg" id="btnAddBrand">브랜드
  378. 추가</button>
  379. <button type="button"
  380. class="btn btnRight btn-success btn-lg"
  381. id="btnDeleteBrand">선택삭제</button>
  382. </span> <br />
  383. <div id="gridFGBrandList"
  384. style="width: 100%; height: 200px;"
  385. class="ag-theme-balham"></div>
  386. </div>
  387. </div>
  388. </td>
  389. </tr>
  390. </table>
  391. </div>
  392. </div>
  393. </div>
  394. <div style='margin: 13px;'>
  395. <ul class="panelBar">
  396. <li class="right" th:if="${mode == 'U'}">
  397. <button type="button" class="btn btn-success btn-lg" onclick="fnPlanSave('#planUpdateForm');">저장</button>
  398. </li>
  399. </ul>
  400. </div>
  401. </form>
  402. </div>
  403. <!-- 기획전 웹 등록 -->
  404. <div class="panelContent" th:if="${mode == 'N'}">
  405. <form id="planRegisterForm" name="planRegisterForm" th:method="post">
  406. <input type="hidden" name="mode" th:value="${mode}"/>
  407. <div>
  408. <table class="frmStyle">
  409. <colgroup>
  410. <col style="width:12.5%;"/>
  411. <col/>
  412. </colgroup>
  413. <tr>
  414. <th>기존 기획전</th>
  415. <td>
  416. <input type="text" class="w100" name="searchTxt" id="searchTxt" maxlength="20" readonly="readonly"/>
  417. <input type="hidden" class="w100" name="planSq_Hideen" id="planSq_Hideen" maxlength="20"/>
  418. <button type="button" class="btn icn" id="btnPopupSearchPlan"><i class="fa fa-search"></i></button>
  419. <button type="button" class="btn btn-primary btn-lg" onclick="fnPlanCopyPopup();">기획전 복사</button>
  420. </td>
  421. </tr>
  422. </table>
  423. </div>
  424. <div class="cardArea">
  425. <table class="frmStyle">
  426. <colgroup>
  427. <col style="width:10%"/>
  428. <col style="width:40%;"/>
  429. <col style="width:10%;"/>
  430. <col style="width:35%;"/>
  431. <col/>
  432. </colgroup>
  433. <tr>
  434. <th>사이트<i class="star"></i></th>
  435. <td>
  436. <select name="siteCd" required="required" data-valid-name="사이트">
  437. <option th:if="${siteList}" th:each="oneData, status : ${siteList}" th:value="${oneData.cd}" th:text="|${oneData.cdNm}|"></option>
  438. </select>
  439. </td>
  440. <th>기획전구분<em class="required" title="필수"></em></th>
  441. <td>
  442. <select name="planGb" required="required" data-valid-name="기획전구분" onchange="fnChangePlanGb(this);">
  443. <option value="P">기획전</option>
  444. <option value="E">이벤트</option>
  445. <option value="S">총알배송</option>
  446. <option value="C">출석체크</option>
  447. </select>
  448. </td>
  449. </tr>
  450. <tr>
  451. <th>프론트 구분<em class="required" title="필수"></em></th>
  452. <td>
  453. <label class="chkBox" >
  454. <input type="checkbox" name="frontGb" value="P" th:text="PC웹" checked="checked"/>
  455. </label>
  456. <label class="chkBox" >
  457. <input type="checkbox" name="frontGb" value="M" th:text="모바일웹" checked="checked"/>
  458. </label>
  459. <label class="chkBox" >
  460. <input type="checkbox" name="frontGb" value="A" th:text="모바일앱" checked="checked"/>
  461. </label>
  462. </td>
  463. <th>전시순서</th>
  464. <td>
  465. <input type="text" class="w100 aR" name="dispOrd"/>
  466. </td>
  467. </tr>
  468. <tr>
  469. <th>기획전명<em class="required" title="필수"></em></th>
  470. <td>
  471. <input type="text" name="planNm" id="planNm" maxlength="50" required="required" data-valid-name="기획전명"/>
  472. </td>
  473. <th>서브제목</th>
  474. <td>
  475. <input type="text" name="dtlTitle1" id="dtlTitle1" data-valid-name="서브제목"/>
  476. </td>
  477. </tr>
  478. <tr>
  479. <th>진행기간<em class="required" title="필수"></em></th>
  480. <td colspan="3">
  481. <input type="text" class="schDate w100" id="viewStartDtNew" name="startSearchDate" maxlength="10" required="required" data-valid-name="노출기간" />
  482. <select name="startSearchHour" required="required" data-valid-name="진행기간 시작시간">
  483. <th:block th:each="num, index : ${#numbers.sequence(0,23)}">
  484. <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}시|" >시간</option>
  485. </th:block>
  486. </select>
  487. <select name="startSearchMin" required="required" data-valid-name="진행기간 시작시간">
  488. <th:block th:each="num: ${#numbers.sequence(0,59)}">
  489. <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}분|" >분</option>
  490. </th:block>
  491. </select>
  492. ~
  493. <input type="text" class="schDate w100" id="viewEndDtNew" name="endSearchDate" maxlength="10" required="required" data-valid-name="노출기간"/>
  494. <select name="endSearchHour" required="required" data-valid-name="진행기간 종료시간">
  495. <th:block th:each="num, index : ${#numbers.sequence(0,23)}">
  496. <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}시|" th:selected="${#numbers.formatInteger(num,2)}==23 ? 'true'">시간</option>
  497. </th:block>
  498. </select>
  499. <select name="endSearchMin" required="required" data-valid-name="진행기간 종료시간">
  500. <th:block th:each="num: ${#numbers.sequence(0,59)}">
  501. <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}분|" th:selected="${#numbers.formatInteger(num,2)}==59 ? 'true'">분</option>
  502. </th:block>
  503. </select>
  504. <input type="hidden" name="dispStdt" id="dispStdt"/>
  505. <input type="hidden" name="dispEddt" id="dispEddt"/>
  506. </td>
  507. </tr>
  508. <tr>
  509. <th>코너명노출 여부<em class="required" title="필수"></em></th>
  510. <td>
  511. <select name="cornerNmDispYn" required="required" data-valid-name="코너명노출 여부">
  512. <option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:selected="${oneData.cd} == 'Y'" th:text="|${oneData.cdNm}|"></option>
  513. </select>
  514. </td>
  515. <th>노출여부<em class="required" title="필수"></em></th>
  516. <td colspan="3">
  517. <select name="openYn" required="required" data-valid-name="오픈여부">
  518. <option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:selected="${oneData.cd} == 'Y'" th:text="|${oneData.cdNm}|"></option>
  519. </select>
  520. </td>
  521. </tr>
  522. <tr>
  523. </tr>
  524. <tr>
  525. <th>사용고객등급구분</th>
  526. <td>
  527. <label class="chkBox" th:if="${usableCustGradeList}" th:each="oneData, status : ${usableCustGradeList}">
  528. <input type="checkbox" name="usableCustGradeArr" th:value="${oneData.cd}" th:text="${oneData.cdNm}" checked="checked"/>
  529. </label>
  530. <label class="chkBox">
  531. <input type="checkbox" name="usableCustGradeArr" value="G110_60" th:text="비회원" checked="checked"/>
  532. </label>
  533. </td>
  534. <th>사용가능고객구분<em class="required" title="필수"></em></th>
  535. <td>
  536. <label class="chkBox" th:if="${usableCustGbList}" th:each="oneData, status : ${usableCustGbList}">
  537. <input type="checkbox" name="usableCustGbArr" th:value="${oneData.cd}" th:text="${oneData.cdNm}" checked="checked"/>
  538. </label>
  539. </td>
  540. </tr>
  541. <tr>
  542. <th>제휴채널</th>
  543. <td colspan="1">
  544. <!-- 수정시 프로모션명 입력 : before -->
  545. <div class="padding10" style="display: inline-block; width: 100%;">
  546. <!--<span>공급업체 설정</span>-->
  547. <div class="padding10 inner-tb-solid">
  548. <span class="buttonSpan">
  549. <button type="button" class="btn btnRight btn-success btn-lg" id="btnAddAf">제휴채널 추가</button>
  550. <button type="button" class="btn btnRight btn-success btn-lg"id="btnDeleteAf">선택삭제</button>
  551. </span> <br />
  552. <div id="gridAfPlanList" style="width: 100%; height: 200px;" class="ag-theme-balham"></div>
  553. </div>
  554. </div>
  555. </td>
  556. <th id="attendTh" style="display: none;">혜택적용</th>
  557. <td colspan="1" id="attendTd" style="display: none;">
  558. <div class="padding10" style="display: inline-block; width: 100%;">
  559. <div class="padding10 inner-tb-solid">
  560. <span class="buttonSpan">
  561. <button type="button" class="btn btnRight btn-success btn-lg" id="btnAddRow">혜택 추가</button>
  562. <button type="button" class="btn btnRight btn-success btn-lg"id="btnDeleteAt">선택삭제</button>
  563. </span> <br />
  564. <div id="gridAttendPlanList" style="width: 100%; height: 200px;" class="ag-theme-balham"></div>
  565. </div>
  566. </div>
  567. </td>
  568. </tr>
  569. <tr>
  570. <th>목록 이미지<i id="pMimgStar"></i></th>
  571. <td colspan="5">
  572. <div class="uFile w400">
  573. <input id="registerMainPimg" name="registerMainPimg" type="file" accept="image/*" class="uFileInput w400"/>
  574. <label for="registerMainPimg" class="uFileLabel w400">파일선택</label>
  575. <input type="hidden" name="mainPimg" id="mainPimg" value=""/>
  576. </div>
  577. </td>
  578. </tr>
  579. <!-- <tr>
  580. <th>모바일 메인 이미지<i id="mMimgStar"></i></th>
  581. <td colspan="5">
  582. <div class="uFile w400">
  583. <input id="registerMainMimg" name="registerMainMimg" type="file" accept="image/*" class="uFileInput w400"/>
  584. <label for="registerMainMimg" class="uFileLabel w400">파일선택</label>
  585. <input type="hidden" name="mainMimg" id="mainMimg" value=""/>
  586. </div>
  587. </td>
  588. </tr> -->
  589. <tr id="pollTr" style="display: none;">
  590. <th>투표일련번호</th>
  591. <td>
  592. <input type="text" class="w100 aR" name="pollSq"/>
  593. </td>
  594. </tr>
  595. <tr>
  596. <th class="custJoinTr" colspan="1">신규회원여부<em class="required" title="필수"></em></th>
  597. <td colspan="2">
  598. <select name="newCustYn" id="newCustYn" onchange="newCustYnChange(this)" required="required" data-valid-name="신규회원여부">
  599. <option value="Y" selected="selected">Y</option>
  600. <option value="N" >N</option>
  601. </select>
  602. </td>
  603. </tr>
  604. <tr>
  605. <th class="custJoinDateTr">신규회원기간시작일시<em class="required" title="필수"></em></th>
  606. <td class="custJoinDateTr">
  607. <input type="hidden" name="custJoinStdt" id="custJoinStdt" data-valid-name="신규회원기간시작일시">
  608. <input type="text" class="schDate w100" name="custJoinStDay" id="custJoinStDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
  609. <select name="startJoinHour" required="required" data-valid-name="진행기간 시작시간">
  610. <th:block th:each="num, index : ${#numbers.sequence(0,23)}">
  611. <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}시|" th:selected="*{#strings.substring(dispStdt, 11, 13)} == ${#strings.toString(num)} ? 'true'">시간</option>
  612. </th:block>
  613. </select>
  614. <select name="startJoinMin" required="required" data-valid-name="진행기간 시작시간">
  615. <th:block th:each="num: ${#numbers.sequence(0,59)}">
  616. <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}분|" th:selected="*{#strings.substring(dispStdt, 14, 16)} == ${#strings.toString(num)} ? 'true'">분</option>
  617. </th:block>
  618. </select>
  619. <th class="custJoinDateTr">신규회원기간종료일시<em class="required" title="필수"></em></th>
  620. <td class="custJoinDateTr">
  621. <input type="hidden" id="custJoinEddt" name="custJoinEddt" data-valid-name="신규회원기간종료일시">
  622. <input type="text" class="schDate w100" name="custJoinEdDay" id="custJoinEdDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
  623. <select name="endJoinHour" required="required" data-valid-name="진행기간 시작시간">
  624. <th:block th:each="num, index : ${#numbers.sequence(0,23)}">
  625. <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}시|" th:selected="*{#strings.substring(dispStdt, 11, 13)} == ${#strings.toString(num)} ? 'true'">시간</option>
  626. </th:block>
  627. </select>
  628. <select name="endJoinMin" required="required" data-valid-name="진행기간 시작시간">
  629. <th:block th:each="num: ${#numbers.sequence(0,59)}">
  630. <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}분|" th:selected="*{#strings.substring(dispStdt, 14, 16)} == ${#strings.toString(num)} ? 'true'">분</option>
  631. </th:block>
  632. </select>
  633. </td>
  634. </tr>
  635. <tr>
  636. <th>댓글여부<em class="required" title="필수"></em></th>
  637. <td colspan="5">
  638. <select name="replyYn">
  639. <option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:selected="${oneData.cd} == 'N'" th:text="|${oneData.cdNm}|"></option>
  640. </select>
  641. </td>
  642. </tr>
  643. <tr style="display:none" id="append1">
  644. <th>댓글제목<em class="required" title="필수"></em></th>
  645. <td>
  646. <input type="text" name="replyTitle1" id="replyTitle1" maxlength="50" required="required"/>
  647. </td>
  648. <th>댓글서브제목</th>
  649. <td>
  650. <input type="text" name="replyTitle2" id="replyTitle3" maxlength="50" required="required"/>
  651. </td>
  652. </tr>
  653. <tr style="display:none" id="append2">
  654. <th>댓글위치</th>
  655. <td>
  656. <label class="rdoBtn"><input type="radio" name="replyLoc" value="U"/>상품리스트 상단</label>
  657. <label class="rdoBtn"><input type="radio" name="replyLoc" value="D"/>상품리스트 하단</label>
  658. </td>
  659. </tr>
  660. <tr style="display:none" id="append3">
  661. <th>댓글이미지</th>
  662. <td colspan="5">
  663. <div class="uFile w400">
  664. <input id="registerReplyImg" name="registerReplyImg" type="file" accept="image/*" class="uFileInput w400"/>
  665. <label for="registerReplyImg" class="uFileLabel w400">파일선택</label>
  666. <input type="hidden" name="replyImg" id="replyImg" value=""/>
  667. </div>
  668. </td>
  669. </tr>
  670. </tbody>
  671. <tbody>
  672. </table>
  673. <div class="panelStyle" style="margin: unset;">
  674. <!-- TITLE -->
  675. <div class="panelTitle">
  676. <h2>카테고리 / 브랜드 등록</h2>
  677. <span class="panelControl"> <i
  678. class="fa inner-fa-chevron-up"></i> <!-- 열림/닫힘 화살표 -->
  679. </span>
  680. </div>
  681. <!-- //TITLE -->
  682. <div class="inner-panelContent">
  683. <div class="panelContent">
  684. <table class="frmStyle">
  685. <colgroup>
  686. <col width="10%" />
  687. <col width="90%" />
  688. </colgroup>
  689. <tr>
  690. <th>카테고리/브랜드</th>
  691. <td>
  692. <!-- 수정시 프로모션명 입력 : before -->
  693. <div class="padding10"
  694. style="display: inline-block; width: 49%;">
  695. <!--<span>공급업체 설정</span>-->
  696. <div class="padding10 inner-tb-solid">
  697. <span class="buttonSpan">
  698. <button type="button"
  699. class="btn btnRight btn-success btn-lg"
  700. id="btnAddCate">카테고리 추가</button>
  701. <button type="button"
  702. class="btn btnRight btn-success btn-lg"
  703. id="btnDeleteCate">선택삭제</button>
  704. </span> <br />
  705. <div id="gridFGCateList"
  706. style="width: 100%; height: 200px;"
  707. class="ag-theme-balham"></div>
  708. </div>
  709. </div>
  710. <div class="padding10"
  711. style="display: inline-block; width: 49%;">
  712. <!--<span>브랜드 설정</span>-->
  713. <div class="padding10 inner-tb-solid">
  714. <span class="buttonSpan">
  715. <button type="button"
  716. class="btn btnRight btn-success btn-lg" id="btnAddBrand">브랜드
  717. 추가</button>
  718. <button type="button"
  719. class="btn btnRight btn-success btn-lg"
  720. id="btnDeleteBrand">선택삭제</button>
  721. </span> <br />
  722. <!-- 브랜드 선택 팝업(단수 선택 팝업... 복수를 새로 만들어야하는지 ? 아니면 변수처리해야하는지 ? -->
  723. <div id="gridFGBrandList"
  724. style="width: 100%; height: 200px;"
  725. class="ag-theme-balham"></div>
  726. </div>
  727. </div>
  728. </td>
  729. </tr>
  730. </table>
  731. </div>
  732. </div>
  733. </div>
  734. </div>
  735. <ul class="panelBar">
  736. <li class="right" th:if="${mode == 'N'}">
  737. <button type="button" class="btn btn-info btn-lg" onclick="fnPlanSave('#planRegisterForm');">저장</button>
  738. </li>
  739. </ul>
  740. </form>
  741. </div>
  742. </div>
  743. </div>
  744. <script type="text/javascript" src="/ux/plugins/summernote/summernote.js?v=2020103001"></script>
  745. <script type="text/javascript" src="/ux/plugins/gaga/gaga.summernote.js?v=2020103001"></script>
  746. <script th:inline="javascript">
  747. /*<![CDATA[*/
  748. var mode = [[${mode}]];
  749. var planInfo = [[${planInfo}]];
  750. var fsrcPc = [[${fsrcPc}]];
  751. var fsrcMobile = [[${fsrcMobile}]];
  752. var planBrandList = [[${planBrandList}]];
  753. var planCateList = [[${planCateList}]];
  754. var custGbList = [[${gbList}]];
  755. var custGradeList = [[${gradeList}]];
  756. var afChannelList = [[${afChannelList}]];
  757. var benefitList = [[${benefitList}]];
  758. var snOptions;
  759. let useYnList = { "Y":"Yes", "N":"No" };
  760. let channelName = {"G053_01":"직접","G053_02":"네이버","G053_03":"다음","G053_04":"크리데오","G053_05":"카카오","G053_06":"인스타그램","G053_07":"페이스북","G053_08":"구글"
  761. ,"G053_09":"바이럴","G053_10":"모비온","G053_11":"YES24","G053_12":"한세드림"}
  762. let columnAfDefs = [
  763. {width: 40, minWidth: 40, cellClass: 'text-right', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
  764. {headerName: "제휴채널코드", field: "afLinkCd", width: 100, cellClass: 'text-center'},
  765. {
  766. headerName: "제휴채널명", field: "afLinkNm", width: 180,
  767. cellRenderer: function(params) {
  768. return '<a href="javascript:void(0);">' + params.value + '</a>';
  769. }
  770. },
  771. {headerName: "상위제휴채널", field: "afChannel", width: 120, cellClass: 'text-center',
  772. cellEditor: 'agRichSelectCellEditor',
  773. cellEditorParams: { values: gagaAgGrid.extractValues(channelName) },
  774. valueFormatter: function (params) { return gagaAgGrid.lookupValue(channelName, params.value); },
  775. valueParser: function (params) { return gagaAgGrid.lookupKey(channelName, params.newValue); }
  776. }
  777. ];
  778. // 제휴채널 그리드 설정
  779. var gridOptionsAfList = gagaAgGrid.getGridOptions(columnAfDefs);
  780. gridOptionsAfList.rowSelection = "multiple";
  781. gridOptionsAfList.suppressRowClickSelection = true;
  782. // 카테고리 전시 여부
  783. var fnCataCheck = function(is, formId) {
  784. if (is.checked) {
  785. $(formId + ' input[name=cateDispYn]').val('Y');
  786. // 추후 카테고리 표시
  787. } else {
  788. $(formId + ' input[name=cateDispYn]').val('N');
  789. }
  790. }
  791. // 상품제한여부
  792. var fnGoodsCheck = function(is, formId) {
  793. if (is.checked) {
  794. $(formId + ' input[name=goodsLimitYn]').val('Y');
  795. $(formId + ' input[name=goodsLimitQty]').show();
  796. $(formId + ' input[name=goodsLimitQty]').focus();
  797. // 추후 카테고리 표시
  798. } else {
  799. $(formId + ' input[name=goodsLimitYn]').val('N');
  800. $(formId + ' input[name=goodsLimitQty]').hide();
  801. }
  802. }
  803. //템플릿 유형 설정
  804. var fnPlanTemplatePopup = function () {
  805. var actionUrl = "/marketing/planning/detail/template/form?mode=C&planSq=" + planInfo.planSq;
  806. cfnOpenModalPopup(actionUrl,'popupPlanTemplate');
  807. }
  808. // 기존 기획전 조회 선택시
  809. $('#btnPopupSearchPlan').on('click', function(result) {
  810. cfnOpenPlanPopup('popupPlan');
  811. });
  812. var popupPlan = function (result) {
  813. $("#planSq_Hideen").val(result[0].planSq);
  814. $("#searchTxt").val("[" + result[0].planSq + "] " +result[0].planNm);
  815. }
  816. // 댓글여부에 입력창 추가
  817. /* $('select[name=replyYn]').on('change', function() {
  818. if($('select[name=replyYn]').val() == 'Y'){
  819. $("#append1").removeAttr('style');
  820. $("#append2").removeAttr('style');
  821. $("#append3").removeAttr('style');
  822. }else{
  823. $("#append1").css('display','none');
  824. $("#append2").css('display','none');
  825. $("#append3").css('display','none');
  826. }
  827. }) */
  828. // 불러오기 댓글
  829. if($('#planUpdateForm select[name=replyYn]').val()=='Y'){
  830. /* $("#append1").removeAttr('style');
  831. $("#append2").removeAttr('style');
  832. $("#append3").removeAttr('style'); */
  833. var frontGbData = planInfo.frontGb.split('|');
  834. var chkboxCnt = $('#planUpdateForm input:checkbox[name=frontGb]').length;
  835. for(let i=0; i<chkboxCnt; i++){
  836. for(let j=0; j<frontGbData.length; j++){
  837. var data = frontGbData[j];
  838. if($('#planUpdateForm input:checkbox[name=frontGb]').eq(i).val() == data){
  839. $('#planUpdateForm input:checkbox[name=frontGb]').eq(i).prop('checked', true);
  840. $("#planUpdateForm input:checkbox[name=frontGb]").eq(i).parent().addClass('checked');
  841. }
  842. }
  843. }
  844. if(planInfo.newCustYn == 'Y'){
  845. $('.custJoinDateTr').css('display' , '');
  846. $('#custJoinStdt').attr('required' , true);
  847. $('#custJoinEddt').attr('required' , true);
  848. } else {
  849. $('.custJoinDateTr').css('display' , 'none');
  850. $('#custJoinStdt').attr('required' , false);
  851. $('#custJoinEddt').attr('required' , false);
  852. }
  853. if(planInfo.replyLoc == "D"){
  854. $('#planUpdateForm input:radio[name=replyLoc]:radio[value="D"]').prop('checked', true);
  855. }else {
  856. $('#planUpdateForm input:radio[name=replyLoc]:radio[value="U"]').prop('checked', true);
  857. }
  858. if(custGbList.length > 0){
  859. var chkboxCnt = $('#planUpdateForm input:checkbox[name=usableCustGbArr]').length;
  860. var dataCnt = custGbList.length;
  861. for(let i=0; i<chkboxCnt; i++){
  862. for(let j=0; j<dataCnt; j++){
  863. var data = custGbList[j].custGb;
  864. if($('#planUpdateForm input:checkbox[name=usableCustGbArr]').eq(i).val() == data){
  865. $('#planUpdateForm input:checkbox[name=usableCustGbArr]').eq(i).prop('checked', true);
  866. $("#planUpdateForm input:checkbox[name=usableCustGbArr]").eq(i).parent().addClass('checked');
  867. }
  868. }
  869. }
  870. }
  871. if(custGradeList.length > 0){
  872. var chkboxCnt = $('#planUpdateForm input:checkbox[name=usableCustGradeArr]').length;
  873. var dataCnt = custGradeList.length;
  874. for(let i=0; i<chkboxCnt; i++){
  875. for(let j=0; j<dataCnt; j++){
  876. var data = custGradeList[j].custGrade;
  877. if($('#planUpdateForm input:checkbox[name=usableCustGradeArr]').eq(i).val() == data){
  878. $('#planUpdateForm input:checkbox[name=usableCustGradeArr]').eq(i).prop('checked', true);
  879. $("#planUpdateForm input:checkbox[name=usableCustGradeArr]").eq(i).parent().addClass('checked');
  880. }
  881. }
  882. }
  883. }
  884. }else if($('#planUpdateForm select[name=replyYn]').val()=='N'){
  885. /* $("#append1").css('display','none');
  886. $("#append2").css('display','none');
  887. $("#append3").css('display','none'); */
  888. var frontGbData = planInfo.frontGb.split('|');
  889. var chkboxCnt = $('#planUpdateForm input:checkbox[name=frontGb]').length;
  890. for(let i=0; i<chkboxCnt; i++){
  891. for(let j=0; j<frontGbData.length; j++){
  892. var data = frontGbData[j];
  893. if($('#planUpdateForm input:checkbox[name=frontGb]').eq(i).val() == data){
  894. $('#planUpdateForm input:checkbox[name=frontGb]').eq(i).prop('checked', true);
  895. $("#planUpdateForm input:checkbox[name=frontGb]").eq(i).parent().addClass('checked');
  896. }
  897. }
  898. }
  899. if(planInfo.newCustYn == 'Y'){
  900. $('.custJoinDateTr').css('display' , '');
  901. $('#custJoinStdt').attr('required' , true);
  902. $('#custJoinEddt').attr('required' , true);
  903. } else {
  904. $('.custJoinDateTr').css('display' , 'none');
  905. $('#custJoinStdt').attr('required' , false);
  906. $('#custJoinEddt').attr('required' , false);
  907. }
  908. if(planInfo.replyLoc == "D"){
  909. $('#planUpdateForm input:radio[name=replyLoc]:radio[value="D"]').prop('checked', true);
  910. }else {
  911. $('#planUpdateForm input:radio[name=replyLoc]:radio[value="U"]').prop('checked', true);
  912. }
  913. if(custGbList.length > 0){
  914. var chkboxCnt = $('#planUpdateForm input:checkbox[name=usableCustGbArr]').length;
  915. var dataCnt = custGbList.length;
  916. for(let i=0; i<chkboxCnt; i++){
  917. for(let j=0; j<dataCnt; j++){
  918. var data = custGbList[j].custGb;
  919. if($('#planUpdateForm input:checkbox[name=usableCustGbArr]').eq(i).val() == data){
  920. $('#planUpdateForm input:checkbox[name=usableCustGbArr]').eq(i).prop('checked', true);
  921. $("#planUpdateForm input:checkbox[name=usableCustGbArr]").eq(i).parent().addClass('checked');
  922. }
  923. }
  924. }
  925. }
  926. if(custGradeList.length > 0){
  927. var chkboxCnt = $('#planUpdateForm input:checkbox[name=usableCustGradeArr]').length;
  928. var dataCnt = custGradeList.length;
  929. for(let i=0; i<chkboxCnt; i++){
  930. for(let j=0; j<dataCnt; j++){
  931. var data = custGradeList[j].custGrade;
  932. if($('#planUpdateForm input:checkbox[name=usableCustGradeArr]').eq(i).val() == data){
  933. $('#planUpdateForm input:checkbox[name=usableCustGradeArr]').eq(i).prop('checked', true);
  934. $("#planUpdateForm input:checkbox[name=usableCustGradeArr]").eq(i).parent().addClass('checked');
  935. }
  936. }
  937. }
  938. }
  939. }/* else{
  940. $("#append1").css('display','none');
  941. $("#append2").css('display','none');
  942. $("#append3").css('display','none');
  943. } */
  944. // 기획전 복사
  945. var fnPlanCopyPopup = function() {
  946. var planSq = $("#planSq_Hideen").val();
  947. if (gagajf.isNull(planSq)) {
  948. mcxDialog.alert('복사할 기획전을 선택하세요.');
  949. return;
  950. }
  951. mcxDialog.confirm('선택 된 기획전을 복사 하시겠습니까?', {
  952. cancelBtnText: "취소",
  953. sureBtnText: "확인",
  954. sureBtnClick: function() {
  955. var actionUrl = '/marketing/planning/copy';
  956. var data = {copyPlanSq : planSq};
  957. var jsonData = JSON.stringify(data);
  958. gagajf.ajaxJsonSubmit(actionUrl, jsonData, fnCopyCallback);
  959. }
  960. });
  961. }
  962. // 기획전 복사 callback
  963. var fnCopyCallback = function(result) {
  964. uifnPopupClose('planRegisterFormDiv');
  965. fnPlanListSearch();
  966. var actionUrl = "/marketing/planning/detail/form?mode=U&planSq=" + result.planSq;
  967. cfnOpenModalPopup(actionUrl,'popupPlan');
  968. }
  969. var fnPlanSave = function(formId) {
  970. /* if (!gagajf.validation(formId))
  971. return; */
  972. // 날짜 유효성 체크
  973. var stDate = $(formId + ' input[name=startSearchDate]').val().replaceAll("-", "");
  974. var edDate = $(formId + ' input[name=endSearchDate]').val().replaceAll("-", "");
  975. var stDate2 = $(formId + ' input[name=custJoinStDay]').val().replaceAll("-", "");
  976. var edDate2 = $(formId + ' input[name=custJoinEdDay]').val().replaceAll("-", "");
  977. var toDate = _today.replaceAll("-", "");
  978. if (Number(stDate) > Number(edDate)) {
  979. mcxDialog.alert('종료일자는 시작일자 보다 클 수 없습니다.');
  980. return;
  981. }
  982. if (Number(stDate) < Number(toDate) && mode == 'N') {
  983. mcxDialog.alert('시작일자는 오늘포함 이후로 등록해주세요.');
  984. return;
  985. }
  986. if (Number(edDate) < Number(toDate) && mode == 'N') {
  987. mcxDialog.alert('종료일자는 오늘포함 이후로 등록해주세요.');
  988. return;
  989. }
  990. if (Number(stDate2) > Number(edDate2)) {
  991. mcxDialog.alert('신규회원 종료일자는 시작일자 보다 클 수 없습니다.');
  992. return;
  993. }
  994. if (Number(stDate2) < Number(toDate) && mode == 'N') {
  995. mcxDialog.alert('신규회원 시작일자는 오늘포함 이후로 등록해주세요.');
  996. return;
  997. }
  998. if (Number(edDate2) < Number(toDate) && mode == 'N') {
  999. mcxDialog.alert('신규회원 종료일자는 오늘포함 이후로 등록해주세요.');
  1000. return;
  1001. }
  1002. stDate = $(formId + ' input[name=startSearchDate]').val();
  1003. edDate = $(formId + ' input[name=endSearchDate]').val();
  1004. stDate2 = $(formId + ' input[name=custJoinStDay]').val();
  1005. edDate2 = $(formId + ' input[name=custJoinEdDay]').val();
  1006. $(formId + ' input[name=dispStdt]').val(stDate + ' ' + $(formId + ' select[name=startSearchHour]').val() + ':' + $(formId + ' select[name=startSearchMin]').val() + ':00');
  1007. $(formId + ' input[name=dispEddt]').val(edDate + ' ' + $(formId + ' select[name=endSearchHour]').val() + ':' + $(formId + ' select[name=endSearchMin]').val() + ':59');
  1008. $(formId + ' input[name=custJoinStdt]').val(stDate2 + ' ' + $(formId + ' select[name=startJoinHour]').val() + ':' + $(formId + ' select[name=startJoinMin]').val() + ':00');
  1009. $(formId + ' input[name=custJoinEddt]').val(edDate2 + ' ' + $(formId + ' select[name=endJoinHour]').val() + ':' + $(formId + ' select[name=endJoinMin]').val() + ':59');
  1010. if ($('#replyYn').val() == 'Y') {
  1011. var replyLoc = $(':radio[name="replyLoc"]:checked').val();
  1012. if (typeof replyLoc == 'undefined') {
  1013. mcxDialog.alert('댓글 사용 시 댓글위치를 선택해야합니다.');
  1014. return;
  1015. }
  1016. }
  1017. var privacyPolicy = '';
  1018. var frontGb = $('#frontGb').val();
  1019. if (mode =='U') {
  1020. //if($("#planGb").val()=='E'){
  1021. // privacyPolicy = gagaSn.getContents('privacyPolicyDetail');
  1022. //}
  1023. // 이미지 처리
  1024. if ((!$('input[name=orgMainPimgDelYn]').is(':checked') ? true : false) &&
  1025. (gagajf.isNull($(formId + ' input[name=mainPimg]').val()) == true) ) {
  1026. $(formId + ' input[name=mainPimg]').val($(formId + ' input[name=orgMainPimg]').val());
  1027. }
  1028. if ((!$('input[name=orgMainMimgDelYn]').is(':checked') ? true : false) &&
  1029. (gagajf.isNull($(formId + ' input[name=mainMimg]').val()) == true) ) {
  1030. $(formId + ' input[name=mainMimg]').val($(formId + ' input[name=orgMainMimg]').val());
  1031. }
  1032. if ((!$('input[name=orgDtlPimgDelYn]').is(':checked') ? true : false) &&
  1033. (gagajf.isNull($(formId + ' input[name=dtlPimg]').val()) == true) ) {
  1034. $(formId + ' input[name=dtlPimg]').val($(formId + ' input[name=orgDtlPimg]').val());
  1035. }
  1036. if ((!$('input[name=orgDtlMimgDelYn]').is(':checked') ? true : false) &&
  1037. (gagajf.isNull($(formId + ' input[name=dtlMimg]').val()) == true) ) {
  1038. $(formId + ' input[name=dtlMimg]').val($(formId + ' input[name=orgDtlMimg]').val());
  1039. }
  1040. if ((!$('input[name=orgReplyImgDelYn]').is(':checked') ? true : false) &&
  1041. (gagajf.isNull($(formId + ' input[name=replyImg]').val()) == true) ) {
  1042. $(formId + ' input[name=replyImg]').val($(formId + ' input[name=orgReplyImg]').val());
  1043. }
  1044. }
  1045. let allBrandData = gagaAgGrid.getAllRowData(gridOptionsFGBrandList);
  1046. var multiBrand = [];
  1047. $.each(allBrandData, function(idx, item) {
  1048. multiBrand.push(item.brandGroupNo);
  1049. });
  1050. let allCateData = gagaAgGrid.getAllRowData(gridOptionsFGCateList);
  1051. var multiCate = [];
  1052. $.each(allCateData, function(idx, item) {
  1053. multiCate.push(item.cateNo);
  1054. });
  1055. let allChannelData = gagaAgGrid.getAllRowData(gridOptionsAfList);
  1056. var multiChannel = [];
  1057. $.each(allChannelData, function(idx, item) {
  1058. multiChannel.push(item.afLinkCd);
  1059. });
  1060. let attendData = gagaAgGrid.getAllRowData(gridOptionsAttendList);
  1061. // poll 관리일련번호 유효성 체크
  1062. if (!gagajf.isNull($(formId + ' input[name=pollSq]').val())) {
  1063. gagajf.ajaxFormSubmit('/marketing/poll/list', formId, function(result) {
  1064. if (result.length < 1) {
  1065. mcxDialog.alert('입력하신 투표 일련번호가 존재 하지않습니다.');
  1066. return false;
  1067. }
  1068. });
  1069. }
  1070. // 기획전 등록
  1071. if (formId == '#planRegisterForm') {
  1072. mcxDialog.confirm('등록 하시겠습니까?', {
  1073. cancelBtnText: "취소",
  1074. sureBtnText: "확인",
  1075. sureBtnClick: function() {
  1076. if(!validationPlanDetail()){
  1077. return false;
  1078. }
  1079. if ($('#planRegisterForm input[name=mainPimg]').val()=='') {
  1080. mcxDialog.alert("메인이미지를 등록하세요.");
  1081. return false;
  1082. }
  1083. var chkFrontGb = $('#planRegisterForm input:checkbox[name=frontGb]:checked');
  1084. if(chkFrontGb.length < 1){
  1085. mcxDialog.alert("프론트구분을 체크해주세요.");
  1086. return false;
  1087. }
  1088. var frontGb = '';
  1089. for(let i=0; i< chkFrontGb.length; i++){
  1090. frontGb += chkFrontGb.eq(i).val();
  1091. if (i != (chkFrontGb.length-1) ) {
  1092. frontGb += '|';
  1093. }
  1094. }
  1095. var usableCustGradeArr = [];
  1096. var chkCustGrade = $('#planRegisterForm input:checkbox[name=usableCustGradeArr]:checked');
  1097. /* if(chkCustGrade.length < 1){
  1098. mcxDialog.alert("사용가능고객등급을 체크해주세요.");
  1099. return false;
  1100. } */
  1101. for(let i=0; i< chkCustGrade.length; i++){
  1102. usableCustGradeArr.push(chkCustGrade.eq(i).val());
  1103. }
  1104. var usableCustGbArr = [];
  1105. var chkCustGb = $('#planRegisterForm input:checkbox[name=usableCustGbArr]:checked');
  1106. if(chkCustGb.length < 1){
  1107. mcxDialog.alert("사용가능고객구분을 체크해주세요.");
  1108. return false;
  1109. }
  1110. for(let i=0; i< chkCustGb.length; i++){
  1111. usableCustGbArr.push(chkCustGb.eq(i).val());
  1112. }
  1113. let data = {
  1114. multiBrand : multiBrand
  1115. ,brandList : allBrandData
  1116. ,multiCate : multiCate
  1117. ,CateList : allCateData
  1118. ,usableCustGradeArr : usableCustGradeArr
  1119. ,usableCustGbArr : usableCustGbArr
  1120. ,multiChannel : multiChannel
  1121. ,attendData : attendData
  1122. ,mode : $('#planRegisterForm input[name=mode]').val()
  1123. ,planSq : $('#planRegisterForm input[name=planSq]').val()
  1124. ,planGb : $('#planRegisterForm select[name=planGb]').val()
  1125. ,frontGb : frontGb
  1126. ,planNm : $('#planRegisterForm input[name=planNm]').val()
  1127. ,startSearchDate : $('#planRegisterForm input[name=startSearchDate]').val()
  1128. ,endSearchDate : $('#planRegisterForm input[name=endSearchDate]').val()
  1129. ,custJoinStdt : $('#planRegisterForm input[name=custJoinStdt]').val()
  1130. ,custJoinEddt : $('#planRegisterForm input[name=custJoinEddt]').val()
  1131. ,custJoinEdDay : $('#planRegisterForm input[name=custJoinEdDay]').val()
  1132. ,custJoinStDay : $('#planRegisterForm input[name=custJoinStDay]').val()
  1133. ,dispStdt : $('#planRegisterForm input[name=dispStdt]').val()
  1134. ,dispEddt : $('#planRegisterForm input[name=dispEddt]').val()
  1135. ,dtlTitle1 : $('#planRegisterForm input[name=dtlTitle1]').val()
  1136. ,cornerNmDispYn : $('#planRegisterForm select[name=cornerNmDispYn]').val()
  1137. ,openYn : $('#planRegisterForm select[name=openYn]').val()
  1138. ,siteCd :$('#planRegisterForm select[name=siteCd]').val()
  1139. ,dispOrd : $('#planRegisterForm input[name=dispOrd]').val()
  1140. ,replyYn : $('#planRegisterForm select[name=replyYn]').val()
  1141. ,mainPimg :$('#planRegisterForm input[name=mainPimg]').val()
  1142. ,mainMimg : $('#planRegisterForm input[name=mainMimg]').val()
  1143. ,fsrcPc : $('#planRegisterForm input[name=fsrcPc]').val()
  1144. ,fsrcMobile : $('#planRegisterForm input[name=fsrcMobile]').val()
  1145. ,replyImg : $('#planRegisterForm input[name=replyImg]').val()
  1146. ,replyLoc : $('#planRegisterForm input:radio[name="replyLoc"]:checked').val()
  1147. ,replyTitle1 : $('#planRegisterForm input[name=replyTitle1]').val()
  1148. ,replyTitle2 : $('#planRegisterForm input[name=replyTitle2]').val()
  1149. ,pollSq : $('#planRegisterForm input[name=pollSq]').val()
  1150. ,newCustYn :$('#planRegisterForm select[name=newCustYn]').val()
  1151. }
  1152. var jsonData = JSON.stringify(data);
  1153. gagajf.ajaxJsonSubmit("/marketing/planning/detail/create", jsonData, fnPlanDetailCallBack);
  1154. uifnPopupClose('planRegisterFormDiv');
  1155. fnPlanListSearch();
  1156. //fnPlanDetailClose();
  1157. }
  1158. });
  1159. } else { // 기획전 수정
  1160. mcxDialog.confirm('저장 하시겠습니까?', {
  1161. cancelBtnText: "취소",
  1162. sureBtnText: "확인",
  1163. sureBtnClick: function() {
  1164. if(!validationPlanDetail()){
  1165. return false;
  1166. }
  1167. var chkFrontGb = $('#planUpdateForm input:checkbox[name=frontGb]:checked');
  1168. if(chkFrontGb.length < 1){
  1169. mcxDialog.alert("프론트구분을 체크해주세요.");
  1170. return false;
  1171. }
  1172. var frontGb = '';
  1173. for(let i=0; i< chkFrontGb.length; i++){
  1174. frontGb += chkFrontGb.eq(i).val();
  1175. if (i != (chkFrontGb.length-1) ) {
  1176. frontGb += '|';
  1177. }
  1178. }
  1179. var usableCustGradeArr = [];
  1180. var chkCustGrade = $('#planUpdateForm input:checkbox[name=usableCustGradeArr]:checked');
  1181. /* if(chkCustGrade.length < 1){
  1182. mcxDialog.alert("사용가능고객등급을 체크해주세요.");
  1183. return false;
  1184. } */
  1185. for(let i=0; i< chkCustGrade.length; i++){
  1186. usableCustGradeArr.push(chkCustGrade.eq(i).val());
  1187. }
  1188. var usableCustGbArr = [];
  1189. var chkCustGb = $('#planUpdateForm input:checkbox[name=usableCustGbArr]:checked');
  1190. if(chkCustGb.length < 1){
  1191. mcxDialog.alert("사용가능고객구분을 체크해주세요.");
  1192. return false;
  1193. }
  1194. for(let i=0; i< chkCustGb.length; i++){
  1195. usableCustGbArr.push(chkCustGb.eq(i).val());
  1196. }
  1197. let data = {
  1198. multiBrand : multiBrand
  1199. ,brandList : allBrandData
  1200. ,multiCate : multiCate
  1201. ,multiChannel : multiChannel
  1202. ,attendData : attendData
  1203. ,CateList : allCateData
  1204. ,usableCustGradeArr : usableCustGradeArr
  1205. ,usableCustGbArr : usableCustGbArr
  1206. ,mode : $('#planUpdateForm input[name=mode]').val()
  1207. ,planSq : $('#planUpdateForm input[name=planSq]').val()
  1208. ,planGb : $('#planUpdateForm select[name=planGb]').val()
  1209. ,frontGb : frontGb
  1210. ,planNm : $('#planUpdateForm input[name=planNm]').val()
  1211. ,startSearchDate : $('#planUpdateForm input[name=startSearchDate]').val()
  1212. ,startSearchHour : $('#planUpdateForm input[name=startSearchHour]').val()
  1213. ,startSearchMin : $('#planUpdateForm input[name=startSearchMin]').val()
  1214. ,endSearchDate : $('#planUpdateForm input[name=endSearchDate]').val()
  1215. ,endSearchHour : $('#planUpdateForm input[name=endSearchHour]').val()
  1216. ,endSearchMin : $('#planUpdateForm input[name=endSearchMin]').val()
  1217. ,custJoinStdt : $('#planUpdateForm input[name=custJoinStdt]').val()
  1218. ,startJoinHour : $('#planUpdateForm input[name=startJoinHour]').val()
  1219. ,startJoinMin : $('#planUpdateForm input[name=startJoinMin]').val()
  1220. ,custJoinEddt : $('#planUpdateForm input[name=custJoinEddt]').val()
  1221. ,endJoinHour : $('#planUpdateForm input[name=endJoinHour]').val()
  1222. ,endJoinMin : $('#planUpdateForm input[name=endJoinMin]').val()
  1223. ,dispStdt : $('#planUpdateForm input[name=dispStdt]').val()
  1224. ,dispEddt : $('#planUpdateForm input[name=dispEddt]').val()
  1225. ,dtlTitle1 : $('#planUpdateForm input[name=dtlTitle1]').val()
  1226. ,cornerNmDispYn : $('#planUpdateForm select[name=cornerNmDispYn]').val()
  1227. ,openYn : $('#planUpdateForm select[name=openYn]').val()
  1228. ,siteCd :$('#planUpdateForm select[name=siteCd]').val()
  1229. ,dispOrd : $('#planUpdateForm input[name=dispOrd]').val()
  1230. ,replyYn : $('#planUpdateForm select[name=replyYn]').val()
  1231. ,mainPimg :$('#planUpdateForm input[name=mainPimg]').val()
  1232. ,mainMimg : $('#planUpdateForm input[name=mainMimg]').val()
  1233. ,fsrcPc : $('#planUpdateForm input[name=fsrcPc]').val()
  1234. ,fsrcMobile : $('#planUpdateForm input[name=fsrcMobile]').val()
  1235. ,replyImg : $('#planUpdateForm input[name=replyImg]').val()
  1236. ,replyLoc : $('#planUpdateForm input:radio[name="replyLoc"]:checked').val()
  1237. ,replyTitle1 : $('#planUpdateForm input[name=replyTitle1]').val()
  1238. ,replyTitle2 : $('#planUpdateForm input[name=replyTitle2]').val()
  1239. ,pollSq : $('#planUpdateForm input[name=pollSq]').val()
  1240. ,newCustYn : $('#planUpdateForm select[name=newCustYn]').val()
  1241. }
  1242. var actionUrl = '/marketing/plan/detail/update';
  1243. var jsonData = JSON.stringify(data);
  1244. gagajf.ajaxJsonSubmit(actionUrl, jsonData, fnPlanDetailCallBack);
  1245. uifnPopupClose('planRegisterFormDiv');
  1246. fnPlanListSearch();
  1247. //fnPlanDetailClose();
  1248. }
  1249. });
  1250. }
  1251. }
  1252. // 이미지 첨부
  1253. $('input[name=registerMainPimg],input[name=registerMainMimg],input[name=registerDtlPimg],input[name=registerDtlMimg],input[name=registerReplyImg]').on('change', function() {
  1254. var name = $(this)[0].name;
  1255. var file = this.files[0];
  1256. gagajf.ajaxFileUpload('/common/file/upload?subDir=/planning'
  1257. , file
  1258. , function(result) {
  1259. if (name == 'registerMainPimg'){
  1260. $('input[name=mainPimg]').val(result.newFileName);
  1261. $('input[name=pImg]').val(result.newFileName);
  1262. }
  1263. if (name == 'registerMainMimg'){
  1264. $('input[name=mainMimg]').val(result.newFileName);
  1265. $('input[name=mimg]').val(result.newFileName);
  1266. }
  1267. if (name == 'registerDtlPimg')
  1268. $('input[name=dtlPimg]').val(result.newFileName);
  1269. if (name == 'registerDtlMimg')
  1270. $('input[name=dtlMimg]').val(result.newFileName);
  1271. if (name == 'registerReplyImg')
  1272. $('input[name=replyImg]').val(result.newFileName);
  1273. }
  1274. , 'image'
  1275. );
  1276. });
  1277. var fnChangePlanGb = function(obj) {
  1278. if($(obj).val() == 'C'){
  1279. $("#attendTh").removeAttr('style');
  1280. $("#attendTd").removeAttr('style');
  1281. }else{
  1282. $("#attendTh").css('display','none');
  1283. $("#attendTd").css('display','none');
  1284. }
  1285. if($(obj).val()=='E'){
  1286. $("#pollTr").show();
  1287. $("#questionEventInsert").show();
  1288. $("#questionEventUpdate").show();
  1289. if (mode =='U') {
  1290. if($("#privacyPolicyDetail").closest('div').children('#the_iframe').length==0){
  1291. gagaSn.createSummernote(snOptions, '#privacyPolicyDetail');
  1292. }
  1293. }else{
  1294. if($("#privacyPolicyRegister").closest('div').children('#the_iframe').length==0){
  1295. gagaSn.createSummernote(snOptions, '#privacyPolicyRegister');
  1296. }
  1297. }
  1298. }else{
  1299. $("#questionEventInsert").hide();
  1300. $("#questionEventUpdate").hide();
  1301. $("#pollTr").hide();
  1302. }
  1303. }
  1304. var fnAddRow = function(obj){
  1305. var html = '<div>';
  1306. html += '<input type="text" class="w200" name="planQtitle"/>';
  1307. html += '<label class="chkBox"><input type="checkbox" onclick="fnAttachYnClick(this);" />첨부파일</label>';
  1308. html += '<button type="button" class="btn icn" onclick="fnDeleteRow(this);"><i class="fa fa-times" aria-hidden="true"></i></button>';
  1309. html += '<input type="hidden" name="attachYn" value="N"/>';
  1310. html += '</div>';
  1311. $(obj).closest('td').append(html);
  1312. }
  1313. var fnDeleteRow = function(obj){
  1314. $(obj).closest('div').remove();
  1315. }
  1316. var fnAttachYnClick = function(obj){
  1317. var val = 'N';
  1318. if($(obj).prop('checked')){
  1319. val = 'Y';
  1320. }
  1321. $(obj).closest('div').find('input[name="attachYn"]').val(val);
  1322. }
  1323. var fnPlanDetailCallBack = function() {
  1324. uifnPopupClose('planRegisterForm');
  1325. fnPlanListSearch();
  1326. }
  1327. // 브랜드 리스트 설정
  1328. var columnBrandList = [
  1329. {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
  1330. {headerName: "브랜드그룹NO", field: "brandGroupNo", width: 110, cellClass: 'text-center'},
  1331. {headerName: "브랜드그룹명", field: "brandGroupKnm", width: 120, cellClass: 'text-center'},
  1332. {headerName: "브랜드영문명", field: "brandGroupEnm", width: 150, cellClass: 'text-center'},
  1333. {headerName: "", field: "brandKnm", width: 150, cellClass: 'text-center'},
  1334. ];
  1335. // 브랜드 그리드 설정
  1336. var gridOptionsFGBrandList = gagaAgGrid.getGridOptions(columnBrandList);
  1337. gridOptionsFGBrandList.rowSelection = "multiple";
  1338. gridOptionsFGBrandList.suppressRowClickSelection = true;
  1339. // 브랜드 추가 버튼 클릭시 (복수 브랜드때 수정 필요)
  1340. $('#btnAddBrand').on('click', function() {
  1341. cfnOpenBrandGroupListPopup("fnSetPopupBrandInfo", "S", "C");
  1342. });
  1343. // 브랜드 설정 선택삭제 버튼 클릭시
  1344. $('#btnDeleteBrand').on('click', function() {
  1345. gridOptionsFGBrandList.api.updateRowData({remove:gagaAgGrid.selectedRowData(gridOptionsFGBrandList)});
  1346. });
  1347. // 브랜드 설정 / 브랜드 추가 콜백함수 (단수로 가져오므로 복수일 경우에 수정 확인 필요)
  1348. var fnSetPopupBrandInfo = function(result) {
  1349. for(let i = 0 ; i < result.length ; i++) {
  1350. let addChk = true, gridListValue = gagaAgGrid.getAllRowData(gridOptionsFGBrandList); // 받아온 모든 데이터
  1351. // 받아온 data for
  1352. for(let j = 0 ; j < gridListValue.length ; j++) {
  1353. if(gridListValue[j].brandGroupNo == result[i].brandGroupNo) { addChk = false; } // 중복체크
  1354. }
  1355. // 중복되지 않은 데이터 리스트에 추가
  1356. if(addChk) {
  1357. gagaAgGrid.addRowData(gridOptionsFGBrandList, {"brandGroupNo" : result[i].brandGroupNo, "brandGroupKnm" : result[i].brandGroupKnm, "brandGroupEnm" : result[i].brandGroupEnm});
  1358. }
  1359. }
  1360. };
  1361. // 카테고리 리스트 설정
  1362. var columnCateList = [
  1363. {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
  1364. {headerName: "사이트", field: "siteCd", width: 120, cellClass: 'text-center'},
  1365. {headerName: "카테고리 구분", field: "cateGb", width: 110, cellClass: 'text-center'},
  1366. {headerName: "카테고리 이름", field: "cateNm", width: 120, cellClass: 'text-center'},
  1367. {headerName: "번호", field: "cateNo", width: 150, cellClass: 'text-center', hide: true},
  1368. /* {headerName: "시퀀스", field: "tmtbGoodsSq", width: 150, cellClass: 'text-center', hide: true},
  1369. {headerName: "삭제여부", field: "delYn", width: 150, cellClass: 'text-center', hide: true} */
  1370. ];
  1371. // 카테고리 그리드 설정
  1372. var gridOptionsFGCateList = gagaAgGrid.getGridOptions(columnCateList);
  1373. gridOptionsFGCateList.rowSelection = "multiple";
  1374. gridOptionsFGCateList.suppressRowClickSelection = true;
  1375. // 브랜드 설정 선택삭제 버튼 클릭시
  1376. $('#btnDeleteCate').on('click', function() {
  1377. gridOptionsFGCateList.api.updateRowData({remove:gagaAgGrid.selectedRowData(gridOptionsFGCateList)});
  1378. });
  1379. // 카테고리 추가
  1380. $('#btnAddCate').on('click' , function () {
  1381. cfnOpenCategoryPopup("fnSetPopupCategoryInfo");
  1382. });
  1383. // 카테고리 추가 콜백 함수
  1384. var fnSetPopupCategoryInfo = function (result) {
  1385. // 기존 리스트 데이터 for
  1386. for(let i = 0 ; i < result.length ; i++) {
  1387. let addChk = true, gridListValue = gagaAgGrid.getAllRowData(gridOptionsFGCateList); // 받아온 모든 데이터
  1388. // 받아온 data for
  1389. for(let j = 0 ; j < gridListValue.length ; j++) {
  1390. // 동일한 data는 추가하지 않음
  1391. if(gridListValue[j].cateNo == result[i].cateNo) { addChk = false; } // 중복체크
  1392. }
  1393. // 중복되지 않은 데이터 리스트에 추가
  1394. if(addChk) {
  1395. if(result[i].cate2No!=null)
  1396. {
  1397. mcxDialog.alert('카테고리1에서 선택하세요.');
  1398. return;
  1399. }
  1400. gagaAgGrid.addRowData(gridOptionsFGCateList, {"siteCd":result[i].siteCd , "cateGb":result[i].cateGb, "cateNm":result[i].cateNm, "cateNo":result[i].cateNo});
  1401. }
  1402. }
  1403. }
  1404. // 제휴채널 추가
  1405. $('#btnAddAf').on('click' , function () {
  1406. cfnOpenAfChannelPopup("callBackAf");
  1407. });
  1408. // 제휴채널 콜백
  1409. var callBackAf = function(result) {
  1410. // 기존 리스트 데이터 for
  1411. for(let i = 0 ; i < result.length ; i++) {
  1412. let addChk = true, gridListValue = gagaAgGrid.getAllRowData(gridOptionsAfList); // 받아온 모든 데이터
  1413. // 받아온 data for
  1414. for(let j = 0 ; j < gridListValue.length ; j++) {
  1415. // 동일한 data는 추가하지 않음
  1416. if(gridListValue[j].afLinkCd == result[i].afLinkCd) { addChk = false; } // 중복체크
  1417. }
  1418. // 중복되지 않은 데이터 리스트에 추가
  1419. if(addChk) {
  1420. gagaAgGrid.addRowData(gridOptionsAfList, {"afLinkCd":result[i].afLinkCd , "afLinkNm":result[i].afLinkNm, "afChannel":result[i].afChannel});
  1421. }
  1422. }
  1423. }
  1424. // 제츄채널 선택삭제 버튼 클릭시
  1425. $('#btnDeleteAf').on('click', function() {
  1426. gridOptionsAfList.api.updateRowData({remove:gagaAgGrid.selectedRowData(gridOptionsAfList)});
  1427. });
  1428. // validation 체크
  1429. function validationPlanDetail() {
  1430. if( $('#planUpdateForm input[name=planNm]').val() == '' || $('#planRegisterForm input[name=planNm]').val() == ''){
  1431. mcxDialog.alert('기획전명을 입력하세요.');
  1432. return false;
  1433. }
  1434. return true;
  1435. }
  1436. // 신규회원여부 변경시
  1437. function newCustYnChange(pThis){
  1438. var selectVal = $(pThis).val();
  1439. if(typeof selectVal == "undefined") {
  1440. if(mode == "U") {
  1441. selectVal = cpnDetail.newCustYn;
  1442. } else {
  1443. selectVal = "N";
  1444. }
  1445. }
  1446. if(selectVal == "Y" ) {
  1447. $('.custJoinDateTr').css('display' , '');
  1448. $('#custJoinStdt').attr('required' , true);
  1449. $('#custJoinEddt').attr('required' , true);
  1450. } else {
  1451. $('.custJoinDateTr').css('display' , 'none');
  1452. $('#custJoinStdt').attr('required' , false);
  1453. $('#custJoinEddt').attr('required' , false);
  1454. }
  1455. }
  1456. // 쿠폰혜택그리드
  1457. var columnAttendList = [
  1458. {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
  1459. {headerName: "혜택", field: "benefit", width: 110, cellClass: 'text-center',
  1460. cellEditor: 'agRichSelectCellEditor',cellEditorParams: { values: ['포인트', '쿠폰', '포인트/쿠폰'] },
  1461. },
  1462. {headerName: "", field: "benefitGb", width: 50, cellClass: 'text-center', hide:true
  1463. },
  1464. {headerName: "일수", field: "basDays", width: 50, cellClass: 'text-center', cellEditor: 'numericCellEditor'},
  1465. {headerName: "포인트", field: "pntAmt", width: 80, cellClass: 'text-center', cellEditor: 'numericCellEditor'
  1466. ,cellEditorParams: { maxlength: 3, required: true }
  1467. , cellRenderer: function(params) { return gagajf.isNull(params.value) ? '' : params.value.addComma(); }
  1468. , editable: function(params) {
  1469. if (params.data.benefit == '포인트' || params.data.benefit == '포인트/쿠폰') {
  1470. return true;
  1471. }else{false;}
  1472. }
  1473. },
  1474. {headerName: "쿠폰ID", field: "cpnId", width: 80, cellClass: 'text-center', cellEditor: 'numericCellEditor'
  1475. ,cellEditorParams: { maxlength: 3, required: true }
  1476. , editable: function(params) {
  1477. if (params.data.benefit == '쿠폰' || params.data.benefit == '포인트/쿠폰') {
  1478. return true;
  1479. }else{false;}
  1480. }
  1481. },
  1482. {headerName: "유효기간(일수)", field: "pntUsableDay", width: 100, cellClass: 'text-center', cellEditor: 'numericCellEditor'
  1483. ,cellEditorParams: { maxlength: 3, required: true }
  1484. , editable: function(params) {
  1485. if (params.data.benefit == '포인트' || params.data.benefit == '포인트/쿠폰') {
  1486. return true;
  1487. }else{false;}
  1488. }
  1489. },
  1490. ];
  1491. // 브랜드 그리드 설정
  1492. var gridOptionsAttendList = gagaAgGrid.getGridOptions(columnAttendList);
  1493. gridOptionsAttendList.rowSelection = "multiple";
  1494. gridOptionsAttendList.stopEditingWhenGridLosesFocus = true;
  1495. gridOptionsAttendList.defaultColDef.editable = true;
  1496. gridOptionsAttendList.suppressRowClickSelection = true;
  1497. // 행추가
  1498. $('#btnAddRow').on('click', function() {
  1499. var allData = gagaAgGrid.getAllRowData(gridOptionsAttendList);
  1500. if (allData.length >= 4) {
  1501. mcxDialog.alert('혜택적용은 최대 4개까지 가능합니다.');
  1502. return;
  1503. } else {
  1504. var data = { benefit: '포인트',benefitGb: 'P', pntAmt:'', cpnId: ''};
  1505. gagaAgGrid.addRowData(gridOptionsAttendList, data);
  1506. }
  1507. });
  1508. // 혜택구분 선택삭제 버튼 클릭시
  1509. $('#btnDeleteAt').on('click', function() {
  1510. gridOptionsAttendList.api.updateRowData({remove:gagaAgGrid.selectedRowData(gridOptionsAttendList)});
  1511. });
  1512. // Row
  1513. gridOptionsAttendList.onCellValueChanged = function(event) {
  1514. if (event.colDef.field == "benefit"){
  1515. if (event.data.benefit == "쿠폰"){
  1516. gridOptionsAttendList.api.forEachNode(function(rowNode, index) {
  1517. if (rowNode.data.benefit == "쿠폰"){
  1518. event.data.benefitGb = "C"
  1519. gridOptionsAttendList.api.updateRowData({update: [event.data]});
  1520. return;
  1521. }
  1522. });
  1523. }else if(event.data.benefit == "포인트"){
  1524. gridOptionsAttendList.api.forEachNode(function(rowNode, index) {
  1525. if (rowNode.data.benefit == "포인트"){
  1526. event.data.benefitGb = "P"
  1527. gridOptionsAttendList.api.updateRowData({update: [event.data]});
  1528. return;
  1529. }
  1530. });
  1531. }else{
  1532. gridOptionsAttendList.api.forEachNode(function(rowNode, index) {
  1533. if (rowNode.data.benefit == "포인트/쿠폰"){
  1534. event.data.benefitGb = "A"
  1535. gridOptionsAttendList.api.updateRowData({update: [event.data]});
  1536. return;
  1537. }
  1538. });
  1539. }
  1540. }
  1541. }
  1542. $(document).ready(function() {
  1543. snOptions = gagaSn.getToolbarOptions('media');
  1544. // 썸머노트 그리기
  1545. gagaSn.createSummernote(snOptions, '#fsrcPcDetail');
  1546. gagaSn.createSummernote(snOptions, '#fsrcMobileDetail');
  1547. // 그리드 그리기
  1548. gagaAgGrid.createGrid("gridFGBrandList", gridOptionsFGBrandList);
  1549. gagaAgGrid.createGrid("gridFGCateList", gridOptionsFGCateList);
  1550. gagaAgGrid.createGrid("gridAfPlanList", gridOptionsAfList);
  1551. gagaAgGrid.createGrid("gridAttendPlanList", gridOptionsAttendList);
  1552. if (mode =='U') {
  1553. if(planInfo.newCustYn == 'Y'){
  1554. $("#planUpdateForm input[name=custJoinStDay]").val(planInfo.custJoinStdt.split(' ')[0]);
  1555. $("#planUpdateForm input[name=custJoinEdDay]").val(planInfo.custJoinEddt.split(' ')[0]);
  1556. }
  1557. if (planInfo.planGb =='C') {
  1558. gridOptionsAttendList.api.setRowData(benefitList);
  1559. $("#attendTh").removeAttr('style');
  1560. $("#attendTd").removeAttr('style');
  1561. }else{
  1562. $("#attendTh").css('display','none');
  1563. $("#attendTd").css('display','none');
  1564. }
  1565. if (planInfo.planGb =='E') {
  1566. $("#pollTr").show();
  1567. }else{
  1568. $("#pollTr").hide();
  1569. }
  1570. gridOptionsFGBrandList.api.setRowData(planBrandList);
  1571. gridOptionsFGCateList.api.setRowData(planCateList);
  1572. gridOptionsAfList.api.setRowData(afChannelList);
  1573. if (planInfo.goodsLimitYn == 'N') {
  1574. $('#planDetailForm input[name=goodsLimitQty]').hide();
  1575. } else {
  1576. $('#planDetailForm input[name=goodsLimitQty]').show();
  1577. }
  1578. if($("#planGb").val()!='E'){
  1579. $("#questionEventInsert").hide();
  1580. $("#questionEventUpdate").hide();
  1581. }else{
  1582. gagaSn.createSummernote(snOptions, '#privacyPolicyRegister');
  1583. }
  1584. } else {
  1585. $("#viewStartDtNew").val(_today);
  1586. $("#viewEndDtNew").val(_today);
  1587. $("#questionEventInsert").hide();
  1588. $("#questionEventUpdate").hide();
  1589. }
  1590. $('#frontGb').trigger('change');
  1591. });
  1592. /*]]>*/
  1593. </script>
  1594. </html>