cjm
/
clean-parking
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'kurt/kurt' (#18) from kurt/kurt into dev

Browse Source 
Reviewed-on: http://211.119.124.110:3000/cjm/clean-parking/pulls/18
pull/19/head^2
cjm 3 weeks ago
parent 6b76f06768 16b0bb93ed
commit 71fedb8aa1
4 changed files with 523 additions and 278 deletions
Show Stats Download Patch File Download Diff File

1
src/main/webapp/WEB-INF/views/biz/minwon/init/init.jsp
Unescape Escape View File

@ -272,7 +272,6 @@
useClient: true, // 클라이언트 페이징 여부(false: 서버 페이징)
perPage: perPage,
},
};
GRID = TuiGrid.of(gridOptions, gridDatasource, (res) => {

389
src/main/webapp/WEB-INF/views/biz/minwon/init/init_popup.jsp
Unescape Escape View File

@ -29,9 +29,9 @@
<%-- 개별총정보 상태값 --%>
<input type="hidden" id="infoState" value="init" />
<div class="page-indicator">
<span id="cursorCnt">0</span>of <span id="total">0</span></div>
<span id="cursorCnt">0</span>of <span id="total">0</span>
</div>
<div class="nav-group">
<button type="button" class="nav-btn" name="navigate" data-act="first" id="first">◀◀</button>
<button type="button" class="nav-btn" name="navigate" data-act="prev">◀</button>
@ -47,157 +47,255 @@
<div class="subnote">등록구분/위반일시/위반내역 등</div>
<div class="form-grid">
<div class="lbl">등록구분</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmDlgb" id="mmDlgb" value="" readonly>
</div>
<div class="lbl">자료출처</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmIngb" id="mmIngb" value="" readonly>
</div>
<div class="lbl">위반일시</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmDate" id="mmDate" value="" readonly>
</div>
<div class="lbl">위반내용</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmLawgb" id="mmLawgb" value="" readonly>
<!-- 1줄: 등록구분 / 목록번호 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">등록구분</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmDlgb" id="mmDlgb" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">목록번호</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmIngb" id="mmIngb" value="" readonly>
</div>
</div>
</div>
<div class="lbl">신고자</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmSgnm" id="mmSgnm" value="" readonly>
</div>
<div class="lbl">연락처</div>
<div class="fld">
<input type="text" name="cpAnswer" data-field="asCell" id="asCell" value="" readonly>
<!-- 2줄: 위반일자 / 위반시간 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">위반일자</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmDate" id="mmDate" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">위반시간</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmLawgb" id="mmLawgb" value="" readonly>
</div>
</div>
</div>
<div class="lbl">담당자</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmSgtel" id="mmSgtel" value="" readonly>
</div>
<div class="lbl">공개여부</div>
<div class="fld">
<input type="text" data-field="" id="" value="" readonly>
<!-- 3줄: 위반내용 / 영상매체 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">위반내용</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmSgnm" id="mmSgnm" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">영상매체</div>
<div class="fld">
<input type="text" name="cpAnswer" data-field="asCell" id="asCell" value="" readonly>
</div>
</div>
</div>
<div class="lbl">신고내용</div>
<div class="fld block">
<textarea name="cpMain" data-field="mmSgcont" id="mmSgcont" value="" readonly></textarea>
<!-- 4줄: 신고자 / 연락처 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">신고자</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmSgnm" id="mmSgnm" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">연락처</div>
<div class="fld">
<input type="text" name="cpAnswer" data-field="asCell" id="asCell" value="" readonly>
</div>
</div>
</div>
<div class="lbl">위반장소</div>
<div class="fld"><input type="text" data-field="" id="" value="" readonly></div>
<div class="lbl">접수번호</div>
<div class="fld"><input type="text" name="cpAnswer" data-field="asJsno" id="asJsno" value="" readonly></div>
<div class="lbl">접수일자</div>
<div class="fld"><input type="text" name="cpAnswer" data-field="asJsdate" id="asJsdate" value="" readonly></div>
<div class="lbl">목록번호</div>
<div class="fld"><input type="text" name="cpAnswer" data-field="asBbsNo" id="asBbsNo" value="" readonly></div>
<div class="lbl">법정동</div>
<div class="fld"><input type="text" data-field="" id="" value="" readonly></div>
<div></div><div></div>
<div class="lbl">사진등록금액</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmKeum1" id="mmKeum1" value="" readonly>
</div>
<div class="lbl">부과금액</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmKeum2" id="mmKeum2" value="" readonly>
<!-- 5줄: 담당자 / (빈칸) -->
<div class="form-row">
<div class="field-group">
<div class="lbl">담당자</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmSgtel" id="mmSgtel" value="" readonly>
</div>
</div>
<div class="field-group empty"></div>
</div>
<div class="lbl">감액금액</div>
<div class="fld">
<input type="text" data-field="" id="" value="" readonly>
</div>
<div class="lbl">총수납액</div>
<div class="fld">
<input type="text" data-field="" id="" value="" readonly>
<!-- 6줄: 신고내용(textarea, 한 줄 전체) -->
<div class="form-row block">
<div class="field-group full">
<div class="lbl">신고내용</div>
<div class="fld">
<textarea name="cpMain" data-field="mmSgcont" id="mmSgcont" value="" readonly></textarea>
</div>
</div>
</div>
<div class="lbl">잔액</div>
<div class="fld">
<input class="hl" data-field="" type="text" value="" readonly>
</div>
<div class="lbl">특기사항</div>
<div class="fld">
<button type="button" class="btn btn-light" id="btnSpecial">특기사항 보기</button>
<!-- 7줄: 위반장소 (한 줄 전체) -->
<div class="form-row block">
<div class="field-group full">
<div class="lbl">위반장소</div>
<div class="fld">
<input type="text" data-field="" id="" value="" readonly>
</div>
</div>
</div>
<div class="block bar"></div>
<div class="lbl">처리상태일시</div>
<div class="fld">
<input type="text" name="cpAnswer" data-field="asStateDt" id="asStateDt" value="" readonly>
</div>
<div class="lbl">처리상태</div>
<div class="fld">
<input type="text" class="hl" name="cpAnswer" data-field="asState" id="asState" value="" readonly>
<!-- 8줄: 시군구 / 법정동 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">시군구</div>
<div class="fld">
<input type="text" name="cpAnswer" data-field="asJsno" id="asJsno" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">법정동</div>
<div class="fld">
<input type="text" name="cpAnswer" data-field="asJsno" id="asJsno" value="" readonly>
</div>
</div>
</div>
<div class="lbl">차량명</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
<div class="lbl">차량색상</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 9줄: 접수일 / 답변기한 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">접수일</div>
<div class="fld">
<input type="text" name="cpAnswer" data-field="asJsno" id="asJsno" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">답변기한</div>
<div class="fld">
<input type="text" name="cpAnswer" data-field="asJsno" id="asJsno" value="" readonly>
</div>
</div>
</div>
<div class="lbl">연료구분</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 구분선 & 차량 정보 타이틀 -->
<div class="form-divider"></div>
<div class="section-title block">차량 정보</div>
<!-- 10줄: 차량번호 / (빈칸) -->
<div class="form-row">
<div class="field-group">
<div class="lbl">차량번호</div>
<div class="fld">
<input type="text" name="cpAnswer" data-field="" id="" value="" readonly>
</div>
</div>
<div class="field-group empty"></div>
</div>
<div></div><div></div>
<div class="block bar"></div>
<div class="section-title block">소유주 정보</div>
<div class="lbl">소유주</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 11줄: 특기사항 (textarea, 한 줄 전체) -->
<div class="form-row block">
<div class="field-group full">
<div class="lbl">특기사항</div>
<div class="fld">
<textarea name="cpMain" data-field="mmSgcont" id="mmSgcont" value="" readonly></textarea>
</div>
</div>
</div>
<div class="lbl">등록구분</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 12줄: 차량명 / 차량색상 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">차량명</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">차량색상</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
</div>
<div class="lbl">주민번호</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 13줄: 연료구분 / (빈칸) -->
<div class="form-row">
<div class="field-group">
<div class="lbl">연료구분</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
<div class="field-group empty"></div>
</div>
<div class="lbl">우편번호</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 14줄: 소유주 / 등록구분 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">소유주</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">등록구분</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
</div>
<div class="lbl">주소</div>
<div class="fld block">
<input type="text" data-field="" value="" readonly>
<!-- 15줄: 주민번호 / 우편번호 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">주민번호</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">우편번호</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
</div>
<div class="lbl">번지</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 16줄: 주소 (한 줄 전체) -->
<div class="form-row block">
<div class="field-group full">
<div class="lbl">주소</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
</div>
<div class="lbl">차대번호</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 17줄: 번지 / 차대번호 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">번지</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">차대번호</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
</div>
<div class="lbl">도로코드</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 18줄: 도로코드 / (빈칸) -->
<div class="form-row">
<div class="field-group">
<div class="lbl">도로코드</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
<div class="field-group empty"></div>
</div>
<div></div><div></div>
</div>
</div>
@ -218,15 +316,14 @@
</div>
<div id="btn-area">
<button type="button" class="btn btn-light" id="infoEdit" hidden>수정</button>
<button type="button" class="btn btn-light" id="infoSave" hidden>저장</button>
<button type="button" class="btn btn-light" id="infoReadReturn" hidden>되돌리기</button>
<button type="button" class="btn btn-light" id="infoDel" hidden>삭제</button>
<button type="button" class="btn btn-light" id="delay" hidden>보류</button>
<button type="button" class="btn btn-light" id="destructionDocReReg" hidden>서손자료 재등록</button>
<button type="button" class="btn btn-light" id="buillPrint" hidden>고지서 출력</button>
<button type="button" class="btn btn-light" name="changeSt" id="non-target" value="81" hidden>미부과</button>
<button type="button" class="btn btn-light" name="changeSt" id="non-target" value="81">미부과처리</button>
<button type="button" class="btn btn-light" name="changeSt" id="non-target" value="">계도처리</button>
<button type="button" class="btn btn-light" name="changeSt" id="non-target" value="">회수처리</button>
<button type="button" class="btn btn-light" name="changeSt" id="non-target" value="">자료복사</button>
<button type="button" class="btn btn-light" id="delay">처리보류</button>
<button type="button" class="btn btn-light" id="delay">원본보기</button>
<button type="button" class="btn btn-light" id="infoReadReturn">되돌리기</button>
<button type="button" class="btn btn-light" id="stateChange" hidden>처리상태 변경</button>
</div>
</div>
@ -244,15 +341,11 @@
<jsp:include page="/WEB-INF/views/biz/totalInfo/totalInfo_photo_dialog.jsp" />
</div>
</div>
<!-- /Main body -->
<%--<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>--%>
<%--<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>--%>
<script type="text/javascript">
// const { cursor, mmCodes } = JSON.parse(localStorage.getItem("TOTAL_INFO_STATE"));
//해당 객체는 팝업으로 인한 브라우저 전역선언이다.
//일반적으로 함수를 선언할땐 그냥 fnBiz로 선언하면 된다.
//window 전역을 그냥 복사하면 덮어씌워져서 난리남.
//sample.jsp 형태로 하면됨
window.INIT_POP_API = {
search: () => {
console.log("Total Info Search!!!!")
@ -377,19 +470,19 @@
switch (infoState) {
case "init":
$("#btn-area > button").prop("hidden", true);
$("#infoEdit").prop("hidden", false);
$("#infoDel").prop("hidden", false);
$("#delay").prop("hidden", false);
$("#buillPrint").prop("hidden", false);
$("#stateChange").prop("hidden", false);
$("#non-target").prop("hidden", false);
// $("#btn-area > button").prop("hidden", true);
// $("#infoEdit").prop("hidden", false);
// $("#infoDel").prop("hidden", false);
// $("#delay").prop("hidden", false);
// $("#buillPrint").prop("hidden", false);
// $("#stateChange").prop("hidden", false);
// $("#non-target").prop("hidden", false);
break;
case "edit":
$("#btn-area > button").prop("hidden", true);
$("#infoSave").prop("hidden", false);
$("#infoReadReturn").prop("hidden", false);
// $("#btn-area > button").prop("hidden", true);
// $("#infoSave").prop("hidden", false);
// $("#infoReadReturn").prop("hidden", false);
break;
}
@ -438,7 +531,7 @@
// 스토리지 업데이트
localStorage.setItem("TOTAL_INFO_STATE", JSON.stringify({ cursor: nextCursor, mmCodes: mmCodes }))
//커서로 조회
TOTAL_INFO_POPUP_API.search();
INIT_POP_API.search();
});
/** 개별총정보 상태변경 트리거 */
@ -454,7 +547,7 @@
/** 개별총정보 읽기모드 진입 */
$("#infoReadReturn").on("click", () => {
$("input").prop("readonly", true);
TOTAL_INFO_POPUP_API.search();
INIT_POP_API.search();
$("#infoState").val("init").trigger("change");
})
@ -466,7 +559,7 @@
$("input").prop("readonly", true);
TOTAL_INFO_POPUP_API.search();
INIT_POP_API.search();
})
/** 상태값 변경 */
@ -492,7 +585,7 @@
$("#tabs").tabs();
TOTAL_INFO_POPUP_API.search();
INIT_POP_API.search();
fnBiz.eventListener();

