tolag3/fairnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2024/11/07 통합검색 추가, 통계 레이아웃 수정

Browse Source
This commit is contained in:
subsub 2024-11-07 17:11:09 +09:00
parent bff8624edf
commit 16a437f7ae
7 changed files with 451 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/main/webapp/WEB-INF/jsp/manager/statistics/siteStatisticsList.jsp
View File

@ -24,7 +24,7 @@
</div>
</div> -->
</div>
<div class="sch-content-wrap clear">
<div class="search_detail clear statistics_title">
<form:form name="frmSearch" id="frmSearch" action="/gtm/${siteIdx}/siteStatisticsList.do" method="post">
<input type="hidden" name="page" value="1" />
<input type="hidden" name="row" value="<c:out escapeXml='true' value='${row}' />" />
@ -35,10 +35,11 @@
<fieldset>
<legend>검색 폼</legend>
<select name="year" id="yearStr" title="<s:message code="common.select.option.value"/>" class="sch-select">
</select>
<ul class="search_ul">
<li>
<select name="year" id="yearStr" title="<s:message code="common.select.option.value"/>" class="sch-select"></select>
</li>
<li>
<select name="month" id="monthStr" title="<s:message code="common.select.option.value"/>" class="sch-select">
<option value="1" <c:if test="${monthStr == '1'}">selected="selected"</c:if>>1월</option>
<option value="2" <c:if test="${monthStr == '2'}">selected="selected"</c:if>>2월</option>
@ -53,18 +54,24 @@
<option value="11" <c:if test="${monthStr == '11'}">selected="selected"</c:if>>11월</option>
<option value="12" <c:if test="${monthStr == '12'}">selected="selected"</c:if>>12월</option>
</select>
</li>
<li>
<button type="submit" class="btn btn_text btn_36 blue_border btn-page-sch"><s:message code="common.button.search"/></button>
</li>
</ul>
<button type="submit" class="btn-page-sch"><s:message code="common.button.search"/></button>
</fieldset>
</form:form>
</div>
</div>
<div class="chart_wrap">
<div id="month_chart" class="chart"></div>
</div>
<div class="btn-area">
<a class="btn-normal lightgray" href="/gtm/proc/<c:out escapeXml='true' value='${siteIdx}' />/siteStatisticsExcelList.do?year=${yearStr}&amp;month=<c:out escapeXml='true' value='${monthStr}' />"><s:message code="common.button.excel"/></a>
<div class="btn_wrap">
<a class="btn btn_text btn_46 excel_download" href="/gtm/proc/<c:out escapeXml='true' value='${siteIdx}' />/siteStatisticsExcelList.do?year=${yearStr}&amp;month=<c:out escapeXml='true' value='${monthStr}' />"><s:message code="common.button.excel"/></a>
</div>
<script>

6
src/main/webapp/kofair_case_seed/adm/style/common.css
View File

