xit-app
/
external-system-test
20
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix : 상세조회조건 버튼 css 추가

Browse Source
main
이범준 2 years ago
parent fbf5adc357
commit 520d014584
5 changed files with 80 additions and 144 deletions
Show Stats Download Patch File Download Diff File

113
src/main/webapp/WEB-INF/jsp/fims/biz/rt/rtCrackdownMgtMainForm.jsp
Unescape Escape View File

@ -31,43 +31,44 @@ Date Author Description
<button id="2" type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#tabContent2">답변처리</button>
</li>
</ul>
</div>
<!-- tab 공통 -->
<form id="frmSearch" name="frmSearch">
<div class="container-search">
<div class="row">
<div class="col-12">
<select id="sch_date_opt" name="sch_date_opt" class="form-select">
<option value="regltDe">단속일자</option>
<option value="registDt">등록일자</option>
</select>
<span class="form-search-linebox">
<!-- tab 공통 -->
<form id="frmSearch" name="frmSearch">
<div class="container-search">
<div class="row">
<div class="col-12">
<select id="sch_date_opt" name="sch_date_opt" class="form-select">
<option value="regltDe">단속일자</option>
<option value="registDt">등록일자</option>
</select>
<span class="form-search-linebox">
<input id="sch_date_from" class="form-control form-date" data-fmt-type="day" name="sch_date_from" type="text" title="시작 날짜 선택">
<button type="button" class="bx bx-calendar bg-white"></button>
~
<input id="sch_date_to" class="form-control form-date" data-fmt-type="day" name="sch_date_to" type="text" title="종료 날짜 선택">
<button type="button" class="bx bx-calendar bg-white"></button>
</span>
<code:select id="regltProcessSttusCode" name="regltProcessSttusCode"
codeId="FIM010" defaultSelect="01" title="단속처리상태" cls="form-select" alt="단속처리상태" disabled="false"/>
</div>
<div class="col-12">
<label class="form-label fw-bold form-search-title">시스템구분</label>
<span class="form-search-linebox">
<code:select id="regltProcessSttusCode" name="regltProcessSttusCode"
codeId="FIM010" defaultSelect="01" title="단속처리상태" cls="form-select" alt="단속처리상태" disabled="false"/>
</div>
<div class="col-12">
<label class="form-label fw-bold form-search-title">시스템구분</label>
<span class="form-search-linebox">
<code:radio codeId="FIM001" id="sysCode" name="sysCode" defaultSelect='${sessionScope.XitLoginSession.orgnztId}'
onclick="fnBiz.search()" cls="form-check-input" alt="시스템구분"/>
</span>
</div>
<div id="fldRegltSeCode" class="col-12">
<label class="form-label fw-bold form-search-title">단속구분</label>
<span class="form-search-linebox">
</div>
<div id="fldRegltSeCode" class="col-12">
<label class="form-label fw-bold form-search-title">단속구분</label>
<span class="form-search-linebox">
<code:radio type="CMM_ETC2" id="regltSeCode" name="regltSeCode" codeId="FIM002"
onclick="fnBiz.search()" cls="form-check-input" alt="단속구분" />
</span>
</div>
<div id="ansDiv" class="col-12">
<label class="form-label fw-bold form-search-title">답변구분</label>
<span class="form-search-linebox">
</div>
<div id="ansDiv" class="col-12">
<label class="form-label fw-bold form-search-title">답변구분</label>
<span class="form-search-linebox">
<input type="radio" id="ctznAnsY" name="ctznAnsYn" class="form-check-input"
value="Y" onclick="fnBiz.search()" checked="true" />
<label for="ctznAnsY">답변가능</label>
@ -75,24 +76,31 @@ Date Author Description
value="N" onclick="fnBiz.search()"/>
<label for="ctznAnsY">답변대기</label>
</span>
</div>
</div>
<div class="col-12">
<select id="sch_opt" name="sch_opt" class="form-select">
<option value="vhcleNo">차량번호</option>
</select>
<input type="text" id="sch_word" name="sch_word" class="form-control" value="" />
<span class="flr">
<button type="button" class="btn btn-blue" id="btnSearch" title="검색">검색</button>
<button type="button" class="btn btn-darkgray" id="btnExtrRegist" title="연계파일등록">연계파일처리</button>
</span>
</div>
<div class="col-12">
<select id="sch_opt" name="sch_opt" class="form-select">
<option value="vhcleNo">차량번호</option>
</select>
<input type="text" id="sch_word" name="sch_word" class="form-control" value="" />
<span class="flr">
<button type="button" class="btn btn-search" id="btnSearch" title="검색">검색</button>
<button type="button" class="btn btn-darkgray" id="btnExtrRegist" title="연계파일등록">연계파일처리</button>
<button type="button" class="btn btn-open-detail btn-sm" data-bs-toggle="collapse" data-bs-target="#searchDetail">
<i class="bx bx-chevron-down"></i>
상세조회조건
</button>
</span>
</div>
</div>
</form>
<!-- //검색 -->
</div>
<div id="searchDetail" class="search-detail collapse">
상세조회조건
</div>
</form>
<!-- //검색 -->
<div>
<div>
<span>
<div id="totCnt">전체 ㅣ <span></span></div>
<span>
@ -107,25 +115,24 @@ Date Author Description
</div>
</span>
</span>
</div>
<!-- tab 공통 -->
</div>
<!-- tab 공통 -->
<div class="tab-content">
<div id="tabContent0" style="flex-direction: column" class="tab-pane fade show active">
<div id="tabs_t0">
<div id="grid"></div>
</div>
<div class="tab-content">
<div id="tabContent0" style="flex-direction: column" class="tab-pane fade show active">
<div id="tabs_t0">
<div id="grid"></div>
</div>
<div id="tabContent1" class="tab-pane fade">
<div id="tabs_t1">
<div id="grid_t1"></div>
</div>
</div>
<div id="tabContent1" class="tab-pane fade">
<div id="tabs_t1">
<div id="grid_t1"></div>
</div>
<div id="tabContent2" class="tab-pane fade">
<div id="tabs_t2">
<div id="grid_t2"></div>
</div>
</div>
<div id="tabContent2" class="tab-pane fade">
<div id="tabs_t2">
<div id="grid_t2"></div>
</div>
</div>
</div>