376
src/main/webapp/WEB-INF/views/biz/totalInfo/totalInfo_popup.jsp
Unescape Escape View File

@ -38,9 +38,9 @@
<%-- 개별총정보 상태값 --%>
<input type="hidden" id="infoState" value="init" />
<div class="page-indicator">
<span id="cursorCnt">0</span>of <span id="total">0</span></div>
<span id="cursorCnt">0</span>of <span id="total">0</span>
</div>
<div class="nav-group">
<button type="button" class="nav-btn" name="navigate" data-act="first" id="first">◀◀</button>
<button type="button" class="nav-btn" name="navigate" data-act="prev">◀</button>
@ -56,157 +56,293 @@
<div class="subnote">등록구분/위반일시/위반내역 등</div>
<div class="form-grid">
<div class="lbl">등록구분</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmDlgb" id="mmDlgb" value="" readonly>
</div>
<div class="lbl">자료출처</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmIngb" id="mmIngb" value="" readonly>
</div>
<div class="lbl">위반일시</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmDate" id="mmDate" value="" readonly>
</div>
<div class="lbl">위반내용</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmLawgb" id="mmLawgb" value="" readonly>
<!-- 1줄: 등록구분 / 자료출처 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">등록구분</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmDlgb" id="mmDlgb" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">자료출처</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmIngb" id="mmIngb" value="" readonly>
</div>
</div>
</div>
<div class="lbl">신고자</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmSgnm" id="mmSgnm" value="" readonly>
</div>
<div class="lbl">연락처</div>
<div class="fld">
<input type="text" name="cpAnswer" data-field="asCell" id="asCell" value="" readonly>
<!-- 2줄: 위반일시 / 위반내용 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">위반일시</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmDate" id="mmDate" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">위반내용</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmLawgb" id="mmLawgb" value="" readonly>
</div>
</div>
</div>
<div class="lbl">담당자</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmSgtel" id="mmSgtel" value="" readonly>
</div>
<div class="lbl">공개여부</div>
<div class="fld">
<input type="text" data-field="" id="" value="" readonly>
<!-- 3줄: 신고자 / 연락처 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">신고자</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmSgnm" id="mmSgnm" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">연락처</div>
<div class="fld">
<input type="text" name="cpAnswer" data-field="asCell" id="asCell" value="" readonly>
</div>
</div>
</div>
<div class="lbl">신고내용</div>
<div class="fld block">
<textarea name="cpMain" data-field="mmSgcont" id="mmSgcont" value="" readonly></textarea>
<!-- 4줄: 담당자 / 공개여부 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">담당자</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmSgtel" id="mmSgtel" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">공개여부</div>
<div class="fld">
<input type="text" data-field="" id="" value="" readonly>
</div>
</div>
</div>
<div class="lbl">위반장소</div>
<div class="fld"><input type="text" data-field="" id="" value="" readonly></div>
<div class="lbl">접수번호</div>
<div class="fld"><input type="text" name="cpAnswer" data-field="asJsno" id="asJsno" value="" readonly></div>
<div class="lbl">접수일자</div>
<div class="fld"><input type="text" name="cpAnswer" data-field="asJsdate" id="asJsdate" value="" readonly></div>
<div class="lbl">목록번호</div>
<div class="fld"><input type="text" name="cpAnswer" data-field="asBbsNo" id="asBbsNo" value="" readonly></div>
<div class="lbl">법정동</div>
<div class="fld"><input type="text" data-field="" id="" value="" readonly></div>
<div></div><div></div>
<div class="lbl">사진등록금액</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmKeum1" id="mmKeum1" value="" readonly>
</div>
<div class="lbl">부과금액</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmKeum2" id="mmKeum2" value="" readonly>
<!-- 5줄: 신고내용 (textarea, 한 줄 전체) -->
<div class="form-row block">
<div class="field-group full">
<div class="lbl">신고내용</div>
<div class="fld">
<textarea name="cpMain" data-field="mmSgcont" id="mmSgcont" value="" readonly></textarea>
</div>
</div>
</div>
<div class="lbl">감액금액</div>
<div class="fld">
<input type="text" data-field="" id="" value="" readonly>
</div>
<div class="lbl">총수납액</div>
<div class="fld">
<input type="text" data-field="" id="" value="" readonly>
<!-- 6줄: 위반장소 / 접수번호 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">위반장소</div>
<div class="fld">
<input type="text" data-field="" id="" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">접수번호</div>
<div class="fld">
<input type="text" name="cpAnswer" data-field="asJsno" id="asJsno" value="" readonly>
</div>
</div>
</div>
<div class="lbl">잔액</div>
<div class="fld">
<input class="hl" data-field="" type="text" value="" readonly>
</div>
<div class="lbl">특기사항</div>
<div class="fld">
<button type="button" class="btn btn-light" id="btnSpecial">특기사항 보기</button>
<!-- 7줄: 접수일자 / 목록번호 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">접수일자</div>
<div class="fld">
<input type="text" name="cpAnswer" data-field="asJsdate" id="asJsdate" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">목록번호</div>
<div class="fld">
<input type="text" name="cpAnswer" data-field="asBbsNo" id="asBbsNo" value="" readonly>
</div>
</div>
</div>
<div class="block bar"></div>
<div class="lbl">처리상태일시</div>
<div class="fld">
<input type="text" name="cpAnswer" data-field="asStateDt" id="asStateDt" value="" readonly>
</div>
<div class="lbl">처리상태</div>
<div class="fld">
<input type="text" class="hl" name="cpAnswer" data-field="asState" id="asState" value="" readonly>
<!-- 8줄: 법정동 / (빈칸) -->
<div class="form-row">
<div class="field-group">
<div class="lbl">법정동</div>
<div class="fld">
<input type="text" data-field="" id="" value="" readonly>
</div>
</div>
<div class="field-group empty"></div>
</div>
<div class="lbl">차량명</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
<div class="lbl">차량색상</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 9줄: 사진등록금액 / 부과금액 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">사진등록금액</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmKeum1" id="mmKeum1" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">부과금액</div>
<div class="fld">
<input type="text" name="cpMain" data-field="mmKeum2" id="mmKeum2" value="" readonly>
</div>
</div>
</div>
<div class="lbl">연료구분</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 10줄: 감액금액 / 총수납액 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">감액금액</div>
<div class="fld">
<input type="text" data-field="" id="" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">총수납액</div>
<div class="fld">
<input type="text" data-field="" id="" value="" readonly>
</div>
</div>
</div>
<div></div><div></div>
<div class="block bar"></div>
<div class="section-title block">소유주 정보</div>
<!-- 11줄: 잔액 / 특기사항 버튼 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">잔액</div>
<div class="fld">
<input class="hl" data-field="" type="text" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">특기사항</div>
<div class="fld">
<button type="button" class="btn btn-light" id="btnSpecial">특기사항 보기</button>
</div>
</div>
</div>
<div class="lbl">소유주</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 구분선 -->
<div class="bar"></div>
<!-- 12줄: 처리상태일시 / 처리상태 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">처리상태일시</div>
<div class="fld">
<input type="text" name="cpAnswer" data-field="asStateDt" id="asStateDt" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">처리상태</div>
<div class="fld">
<input type="text" class="hl" name="cpAnswer" data-field="asState" id="asState" value="" readonly>
</div>
</div>
</div>
<div class="lbl">등록구분</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 13줄: 차량명 / 차량색상 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">차량명</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">차량색상</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
</div>
<div class="lbl">주민번호</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 14줄: 연료구분 / (빈칸) -->
<div class="form-row">
<div class="field-group">
<div class="lbl">연료구분</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
<div class="field-group empty"></div>
</div>
<div class="lbl">우편번호</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 구분선 -->
<div class="bar"></div>
<!-- 소유주 정보 타이틀 -->
<div class="section-title">소유주 정보</div>
<!-- 15줄: 소유주 / 등록구분 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">소유주</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">등록구분</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
</div>
<div class="lbl">주소</div>
<div class="fld block">
<input type="text" data-field="" value="" readonly>
<!-- 16줄: 주민번호 / 우편번호 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">주민번호</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">우편번호</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
</div>
<div class="lbl">번지</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 17줄: 주소 (한 줄 전체) -->
<div class="form-row block">
<div class="field-group full">
<div class="lbl">주소</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
</div>
<div class="lbl">차대번호</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 18줄: 번지 / 차대번호 -->
<div class="form-row">
<div class="field-group">
<div class="lbl">번지</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
<div class="field-group">
<div class="lbl">차대번호</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
</div>
<div class="lbl">도로코드</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
<!-- 19줄: 도로코드 / (빈칸) -->
<div class="form-row">
<div class="field-group">
<div class="lbl">도로코드</div>
<div class="fld">
<input type="text" data-field="" value="" readonly>
</div>
</div>
<div class="field-group empty"></div>
</div>
<div></div><div></div>
</div>
</div>
@ -254,7 +390,6 @@
<jsp:include page="/WEB-INF/views/biz/totalInfo/totalInfo_photo_dialog.jsp" />
</div>
<div id="tabs-b">
의견진술
</div>
@ -269,6 +404,7 @@
</div>
</div>
</div>
<!-- /Main body -->
<%--<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>--%>
<%--<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>--%>

