|
|
@@ -18,7 +18,7 @@
|
|
|
-->
|
|
|
<body>
|
|
|
<th:block layout:fragment="content">
|
|
|
- <!-- container -->
|
|
|
+<!-- container -->
|
|
|
<div id="container" class="container dp">
|
|
|
<div class="breadcrumb">
|
|
|
<ul>
|
|
|
@@ -37,85 +37,76 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="cont_body">
|
|
|
- <div class="best_nav">
|
|
|
- <ul>
|
|
|
- <li><button th:class="${cateNo == null ? 'active' : ''}" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">전체</button></li>
|
|
|
- <th:block th:each="CategoryData, CategoryStat : ${categoryList}">
|
|
|
- <li><button th:class="${CategoryData.cate1No == cateNo ? 'active' : '' }" th:onclick="|cfnGoToPage(_PAGE_PLANNING_MAIN+'?cateNo=*{CategoryData.cate1No}');|">[[${CategoryData.cate1Nm}]]</button></li>
|
|
|
- </th:block>
|
|
|
-
|
|
|
- </ul>
|
|
|
+ <div class="taps">
|
|
|
+ <div>
|
|
|
+ <ul>
|
|
|
+ <li th:class="${cateNo == null ? 'active' : ''}"><a href="javascript:;" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">전체</a></li>
|
|
|
+ <th:block th:each="CategoryData, CategoryStat : ${categoryList}">
|
|
|
+ <li th:class="${CategoryData.cate1No == cateNo ? 'active' : '' }" ><a href="javascript:;" th:onclick="|cfnGoToPage(_PAGE_PLANNING_MAIN+'?cateNo=*{CategoryData.cate1No}');|">[[${CategoryData.cate1Nm}]]</a></li>
|
|
|
+ </th:block>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="ui_row">
|
|
|
<div class="ui_col_12">
|
|
|
<div class="form_count">
|
|
|
- <p><span>[[${planCount}]]</span>개의 기획전</p>
|
|
|
+ <p><span th:text="${planCount}"></span>개의 기획전</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- 기획전 0개 -->
|
|
|
- <th:block th:if="${planCount == 0}">
|
|
|
- <div class="list_content nodata"> <!-- 데이터 없을시 클래스 nodata 추가 -->
|
|
|
- </th:block>
|
|
|
- <!-- 기획전 1개 이상 -->
|
|
|
- <th:block th:if="${planCount != 0}">
|
|
|
- <div class="list_content"> <!-- 데이터 없을시 클래스 nodata 추가 -->
|
|
|
- </th:block>
|
|
|
- <div class="list_defult">
|
|
|
- <div>
|
|
|
- <img src="/images/pc/ico_content_find.png" alt="">
|
|
|
- <p>등록된 기획전이 없습니다.</p>
|
|
|
- </div>
|
|
|
- <div class="ui_row">
|
|
|
- <button type="button" class="btn btn_default" onclick="cfnGoToPage(_PAGE_MAIN);"><span>홈으로 가기</span></button>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="exhi_list"> <!-- 데이터 없을시 클래스 nodata 추가 -->
|
|
|
+ <th:block th:if="${planCount < 1}">
|
|
|
+ <div class="list_content nodata">
|
|
|
+ <div class="list_defult">
|
|
|
+ <div>
|
|
|
+ <img src="/images/pc/ico_content_find.png" alt="">
|
|
|
+ <p>등록된 기획전이 없습니다.</p>
|
|
|
+ </div>
|
|
|
+ <div class="ui_row">
|
|
|
+ <button type="button" class="btn btn_default" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);"><span>홈으로 가기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
- <div class="itemsGrp">
|
|
|
- <th:block th:each="PlanData, PlanStat : ${planList}">
|
|
|
+ </th:block>
|
|
|
+ <div class="itemsGrp" id="planListDiv">
|
|
|
+ <th:block th:each="PlanData, PlanStat : ${planList}">
|
|
|
<div class="exhi_item">
|
|
|
-
|
|
|
<div class="exhi_item_img">
|
|
|
- <a href="javascript:void(0);" th:onclick="cfnGoToPage(_PAGE_PLANNING_DETAIL + '?planSq=' + [[${PlanData.planSq}]]);">
|
|
|
- <th:block th:if="${PlanData.newPlan != null}">
|
|
|
- <div class="shape ranker"><span>NEW</span></div>
|
|
|
- </th:block>
|
|
|
- <img th:src="${@environment.getProperty('domain.image')+'/planning/'+PlanData.mainPimg}" style="width: 100%;" alt=""> <!-- 430x430 사이즈 최적 -->
|
|
|
+ <a th:onclick="planDetailSearch([[${PlanData.planSq}]])">
|
|
|
+ <div class="shape ranker" th:if="${PlanData.newPlan != null}"><span>NEW</span></div>
|
|
|
+ <img th:src="${@environment.getProperty('domain.image')+'/planning/'+PlanData.mainPimg}" alt=""> <!-- 430x430 사이즈 최적 -->
|
|
|
<div class="exhi_detail">
|
|
|
- <th:block th:if="${PlanData.cnt > 1}">
|
|
|
- <p class="brand">[[${PlanData.brand}]] 외</p>
|
|
|
- </th:block>
|
|
|
- <th:block th:if="${PlanData.cnt <= 1}">
|
|
|
- <p class="brand">[[${PlanData.brand}]]</p>
|
|
|
- </th:block>
|
|
|
- <h3 class="tit">[[${PlanData.planNm}]]</h3>
|
|
|
- <p class="sale">[[${PlanData.dtlTitle1}]]</p>
|
|
|
+ <p class="brand" th:if="${PlanData.cnt > 1}" th:text="${PlanData.brand}+' 외'"></p>
|
|
|
+ <p class="brand" th:unless="${PlanData.cnt > 1}" th:text="${PlanData.brand}"></p>
|
|
|
+ <h3 class="tit" th:text="${PlanData.planNm}"></h3>
|
|
|
+ <p class="sale" th:text="${PlanData.dtlTitle1}"></p>
|
|
|
</div>
|
|
|
</a>
|
|
|
</div>
|
|
|
-
|
|
|
<div class="exhi_item_pr">
|
|
|
<ul class="prod_list clear">
|
|
|
- <th:block th:each="goodsList, k : ${goodsList}">
|
|
|
- <th:block th:if="${PlanData.planSq} == ${goodsList.planSq} and ${goodsList.goodsCd} != null">
|
|
|
+ <th:block th:each="goodsList, k : ${goodsList}">
|
|
|
+ <th:block th:if="${PlanData.planSq} == ${goodsList.planSq} and ${goodsList.goodsCd} != null">
|
|
|
<li>
|
|
|
- <a href="">
|
|
|
- <div class="img">
|
|
|
- <img th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsList.sysImgNm}" style="width: 100%;" alt="">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsList.sysImgNm}">
|
|
|
+ </div>
|
|
|
+ <div class="itemName" th:text="${goodsList.goodsNm}"></div>
|
|
|
+ <p class="itemPrice" th:text="${#numbers.formatInteger(goodsList.currPrice, 0,'COMMA')} + '원'"></p>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- <div class="txt">
|
|
|
- <p class="pr_tit">[[${goodsList.goodsNm}]]</p>
|
|
|
- <p class="price"><span th:text="${#numbers.formatInteger(goodsList.currPrice, 0,'COMMA')}"></span>원</p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
+ </div>
|
|
|
</li>
|
|
|
+ </th:block>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</th:block>
|
|
|
-
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -123,9 +114,21 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- // container -->
|
|
|
-
|
|
|
<script th:inline="javascript">
|
|
|
+function planDetailSearch(obj) {
|
|
|
+ console.log("gkgk");
|
|
|
+ var planSq = obj;
|
|
|
+ let data = {planSq : planSq};
|
|
|
+ var jsonData = JSON.stringify(data);
|
|
|
+
|
|
|
+
|
|
|
+ gagajf.ajaxJsonSubmit(
|
|
|
+ '/planning/detail/form', jsonData,
|
|
|
+ function() {
|
|
|
+ cfnGoToPage(_PAGE_PLANNING_DETAIL);
|
|
|
+ });
|
|
|
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
</th:block>
|