1
src/main/webapp/WEB-INF/jsp/framework/biz/cmm/anonymous/api/XitAdresSearchApi.jsp
Unescape Escape View File

@ -10,6 +10,7 @@
// ※ 행정망 내에서 운영되는 시스템도 이용 가능합니다. 행정망 서비스를 위한 API 요청URL은 별도로 문의 주시기 바랍니다.(1588-0061)
String resultType = "4"; // 검색결과 화면 출력유(1 : 도로명, 2 : 도로명+지번, 3 : 도로명+상세건물명, 4 : 도로명+지번+상세건물명)
%>
<script src="${ctx}/resources/3rd-party/sneat/libs/jquery/jquery.js"></script>
<script type="text/javascript" src="${ctx}/resources/3rd-party/juso/js/addrlink.js"></script>
<link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/juso/css/addrlink.css"></link>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

78
src/main/webapp/resources/biz/common/css/index.css
Unescape Escape View File

@ -68,6 +68,8 @@ input[data-fmt-type=time], input[data-fmt-type=day] {
text-align: center;
}
/*---- 아이콘 ----*/
.ico em {
font-size: 0; }
@ -270,30 +272,8 @@ input[data-fmt-type=time], input[data-fmt-type=day] {
.search .selectBox {
width: 93px; }
.search .btnOpen {
position: relative;
display: inline-block;
height: 24px;
margin-left: 10px;
margin-top: -5px;
border: 0;
background: transparent;
line-height: 24px;
font-size: 11px; }
.search .btnOpen span {
position: absolute;
top: 50%;
right: -10px;
display: inline-block;
width: 5px;
height: 5px;
border: solid #7f7f7f;
border-width: 1px 1px 0 0;
-webkit-transform: translateY(-50%) rotate(135deg);
transform: translateY(-50%) rotate(135deg); }
.search .btnOpen.open span {
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg); }
.search .detail_02 {
/*position: relative;*/
text-align: left;
@ -347,30 +327,7 @@ input[data-fmt-type=time], input[data-fmt-type=day] {
.search_02 .selectBox {
width: 93px; }
.search_02 .btnOpen {
position: relative;
display: inline-block;
height: 24px;
margin-left: 10px;
margin-top: -5px;
border: 0;
background: transparent;
line-height: 24px;
font-size: 11px; }
.search_02 .btnOpen span {
position: absolute;
top: 50%;
right: -10px;
display: inline-block;
width: 5px;
height: 5px;
border: solid #7f7f7f;
border-width: 1px 1px 0 0;
-webkit-transform: translateY(-50%) rotate(135deg);
transform: translateY(-50%) rotate(135deg); }
.search_02 .btnOpen.open span {
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg); }
.search_02 .detail_02 {
position: relative;
text-align: left;
@ -429,30 +386,7 @@ input[data-fmt-type=time], input[data-fmt-type=day] {
.search .selectBox {
width: 100%; }
.search .btnOpen {
position: relative;
display: inline-block;
height: 24px;
margin-left: 10px;
margin-top: -5px;
border: 0;
background: transparent;
line-height: 24px;
font-size: 11px; }
.search .btnOpen span {
position: absolute;
top: 50%;
right: -10px;
display: inline-block;
width: 5px;
height: 5px;
border: solid #222;
border-width: 1px 1px 0 0;
-webkit-transform: translateY(-50%) rotate(135deg);
transform: translateY(-50%) rotate(135deg); }
.search .btnOpen.open span {
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg); }
.search .detail {
position: relative;

22
src/main/webapp/resources/biz/common/js/defaultUI.js
Unescape Escape View File

@ -14,27 +14,11 @@ $(document).ready(function(){
document.querySelector('.layoutWrapper').classList.replace('hamberger-close', 'hamberger-open');
}
});
/*--------------------- 검색영역 상세검색 제어 ---------------------*/
$( "body" ).on( "click", ".search .btnOpen", function() {
var e=$(this);
var eHasClass=e.hasClass('open');
if(eHasClass==true){
e.removeClass('open');
e.parent().parent().parent().parent().find('div.detail').hide();
}else{
e.addClass('open');
e.parent().parent().parent().parent().find('div.detail').show();
}
});
/*--------------------- 탭 제어 ---------------------*/
$( "body" ).on( "click", ".detailList > dt > button", function() {
var e=$(this).parent().parent();
$( ".detailList").removeClass('sel');
e.addClass('sel');
$( "body" ).on( "click", ".btn-open-detail", function() {
$(this).find('i').toggleClass('bx-chevron-down');
$(this).find('i').toggleClass('bx-chevron-up');
});
/*--------------------- 달력 제어 ---------------------*/

10
src/main/webapp/resources/framework/css/common/xit-core-extend.css
Unescape Escape View File

@ -95,3 +95,13 @@
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg:#44539e;
}
.btn-open-detail {
--bs-btn-color: #fff;
--bs-btn-bg: #44539e;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg:#44539e;
float:right;
}
Write Preview
Loading…
Cancel
Save