조회조건 정상화, 드래그앤드랍 기능 적용

This commit is contained in:
pjs
2026-02-19 22:12:34 +09:00
parent 836c8031c0
commit 15e81daaca
13 changed files with 770 additions and 698 deletions

View File

@@ -2,7 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{/web/layout/homeLayout}">
<th:block layout:fragment="layout_css">
<link rel="stylesheet" href="/css/web/webTreatmentPetitSelectList.css">
<link rel="stylesheet" href="/css/web/ContentsBbsSelectList.css">
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
</th:block>
<th:block layout:fragment="layout_top_script">
@@ -21,17 +21,11 @@
/* 검색 관련 변수 */
let webTreatmentPetitSearchKeywordParam0 = "[[${param.webTreatmentPetitSearchKeywordParam0}]]";
let webTreatmentPetitSearchKeywordParam1 = "[[${param.webTreatmentPetitSearchKeywordParam1}]]";
let webTreatmentPetitSearchKeywordParam2 = "[[${param.webTreatmentPetitSearchKeywordParam2}]]";
let webTreatmentPetitSearchKeywordParam3 = "[[${param.webTreatmentPetitSearchKeywordParam3}]]";
let webTreatmentPetitSort = "[[${param.webTreatmentPetitSort}]]";
let webTreatmentPetitDir = "[[${param.webTreatmentPetitDir}]]";
let webTreatmentPetitStart = "[[${param.webTreatmentPetitStart}]]" == "" ? 0 : "[[${param.webTreatmentPetitStart}]]";
let webTreatmentPetitLimit = "[[${param.webTreatmentPetitLimit}]]" == "" ? 500 : "[[${param.webTreatmentPetitLimit}]]";
let webTreatmentPetitSearchStartDate = "[[${param.webTreatmentPetitSearchStartDate}]]";
let webTreatmentPetitSearchEndDate = "[[${param.webTreatmentPetitSearchEndDate}]]";
let webTreatmentPetitSearchDateType = "[[${param.webTreatmentPetitSearchDateType}]]" == "" ? "A" : "[[${param.webTreatmentPetitSearchDateType}]]";
</script>
</th:block>
<th:block layout:fragment="layout_content">
@@ -42,32 +36,24 @@
<div class="filter_box">
<div class="form_box">
<!-- 이름input -->
<!-- 카테고리 셀렉트박스 -->
<div class="select_box first dropdown">
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">카테고리</button>
<input type="hidden" id="webTreatmentPetitSearchKeyword0">
<ul class="select_option_list dropdown-menu" id="categoryOptionList">
<li class="option_list_item" id="li_ALL">전체</li>
</ul>
</div>
<!-- 제목 검색 input -->
<div class="search_list">
<div class="search_box">
<img src="/image/web/search_G.svg" alt="search" />
<input type="text" id="webTreatmentPetitSearchKeyword0" required placeholder="카테고리">
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
</div>
<div class="search_box">
<img src="/image/web/search_G.svg" alt="search" />
<input type="text" id="webTreatmentPetitSearchKeyword1" required placeholder="제목">
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
</div>
<div class="search_box">
<img src="/image/web/search_G.svg" alt="search" />
<input type="text" id="webTreatmentPetitSearchKeyword2" required placeholder="작성자">
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
</div>
<div class="search_box">
<img src="/image/web/search_G.svg" alt="search" />
<input type="text" id="webTreatmentPetitSearchKeyword3" required placeholder="시술">
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
</div>
<button id="btnSearchWebTreatmentPetit" class="search_btn" data-toggle="modal"
data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>
</div>
@@ -102,7 +88,7 @@
</th:block>
<th:block layout:fragment="layout_script">
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
<script src="/js/web/contentsBbs/ContentsBbsSelectList.js?v=4"></script>
<script src="/js/web/contentsBbs/ContentsBbsSelectList.js?v=6"></script>
</th:block>
</html>

View File

