계고장 상세 내역 추가.
jjh
1 year ago
parent
d874b2081b
commit
857839617f
@ -0,0 +1,292 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
||||||
|
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
||||||
|
|
||||||
|
<!-- inner page html -->
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="container flex-grow-1 px-0">
|
||||||
|
<!-- Page Body -->
|
||||||
|
<div class="card">
|
||||||
|
<div class="wrapper-pop">
|
||||||
|
<!-- 입력 영역 -->
|
||||||
|
<form id="frmEdit--${pageName}" name="frmEdit">
|
||||||
|
<input type="hidden" id="sggCd--${pageName}" name="sggCd" />
|
||||||
|
<input type="hidden" id="taskSeCd--${pageName}" name="taskSeCd" />
|
||||||
|
</form> <!-- /입력 영역 -->
|
||||||
|
|
||||||
|
<!-- 업무 버튼 및 건수 표시 -->
|
||||||
|
<div>
|
||||||
|
<span class="container-page-btn">
|
||||||
|
<span class="container-window-btn-right">
|
||||||
|
<!-- 업무 버튼 -->
|
||||||
|
<button type="button" class="btn btn-primary w-px-80" id="btnExcel--${pageName}" title="엑셀" onclick="fnExcel${pageName}();">
|
||||||
|
엑셀
|
||||||
|
</button>
|
||||||
|
<button type="button" class="btn btn-primary w-px-80" id="btnPrint--${pageName}" title="계고장 출력" onclick="fnPrint${pageName}();">
|
||||||
|
발송 등록
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<!-- / 업무 버튼 및 건수 표시 -->
|
||||||
|
|
||||||
|
<!-- DataTables(그리드) -->
|
||||||
|
<div class="card-datatable text-nowrap">
|
||||||
|
<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
|
||||||
|
<div class="table-responsive" id="table-responsive--${pageName}" style="overflow-x:scroll; height:400px; overflow-y:scroll;" >
|
||||||
|
<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
|
||||||
|
<thead class="sticky-thead">
|
||||||
|
<tr id="theadTr--${pageName}"
|
||||||
|
data-by="by--${pageName}" data-by-output="byOutput--${pageName}" data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
|
||||||
|
<th class="cmn hidden" style="width: 56px;">
|
||||||
|
<input type="checkbox" class="form-check-input" onchange="${pageName}Control.select(this.checked);">
|
||||||
|
</th>
|
||||||
|
<th class="cmn" style="width: 120px;">발송상태</th>
|
||||||
|
<th class="cmn" style="width: 200px;">등기번호</th>
|
||||||
|
<th class="cmn" style="width: 120px;">발송일자</th>
|
||||||
|
<th class="cmn" style="width: 120px;">납기일자</th>
|
||||||
|
<th class="cmn" style="width: 200px;">납부자명</th>
|
||||||
|
<th class="cmn" style="width: 160px;">납부자번호</th>
|
||||||
|
<th class="cmn" style="width: 100px;">우편번호</th>
|
||||||
|
<th class="cmn" style="width: 280px;">주소</th>
|
||||||
|
<th class="cmn" style="width: 320px;">상세주소</th>
|
||||||
|
<th class="cmn" style="width: 160px;">위반내용</th>
|
||||||
|
<th class="cmn" style="width: 180px;">단속일시</th>
|
||||||
|
<th class="cmn" style="width: 140px;">차량번호</th>
|
||||||
|
<th class="cmn" style="width: 280px;">단속장소</th>
|
||||||
|
<th class="cmn" style="width: 120px;">단속금액</th>
|
||||||
|
<th class="cmn" style="width: 180px;">등록일시</th>
|
||||||
|
<th class="cmn" style="width: 140px;">등록사용자</th>
|
||||||
|
<th class="cmn" style="width: 180px;">수정일시</th>
|
||||||
|
<th class="cmn" style="width: 140px;">수정사용자</th>
|
||||||
|
<th class="cmn dummy-th"></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody id="tbody--${pageName}">
|
||||||
|
</tbody>
|
||||||
|
<template id="${infoPrefix}Row--${pageName}">
|
||||||
|
<tr data-key="{SNDNG_DTL_ID}">
|
||||||
|
<td class="cmn text-center hidden">
|
||||||
|
<input type="checkbox" class="form-check-input" value="{SNDNG_DTL_ID}" onchange="${pageName}Control.select('{SNDNG_DTL_ID}', this.checked);">
|
||||||
|
</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SNDNG_DTL_STTS_NM}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RG_NO}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SNDNG_YMD}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DUDT_YMD}</td>
|
||||||
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_NM}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_NO}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_ZIP}</td>
|
||||||
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_ADDR}</td>
|
||||||
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_DTL_ADDR}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{VLTN_NM}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_DT}</td>
|
||||||
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{VHRNO}</td>
|
||||||
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_PLC}</td>
|
||||||
|
<td class="cmn text-end" onclick="{onclick}" ondblclick="{ondblclick}">{FFNLG_AMT}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{REG_DT}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RGTR_NM}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{MDFCN_DT}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{MDFR_NM}</td>
|
||||||
|
<td class="cmn dummy-td"></td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
<template id="${infoPrefix}NotFound--${pageName}">
|
||||||
|
<tr class="odd">
|
||||||
|
<td valign="top" colspan="19" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- / DataTables(그리드) -->
|
||||||
|
</div> <!-- <div class="wrapper-list"> -->
|
||||||
|
</div> <!-- <div class="card"> -->
|
||||||
|
</div> <!-- / Content <div class="container flex-grow-1 px-0"> -->
|
||||||
|
</div>
|
||||||
|
<!-- / inner page html <div class="content-wrapper"> -->
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/**************************************************************************
|
||||||
|
* Global Variable
|
||||||
|
**************************************************************************/
|
||||||
|
// URL
|
||||||
|
var ${pageName}PrefixUrl = "/sndb/sndb01";
|
||||||
|
// FormFields
|
||||||
|
var ${pageName}Fields = new FormFields("#frmEdit--${pageName}");
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* DatasetControl
|
||||||
|
**************************************************************************/
|
||||||
|
var ${pageName}Control = new DatasetControl({
|
||||||
|
prefix : "sndngDtlInfo"
|
||||||
|
, prefixName : "발송 대상"
|
||||||
|
, keymapper : info => info ? info.SNDNG_DTL_ID : ""
|
||||||
|
, dataGetter : obj => obj.sndngDtlInfoList
|
||||||
|
, appendData : true
|
||||||
|
, tableRenderComplete : false // dataTables 에 자료 추가 완료 여부
|
||||||
|
, urls : {
|
||||||
|
getInfo : wctx.url("/sprt/sprt02/010/main.do") // 개별총정보
|
||||||
|
}
|
||||||
|
, formats : {
|
||||||
|
SNDNG_YMD : dateFormat
|
||||||
|
, DUDT_YMD : dateFormat
|
||||||
|
, FFNLG_AMT : numberFormat
|
||||||
|
, REG_DT : datetimeFormat
|
||||||
|
, MDFCN_DT : datetimeFormat
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* DatasetControl 이벤트
|
||||||
|
**************************************************************************/
|
||||||
|
// Dataset 변경 이벤트
|
||||||
|
${pageName}Control.onDatasetChange = obj => {
|
||||||
|
renderList${pageName}();
|
||||||
|
|
||||||
|
${pageName}Control.select(true); // 전체 선택 되도록..
|
||||||
|
|
||||||
|
if (obj.length > 0) {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
${pageName}Control.tableRenderComplete = true; // dataTables 에 자료 추가 완료
|
||||||
|
};
|
||||||
|
|
||||||
|
// 현재 선택 자료 변경 이벤트
|
||||||
|
${pageName}Control.onCurrentChange = item => {
|
||||||
|
if (!item) return;
|
||||||
|
|
||||||
|
let key = item.data.SNDNG_DTL_ID;
|
||||||
|
|
||||||
|
$("#tbody--${pageName}").setCurrentRow(key);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 선택(체크) 변경 이벤트
|
||||||
|
${pageName}Control.onSelectionChange = selected => {
|
||||||
|
let ${infoPrefix}List = ${pageName}Control.dataset;
|
||||||
|
let keys = selected.map(e => ${infoPrefix}List.getKey(e));
|
||||||
|
|
||||||
|
$("#tbody--${pageName} input[type='checkbox']").each(function() {
|
||||||
|
let checkbox = $(this);
|
||||||
|
|
||||||
|
checkbox.prop("checked", keys.includes(checkbox.val()));
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
*
|
||||||
|
**************************************************************************/
|
||||||
|
// DataTables에 click, dbclick 이벤트
|
||||||
|
renderList${pageName} = () => {
|
||||||
|
let ${infoPrefix}List = ${pageName}Control.dataset;
|
||||||
|
let empty = ${infoPrefix}List.empty;
|
||||||
|
|
||||||
|
let trs = empty ?
|
||||||
|
[document.getElementById("${infoPrefix}NotFound--${pageName}").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
|
||||||
|
${infoPrefix}List.inStrings(
|
||||||
|
document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
|
||||||
|
(str, dataItem) => str
|
||||||
|
.replace(/{onclick}/gi, "${pageName}Control.setCurrent('" + dataItem.getValue("SNDNG_DTL_ID") + "');")
|
||||||
|
.replace(/{ondblclick}/gi, "${pageName}Control.getInfo('" + dataItem.getValue("SNDNG_DTL_ID") + "');")
|
||||||
|
);
|
||||||
|
|
||||||
|
$("#tbody--${pageName}").html(trs.join());
|
||||||
|
$("th input[type='checkbox']").prop("checked", false);
|
||||||
|
|
||||||
|
//보안모드
|
||||||
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
||||||
|
}
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* 초기 셋팅
|
||||||
|
**************************************************************************/
|
||||||
|
// 화면 초기값 셋팅
|
||||||
|
initForm${pageName} = () => {
|
||||||
|
// 달력 초기화
|
||||||
|
initDatepicker("frmEdit--${pageName}");
|
||||||
|
$("#sndngYmd--${pageName}").datepicker("setDate", new Date());
|
||||||
|
$("#dudtYmd--${pageName}").datepicker("setDate", new Date());
|
||||||
|
|
||||||
|
let sndngSeCd = "${sndngSeCd}";
|
||||||
|
|
||||||
|
if (sndngSeCd == "10") {
|
||||||
|
$("#dudtYmd--${pageName}").val("");
|
||||||
|
$("#dudtYmd--${pageName}").prop("disabled", true);
|
||||||
|
$("#divDudtYmd--${pageName}").hide();
|
||||||
|
} else {
|
||||||
|
$("#dudtYmd--${pageName}").datepicker("setDate", new Date());
|
||||||
|
$("#dudtYmd--${pageName}").prop("disabled", false);
|
||||||
|
$("#divDudtYmd--${pageName}").show();
|
||||||
|
}
|
||||||
|
|
||||||
|
${pageName}Control.urls.getInfo = wctx.url("/" + ${pageName}Control.dataset.getValue("TASK_SE_CD") + "/sprt/sprt02/010/main.do"); // 개별총정보
|
||||||
|
}
|
||||||
|
|
||||||
|
// 이벤트
|
||||||
|
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);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// DataTables width 변경 조정
|
||||||
|
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
|
||||||
|
}
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* 버튼 clickEvent
|
||||||
|
**************************************************************************/
|
||||||
|
// 엑셀
|
||||||
|
fnExcel${pageName} = () => {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// 계고장 출력
|
||||||
|
fnPrint${pageName} = () => {
|
||||||
|
// 선택된 자료의 발송 상세 ID 추가
|
||||||
|
let selected = ${pageName}Control.dataset.getKeys("selected");
|
||||||
|
|
||||||
|
if (selected.length < 1) return;
|
||||||
|
|
||||||
|
info.sndngDtlIDs = selected.join(","); // 발송 상세 IDs
|
||||||
|
info.delYn = "N"; // 삭제 여부
|
||||||
|
|
||||||
|
// let createUrl = wctx.url(info.taskSeCd + ${pageName}PrefixUrl + "/020/create.do");
|
||||||
|
// ajax.post({
|
||||||
|
// url : createUrl
|
||||||
|
// , data : info
|
||||||
|
// , success : resp => ${pageName}Control.onSave(resp)
|
||||||
|
// });
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* script 진입
|
||||||
|
**************************************************************************/
|
||||||
|
$(document).ready(function() {
|
||||||
|
// 이벤트 설정
|
||||||
|
setEvent${pageName}();
|
||||||
|
|
||||||
|
// 화면 초기 설정
|
||||||
|
initForm${pageName}();
|
||||||
|
|
||||||
|
// 보안모드
|
||||||
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
||||||
|
|
||||||
|
// Dataset 셋팅 - 화면이 열리면서 조회하는 경우 addData 하여 자료를 추가
|
||||||
|
${pageName}Control.addData(${sndngDtlInfo});
|
||||||
|
|
||||||
|
$("#sggCd--${pageName}").val(${pageName}Control.dataset.getValue("SGG_CD")); // 시군구 코드
|
||||||
|
$("#taskSeCd--${pageName}").val(${pageName}Control.dataset.getValue("TASK_SE_CD")); // 업무 구분 코드
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue