|
|
@@ -0,0 +1,773 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko"
|
|
|
+ xmlns:th="http://www.thymeleaf.org">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : MktmailmanagementDetailForm.html
|
|
|
+ * @desc : MktmailmanagementDetailForm 등록/수정 상세 팝업화면
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2020 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021. 02. 05 csh9191 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+<div class="modalPopup" data-width="1200" id="popupMktMail">
|
|
|
+ <div class="panelStyle" style="max-height:700px;overflow-y:scroll;">
|
|
|
+ <!-- 팝업창 타이틀 -->
|
|
|
+ <div class="panelTitle">
|
|
|
+ <strong th:text="${'이메일' + (mode == 'N' ? '등록' : '상세')}">이메일</strong>
|
|
|
+ <button type="button" class="close" onclick="uifnPopupClose('popupMktMail');"><em class="fa fa-times"></em></button>
|
|
|
+ </div>
|
|
|
+ <!-- 팝업창 타이틀 -->
|
|
|
+
|
|
|
+ <!-- 팝업창 상단부분 시작-->
|
|
|
+ <div class="panelContent">
|
|
|
+ <form id="mailManagementForm" name="mailManagementForm" action="#" th:action="@{'/marketing/mktMailManagement/save'}" th:method="post">
|
|
|
+ <input type="hidden" name="mode" th:value="${mode}"/>
|
|
|
+
|
|
|
+ <table class="frmStyle" aria-describedby="">
|
|
|
+ <colgroup>
|
|
|
+ <col style="width:10%;"/>
|
|
|
+ <col/>
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>메일번호</th>
|
|
|
+ <td>
|
|
|
+ <input type="text" name="mailtSq" maxlength="20" placeholder="자동생성" readonly="readonly"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>메일구분</th>
|
|
|
+ <td>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="mailtGb" value="M" checked="checked"/>마케팅</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="mailtGb" value="A"/>자동</label>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>헤더</th>
|
|
|
+ <td>
|
|
|
+ <select name="mailHsq">
|
|
|
+ <option>선택하기 ▼</option>
|
|
|
+ <option th:if="${mailHsqList}" th:each="oneData, status : ${mailHsqList}" th:value="|${oneData.mailhfSq}|" th:text="|${oneData.mailhfNm}|" selected="selected"></option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>푸터</th>
|
|
|
+ <td>
|
|
|
+ <select name="mailFsq">
|
|
|
+ <option>선택하기 ▼</option>
|
|
|
+ <option th:if="${mailFsqList}" th:each="oneData, status : ${mailFsqList}" th:value="|${oneData.mailhfSq}|" th:text="|${oneData.mailhfNm}|" selected="selected"></option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>타이틀<em class="required" title="필수"></em></th>
|
|
|
+ <td><input type="text" name="mailtNm" maxlength="50" required="required" data-valid-name="타이틀" /></td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <th>HTML / 이미지 설정<em class="required" title="필수"></em></th>
|
|
|
+ <td>
|
|
|
+ <textarea class="textareaR4" id="mailContent" name="mailContent" data-valid-name="내용"></textarea>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+
|
|
|
+ </table>
|
|
|
+ <!-- 팝업창 상단부분 끝-->
|
|
|
+
|
|
|
+ <!-- 팡업창 하단부분 시작 -->
|
|
|
+
|
|
|
+ <div class="panelStyle" style="margin:unset;">
|
|
|
+ <!-- TITLE -->
|
|
|
+ <div class="panelTitle">
|
|
|
+ <h2>상품 전시 설정</h2>
|
|
|
+ <span class="panelControl">
|
|
|
+ <i class="fa inner-fa-chevron-up"></i> <!-- 열림/닫힘 화살표 -->
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <!-- //상품 전시 설정 -->
|
|
|
+ <div class="inner-panelContent">
|
|
|
+ <div class="panelContent">
|
|
|
+ <ul class="panelBar">
|
|
|
+ <li class="left">
|
|
|
+ <p>최대 5개 까지 상품 전시 구분을 추가하실 수 있습니다.</p>
|
|
|
+ <p>상품은 구분자 당 최대 40 개 까지만 등록하실 수 있습니다.</p>
|
|
|
+ </li>
|
|
|
+ <li class="right">
|
|
|
+ <button type="button" class="btn btnRight btn-success btn-lg" id="btnAddGrid" onclick="btnAddGrid();">구분추가하기</button>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <!-- 구분 1 -->
|
|
|
+ <div class="inner-panelContent" id="btnAddGridNum" style="display:none;">
|
|
|
+ <input type="hidden" name="btnAddGridNumUseYn" value ="Y">
|
|
|
+ <input type="hidden" name="mailtcSq">
|
|
|
+ <div class="panelContent">
|
|
|
+ <table class="frmStyle">
|
|
|
+ <colgroup>
|
|
|
+ <col width="10%"/>
|
|
|
+ <col width="90%"/>
|
|
|
+ </colgroup>
|
|
|
+ <tr>
|
|
|
+ <th>상품 구분 1<br>
|
|
|
+ <button type="button" class="btn btn-danger btn-lg" id="" onclick="btnDeleteGridNum();">구분 삭제</button>
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="">
|
|
|
+ <table class="frmStyle">
|
|
|
+ <tr>
|
|
|
+ <th class="w100">구분자 명</th>
|
|
|
+ <td>
|
|
|
+ <input type="text" name="mailtcNm"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>링크</th>
|
|
|
+ <td>
|
|
|
+ <input type="text" name="mailtcLink"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>상품 노출 기준
|
|
|
+ <div class="iconTooltip">
|
|
|
+ <i class="fa fa-info" aria-hidden="true"></i>
|
|
|
+ <span class="left aL" style="width:230px;">
|
|
|
+ <em>1열 에 노출될 상품 개수를 뜻합니다.</em>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr" value="1"/>1개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr" value="2"/>2개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr" value="3" checked/>3개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr" value="4"/>4개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr" value="5"/>5개</label>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <ul class="panelBar">
|
|
|
+ <li class="left">
|
|
|
+ <button type="button" class="btn btn-danger btn-lg" onclick="fnGoodsDeleteRow('gridOptions_c1');">상품삭제</button>
|
|
|
+ </li>
|
|
|
+ <li class="right">
|
|
|
+ <button type="button" class="btn btn-info btn-lg" onclick="fnOpenGoodsPopup('gridOptions_c1');">상품추가</button>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <!-- Agrid -->
|
|
|
+ <div id="gridSectionGbList1" style="width:100%; height:200px;" class="ag-theme-balham"></div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 구분 1 -->
|
|
|
+
|
|
|
+ <!-- 구분2 -->
|
|
|
+ <div class="inner-panelContent" id="btnAddGridNum2" style="display:none;">
|
|
|
+ <input type="hidden" name="btnAddGridNum2UseYn" value="Y">
|
|
|
+ <div class="panelContent">
|
|
|
+ <table class="frmStyle">
|
|
|
+ <colgroup>
|
|
|
+ <col width="10%"/>
|
|
|
+ <col width="90%"/>
|
|
|
+ </colgroup>
|
|
|
+ <tr>
|
|
|
+ <th>상품 구분 2<br><br>
|
|
|
+ <button type="button" class="btn btn-danger btn-lg" id="" onclick="btnDeleteGridNum2();">구분 삭제</button>
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="">
|
|
|
+ <table class="frmStyle">
|
|
|
+ <tr>
|
|
|
+ <th class="w100">구분자 명</th>
|
|
|
+ <td>
|
|
|
+ <input type="text" name="mailtcNm2"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>링크</th>
|
|
|
+ <td>
|
|
|
+ <input type="text" name="mailtcLink2"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>상품 노출 기준</th>
|
|
|
+ <td>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr2" value="1"/>1개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr2" value="2"/>2개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr2" value="3" checked/>3개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr2" value="4"/>4개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr2" value="5"/>5개</label>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <ul class="panelBar">
|
|
|
+ <li class="left">
|
|
|
+ <button type="button" class="btn btn-danger btn-lg" onclick="fnGoodsDeleteRow('gridOptions_c2');">상품삭제</button>
|
|
|
+ </li>
|
|
|
+ <li class="right">
|
|
|
+ <button type="button" class="btn btn-info btn-lg" onclick="fnOpenGoodsPopup('gridOptions_c2');">상품추가</button>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <!-- Agrid -->
|
|
|
+ <div id="gridSectionGbList2" style="width:100%; height:200px;" class="ag-theme-balham"></div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 구분2 -->
|
|
|
+
|
|
|
+ <!-- 구분3 -->
|
|
|
+ <div class="inner-panelContent" id="btnAddGridNum3" style="display:none;">
|
|
|
+ <input type="hidden" name="btnAddGridNum3UseYn" value="Y">
|
|
|
+ <div class="panelContent">
|
|
|
+ <table class="frmStyle">
|
|
|
+ <colgroup>
|
|
|
+ <col width="10%"/>
|
|
|
+ <col width="90%"/>
|
|
|
+ </colgroup>
|
|
|
+ <tr>
|
|
|
+ <th>상품 구분 3<br><br>
|
|
|
+ <button type="button" class="btn btn-danger btn-lg" id="" onclick="btnDeleteGridNum3('gridOptions_c3');">구분 삭제</button>
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="">
|
|
|
+ <table class="frmStyle">
|
|
|
+ <tr>
|
|
|
+ <th class="w100">구분자 명</th>
|
|
|
+ <td>
|
|
|
+ <input type="text" name="mailtcNm3"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>링크</th>
|
|
|
+ <td>
|
|
|
+ <input type="text" name="mailtcLink3"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>상품 노출 기준</th>
|
|
|
+ <td>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr3" value="1"/>1개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr3" value="2"/>2개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr3" value="3" checked/>3개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr3" value="4"/>4개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr3" value="5"/>5개</label>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <ul class="panelBar">
|
|
|
+ <li class="left">
|
|
|
+ <button type="button" class="btn btn-danger btn-lg" onclick="fnGoodsDeleteRow('gridOptions_c3');">상품삭제</button>
|
|
|
+ </li>
|
|
|
+ <li class="right">
|
|
|
+ <button type="button" class="btn btn-info btn-lg" onclick="fnOpenGoodsPopup('gridOptions_c3');">상품추가</button>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <!-- Agrid -->
|
|
|
+ <div id="gridSectionGbList3" style="width:100%; height:200px;" class="ag-theme-balham"></div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 구분3 -->
|
|
|
+
|
|
|
+ <!-- 구분4 -->
|
|
|
+ <div class="inner-panelContent" id="btnAddGridNum4" style="display:none;">
|
|
|
+ <input type="hidden" name="btnAddGridNum4UseYn" value="Y">
|
|
|
+ <div class="panelContent">
|
|
|
+ <table class="frmStyle">
|
|
|
+ <colgroup>
|
|
|
+ <col width="10%"/>
|
|
|
+ <col width="90%"/>
|
|
|
+ </colgroup>
|
|
|
+ <tr>
|
|
|
+ <th>상품 구분 4<br><br>
|
|
|
+ <button type="button" class="btn btn-danger btn-lg" id="" onclick="btnDeleteGridNum4('gridOptions_c4');">구분 삭제</button>
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="">
|
|
|
+ <table class="frmStyle">
|
|
|
+ <tr>
|
|
|
+ <th class="w100">번호</th>
|
|
|
+ <td>
|
|
|
+ <input type="text" name="mailtcNm4"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>링크</th>
|
|
|
+ <td>
|
|
|
+ <input type="text" name="mailtcLink4"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>상품 노출 기준</th>
|
|
|
+ <td>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr4" value="1"/>1개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr4" value="2"/>2개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr4" value="3" checked/>3개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr4" value="4"/>4개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr4" value="5"/>5개</label>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <ul class="panelBar">
|
|
|
+ <li class="left">
|
|
|
+ <button type="button" class="btn btn-danger btn-lg" onclick="fnGoodsDeleteRow('gridOptions_c4');">상품삭제</button>
|
|
|
+ </li>
|
|
|
+ <li class="right">
|
|
|
+ <button type="button" class="btn btn-info btn-lg" onclick="fnOpenGoodsPopup('gridOptions_c4');">상품추가</button>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <!-- Agrid -->
|
|
|
+ <div id="gridSectionGbList4" style="width:100%; height:200px;" class="ag-theme-balham"></div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 구분4 -->
|
|
|
+
|
|
|
+ <!-- 구분5 -->
|
|
|
+ <div class="inner-panelContent" id="btnAddGridNum5" style="display:none;">
|
|
|
+ <input type="hidden" name="btnAddGridNum5UseYn" value="Y">
|
|
|
+ <div class="panelContent">
|
|
|
+ <table class="frmStyle">
|
|
|
+ <colgroup>
|
|
|
+ <col width="10%"/>
|
|
|
+ <col width="90%"/>
|
|
|
+ </colgroup>
|
|
|
+ <tr>
|
|
|
+ <th>상품 구분 5<br><br>
|
|
|
+ <button type="button" class="btn btn-danger btn-lg" id="" onclick="btnDeleteGridNum5('gridOptions_c5');">구분 삭제</button>
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="">
|
|
|
+ <table class="frmStyle">
|
|
|
+ <tr>
|
|
|
+ <th class="w100">구분자 명</th>
|
|
|
+ <td>
|
|
|
+ <input type="text" name="mailtcNm5"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>링크</th>
|
|
|
+ <td>
|
|
|
+ <input type="text" name="mailtcLink5"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>상품 노출 기준</th>
|
|
|
+ <td>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr5" value="1"/>1개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr5" value="2"/>2개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr5" value="3" checked/>3개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr5" value="4"/>4개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr5" value="5"/>5개</label>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <ul class="panelBar">
|
|
|
+ <li class="left">
|
|
|
+ <button type="button" class="btn btn-danger btn-lg" onclick="fnGoodsDeleteRow('gridOptions_c5');">상품삭제</button>
|
|
|
+ </li>
|
|
|
+ <li class="right">
|
|
|
+ <button type="button" class="btn btn-info btn-lg" onclick="fnOpenGoodsPopup('gridOptions_c5');">상품추가</button>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <!-- Agrid -->
|
|
|
+ <div id="gridSectionGbList5" style="width:100%; height:200px;" class="ag-theme-balham"></div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 구분5 -->
|
|
|
+
|
|
|
+
|
|
|
+ </div> <!-- panelContent -->
|
|
|
+ </div> <!-- end of inner-panelContent -->
|
|
|
+ </div>
|
|
|
+ <!-- 팡업창 하단부분 끝 -->
|
|
|
+
|
|
|
+ <!-- 버튼 배치 영역 -->
|
|
|
+ <ul class="panelBar">
|
|
|
+ <li class="left" th:if="${mode == 'N' }">
|
|
|
+ <button type="button" class="btn btn-danger btn-lg" id="btndeleteMktmail">삭제</button>
|
|
|
+ </li>
|
|
|
+ <li class="right">
|
|
|
+ <button type="button" class="btn btn-info btn-lg" id="btnSaveMktMail">저장</button>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <!-- //버튼 배치 영역 -->
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>//
|
|
|
+</div>
|
|
|
+
|
|
|
+<script type="text/javascript" src="/ux/plugins/summernote/summernote.js?v=2020102902"></script>
|
|
|
+<script type="text/javascript" src="/ux/plugins/gaga/gaga.summernote.js?v=20201030"></script>
|
|
|
+<script th:inline="javascript">
|
|
|
+/*<![CDATA[*/
|
|
|
+ let AddgridRow;
|
|
|
+ let mode = [[${mode}]];
|
|
|
+ let mktmailInfo = [[${mktmailInfo}]];
|
|
|
+
|
|
|
+ //팝업창 삭제버튼
|
|
|
+ $('#btndeleteMktmail').on('click', function() {
|
|
|
+ mcxDialog.confirm("등록하신 내용을 삭제하시겠습니까?<br>삭제한 내용은 복원하실 수 없습니다.", {
|
|
|
+ cancelBtnText: "취소",
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ uifnPopupClose('popupMktMail');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ //상품 전시 그리드 그리기
|
|
|
+ var columnDefs = [
|
|
|
+ {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
|
|
|
+ {headerName: "Product ID", field: "goodsCd" , width: 120, cellClass: 'text-center'},
|
|
|
+ {headerName: "브랜드명", field: "brandEnm" , width: 200, cellClass: 'text-center'},
|
|
|
+ {headerName: "상품명", field: "goodNms" , width: 200, cellClass: 'text-center'},
|
|
|
+ {headerName: "판매상태", field: "cdNm" , width: 100, cellClass: 'text-center' },
|
|
|
+ {headerName: "정상가", field: "listPrice" , width: 120, cellClass: 'text-center'},
|
|
|
+ {headerName: "판매가", field: "listPrice" , width: 120, cellClass: 'text-center'},
|
|
|
+ {headerName: "순번", field: "dispOrd" , width: 120, cellClass: 'text-center'}
|
|
|
+ ]
|
|
|
+
|
|
|
+ // Add on options
|
|
|
+ var gridOptions_c1 = gagaAgGrid.getGridOptions(columnDefs);
|
|
|
+ var gridOptions_c2 = gagaAgGrid.getGridOptions(columnDefs);
|
|
|
+ var gridOptions_c3 = gagaAgGrid.getGridOptions(columnDefs);
|
|
|
+ var gridOptions_c4 = gagaAgGrid.getGridOptions(columnDefs);
|
|
|
+ var gridOptions_c5 = gagaAgGrid.getGridOptions(columnDefs);
|
|
|
+
|
|
|
+ // 표시순번 수정가능
|
|
|
+ gridOptions_c1.defaultColDef.editable = true;
|
|
|
+ gridOptions_c2.defaultColDef.editable = true;
|
|
|
+ gridOptions_c3.defaultColDef.editable = true;
|
|
|
+ gridOptions_c4.defaultColDef.editable = true;
|
|
|
+ gridOptions_c5.defaultColDef.editable = true;
|
|
|
+ gridOptions_c1.suppressRowClickSelection = true;
|
|
|
+ gridOptions_c2.suppressRowClickSelection = true;
|
|
|
+ gridOptions_c3.suppressRowClickSelection = true;
|
|
|
+ gridOptions_c4.suppressRowClickSelection = true;
|
|
|
+ gridOptions_c5.suppressRowClickSelection = true;
|
|
|
+
|
|
|
+ ///저장
|
|
|
+ $('#btnSaveMktMail').on('click', function() {
|
|
|
+
|
|
|
+ //타이틀 길이 제한 2자 이상 50자미만
|
|
|
+ var check = $('#mailManagementForm input[name=mailtNm]').val();
|
|
|
+
|
|
|
+ if(check.length < 2){
|
|
|
+ mcxDialog.alert('타이틀은 2자 이상 50자 미만으로 입력하세요.');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ let arrayData = gagaAgGrid.getAllRowData(gridOptions_c1)
|
|
|
+ let arrayData2 = gagaAgGrid.getAllRowData(gridOptions_c2)
|
|
|
+ let arrayData3 = gagaAgGrid.getAllRowData(gridOptions_c3)
|
|
|
+ let arrayData4 = gagaAgGrid.getAllRowData(gridOptions_c4)
|
|
|
+ let arrayData5 = gagaAgGrid.getAllRowData(gridOptions_c5)
|
|
|
+
|
|
|
+ let mailTc = {};
|
|
|
+
|
|
|
+ mailTc.mailtcNm = $('#mailManagementForm input[name=mailtcNm]').val();
|
|
|
+ mailTc.mailtcLink = $('#mailManagementForm input[name=mailtcLink]').val();
|
|
|
+ mailTc.goodsCpr = $('#mailManagementForm input:radio[name=goodsCpr]:checked').val();
|
|
|
+
|
|
|
+ let mailTc2 = {};
|
|
|
+
|
|
|
+ mailTc2.mailtcNm = $('#mailManagementForm input[name=mailtcNm2]').val();
|
|
|
+ mailTc2.mailtcLink = $('#mailManagementForm input[name=mailtcLink2]').val();
|
|
|
+ mailTc2.goodsCpr = $('#mailManagementForm input:radio[name=goodsCpr2]:checked').val();
|
|
|
+
|
|
|
+ let mailTc3 = {};
|
|
|
+
|
|
|
+ mailTc3.mailtcNm = $('#mailManagementForm input[name=mailtcNm3]').val();
|
|
|
+ mailTc3.mailtcLink = $('#mailManagementForm input[name=mailtcLink3]').val();
|
|
|
+ mailTc3.goodsCpr = $('#mailManagementForm input:radio[name=goodsCpr3]:checked').val();
|
|
|
+
|
|
|
+ let mailTc4 = {};
|
|
|
+
|
|
|
+ mailTc4.mailtcNm = $('#mailManagementForm input[name=mailtcNm4]').val();
|
|
|
+ mailTc4.mailtcLink = $('#mailManagementForm input[name=mailtcLink4]').val();
|
|
|
+ mailTc4.goodsCpr = $('#mailManagementForm input:radio[name=goodsCpr4]:checked').val();
|
|
|
+
|
|
|
+ let mailTc5 = {};
|
|
|
+
|
|
|
+ mailTc5.mailtcNm = $('#mailManagementForm input[name=mailtcNm5]').val();
|
|
|
+ mailTc5.mailtcLink = $('#mailManagementForm input[name=mailtcLink5]').val();
|
|
|
+ mailTc5.goodsCpr = $('#mailManagementForm input:radio[name=goodsCpr5]:checked').val();
|
|
|
+
|
|
|
+ //헤더 선택체크 내용 체크
|
|
|
+ if(!gagajf.validation('#mailManagementForm'))
|
|
|
+ return false;
|
|
|
+
|
|
|
+ if(gagajf.isNull($('#mailContent').val())){
|
|
|
+ mcxDialog.alert('내용을 입력해 주세요.');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ if($('#btnAddGridNum').css('display') != 'none'){
|
|
|
+ if(gagajf.isNull($('#mailManagementForm input[name=mailtcNm]').val())){
|
|
|
+ mcxDialog.alert('구분자명을 입력해 주세요.');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ var check = $('#mailManagementForm input[name=mailtcNm]').val();
|
|
|
+
|
|
|
+ if(check.length < 2){
|
|
|
+ mcxDialog.alert('구분자명은 2자 이상 50자 미만으로 입력하세요.');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ }else if($('#btnAddGridNum2').css('display') != 'none'){
|
|
|
+ if(gagajf.isNull($('#mailManagementForm input[name=mailtcNm2]').val())){
|
|
|
+ mcxDialog.alert('구분자명을 입력해 주세요.');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ var check = $('#mailManagementForm input[name=mailtcNm2]').val();
|
|
|
+
|
|
|
+ if(check.length < 2){
|
|
|
+ mcxDialog.alert('구분자명은 2자 이상 50자 미만으로 입력하세요.');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ mcxDialog.confirm("내용을 등록 하시겠습니까?", {
|
|
|
+ cancelBtnText: "취소",
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+
|
|
|
+ let data = {
|
|
|
+ };
|
|
|
+
|
|
|
+ data.mktmailManagementTc = mailTc;
|
|
|
+ data.mktmailManagementTc2 = mailTc2;
|
|
|
+ data.mktmailManagementTc3 = mailTc3;
|
|
|
+ data.mktmailManagementTc4 = mailTc4;
|
|
|
+ data.mktmailManagementTc5 = mailTc5;
|
|
|
+
|
|
|
+ data.mktmailManagementGoods = arrayData;
|
|
|
+ data.mktmailManagementGoods2 = arrayData2;
|
|
|
+ data.mktmailManagementGoods3 = arrayData3;
|
|
|
+ data.mktmailManagementGoods4 = arrayData4;
|
|
|
+ data.mktmailManagementGoods5 = arrayData5;
|
|
|
+
|
|
|
+ data.mktHeader = $('#mailManagementForm select[name=mailHsq]').val();
|
|
|
+ data.mktFooter = $('#mailManagementForm select[name=mailFsq]').val();
|
|
|
+ data.mailtNm = $('#mailManagementForm input[name=mailtNm]').val();
|
|
|
+ data.mailtGb = $('#mailManagementForm input:radio[name=mailtGb]:checked').val();
|
|
|
+ data.mailContent = $('#mailManagementForm textarea[name=mailContent]').val();
|
|
|
+
|
|
|
+ let jsonData = JSON.stringify(data);
|
|
|
+ console.log(jsonData);
|
|
|
+
|
|
|
+ gagajf.ajaxJsonSubmit($('#mailManagementForm').prop('action'), jsonData, function(data){
|
|
|
+ uifnPopupClose('popupMktMail');
|
|
|
+ });
|
|
|
+
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ // 상품 구분 추가 버튼 추가 버튼 표시는 1~5까지 순서대로 표시
|
|
|
+ $('#btnAddGrid').on('click', function(){
|
|
|
+ if($('#btnAddGridNum').css('display') == 'none'){
|
|
|
+ $('#btnAddGridNum').show();
|
|
|
+ }else if($('#btnAddGridNum2').css('display') == 'none' && $('#btnAddGridNum').css('display') != 'none'){
|
|
|
+ $('#btnAddGridNum2').show();
|
|
|
+ }else if($('#btnAddGridNum3').css('display') == 'none' && $('#btnAddGridNum2').css('display') != 'none'){
|
|
|
+ $('#btnAddGridNum3').show();
|
|
|
+ }else if($('#btnAddGridNum4').css('display') == 'none' && $('#btnAddGridNum3').css('display') != 'none'){
|
|
|
+ $('#btnAddGridNum4').show();
|
|
|
+ }else if($('#btnAddGridNum5').css('display') == 'none' && $('#btnAddGridNum4').css('display') != 'none'){
|
|
|
+ $('#btnAddGridNum5').show();
|
|
|
+ }else if($('#btnAddGridNum5').css('display') != 'none'){
|
|
|
+ mcxDialog.alertC("구분자는 최대 5개까지 등록가능합니다.", {
|
|
|
+ sureBtnText: "확인"
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 버튼별 상품추가 팝업
|
|
|
+ var fnOpenGoodsPopup = function(param) {
|
|
|
+ switch (param){
|
|
|
+ case 'gridOptions_c1':
|
|
|
+ AddgridRow = gridOptions_c1;
|
|
|
+ break;
|
|
|
+ case 'gridOptions_c2' :
|
|
|
+ AddgridRow = gridOptions_c2;
|
|
|
+ break;
|
|
|
+ case 'gridOptions_c3' :
|
|
|
+ AddgridRow = gridOptions_c3;
|
|
|
+ break;
|
|
|
+ case 'gridOptions_c4' :
|
|
|
+ AddgridRow = gridOptions_c4;
|
|
|
+ break;
|
|
|
+ case 'gridOptions_c5' :
|
|
|
+ AddgridRow = gridOptions_c5;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+
|
|
|
+ cfnOpenGoodsPopup('fnFetchGoods');
|
|
|
+ }
|
|
|
+
|
|
|
+ // 상품추가
|
|
|
+ var fnFetchGoods = function(goodsData) {
|
|
|
+
|
|
|
+ if (goodsData.length < 1) return;
|
|
|
+
|
|
|
+ // 기존상품
|
|
|
+ var oldGoodsSetList = gagaAgGrid.getAllRowData(AddgridRow);
|
|
|
+ var index = oldGoodsSetList.length+1;
|
|
|
+
|
|
|
+ var arrGoodsCd = [];
|
|
|
+ $.each(goodsData, function(idx, item) {
|
|
|
+ arrGoodsCd.push(item.goodsCd);
|
|
|
+ })
|
|
|
+
|
|
|
+ var isExist = false;
|
|
|
+ var jsonData = JSON.stringify(arrGoodsCd);
|
|
|
+ gagajf.ajaxJsonSubmit('/marketing/mktMailManagement/goods/info', jsonData, function(result) {
|
|
|
+ $.each(result, function(idx, item) {
|
|
|
+ isExist = false;
|
|
|
+ AddgridRow.api.forEachNode(function(rowNode, index) {
|
|
|
+ //중복상품 여부 확인
|
|
|
+ if (item.goodsCd == rowNode.data.goodsCd){
|
|
|
+ isExist = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ //상품 추가 갯수 제한
|
|
|
+ if(goodsData.length > 40){
|
|
|
+ mcxDialog.alert('상품은 최대 40개까지 추가 가능합니다.');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ if(!isExist){
|
|
|
+ var data = {
|
|
|
+ goodsCd : item.goodsCd
|
|
|
+ , brandEnm : item.brandEnm
|
|
|
+ , goodNms : item.goodsNm
|
|
|
+ , cdNm : item.goodsStat
|
|
|
+ , listPrice : item.listPrice
|
|
|
+ , currPrice : item.currPrice
|
|
|
+ , dispOrd : index
|
|
|
+
|
|
|
+ };
|
|
|
+ //그리드 마지막에 추가해야함
|
|
|
+ AddgridRow.api.updateRowData({add: [data], addIndex: idx});
|
|
|
+ AddgridRow.api.refreshCells();
|
|
|
+ index++;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ // 상품 삭제
|
|
|
+ var fnGoodsDeleteRow = function(param) {
|
|
|
+ switch (param){
|
|
|
+ case 'gridOptions_c1':
|
|
|
+ AddgridRow = gridOptions_c1;
|
|
|
+ break;
|
|
|
+ case 'gridOptions_c2' :
|
|
|
+ AddgridRow = gridOptions_c2;
|
|
|
+ break;
|
|
|
+ case 'gridOptions_c3' :
|
|
|
+ AddgridRow = gridOptions_c3;
|
|
|
+ break;
|
|
|
+ case 'gridOptions_c4' :
|
|
|
+ AddgridRow = gridOptions_c4;
|
|
|
+ break;
|
|
|
+ case 'gridOptions_c5' :
|
|
|
+ AddgridRow = gridOptions_c5;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+
|
|
|
+ var selectedData = gagaAgGrid.selectedRowData(AddgridRow);
|
|
|
+
|
|
|
+ if (selectedData.length == 0) {
|
|
|
+ mcxDialog.alert('선택된 행이 없습니다.');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ //화면에서 삭제
|
|
|
+ gagaAgGrid.removeRowData(AddgridRow, false);
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ // 상품 구분 삭제 버튼 삭제는 해당 하는 폼이 삭제
|
|
|
+ function btnDeleteGridNum(param){
|
|
|
+ if($('#btnAddGridNum').css('display') !='none'){
|
|
|
+ $('#btnAddGridNum').hide();
|
|
|
+ $('#btnAddGridNum')[0].reset();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function btnDeleteGridNum2(param){
|
|
|
+ if($('#btnAddGridNum2').css('display') !='none'){
|
|
|
+ $('#btnAddGridNum2').hide();
|
|
|
+ $('#searchForm2')[0].reset();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function btnDeleteGridNum3(param){
|
|
|
+ if ($('#btnAddGridNum3').css('display') !='none'){
|
|
|
+ $('#btnAddGridNum3').hide();
|
|
|
+ $('#searchForm3')[0].reset();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function btnDeleteGridNum4(param){
|
|
|
+ if ($('#btnAddGridNum4').css('display') !='none'){
|
|
|
+ $('#btnAddGridNum4').hide();
|
|
|
+ $('#searchForm3')[0].reset();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function btnDeleteGridNum5(param){
|
|
|
+ if ($('#btnAddGridNum5').css('display') !='none'){
|
|
|
+ $('#btnAddGridNum5').hide();
|
|
|
+ $('#searchForm5')[0].reset();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ $(document).ready(function() {
|
|
|
+
|
|
|
+ if (mode == 'U') {
|
|
|
+
|
|
|
+ $('#mailManagementForm input[name=mailtNm]').val(mktmailInfo.mailtNm);
|
|
|
+ $('#mailManagementForm textarea[name=mailContent]').val(mktmailInfo.mailContent);
|
|
|
+
|
|
|
+ if(mktmailInfo.mailtGb == "A"){
|
|
|
+ $('#mailManagementForm input:radio[name="mailtGb"]:radio[value="A"]').prop('checked', true);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ gagaAgGrid.createGrid("gridSectionGbList1", gridOptions_c1);
|
|
|
+ gagaAgGrid.createGrid("gridSectionGbList2", gridOptions_c2);
|
|
|
+ gagaAgGrid.createGrid("gridSectionGbList3", gridOptions_c3);
|
|
|
+ gagaAgGrid.createGrid("gridSectionGbList4", gridOptions_c4);
|
|
|
+ gagaAgGrid.createGrid("gridSectionGbList5", gridOptions_c5);
|
|
|
+
|
|
|
+ // Create a summernote
|
|
|
+ let snOptions = gagaSn.getToolbarOptions();
|
|
|
+ gagaSn.createSummernote(snOptions, '#mailContent');
|
|
|
+
|
|
|
+ });
|
|
|
+/*]]>*/
|
|
|
+</script>
|
|
|
+
|
|
|
+</html>
|
ChoiSooHwan