@@ -1,8 +1,6 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{/web/layout/homeLayout}">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{/web/layout/homeLayout}">
<th:block layout:fragment="layout_css">
<link rel="stylesheet" href="/css/web/webMainBannerSelectList.css">
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
@@ -10,27 +8,27 @@
<th:block layout:fragment="layout_top_script">
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
<script>
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
let menuClass = "[[${param.menuClass}]]" == "" ? "" : "[[${param.menuClass}]]";
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
let selectUseYn = "[[${selectUseYn}]]" == "" ? "N" : "[[${selectUseYn}]]";
let insertUseYn = "[[${insertUseYn}]]" == "" ? "N" : "[[${insertUseYn}]]";
let updateUseYn = "[[${updateUseYn}]]" == "" ? "N" : "[[${updateUseYn}]]";
let deleteUseYn = "[[${deleteUseYn}]]" == "" ? "N" : "[[${deleteUseYn}]]";
let downloadUseYn = "[[${downloadUseYn}]]" == "" ? "N" : "[[${downloadUseYn}]]";
/* 검색 관련 변수 */
let webMainBannerSearchKeywordParam = "[[${param.webMainBannerSearchKeywordParam}]]";
let webMainBannerSearchType = "[[${param.webMainBannerSearchType}]]";
let webMainBannerSort = "[[${param.webMainBannerSort}]]";
let webMainBannerDir = "[[${param.webMainBannerDir}]]";
let webMainBannerStart = "[[${param.webMainBannerStart}]]"==""?0:"[[${param.webMainBannerStart}]]";
let webMainBannerLimit = "[[${param.webMainBannerLimit}]]"==""?500:"[[${param.webMainBannerLimit}]]";
let webMainBannerSearchType = "[[${param.webMainBannerSearchType}]]";
let webMainBannerSort = "[[${param.webMainBannerSort}]]";
let webMainBannerDir = "[[${param.webMainBannerDir}]]";
let webMainBannerStart = "[[${param.webMainBannerStart}]]" == "" ? 0 : "[[${param.webMainBannerStart}]]";
let webMainBannerLimit = "[[${param.webMainBannerLimit}]]" == "" ? 500 : "[[${param.webMainBannerLimit}]]";
let webMainBannerSearchStartDate = "[[${param.webMainBannerSearchStartDate}]]";
let webMainBannerSearchEndDate = "[[${param.webMainBannerSearchEndDate}]]";
let webMainBannerSearchDateType = "[[${param.webMainBannerSearchDateType}]]"==""?"A":"[[${param.webMainBannerSearchDateType}]]";
// CDN_URL 전역 정의
let webMainBannerSearchStartDate = "[[${param.webMainBannerSearchStartDate}]]";
let webMainBannerSearchEndDate = "[[${param.webMainBannerSearchEndDate}]]";
let webMainBannerSearchDateType = "[[${param.webMainBannerSearchDateType}]]" == "" ? "A" : "[[${param.webMainBannerSearchDateType}]]";
// CDN_URL 전역 정의
const CDN_URL = "[(${@environment.getProperty('url.cdn')})]";
</script>
</th:block>
@@ -41,38 +39,11 @@
<div class="filter_box">
<div class="form_box">
<div class="select_box first dropdown">
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">기간</button>
<input type="hidden" id="webMainBannerSearchDateType">
<ul class="select_option_list dropdown-menu">
<li id="li_A" class="option_list_item first" >오늘</li>
<li id="li_B" class="option_list_item">최근30일</li>
<li id="li_C" class="option_list_item">최근90일</li>
<li id="li_D" class="option_list_item">이번주</li>
<li id="li_E" class="option_list_item">이번달</li>
<li id="li_F" class="option_list_item">올해</li>
<li id="li_G" class="option_list_item">지난주</li>
<li id="li_H" class="option_list_item">지난달</li>
</ul>
</div>
<!-- 캘린더input -->
<div class="calendar_box">
<div class="date_box date" id="divWebMainBannerSearchStartDate">
<img src="/image/web/calendar.svg" alt="calendar"/>
<input type="date" class="date_picker" id="webMainBannerSearchStartDate">
</div>
<span class="slash">-</span>
<div class="date_box last date" id="divWebMainBannerSearchEndDate">
<img src="/image/web/calendar.svg" alt="calendar"/>
<input type="date" class="date_picker" id="webMainBannerSearchEndDate">
</div>
</div>
<div class="select_box dropdown">
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">카테고리 전체</button>
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">카테고리 전체</button>
<input type="hidden" id="webMainBannerSearchType">
<ul class="select_option_list dropdown-menu">
<li class="option_list_item" id="li_ALL">구분 전체</li>
@@ -86,7 +57,7 @@
<!-- 이름input -->
<div class="search_list">
<div class="search_box">
<img src="/image/web/search_G.svg" alt="search"/>
<img src="/image/web/search_G.svg" alt="search" />
<input type="text" id="webMainBannerSearchKeyword" required placeholder="제목">
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
@@ -122,4 +93,5 @@
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
<script src="/js/web/webmainbanner/webMainBannerSelectList.js"></script>
</th:block>
</html>

