PlanningMainFormWeb.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <!DOCTYPE html>
  2. <html lang="ko"
  3. xmlns:th="http://www.thymeleaf.org"
  4. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  5. layout:decorator="web/common/layout/DefaultLayoutWeb">
  6. <!--
  7. *******************************************************************************
  8. * @source : PlanningMainFormWeb.html
  9. * @desc : 기획전메인 Page
  10. *============================================================================
  11. * Pastelmall
  12. * Copyright(C) 2020 TSIT, All rights reserved.
  13. *============================================================================
  14. * VER DATE AUTHOR DESCRIPTION
  15. * === =========== ========== =============================================
  16. * 1.0 2021.03.5 sowon 최초 작성
  17. *******************************************************************************
  18. -->
  19. <body>
  20. <th:block layout:fragment="content">
  21. <!-- container -->
  22. <div id="container" class="container dp">
  23. <div class="breadcrumb">
  24. <ul>
  25. <li class="bread_home"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
  26. <li class="bread_2depth"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">기획전</a></li>
  27. <th:block th:if="${cateNo != null}">
  28. <li class="bread_3depth"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN+'?cateNo='+[[${cateNo}]]);">[[${cateNm}]]</a></li>
  29. </th:block>
  30. </ul>
  31. </div>
  32. <div class="wrap">
  33. <div class="content dp_Exhibition"> <!-- 페이지특정 클래스 = dp_Exhibition -->
  34. <div class="cont_head">
  35. <div>
  36. <h3>기획전</h3>
  37. </div>
  38. </div>
  39. <div class="cont_body">
  40. <div class="best_nav">
  41. <ul>
  42. <li><button th:class="${cateNo == null ? 'active' : ''}" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">전체</button></li>
  43. <th:block th:each="CategoryData, CategoryStat : ${categoryList}">
  44. <li><button th:class="${CategoryData.cate1No == cateNo ? 'active' : '' }" th:onclick="|cfnGoToPage(_PAGE_PLANNING_MAIN+'?cateNo=*{CategoryData.cate1No}');|">[[${CategoryData.cate1Nm}]]</button></li>
  45. </th:block>
  46. </ul>
  47. </div>
  48. <div class="ui_row">
  49. <div class="ui_col_12">
  50. <div class="form_count">
  51. <p><span>[[${planCount}]]</span>개의 기획전</p>
  52. </div>
  53. </div>
  54. </div>
  55. <!-- 기획전 0개 -->
  56. <th:block th:if="${planCount == 0}">
  57. <div class="list_content nodata"> <!-- 데이터 없을시 클래스 nodata 추가 -->
  58. </th:block>
  59. <!-- 기획전 1개 이상 -->
  60. <th:block th:if="${planCount != 0}">
  61. <div class="list_content"> <!-- 데이터 없을시 클래스 nodata 추가 -->
  62. </th:block>
  63. <div class="list_defult">
  64. <div>
  65. <img src="/images/pc/ico_content_find.png" alt="">
  66. <p>등록된 기획전이 없습니다.</p>
  67. </div>
  68. <div class="ui_row">
  69. <button type="button" class="btn btn_default" onclick="cfnGoToPage(_PAGE_MAIN);"><span>홈으로 가기</span></button>
  70. </div>
  71. </div>
  72. <div class="itemsGrp">
  73. <th:block th:each="PlanData, PlanStat : ${planList}">
  74. <div class="exhi_item">
  75. <div class="exhi_item_img">
  76. <a href="javascript:void(0);" th:onclick="fnEventGoToPage('[[${PlanData.planSq}]]');">
  77. <th:block th:if="${PlanData.newPlan != null}">
  78. <div class="shape ranker"><span>NEW</span></div>
  79. </th:block>
  80. <img th:src="${@environment.getProperty('domain.image')+'/planning/'+PlanData.mainPimg}" style="width: 100%;" alt=""> <!-- 430x430 사이즈 최적 -->
  81. <div class="exhi_detail">
  82. <th:block th:if="${PlanData.cnt > 1}">
  83. <p class="brand">[[${PlanData.brand}]] 외</p>
  84. </th:block>
  85. <th:block th:if="${PlanData.cnt <= 1}">
  86. <p class="brand">[[${PlanData.brand}]]</p>
  87. </th:block>
  88. <h3 class="tit">[[${PlanData.planNm}]]</h3>
  89. <p class="sale">[[${PlanData.dtlTitle1}]]</p>
  90. </div>
  91. </a>
  92. </div>
  93. <div class="exhi_item_pr">
  94. <ul class="prod_list clear">
  95. <th:block th:each="goodsList, k : ${goodsList}">
  96. <th:block th:if="${PlanData.planSq} == ${goodsList.planSq} and ${goodsList.goodsCd} != null">
  97. <li>
  98. <a href="">
  99. <div class="img">
  100. <img th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsList.sysImgNm}" style="width: 100%;" alt="">
  101. </div>
  102. <div class="txt">
  103. <p class="pr_tit">[[${goodsList.goodsNm}]]</p>
  104. <p class="price"><span th:text="${#numbers.formatInteger(goodsList.currPrice, 0,'COMMA')}"></span>원</p>
  105. </div>
  106. </a>
  107. </li>
  108. </ul>
  109. </div>
  110. </div>
  111. </th:block>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. <!-- // container -->
  119. <script th:inline="javascript">
  120. </script>
  121. </th:block>
  122. </body>
  123. </html>