xit-app
/
fims-web-all
20
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

업무별 html 화면 정리.

Browse Source
main
jjh 1 year ago
parent 9b9ab810f3
commit 28b946d61b
1 changed files with 93 additions and 41 deletions
Show Stats Download Patch File Download Diff File

134
src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02020-info.jsp
Unescape Escape View File

@ -8,9 +8,6 @@
<div class="col-xl-9 mx-1"> <div class="col-xl-9 mx-1">
<!-- 입력 영역 --> <!-- 입력 영역 -->
<form id="frmEdit--${pageName}" name="frmEdit"> <form id="frmEdit--${pageName}" name="frmEdit">
<!-- hidden -->
<input type="hidden" id="crdnId--${pageName}" name="crdnId" data-map="CRDN_ID" />
<!-- 단속 정보 --> <!-- 단속 정보 -->
<div class="card"> <div class="card">
<!-- 업무 버튼 --> <!-- 업무 버튼 -->
@ -53,8 +50,14 @@
<label for="crdnInptSeNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">입력구분</label> <label for="crdnInptSeNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">입력구분</label>
<input type="text" class="form-control w-40" id="crdnInptSeNm--${pageName}" name="crdnInptSeNm" data-map="CRDN_INPT_SE_NM" readonly /> <input type="text" class="form-control w-40" id="crdnInptSeNm--${pageName}" name="crdnInptSeNm" data-map="CRDN_INPT_SE_NM" readonly />
</div> </div>
<!-- --> <!-- 빈 칸1 -->
<div class="col-md-4"> <div class="col-md-4" id="divBlank1--${pageName}">
</div>
<!-- 단속 시작 시각 ~ 단속 종료 시각 -->
<div class="col-md-4" id="divCrdnBgngTm--${pageName}">
<label for="crdnBgngTm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">단속시간</label>
<input type="text" class="form-control w-25" id="crdnBgngTm--${pageName}" name="crdnBgngTm" data-map="CRDN_BGNG_TM" readonly /> ~
<input type="text" class="form-control w-25" id="crdnEndTm--${pageName}" name="crdnEndTm" data-map="CRDN_END_TM" readonly />
</div> </div>
<!-- 단속일시 --> <!-- 단속일시 -->
<div class="col-md-4"> <div class="col-md-4">
@ -70,7 +73,7 @@
<div class="col-md-4"> <div class="col-md-4">
<label for="vltnNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">위반내용</label> <label for="vltnNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">위반내용</label>
<input type="text" class="form-control w-40" id="vltnNm--${pageName}" name="vltnNm" data-map="VLTN_NM" readonly /> <input type="text" class="form-control w-40" id="vltnNm--${pageName}" name="vltnNm" data-map="VLTN_NM" readonly />
<label for="dstrbncYn--${pageName}"> <label for="dstrbncYn--${pageName}" id="lbDstrbncYn--${pageName}">
<input type="checkbox" id="dstrbncYn--${pageName}" name="dstrbncYn" data-map="DSTRBNC_YN" disabled /> 1면 방해 <input type="checkbox" id="dstrbncYn--${pageName}" name="dstrbncYn" data-map="DSTRBNC_YN" disabled /> 1면 방해
</label> </label>
</div> </div>
@ -84,8 +87,16 @@
<label for="crdnPlc--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">단속장소</label> <label for="crdnPlc--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">단속장소</label>
<input type="text" class="form-control w-60" id="crdnPlc--${pageName}" name="crdnPlc" data-map="CRDN_PLC" readonly /> <input type="text" class="form-control w-60" id="crdnPlc--${pageName}" name="crdnPlc" data-map="CRDN_PLC" readonly />
</div> </div>
<!-- 빈 칸2 -->
<div class="col-md-4" id="divBlank2--${pageName}">
</div>
<!-- 단속 일련번호 -->
<div class="col-md-4" id="divCrdnSn--${pageName}">
<label for="crdnSn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">단속일련번호</label>
<input type="text" class="form-control w-40" id="crdnSn--${pageName}" name="crdnSn" data-map="CRDN_SN" readonly />
</div>
<!-- 상세 단속 장소 --> <!-- 상세 단속 장소 -->
<div class="col-md-4"> <div class="col-md-4" id="divDtlCrdnPlc--${pageName}">
<label for="dtlCrdnPlc--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">상세단속장소</label> <label for="dtlCrdnPlc--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">상세단속장소</label>
<input type="text" class="form-control w-60" id="dtlCrdnPlc--${pageName}" name="dtlCrdnPlc" data-map="DTL_CRDN_PLC" readonly /> <input type="text" class="form-control w-60" id="dtlCrdnPlc--${pageName}" name="dtlCrdnPlc" data-map="DTL_CRDN_PLC" readonly />
</div> </div>
@ -119,38 +130,6 @@
<label for="vhclColor--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">차량색상</label> <label for="vhclColor--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">차량색상</label>
<input type="text" class="form-control w-40" id="vhclColor--${pageName}" name="vhclColor" data-map="VHCL_COLOR" readonly /> <input type="text" class="form-control w-40" id="vhclColor--${pageName}" name="vhclColor" data-map="VHCL_COLOR" readonly />
</div> </div>
<!-- 주정차 -->
<!-- 견인 여부 -->
<div class="col-md-4">
<label for="towngYnNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">견인여부</label>
<input type="text" class="form-control w-20" id="towngYnNm--${pageName}" name="towngYnNm" data-map="TOWNG_YN_NM" readonly />
</div>
<div class="col-md-4">
<label for="ffnlgCarmdlNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">과태료차종</label>
<input type="text" class="form-control w-30" id="ffnlgCarmdlNm--${pageName}" name="ffnlgCarmdlNm" data-map="FFNLG_CARMDL_NM" readonly />
</div>
<div class="col-md-4">
<label for="ovtimeYnNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">시간외여부</label>
<input type="text" class="form-control w-20" id="ovtimeYnNm--${pageName}" name="ovtimeYnNm" data-map="OVTIME_YN_NM" readonly />
</div>
<!-- /주정차 -->
<!-- 전용차로 -->
<!-- /전용차로 -->
<!-- 장애인 -->
<!-- 주차 가능 결과 코드 -->
<div class="col-md-4">
<label for="parkngPsbltyRsltNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">주차가능결과</label>
<input type="text" class="form-control w-40" id="parkngPsbltyRsltNm--${pageName}" name="parkngPsbltyRsltNm" data-map="PARKNG_PSBLTY_RSLT_NM" readonly />
</div>
<!-- /장애인 -->
<!-- 전기차 -->
<!-- 사용 연료 구분 -->
<div class="col-md-4">
<label for="useFuelNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">연료구분</label>
<input type="text" class="form-control w-40" id="useFuelNm--${pageName}" name="useFuelNm" data-map="USE_FUEL_NM" readonly />
</div>
<!-- /전기차 -->
<!-- 기타 내용 --> <!-- 기타 내용 -->
<div class="col-md-12"> <div class="col-md-12">
<label for="etcCn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end align-top">기타내용</label> <label for="etcCn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end align-top">기타내용</label>
@ -197,6 +176,36 @@
<label for="sumAmt--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">미납금액</label> <label for="sumAmt--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">미납금액</label>
<input type="text" class="form-control w-40 text-sm-end" id="sumAmt--${pageName}" name="sumAmt" data-map="SUM_AMT" readonly /> <input type="text" class="form-control w-40 text-sm-end" id="sumAmt--${pageName}" name="sumAmt" data-map="SUM_AMT" readonly />
</div> </div>
<!-- 단속 특별구역 코드 -->
<div class="col-md-3" id="divCrdnSpareaNm--${pageName}">
<label for="crdnSpareaNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">단속특별구역</label>
<input type="text" class="form-control w-50" id="crdnSpareaNm--${pageName}" name="crdnSpareaNm" data-map="CRDN_SPAREA_NM" readonly />
</div>
<!-- 견인 여부 -->
<div class="col-md-3" id="divTowngYnNm--${pageName}">
<label for="towngYnNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">견인여부</label>
<input type="text" class="form-control w-25" id="towngYnNm--${pageName}" name="towngYnNm" data-map="TOWNG_YN_NM" readonly />
</div>
<!-- 시간외 여부 -->
<div class="col-md-3" id="divOvtimeYnNm--${pageName}">
<label for="ovtimeYnNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">시간외여부</label>
<input type="text" class="form-control w-25" id="ovtimeYnNm--${pageName}" name="ovtimeYnNm" data-map="OVTIME_YN_NM" readonly />
</div>
<!-- 과태료 차종 -->
<div class="col-md-3" id="divFfnlgCarmdlNm--${pageName}">
<label for="ffnlgCarmdlNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">과태료차종</label>
<input type="text" class="form-control w-40" id="ffnlgCarmdlNm--${pageName}" name="ffnlgCarmdlNm" data-map="FFNLG_CARMDL_NM" readonly />
</div>
<!-- 주차 가능 결과 코드 -->
<div class="col-md-3" id="divParkngPsbltyRsltNm--${pageName}">
<label for="parkngPsbltyRsltNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">주차가능결과</label>
<input type="text" class="form-control w-40" id="parkngPsbltyRsltNm--${pageName}" name="parkngPsbltyRsltNm" data-map="PARKNG_PSBLTY_RSLT_NM" readonly />
</div>
<!-- 사용 연료 구분 -->
<div class="col-md-3" id="divUseFuelNm--${pageName}">
<label for="useFuelNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">연료구분</label>
<input type="text" class="form-control w-40" id="useFuelNm--${pageName}" name="useFuelNm" data-map="USE_FUEL_NM" readonly />
</div>
</div> </div>
</div> <!-- 단속 정보 <div class="card"> --> </div> <!-- 단속 정보 <div class="card"> -->
@ -320,6 +329,8 @@
, LEVY_AMT : numberFormat // 부과 금액 , LEVY_AMT : numberFormat // 부과 금액
, REDUC_AMT : numberFormat // 감액 금액 , REDUC_AMT : numberFormat // 감액 금액
, RCVMT_AMT : numberFormat // 수납 금액 , RCVMT_AMT : numberFormat // 수납 금액
, CRDN_BGNG_TM : timeFormat
, CRDN_END_TM : timeFormat
} }
}); });
@ -351,9 +362,50 @@
/************************************************************************** /**************************************************************************
* 초기 셋팅 * 초기 셋팅
**************************************************************************/ **************************************************************************/
// 검색조건 초기값 셋팅 // 화면 초기값 셋팅
initForm${pageName} = () => { initForm${pageName} = () => {
// // javascript를 이용한 visibility 변경 (이 방법을 사용하는 경우, 안에 있는 요소들이 보이지않지만 그 요소들이 할당 하고 있는 공간은 그대로 유지(공백처리))
// document.getElementById("bpvDtlCrdnPlc--${pageName}").style.visibility = "hidden";
// document.getElementById("bpvDtlCrdnPlc--${pageName}").style.visibility = "visible";
// jquery를 이용한 show/hide (style이 유지)
$("#divBlank1--${pageName}").hide(); // 빈 칸1
$("#divBlank2--${pageName}").hide(); // 빈 칸2
$("#divCrdnSn--${pageName}").hide(); // 단속 일련번호
$("#divDtlCrdnPlc--${pageName}").hide(); // 상세 단속 장소
$("#lbDstrbncYn--${pageName}").hide(); // 1면 방해
$("#divCrdnSpareaNm--${pageName}").hide(); // 단속 특별구역 코드
$("#divTowngYnNm--${pageName}").hide(); // 견인 여부
$("#divFfnlgCarmdlNm--${pageName}").hide(); // 과태료 차종
$("#divOvtimeYnNm--${pageName}").hide(); // 시간외 여부
$("#divParkngPsbltyRsltNm--${pageName}").hide(); // 주차 가능 결과 코드
$("#divUseFuelNm--${pageName}").hide(); // 사용 연료 구분
$("#divCrdnBgngTm--${pageName}").hide(); // 단속 시작 시각 ~ 단속 종료 시각
// 업무에 따른 요소들 visible
if (sprt02010Control.dataset.getValue("TASK_SE_CD") == "BPV") { // 전용차로위반
$("#divBlank1--${pageName}").show(); // 빈 칸1
$("#divDtlCrdnPlc--${pageName}").show(); // 상세 단속 장소
} else if (sprt02010Control.dataset.getValue("TASK_SE_CD") == "DPV") { // 장애인전용
$("#divBlank1--${pageName}").show(); // 빈 칸1
$("#divBlank2--${pageName}").show(); // 빈 칸2
$("#lbDstrbncYn--${pageName}").show(); // 1면 방해
$("#divParkngPsbltyRsltNm--${pageName}").show(); // 주차 가능 결과 코드
} else if (sprt02010Control.dataset.getValue("TASK_SE_CD") == "ECA") { // 전기차주차
$("#divBlank1--${pageName}").show(); // 빈 칸1
$("#divBlank2--${pageName}").show(); // 빈 칸2
$("#divUseFuelNm--${pageName}").show(); // 사용 연료 구분
} else if (sprt02010Control.dataset.getValue("TASK_SE_CD") == "PVS") { // 주정차위반
$("#divCrdnBgngTm--${pageName}").show(); // 단속 시작 시각 ~ 단속 종료 시각
$("#divCrdnSn--${pageName}").show(); // 단속 일련번호
$("#divCrdnSpareaNm--${pageName}").show(); // 단속 특별구역 코드
$("#divTowngYnNm--${pageName}").show(); // 견인 여부
$("#divFfnlgCarmdlNm--${pageName}").show(); // 과태료 차종
$("#divOvtimeYnNm--${pageName}").show(); // 시간외 여부
} else if (sprt02010Control.dataset.getValue("TASK_SE_CD") == "TPV") { // 밤샘주차위반
$("#divBlank2--${pageName}").show(); // 빈칸
$("#divCrdnBgngTm--${pageName}").show(); // 단속 시작 시각 ~ 단속 종료 시각
}
} }
// 이벤트 설정 // 이벤트 설정

Write Preview
Loading…
Cancel
Save