|
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
|
|
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
|
|
|
|
|
<c:set var="prefixName" scope="request">의견제출 심의 상세 정보</c:set>
|
|
|
|
|
|
<!-- inner page html -->
|
|
|
<div class="content-pop">
|
|
|
<!-- Content -->
|
|
|
<div class="container flex-grow-1 px-0">
|
|
|
<div class="card">
|
|
|
<!-- 입력 영역 -->
|
|
|
<form id="frmEdit--${pageName}" name="frmEdit">
|
|
|
<!-- hidden -->
|
|
|
<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="crdnId--${pageName}" name="crdnId" data-map="CRDN_ID" />
|
|
|
<input type="hidden" id="opnnId--${pageName}" name="opnnId" data-map="OPNN_ID" />
|
|
|
|
|
|
<div class="row g-1">
|
|
|
<!-- 접수 번호 -->
|
|
|
<div class="col-md-6">
|
|
|
<label for="rcptNo--${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="rcptNo--${pageName}" name="rcptNo" data-map="RCPT_NO" readonly />
|
|
|
</div>
|
|
|
<!-- 접수 일자 -->
|
|
|
<div class="col-md-6">
|
|
|
<label for="rcptYmd--${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="rcptYmd--${pageName}" name="rcptYmd" data-map="RCPT_YMD" data-fmt-type="day" readonly />
|
|
|
</div>
|
|
|
<!-- 진술자 이름 -->
|
|
|
<div class="col-md-6">
|
|
|
<label for="sttrNm--${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="sttrNm--${pageName}" name="sttrNm" data-map="STTR_NM" readonly />
|
|
|
</div>
|
|
|
<!-- 의견 제출 구분 코드 -->
|
|
|
<div class="col-md-6">
|
|
|
<label for="opnnSbmsnSeNm--${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="opnnSbmsnSeNm--${pageName}" name="opnnSbmsnSeNm" data-map="OPNN_SBMSN_SE_NM" readonly />
|
|
|
</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>
|
|
|
<textarea class="form-control w-85" id="opnnSbmsnGist--${pageName}" name="opnnSbmsnGist" data-map="OPNN_SBMSN_GIST" rows="2" data-maxlengthb="300" readonly></textarea>
|
|
|
</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 class="col-md-6">
|
|
|
<label for="docNo--${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="docNo--${pageName}" name="docNo" data-map="DOC_NO" />
|
|
|
</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-6">
|
|
|
<label for="opnnSbmsnSttsCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">심의결과</label>
|
|
|
<select class="form-select" id="opnnSbmsnSttsCd--${pageName}" name="opnnSbmsnSttsCd" data-map="OPNN_SBMSN_STTS_CD" onchange="pageObject['${pageName}'].fnChangeOpnnSbmsnSttsCd(this.value);" required>
|
|
|
<option value="">선택하세요</option>
|
|
|
<c:forEach items="${FIM031List}" var="item">
|
|
|
<option value="${item.code}">${item.value}</option>
|
|
|
</c:forEach>
|
|
|
</select>
|
|
|
</div>
|
|
|
<!-- 답변 일시 -->
|
|
|
<div class="col-md-6">
|
|
|
<label for="ansYmd--${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="ansYmd--${pageName}" name="ansYmd" data-map="ANS_YMD"
|
|
|
data-fmt-type="day" maxlength="10" required />
|
|
|
<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
|
|
|
<input type="text" class="form-control form-time" id="ansTm--${pageName}" name="ansTm" data-map="ANS_TM"
|
|
|
data-fmt-type="time" maxlength="8" placeholder="시:분:초" required />
|
|
|
</div>
|
|
|
<!-- 감경 사유 코드 -->
|
|
|
<div class="col-md-6" id="divRdctRsnCd--${pageName}">
|
|
|
<label for="rdctRsnCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">감경사유</label>
|
|
|
<select class="form-select" id="rdctRsnCd--${pageName}" name="rdctRsnCd" data-map="RDCT_RSN_CD">
|
|
|
<c:forEach items="${FIM019List}" var="item">
|
|
|
<option value="${item.code}">${item.value}</option>
|
|
|
</c:forEach>
|
|
|
</select>
|
|
|
</div>
|
|
|
<!-- 감경 금액 -->
|
|
|
<div class="col-md-6" id="divRdctAmt--${pageName}">
|
|
|
<label for="rdctAmt--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">감경금액</label>
|
|
|
<input type="text" class="form-control w-30 text-end" id="rdctAmt--${pageName}" name="rdctAmt" data-map="RDCT_AMT" readonly />
|
|
|
</div>
|
|
|
<!-- 답변 내용 -->
|
|
|
<div class="col-md-12">
|
|
|
<label for="ansCn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">심의내용</label>
|
|
|
<textarea class="form-control w-85" id="ansCn--${pageName}" name="ansCn" data-map="ANS_CN" rows="5" data-maxlengthb="4000"></textarea>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
<!-- 입력 영역 -->
|
|
|
|
|
|
<!-- 업무 버튼 및 건수 표시 -->
|
|
|
<div>
|
|
|
<span class="container-page-btn">
|
|
|
<!-- 업무 버튼 -->
|
|
|
<span class="container-window-btn-right">
|
|
|
<button type="button" class="btn btn-primary w-px-80" id="btnSave--${pageName}" title="저장">
|
|
|
저장
|
|
|
</button>
|
|
|
</span>
|
|
|
</span>
|
|
|
</div>
|
|
|
<!-- 업무 버튼 및 건수 표시 -->
|
|
|
</div> <!-- <div class="card"> -->
|
|
|
</div> <!-- <div class="container flex-grow-1 px-0"> -->
|
|
|
<!-- Content -->
|
|
|
</div>
|
|
|
<!-- inner page html <div class="content-pop"> -->
|
|
|
|
|
|
<script>
|
|
|
/**************************************************************************
|
|
|
* Global Variable
|
|
|
**************************************************************************/
|
|
|
pageObject["${pageName}"] = {};
|
|
|
|
|
|
/**************************************************************************
|
|
|
* script 진입
|
|
|
**************************************************************************/
|
|
|
$(document).ready(function() {
|
|
|
// pageObject
|
|
|
let $P = pageObject["${pageName}"];
|
|
|
|
|
|
// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
|
|
|
$P.callPurpose = "${callPurpose}";
|
|
|
// FormFields
|
|
|
$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
|
|
|
|
|
|
/**************************************************************************
|
|
|
* DatasetControl
|
|
|
**************************************************************************/
|
|
|
$P.control = new DatasetControl({
|
|
|
prefix: "opnnDlbr"
|
|
|
, prefixName: "의견제출 심의"
|
|
|
, keymapper: info => info ? info.OPNN_ID : ""
|
|
|
, dataGetter: obj => obj.${infoPrefix}Info
|
|
|
});
|
|
|
|
|
|
/**************************************************************************
|
|
|
* DatasetControl 이벤트
|
|
|
**************************************************************************/
|
|
|
// 현재 선택 자료 변경 이벤트
|
|
|
$P.control.onCurrentChange = (item) => {
|
|
|
if (!item) return;
|
|
|
|
|
|
// Dataset 셋팅
|
|
|
$P.formFields.set($P.control, item);
|
|
|
// 업무구분에 따른 URL 변경
|
|
|
$P.fnSetURL(item.data.TASK_SE_CD);
|
|
|
// 의견제출 상태 코드 변경
|
|
|
$P.fnChangeOpnnSbmsnSttsCd(item.data.OPNN_SBMSN_STTS_CD);
|
|
|
|
|
|
if (item.data.ANS_YMD == null || item.data.ANS_YMD == "") {
|
|
|
$("#ansYmd--${pageName}").datepicker("setDate", new Date()); // 날짜
|
|
|
$("#ansTm--${pageName}").val(new Date().toTimeString().split(" ")[0]); // 시간 "09:51:35 GMT+0900 (한국 표준시)"의 형식에서 공백을 기준으로 잘라 시간 부분만 가져와줍니다.
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 저장 callback
|
|
|
$P.control.onSave = (resp) => {
|
|
|
let dialogTitle = $("#" + $P.control.prefix + "Dialog--${openerPageName}").find("h5.modal-title").html();
|
|
|
let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, dialogTitle);
|
|
|
|
|
|
// 메시지 출력
|
|
|
dialog.alert({
|
|
|
content: showMessage
|
|
|
, init: () => { setDialogZindex(); }
|
|
|
, onOK: () => { }
|
|
|
});
|
|
|
|
|
|
if (resp.saved) {
|
|
|
dialog.close($P.control.prefix + "Dialog--${openerPageName}");
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 저장
|
|
|
$P.control.save = (info) => {
|
|
|
if (!info) return;
|
|
|
|
|
|
ajax.post({
|
|
|
url: $P.control.urls.update
|
|
|
, data: info
|
|
|
, success: resp => $P.control.onSave(resp)
|
|
|
});
|
|
|
}
|
|
|
|
|
|
/**************************************************************************
|
|
|
* 사용자 함수(function)
|
|
|
**************************************************************************/
|
|
|
// 업무구분에 따른 URL 설정
|
|
|
$P.fnSetURL = (taskSeCd) => {
|
|
|
$P.control.urls.update = wctx.url("/" + taskSeCd + "${infoPrefixUrl}" + "/030/update.do"); // 수정
|
|
|
}
|
|
|
|
|
|
// 의견제출 상태 코드 변경
|
|
|
$P.fnChangeOpnnSbmsnSttsCd = (obj) => {
|
|
|
// javascript를 이용한 visibility 변경 (이 방법을 사용하는 경우, 안에 있는 요소들이 보이지않지만 그 요소들이 할당 하고 있는 공간은 그대로 유지(공백처리))
|
|
|
// document.getElementById("divRdctRsnCd--${pageName}").style.visibility = "hidden";
|
|
|
// document.getElementById("divRdctRsnCd--${pageName}").style.visibility = "visible";
|
|
|
$("#divRdctRsnCd--${pageName}").hide();
|
|
|
$("#divRdctAmt--${pageName}").hide();
|
|
|
$("#rdctRsnCd--${pageName}").attr("required", false);
|
|
|
$("#rdctAmt--${pageName}").attr("required", false);
|
|
|
|
|
|
if (obj == "04") { // 의견제출 상태 코드(FIM031) 04: 과태료감경
|
|
|
// 필수 선택 추가 필요
|
|
|
$("#divRdctRsnCd--${pageName}").show();
|
|
|
$("#divRdctAmt--${pageName}").show();
|
|
|
$("#rdctRsnCd--${pageName}").attr("required", true);
|
|
|
$("#rdctAmt--${pageName}").attr("required", true);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**************************************************************************
|
|
|
* 버튼 clickEvent
|
|
|
**************************************************************************/
|
|
|
// 저장
|
|
|
$P.fnSave = () => {
|
|
|
// validate 확인
|
|
|
if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
|
|
|
|
|
|
// 감경 사유 확인
|
|
|
let opnnSbmsnSttsCd = $("#opnnSbmsnSttsCd--${pageName}").val();
|
|
|
let rdctRsnCd = $("#rdctRsnCd--${pageName} option:selected").val();
|
|
|
let rdctRsnNm = $("#rdctRsnCd--${pageName} option:selected").text();
|
|
|
|
|
|
if (opnnSbmsnSttsCd == "04" && rdctRsnCd == "00") {
|
|
|
dialog.alert({
|
|
|
content: "감경사유가 '" + rdctRsnNm + "' 입니다."
|
|
|
+ "<br>" + "[" + $P.control.prefixName + " 저장" + "]" + " 실행이 취소되었습니다."
|
|
|
, init: () => { setDialogZindex(); }
|
|
|
, onOK: () => { }
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
dialog.alert({
|
|
|
content: "현재 " + $P.control.prefixName + " 정보를 저장하시겠습니까?"
|
|
|
, init: () => { setDialogZindex(); }
|
|
|
, onOK: () => {
|
|
|
$P.control.save($P.formFields.get()); // formFields
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
/**************************************************************************
|
|
|
* 초기 셋팅
|
|
|
**************************************************************************/
|
|
|
// 이벤트 설정
|
|
|
$P.setEvent = () => {
|
|
|
// 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);
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
// form-date 항목에서 키보드로 입력시 시간 포맷팅 적용
|
|
|
$("#frmEdit--${pageName}").find(".form-time").each(function() {
|
|
|
$(this).on("input",function() {
|
|
|
let value = this.value.replaceAll(":", "");
|
|
|
|
|
|
if (value.length > 5) {
|
|
|
this.value = value.substring(0, 2) + ":" + value.substring(2, 4) + ":" + value.substring(4);
|
|
|
} else if (value.length > 3) {
|
|
|
this.value = value.substring(0, 2) + ":" + value.substring(2);
|
|
|
}
|
|
|
|
|
|
});
|
|
|
});
|
|
|
|
|
|
// 버튼 이벤트
|
|
|
$("#btnSave--${pageName}").on("click", () => $P.fnSave()); // 저장
|
|
|
}
|
|
|
|
|
|
// 초기 화면 설정
|
|
|
$P.initForm = () => {
|
|
|
// 달력 초기화
|
|
|
initDatepicker("frmEdit--${pageName}");
|
|
|
$("#ansYmd--${pageName}").datepicker("setDate", new Date());
|
|
|
$("#ansTm--${pageName}").val(new Date().toTimeString().split(" ")[0]);
|
|
|
|
|
|
// view 로 호출됐을 경우..
|
|
|
if ($P.callPurpose == "view") {
|
|
|
$("btnSave--${pageName}").attr("disabled", true);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**************************************************************************
|
|
|
* 최초 실행 함수
|
|
|
**************************************************************************/
|
|
|
// 1. 이벤트 설정
|
|
|
$P.setEvent();
|
|
|
|
|
|
// 2. 초기 화면 설정
|
|
|
$P.initForm();
|
|
|
|
|
|
// 3. Dataset 설정
|
|
|
$P.control.setData([${opnnSbmsnInfo}]);
|
|
|
});
|
|
|
|
|
|
</script>
|