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> <button id="2" type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#tabContent2">답변처리</button>
</li> </li>
</ul> </ul>
</div>
<!-- tab 공통 --> <!-- tab 공통 -->
<form id="frmSearch" name="frmSearch"> <form id="frmSearch" name="frmSearch">
<div class="container-search"> <div class="container-search">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<select id="sch_date_opt" name="sch_date_opt" class="form-select"> <select id="sch_date_opt" name="sch_date_opt" class="form-select">
<option value="regltDe">단속일자</option> <option value="regltDe">단속일자</option>
<option value="registDt">등록일자</option> <option value="registDt">등록일자</option>
</select> </select>
<span class="form-search-linebox"> <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="시작 날짜 선택"> <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> <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="종료 날짜 선택"> <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> <button type="button" class="bx bx-calendar bg-white"></button>
</span> </span>
<code:select id="regltProcessSttusCode" name="regltProcessSttusCode" <code:select id="regltProcessSttusCode" name="regltProcessSttusCode"
codeId="FIM010" defaultSelect="01" title="단속처리상태" cls="form-select" alt="단속처리상태" disabled="false"/> codeId="FIM010" defaultSelect="01" title="단속처리상태" cls="form-select" alt="단속처리상태" disabled="false"/>
</div> </div>
<div class="col-12"> <div class="col-12">
<label class="form-label fw-bold form-search-title">시스템구분</label> <label class="form-label fw-bold form-search-title">시스템구분</label>
<span class="form-search-linebox"> <span class="form-search-linebox">
<code:radio codeId="FIM001" id="sysCode" name="sysCode" defaultSelect='${sessionScope.XitLoginSession.orgnztId}' <code:radio codeId="FIM001" id="sysCode" name="sysCode" defaultSelect='${sessionScope.XitLoginSession.orgnztId}'
onclick="fnBiz.search()" cls="form-check-input" alt="시스템구분"/> onclick="fnBiz.search()" cls="form-check-input" alt="시스템구분"/>
</span> </span>
</div> </div>
<div id="fldRegltSeCode" class="col-12"> <div id="fldRegltSeCode" class="col-12">
<label class="form-label fw-bold form-search-title">단속구분</label> <label class="form-label fw-bold form-search-title">단속구분</label>
<span class="form-search-linebox"> <span class="form-search-linebox">
<code:radio type="CMM_ETC2" id="regltSeCode" name="regltSeCode" codeId="FIM002" <code:radio type="CMM_ETC2" id="regltSeCode" name="regltSeCode" codeId="FIM002"
onclick="fnBiz.search()" cls="form-check-input" alt="단속구분" /> onclick="fnBiz.search()" cls="form-check-input" alt="단속구분" />
</span> </span>
</div> </div>
<div id="ansDiv" class="col-12"> <div id="ansDiv" class="col-12">
<label class="form-label fw-bold form-search-title">답변구분</label> <label class="form-label fw-bold form-search-title">답변구분</label>
<span class="form-search-linebox"> <span class="form-search-linebox">
<input type="radio" id="ctznAnsY" name="ctznAnsYn" class="form-check-input" <input type="radio" id="ctznAnsY" name="ctznAnsYn" class="form-check-input"
value="Y" onclick="fnBiz.search()" checked="true" /> value="Y" onclick="fnBiz.search()" checked="true" />
<label for="ctznAnsY">답변가능</label> <label for="ctznAnsY">답변가능</label>
@ -75,24 +76,31 @@ Date Author Description
value="N" onclick="fnBiz.search()"/> value="N" onclick="fnBiz.search()"/>
<label for="ctznAnsY">답변대기</label> <label for="ctznAnsY">답변대기</label>
</span> </span>
</div> </div>
<div class="col-12"> <div class="col-12">
<select id="sch_opt" name="sch_opt" class="form-select"> <select id="sch_opt" name="sch_opt" class="form-select">
<option value="vhcleNo">차량번호</option> <option value="vhcleNo">차량번호</option>
</select> </select>
<input type="text" id="sch_word" name="sch_word" class="form-control" value="" /> <input type="text" id="sch_word" name="sch_word" class="form-control" value="" />
<span class="flr"> <span class="flr">
<button type="button" class="btn btn-blue" id="btnSearch" title="검색">검색</button> <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-darkgray" id="btnExtrRegist" title="연계파일등록">연계파일처리</button>
</span> <button type="button" class="btn btn-open-detail btn-sm" data-bs-toggle="collapse" data-bs-target="#searchDetail">
</div> <i class="bx bx-chevron-down"></i>
상세조회조건
</button>
</span>
</div> </div>
</div> </div>
</form> </div>
<!-- //검색 --> <div id="searchDetail" class="search-detail collapse">
상세조회조건
</div>
</form>
<!-- //검색 -->
<div> <div>
<span> <span>
<div id="totCnt">전체 ㅣ <span></span></div> <div id="totCnt">전체 ㅣ <span></span></div>
<span> <span>
@ -107,25 +115,24 @@ Date Author Description
</div> </div>
</span> </span>
</span> </span>
</div> </div>
<!-- tab 공통 --> <!-- tab 공통 -->
<div class="tab-content"> <div class="tab-content">
<div id="tabContent0" style="flex-direction: column" class="tab-pane fade show active"> <div id="tabContent0" style="flex-direction: column" class="tab-pane fade show active">
<div id="tabs_t0"> <div id="tabs_t0">
<div id="grid"></div> <div id="grid"></div>
</div>
</div> </div>
<div id="tabContent1" class="tab-pane fade"> </div>
<div id="tabs_t1"> <div id="tabContent1" class="tab-pane fade">
<div id="grid_t1"></div> <div id="tabs_t1">
</div> <div id="grid_t1"></div>
</div> </div>
<div id="tabContent2" class="tab-pane fade"> </div>
<div id="tabs_t2"> <div id="tabContent2" class="tab-pane fade">
<div id="grid_t2"></div> <div id="tabs_t2">
</div> <div id="grid_t2"></div>
</div> </div>
</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) // ※ 행정망 내에서 운영되는 시스템도 이용 가능합니다. 행정망 서비스를 위한 API 요청URL은 별도로 문의 주시기 바랍니다.(1588-0061)
String resultType = "4"; // 검색결과 화면 출력유(1 : 도로명, 2 : 도로명+지번, 3 : 도로명+상세건물명, 4 : 도로명+지번+상세건물명) 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> <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> <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"> <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; text-align: center;
} }
/*---- 아이콘 ----*/ /*---- 아이콘 ----*/
.ico em { .ico em {
font-size: 0; } font-size: 0; }
@ -270,30 +272,8 @@ input[data-fmt-type=time], input[data-fmt-type=day] {
.search .selectBox { .search .selectBox {
width: 93px; } 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 { .search .detail_02 {
/*position: relative;*/ /*position: relative;*/
text-align: left; text-align: left;
@ -347,30 +327,7 @@ input[data-fmt-type=time], input[data-fmt-type=day] {
.search_02 .selectBox { .search_02 .selectBox {
width: 93px; } 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 { .search_02 .detail_02 {
position: relative; position: relative;
text-align: left; text-align: left;
@ -429,30 +386,7 @@ input[data-fmt-type=time], input[data-fmt-type=day] {
.search .selectBox { .search .selectBox {
width: 100%; } 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 { .search .detail {
position: relative; position: relative;

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

@ -15,26 +15,10 @@ $(document).ready(function(){
} }
}); });
/*--------------------- 검색영역 상세검색 제어 ---------------------*/ /*--------------------- 검색영역 상세검색 제어 ---------------------*/
$( "body" ).on( "click", ".search .btnOpen", function() { $( "body" ).on( "click", ".btn-open-detail", function() {
var e=$(this); $(this).find('i').toggleClass('bx-chevron-down');
var eHasClass=e.hasClass('open'); $(this).find('i').toggleClass('bx-chevron-up');
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');
}); });
/*--------------------- 달력 제어 ---------------------*/ /*--------------------- 달력 제어 ---------------------*/

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-color: #fff;
--bs-btn-hover-bg:#44539e; --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