|
|
|
|
@ -1,6 +1,8 @@
|
|
|
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
|
|
|
|
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="<c:url value='/resources/3rd-party/sneat/libs/dropzone/dropzone.css'/>"/>
|
|
|
|
|
|
|
|
|
|
<!-- Page Body -->
|
|
|
|
|
<div class="card">
|
|
|
|
|
<!-- 입력 영역 -->
|
|
|
|
|
@ -13,29 +15,34 @@
|
|
|
|
|
|
|
|
|
|
<div class="row g-1">
|
|
|
|
|
<!-- 차량번호 -->
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<label for="vhrno--${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="vhrno--${pageName}" name="vhrno" data-map="VHRNO" readonly />
|
|
|
|
|
<input type="text" class="form-control w-30" id="vhrno--${pageName}" name="vhrno" data-map="VHRNO" readonly />
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 위반일시 -->
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<label for="crdnYmd--${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="crdnYmd--${pageName}" name="crdnYmd" data-map="CRDN_YMD" readonly />
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 납부자 명 -->
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<label for="rtpyrNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">납부자</label>
|
|
|
|
|
<input type="text" class="form-control w-45" id="rtpyrNm--${pageName}" name="rtpyrNm" data-map="RTPYR_NM" readonly />
|
|
|
|
|
<input type="text" class="form-control w-60" id="rtpyrNm--${pageName}" name="rtpyrNm" data-map="RTPYR_NM" readonly />
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 접수 번호 -->
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<label for="rcptNo--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">접수 번호</label>
|
|
|
|
|
<input type="text" class="form-control w-25" id="rcptNo--${pageName}" name="rcptNo" data-map="RCPT_NO" required />
|
|
|
|
|
<input type="text" class="form-control w-30" id="rcptNo--${pageName}" name="rcptNo" data-map="RCPT_NO" required />
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 접수 일자 -->
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<label for="rcptYmd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">접수 일자</label>
|
|
|
|
|
<input type="text" class="form-control form-date" id="rcptYmd--${pageName}" name="rcptYmd" data-map="RCPT_YMD"
|
|
|
|
|
data-fmt-type="day" title="날짜 선택" maxlength="10" required />
|
|
|
|
|
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 접수 구분 -->
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<label for="rcptSeCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">접수 구분</label>
|
|
|
|
|
<select class="form-select" id="rcptSeCd--${pageName}" name="rcptSeCd" data-map="RCPT_SE_CD" required>
|
|
|
|
|
<option value="">선택하세요</option>
|
|
|
|
|
@ -44,18 +51,8 @@
|
|
|
|
|
</c:forEach>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 통보 구분 코드 -->
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<label for="ntfctnSeCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">통보 구분</label>
|
|
|
|
|
<select class="form-select" id="ntfctnSeCd--${pageName}" name="ntfctnSeCd" data-map="NTFCTN_SE_CD" required>
|
|
|
|
|
<option value="">선택하세요</option>
|
|
|
|
|
<c:forEach items="${FIM030List}" var="item">
|
|
|
|
|
<option value="${item.code}">${item.value}</option>
|
|
|
|
|
</c:forEach>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 소유주 관계 구분 코드 -->
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<label for="ownrRelCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">소유주 관계 구분</label>
|
|
|
|
|
<select class="form-select" id="ownrRelCd--${pageName}" name="ownrRelCd" data-map="OWNR_REL_CD">
|
|
|
|
|
<option value="">선택하세요</option>
|
|
|
|
|
@ -65,15 +62,15 @@
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 진술자 이름 -->
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<label for="sttrNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">성명</label>
|
|
|
|
|
<input type="text" class="form-control w-25" id="sttrNm--${pageName}" name="sttrNm" data-map="STTR_NM" required />
|
|
|
|
|
<input type="text" class="form-control w-40" id="sttrNm--${pageName}" name="sttrNm" data-map="STTR_NM" required />
|
|
|
|
|
<button type="button" class="btn btn-sm btn-outline-dark" id="btnPayer--${pageName}" title="납부자 정보 적용" onclick="fnBtnPayer${pageName}();">
|
|
|
|
|
납부자
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 진술자 생년월일 -->
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<label for="sttrBrdt--${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="sttrBrdt--${pageName}" name="sttrBrdt" data-map="STTR_BRDT" placeholder="YY-MM-DD" />
|
|
|
|
|
</div>
|
|
|
|
|
@ -89,26 +86,26 @@
|
|
|
|
|
<!-- 진술자 상세주소 -->
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<label for="sttrDaddr--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">상세 주소</label>
|
|
|
|
|
<input type="text" class="form-control w-85" id="sttrDaddr--${pageName}" name="sttrDaddr" data-map="STTR_DADDR" />
|
|
|
|
|
<input type="text" class="form-control w-87" id="sttrDaddr--${pageName}" name="sttrDaddr" data-map="STTR_DADDR" />
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 진술자 연락처 -->
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<label for="sttrCttpc--${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="sttrCttpc--${pageName}" name="sttrCttpc" data-map="STTR_CTTPC" />
|
|
|
|
|
<input type="text" class="form-control w-35" id="sttrCttpc--${pageName}" name="sttrCttpc" data-map="STTR_CTTPC" />
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 진술자 이메일 -->
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="col-md-8">
|
|
|
|
|
<label for="sttrEml--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">이메일</label>
|
|
|
|
|
<input type="text" class="form-control w-45" id="sttrEml--${pageName}" name="sttrEml" data-map="STTR_EML" />
|
|
|
|
|
<input type="text" class="form-control w-35" id="sttrEml--${pageName}" name="sttrEml" data-map="STTR_EML" />
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 의견 제출 내용 -->
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<label for="opnnSbmsnCn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">의견제출 내용</label>
|
|
|
|
|
<textarea class="form-control w-85" id="opnnSbmsnCn--${pageName}" name="opnnSbmsnCn" data-map="OPNN_SBMSN_CN" rows="5" data-maxlengthb="4000">
|
|
|
|
|
<textarea class="form-control w-87" id="opnnSbmsnCn--${pageName}" name="opnnSbmsnCn" data-map="OPNN_SBMSN_CN" rows="5" data-maxlengthb="4000">
|
|
|
|
|
</textarea>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 의견 제출 구분 코드 -->
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<label for="opnnSbmsnSeCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">의견제출 구분</label>
|
|
|
|
|
<select class="form-select" id="opnnSbmsnSeCd--${pageName}" name="opnnSbmsnSeCd" data-map="OPNN_SBMSN_SE_CD" required>
|
|
|
|
|
<option value="">선택하세요</option>
|
|
|
|
|
@ -118,32 +115,50 @@
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 의견 제출 요지 -->
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<div class="col-md-8">
|
|
|
|
|
<label for="opnnSbmsnGist--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">의견제출 요지</label>
|
|
|
|
|
<textarea class="form-control w-85" id="opnnSbmsnGist--${pageName}" name="opnnSbmsnGist" data-map="OPNN_SBMSN_GIST" rows="2" data-maxlengthb="300">
|
|
|
|
|
</textarea>
|
|
|
|
|
<input type="text" class="form-control w-80" id="opnnSbmsnGist--${pageName}" name="opnnSbmsnGist" data-map="OPNN_SBMSN_GIST" data-maxlengthb="300" />
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 담당자 검토 의견 -->
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<label for="picRvwOpnn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">검토 의견</label>
|
|
|
|
|
<textarea class="form-control w-85" id="picRvwOpnn--${pageName}" name="picRvwOpnn" data-map="PIC_RVW_OPNN" rows="3" data-maxlengthb="1000">
|
|
|
|
|
<textarea class="form-control w-87" id="picRvwOpnn--${pageName}" name="picRvwOpnn" data-map="PIC_RVW_OPNN" rows="3" data-maxlengthb="1000">
|
|
|
|
|
</textarea>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<!-- /입력 영역 -->
|
|
|
|
|
|
|
|
|
|
<!-- 첨부 파일 등록 -->
|
|
|
|
|
<!-- 첨부 파일 -->
|
|
|
|
|
<div class="card">
|
|
|
|
|
<form id="frmFile--${pageName}" class="dpv eca" method="post" enctype="multipart/form-data">
|
|
|
|
|
<input type="file" id="uploadFileList--${pageName}" name="uploadFileList" multiple="multiple" hidden />
|
|
|
|
|
<form id="frmFile--${pageName}" method="post" enctype="multipart/form-data">
|
|
|
|
|
<input type="file" id="uploadFiles--${pageName}" name="uploadFiles" multiple="multiple" />
|
|
|
|
|
</form>
|
|
|
|
|
<div class="row g-1">
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<button class="btn btn-blue" id="btnAddFile--${pageName}" title="첨부파일 추가">파일 추가</button>
|
|
|
|
|
<button class="btn btn-blue" id="btnDelFile--${pageName}" title="첨부파일 삭제">파일 삭제</button>
|
|
|
|
|
<button class="btn btn-blue" id="btnFileDownload--${pageName}" title="첨부파일 다운로드" onclick="fnBtnFileDownload${pageName}()">다운로드</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 첨부 파일 테이블 -->
|
|
|
|
|
<div class="table-responsive">
|
|
|
|
|
<table class="table table-bordered table-hover table-striped" id="fileList--${pageName}">
|
|
|
|
|
<thead>
|
|
|
|
|
<th class="text-center" style="width: 24px">NO.</th>
|
|
|
|
|
<th class="text-center" style="width: 200px">파일 번호</th>
|
|
|
|
|
<th class="text-center">파일 이름</th>
|
|
|
|
|
<th class="text-center" style="width: 200px">파일 크기</th>
|
|
|
|
|
<th class="text-center" style="width: 120px">파일 삭제</th>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody></tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- /첨부 파일 테이블 -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- /첨부 파일 등록 -->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="card"> -->
|
|
|
|
|
|
|
|
|
|
@ -167,7 +182,7 @@
|
|
|
|
|
//
|
|
|
|
|
var ${pageName}Fields = new FormFields("#frmEdit--${pageName}");
|
|
|
|
|
// 파일 업로드
|
|
|
|
|
var ${pageName}UploadFile = uploadSupport("#uploadFileList--${pageName}");
|
|
|
|
|
var ${pageName}UploadFiles = uploadSupport("#uploadFiles--${pageName}");
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* DatasetControl
|
|
|
|
|
@ -182,12 +197,17 @@
|
|
|
|
|
, update : wctx.url(prefixUrl + "/020/update.do") // 수정
|
|
|
|
|
}
|
|
|
|
|
, formats : {
|
|
|
|
|
RCPT_YMD : dateFormat
|
|
|
|
|
CRDN_YMD : dateFormat
|
|
|
|
|
, RCPT_YMD : dateFormat
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
${pageName}Control.onCurrentChange = item => {
|
|
|
|
|
// Dataset 셋팅
|
|
|
|
|
${pageName}Fields.set(item);
|
|
|
|
|
|
|
|
|
|
// 첨부파일 조회
|
|
|
|
|
fnSearchFileList${pageName}(item.data.OPNN_ID);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
@ -196,6 +216,9 @@
|
|
|
|
|
// 저장 callback
|
|
|
|
|
${pageName}Control.onSave = (resp) => {
|
|
|
|
|
if (resp.saved) {
|
|
|
|
|
// 폼을 리셋해서 uploadFiles에 출력된 선택 파일을 초기화시킨다.
|
|
|
|
|
document.getElementById("frmFile--${pageName}").reset();
|
|
|
|
|
|
|
|
|
|
dialog.alert("저장됐습니다.");
|
|
|
|
|
dialog.close(${pageName}Control.prefix + "dialog");
|
|
|
|
|
}
|
|
|
|
|
@ -216,8 +239,8 @@
|
|
|
|
|
formData.append(key, value);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (formData.get("uploadFileList").size == 0) {
|
|
|
|
|
formData.delete("uploadFileList");
|
|
|
|
|
if (formData.get("uploadFiles").size == 0) {
|
|
|
|
|
formData.delete("uploadFiles");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ajax.post({
|
|
|
|
|
@ -252,7 +275,7 @@
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$("#btnAddFile--${pageName}").on('click', () => { $("#uploadFileList--${pageName}").trigger("click"); });
|
|
|
|
|
$("#btnAddFile--${pageName}").on('click', () => { $("#uploadFiles--${pageName}").trigger("click"); });
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
@ -301,6 +324,44 @@
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 첨부파일 조회
|
|
|
|
|
function fnSearchFileList${pageName}(opnnId) {
|
|
|
|
|
// 첨부파일 리스트
|
|
|
|
|
ajax.get({
|
|
|
|
|
url : "file/list.do"
|
|
|
|
|
, data : {
|
|
|
|
|
infoType : "110"
|
|
|
|
|
, infoKeys : opnnId
|
|
|
|
|
, fetchSize : 0
|
|
|
|
|
}
|
|
|
|
|
, success : resp => {
|
|
|
|
|
let fileList = resp.fileList;
|
|
|
|
|
|
|
|
|
|
fileList.forEach(function (item, index, array) {
|
|
|
|
|
let itemNo = index + 1;
|
|
|
|
|
|
|
|
|
|
$("#fileList--${pageName} > tbody:last").append("<tr>");
|
|
|
|
|
$("#fileList--${pageName} > tbody:last").append("<td class='text-center'>" + itemNo + "</td>");
|
|
|
|
|
$("#fileList--${pageName} > tbody:last").append("<td class='text-center'>" + item.FILE_ID + "</td>");
|
|
|
|
|
$("#fileList--${pageName} > tbody:last").append("<td class='text-center'>" + item.FILE_NM + "</td>");
|
|
|
|
|
$("#fileList--${pageName} > tbody:last").append("<td class='text-center'>" + item.FILE_SIZE + " byte</td>");
|
|
|
|
|
$("#fileList--${pageName} > tbody:last").append("<td class='text-center'>" + "<button class='btn' onclick='fnBtnFileRemove${pageName}(" + item.FILE_ID + ");'><i class='bx bx-trash me-1'></i>삭제</button>" + "</td>");
|
|
|
|
|
$("#fileList--${pageName} > tbody:last").append("</tr>");
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 첨부파일 다운로드
|
|
|
|
|
function fnBtnFileDownload${pageName}() {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 첨부파일 삭제
|
|
|
|
|
function fnBtnFileRemove${pageName}(fileId) {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* script 진입
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
|
jjh
1 year ago