|
|
|
@ -59,7 +59,7 @@
|
|
|
|
|
<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-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="fnPayer${pageName}();">
|
|
|
|
|
<button type="button" class="btn btn-sm btn-outline-dark" id="btnSearchPayer--${pageName}" title="납부자 정보 적용">
|
|
|
|
|
납부자
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
@ -83,7 +83,7 @@
|
|
|
|
|
<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-70" 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" id="btnZip--${pageName}" title="우편번호 검색" onclick="fnZip${pageName}();">
|
|
|
|
|
<button type="button" class="btn btn-sm btn-outline-dark" id="btnSearchAddr--${pageName}" title="주소 검색">
|
|
|
|
|
검색
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
@ -135,7 +135,7 @@
|
|
|
|
|
<!-- 첨부 파일 -->
|
|
|
|
|
<div class="card">
|
|
|
|
|
<form id="frmFile--${pageName}" method="post" enctype="multipart/form-data" >
|
|
|
|
|
<input type="file" id="uploadFiles--${pageName}" name="uploadFiles" multiple="multiple" onchange="fnAddFiles(this);" hidden />
|
|
|
|
|
<input type="file" id="uploadFiles--${pageName}" name="uploadFiles" multiple="multiple" onchange="pageObject['${pageName}'].fnAddFiles(this);" hidden />
|
|
|
|
|
</form>
|
|
|
|
|
<div class="row g-1">
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
@ -165,7 +165,7 @@
|
|
|
|
|
<span class="container-page-btn">
|
|
|
|
|
<span class="container-window-btn-right">
|
|
|
|
|
<!-- 업무 버튼 -->
|
|
|
|
|
<button type="button" class="btn btn-primary w-px-120" id="btnSave--${pageName}" title="저장" onclick="fnSave${pageName}()">저장</button>
|
|
|
|
|
<button type="button" class="btn btn-primary w-px-120" id="btnSave--${pageName}" title="저장">저장</button>
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
@ -178,324 +178,354 @@
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* Global Variable
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
// URL
|
|
|
|
|
var ${pageName}PrefixUrl = "/excl/excl02";
|
|
|
|
|
pageObject["${pageName}"] = {};
|
|
|
|
|
|
|
|
|
|
// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
|
|
|
|
|
var ${pageName}CallPurpose = "${callPurpose}";
|
|
|
|
|
// FormFields
|
|
|
|
|
var ${pageName}Fields = new FimsFormFields("#frmEdit--${pageName}");
|
|
|
|
|
// 파일 리스트
|
|
|
|
|
var $fileListArr = new Array();
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* DatasetControl
|
|
|
|
|
* script 진입
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
var ${pageName}Control = new DatasetControl({
|
|
|
|
|
prefix : "opnn"
|
|
|
|
|
, prefixName : "의견제출"
|
|
|
|
|
, keymapper : info => info ? info.OPNN_ID : ""
|
|
|
|
|
, dataGetter : obj => obj.opnnSbmsnInfo
|
|
|
|
|
});
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
// pageObject
|
|
|
|
|
var $P = pageObject["${pageName}"];
|
|
|
|
|
|
|
|
|
|
// URL
|
|
|
|
|
$P.PrefixUrl = "/excl/excl02";
|
|
|
|
|
// FormFields
|
|
|
|
|
$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
|
|
|
|
|
// 파일 리스트
|
|
|
|
|
$P.fileListArr = new Array();
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* DatasetControl
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
$P.control = new DatasetControl({
|
|
|
|
|
prefix : "opnn"
|
|
|
|
|
, prefixName : "의견제출"
|
|
|
|
|
, keymapper : info => info ? info.OPNN_ID : ""
|
|
|
|
|
, dataGetter : obj => obj.opnnSbmsnInfo
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
${pageName}Control.onCurrentChange = item => {
|
|
|
|
|
if (!item) return;
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* DatasetControl 이벤트
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
$P.control.onCurrentChange = item => {
|
|
|
|
|
if (!item) return;
|
|
|
|
|
|
|
|
|
|
// Dataset 셋팅
|
|
|
|
|
${pageName}Fields.set(item);
|
|
|
|
|
// Dataset 셋팅
|
|
|
|
|
$P.formFields.set(item);
|
|
|
|
|
|
|
|
|
|
// 업무구분에 따른 url 변경
|
|
|
|
|
setURL${pageName}(item.data.TASK_SE_CD);
|
|
|
|
|
// 업무구분에 따른 URL 변경
|
|
|
|
|
$P.setURL(item.data.TASK_SE_CD);
|
|
|
|
|
|
|
|
|
|
// 첨부파일 조회
|
|
|
|
|
fnSearchFileList${pageName}(item.data.OPNN_ID);
|
|
|
|
|
}
|
|
|
|
|
// 호출용도가 등록 이라면..
|
|
|
|
|
if (${pageName}CallPurpose == "create") {
|
|
|
|
|
$("#rcptYmd--${pageName}").datepicker("setDate", new Date());
|
|
|
|
|
} else {
|
|
|
|
|
// 첨부파일 조회
|
|
|
|
|
$P.fnSearchFileList(item.data.OPNN_ID);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* DatasetControl 이벤트
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
// 저장 callback
|
|
|
|
|
${pageName}Control.onSave = (resp) => {
|
|
|
|
|
let dialogTitle = $("#" + ${pageName}Control.prefix + "Dialog").find("h5.modal-title").html();
|
|
|
|
|
let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, dialogTitle);
|
|
|
|
|
// 저장 callback
|
|
|
|
|
$P.control.onSave = (resp) => {
|
|
|
|
|
let dialogTitle = $("#" + $P.control.prefix + "Dialog").find("h5.modal-title").html();
|
|
|
|
|
let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, dialogTitle);
|
|
|
|
|
|
|
|
|
|
dialog.alert(showMessage);
|
|
|
|
|
dialog.alert(showMessage);
|
|
|
|
|
|
|
|
|
|
if (resp.saved) {
|
|
|
|
|
// 폼을 리셋해서 uploadFiles에 출력된 선택 파일을 초기화시킨다.
|
|
|
|
|
document.getElementById("frmFile--${pageName}").reset();
|
|
|
|
|
if (resp.saved) {
|
|
|
|
|
// 폼을 리셋해서 uploadFiles에 출력된 선택 파일을 초기화시킨다.
|
|
|
|
|
document.getElementById("frmFile--${pageName}").reset();
|
|
|
|
|
|
|
|
|
|
dialog.close(${pageName}Control.prefix + "Dialog");
|
|
|
|
|
dialog.close($P.control.prefix + "Dialog");
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 저장
|
|
|
|
|
${pageName}Control.save = (info) => {
|
|
|
|
|
if (!info) return;
|
|
|
|
|
// 저장
|
|
|
|
|
$P.control.save = (info) => {
|
|
|
|
|
if (!info) return;
|
|
|
|
|
|
|
|
|
|
let formData = new FormData();
|
|
|
|
|
let create = (${pageName}CallPurpose == "create");
|
|
|
|
|
let formData = new FormData();
|
|
|
|
|
let create = (${pageName}CallPurpose == "create");
|
|
|
|
|
|
|
|
|
|
// 첨부파일 배열에 있는 내용을 등록
|
|
|
|
|
for (let iLoop = 0; iLoop < $P.fileListArr.length; iLoop++) {
|
|
|
|
|
formData.append("uploadFiles" , $P.fileListArr[iLoop]);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 첨부파일 배열에 있는 내용을 등록
|
|
|
|
|
for (let iLoop = 0; iLoop < $fileListArr.length; iLoop++) {
|
|
|
|
|
formData.append("uploadFiles" , $fileListArr[iLoop]);
|
|
|
|
|
for (let key in info) {
|
|
|
|
|
let value = info[key];
|
|
|
|
|
formData.append(key, value);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ajax.post({
|
|
|
|
|
url : !create ? $P.control.urls.update : $P.control.urls.create
|
|
|
|
|
, data : formData
|
|
|
|
|
, contentType : false
|
|
|
|
|
, processData : false
|
|
|
|
|
, success : resp => $P.control.onSave(resp)
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
for (let key in info) {
|
|
|
|
|
let value = info[key];
|
|
|
|
|
formData.append(key, value);
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 사용자 함수(function)
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
// 주소 검색 결과 callback
|
|
|
|
|
$P.callbackSearchAddr = (obj) => {
|
|
|
|
|
$("#sttrAddr--${pageName}").val(obj.ADDR); // 주소
|
|
|
|
|
$("#sttrZip--${pageName}").val(obj.ZIP); // 우편번호
|
|
|
|
|
$("#sttrDaddr--${pageName}").val(obj.DTL_ADDR); // 상세 주소
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ajax.post({
|
|
|
|
|
url : !create ? ${pageName}Control.urls.update : ${pageName}Control.urls.create
|
|
|
|
|
, data : formData
|
|
|
|
|
, contentType : false
|
|
|
|
|
, processData : false
|
|
|
|
|
, success : resp => ${pageName}Control.onSave(resp)
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 버튼 clickEvent
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
// 저장
|
|
|
|
|
$P.fnSave = () => {
|
|
|
|
|
// validate 확인
|
|
|
|
|
if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 사용자 함수(function)
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
// callback 우편번호 검색 결과
|
|
|
|
|
callbackZip${pageName} = (obj) => {
|
|
|
|
|
$("#sttrAddr--${pageName}").val(obj.ADDR); // 주소
|
|
|
|
|
$("#sttrZip--${pageName}").val(obj.ZIP); // 우편번호
|
|
|
|
|
$("#sttrDaddr--${pageName}").val(obj.DTL_ADDR); // 상세 주소
|
|
|
|
|
}
|
|
|
|
|
dialog.alert({
|
|
|
|
|
content : "현재 " + $P.control.prefixName + " 정보를 저장하시겠습니까?"
|
|
|
|
|
, onOK : () => {
|
|
|
|
|
$P.control.save($P.formFields.get());
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 버튼 clickEvent
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
// 납부자 정보를 진술자 정보로 입력한다.
|
|
|
|
|
fnPayer${pageName} = () => {
|
|
|
|
|
// 수정이라면 동작하지 않게 한다.
|
|
|
|
|
if (${pageName}Control.getValue("OPNN_ID") != "") return;
|
|
|
|
|
|
|
|
|
|
$("select[name='ownrRelCd'] option:contains('본인')").attr("selected", "selected");
|
|
|
|
|
$("#sttrNm--${pageName}").val(${pageName}Control.getValue("RTPYR_NM"));
|
|
|
|
|
$("#sttrBrdt--${pageName}").val(${pageName}Control.getValue("RTPYR_BRDT"));
|
|
|
|
|
$("#sttrAddr--${pageName}").val(${pageName}Control.getValue("ADDR"));
|
|
|
|
|
$("#sttrZip--${pageName}").val(${pageName}Control.getValue("ZIP"));
|
|
|
|
|
$("#sttrDaddr--${pageName}").val(${pageName}Control.getValue("DTL_ADDR"));
|
|
|
|
|
|
|
|
|
|
if (${pageName}Control.getValue("RTPYR_MBL_TELNO") != "")
|
|
|
|
|
$("#sttrCttpc--${pageName}").val(${pageName}Control.getValue("RTPYR_MBL_TELNO"));
|
|
|
|
|
else
|
|
|
|
|
$("#sttrCttpc--${pageName}").val(${pageName}Control.getValue("RTPYR_TELNO"));
|
|
|
|
|
|
|
|
|
|
$("#sttrEml--${pageName}").val(${pageName}Control.getValue("RTPYR_EML"));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 우편번호 검색
|
|
|
|
|
fnZip${pageName} = () => {
|
|
|
|
|
let callbackFuncName = "callbackZip${pageName}";
|
|
|
|
|
|
|
|
|
|
let popupWidth = 900;
|
|
|
|
|
let popupHeight = 700;
|
|
|
|
|
let popupX = (window.screen.width / 2) - (popupWidth / 2);
|
|
|
|
|
let popupY= (window.screen.height / 2) - (popupHeight / 2);
|
|
|
|
|
|
|
|
|
|
window.open(
|
|
|
|
|
wctx.url("/resources/html/searchAddr.html" + "?callbackFuncName=" + callbackFuncName)
|
|
|
|
|
,"searchAddr"
|
|
|
|
|
,'status=no, height=' + popupHeight + ', width=' + popupWidth + ', left='+ popupX + ', top='+ popupY
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 저장
|
|
|
|
|
fnSave${pageName} = () => {
|
|
|
|
|
// validate 확인
|
|
|
|
|
if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
|
|
|
|
|
|
|
|
|
|
dialog.alert({
|
|
|
|
|
content : "현재 " + ${pageName}Control.prefixName + " 정보를 저장하시겠습니까?"
|
|
|
|
|
, onOK : () => {
|
|
|
|
|
${pageName}Control.save(${pageName}Fields.get());
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
// 납부자 정보를 진술자 정보로 입력한다.
|
|
|
|
|
$P.fnSearchPayer = () => {
|
|
|
|
|
$("select[name='ownrRelCd'] option:contains('본인')").attr("selected", "selected");
|
|
|
|
|
$("#sttrNm--${pageName}").val($P.control.getValue("RTPYR_NM"));
|
|
|
|
|
$("#sttrBrdt--${pageName}").val($P.control.getValue("RTPYR_BRDT"));
|
|
|
|
|
$("#sttrAddr--${pageName}").val($P.control.getValue("ADDR"));
|
|
|
|
|
$("#sttrZip--${pageName}").val($P.control.getValue("ZIP"));
|
|
|
|
|
$("#sttrDaddr--${pageName}").val($P.control.getValue("DTL_ADDR"));
|
|
|
|
|
|
|
|
|
|
if ($P.control.getValue("RTPYR_MBL_TELNO") != "")
|
|
|
|
|
$("#sttrCttpc--${pageName}").val($P.control.getValue("RTPYR_MBL_TELNO"));
|
|
|
|
|
else
|
|
|
|
|
$("#sttrCttpc--${pageName}").val($P.control.getValue("RTPYR_TELNO"));
|
|
|
|
|
|
|
|
|
|
$("#sttrEml--${pageName}").val($P.control.getValue("RTPYR_EML"));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 첨부파일 조회
|
|
|
|
|
fnSearchFileList${pageName} = (opnnId) => {
|
|
|
|
|
// 의견제출 등록일 경우에는 첨부파일을 조회하지 안는다..
|
|
|
|
|
if (opnnId == null || opnnId == "") {
|
|
|
|
|
return;
|
|
|
|
|
// 주소 검색
|
|
|
|
|
$P.fnSearchAddr = () => {
|
|
|
|
|
let popupWidth = 900;
|
|
|
|
|
let popupHeight = 700;
|
|
|
|
|
let popupX = (window.screen.width / 2) - (popupWidth / 2);
|
|
|
|
|
let popupY = (window.screen.height / 2) - (popupHeight / 2);
|
|
|
|
|
|
|
|
|
|
window.open(
|
|
|
|
|
encodeURI(wctx.url("/resources/html/searchAddr.html"
|
|
|
|
|
+ "?openerPageName=${pageName}"
|
|
|
|
|
))
|
|
|
|
|
, "searchAddr"
|
|
|
|
|
, 'status=no, height=' + popupHeight + ', width=' + popupWidth + ', left='+ popupX + ', top='+ popupY
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 첨부파일 리스트
|
|
|
|
|
ajax.get({
|
|
|
|
|
url : "file/list.do"
|
|
|
|
|
, data : {
|
|
|
|
|
infoType : "110"
|
|
|
|
|
, infoKeys : opnnId
|
|
|
|
|
, fetchSize : 0
|
|
|
|
|
// 첨부파일 조회
|
|
|
|
|
$P.fnSearchFileList = (opnnId) => {
|
|
|
|
|
// 의견제출 등록일 경우에는 첨부파일을 조회하지 안는다..
|
|
|
|
|
if (opnnId == null || opnnId == "") {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
, success : resp => {
|
|
|
|
|
let fileNo = 0;
|
|
|
|
|
let fileList = resp.fileList;
|
|
|
|
|
|
|
|
|
|
fileList.forEach(function (item, index, array) {
|
|
|
|
|
fileNo = index + 1;
|
|
|
|
|
// 첨부파일 리스트
|
|
|
|
|
ajax.get({
|
|
|
|
|
url : "file/list.do"
|
|
|
|
|
, data : {
|
|
|
|
|
infoType : "110"
|
|
|
|
|
, infoKeys : opnnId
|
|
|
|
|
, fetchSize : 0
|
|
|
|
|
}
|
|
|
|
|
, success : resp => {
|
|
|
|
|
let fileNo = 0;
|
|
|
|
|
let fileList = resp.fileList;
|
|
|
|
|
|
|
|
|
|
fileList.forEach(function (item, index, array) {
|
|
|
|
|
fileNo = index + 1;
|
|
|
|
|
|
|
|
|
|
let innerHtml = "";
|
|
|
|
|
|
|
|
|
|
innerHtml += "<tr>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + fileNo + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + item.FILE_ID + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + item.FILE_NM + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + item.FILE_SIZE + " byte</td>";
|
|
|
|
|
// innerHtml += "<td class='text-center'>" + "<button type='button' class='btn' onclick='fnFileDownload${pageName}(" + item.FILE_ID + ");'><i class='bx bx-download me-1'></i></button>" + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + "<button type='button' class='btn' onclick=";
|
|
|
|
|
innerHtml += "pageObject['${pageName}'].fnFileDownload(" + item.FILE_ID + ");" + "><i class='bx bx-download me-1'></i></button>" + "</td>";
|
|
|
|
|
// innerHtml += "<td class='text-center'>" + "<button type='button' class='btn' onclick='fnFileRemove${pageName}(this);'><i class='bx bx-trash me-1'></i></button>" + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + "<button type='button' class='btn' onclick=";
|
|
|
|
|
innerHtml += "pageObject['${pageName}'].fnFileRemove(this);" + "><i class='bx bx-trash me-1'></i></button>" + "</td>";
|
|
|
|
|
innerHtml += "</tr>";
|
|
|
|
|
|
|
|
|
|
$("#fileList--${pageName} > tbody:last").append(innerHtml);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
let innerHtml = "";
|
|
|
|
|
// 첨부파일 등록
|
|
|
|
|
$P.fnAddFiles = (obj) => {
|
|
|
|
|
let fileNo = $("#fileList--${pageName} > tbody tr").length; // table의 tr 개수
|
|
|
|
|
|
|
|
|
|
innerHtml += "<tr>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + fileNo + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + item.FILE_ID + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + item.FILE_NM + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + item.FILE_SIZE + " byte</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + "<button type='button' class='btn' onclick='fnFileDownload${pageName}(" + item.FILE_ID + ");'><i class='bx bx-download me-1'></i></button>" + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + "<button type='button' class='btn' onclick='fnFileRemove${pageName}(this);'><i class='bx bx-trash me-1'></i></button>" + "</td>";
|
|
|
|
|
innerHtml += "</tr>";
|
|
|
|
|
let maxFileCnt = 3; // 첨부파일 최대 개수
|
|
|
|
|
let attFileCnt = obj.files.length; // 선택한 파일 개수 + 기존 파일 개수
|
|
|
|
|
let fileArr = new Array(); // 파일 배열
|
|
|
|
|
|
|
|
|
|
$("#fileList--${pageName} > tbody:last").append(innerHtml);
|
|
|
|
|
fileArr = $P.fileListArr;
|
|
|
|
|
|
|
|
|
|
// 등록할 파일 개수 확인
|
|
|
|
|
if (attFileCnt + fileNo > maxFileCnt) {
|
|
|
|
|
dialog.alert({
|
|
|
|
|
content : "첨부파일은 최대 " + maxFileCnt + "개 까지 첨부 가능합니다."
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 첨부파일 등록
|
|
|
|
|
fnAddFiles = (obj) => {
|
|
|
|
|
let fileNo = $("#fileList--${pageName} > tbody tr").length; // table의 tr 개수
|
|
|
|
|
// 첨부파일을 table에 추가.
|
|
|
|
|
for (let iLoop = 0; iLoop < attFileCnt; iLoop++) {
|
|
|
|
|
let selectedFile = obj.files[iLoop];
|
|
|
|
|
let innerHtml = "";
|
|
|
|
|
|
|
|
|
|
let maxFileCnt = 3; // 첨부파일 최대 개수
|
|
|
|
|
let attFileCnt = obj.files.length; // 선택한 파일 개수 + 기존 파일 개수
|
|
|
|
|
let fileArr = new Array(); // 파일 배열
|
|
|
|
|
fileNo += 1;
|
|
|
|
|
|
|
|
|
|
fileArr = $fileListArr;
|
|
|
|
|
innerHtml += "<tr>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + fileNo + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + selectedFile.name + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + selectedFile.size + " byte</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + "<button type='button' class='btn' onclick=";
|
|
|
|
|
innerHtml += "pageObject['${pageName}'].fnFileRemove(this);" + "><i class='bx bx-trash me-1'></i></button>" + "</td>";
|
|
|
|
|
innerHtml += "</tr>";
|
|
|
|
|
|
|
|
|
|
// 등록할 파일 개수 확인
|
|
|
|
|
if (attFileCnt + fileNo > maxFileCnt) {
|
|
|
|
|
dialog.alert({
|
|
|
|
|
content : "첨부파일은 최대 " + maxFileCnt + "개 까지 첨부 가능합니다."
|
|
|
|
|
});
|
|
|
|
|
$("#fileList--${pageName} > tbody:last").append(innerHtml);
|
|
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
fileArr.push(obj.files[iLoop]);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 첨부파일을 table에 추가.
|
|
|
|
|
for (let iLoop = 0; iLoop < attFileCnt; iLoop++) {
|
|
|
|
|
let selectedFile = obj.files[iLoop];
|
|
|
|
|
let innerHtml = "";
|
|
|
|
|
|
|
|
|
|
fileNo += 1;
|
|
|
|
|
// 첨부파일 삭제 아이콘 클릭 이벤트
|
|
|
|
|
$P.fnFileRemove = (obj) => {
|
|
|
|
|
dialog.alert({
|
|
|
|
|
content : "선택한 파일을 삭제하시겠습니까?"
|
|
|
|
|
, onOK : () => {
|
|
|
|
|
let tr = $(obj).parent().parent(); // 클릭한 버튼이 속한 tr 요소
|
|
|
|
|
let td = tr.children();
|
|
|
|
|
let fileNo = td.eq(0).text(); // 삭제할 파일 번호
|
|
|
|
|
let fileId = td.eq(1).text();
|
|
|
|
|
|
|
|
|
|
if (fileId != null && fileId != "") {
|
|
|
|
|
ajax.post({
|
|
|
|
|
url : "file/remove.do"
|
|
|
|
|
, data : { fileIDs : fileId }
|
|
|
|
|
, success : resp => {
|
|
|
|
|
// 성공
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
// 배열에서 삭제한다. 배열은 0부터 시작하기 때문에 -1 해준다.
|
|
|
|
|
$P.fileListArr.splice(fileNo - 1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$(obj).closest("tr").remove(); // table 에서 제거
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
innerHtml += "<tr>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + fileNo + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + selectedFile.name + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + selectedFile.size + " byte</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + "</td>";
|
|
|
|
|
innerHtml += "<td class='text-center'>" + "<button type='button' class='btn' onclick='fnFileRemove${pageName}(this);'><i class='bx bx-trash me-1'></i></button>" + "</td>";
|
|
|
|
|
innerHtml += "</tr>";
|
|
|
|
|
// 첨부파일 다운로드 아이콘 클릭 이벤트
|
|
|
|
|
$P.fnFileDownload = (fileID) => {
|
|
|
|
|
top.location.href = "/file/download.do?fileID=" + fileID;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$("#fileList--${pageName} > tbody:last").append(innerHtml);
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 초기 셋팅
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
// 이벤트 설정
|
|
|
|
|
$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);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
fileArr.push(obj.files[iLoop]);
|
|
|
|
|
// 업무 버튼 이벤트
|
|
|
|
|
$("#btnSave--${pageName}").on("click", () => $P.fnSave()); // 저장 버튼 이벤트
|
|
|
|
|
$("#btnSearchPayer--${pageName}").on("click", () => $P.fnSearchPayer()); // 납부자 정보 조회 버튼 이벤트
|
|
|
|
|
$("#btnSearchAddr--${pageName}").on("click", () => $P.fnSearchAddr()); // 주소 검색 버튼 이벤트
|
|
|
|
|
$("#btnAddFile--${pageName}").on('click', () => { // 파일 등록 버튼 이벤트
|
|
|
|
|
$("#uploadFiles--${pageName}").trigger("click");
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 첨부파일 삭제 아이콘 클릭 이벤트
|
|
|
|
|
fnFileRemove${pageName} = (obj) => {
|
|
|
|
|
dialog.alert({
|
|
|
|
|
content : "선택한 파일을 삭제하시겠습니까?"
|
|
|
|
|
, onOK : () => {
|
|
|
|
|
let tr = $(obj).parent().parent(); // 클릭한 버튼이 속한 tr 요소
|
|
|
|
|
let td = tr.children();
|
|
|
|
|
let fileNo = td.eq(0).text(); // 삭제할 파일 번호
|
|
|
|
|
let fileId = td.eq(1).text();
|
|
|
|
|
|
|
|
|
|
if (fileId != null && fileId != "") {
|
|
|
|
|
ajax.post({
|
|
|
|
|
url : "file/remove.do"
|
|
|
|
|
, data : { fileIDs : fileId }
|
|
|
|
|
, success : resp => {
|
|
|
|
|
// 성공
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
// 배열에서 삭제한다. 배열은 0부터 시작하기 때문에 -1 해준다.
|
|
|
|
|
$fileListArr.splice(fileNo - 1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$(obj).closest("tr").remove(); // table 에서 제거
|
|
|
|
|
// 초기 화면 설정
|
|
|
|
|
$P.initForm = () => {
|
|
|
|
|
// 달력 초기화
|
|
|
|
|
initDatepicker("frmEdit--${pageName}");
|
|
|
|
|
$("#rcptYmd--${pageName}").datepicker("setDate", new Date());
|
|
|
|
|
|
|
|
|
|
// 화면 활성화 설정
|
|
|
|
|
$("#vhrno--${pageName}").prop("readonly", true); // 차량번호
|
|
|
|
|
$("#crdnYmdTm--${pageName}").prop("readonly", true); // 단속 일자
|
|
|
|
|
$("#rtpyrNm--${pageName}").prop("readonly", true); // 납부자 명
|
|
|
|
|
|
|
|
|
|
if (${pageName}CallPurpose == "view") {
|
|
|
|
|
// input 요소들을 disabled
|
|
|
|
|
$("#frmEdit--${pageName}").find("input,textarea,select").prop("disabled", true);
|
|
|
|
|
// button 요소들을 disabled
|
|
|
|
|
$("#btnRcptYmd--${pageName}").prop("disabled", true); // 접수 일자 달력 버튼
|
|
|
|
|
$("#btnSearchPayer--${pageName}").prop("disabled", true); // 납부자 버튼
|
|
|
|
|
$("#btnSearchAddr--${pageName}").prop("disabled", true); // 우편번호 버튼
|
|
|
|
|
$("#btnAddFile--${pageName}").prop("disabled", true); // 파일 추가 버튼
|
|
|
|
|
$("#btnSave--${pageName}").prop("disabled", true); // 저장 버튼
|
|
|
|
|
} else if (${pageName}CallPurpose == "create") {
|
|
|
|
|
$("#rcptNo--${pageName}").prop("readonly", true); // 접수 번호
|
|
|
|
|
$("#rcptYmd--${pageName}").datepicker("setDate", new Date()); // 접수 일자
|
|
|
|
|
} else if (${pageName}CallPurpose == "update") {
|
|
|
|
|
//
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 첨부파일 다운로드 아이콘 클릭 이벤트
|
|
|
|
|
fnFileDownload${pageName} = (fileID) => {
|
|
|
|
|
top.location.href = "/file/download.do?fileID=" + fileID;
|
|
|
|
|
}
|
|
|
|
|
// 기본 데이터 설정
|
|
|
|
|
$P.initData = () => {
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 초기 셋팅
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
// 이벤트 설정
|
|
|
|
|
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', () => { $("#uploadFiles--${pageName}").trigger("click"); });
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 기본 데이터 설정
|
|
|
|
|
initData${pageName} = () => {
|
|
|
|
|
// 달력 초기화
|
|
|
|
|
initDatepicker("frmEdit--${pageName}");
|
|
|
|
|
$("#rcptYmd--${pageName}").datepicker("setDate", new Date());
|
|
|
|
|
|
|
|
|
|
$("#vhrno--${pageName}").prop("readonly", true); // 차량번호
|
|
|
|
|
$("#crdnYmdTm--${pageName}").prop("readonly", true); // 단속 일자
|
|
|
|
|
$("#rtpyrNm--${pageName}").prop("readonly", true); // 납부자 명
|
|
|
|
|
|
|
|
|
|
if (${pageName}CallPurpose == "view") {
|
|
|
|
|
// input 요소들을 disabled
|
|
|
|
|
$("#frmEdit--${pageName}").find("input,textarea,select").prop("disabled", true);
|
|
|
|
|
// button 요소들을 disabled
|
|
|
|
|
$("#btnRcptYmd--${pageName}").prop("disabled", true); // 접수 일자 달력 버튼
|
|
|
|
|
$("#btnPayer--${pageName}").prop("disabled", true); // 납부자 버튼
|
|
|
|
|
$("#btnZip--${pageName}").prop("disabled", true); // 우편번호 버튼
|
|
|
|
|
$("#btnAddFile--${pageName}").prop("disabled", true); // 파일 추가 버튼
|
|
|
|
|
$("#btnSave--${pageName}").prop("disabled", true); // 저장 버튼
|
|
|
|
|
} else if (${pageName}CallPurpose == "create") {
|
|
|
|
|
$("#rcptNo--${pageName}").prop("readonly", true); // 접수 번호
|
|
|
|
|
$("#rcptYmd--${pageName}").datepicker("setDate", new Date()); // 접수 일자
|
|
|
|
|
} else if (${pageName}CallPurpose == "update") {
|
|
|
|
|
//
|
|
|
|
|
// 업무구분에 따른 url 변경
|
|
|
|
|
$P.setURL = (taskSeCd) => {
|
|
|
|
|
$P.control.urls.create = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/020/create.do"); // 등록
|
|
|
|
|
$P.control.urls.update = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/020/update.do"); // 수정
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 업무구분에 따른 url 변경
|
|
|
|
|
setURL${pageName} = (taskSeCd) => {
|
|
|
|
|
${pageName}Control.urls.create = wctx.url("/" + taskSeCd + ${pageName}PrefixUrl + "/020/create.do");
|
|
|
|
|
${pageName}Control.urls.update = wctx.url("/" + taskSeCd + ${pageName}PrefixUrl + "/020/update.do");
|
|
|
|
|
}
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 최초 실행 함수
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
// 1. 이벤트 설정
|
|
|
|
|
$P.setEvent();
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* script 진입
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
// 이벤트 설정
|
|
|
|
|
setEvent${pageName}();
|
|
|
|
|
// 2. 초기 화면 설정
|
|
|
|
|
$P.initForm();
|
|
|
|
|
|
|
|
|
|
// 기본 데이터 설정
|
|
|
|
|
initData${pageName}();
|
|
|
|
|
// 3. 기본 데이터 설정
|
|
|
|
|
$P.initData();
|
|
|
|
|
|
|
|
|
|
// Dataset 설정
|
|
|
|
|
${pageName}Control.setData([${opnnSbmsnInfo}]);
|
|
|
|
|
// 4. Dataset 설정
|
|
|
|
|
$P.control.setData([${opnnSbmsnInfo}]);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|