|
|
@@ -25,7 +25,7 @@
|
|
|
|
|
|
<!-- 팝업창 상단부분 시작-->
|
|
|
<div class="panelContent">
|
|
|
- <form id="mailHFForm" name="mailHFForm" action="#" th:action="@{'/marketing/mailtemplate/save'}" th:method="post">
|
|
|
+ <form id="mailManagementForm" name="mailManagementForm" action="#" th:action="@{'/marketing/mailtemplate/save'}" th:method="post">
|
|
|
<input type="hidden" name="mode" th:value="${mode}"/>
|
|
|
|
|
|
<table class="frmStyle" aria-describedby="">
|
|
|
@@ -101,7 +101,7 @@
|
|
|
</ul>
|
|
|
<!-- 구분 1 -->
|
|
|
<form id="searchForm1" name="searchForm1" action="#" th:action="@{'/'}">
|
|
|
- <div class="inner-panelContent" id="btnAddGridNum" style="display:none;">
|
|
|
+ <div class="inner-panelContent" id="btnAddGridNum">
|
|
|
<div class="panelContent">
|
|
|
<table class="frmStyle">
|
|
|
<colgroup>
|
|
|
@@ -116,25 +116,25 @@
|
|
|
<div class="">
|
|
|
<table class="frmStyle">
|
|
|
<tr>
|
|
|
- <th class="w100">번호</th>
|
|
|
+ <th class="w100">구분자 명</th>
|
|
|
<td>
|
|
|
- <input type="text" name="" placeholder="자동생성" readonly="readonly"/>
|
|
|
+ <input type="text" name="mailtcNm" placeholder="자동생성" readonly="readonly"/>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th>링크</th>
|
|
|
<td>
|
|
|
- <input type="text" name=""/>
|
|
|
+ <input type="text" name="mailtcLink"/>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th>상품 노출 기준</th>
|
|
|
<td>
|
|
|
- <label class="rdoBtn"><input type="radio" name=""/>1개</label>
|
|
|
- <label class="rdoBtn"><input type="radio" name=""/>2개</label>
|
|
|
- <label class="rdoBtn"><input type="radio" name="" checked/>3개</label>
|
|
|
- <label class="rdoBtn"><input type="radio" name=""/>4개</label>
|
|
|
- <label class="rdoBtn"><input type="radio" name=""/>5개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr"/>1개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr"/>2개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr" checked/>3개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr"/>4개</label>
|
|
|
+ <label class="rdoBtn"><input type="radio" name="goodsCpr"/>5개</label>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
@@ -143,7 +143,7 @@
|
|
|
<button type="button" class="btn btn-danger btn-lg" id="">상품삭제</button>
|
|
|
</li>
|
|
|
<li class="right">
|
|
|
- <button type="button" class="btn btn-info btn-lg" id="">상품추가</button>
|
|
|
+ <button type="button" class="btn btn-info btn-lg" onclick="fnOpenGoodsPopup();" id="AddGoods_num">상품추가</button>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<!-- Agrid -->
|
|
|
@@ -154,7 +154,7 @@
|
|
|
</table>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </form> <!-- 구분1 -->
|
|
|
+ </form>
|
|
|
<!-- 구분 1 -->
|
|
|
|
|
|
<!-- 구분2 -->
|
|
|
@@ -176,7 +176,7 @@
|
|
|
<tr>
|
|
|
<th class="w100">번호</th>
|
|
|
<td>
|
|
|
- <input type="text" name="" placeholder="자동생성" readonly="readonly"/>
|
|
|
+ <input type="text" name="" placeholder="자동생성" readonly="readonly"/>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
@@ -201,7 +201,7 @@
|
|
|
<button type="button" class="btn btn-danger btn-lg" id="" >상품삭제</button>
|
|
|
</li>
|
|
|
<li class="right">
|
|
|
- <button type="button" class="btn btn-info btn-lg" id="">상품추가</button>
|
|
|
+ <button type="button" class="btn btn-info btn-lg" onclick="fnFetchGoods();" id="AddGoods_num2">상품추가</button>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<!-- Agrid -->
|
|
|
@@ -412,13 +412,24 @@
|
|
|
<script type="text/javascript" src="/ux/plugins/gaga/gaga.summernote.js?v=20201030"></script>
|
|
|
<script th:inline="javascript">
|
|
|
/*<![CDATA[*/
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
+ //상품 전시 그리드 그리기
|
|
|
+ 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: "brandKnm" , 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'},
|
|
|
+ ]
|
|
|
+
|
|
|
// 상품 구분 추가 버튼
|
|
|
// 추가 버튼 표시는 1~5까지 순서대로 표시
|
|
|
function btnAddGrid(){
|
|
|
- if($('#btnAddGridNum').css('display') == 'none'){
|
|
|
- $('#btnAddGridNum').show();('#searchForm1')
|
|
|
- }else if($('#btnAddGridNum2').css('display') == 'none'){
|
|
|
+ if($('#btnAddGridNum2').css('display') == 'none'){
|
|
|
$('#btnAddGridNum2').show();('#searchForm2')
|
|
|
}else if($('#btnAddGridNum3').css('display') == 'none' && $('#btnAddGridNum2').css('display') != 'none'){
|
|
|
$('#btnAddGridNum3').show();('#searchForm3')
|
|
|
@@ -432,10 +443,79 @@
|
|
|
});
|
|
|
return false;
|
|
|
}
|
|
|
- } //end of btnAddGrid
|
|
|
+ }
|
|
|
+
|
|
|
+ // 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);
|
|
|
+
|
|
|
+
|
|
|
+ // 상품조회 팡업
|
|
|
+ var fnOpenGoodsPopup = function() {
|
|
|
+ cfnOpenGoodsPopup('fnFetchGoods');
|
|
|
+ }
|
|
|
|
|
|
- // 상품 구분 삭제 버튼
|
|
|
- // 삭제는 해당 하는 폼이 삭제
|
|
|
+ //버튼
|
|
|
+
|
|
|
+ if($('#AddGoods_num').on('click')){
|
|
|
+ var AddgridRow = gridOptions_c1;
|
|
|
+ }if($('#AddGoods_num2').on('click')){
|
|
|
+ var AddgridRow = gridOptions_c2;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 상품추가
|
|
|
+ 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(!isExist){
|
|
|
+ var data = {
|
|
|
+ goodsCd : item.goodsCd
|
|
|
+ , brandKnm : item.brandKnm
|
|
|
+ , 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++;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ // 상품 구분 삭제 버튼 삭제는 해당 하는 폼이 삭제
|
|
|
function btnDeleteGridNum(){
|
|
|
if($('#btnAddGridNum').css('display') !='none'){
|
|
|
$('#btnAddGridNum').hide();
|
|
|
@@ -467,37 +547,20 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
- //상품 전시 그리드 그리기
|
|
|
- var columnMktProductList = [
|
|
|
- {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
|
|
|
- {headerName: "Product ID", field: "" , width: 120, cellClass: 'text-center'},
|
|
|
- {headerName: "상품명", field: "" , width: 200, cellClass: 'text-center'},
|
|
|
- {headerName: "판매상태", field: "" , width: 120, cellClass: 'text-center'},
|
|
|
- {headerName: "정상가", field: "" , width: 120, cellClass: 'text-center'},
|
|
|
- {headerName: "판매가", field: "" , width: 120, cellClass: 'text-center'},
|
|
|
- {headerName: "순번", field: "" , width: 120, cellClass: 'text-center'},
|
|
|
- ];
|
|
|
-
|
|
|
- //리스토 값 전달
|
|
|
- var gridOptionsMktProductList = gagaAgGrid.getGridOptions(columnMktProductList);
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
|
- gagaAgGrid.createGrid("gridSectionGbList1", gridOptionsMktProductList);
|
|
|
- gagaAgGrid.createGrid("gridSectionGbList2", gridOptionsMktProductList);
|
|
|
- gagaAgGrid.createGrid("gridSectionGbList3", gridOptionsMktProductList);
|
|
|
- gagaAgGrid.createGrid("gridSectionGbList4", gridOptionsMktProductList);
|
|
|
- gagaAgGrid.createGrid("gridSectionGbList5", gridOptionsMktProductList);
|
|
|
+ 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>
|