| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606 |
- <!DOCTYPE html>
- <html lang="ko"
- xmlns:th="http://www.thymeleaf.org">
- <!--
- *******************************************************************************
- * @source : GoodsDetailNoticeForm.html
- * @desc : 상품상세공지관리 Page
- *============================================================================
- * STYLE24
- * Copyright(C) 2020 TSIT, All rights reserved.
- *============================================================================
- * VER DATE AUTHOR DESCRIPTION
- * === =========== ========== =============================================
- * 1.0 2020.11.05 eskim 최초 작성
- *******************************************************************************
- -->
- <div id="main">
- <!-- 메인타이틀 영역 -->
- <div class="main-title">
- </div>
- <!-- //메인타이틀 영역 -->
-
- <!-- 메뉴 설명 -->
- <div class="infoBox menu-desc">
- </div>
- <!-- //메뉴 설명 -->
-
- <!-- 검색조건 영역 -->
- <div class="panelStyle">
- <!-- TITLE -->
- <div class="panelTitle">
- <h3><i class="fa fa-info-circle"></i>아래 검색조건 중 하나를 꼭 입력해 주세요.</h3>
- </div>
- <!-- //TITLE -->
- <form id="searchForm" name="searchForm" action="#" th:action="@{'/goods/notice/list'}" >
- <input type="hidden" name="noticeType" value="G047_30"/>
- <input type="hidden" id="searchGb" name="searchGb" />
- <div class="panelContent">
- <table class="frmStyle" aria-describedby="검색조건">
- <colgroup>
- <col width="10%"/>
- <col width="23%"/>
- <col width="10%"/>
- <col width="23%"/>
- <col width="10%"/>
- <col/>
- </colgroup>
- <tr>
- <th>업체</th>
- <td>
- <input type="text" class="w100" name="supplyCompSearchTxt" id="supplyCompSearchTxt" maxlength="20" />
- <button type="button" class="btn icn" id="btnSearchSupplyComp"><i class="fa fa-search"></i></button>
- <span id="supplyCompText"></span>
- <input type="hidden" name="supplyCompList"/>
- </td>
- <th>브랜드</th>
- <td>
- <input type="text" class="w100" name="searchTxt" id="searchTxt" maxlength="20" />
- <button type="button" class="btn icn" id="btnSearchBrand"><i class="fa fa-search"></i></button>
- <span id="brandText"></span>
- <input type="hidden" name="brandList"/>
- </td>
- <th rowspan="2">키워드</th>
- <td rowspan="2">
- <select name="search" id="search">
- <option value="searchGoodsCd">상품코드</option>
- <option value="searchGoodsNm">상품명</option>
- <option value="searchGoodsNum">품번</option>
- <option value="searchSupplyGoodsCd">업체상품코드</option>
- </select>
- <textarea class="textareaR2 w50p" name="condition" id="condition"></textarea>
- </td>
- </tr>
- <tr>
- <th>공지제목</th>
- <td>
- <input name="noticeTitle" type="text" maxlength="200"/>
- </td>
- <th>사용여부</th>
- <td>
- <select name="useYn">
- <option value="">[전체]</option>
- <option value="Y">[Y] Yes</option>
- <option value="N">[N] No</option>
- </select>
- </td>
- </tr>
- <tr>
- <th>공지기간</th>
- <td colspan="5" id="sellTerms">
- </td>
- </tr>
- </table>
- <ul class="panelBar">
- <li class="center">
- <button type="button" class="btn btn-gray btn-lg" id="btnInit">초기화</button>
- <button type="button" class="btn btn-base btn-lg" id="btnSearch">조회</button>
- </li>
- </ul>
- </div>
- </form>
- </div>
- <!-- 검색조건 영역 -->
- <!-- 리스트 영역 -->
- <div class="panelStyle">
- <div id="gridNoticeList" style="width: 100%; height: 400px" class="ag-theme-balham"></div>
- </div>
- <!-- //리스트 영역 -->
- <form id="goodsNoticeForm" name="goodsNoticeForm" action="#" th:action="@{'/goods/notice/save'}">
- <input type="hidden" name="urgentYn" value="N"/> <!-- 긴급공지여부 -->
- <input type="hidden" name="noticeType" value="G047_30"/>
- <input type="hidden" name="goodsList" />
- <!-- 등록/수정 -->
- <div class="panelStyle" >
- <ul>
- <li>
- <table class="w100p">
- <colgroup>
- <col style="width:65%;"/>
- <col style="width:1%;"/>
- <col/>
- </colgroup>
- <tr>
- <td>
- <table class="frmStyle" aria-describedby="등록/수정 폼">
- <colgroup>
- <col style="width:10%;"/>
- <col style="width:15%;"/>
- <col style="width:10%;"/>
- <col style="width:15%;"/>
- <col style="width:10%;"/>
- <col/>
- </colgroup>
- <tr>
- <th>공지번호</th>
- <td>
- <input type="text" class="w100" name="noticeSq" placeholder="자동부여" readonly="readonly"/>
- </td>
- <th>사용여부</th>
- <td>
- <input type="hidden" name="useYn"/>
- <label class="chkBox"><input type="checkbox" name="chkUseYn" checked="checked" value="Y"/>사용</label>
- </td>
- <th>공지기간<i class="required" title="필수"></i></th>
- <td>
- <input type="text" class="schDate w100" name="noticeStdt" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
- ~
- <input type="text" class="schDate w100" name="noticeEddt" maxlength="10" th:value="${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd')}"/>
- </td>
- </tr>
- <tr>
- <th>제목<i class="required" title="필수"></i></th>
- <td colspan="5">
- <input type="text" name="noticeTitle" required="required" data-valid-name="제목"/>
- </td>
- </tr>
- <tr>
- <th>공지내용<i class="required" title="필수"></i></th>
- <td colspan="5">
- <textarea class="textareaR4" name="noticeContent" id="noticeContent"></textarea>
- </td>
- </tr>
- </table>
- </td>
- <td> </td>
- <td>
- <ul class="panelBar">
- <li class="left">
- <button type="button" class="btn btn-danger btn-lg" id="btnDeleteNoticeGoods">삭제</button>
- </li>
- <li class="right">
- <button type="button" class="btn btn-base btn-lg" id="btnSearchExcel">엑셀조회</button>
- <button type="button" class="btn btn-info btn-lg" id="btnSearchGoods">상품조회</button>
- </li>
- </ul>
- <ul>
- <li id="gridNoticeGoodsList" style="width: 100%; height: 450px;" class="ag-theme-balham"></li>
- </ul>
- </td>
- </tr>
- </table>
- </li>
- </ul>
- <!-- 버튼 배치 영역 -->
- <ul class="panelBar">
- <li class="right">
- <button type="button" class="btn btn-info btn-lg" id="btnNew">신규</button>
- <button type="button" class="btn btn-success btn-lg" id="btnSave">저장</button>
- </li>
- </ul>
- <!-- //버튼 배치 영역 -->
- </div>
- <!-- 등록/수정 -->
- </form>
- </div>
- <script type="text/javascript" src="/ux/plugins/summernote/summernote.js?v=2020103001"></script>
- <script type="text/javascript" src="/ux/plugins/gaga/gaga.summernote.js?v=2021072201"></script>
- <script th:inline="javascript">
- /*<![CDATA[*/
- var columnNoticeDefs = [
- {headerName: 'No', width: 60, cellClass: 'text-center', valueGetter: function(params) { return params.node.rowIndex + 1 }},
- {headerName: "공지번호", field: "noticeSq", width: 90, cellClass: 'text-center'},
- {headerName: "공지제목", field: "noticeTitle", width: 500,
- cellRenderer: function(params) { return '<a href="javascript:void(0);">' + params.value + '</a>'; }
- },
- {headerName: "공지시작일", field: "noticeStdt", width:150, cellClass: 'text-center',
- cellRenderer: function(params) { return gagaAgGrid.toDateFormat(params.value); }
- },
- {headerName: "공지종료일", field: "noticeEddt", width:150, cellClass: 'text-center',
- cellRenderer: function(params) { return gagaAgGrid.toDateFormat(params.value); }
- },
- {headerName: "사용여부", field: "useYn", width:90, cellClass: 'text-center'},
- {headerName: "등록자", field: "regNm", width:90, cellClass: 'text-center'},
- {headerName: "등록일자", field: "regDt", width:150, cellClass: 'text-center',
- cellRenderer: function(params) { return gagaAgGrid.toDateFormat(params.value); }
- }
- ];
-
- var columnNoticeGoodsDefs = [
- {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
- {headerName: 'No', width: 60, cellClass: 'text-center', valueGetter: function(params) { return params.node.rowIndex + 1 }},
- {headerName: "CRUD", field: "crud", width: 75, minWidth: 75, hide: true},
- {headerName: "상품코드", field: "goodsCd", width: 140, cellClass: 'text-center'},
- {headerName: "상품명", field: "goodsNm", width: 260, cellClass: 'text-left'}
- ];
- var gridNoticeOptions = gagaAgGrid.getGridOptions(columnNoticeDefs);
- var gridNoticeGoodsOptions = gagaAgGrid.getGridOptions(columnNoticeGoodsDefs);
- gridNoticeGoodsOptions.rowSelection = 'multiple';
- gridNoticeGoodsOptions.suppressRowClickSelection = true;
-
- // Cell click
- gridNoticeOptions.onCellClicked = function(event) {
- if (event.colDef.field != 'noticeTitle')
- return;
-
- $('#goodsNoticeForm input[name=noticeSq]').val(event.data.noticeSq);
- if (event.data.useYn == 'Y') {
- $('#goodsNoticeForm input:checkbox[name=chkUseYn]').prop('checked', true);
- $('#goodsNoticeForm input:checkbox[name=chkUseYn]').parent("label").addClass("checked");
- } else {
- $('#goodsNoticeForm input:checkbox[name=chkUseYn]').prop('checked', false);
- $('#goodsNoticeForm input:checkbox[name=chkUseYn]').parent("label").removeClass("checked");
- }
-
- $('#goodsNoticeForm input[name=noticeStdt]').val(event.data.noticeStdt);
- $('#goodsNoticeForm input[name=noticeEddt]').val(event.data.noticeEddt);
- $('#goodsNoticeForm input[name=noticeTitle]').val(event.data.noticeTitle);
- // 공지내용. Summernote에 값 세팅
- gagaSn.setContents('#noticeContent', event.data.noticeContent);
- // 상품 목록
- fnGetNoticeGoodsList(event.data.noticeSq);
- }
- // 초기화 클릭시
- $('#btnInit').on('click', function() {
- $('#searchForm')[0].reset();
- //$("#searchForm input[type=radio]").removeClass("checked");
- $("#searchForm input[type=checkbox]").removeClass("checked");
- //$("#searchForm input[type=radio]").parent("label").removeClass("checked");
- $("#searchForm input[type=checkbox]").parent("label").removeClass("checked");
- $("#searchForm input[type=radio][checked]").parent("label").addClass("checked");
- $("#multiBrand").empty();
- $('#searchForm input[name=brandList]').val('');
- $('#searchForm').find('#brandText').html('');
- $('#searchForm input[name=supplyCompList]').val('');
- $('#searchForm').find('#supplyCompText').html('');
-
- $(document).find('#searchForm').find(".multiCheckBox").each(function(i, e){
- let btnNm = $(this).find(".sltBtn").attr("data-name");
- $(this).find(".sltBtn").text(btnNm);
- });
-
- });
-
- // 검색
- $('#btnSearch').on('click', function() {
- if(!fnConditionCheck()) return;
- gagaAgGrid.fetch($('#searchForm').prop('action'), gridNoticeOptions, '#searchForm');
- });
-
- //검색 조건 확인
- var fnConditionCheck = function(){
- var formId = '#searchForm';
- var form = document.searchForm;
- var searchFlag = false;
- var cnt = 0;
- if( !gagajf.isNull($("#searchForm input[name=supplyCompList]").val())
- || !gagajf.isNull($("#searchForm textarea[name=condition]").val())
- || (!gagajf.isNull($("#searchForm input[name=stDate]").val()) && !gagajf.isNull($("#searchForm input[name=edDate]").val()))
- || !gagajf.isNull($("#searchForm input[name=brandList]").val())
- ){
- searchFlag = true;
- }else{
- for (i = 0; i < form.elements.length; i++ ) {
- var el = form.elements[i];
-
- if ($(el).prop("type") == "text" || ($(el).prop("type") == "select-one" && el.name != "search" && el.name != "pageSize")) {
- if (!(el.value == null || el.value == "")) {
- cnt++;
- }
- }
- }
- }
- if(cnt > 0) searchFlag = true;
- if(searchFlag == false){
- mcxDialog.alert("검색조건을 입력하세요.");
- return false;
- }
-
- var fromDate = $('#searchForm input[name=stDate]').val();
- var toDate = $('#searchForm input[name=edDate]').val();
-
- if (!gagajf.isNull(fromDate) || !gagajf.isNull(toDate)) {
-
- if (gagajf.isNull(fromDate) || gagajf.isNull(toDate)) {
- mcxDialog.alertC("공지기간 조회시 시작일자와 종료일자를 입력하세요.", {
- sureBtnText: "확인",
- sureBtnClick: function(){
- $('#searchForm input[name=stDate]').focus();
- }
- });
- return false;
- }
- if (fromDate > toDate) {
- mcxDialog.alertC("공지기간 시작일자는 종료일자 보다 클 수 없습니다.", {
- sureBtnText: "확인",
- sureBtnClick: function(){
- $('#goodsNoticeForm input[name=stDate]').focus();
- }
- });
- return false;
- }
- }
- return true;
- }
-
- // 상품 목록 조회
- var fnGetNoticeGoodsList = function(noticeSq) {
- var actionUrl = '/goods/notice/goods/list/' + noticeSq;
- gagaAgGrid.fetch(actionUrl, gridNoticeGoodsOptions);
- }
-
- // 업체 조회 선택시
- $('#btnSearchSupplyComp').on('click', function() {
- cfnOpenCompanyListPopup('fnSetSupplyCompInfo', 'M');
- });
-
- // 업체 조회 팝업에서 호출
- var fnSetSupplyCompInfo = function(result) {
- var arrSupplyComp = [];
- var supplyCompText = "";
- var sIndex = 0;
- $('#searchForm').find('#supplyCompText').html('');
- $('#searchForm input[name=supplyCompSearchTxt]').val('');
- result.forEach(function(supplyComp){
- sIndex++;
- arrSupplyComp.push(supplyComp.supplyCompCd);
- });
- // 조회값이 하나일 경우 화면에 코드 노출 그외는 갯수 처리
- if (sIndex == 1) {
- $('#searchForm input[name=supplyCompSearchTxt]').val(arrSupplyComp[0]);
- }else{
- supplyCompText = sIndex + " 개";
- $('#searchForm').find('#supplyCompText').html(supplyCompText);
- }
- var jsonData = JSON.stringify(arrSupplyComp);
- $("#searchForm input[name=supplyCompList]").val(jsonData);
- }
-
- // 브랜드 조회 팝업에서 호출
- var fnSetBrandInfo = function(result) {
- var arrbrandCd = [];
- var brandText = "";
- var bIndex = 0;
- $('#searchForm').find('#brandText').html('');
- $('#searchForm input[name=searchTxt]').val('');
- result.forEach(function(brand){
- bIndex++;
- arrbrandCd.push(brand.brandCd);
- });
- // 조회값이 하나일 경우 화면에 코드 노출 그외는 갯수 처리
- if (bIndex == 1) {
- $('#searchForm input[name=searchTxt]').val(arrbrandCd[0]);
- }else{
- brandText = bIndex + " 개";
- $('#searchForm').find('#brandText').html(brandText);
- }
- var jsonData = JSON.stringify(arrbrandCd);
- $("#searchForm input[name=brandList]").val(jsonData);
- }
-
- // 브랜드 조회 선택시
- $('#btnSearchBrand').on('click', function() {
- /* if (gagajf.isNull($("#searchForm input[name=searchTxt]").val())){
- mcxDialog.alert('브랜드 검색어를 입력하세요.');
- return false;
- } */
- cfnOpenBrandListPopup('fnSetBrandInfo', 'M');
- });
-
- //엑셀 상품 조회
- $('#btnSearchExcel').on('click', function() {
- cfnExcelUploadPopup('goodsNoticeExcelUpload', 'goodsNoticeExcelUpload');
- });
- var goodsNoticeExcelUpload = function(result){
- var data = {procJob : result.procJob
- ,excelFileNm : result.excelFileNm
- };
- var jsonData = JSON.stringify(data);
- gagajf.ajaxJsonSubmit('/goods/search/excelupload/save', jsonData, fnGoodsNoticeExcelUploadCallBack);
- }
-
- var fnGoodsNoticeExcelUploadCallBack = function(result){
- gagajf.ajaxJsonSubmit('/goods/excel/upload/goods/list', '', fnExcelSearchCallBack);
- }
-
- // 상품 엑셀 조회 콜백함수
- var fnExcelSearchCallBack = function(result) {
- if (result.goodsExcelList.length < 1) return;
- var oldData = gagaAgGrid.getAllRowData(gridNoticeGoodsOptions);
- $.each(result.goodsExcelList, function(idx, item) {
- var isInvalid = false;
- if (oldData != null && oldData.length != 0){
- oldData.forEach(function(oneData){
- if(oneData.goodsCd == item.goodsCd){
- isInvalid = true;
- return true;
- }
- });
- if(isInvalid){
- return isInvalid;
- }
- }
- gagaAgGrid.addRowData(gridNoticeGoodsOptions, {"goodsCd" : item.goodsCd, "goodsNm" : item.goodsNm, "crud" : "C"});
- });
- return;
- };
-
- // 상품 조회 클릭 시
- $('#btnSearchGoods').on('click', function() {
- cfnOpenGoodsPopup('fnSearchCallBack');
- });
- // 상품 조회 콜백함수
- var fnSearchCallBack = function(result) {
- if (result.length < 1) return;
- var oldData = gagaAgGrid.getAllRowData(gridNoticeGoodsOptions);
- $.each(result, function(idx, item) {
- var isInvalid = false;
- if (oldData != null && oldData.length != 0){
- oldData.forEach(function(oneData){
- if(oneData.goodsCd == item.goodsCd){
- isInvalid = true;
- return true;
- }
- });
- if(isInvalid){
- return isInvalid;
- }
- }
- gagaAgGrid.addRowData(gridNoticeGoodsOptions, {"goodsCd" : item.goodsCd, "goodsNm" : item.goodsNm, "crud" : "C"});
- });
- uifnPopupClose('popupGoods');
- return;
- };
-
- // 상품 삭제
- $('#btnDeleteNoticeGoods').on('click', function() {
-
- var selectedData = gridNoticeGoodsOptions.api.getSelectedRows();
- if (selectedData.length == 0) {
- mcxDialog.alert('선택된 행이 없습니다.');
- return;
- }
-
- // 신규 상세 공지일경우 화면에서만 삭제
- if (gagajf.isNull($('#goodsNoticeForm input[name=noticeSq]').val())){
- var removedData = gagaAgGrid.removeRowData(gridNoticeGoodsOptions, false);
- return;
- }
-
- mcxDialog.confirm('삭제하시겠습니까?', {
- cancelBtnText: "취소",
- sureBtnText: "확인",
- sureBtnClick: function(){
- var removedData = gagaAgGrid.removeRowData(gridNoticeGoodsOptions, false);
- var arrGoodsCd = [];
- $.each(selectedData, function(idx, item) {
- arrGoodsCd.push(item.goodsCd);
- });
-
- var data = {arrGoodsCd : arrGoodsCd
- ,noticeSq : $('#goodsNoticeForm input[name=noticeSq]').val()
- };
-
- var jsonData = JSON.stringify(data);
- gagajf.ajaxJsonSubmit('/goods/notice/goods/delete', jsonData);
- }
- });
- });
-
- // 신규 버튼 클릭
- $("#btnNew").on("click", function(){
- $('#goodsNoticeForm')[0].reset();
-
- // 공지내용. Summernote에 값 세팅
- gagaSn.setContents('#noticeContent', "");
- // 그리드 초기화
- gridNoticeGoodsOptions.api.setRowData(null);
-
- $('#goodsNoticeForm input[name=noticeSq]').val('');
- $('#goodsNoticeForm input[name=noticeStdt]').val(_today);
- $('#goodsNoticeForm input[name=noticeEddt]').val(_today);
- });
-
- // 저장
- $("#btnSave").on("click", function() {
- // 날짜 체크
- if (gagajf.isNull($('#goodsNoticeForm input[name=noticeStdt]').val())) {
- mcxDialog.alertC('공지시작일자를 입력해 주세요.', {
- sureBtnText: "확인",
- sureBtnClick: function() {
- $('#goodsNoticeForm input[name=noticeStdt]').focus();
- }
- });
- return;
- }
- if (gagajf.isNull($('#goodsNoticeForm input[name=noticeEddt]').val())) {
- mcxDialog.alertC('공지종료일자를 입력해 주세요.', {
- sureBtnText: "확인",
- sureBtnClick: function() {
- $('#goodsNoticeForm input[name=noticeEddt]').focus();
- }
- });
- return;
- }
- var stDate = $('#goodsNoticeForm input[name=noticeStdt]').val().toDate('YYYY-MM-DD');
- var edDate = $('#goodsNoticeForm input[name=noticeEddt]').val().toDate('YYYY-MM-DD');
- if (stDate > edDate) {
- mcxDialog.alert("공지기간 종료일자는 시작일자 보다 클 수 없습니다.");
- return;
- }
- // validation
- if (!gagajf.validation('#goodsNoticeForm'))
- return false;
- $('#goodsNoticeForm input[name=useYn]').val($('#goodsNoticeForm input:checkbox[name=chkUseYn]').is(":checked") ? 'Y' : 'N');
- mcxDialog.confirm('저장하시겠습니까?', {
- cancelBtnText: "취소",
- sureBtnText: "확인",
- sureBtnClick: function(){
-
- //var goodsAllData = gagaAgGrid.getAllRowData(gridNoticeGoodsOptions);
- var goodsAllData = gagaAgGrid.getChangedData(gridNoticeGoodsOptions);
-
- var jsonGoodsData = JSON.stringify(goodsAllData);
- $('#goodsNoticeForm input[name=goodsList]').val(jsonGoodsData);
-
- var jsonData = JSON.stringify($('#goodsNoticeForm').serializeObject());
- gagajf.ajaxJsonSubmit($('#goodsNoticeForm').prop('action'), jsonData, function() {
- $('#btnSearch').trigger('click');
- $("#btnNew").trigger('click');
- //fnGetNoticeGoodsList($('#goodsNoticeForm input[name=noticeSq]').val());
-
- });
- }
- });
- });
-
- $(document).ready(function() {
-
- cfnCreateCalendar('#sellTerms', 'stDate', 'edDate', true, '공지일', 'X');
-
- // Create a agGrid
- gagaAgGrid.createGrid('gridNoticeList', gridNoticeOptions);
- gagaAgGrid.createGrid('gridNoticeGoodsList', gridNoticeGoodsOptions);
-
- // Create a summernote
- var snOptions = gagaSn.getToolbarOptions('media');
- gagaSn.createSummernote(snOptions, '#noticeContent');
-
- });
-
- /*]]>*/
- </script>
- </html>
|