개별총정보 - 민원상담 수정.
JoJH
1 week ago
parent
669ed9392d
commit
fad222608c
@ -1,217 +1,162 @@
|
||||
<%@ 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>
|
||||
<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="cvlcptDscsnId--${pageName}" name="cvlcptDscsnId" data-map="CVLCPT_DSCSN_ID" />
|
||||
<input type="hidden" id="vhrno--${pageName}" name="vhrno" data-map="VHRNO" />
|
||||
<input type="hidden" id="rtpyrNo--${pageName}" name="rtpyrNo" data-map="RTPYR_NO" />
|
||||
|
||||
<div class="row g-1">
|
||||
<!-- 민원 접수 구분 코드 -->
|
||||
<div class="col-md-12">
|
||||
<label for="cvlcptRcptSeCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">접수구분</label>
|
||||
<select class="form-select" id="cvlcptRcptSeCd--${pageName}" name="cvlcptRcptSeCd" data-map="CVLCPT_RCPT_SE_CD" required>
|
||||
<option value="">선택하세요</option>
|
||||
<c:forEach items="${FIM065List}" var="item">
|
||||
<option value="${item.code}">${item.value}</option>
|
||||
</c:forEach>
|
||||
</select>
|
||||
</div>
|
||||
<!-- 민원인명 -->
|
||||
<div class="col-md-6">
|
||||
<label for="cvlprNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">민원인명</label>
|
||||
<input type="text" class="form-control w-px-160" id="cvlprNm--${pageName}" name="cvlprNm" data-map="CVLPR_NM" autocomplete="off" />
|
||||
</div>
|
||||
<!-- 민원인 연락처 -->
|
||||
<div class="col-md-6">
|
||||
<label for="cvlprCttpc--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">연락처</label>
|
||||
<input type="text" class="form-control w-px-160" id="cvlprCttpc--${pageName}" name="cvlprCttpc" data-map="CVLPR_CTTPC" autocomplete="off" />
|
||||
</div>
|
||||
<!-- 상담 내용 -->
|
||||
<div class="col-md-12">
|
||||
<label for="dscsnCn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">상담 내용</label>
|
||||
<textarea type="text" class="form-control w-85" id="dscsnCn--${pageName}" name="dscsnCn" data-map="DSCSN_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"> -->
|
||||
<div class="content-pop" data-doctx="${pageName}">
|
||||
<!-- Content -->
|
||||
<div class="container flex-grow-1 px-0">
|
||||
<div class="card">
|
||||
<!-- 입력 영역 -->
|
||||
<form name="frmEdit">
|
||||
<!-- hidden -->
|
||||
<input type="hidden" name="sggCd" data-map="SGG_CD" />
|
||||
<input type="hidden" name="taskSeCd" data-map="TASK_SE_CD" />
|
||||
<input type="hidden" name="crdnId" data-map="CRDN_ID" />
|
||||
<input type="hidden" name="cvlcptDscsnId" data-map="CVLCPT_DSCSN_ID" />
|
||||
<input type="hidden" name="vhrno" data-map="VHRNO" />
|
||||
<input type="hidden" name="rtpyrNo" data-map="RTPYR_NO" />
|
||||
|
||||
<div class="row g-1">
|
||||
<div class="col-md-6">
|
||||
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end required" for="cvlcptRcptSeCd">접수구분</label>
|
||||
<select is="id-select" class="form-select" name="cvlcptRcptSeCd" data-map="CVLCPT_RCPT_SE_CD" required>
|
||||
<option value="">선택하세요</option>
|
||||
<c:forEach items="${FIM065List}" var="item">
|
||||
<option value="${item.code}">${item.value}</option>
|
||||
</c:forEach>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end required" for="dscsnYmd">상담일자</label>
|
||||
<input is="id-input" type="text" class="form-control form-date" name="dscsnYmd" data-map="DSCSN_YMD"
|
||||
data-fmt-type="day" autocomplete="off" title="날짜 선택" maxlength="10" required />
|
||||
<button type="button" class="bx bx-lg bx-calendar bg-white" name="btnLevyExclYmd"></button>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="cvlprNm">민원인명</label>
|
||||
<input is="id-input" type="text" class="form-control w-px-160" name="cvlprNm" data-map="CVLPR_NM" autocomplete="off" />
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="cvlprCttpc">연락처</label>
|
||||
<input is="id-input" type="text" class="form-control w-px-160" name="cvlprCttpc" data-map="CVLPR_CTTPC" autocomplete="off" />
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="dscsnCn">상담내용</label>
|
||||
<textarea is="id-textarea" type="text" class="form-control w-85" name="dscsnCn" data-map="DSCSN_CN" rows="5" data-maxlengthb="4000"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<!-- 입력 영역 -->
|
||||
</div> <!-- <div class="card"> -->
|
||||
|
||||
<!-- 업무 버튼 및 건수 표시 -->
|
||||
<div>
|
||||
<span class="container-page-btn">
|
||||
<!-- 업무 버튼 -->
|
||||
<span class="container-window-btn-right">
|
||||
<button type="button" class="btn btn-primary w-px-120" name="btnSave" title="저장">
|
||||
저장
|
||||
</button>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<!-- 업무 버튼 및 건수 표시 -->
|
||||
</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: "cvlcptDscsn"
|
||||
, prefixName: "민원상담"
|
||||
, keymapper: info => info ? info.CVLCPT_DSCSN_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);
|
||||
}
|
||||
|
||||
// 저장 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: () => { AppSupport.setDialogZindex(); }
|
||||
, onOK: () => { }
|
||||
});
|
||||
|
||||
if (resp.saved) {
|
||||
dialog.close($P.control.prefix + "Dialog--${openerPageName}");
|
||||
}
|
||||
}
|
||||
|
||||
// 저장
|
||||
$P.control.save = (info) => {
|
||||
if (!info) return;
|
||||
|
||||
let create = ($P.callPurpose == "create");
|
||||
|
||||
ajax.post({
|
||||
url: !create ? $P.control.urls.update : $P.control.urls.create
|
||||
, data: info
|
||||
, success: resp => $P.control.onSave(resp)
|
||||
});
|
||||
}
|
||||
|
||||
/**************************************************************************
|
||||
* 사용자 함수(function)
|
||||
**************************************************************************/
|
||||
// 업무구분에 따른 URL 설정
|
||||
$P.fnSetURL = (taskSeCd) => {
|
||||
$P.control.urls.create = wctx.url("/" + taskSeCd + "${infoPrefixUrl}" + "/020/create.do"); // 등록
|
||||
$P.control.urls.update = wctx.url("/" + taskSeCd + "${infoPrefixUrl}" + "/020/update.do"); // 수정
|
||||
}
|
||||
|
||||
/**************************************************************************
|
||||
* 버튼 clickEvent
|
||||
**************************************************************************/
|
||||
// 저장
|
||||
$P.fnSave = () => {
|
||||
// validate 확인
|
||||
if (!AppSupport.customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
|
||||
|
||||
dialog.alert({
|
||||
content : "현재 " + $P.control.prefixName + " 정보를 저장하시겠습니까?"
|
||||
, init: () => { AppSupport.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);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 버튼 이벤트
|
||||
$("#btnSave--${pageName}").on("click", () => $P.fnSave()); // 저장
|
||||
}
|
||||
|
||||
// 초기 화면 설정
|
||||
$P.initForm = () => {
|
||||
// 달력 초기화
|
||||
AppSupport.initDatepicker("frmEdit--${pageName}");
|
||||
|
||||
// View로 호출
|
||||
if ($P.callPurpose == "view") {
|
||||
// input 요소들을 disabled
|
||||
$("#frmEdit--${pageName}").find("input,textarea,select").prop("disabled", true);
|
||||
// button 요소들을 disabled
|
||||
$("btnSave--${pageName}").prop("disabled", true);
|
||||
} else if ($P.callPurpose == "update") {
|
||||
$("#cvlcptRcptSeCd--${pageName}").prop("disabled", true);
|
||||
}
|
||||
}
|
||||
|
||||
/**************************************************************************
|
||||
* 최초 실행 함수
|
||||
**************************************************************************/
|
||||
// 1. 이벤트 설정
|
||||
$P.setEvent();
|
||||
|
||||
// 2. 초기 화면 설정
|
||||
$P.initForm();
|
||||
|
||||
// 3. Dataset 설정
|
||||
$P.control.setData([${cvlcptDscsnInfo}]);
|
||||
});
|
||||
LoadScript("sprt04020Script", wctx.url("/webjars/js/fims/sprt/sprt04020.js?ver=${ver}"));
|
||||
|
||||
/**************************************************************************
|
||||
* Global Variable
|
||||
**************************************************************************/
|
||||
pageObject["${pageName}"] = newDoctxFinder("${pageName}");
|
||||
|
||||
/**************************************************************************
|
||||
* script 진입
|
||||
**************************************************************************/
|
||||
$(document).ready(function() {
|
||||
// pageObject
|
||||
let $P = pageObject["${pageName}"];
|
||||
|
||||
// URL
|
||||
$P.prefixUrl = "${prefixUrl}"
|
||||
// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
|
||||
$P.callPurpose = "${callPurpose}";
|
||||
// datasetControl
|
||||
$P.ctrl = newSprt04020Control("${pageName}", "[data-doctx=${pageName}]");
|
||||
|
||||
/**************************************************************************
|
||||
* 사용자 함수(function)
|
||||
**************************************************************************/
|
||||
|
||||
|
||||
/**************************************************************************
|
||||
* 버튼 clickEvent
|
||||
**************************************************************************/
|
||||
// 저장
|
||||
$P.fnSave = () => {
|
||||
// validate 확인
|
||||
if (!AppSupport.customValidate($P.$findn("frmEdit").find("input,select,textarea"))) return;
|
||||
|
||||
// formFields
|
||||
let params = new FimsFormFields($P.selectorn("frmEdit")).get();
|
||||
|
||||
dialog.alert({
|
||||
content : "현재 " + $P.ctrl.prefixName + " 정보를 저장하시겠습니까?"
|
||||
, init: () => { AppSupport.setDialogZindex(); }
|
||||
, onOK: () => { $P.ctrl.save(params); } // formFields
|
||||
});
|
||||
}
|
||||
|
||||
/**************************************************************************
|
||||
* 초기 셋팅
|
||||
**************************************************************************/
|
||||
// 이벤트 설정
|
||||
$P.setEvent = () => {
|
||||
// 버튼 이벤트
|
||||
$P.$findn("btnSave").on("click", () => { $P.fnSave() }); // 저장
|
||||
}
|
||||
|
||||
// 초기 화면 설정
|
||||
$P.fnReset = () => {
|
||||
// 초기화
|
||||
$P.findn("frmEdit").reset(); // 화면 초기화
|
||||
|
||||
// 달력 초기화
|
||||
AppSupport.initDatepicker($P.findn("frmEdit"));
|
||||
|
||||
// 기본 데이터 설정
|
||||
$P.$findn("dscsnYmd").datepicker("setDate", TODAY()); // 상담 일자
|
||||
|
||||
// 화면 호출(callPurpose)이 view라면 버튼 비활성화 disabled = true
|
||||
if ($P.callPurpose == "view") {
|
||||
// input 요소들을 disabled
|
||||
$P.$findn("frmEdit").find("input,textarea,select").prop("disabled", true);
|
||||
|
||||
// button 요소들을 disabled
|
||||
$P.$findn("btnLevyExclYmd").prop("disabled", true); // 부과제외 일자 달력 버튼
|
||||
$P.$findn("btnSave").prop("disabled", true); // 저장 버튼
|
||||
} else if ($P.callPurpose == "update") {
|
||||
$P.$findn("cvlcptRcptSeCd").prop("disabled", true); // 민원 접수 구분 코드
|
||||
}
|
||||
}
|
||||
|
||||
/**************************************************************************
|
||||
* 최초 실행 함수
|
||||
**************************************************************************/
|
||||
// 1. 이벤트 설정
|
||||
$P.setEvent();
|
||||
|
||||
// 2. 초기 화면 설정
|
||||
$P.fnReset();
|
||||
|
||||
// 3. Dataset 설정
|
||||
$P.ctrl.setData([${info}]);
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
@ -0,0 +1,61 @@
|
||||
function newSprt04020Control(pageName, doctx="[data-doctx='sprt04020']") {
|
||||
let ctrl = new DatasetControl({
|
||||
doctx: doctx
|
||||
, prefix: "cvlcptDscsn"
|
||||
, prefixName: "민원상담"
|
||||
, dataGetter: obj => obj["info"]
|
||||
, keys: ["CVLCPT_DSCSN_ID"]
|
||||
, urls: {
|
||||
create: "/create.do"
|
||||
, update: "/update.do"
|
||||
}
|
||||
});
|
||||
|
||||
/**************************************************************************
|
||||
* DatasetControl Events
|
||||
**************************************************************************/
|
||||
// 현재 선택 자료 변경 이벤트
|
||||
ctrl.onCurrentChange = (item) => {
|
||||
if (!item) return;
|
||||
|
||||
// 화면에 단속 Dataset 셋팅
|
||||
let formFields = new FimsFormFields(ctrl.selector("[name='frmEdit']"));
|
||||
formFields.set(ctrl, item);
|
||||
|
||||
// 업무구분에 따른 URL 변경
|
||||
ctrl.urls.create = wctx.url("/" + item.data.TASK_SE_CD + pageObject[pageName].prefixUrl + "/020/create.do"); // 등록
|
||||
ctrl.urls.update = wctx.url("/" + item.data.TASK_SE_CD + pageObject[pageName].prefixUrl + "/020/update.do"); // 수정
|
||||
};
|
||||
|
||||
// 저장 callback
|
||||
ctrl.onSave = (params, resp) => {
|
||||
let modalId = $(document.querySelector(doctx)).parents(".modal")[0].id;
|
||||
let dialogTitle = $("#" + modalId).find("h5.modal-title").html();
|
||||
let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, dialogTitle);
|
||||
|
||||
// 메시지 출력
|
||||
dialog.alert({
|
||||
content: showMessage
|
||||
, init: () => { AppSupport.setDialogZindex(); }
|
||||
, onOK: () => { }
|
||||
, onClose: () => {
|
||||
if (resp.saved) { dialog.close(modalId); }
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 저장
|
||||
ctrl.save = (params) => {
|
||||
if (!params) return;
|
||||
|
||||
let create = (params.cvlcptDscsnId == "");
|
||||
|
||||
ajax.post({
|
||||
url: !create ? ctrl.urls.update : ctrl.urls.create
|
||||
, data: params || {}
|
||||
, success: (resp) => { ctrl.onSave(params, resp); }
|
||||
});
|
||||
}
|
||||
|
||||
return ctrl;
|
||||
}
|
||||
Loading…
Reference in New Issue