@ -10,7 +10,7 @@
.btn_wrap .area_left,.btn_wrap .area_right{display:flex;align-items:center;gap:8px;}
.btn{display:inline-block;padding:0;color:#333;border-radius:5px !important;transition:all 0.2s ease-in-out;}
label.btn{display:inline-flex;justify-content:center;align-items:center;}
label.btn, a.btn{display:inline-flex;justify-content:center;align-items:center;}
.btn.btn_text{padding:0 18px;}
.btn.round{border-radius:100%;}
.btn.only_icon{padding:0;}
@ -36,8 +36,8 @@ label.btn{display:inline-flex;justify-content:center;align-items:center;}
.btn.red_fill{background:#e40000 !important;color:#fff !important;}
.btn.green_fill{background:#009541 !important;color:#fff !important;}
.btn.excel_download{background:#fff url(/kofair_case_seed/adm/images/component/icon_excel_down.png) no-repeat 16px 10px !important;padding:0 18px 0 40px !important;border:1px solid #009541;color:#009541 !important;}
.btn.excel_upload{background:#fff url(/kofair_case_seed/adm/images/component/icon_excel_get.png) no-repeat 16px 10px !important;padding:0 18px 0 40px !important;border:1px solid #009541;color:#009541 !important;}
.btn.excel_download{background:#fff url(/kofair_case_seed/adm/images/component/icon_excel_down.png) no-repeat 16px 51.5% !important;padding:0 18px 0 40px !important;border:1px solid #009541;color:#009541 !important;}
.btn.excel_upload{background:#fff url(/kofair_case_seed/adm/images/component/icon_excel_get.png) no-repeat 16px 51.5% !important;padding:0 18px 0 40px !important;border:1px solid #009541;color:#009541 !important;}
/* input */
input[type="text"],input[type="search"],input[type="password"]{height:36px;padding:0 10px;font-size:14px;border:1px solid #d5d5d5 !important;border-radius:5px !important;box-shadow:none !important;}

6
src/main/webapp/kofair_case_seed/adm/style/style.css
View File

@ -259,6 +259,12 @@ div.webnote_toolbar_container{display:flex;}
/* 아이디 중복확인 */
.id_duplication_popup .popup_sub_tit{margin:0 0 30px 0;}
/* 통계 */
.statistics_title.search_detail .search_ul{gap:10px;}
.statistics_title.search_detail .search_ul select{width:150px;}
.chart_wrap{min-height:300px;padding:30px;border:3px solid #e8e8e8;border-radius:5px;}
/* slide_wrap */
.slide_wrap .cs-panel{border:0;border-radius:0;box-shadow:none;}
.slide_wrap .cs-panel-heading{padding:0;margin:0 0 20px 0;border:0;border-radius:0;background:#fff;}

1
src/main/webapp/kofair_case_seed/usr/scripts/layout.js
View File

@ -94,7 +94,6 @@ function header() {
$(".header a").each(function(idx,itm){
var menuText = $(itm).text().trim();
console.log(menuText);
if(menuText == "실시간 상담"){
$(itm).html("실시간 상담 <i class='icon outlink' style='margin:0 0 0 5px;'></i>")
}

62
src/main/webapp/kofair_case_seed/usr/style/style.css
View File

@ -245,6 +245,25 @@
.calendar .duet-date__day[aria-pressed=true],.calendar .duet-date__day:focus{background:#2870ed;color:#fff;} /* 달력 날짜 선택 */
.calendar .duet-date__close{display:flex !important;position:absolute;width:26px;height:26px;border:1px solid #d8d8d8;border-radius:5px;background:#fff;right:25px;bottom:15px;opacity:1 !important;} /* 달력 닫기 */
/* 통합검색 */
.total_search .search_form{display:flex;width:100%;min-height:100px;padding:30px 0;margin:30px 0;border-radius:5px;background:#f4f5f7;justify-content:center;align-items:center;gap:10px;}
.total_search .search_form input{width:590px;}
.total_search .search_result{text-align:center;font-size:2rem;color:#222;}
.total_search .search_category{display:flex;align-items:flex-end;gap:11px;}
.total_search .search_result_wrap{margin:40px 0 0 0;}
.total_search .search_result_wrap:first-child{margin:0;}
.total_search .search_result_wrap .title{font-size:2.5rem;color:#222;}
.total_search .search_result_wrap .list_number{font-size:1.7rem;color:#666;}
.total_search .search_list{width:100%;margin:20px 0 0 0;border-top:3px solid #2e40ba;}
.total_search .search_list li{position:relative;padding:26px 13px;border-bottom:1px solid #d8d8d8;}
.total_search .search_list li.search_none{display:inline-flex;width:100%;height:100px;font-size:1.7rem;color:#666;justify-content:center;align-items:center;}
.total_search .search_list li .list_title{display:block;width:100%;font-size:1.9rem;font-weight:500;color:#222;line-height:1.4;}
.total_search .search_list li .category{display:block;margin:8px 0 0 0;font-size:1.6rem;color:#666;}
.total_search .search_list li .date{position:absolute;font-size:1.6rem;color:#888;right:0;top:50%;transform:translateY(-50%);}
/* ==================== 테블릿 ==================== */
@media screen and (max-width: 1199px){
@ -409,6 +428,28 @@
.calendar .duet-date__close{bottom:22px;right:50px;}
.calendar .duet-date__prev svg, .calendar .duet-date__next svg,.calendar .duet-date__close svg{width:40px;height:40px;}
/* 통합검색 */
.total_search .search_form{padding:35px 30px;margin:60px 0;border-radius:10px;gap:20px;}
.total_search .search_form input{width:calc(100% - 110px);}
.total_search .search_result{font-size:4rem;}
.total_search .search_category{gap:22px;}
.total_search .search_result_wrap{margin:80px 0 0 0;}
.total_search .search_result_wrap:first-child{margin:0;}
.total_search .search_result_wrap .title{font-size:5rem;color:#222;}
.total_search .search_result_wrap .list_number{font-size:3.4rem;color:#666;}
.total_search .search_list{margin:40px 0 0 0;border-top:6px solid #2e40ba;}
.total_search .search_list li{padding:50px 20px;border-bottom:2px solid #d8d8d8;}
.total_search .search_list li a{display:flex;flex-wrap:wrap;}
.total_search .search_list li.search_none{height:110px;font-size:3.4rem;}
.total_search .search_list li .list_title{font-size:3.8rem;}
.total_search .search_list li .category{margin:30px 0 0 0;font-size:3.2rem;}
.total_search .search_list li .date{font-size:3.2rem;right:20px;top:auto;bottom:50px;transform:none;}
.total_search .btn_wrap.right{margin:60px 0 0 0;justify-content:center;}
.total_search .btn_wrap.right button{width:25%;}
}
@ -543,6 +584,27 @@
.search_wrap .calendar_term .duet-date__input{font-size:1.5rem;}
.search_wrap .input_calendar .duet-date__toggle{width:40px;top:-1px;}
.search_wrap .select{background:#fff url(/kofair_case_seed/usr/images/component/icon_select.png) no-repeat calc(100% - 16px) calc(50% - 1px);}
/* 통합검색 */
.total_search .search_form{padding:17.5px 15px;margin:30px 0;border-radius:5px;gap:10px;}
.total_search .search_form input{width:calc(100% - 110px);}
.total_search .search_result{font-size:2rem;}
.total_search .search_category{gap:11px;}
.total_search .search_result_wrap{margin:40px 0 0 0;}
.total_search .search_result_wrap:first-child{margin:0;}
.total_search .search_result_wrap .title{font-size:2.5rem;}
.total_search .search_result_wrap .list_number{font-size:1.7rem;}
.total_search .search_list{margin:20px 0 0 0;border-top:3px solid #2e40ba;}
.total_search .search_list li{padding:25px 10px;border-bottom:1px solid #d8d8d8;}
.total_search .search_list li.search_none{height:80px;font-size:1.7rem;}
.total_search .search_list li .list_title{font-size:1.9rem;}
.total_search .search_list li .category{margin:15px 0 0 0;font-size:1.6rem;}
.total_search .search_list li .date{font-size:1.6rem;right:10px;bottom:25px;}
.total_search .btn_wrap.right{margin:30px 0 0 0;}
.total_search .btn_wrap.right button{width:25%;}
}
@media screen and (max-width: 499px){

179
src/main/webapp/kofair_case_seed/usr/total_search_page.html Normal file
View File

@ -0,0 +1,179 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>한국공정거래조정원 온라인분쟁조정시스템 > 통합검색</title>
<!-- css -->
<link rel="stylesheet" href="/kofair_case_seed/css/reset.css">
<link rel="stylesheet" href="/kofair_case_seed/css/font.css">
<link rel="stylesheet" href="/kofair_case_seed/usr/style/common.css">
<link rel="stylesheet" href="/kofair_case_seed/usr/style/layout.css">
<link rel="stylesheet" href="/kofair_case_seed/usr/style/style.css">
<link rel="stylesheet" href="/kofair_case_seed/usr/style/mypage.css">
<!-- js -->
<script src="/kofair_case_seed/script/lib/jquery-3.5.0.js"></script>
<script src="/kofair_case_seed/usr/scripts/common.js"></script>
<script src="/kofair_case_seed/usr/scripts/layout.js"></script>
<script src="/kofair_case_seed/usr/scripts/ui.js"></script>
<script src="/kofair_case_seed/usr/scripts/mypage.js"></script>
</head>
<body>
<div class="wrap sub">
<div data-include-path="/kofair_case_seed/usr/layout/_header.html"></div>
<div class="contents sub">
<div class="sub_visual">
<h2>통합검색</h2>
</div>
<div class="inner">
<div class="sub_content w100per">
<!-- page_location -->
<ul class="page_location">
<li><i class="icon home"></i></li>
<li>통합검색</li>
</ul>
<!-- //page_location -->
<div class="total_search">
<div class="search_form">
<input type="text" class="input_text" placeholder="검색어를 입력하세요.">
<button type="button" class="btn btn_text btn_40 darkblue_fill">검색</button>
</div>
<p class="search_result">
<span class="color_darkblue fw_bold">'분쟁조정'</span>에 대한 통합검색 결과 총 <span class="color_darkblue fw_bold">178</span>건 입니다.
</p>
<div class="search_result_wrap">
<div class="search_category">
<b class="title">분쟁조정 사례</b>
<p class="list_number">총 <span class="color_blue">25</span>건</p>
</div>
<ul class="search_list">
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
</ul>
<div class="btn_wrap right">
<button type="button" class="btn btn_text btn_40 gray_fill" onclick="location.href='/kofair_case_seed/usr/total_search_page_detail.html'">더보기</button>
</div>
</div>
<div class="search_result_wrap">
<div class="search_category">
<b class="title">자료실</b>
<p class="list_number">총 <span class="color_blue">25</span>건</p>
</div>
<ul class="search_list">
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
</ul>
<div class="btn_wrap right">
<button type="button" class="btn btn_text btn_40 gray_fill" onclick="location.href='/kofair_case_seed/usr/total_search_page_detail.html'">더보기</button>
</div>
</div>
<div class="search_result_wrap">
<div class="search_category">
<b class="title">자주하는 질문</b>
<p class="list_number">총 <span class="color_blue">25</span>건</p>
</div>
<ul class="search_list">
<li class="search_none">검색된 결과가 없습니다.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
</div>
</body>
</html>

171
src/main/webapp/kofair_case_seed/usr/total_search_page_detail.html Normal file
View File

@ -0,0 +1,171 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>한국공정거래조정원 온라인분쟁조정시스템 > 통합검색</title>
<!-- css -->
<link rel="stylesheet" href="/kofair_case_seed/css/reset.css">
<link rel="stylesheet" href="/kofair_case_seed/css/font.css">
<link rel="stylesheet" href="/kofair_case_seed/usr/style/common.css">
<link rel="stylesheet" href="/kofair_case_seed/usr/style/layout.css">
<link rel="stylesheet" href="/kofair_case_seed/usr/style/style.css">
<link rel="stylesheet" href="/kofair_case_seed/usr/style/mypage.css">
<!-- js -->
<script src="/kofair_case_seed/script/lib/jquery-3.5.0.js"></script>
<script src="/kofair_case_seed/usr/scripts/common.js"></script>
<script src="/kofair_case_seed/usr/scripts/layout.js"></script>
<script src="/kofair_case_seed/usr/scripts/ui.js"></script>
<script src="/kofair_case_seed/usr/scripts/mypage.js"></script>
</head>
<body>
<div class="wrap sub">
<div data-include-path="/kofair_case_seed/usr/layout/_header.html"></div>
<div class="contents sub">
<div class="sub_visual">
<h2>통합검색</h2>
</div>
<div class="inner">
<div class="sub_content w100per">
<!-- page_location -->
<ul class="page_location">
<li><i class="icon home"></i></li>
<li>통합검색</li>
</ul>
<!-- //page_location -->
<div class="total_search">
<div class="search_form">
<input type="text" class="input_text" placeholder="검색어를 입력하세요.">
<button type="button" class="btn btn_text btn_40 darkblue_fill">검색</button>
</div>
<p class="search_result">
<span class="color_darkblue fw_bold">'분쟁조정'</span>에 대한 통합검색 결과 총 <span class="color_darkblue fw_bold">178</span>건 입니다.
</p>
<div class="search_result_wrap">
<div class="search_category">
<b class="title">분쟁조정 사례</b>
<p class="list_number">총 <span class="color_blue">25</span>건</p>
</div>
<ul class="search_list">
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
<li>
<a href="#">
<b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
<span class="category">분쟁조정 사례 > 공정거래</span>
<span class="date">2024-08-29</span>
</a>
</li>
</ul>
<ul class="page">
<li><a href="#" class="btn only_icon btn_40 btn_page_first" title="첫 페이지 이동"><i class="icon page_first"></i></a></li>
<li><a href="#" class="btn only_icon btn_40 btn_page_prev" title="이전 페이지 이동"><i class="icon page_prev"></i></a></li>
<li><a href="#" class="btn btn_40" title="1 페이지 이동">1</a></li>
<li><a href="#" class="btn btn_40" title="2 페이지 이동">2</a></li>
<li><a href="#" class="btn btn_40" title="3 페이지 이동">3</a></li>
<li><a href="#" class="btn btn_40" title="4 페이지 이동">4</a></li>
<li><a href="#" class="btn btn_40" title="5 페이지 이동">5</a></li>
<li><a href="#" class="btn btn_40" title="6 페이지 이동">6</a></li>
<li><a href="#" class="btn btn_40" title="7 페이지 이동">7</a></li>
<li><a href="#" class="btn btn_40" title="8 페이지 이동">8</a></li>
<li><a href="#" class="btn btn_40" title="9 페이지 이동">9</a></li>
<li><a href="#" class="btn btn_40 active" title="10 페이지 이동">10</a></li>
<li><a href="#" class="btn only_icon btn_40 btn_page_next" title="다음 페이지 이동"><i class="icon page_next"></i></a></li>
<li><a href="#" class="btn only_icon btn_40 btn_page_last" title="마지막 페이지 이동"><i class="icon page_last"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
</div>
</body>
</html>