| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209 |
- <!DOCTYPE html>
- <html lang="ko"
- xmlns:th="http://www.thymeleaf.org">
- <!--
- *******************************************************************************
- * @source : CouponCreatePopup.html
- * @desc : 쿠폰 등록 팝업 화면
- *============================================================================
- * ISTYLE24
- * Copyright(C) 2020 TSIT, All rights reserved.
- *============================================================================
- * VER DATE AUTHOR DESCRIPTION
- * === =========== ========== =============================================
- * 1.0 2020.12.23 xyzp1539 최초 작성
- *******************************************************************************
- -->
- <div class="modalPopup" data-width="1200">
- <div class="panelStyle" >
- <div class="panelTitle">
- <h2 th:text="${'쿠폰 ' + (mode == 'N' ? '등록' : '수정')}">쿠폰등록</h2>
- <button type="button" class="close" onclick="uifnPopupClose('CouponCreatePopup')"><i class="fa fa-times"></i></button>
- </div>
- <div class="panelContent">
- <form id="CouponCreatePopup" name="CouponCreatePopup" th:action="@{'/marketing/coupon/save'}" >
- <input type="hidden" name="supplyCompList" id="supplyCompList">
- <input type="hidden" name="brandList" id="brandList">
- <input type="hidden" name="applyGoodsList" id="applyGoodsList">
- <input type="hidden" name="exceptGoodsList" id="excepGoodsList">
- <input type="hidden" name="burdenList" id="burdenList">
- <input type="hidden" name="cateList" id="cateList">
- <div class="tabs">
- <div class="tabsNav">
- <ul>
- <li class="on"><a href="#coupontab1">기본정보</a></li>
- <li><a href="#coupontab2">적용대상</a></li>
- <li><a href="#coupontab3">입점업체분담율</a></li>
- </ul>
- </div>
- <ul class="tabsCont">
- <li class="tab on" id="coupontab1">
- <div class="panelStyle">
- <table class="frmStyle">
- <colgroup>
- <col style="width:10%">
- <col style="width:40%;">
- <col style="width:10%">
- <col style="width:40%;">
- </colgroup>
- <tr>
- <th>쿠폰번호<em class="required" title="필수"></em></th>
- <td colspan="5">
- <input type="hidden" name="copyCpnId" maxlength="50" value="">
- <input type="text" name="cpnId" id="cpnId" maxlength="50" style="width:70%;" disabled="true" readonly="readonly" placeholder="자동생성" data-valid-name="쿠폰번호">
- <label class="chkBox checked" onclick="clickCreateChk(this);">
- <input type="checkbox" name="cpnCreateType" value="true" class="type-check" checked />쿠폰번호 자동생성
- </label>
- </td>
- </tr>
- <tr>
- <th>쿠폰명<em class="required" title="필수"></em></th>
- <td colspan="5">
- <input type="text" name="cpnNm" id="cpnNm" style="width: 70%;" required="required" data-valid-name="쿠폰명">
- </td>
- </tr>
- <tr>
- <th>쿠폰유형<em class="required" title="필수"></em></th>
- <td colspan="5">
- <input type="hidden" id="cpnType" name="cpnType" required="required" data-valid-name="쿠폰유형">
- <label class="rdoBtn" th:if="${cpnTypeList}" th:each="oneData, status : ${cpnTypeList}"> <input type="radio" name="rdoCpnType" th:text="${oneData.cdNm}" th:value="${oneData.cd}"/></label>
- </td>
- </tr>
- <tr>
- <th>사용가능고객구분<em class="required" title="필수"></em></th>
- <td>
- <select name="usableCustGb" id="usableCustGb" required="required" data-valid-name="사용가능고객구분">
- <option th:if="${usableCustGbList}" th:each="oneData , status : ${usableCustGbList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
- </select>
- </td>
- <th>사이트<em class="required" title="필수"></em></th>
- <td>
- <select name="siteCd" id="siteCd" required="required" data-valid-name="사이트">
- <option th:if="${siteCdList}" th:each="oneData , status : ${siteCdList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
- </select>
- </td>
- </tr>
- <tr>
- <th>사용고객등급구분<em class="required" title="필수"></em></th>
- <td>
- <select name="usableCustGrade" id="usableCustGrade" required="required" data-valid-name="사용고객등급구분">
- <option value="ALL">[전체]</option>
- <option th:if="${usableCustGradeList}" th:each="oneData , status : ${usableCustGradeList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
- </select>
- </td>
- <th>만료알림여부<em class="required" title="필수"></em></th>
- <td>
- <select name="endAlimYn" id="endAlimYn" required="required" data-valid-name="만료알림여부">
- <option value="Y">Y</option>
- <option value="N" selected="selected">N</option>
- </select>
- </td>
- </tr>
- <tr>
- <th>할인방식<em class="required" title="필수"></em></th>
- <td>
- <input type="hidden" name="dcWay" id="dcWay" required="required" data-valid-name="할인방식">
- <label class="rdoBtn" th:if="${dcWayList}" th:each="oneData, status : ${dcWayList}"> <input type="radio" name="rdoDcWay" th:text="${oneData.cdNm}" th:value="${oneData.cd}"/></label>
- </td>
- <th>구매제한금액<em class="required" title="필수"></em></th>
- <td>
- <input type="text" id="buyLimitAmt" name="buyLimitAmt" class="w200" required="required" value="0" style="text-align: right;" data-valid-name="구매제한금액">원
- </td>
- </tr>
- <tr>
- <th>할인값(PC)<em class="required" title="필수"></em></th>
- <td>
- <input type="text" class="w200" id="dcPval" name="dcPval" value="0" required="required" data-valid-name="할인값(PC)" data-valid-type="numeric" style="text-align: right"><span id="dcPvalSpan">원</span>
- </td>
- <th>할인값(모바일웹)<em class="required" title="필수"></em></th>
- <td>
- <input type="text" class="w200" id="dcMval" name="dcMval" value="0" required="required" data-valid-name="할인값(모바일웹)" data-valid-type="numeric" style="text-align: right"><span id="dcMvalSpan">원</span>
- </td>
- </tr>
- <tr>
- <th>할인값(모바일앱)<em class="required" title="필수"></em></th>
- <td>
- <input type="text" class="w200" id="dcAval" name="dcAval" value="0" required="required" data-valid-name="할인값(모바일앱)" data-valid-type="numeric" style="text-align: right"><span id="dcAvalSpan">원</span>
- </td>
- <th>최대할인금액<em class="required" title="필수"></em></th>
- <td>
- <input type="text" class="w200" id="maxDcAmt" name="maxDcAmt" value="0" required="required" data-valid-name="최대할인금액" data-valid-type="numeric" style="text-align: right;"><span id="maxDcAmtSpan">원</span>
- </td>
- </tr>
- <tr>
- <th>다운로드시작일시<em class="required" title="필수"></em></th>
- <td>
- <input type="hidden" name="downStdt" id="downStdt" required="required" data-valid-name="다운로드시작일시">
- <input type="text" class="schDate w100" name="downStDay" id="downStDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
- <select name="downStHH" id="downStHH">
- <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
- </select>
- <select name="downStMM" id="downStMM">
- <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
- </select>
- <th>다운로드종료일시<em class="required" title="필수"></em></th>
- <td>
- <input type="hidden" id="downEddt" name="downEddt" required="required" data-valid-name="다운로드종료일시">
- <input type="text" class="schDate w100" name="downEdDay" id="downEdDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
- <select name="downEdHH" id="downEdHH">
- <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
- </select>
- <select name="downEdMM" id="downEdMM">
- <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
- </select>
- </td>
- </tr>
- <tr>
- <th>기간/일수구분<em class="required" title="필수"></em></th>
- <td>
- <select name="pdGb" id="pdGb" onchange="pdGbChange(this)" required="required" data-valid-name="기간/일수구분">
- <option value="P">기간</option>
- <option value="D">일수</option>
- </select>
- </td>
- <th>적용범위<em class="required" title="필수"></em></th>
- <td>
- <input type="hidden" name="applyScope" id="applyScope" required="required" data-valid-name="적용범위">
- <label class="rdoBtn"> <input type="radio" name="rdoApplyScope" value="A"/>전체</label>
- <label class="rdoBtn"> <input type="radio" name="rdoApplyScope" value="I"/>개별</label>
- </td>
- </tr>
- <tr class="availDayTr" style="display: none;">
- <th>유효기간일수<em class="required" title="필수"></em></th>
- <td>
- <input type="text" name="availDays" id="availDays" class="w200" data-valid-name="유효기간일수">
- </td>
- </tr>
- <tr>
- <th class="availDateTr">유효기간시작일시<em class="required" title="필수"></em></th>
- <td class="availDateTr">
- <input type="hidden" name="availStdt" id="availStdt" data-valid-name="유효기간시작일시">
- <input type="text" class="schDate w100" name="availStDay" id="availStDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
- <select name="availStHH" id="availStHH">
- <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
- </select>
- <select name="availStMM" id="availStMM">
- <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
- </select>
- <th class="availDateTr">유효기간종료일시<em class="required" title="필수"></em></th>
- <td class="availDateTr">
- <input type="hidden" id="availEddt" name="availEddt" data-valid-name="유효기간종료일시">
- <input type="text" class="schDate w100" name="availEdDay" id="availEdDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
- <select name="availEdHH" id="availEdHH">
- <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
- </select>
- <select name="availEdMM" id="availEdMM">
- <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
- </select>
- </td>
- </tr>
- <tr>
- <th>첫구매여부<em class="required" title="필수"></em></th>
- <td>
- <select name="firstYn" id="firstYn" onchange="firstYnChange(this)" required="required" data-valid-name="첫구매여부">
- <option value="Y">Y</option>
- <option value="N" selected="selected">N</option>
- </select>
- </td>
- <th>다운로드가능여부<em class="required" title="필수"></em></th>
- <td>
- <select name="downYn" id="downYn" required="required" data-valid-name="다운로드가능여부">
- <option value="Y">Y</option>
- <option value="Y" selected="selected">N</option>
- </select>
- </td>
- </tr>
- <tr>
- <th class="buyDateTr">첫구매기간시작일시<em class="required" title="필수"></em></th>
- <td class="buyDateTr">
- <input type="hidden" id="buyEddt" name="buyEddt" data-valid-name="첫구매기간종료일시">
- <input type="text" class="schDate w100" name="buyStDay" id="buyStDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
- <select name="buyStHH" id="buyStHH">
- <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
- </select>
- <select name="buyStMM" id="buyStMM">
- <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
- </select>
- <th class="buyDateTr">첫구매기간종료일시<em class="required" title="필수"></em></th>
- <td class="buyDateTr">
- <input type="hidden" name="buyStdt" id="buyStdt" data-valid-name="첫구매기간시작일시">
- <input type="text" class="schDate w100" name="buyEdDay" id="buyEdDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
- <select name="buyEdHH" id="buyEdHH">
- <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
- </select>
- <select name="buyEdMM" id="buyEdMM">
- <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
- </select>
- </td>
- </tr>
- <tr>
- <th>신규회원여부<em class="required" title="필수"></em></th>
- <td>
- <select name="custJoinYn" id="custJoinYn" onchange="custJoinYnChange(this)" required="required" data-valid-name="신규회원여부">
- <option value="Y">Y</option>
- <option value="N" selected="selected">N</option>
- </select>
- </td>
- <th>총발행제한수량<em class="required" title="필수"></em></th>
- <td>
- <input type="text" class="w200" name="totPubLimitQty" id="totPubLimitQty" value="0" required="required" data-valid-name="총발행제한수량" data-valid-type="numeric" style="text-align: right;">개<span class="cRed" id="totPubLimitQtySpan"> *제한없음</span>
- </td>
- </tr>
- <tr>
- <th class="custJoinDateTr">신규회원기간시작일시<em class="required" title="필수"></em></th>
- <td class="custJoinDateTr">
- <input type="hidden" name="custJoinStdt" id="custJoinStdt" data-valid-name="신규회원기간시작일시">
- <input type="text" class="schDate w100" name="custJoinStDay" id="custJoinStDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
- <select name="custJoinStHH" id="custJoinStHH">
- <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
- </select>
- <select name="custJoinStMM" id="custJoinStMM">
- <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
- </select>
- <th class="custJoinDateTr">신규회원기간종료일시<em class="required" title="필수"></em></th>
- <td class="custJoinDateTr">
- <input type="hidden" id="custJoinEddt" name="custJoinEddt" data-valid-name="신규회원기간종료일시">
- <input type="text" class="schDate w100" name="custJoinEdDay" id="custJoinEdDay" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
- <select name="custJoinEdHH" id="custJoinEdHH">
- <option th:if="${hhList}" th:each="oneData , status : ${hhList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
- </select>
- <select name="custJoinEdMM" id="custJoinEdMM">
- <option th:if="${mmList}" th:each="oneData , status : ${mmList}" th:text="${oneData.cdNm}" th:value="${oneData.cd}"></option>
- </select>
- </td>
- </tr>
- <tr>
- <th>1인당발행제한수량<em class="required" title="필수"></em></th>
- <td>
- <input type="text" class="w200" name="custPubLimitQty" id="custPubLimitQty" value="0" required="required" data-valid-name="1인당발행제한수량" data-valid-type="numeric" style="text-align: right;">개<span class="cRed" id="custPubLimitQtySpan"> *제한없음</span>
- </td>
- <th>1회발행수량<em class="required" title="필수"></em></th>
- <td><input type="text" class="w200" name="onePubQty" id="onePubQty" value="1" required="required" data-valid-name="1회발행수량" data-valid-type="numeric" style="text-align: right;">개</td>
- </tr>
- <tr>
- <th>재발급여부<em class="required" title="필수"></em></th>
- <td>
- <select name="reissuance" id="reissuance" required="required" data-valid-name="재발급여부" >
- <option th:if="${reissuanceList}" th:each="oneData , status : ${reissuanceList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
- </select>
- </td>
- <th>다운로드구분<em class="required" title="필수"></em></th>
- <td>
- <select name="dnGb" id="dnGb" required="required" data-valid-name="다운로드구분">
- <option th:if="${dnGbList}" th:each="oneData , status:${dnGbList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
- </select>
- </td>
- </tr>
- <tr>
- <th>쿠폰상태<em class="required" title="필수"></em></th>
- <td>
- <select name="cpnStat" id="cpnStat" ata-valid-name="쿠폰상태" required="required">
- <option th:if="${cpnStatList}" th:each="oneData , status : ${cpnStatList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
- </select>
- </td>
- <th class="payTypeTr" style="display: none;">결제수단<em class="required" title="필수"></em></th>
- <td class="payTypeTr" style="display: none;">
- <select name="payType" id="payType" data-valid-name="결제수단">
- <option value="">[전체]</option>
- <option th:if="${payTypeList}" th:each="oneData , status : ${payTypeList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
- </select>
- </td>
- </tr>
- </table>
- <div class="mdPopBtnB aR">
- <button type="button" class="btn btn-info btn-lg" onclick="fnCouponCreate();" th:if="${mode == 'N'}">등록</button>
- <button type="button" class="btn btn-info btn-lg" onclick="fnCouponUpdate();" th:if="${mode == 'U'}">수정</button>
- </div>
- </div>
- </li>
- <!-- 쿠폰적용대상-->
- <li class="tab" id="coupontab2" >
- <div class="panelStyle">
- <div class="panelTitle">
- <h2 style="position: relative">적용 대상 상품 등록</h2>
- </div>
- <div class="inner-panelContent">
- <div class="panelContent">
- <table class="frmStyle">
- <colgroup>
- <col style="width:15%;">
- <col style="width:85%;">
- </colgroup>
- <tbody>
- <tr>
- <th>공급처</th>
- <td>
- <div class="padding10 inner-tb-solid">
- <button type="button" class="btn btnRight btn-success btn-lg" id="btnSupplyAdd">공급처 추가</button>
- <button type="button" class="btn btnRight btn-success btn-lg" id="btnSupplyDel">선택삭제</button>
- <br/>
- <div id="supplyGridList" style="width:100%; height:200px;" class="ag-theme-balham"></div>
- </div>
- </td>
- </tr>
- <tr>
- <th>브랜드</th>
- <td>
- <div class="padding10 inner-tb-solid">
- <button type="button" class="btn btnRight btn-success btn-lg" id="btnBrandAdd">브랜드 추가</button>
- <button type="button" class="btn btnRight btn-success btn-lg" id="btnBrandDel">선택삭제</button>
- <br/>
- <div id="brandGridList" style="width:100%; height:200px;" class="ag-theme-balham"></div>
- </div>
- </td>
- </tr>
- <tr>
- <th>카테고리</th>
- <td>
- <div class="padding10 inner-tb-solid">
- <button type="button" class="btn btnRight btn-success btn-lg" id="btnCateAdd">카테고리 추가</button>
- <button type="button" class="btn btnRight btn-success btn-lg" id="btnCateDel">선택삭제</button>
- <br/>
- <div id="cateGridList" style="width:100%; height:200px;" class="ag-theme-balham"></div>
- </div>
- </td>
- </tr>
- <tr>
- <th>적용상품</th>
- <td>
- <div class="padding10 inner-tb-solid">
- <button type="button" class="btn btnRight btn-success btn-lg" id="btnGoodsAdd">상품 추가</button>
- <button type="button" class="btn btnRight btn-success btn-lg" id="btnGoodsDel">선택삭제</button>
- <br/>
- <div id="goodsGridList" style="width:100%; height:200px;" class="ag-theme-balham"></div>
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div class="panelTitle">
- <h2 style="position: relative">적용 제외 대상 상품 등록</h2>
- </div>
- <div class="inner-panelContent">
- <div class="panelContent">
- <table class="frmStyle">
- <colgroup>
- <col style="width:15%;">
- <col style="width:85%;">
- </colgroup>
- <tbody>
- <tr>
- <th>제외상품</th>
- <td>
- <div class="padding10 inner-tb-solid">
- <button type="button" class="btn btnRight btn-success btn-lg" id="btnExcepGoodsAdd">제외상품 추가</button>
- <button type="button" class="btn btnRight btn-success btn-lg" id="btnExcepGoodsDel">선택삭제</button>
- <br/>
- <div id="excepGoodsGridList" style="width:100%; height:200px;" class="ag-theme-balham"></div>
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </li>
- <!-- 쿠폰적용대상끝-->
- <!-- 입점업체분담율-->
- <li class="tab" id="coupontab3">
- <div class="panelStyle">
- <ul class="panelBar">
- <li class="left">
- <button type="button" class="btn btn-warning btn-lg" id="btnAddRow">행추가</button>
- <button type="button" class="btn btn-danger btn-lg" id="btnDeleteRow">행삭제</button>
- </li>
- </ul>
- <div id="inComGridList" style="width: 100%; height: 570px" class="ag-theme-balham"></div>
- </div>
- </li>
- <!-- 입점업체분담끝-->
- </ul>
- </div>
- </form>
- </div>
- </div>
- </div>
- <script th:inline="javascript">
- /*<![CDATA[*/
- // 상세조회 리스트
- var mode = [[${mode}]];
- var cpnDetail = [[${cpnDetail}]];
- var cpnDtlRefvalSupplyCompList = [[${cpnDtlRefvalSupplyCompList}]];
- var cpnDtlRefvalApplyGoodsList = [[${cpnDtlRefvalApplyGoodsList}]];
- var cpnDtlRefvalCateList = [[${cpnDtlRefvalCateList}]];
- var cpnDtlRefvalBrandList = [[${cpnDtlRefvalBrandList}]];
- var cpnDtlRefvalExceptGoodsList = [[${cpnDtlRefvalExceptGoodsList}]];
- var issueCnt = [[${issueCnt}]];
- // 공통코드 리스트
- var ibSupplyComList = gagajf.convertToArray([[${ibSupplyCompList}]]);
- var formalGbList = gagajf.convertToArray([[${formalGbList}]]);
- var cateGbList = gagajf.convertToArray([[${cateGbList}]]);
- var delYnList = { "Y":"Yes", "N":"No" };
- var siteCdList = gagajf.convertToArray([[${siteCdList}]]);
- var selfBrandList = gagajf.convertToArray([[${selfBrandList}]]);
- // ag-grid 입점업체분담율 컬럼
- var columnDefs = [
- { headerName: "입점업체" , field:"supplyCompCd" , width:150, cellClass:"text-center" ,
- cellEditor: 'agRichSelectCellEditor',
- cellEditorParams: { values: gagaAgGrid.extractValues(ibSupplyComList) },
- valueFormatter: function (params) { return gagaAgGrid.lookupValue(ibSupplyComList, params.value); },
- valueParser: function (params) { return gagaAgGrid.lookupKey(ibSupplyComList, params.newValue);}
- } ,
- { headerName: "쿠폰분담율(%)", field:"burdenRate" , width:150, cellClass: "text-center" ,
- cellEditorParams: { maxlength: 10, required: true }
- } ,
- { headerName: "삭제여부" , field: "delYn" , width:150, cellClass: "text-center" ,
- cellEditor: 'agRichSelectCellEditor',
- cellEditorParams: { values: gagaAgGrid.extractValues(delYnList) },
- valueFormatter: function (params) { return gagaAgGrid.lookupValue(delYnList, params.value); },
- valueParser: function (params) { return gagaAgGrid.lookupKey(delYnList, params.newValue); }
- } ,
- { headerName: "쿠폰번호" , field: "cpnId" , width: 120 , cellClass: 'text-center' , hide:true}
- ];
- // ag-grid 공급처 컬럼
- var supplyColumnDefs = [
- {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
- { headerName : "공급업체코드" , field: "supplyCompCd" , width:150, cellClass: 'text-center'} ,
- { headerName: "공급업체명" , field: "supplyCompNm" , width:150, cellClass: 'text-center'},
- { headerName: "쿠폰대상일련번호" , field: "cpnRefvalSq" , width: 120 , cellClass: 'text-center' , hide:true}
- ];
- // ag-grid 브랜드 컬럼
- var brandSelColumnDefs = [
- {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
- { headerName : "브랜드ID" , field: "brandCd" , width: 120, cellClass : 'text-center'} ,
- { headerName : "브랜드명" , field: "brandEnm" , width: 120, cellClass: 'text-center'} ,
- { headerName : "공급업체명", field: "supplyCompNm" , width: 150, cellClass: 'text-center' } ,
- { headerName: "쿠폰대상일련번호" , field: "cpnRefvalSq" , width: 120 , cellClass: 'text-center' , hide:true}
- ];
- // ag-grid 적용상품 컬럼
- var goodsSelColumnDefs = [
- {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
- { headerName: "상품구분" , field: "goodsGb" , width: 100, cellClass: 'text-center'} ,
- { headerName: "Product ID" , field: "goodsCd" , width: 120, cellClass: 'text-center'},
- { headerName: "상품명" , field: "goodsNm" , width: 120 , cellClass: 'text-center'} ,
- { headerName: "쿠폰대상일련번호" , field: "cpnRefvalSq" , width: 120 , cellClass: 'text-center' , hide:true}
- ];
- // ag-grid 카테고리 컬럼
- var cateSelColumnDefs = [
- {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
- { headerName: "사이트" , field: "siteCd" , width: 100 , cellClass: 'text-center' ,
- cellEditor: 'agRichSelectCellEditor',
- cellEditorParams: { values: gagaAgGrid.extractValues(siteCdList) },
- valueFormatter: function (params) { return gagaAgGrid.lookupValue(siteCdList, params.value); },
- valueParser: function (params) { return gagaAgGrid.lookupKey(siteCdList, params.newValue); }
- },
- { headerName: "카테고리구분" , field: "cateGb" , width: 100 , cellClass: 'text-center' ,
- cellEditor: 'agRichSelectCellEditor',
- cellEditorParams: { values: gagaAgGrid.extractValues(cateGbList) },
- valueFormatter: function (params) { return gagaAgGrid.lookupValue(cateGbList, params.value); },
- valueParser: function (params) { return gagaAgGrid.lookupKey(cateGbList, params.newValue); }
- },
- { headerName: "카테고리코드" , field: "cateNo" , width: 100 , cellClass: 'text-center'} ,
- { headerName: "카테고리명" , field: "cateNm" , width: 120 , cellClass: 'text-center'},
- { headerName: "이월/정상구분" , field: "formalGb" , width: 120 , cellClass: 'text-center',
- cellEditor: 'agRichSelectCellEditor',
- cellEditorParams: { values: gagaAgGrid.extractValues(formalGbList) },
- valueFormatter: function (params) { return gagaAgGrid.lookupValue(formalGbList, params.value); },
- valueParser: function (params) { return gagaAgGrid.lookupKey(formalGbList, params.newValue); }
- },
- { headerName: "브랜드명" , field:"brandCd" , width:150, cellClass: "text-center", required: true ,
- editable: true, cellEditor: 'agRichSelectCellEditor',
- cellEditorParams: { values: gagaAgGrid.extractValues(selfBrandList) },
- valueFormatter: function (params) { return gagaAgGrid.lookupValue(selfBrandList, params.value); },
- valueParser: function (params) { return gagaAgGrid.lookupKey(selfBrandList, params.newValue); }
- },
- { headerName: "쿠폰대상일련번호" , field: "cpnRefvalSq" , width: 120 , cellClass: 'text-center' , hide:true}
- ];
- // ag-grid 제외상품 컬럼
- var excepGoodsColumnDefs = [
- {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
- { headerName: "상품구분" , field: "goodsGb" , width: 100, cellClass: 'text-center'} ,
- { headerName: "Product ID" , field: "goodsCd" , width: 120, cellClass: 'text-center'},
- { headerName: "상품명" , field: "goodsNm" , width: 120 , cellClass: 'text-center'} ,
- { headerName: "쿠폰대상일련번호" , field: "cpnRefvalSq" , width: 120 , cellClass: 'text-center' , hide:true}
- ];
- var inComGridOptions = gagaAgGrid.getGridOptions(columnDefs);
- var cateGridOptions = gagaAgGrid.getGridOptions(cateSelColumnDefs);
- var goodsGridOptions = gagaAgGrid.getGridOptions(goodsSelColumnDefs);
- var brandGridOptions = gagaAgGrid.getGridOptions(brandSelColumnDefs);
- var supplyGridOptions = gagaAgGrid.getGridOptions(supplyColumnDefs);
- var excepGoodsGridOptions = gagaAgGrid.getGridOptions(excepGoodsColumnDefs);
- inComGridOptions.defaultColDef.editable = true;
- inComGridOptions.rowSelection = "multiple";
- goodsGridOptions.rowSelection = "multiple";
- supplyGridOptions.rowSelection = "multiple";
- excepGoodsGridOptions.rowSelection = "multiple";
- cateGridOptions.rowSelection = "multiple";
- brandGridOptions.rowSelection = "multiple";
- inComGridOptions.stopEditingWhenGridLosesFocus = true;
- // 쿠폰 등록 버튼 클릭시
- function fnCouponCreate(){
- // 필수값들 셋팅
- setReqValue();
- // 필수값 validation 체크
- if (!gagajf.validation('#CouponCreatePopup')) {
- return false;
- }
- checkValidation();
- mcxDialog.confirm('저장하시겠습니까?' , {
- cancelBtnText:"취소",
- sureBtnText:"확인",
- sureBtnClick: function () {
- gagajf.ajaxFormSubmit($('#CouponCreatePopup').prop('action'), '#CouponCreatePopup', function() {
- uifnPopupClose('CouponCreatePopup');
- $('#btnSearch').trigger('click');
- });
- }
- });
- }
- // 쿠폰 수정 시
- function fnCouponUpdate(){
- // 필수값들 셋팅
- setReqValue();
- // 필수값 validation 체크
- if (!gagajf.validation('#CouponCreatePopup')) {
- return false;
- }
- checkValidation();
- mcxDialog.confirm('수정하시겠습니까?' , {
- cancelBtnText:"취소",
- sureBtnText:"확인",
- sureBtnClick: function () {
- gagajf.ajaxFormSubmit($('#CouponCreatePopup').prop('action'), '#CouponCreatePopup', function() {
- uifnPopupClose('CouponCreatePopup');
- $('#btnSearch').trigger('click');
- });
- }
- });
- }
- function checkValidation(){
- //신규가입 지급한다면 validation 체크
- if( $('#custJoinYn option:selected').val() == "Y" ){
- var fromDate = $('#CouponCreatePopup input[name=custJoinStdt]').val();
- var toDate = $('#CouponCreatePopup input[name=custJoinEddt]').val();
- if (gagajf.isNull(fromDate) || gagajf.isNull(toDate)) {
- mcxDialog.alertC("신규가입기간 시작일자와 종료일자를 입력하세요.", {
- sureBtnText: "확인",
- sureBtnClick: function() {
- $('#CouponCreatePopup input[name=custJoinStdt]').focus();
- }
- });
- return false;
- }
- if (fromDate > toDate) {
- mcxDialog.alertC("등록 시작일자는 종료일자 보다 클 수 없습니다.", {
- sureBtnText: "확인",
- sureBtnClick: function() {
- $('#CouponCreatePopup input[name=custJoinEddt]').focus();
- }
- });
- return false;
- }
- }
- // 첫구매 지급하면 validation 체크
- if( $('#firstYn option:selected').val() == "Y" ){
- var fromDate = $('#CouponCreatePopup input[name=buyStdt]').val();
- var toDate = $('#CouponCreatePopup input[name=buyEddt]').val();
- if (gagajf.isNull(fromDate) || gagajf.isNull(toDate)) {
- mcxDialog.alertC("신규가입기간 시작일자와 종료일자를 입력하세요.", {
- sureBtnText: "확인",
- sureBtnClick: function() {
- $('#CouponCreatePopup input[name=buyStdt]').focus();
- }
- });
- return false;
- }
- if (fromDate > toDate) {
- mcxDialog.alertC("등록 시작일자는 종료일자 보다 클 수 없습니다.", {
- sureBtnText: "확인",
- sureBtnClick: function() {
- $('#CouponCreatePopup input[name=buyEddt]').focus();
- }
- });
- return false;
- }
- }
- // 할인율 validation 체크 (100을 넘길수없음)
- if($('#dcWay').val() == 'G240_11') {
- if($('#dcPval').val() > 100) {
- mcxDialog.alert('PC할인율은 100을 초과할수없습니다.');
- $('#dcPval').focus();
- return false;
- } else if( $('#dcMval').val() > 100) {
- mcxDialog.alert('모바일(웹)할인율은 100을 초과할수없습니다.');
- $('#dcMval').focus();
- return false;
- } else if( $('#dcAval').val() > 100) {
- mcxDialog.alert('모바일(앱)할인율은 100을 초과할수없습니다.');
- $('#dcAval').focus();
- return false;
- }
- }
- }
- // 할인방식 변경
- $("#CouponCreatePopup input[name=rdoDcWay]").bind('click change', function () {
- var radioValue = $(this).val();
- //발급이력이있으면 수정안됨
- if(issueCnt > 0 ) {
- return false;
- }
- if(radioValue == 'G240_10') {
- $('#dcPvalSpan').text("원");
- $('#dcMvalSpan').text("원");
- $('#dcAvalSpan').text("원");
- } else {
- $('#dcPvalSpan').text("%");
- $('#dcMvalSpan').text("%");
- $('#dcAvalSpan').text("%");
- }
- });
- // 쿠폰 상태 변경
- $("#CouponCreatePopup input[name=rdoCpnType]").bind('click change', function () {
- var radioValue = $(this).val();
- if(mode == "U") {
- radioValue = cpnDetail.cpnType;
- }
- // 상품쿠폰 선택시 적용범위 개별로 변경 나머진 전체
- if(radioValue == 'G230_11') {
- $("input:radio[name='rdoApplyScope']:radio[value='I']").prop('checked', true);
- } else {
- $("input:radio[name='rdoApplyScope']:radio[value='A']").prop('checked', true);
- }
- // 주문서 쿠폰 선택시 결제수단 노출
- if(radioValue == 'G230_20') {
- $('.payTypeTr').css('display' , '');
- $('#CouponCreatePopup #payType').attr('required' , true);
- } else {
- $('.payTypeTr').css('display' , 'none');
- $('#CouponCreatePopup #payType').attr('required' , false );
- }
- $('#CouponCreatePopup #cpnType').val(radioValue);
- });
- // 적용대상 - 브랜드 추가 버튼시
- $('#btnBrandAdd').on('click' , function(){
- cfnOpenBrandListPopup("fnSetPopupBrandInfo", "M");
- });
- // 브랜드 설정 / 브랜드 추가 콜백함수 (단수로 가져오므로 복수일 경우에 수정 확인 필요)
- var fnSetPopupBrandInfo = function(result) {
- for(let i = 0 ; i < result.length ; i++) {
- let addChk = true, gridListValue = gagaAgGrid.getAllRowData(brandGridOptions); // 받아온 모든 데이터
- // 받아온 data for
- for(let j = 0 ; j < gridListValue.length ; j++) {
- if(gridListValue[j].brandCd == result[i].brandCd) { addChk = false; } // 중복체크
- }
- // 중복되지 않은 데이터 리스트에 추가
- if(addChk) {
- gagaAgGrid.addRowData(brandGridOptions, {"brandCd" : result[i].brandCd, "brandEnm" : result[i].brandEnm, "supplyCompNm" : result[i].supplyCompNm});
- }
- }
- };
- // 적용대상 - 브랜드 삭제 버튼시
- $('#btnBrandDel').on('click' , function(){
- brandGridOptions.api.updateRowData({remove:gagaAgGrid.selectedRowData(brandGridOptions)});
- });
- // 적용대상 - 공급처 추가 버튼시
- $('#btnSupplyAdd').on('click' , function (){
- cfnOpenCompanyListPopup("fnSetPopupComapnyInfo");
- });
- // 공급업체 설정 / 업체 추가 콜백함수
- var fnSetPopupComapnyInfo = function(result) {
- // 기존 리스트 데이터 for
- for(let i = 0 ; i < result.length ; i++) {
- let addChk = true, gridListValue = gagaAgGrid.getAllRowData(supplyGridOptions); // 받아온 모든 데이터
- // 받아온 data for
- for(let j = 0 ; j < gridListValue.length ; j++) {
- // 동일한 data는 추가하지 않음
- if(gridListValue[j].supplyCompCd == result[i].supplyCompCd) { addChk = false; } // 중복체크
- }
- // 중복되지 않은 데이터 리스트에 추가
- if(addChk) {
- gagaAgGrid.addRowData(supplyGridOptions, {"supplyCompCd" : result[i].supplyCompCd, "supplyCompNm" : result[i].supplyCompNm});
- }
- }
- };
- // 적용대상 - 공급처 삭제시시
- $('#btnSupplyDel').on('click' , function () {
- supplyGridOptions.api.updateRowData({remove:gagaAgGrid.selectedRowData(supplyGridOptions)});
- });
- // 적용대상 - 카테고리 추가시
- $('#btnCateAdd').on('click' , function () {
- cfnOpenCategoryPopup("fnSetPopupCategoryInfo");
- });
- // 카테고리 추가 콜백 함수
- var fnSetPopupCategoryInfo = function (result) {
- // 기존 리스트 데이터 for
- for(let i = 0 ; i < result.length ; i++) {
- let addChk = true, gridListValue = gagaAgGrid.getAllRowData(cateGridOptions); // 받아온 모든 데이터
- // 받아온 data for
- for(let j = 0 ; j < gridListValue.length ; j++) {
- // 동일한 data는 추가하지 않음
- if(gridListValue[j].cateNo == result[i].cateNo) { addChk = false; } // 중복체크
- }
- // 중복되지 않은 데이터 리스트에 추가
- if(addChk) {
- gagaAgGrid.addRowData(cateGridOptions, {"siteCd":result[i].siteCd , "cateGb":result[i].cateGb , "cateNo":result[i].cateNo, "cateNm":result[i].cateNm , "formalGb":result[i].formalGb , "brandEnm":null});
- }
- }
- }
- // 적용대상 - 카테고리 삭제시
- $('#btnCateDel').on('click' , function () {
- cateGridOptions.api.updateRowData({remove:gagaAgGrid.selectedRowData(cateGridOptions)});
- });
- // 적용대상 - 상품 추가시
- $('#btnGoodsAdd').on('click' , function () {
- cfnOpenGoodsPopup("fnSetPopupApplyGoodsInfo");
- });
- // 적용 상품 리스트 콜백함수
- var fnSetPopupApplyGoodsInfo = function(result) {
- gridAddGoodsList(goodsGridOptions, result , "apply");
- };
- // 적용대상 - 상품 삭제 시
- $('#btnGoodsDel').on('click' , function () {
- goodsGridOptions.api.updateRowData({remove:gagaAgGrid.selectedRowData(goodsGridOptions)});
- });
- // 적용대상 - 제외상품 추가시
- $('#btnExcepGoodsAdd').on('click' , function(){
- gridAddGoodsList(excepGoodsGridOptions, result , "except");
- });
- $('#btnExcepGoodsDel').on('click' , function () {
- excepGoodsGridOptions.api.updateRowData({remove:gagaAgGrid.selectedRowData(excepGoodsGridOptions)});
- });
- // ag-grid 상품관련 list 콜백함수
- function gridAddGoodsList(OriginGridListOption, result, gubun) {
- var goodsGbVal = "G800_10";
- if(gubun == 'except'){
- goodsGbVal = "G800_30";
- }
- for(let i = 0 ; i < result.length ; i++) {
- let addChk = true, gridListValue = gagaAgGrid.getAllRowData(OriginGridListOption); // 받아온 모든 데이터
- // 받아온 data for
- for(let j = 0 ; j < gridListValue.length ; j++) {
- if(gridListValue[j].goodsCd == result[i].goodsCd) { addChk = false; } // 중복체크
- }
- // 중복되지 않은 데이터 리스트에 추가
- if(addChk) {
- //gagaAgGrid.addRowData(OriginGridListOption, result[i], "goodsCd");
- gagaAgGrid.addRowData(OriginGridListOption, {"goodsGb": goodsGbVal, "goodsCd" : result[i].goodsCd, "goodsNm" : result[i].goodsNm});
- }
- }
- }
- // 기간 일수 변경시
- function pdGbChange(pThis){
- var selectVal = $(pThis).val();
- if(typeof selectVal == "undefined") {
- if(mode == "U") {
- selectVal = cpnDetail.pdGb;
- } else {
- selectVal = "P";
- }
- }
- if(selectVal == "P") {
- $('.availDateTr').css('display' , '');
- $('.availDayTr').css('display' , 'none');
- $('#CouponCreatePopup #availDays').attr('required' , false);
- $('#CouponCreatePopup #availStDay').attr('required' , true);
- $('#CouponCreatePopup #availEdDay').attr('required' , true);
- $('#CouponCreatePopup #availStdt').attr('required' , true);
- $('#CouponCreatePopup #availEddt').attr('required' , true);
- } else {
- $('.availDateTr').css('display' , 'none');
- $('.availDayTr').css('display' , '');
- $('#CouponCreatePopup #availDays').attr('required' , true);
- $('#CouponCreatePopup #availStDay').attr('required' , false);
- $('#CouponCreatePopup #availEdDay').attr('required' , false);
- $('#CouponCreatePopup #availStdt').attr('required' , false);
- $('#CouponCreatePopup #availEddt').attr('required' , false);
- }
- }
- // 첫구매여부 변경시
- function firstYnChange(pThis){
- var selectVal = $(pThis).val();
- if(typeof selectVal == "undefined") {
- if(mode == "U") {
- selectVal = cpnDetail.firstYn;
- } else {
- selectVal = "N";
- }
- }
- if(selectVal == "Y" ) {
- $('.buyDateTr').css('display' , '');
- $('#buyStdt').attr('required' , true);
- $('#buyEddt').attr('required' , true);
- } else {
- $('.buyDateTr').css('display' , 'none');
- $('#buyStdt').attr('required' , false);
- $('#buyEddt').attr('required' , false);
- }
- }
- // 신규회원여부 변경시
- function custJoinYnChange(pThis){
- var selectVal = $(pThis).val();
- if(typeof selectVal == "undefined") {
- if(mode == "U") {
- selectVal = cpnDetail.custJoinYn;
- } else {
- selectVal = "N";
- }
- }
- if(selectVal == "Y" ) {
- $('.custJoinDateTr').css('display' , '');
- $('#custJoinStdt').attr('required' , true);
- $('#custJoinEddt').attr('required' , true);
- } else {
- $('.custJoinDateTr').css('display' , 'none');
- $('#custJoinStdt').attr('required' , false);
- $('#custJoinEddt').attr('required' , false);
- }
- }
- // 행추가시
- $('#btnAddRow').on('click' , function(){
- var data = { supplyCompCd: null , burdenRate : null , delYn : null};
- gagaAgGrid.addRowData(inComGridOptions , data , "supplyCompCd" );
- });
- // 쿠폰번호 자동생성 클릭시
- function clickCreateChk(){
- var flag = $('#CouponCreatePopup input[name=cpnCreateType]').prop("checked");
- // 발급받은 이력이 있으면 수정 안됨
- if(issueCnt > 0 ) {
- return false;
- }
- if(!flag) {
- $("#CouponCreatePopup input[name=cpnId]").prop("disabled", true);
- $("#CouponCreatePopup input[name=cpnId]").attr("required", false);
- $("#CouponCreatePopup input[name=cpnId]").attr("readonly", true);
- $("#CouponCreatePopup input[name=cpnId]").attr("placeholder", "자동생성");
- $('#CouponCreatePopup input[name=cpnCreateType]').prop("checked" , false);
- } else{
- $("#CouponCreatePopup input[name=cpnId]").prop("disabled", false);
- $("#CouponCreatePopup input[name=cpnId]").attr("required", true);
- $("#CouponCreatePopup input[name=cpnId]").attr("placeholder", "");
- $("#CouponCreatePopup input[name=cpnId]").attr("readonly", false);
- $('#CouponCreatePopup input[name=cpnCreateType]').prop("checked" , true);
- }
- }
- // 전송시 값 세팅
- function setReqValue(){
- // 쿠폰유형값 세팅
- $('#CouponCreatePopup #cpnType').val($('#CouponCreatePopup input:radio[name="rdoCpnType"]:checked').val());
- // 할인방식값 세팅
- $('#CouponCreatePopup #dcWay').val($('#CouponCreatePopup input:radio[name="rdoDcWay"]:checked').val());
- // 적용범위값 세팅
- $('#CouponCreatePopup #applyScope').val($('#CouponCreatePopup input:radio[name="rdoApplyScope"]:checked').val());
- // 다운로드기간 세팅
- $('#CouponCreatePopup #downStdt').val($('#CouponCreatePopup #downStDay').val() + " " + $('#CouponCreatePopup #downStHH').val() + ":" + $('#CouponCreatePopup #downStMM').val() + ":00");
- $('#CouponCreatePopup #downEddt').val($('#CouponCreatePopup #downEdDay').val() + " " + $('#CouponCreatePopup #downEdHH').val() + ":" + $('#CouponCreatePopup #downEdMM').val() + ":59");
- // 유효기간 세팅
- $('#CouponCreatePopup #availStdt').val($('#CouponCreatePopup #availStDay').val() + " " + $('#CouponCreatePopup #availStHH').val() + ":" + $('#CouponCreatePopup #availStMM').val() + ":00");
- $('#CouponCreatePopup #availEddt').val($('#CouponCreatePopup #availEdDay').val() + " " + $('#CouponCreatePopup #availEdHH').val() + ":" + $('#CouponCreatePopup #availEdMM').val() + ":59");
- // 첫구매기간세팅
- $('#CouponCreatePopup #buyStdt').val($('#CouponCreatePopup #buyStDay').val() + " " + $('#CouponCreatePopup #buyStHH').val() + ":" + $('#CouponCreatePopup #buyStMM').val() + ":00");
- $('#CouponCreatePopup #buyEddt').val($('#CouponCreatePopup #buyEdDay').val() + " " + $('#CouponCreatePopup #buyEdHH').val() + ":" + $('#CouponCreatePopup #buyEdMM').val() + ":59");
- // 신규회원기간 세팅
- $('#CouponCreatePopup #custJoinStdt').val($('#CouponCreatePopup #custJoinStDay').val() + " " + $('#CouponCreatePopup #custJoinStHH').val() + ":" + $('#CouponCreatePopup #custJoinStMM').val() + ":00");
- $('#CouponCreatePopup #custJoinEddt').val($('#CouponCreatePopup #custJoinEdDay').val() + " " + $('#CouponCreatePopup #custJoinEdHH').val() + ":" + $('#CouponCreatePopup #custJoinEdMM').val() + ":59");
- // 적용대상 - 공급처 그리드 전체값 세팅
- var supplyAllData = gagaAgGrid.getAllRowData(supplyGridOptions);
- var jsonSupplyCompData = JSON.stringify(supplyAllData);
- $('#CouponCreatePopup #supplyCompList').val(jsonSupplyCompData);
- // 적용대상 - 브랜드 그리드 전체값 세팅
- var brandAllData = gagaAgGrid.getAllRowData(brandGridOptions);
- var jsonBrandData = JSON.stringify(brandAllData);
- $('#CouponCreatePopup #brandList').val(jsonBrandData);
- // // 적용대상 - 카테고리 그리드 전체값 세팅
- var cateAllData = gagaAgGrid.getAllRowData(cateGridOptions);
- var jsonCateData = JSON.stringify(cateAllData);
- $('#CouponCreatePopup #cateList').val(jsonCateData);
- // 적용대상 - 적용상품 그리드 전체값 세팅
- var goodsAllData = gagaAgGrid.getAllRowData(goodsGridOptions);
- var jsonGoodsData = JSON.stringify(goodsAllData);
- $('#CouponCreatePopup #applyGoodsList').val(jsonGoodsData);
- // 적용대상 - 제외상품 그리드 전체값 세팅
- var exceptGoodsAllData = gagaAgGrid.getAllRowData(excepGoodsGridOptions);
- var jsonExceptGoodsData = JSON.stringify(exceptGoodsAllData);
- $('#CouponCreatePopup #excepGoodsList').val(jsonExceptGoodsData);
- // 입점업체분담율 그리드 전체값 세팅
- var inCompBurdenAllData = gagaAgGrid.getAllRowData(inComGridOptions);
- var jsonInCompBurdenData = JSON.stringify(inCompBurdenAllData);
- $('#CouponCreatePopup #burdenList').val(jsonInCompBurdenData);
- }
- $(document).ready(function() { debugger;
- gagaAgGrid.createGrid('inComGridList', inComGridOptions);
- gagaAgGrid.createGrid('brandGridList', brandGridOptions);
- gagaAgGrid.createGrid('cateGridList', cateGridOptions);
- gagaAgGrid.createGrid('supplyGridList', supplyGridOptions);
- gagaAgGrid.createGrid('goodsGridList', goodsGridOptions);
- gagaAgGrid.createGrid('excepGoodsGridList', excepGoodsGridOptions);
- // 초기화시 데이터 세팅
- if (mode == "N") {
- $('input[name=rdoCpnType]').eq(0).attr("checked", true);
- $('input[name=rdoDcWay]').eq(0).attr("checked", true);
- $('input[name=rdoApplyScope]').eq(0).attr("checked", true)
- $('#CouponCreatePopup #availEdHH option:last').attr("selected", "selected");
- $('#CouponCreatePopup #availEdMM option:last').attr("selected", "selected");
- $('#downEdHH option:last').attr("selected", "selected");
- $('#downEdMM option:last').attr("selected", "selected");
- $('#custJoinEdHH option:last').attr("selected", "selected");
- $('#custJoinEdMM option:last').attr("selected", "selected");
- $('#buyEdHH option:last').attr("selected", "selected");
- $('#buyEdMM option:last').attr("selected", "selected");
- } else {
- // 수정모드시 그리드 세팅
- inComGridOptions.api.setRowData(cpnDtlRefvalSupplyCompList);
- supplyGridOptions.api.setRowData(cpnDtlRefvalSupplyCompList);
- goodsGridOptions.api.setRowData(cpnDtlRefvalApplyGoodsList);
- excepGoodsGridOptions.api.setRowData(cpnDtlRefvalExceptGoodsList);
- brandGridOptions.api.setRowData(cpnDtlRefvalBrandList);
- cateGridOptions.api.setRowData(cpnDtlRefvalCateList);
- // 기본정보 세팅
- $("#CouponCreatePopup input:radio[name='rdoDcWay']:radio[value=" + cpnDetail.dcWay + "]").prop('checked', true);
- $("#CouponCreatePopup input:radio[name='rdoCpnType']:radio[value=" + cpnDetail.cpnType + "]").prop('checked', true);
- $("#CouponCreatePopup input:radio[name='rdoApplyScope']:radio[value=" + cpnDetail.applyScope + "]").prop('checked', true);
- $("#CouponCreatePopup #dcPval").val(cpnDetail.dcPval.addComma());
- $("#CouponCreatePopup #dcMval").val(cpnDetail.dcMval.addComma());
- $("#CouponCreatePopup #dcAval").val(cpnDetail.dcAval.addComma());
- $("#CouponCreatePopup #maxDcAmt").val(cpnDetail.maxDcAmt.addComma());
- $("#CouponCreatePopup #totPubLimitQty").val(cpnDetail.totPubLimitQty.addComma());
- $("#CouponCreatePopup #custPubLimitQty").val(cpnDetail.custPubLimitQty.addComma());
- $("#CouponCreatePopup #onePubQty").val(cpnDetail.onePubQty.addComma());
- $("#CouponCreatePopup #usableCustGb").val(cpnDetail.usableCustGb).prop("selected", true);
- $("#CouponCreatePopup #usableCustGrade").val(cpnDetail.usableCustGrade).prop("selected", true);
- $("#CouponCreatePopup #endAlimYn").val(cpnDetail.endAlimYn).prop("selected", true);
- $("#CouponCreatePopup #firstYn").val(cpnDetail.firstYn).prop("selected", true);
- $("#CouponCreatePopup #reissuance").val(cpnDetail.reissuance).prop("selected", true);
- $("#CouponCreatePopup #dnGb").val(cpnDetail.dnGb).prop("selected", true);
- $("#CouponCreatePopup #cpnStat").val(cpnDetail.cpnStat).prop("selected", true);
- $("#CouponCreatePopup #custJoinYn").val(cpnDetail.custJoinYn).prop("selected", true);
- $("#CouponCreatePopup #pdGb").val(cpnDetail.pdGb).prop("selected", true);
- $("#CouponCreatePopup #siteCd").val(cpnDetail.siteCd).prop("selected", true);
- $("#CouponCreatePopup #cpnNm").val(cpnDetail.cpnNm);
- $("#CouponCreatePopup #downYn").val(cpnDetail.downYn);
- $("#CouponCreatePopup #buyLimitAmt").val(cpnDetail.buyLimitAmt.addComma());
- $("#CouponCreatePopup #cpnId").val(cpnDetail.cpnId);
- // 만약 쿠폰 발급한 내역이 있으면 쿠폰수정못하게 readonly , disabled 속성 추가
- if (issueCnt > 0) {
- $("#CouponCreatePopup #usableCustGb").attr('readonly', true);
- $("#CouponCreatePopup #usableCustGb").attr('disabled', true);
- $("#CouponCreatePopup #usableCustGrade").attr('readonly', true);
- $("#CouponCreatePopup #usableCustGrade").attr('disabled', true);
- $("#CouponCreatePopup #endAlimYn").attr('readonly', true);
- $("#CouponCreatePopup #endAlimYn").attr('disabled', true);
- $("#CouponCreatePopup #firstYn").attr('readonly', true);
- $("#CouponCreatePopup #firstYn").attr('disabled', true);
- $("#CouponCreatePopup #reissuance").attr('readonly', true);
- $("#CouponCreatePopup #reissuance").attr('disabled', true);
- $("#CouponCreatePopup #dnGb").attr('readonly', true);
- $("#CouponCreatePopup #dnGb").attr('disabled', true);
- $("#CouponCreatePopup #custJoinYn").attr('readonly', true);
- $("#CouponCreatePopup #custJoinYn").attr('disabled', true);
- $("#CouponCreatePopup #pdGb").attr('readonly', true);
- $("#CouponCreatePopup #pdGb").attr('disabled', true);
- $("#CouponCreatePopup #downYn").attr('readonly', true);
- $("#CouponCreatePopup #downYn").attr('disabled', true);
- $("#CouponCreatePopup #siteCd").attr('readonly', true);
- $("#CouponCreatePopup #siteCd").attr('disabled', true);
- $("#CouponCreatePopup #cpnNm").attr('readonly', true);
- $("#CouponCreatePopup #cpnNm").attr('disabled', true);
- $("#CouponCreatePopup #dcPval").attr('readonly', true);
- $("#CouponCreatePopup #dcPval").attr('disabled', true);
- $("#CouponCreatePopup #dcMval").attr('readonly', true);
- $("#CouponCreatePopup #dcMval").attr('disabled', true);
- $("#CouponCreatePopup #dcAval").attr('readonly', true);
- $("#CouponCreatePopup #dcAval").attr('disabled', true);
- $("#CouponCreatePopup #maxDcAmt").attr('readonly', true);
- $("#CouponCreatePopup #maxDcAmt").attr('disabled', true);
- $("#CouponCreatePopup #totPubLimitQty").attr('readonly', true);
- $("#CouponCreatePopup #totPubLimitQty").attr('disabled', true);
- $("#CouponCreatePopup #custPubLimitQty").attr('readonly', true);
- $("#CouponCreatePopup #custPubLimitQty").attr('disabled', true);
- $("#CouponCreatePopup #onePubQty").attr('readonly', true);
- $("#CouponCreatePopup #onePubQty").attr('disabled', true);
- $("#CouponCreatePopup #downStDay").attr('readonly', true);
- $("#CouponCreatePopup #downStDay").attr('disabled', true);
- $("#CouponCreatePopup #downStHH").attr('readonly', true);
- $("#CouponCreatePopup #downStHH").attr('disabled', true);
- $("#CouponCreatePopup #downStMM").attr('readonly', true);
- $("#CouponCreatePopup #downStMM").attr('disabled', true);
- $("#CouponCreatePopup #buyLimitAmt").attr('readonly', true);
- $("#CouponCreatePopup input:radio[name='rdoDcWay']").attr('readonly', true);
- $("#CouponCreatePopup input:radio[name='rdoCpnType']").attr('readonly', true);
- $("#CouponCreatePopup input:radio[name='rdoApplyScope']").attr('readonly', true);
- $("#CouponCreatePopup .rdoBtn").css('cursor', 'auto');
- $("#CouponCreatePopup #cpnId").attr('readonly', true);
- $("#CouponCreatePopup #cpnId").attr('disabled', true);
- $("#CouponCreatePopup input:checkbox[name='cpnCreateType']").attr('readonly', true);
- $("#CouponCreatePopup input:checkbox[name='cpnCreateType']").attr('disabled', true);
- $("#CouponCreatePopup input:checkbox[name=cpnCreateType]").attr('checked', true);
- $("#CouponCreatePopup input:checkbox[name=cpnCreateType]").parent().addClass('checked');
- }
- // 다운로드기간 세팅
- splitDate("start", cpnDetail.downStdt, "down");
- splitDate("end", cpnDetail.downEddt, "down");
- // 유효기간이 날짜인경우 날짜 세팅
- if (cpnDetail.pdGb == "P") {
- splitDate("start", cpnDetail.availStdt, "avail");
- splitDate("end", cpnDetail.availEddt, "avail");
- $("#CouponCreatePopup #availStDay").attr('readonly', true);
- $("#CouponCreatePopup #availStDay").attr('disabled', true);
- $("#CouponCreatePopup #availStHH").attr('readonly', true);
- $("#CouponCreatePopup #availStHH").attr('disabled', true);
- $("#CouponCreatePopup #availStMM").attr('readonly', true);
- $("#CouponCreatePopup #availStMM").attr('disabled', true);
- } else {
- $("#CouponCreatePopup #availDays").val(cpnDetail.availDays);
- }
- // 첫구매여부 적용하는 경우 날짜 세팅
- if (cpnDetail.firstYn == "Y") {
- splitDate("start", cpnDetail.buyStdt, "buy");
- splitDate("end", cpnDetail.buyEddt, "buy");
- $("#CouponCreatePopup #buyStDay").attr('readonly', true);
- $("#CouponCreatePopup #buyStDay").attr('disabled', true);
- $("#CouponCreatePopup #buyStHH").attr('readonly', true);
- $("#CouponCreatePopup #buyStHH").attr('disabled', true);
- $("#CouponCreatePopup #buyStMM").attr('readonly', true);
- $("#CouponCreatePopup #buyStMM").attr('disabled', true);
- }
- // 신규회원여부 적용하는 경우 날짜 세팅
- if (cpnDetail.custJoinYn == "Y") {
- splitDate("start", cpnDetail.custJoinStdt, "custJoin");
- splitDate("end", cpnDetail.custJoinEddt, "custJoin");
- $("#CouponCreatePopup #custJoinStDay").attr('readonly', true);
- $("#CouponCreatePopup #custJoinStDay").attr('disabled', true);
- $("#CouponCreatePopup #custJoinStHH").attr('readonly', true);
- $("#CouponCreatePopup #custJoinStHH").attr('disabled', true);
- $("#CouponCreatePopup #custJoinStMM").attr('readonly', true);
- $("#CouponCreatePopup #custJoinStMM").attr('disabled', true);
- }
- }
- pdGbChange();
- firstYnChange();
- custJoinYnChange();
- });
- // 날짜분리 ( 시작/종료날짜구분(start , end) , 날짜String , 적용타겟대상 )
- function splitDate(stedGb , date , targetGb ){
- var str = date;
- var dateStr = str.split(' ');
- var timeArr = dateStr[1].split(':');
- if(stedGb == "start") {
- $("#CouponCreatePopup #"+targetGb+"StDay").val(dateStr[0]);
- $("#CouponCreatePopup #"+targetGb+"StHH").val(timeArr[0]);
- $("#CouponCreatePopup #"+targetGb+"StMM").val(timeArr[1]);
- } else {
- $("#CouponCreatePopup #"+targetGb+"EdDay").val(dateStr[0]);
- $("#CouponCreatePopup #"+targetGb+"EdHH").val(timeArr[0]);
- $("#CouponCreatePopup #"+targetGb+"EdMM").val(timeArr[1]);
- }
- }
- $("input[name=totPubLimitQty],input[name=custPubLimitQty],input[name=buyLimitAmt],input[name=onePubQty]").change(function(){
- if($(this).val() == "0"){
- $("#"+$(this).attr("name")+"Span").html("*제한없음");
- }else{
- $("#"+$(this).attr("name")+"Span").html("");
- }
- $("#"+$(this).attr("name")+"Span").css("color", "red");
- });
- setTimeout(function(){
- $("input[name=totPubLimitQty],input[name=custPubLimitQty],input[name=buyLimitAmt],input[name=onePubQty]").change();
- }, 1);
- function setComma(formId, pBoolean){
- setTimeout(function(){
- //숫자타입 콤마 찍어주기
- $("#"+formId+" [data-valid-type=numeric]").each(function(){
- $(this).change(function(){
- if(pBoolean){
- $(this).val($(this).val().addComma());
- }else{
- $(this).val($(this).val().removeComma());
- }
- });
- if(pBoolean){
- $(this).val($(this).val().addComma());
- }else{
- $(this).val($(this).val().removeComma());
- }
- });
- }, 300);
- }
- /*]]>*/
- </script>
- </html>
|