View File

@@ -1,8 +1,6 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{/web/layout/homeLayout}">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{/web/layout/homeLayout}">
<th:block layout:fragment="layout_css">
<link rel="stylesheet" href="/css/web/webPopupSelectList.css">
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
@@ -10,26 +8,26 @@
<th:block layout:fragment="layout_top_script">
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
<script>
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
let menuClass = "[[${param.menuClass}]]" == "" ? "" : "[[${param.menuClass}]]";
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
let selectUseYn = "[[${selectUseYn}]]" == "" ? "N" : "[[${selectUseYn}]]";
let insertUseYn = "[[${insertUseYn}]]" == "" ? "N" : "[[${insertUseYn}]]";
let updateUseYn = "[[${updateUseYn}]]" == "" ? "N" : "[[${updateUseYn}]]";
let deleteUseYn = "[[${deleteUseYn}]]" == "" ? "N" : "[[${deleteUseYn}]]";
let downloadUseYn = "[[${downloadUseYn}]]" == "" ? "N" : "[[${downloadUseYn}]]";
/* 검색 관련 변수 */
let webPopupSearchKeywordParam = "[[${param.webPopupSearchKeywordParam}]]";
let webPopupSort = "[[${param.webPopupSort}]]";
let webPopupDir = "[[${param.webPopupDir}]]";
let webPopupStart = "[[${param.webPopupStart}]]"==""?0:"[[${param.webPopupStart}]]";
let webPopupLimit = "[[${param.webPopupLimit}]]"==""?500:"[[${param.webPopupLimit}]]";
let webPopupSort = "[[${param.webPopupSort}]]";
let webPopupDir = "[[${param.webPopupDir}]]";
let webPopupStart = "[[${param.webPopupStart}]]" == "" ? 0 : "[[${param.webPopupStart}]]";
let webPopupLimit = "[[${param.webPopupLimit}]]" == "" ? 500 : "[[${param.webPopupLimit}]]";
let webPopupSearchStartDate = "[[${param.webPopupSearchStartDate}]]";
let webPopupSearchEndDate = "[[${param.webPopupSearchEndDate}]]";
let webPopupSearchDateType = "[[${param.webPopupSearchDateType}]]"==""?"A":"[[${param.webPopupSearchDateType}]]";
// CDN_URL 전역 정의
let webPopupSearchStartDate = "[[${param.webPopupSearchStartDate}]]";
let webPopupSearchEndDate = "[[${param.webPopupSearchEndDate}]]";
let webPopupSearchDateType = "[[${param.webPopupSearchDateType}]]" == "" ? "A" : "[[${param.webPopupSearchDateType}]]";
// CDN_URL 전역 정의
const CDN_URL = "[(${@environment.getProperty('url.cdn')})]";
</script>
</th:block>
@@ -40,11 +38,16 @@
<div class="filter_box">
<div class="form_box">
<select id="homepageDivCd">
<option value="">홈페이지 구분</option>
<option value="01">다이어트센터</option>
<option value="02">쁘띠센터</option>
</select>
<div class="select_box first dropdown">
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">홈페이지 구분</button>
<input type="hidden" id="homepageDivCd">
<ul class="select_option_list dropdown-menu">
<li class="option_list_item" id="li_ALL">홈페이지 구분</li>
<li class="option_list_item" id="li_01">다이어트센터</li>
<li class="option_list_item" id="li_02">쁘띠센터</li>
</ul>
</div>
<!-- 캘린더input -->
<!--<div class="calendar_box">
@@ -64,12 +67,13 @@
<!-- 이름input -->
<div class="search_list">
<div class="search_box">
<img src="/image/web/search_G.svg" alt="search"/>
<img src="/image/web/search_G.svg" alt="search" />
<input type="text" id="webPopupSearchKeyword" required placeholder="제목">
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
</div>
<button id="btnSearchWebPopup" class="search_btn" data-toggle="modal" data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>
<button id="btnSearchWebPopup" class="search_btn" data-toggle="modal"
data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>
</div>
<div class="right_btn_box">
@@ -100,4 +104,5 @@
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
<script src="/js/web/webpopup/webPopupSelectList.js"></script>
</th:block>
</html>