의견제출 상세화면 추가.
jjh
1 year ago
parent
dce292e403
commit
3bf9a3e13c
@ -0,0 +1,282 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
||||||
|
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
||||||
|
|
||||||
|
<!-- Page Body -->
|
||||||
|
<div class="card">
|
||||||
|
<!-- 입력 영역 -->
|
||||||
|
<form id="frmEdit--${pageName}" name="frmEdit">
|
||||||
|
<!-- hidden -->
|
||||||
|
<input type="hidden" id="crdnId--${pageName}" name="crdnId" data-map="CRDN_ID" />
|
||||||
|
<input type="hidden" id="sggCd--${pageName}" name="sggCd" data-map="SGG_CD" />
|
||||||
|
<input type="hidden" id="taskSeCd--${pageName}" name="taskSeCd" data-map="TASK_SE_CD" />
|
||||||
|
<input type="hidden" id="opnnId--${pageName}" name="opnnId" data-map="OPNN_ID" />
|
||||||
|
|
||||||
|
<div class="row g-1">
|
||||||
|
<!-- 차량번호 -->
|
||||||
|
<div class="col-md-6">
|
||||||
|
<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 />
|
||||||
|
</div>
|
||||||
|
<!-- 납부자 명 -->
|
||||||
|
<div class="col-md-6">
|
||||||
|
<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 />
|
||||||
|
</div>
|
||||||
|
<!-- 접수 번호 -->
|
||||||
|
<div class="col-md-6">
|
||||||
|
<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 />
|
||||||
|
</div>
|
||||||
|
<!-- 접수 일자 -->
|
||||||
|
<div class="col-md-6">
|
||||||
|
<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">
|
||||||
|
<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>
|
||||||
|
<c:forEach items="${FIM029List}" var="item">
|
||||||
|
<option value="${item.code}">${item.value}</option>
|
||||||
|
</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">
|
||||||
|
<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>
|
||||||
|
<c:forEach items="${FIM032List}" var="item">
|
||||||
|
<option value="${item.code}">${item.value}</option>
|
||||||
|
</c:forEach>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<!-- 진술자 이름 -->
|
||||||
|
<div class="col-md-6">
|
||||||
|
<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 />
|
||||||
|
</div>
|
||||||
|
<!-- 진술자 생년월일 -->
|
||||||
|
<div class="col-md-6">
|
||||||
|
<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>
|
||||||
|
<!-- 진술자 주소 --><!-- 진술자 우편번호 -->
|
||||||
|
<div class="col-md-12">
|
||||||
|
<label for="sttrAddr--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">주소</label>
|
||||||
|
<input type="text" class="form-control w-75" id="sttrAddr--${pageName}" name="sttrAddr" data-map="STTR_ADDR" />
|
||||||
|
<input type="text" class="form-control w-px-75" id="sttrZip--${pageName}" name="sttrZip" data-map="STTR_ZIP" />
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-dark" onclick="">검색</button>
|
||||||
|
</div>
|
||||||
|
<!-- 진술자 상세주소 -->
|
||||||
|
<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" />
|
||||||
|
</div>
|
||||||
|
<!-- 진술자 연락처 -->
|
||||||
|
<div class="col-md-6">
|
||||||
|
<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" />
|
||||||
|
</div>
|
||||||
|
<!-- 진술자 이메일 -->
|
||||||
|
<div class="col-md-6">
|
||||||
|
<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" />
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
<!-- 의견 제출 구분 코드 -->
|
||||||
|
<div class="col-md-12">
|
||||||
|
<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>
|
||||||
|
<c:forEach items="${FIM033List}" var="item">
|
||||||
|
<option value="${item.code}">${item.value}</option>
|
||||||
|
</c:forEach>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<!-- 의견 제출 요지 -->
|
||||||
|
<div class="col-md-12">
|
||||||
|
<label for="opnnSbmsnGist--${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="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>
|
||||||
|
</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>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /첨부 파일 등록 -->
|
||||||
|
</div>
|
||||||
|
<!-- <div class="card"> -->
|
||||||
|
|
||||||
|
<!-- 업무 버튼 표시 -->
|
||||||
|
<div>
|
||||||
|
<span class="container-page-btn">
|
||||||
|
<span class="container-window-btn-right">
|
||||||
|
<!-- 업무 버튼 -->
|
||||||
|
<button class="btn btn-primary" id="btnSave--${pageName}" title="저장" onclick="fnSave${pageName}()">저장</button>
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<!-- / 업무 버튼 표시 -->
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/**************************************************************************
|
||||||
|
* Global Variable
|
||||||
|
**************************************************************************/
|
||||||
|
// URL
|
||||||
|
var prefixUrl = "/excl/excl02";
|
||||||
|
//
|
||||||
|
var ${pageName}Fields = new FormFields("#frmEdit--${pageName}");
|
||||||
|
// 파일 업로드
|
||||||
|
var ${pageName}UploadFile = uploadSupport("#uploadFileList--${pageName}");
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* DatasetControl
|
||||||
|
**************************************************************************/
|
||||||
|
var ${pageName}Control = new DatasetControl({
|
||||||
|
prefix : "opnnSbmsn"
|
||||||
|
, prefixName : "의견제출"
|
||||||
|
, keymapper : info => info ? info.OPNN_ID : ""
|
||||||
|
, dataGetter : obj => obj.opnnSbmsnInfo
|
||||||
|
, urls : {
|
||||||
|
create : wctx.url(prefixUrl + "/020/create.do") // 등록
|
||||||
|
, update : wctx.url(prefixUrl + "/020/update.do") // 수정
|
||||||
|
}
|
||||||
|
, formats : {
|
||||||
|
RCPT_YMD : dateFormat
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
${pageName}Control.onCurrentChange = item => {
|
||||||
|
${pageName}Fields.set(item);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
*
|
||||||
|
**************************************************************************/
|
||||||
|
// 저장 callback
|
||||||
|
${pageName}Control.onSave = (resp) => {
|
||||||
|
if (resp.retSaved == "true") {
|
||||||
|
dialog.alert(resp.retMessage);
|
||||||
|
dialog.close(${pageName}Control.prefix + "dialog");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 저장
|
||||||
|
${pageName}Control.save = (info) => {
|
||||||
|
if (!info) return;
|
||||||
|
|
||||||
|
let item = ${pageName}Control.getCurrent("item");
|
||||||
|
let create = isEmpty(info.opnnId);
|
||||||
|
|
||||||
|
let formData = new FormData(document.getElementById("frmFile--${pageName}"));
|
||||||
|
for(let key in info) {
|
||||||
|
let value = info[key];
|
||||||
|
|
||||||
|
formData.append(key, value);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (formData.get("uploadFileList").size == 0) {
|
||||||
|
formData.delete("uploadFileList");
|
||||||
|
}
|
||||||
|
|
||||||
|
ajax.post({
|
||||||
|
url : !create ? ${pageName}Control.urls.update : ${pageName}Control.urls.create
|
||||||
|
, data: formData, contentType : false, processData : false
|
||||||
|
, success : resp => ${pageName}Control.onSave(resp)
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* 초기 셋팅
|
||||||
|
**************************************************************************/
|
||||||
|
// 검색조건 초기값 셋팅
|
||||||
|
function initForm${pageName}() {
|
||||||
|
// 달력 초기화
|
||||||
|
initDatepicker("frmEdit--${pageName}");
|
||||||
|
$("#rcptYmd--${pageName}").datepicker("setDate", new Date());
|
||||||
|
}
|
||||||
|
|
||||||
|
// 이벤트 설정
|
||||||
|
function setEvent${pageName}() {
|
||||||
|
// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
|
||||||
|
$("#frmEdit--${pageName}").find(".form-date").each(function() {
|
||||||
|
$(this).on("input",function() {
|
||||||
|
let value = this.value.replaceAll("-", "");
|
||||||
|
|
||||||
|
if (value.length > 7) {
|
||||||
|
this.value = value.substring(0,4) + "-" + value.substring(4,6) + "-" + value.substring(6);
|
||||||
|
} else if(value.length > 5) {
|
||||||
|
this.value = value.substring(0,4) + "-" + value.substring(4);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#btnAddFile--${pageName}").on('click', () => { $("#uploadFileList--${pageName}").trigger("click"); });
|
||||||
|
}
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* function
|
||||||
|
**************************************************************************/
|
||||||
|
// 저장
|
||||||
|
function fnSave${pageName}() {
|
||||||
|
let formFields = new FimsFormFields("#frmEdit--${pageName}");
|
||||||
|
let data = formFields.get();
|
||||||
|
|
||||||
|
dialog.alert({
|
||||||
|
content : "현재 prefixName 정보를 저장하시겠습니까?"
|
||||||
|
, onOK : () => {
|
||||||
|
${pageName}Control.save(formFields.get());
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* script 진입
|
||||||
|
**************************************************************************/
|
||||||
|
$(document).ready(function() {
|
||||||
|
// 이벤트 설정
|
||||||
|
setEvent${pageName}();
|
||||||
|
|
||||||
|
// 화면 초기 설정
|
||||||
|
initForm${pageName}();
|
||||||
|
|
||||||
|
// Dataset 셋팅 - 단건일 경우 setData
|
||||||
|
${pageName}Control.setData([${opnnSbmsnInfo}]);
|
||||||
|
});
|
||||||
|
|
||||||
|
// #sourceURL=excl01020-info.jsp
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue