|
|
@@ -0,0 +1,181 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko"
|
|
|
+ xmlns:th="http://www.thymeleaf.org"
|
|
|
+ xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
+ layout:decorator="web/common/layout/CallcenterLayoutWeb">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : NoticeFormWeb.html
|
|
|
+ * @desc : 공지사항 Page
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2020 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.02.01 gagamel 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+<body>
|
|
|
+
|
|
|
+<th:block layout:fragment="content">
|
|
|
+ <div id="container" class="container cs">
|
|
|
+ <div class="breadcrumb">
|
|
|
+ <ul>
|
|
|
+ <li class="bread_home"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
|
|
|
+ <li class="bread_2depth"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_FAQ);">고객센터</a></li>
|
|
|
+ <li class="bread_3depth">공지사항</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="wrap">
|
|
|
+ <div class="content faq">
|
|
|
+ <div class="cont_body">
|
|
|
+ <!-- CONT-BODY -->
|
|
|
+ <div class="lnb">
|
|
|
+ <div class="lnb_tit">
|
|
|
+ <h2>고객센터</h2>
|
|
|
+ </div>
|
|
|
+ <div class="lnb_list">
|
|
|
+ <ul id="callcenterLnbList">
|
|
|
+ <li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_FAQ);">FAQ</a></li>
|
|
|
+ <li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_ONETOONE_QNA);">1:1문의</a></li>
|
|
|
+ <li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_GOODS_QNA);">상품문의</a></li>
|
|
|
+ <li><a href="javascript:void(0);" class="on">공지</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="lnb_foot">
|
|
|
+ <ul>
|
|
|
+ <li><p>고객센터 운영안내</p></li>
|
|
|
+ <li><p>1544-5336</p></li>
|
|
|
+ <li><p>평일 09:00~18:00<br>토,일,공휴일 휴무</p></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cont">
|
|
|
+ <div>
|
|
|
+ <div class="sec_head">
|
|
|
+ <h3>공지</h3>
|
|
|
+ </div>
|
|
|
+ <div class="sec_body">
|
|
|
+ <div class="ui_row" id="divNotice"> <!-- 데이터 없을시 클래스 nodata 추가 -->
|
|
|
+ <!-- list -->
|
|
|
+ <div class="foldGroup case2">
|
|
|
+ <ul id="ulNotice">
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //list -->
|
|
|
+ </div>
|
|
|
+ <div class="ui_foot">
|
|
|
+ <div class="ui_row">
|
|
|
+ <ul class="pageNav">
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- // CONT-BODY -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- // container -->
|
|
|
+
|
|
|
+ <form id="noticeForm" name="noticeForm" action="#" th:action="@{'/callcenter/notice/list'}">
|
|
|
+ <input type="hidden" name="pageNo" value ="1"/>
|
|
|
+ <input type="hidden" name="pageSize" value ="10"/>
|
|
|
+ </form>
|
|
|
+
|
|
|
+<script src="/ux/plugins/gaga/gaga.paging.js"></script>
|
|
|
+<script th:inline="javascript">
|
|
|
+/*<![CDATA[*/
|
|
|
+ $(document).ready(function() {
|
|
|
+ // 고객센터 LNB 설정
|
|
|
+ fnSetCallcenterLnbList(4);
|
|
|
+
|
|
|
+ fnGetList();
|
|
|
+ });
|
|
|
+
|
|
|
+ let fnGetList = function() {
|
|
|
+ // Initialize a pagination
|
|
|
+ gagaPaging.init('noticeForm', fnGetListCallback, 'pageNav', 10);
|
|
|
+
|
|
|
+ // Load data
|
|
|
+ gagaPaging.load(1);
|
|
|
+ }
|
|
|
+
|
|
|
+ var fnGetListCallback = function(result) {
|
|
|
+ $('#ulNotice').html('');
|
|
|
+
|
|
|
+ // 중요 공지 목록
|
|
|
+ if (result.urgentList != null && result.urgentList.length > 0) {
|
|
|
+ $.each(result.urgentList, function(idx, item) {
|
|
|
+ let tag = '<li class="critical">\n'; // 중요 공지 클래스 critical 추가
|
|
|
+ tag += ' <div class="fold_head">\n';
|
|
|
+ tag += ' <a href="javascript:void(0)">\n';
|
|
|
+ tag += ' <div>\n';
|
|
|
+ tag += ' <span class="fold_state"><em class="important">중요</em></span>\n';
|
|
|
+ tag += ' <span class="fold_category">공지</span>\n';
|
|
|
+ tag += ' <div class="fold_tit">\n';
|
|
|
+ tag += ' <span>' + item.noticeTitle + '</span>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += ' <span class="data">' + item.regDt.toDate("YYYYMMDD").format("YYYY.MM.DD") + '</span>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += ' </a>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += ' <div class="fold_cont" style="display: none;">\n';
|
|
|
+ tag += ' <div class="fold_detail">\n';
|
|
|
+ tag += ' <div>' + item.noticeContent + '</div>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += '</li>\n';
|
|
|
+
|
|
|
+ $('#ulNotice').append(tag);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ // 일반 공지 목록
|
|
|
+ if (result.dataList != null && result.dataList.length > 0) {
|
|
|
+ $.each(result.dataList, function(idx, item) {
|
|
|
+ let paging = result.paging.pageable;
|
|
|
+
|
|
|
+ let tag = '<li>\n';
|
|
|
+ tag += ' <div class="fold_head">\n';
|
|
|
+ tag += ' <a href="javascript:void(0)">\n';
|
|
|
+ tag += ' <div>\n';
|
|
|
+ tag += ' <span class="fold_state">' + (paging.totalCount - ((paging.pageNo - 1) * paging.pageSize) - idx++) + '</span>\n';
|
|
|
+ tag += ' <span class="fold_category">브랜드</span>\n';
|
|
|
+ tag += ' <div class="fold_tit">\n';
|
|
|
+ tag += ' <span>' + item.noticeTitle + '</span>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += ' <span class="data">' + item.regDt.toDate("YYYYMMDD").format("YYYY.MM.DD") + '</span>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += ' </a>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += ' <div class="fold_cont" style="display: none;">\n';
|
|
|
+ tag += ' <div class="fold_detail">\n';
|
|
|
+ tag += ' <div>' + item.noticeContent + '</div>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += '</li>\n';
|
|
|
+
|
|
|
+ $('#ulNotice').append(tag);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ if (result.urgentList == null && result.dataList == null) {
|
|
|
+ let tag = '<li>내역이 없습니다.</li>\n';
|
|
|
+ $('#ulNotice').append(tag);
|
|
|
+ $('#divNotice').addClass('nodata');
|
|
|
+ }
|
|
|
+
|
|
|
+ // Create pagination
|
|
|
+ gagaPaging.createPagination(result.paging.pageable);
|
|
|
+ }
|
|
|
+/*]]>*/
|
|
|
+</script>
|
|
|
+
|
|
|
+</th:block>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
jsh77b