35
src/main/webapp/resources/css/cc.css
Unescape Escape View File

@ -256,7 +256,7 @@
/* 카드/헤더 */
.detail-card{border:1px solid var(--border); border-radius:10px; overflow:hidden; background:#fff;}
.detail-card .card-header{display:flex; justify-content:space-between; align-items:center; background:var(--green); color:#fff; padding:10px 12px;}
.detail-card .card-header{display:flex; justify-content:space-between; align-items:center; background:#202342; color:#fff; padding:10px 12px;}
.card-header .title{font-weight:700}
.card-header .actions{display:flex; gap:6px; align-items:center}
.pill{font-size:12px; background:rgba(255,255,255,.25); padding:3px 8px; border-radius:999px}
@ -270,14 +270,30 @@
.subnote{font-size:12px; color:#888; text-align:right; margin-top:-4px; margin-bottom:8px}
/* 폼 그리드 */
.form-grid{display:grid; grid-template-columns: 110px 1fr 110px 1fr; gap:8px 10px}
.lbl{align-self:center; color:#444; font-size:13px}
.fld input,.fld textarea,.fld select{width:100%; padding:6px 8px; border:1px solid var(--border); border-radius:6px; font-size:13px; background:#fff}
.fld input[readonly],.fld textarea[readonly]{background:#fafafa}
.fld textarea{height:80px; resize:vertical}
.badge{display:inline-block; background:#eef2ff; color:#1d4ed8; border:1px solid #c7d2fe; padding:3px 8px; border-radius:999px; font-size:12px}
.hl{background:var(--warn)}
.block{grid-column: 1 / -1}
/*.form-grid{display:grid; grid-template-columns: 110px 1fr 110px 1fr; gap:8px 10px}*/
/*.lbl{align-self:center; color:#444; font-size:13px}*/
/*.fld input,.fld textarea,.fld select{width:100%; padding:6px 8px; border:1px solid var(--border); border-radius:6px; font-size:13px; background:#fff}*/
/*.fld input[readonly],.fld textarea[readonly]{background:#fafafa}*/
/*.fld textarea{height:80px; resize:vertical}*/
/*.badge{display:inline-block; background:#eef2ff; color:#1d4ed8; border:1px solid #c7d2fe; padding:3px 8px; border-radius:999px; font-size:12px}*/
/*.hl{background:var(--warn)}*/
/*.block{grid-column: 1 / -1}*/
/** 플렉스 폼 start */
.form-grid {display: flex;flex-direction: column; row-gap: 8px;}
.form-row {display: flex;column-gap: 10px;}
.field-group {display: flex;align-items: center;flex: 1 1 0;min-width: 0;gap: 6px;}
.field-group .lbl {flex: 0 0 110px;color: #444;font-size: 13px;align-self: center;white-space: nowrap;font-weight: 400;}
.field-group .fld {flex: 1 1 0;}
.field-group .fld input, .field-group .fld textarea, .field-group .fld select {width: 100%;padding: 6px 8px;border: 1px solid var(--border);border-radius: 6px;font-size: 13px;background: #fff;box-sizing: border-box;}
.field-group .fld input[readonly], .field-group .fld textarea[readonly] {background: #fafafa;} .field-group .fld textarea {height: 80px;resize: vertical;} .form-row.block .field-group.full {flex: 1 1 100%;display: flex;align-items: flex-start;}
.form-row.block .field-group.full .lbl {margin-top: 4px;}
.field-group.empty {flex: 1 1 0;}
.badge {display: inline-block;background: #eef2ff;color: #1d4ed8;border: 1px solid #c7d2fe;padding: 3px 8px;border-radius: 999px;font-size: 12px;}
.hl {background: var(--warn);}
@media (max-width: 1200px) { .form-row {flex-direction: column;} }
/* 플렉스 폼 end */
.bar{height:1px; background:var(--border); margin:8px 0}
@ -356,4 +372,5 @@
/** totalInfo End */
Write Preview
Loading…
Cancel
Save