민원 개별 등록 jsp 추가
parent
376c5607b2
commit
0d5f3d43da
@ -1,4 +1,449 @@
|
|||||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
||||||
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
||||||
<c:set var="pageKorName" scope="request">민원 개별 등록</c:set>
|
<!-- inner page html -->
|
||||||
민원 개별 등록
|
<div class="content-wrapper">
|
||||||
|
<div class="container-xxl flex-grow-1 px-0">
|
||||||
|
<c:set var="pageKorName" scope="request">민원 개별 등록</c:set>
|
||||||
|
<div class="card">
|
||||||
|
<div class="wrapper-list">
|
||||||
|
<div>
|
||||||
|
<div class="container-page-btn">
|
||||||
|
<button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark" title="초기화">초기화</button>
|
||||||
|
<span class="container-window-btn-right">
|
||||||
|
<button type="button" id="btnSearch--${pageName}" class="btn btn-search" title="검색">검색</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form id="frmSearch--${pageName}" name="frmSearch">
|
||||||
|
<div class="container-search">
|
||||||
|
<div class="row g-1">
|
||||||
|
<div class="col-6">
|
||||||
|
<label class="form-label fw-bold form-search-title">업무구분</label>
|
||||||
|
<span class="form-search-linebox">
|
||||||
|
<c:forEach items="${FIM054List}" var="item">
|
||||||
|
<label>
|
||||||
|
<input name="taskSeCd" type="radio" value="${item.code}"
|
||||||
|
class="form-check-input" alt="업무구분"
|
||||||
|
onchange="pageObject['${pageName}'].fnResetAndChangeBiz(this.value);">
|
||||||
|
${item.value}
|
||||||
|
</label>
|
||||||
|
</c:forEach>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-6">
|
||||||
|
<label class="form-label fw-bold form-search-title">요청일자</label>
|
||||||
|
<span class="form-search-linebox">
|
||||||
|
<input type="text" id="schRequestYmdFrom--${pageName}" name="schRequestYmdFrom"
|
||||||
|
class="form-control form-date"
|
||||||
|
data-fmt-type="day" title="시작 날짜 선택" />
|
||||||
|
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
||||||
|
~
|
||||||
|
<input type="text" id="schRequestYmdTo--${pageName}" name="schRequestYmdTo"
|
||||||
|
class="form-control form-date"
|
||||||
|
data-fmt-type="day" title="종료 날짜 선택">
|
||||||
|
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<span class="container-page-btn">
|
||||||
|
<div class="d-flex flex-row justify-content-between">
|
||||||
|
<label id="requestPaging--${pageName}PagingInfo" class="dataTables_info"
|
||||||
|
role="status" aria-live="polite"></label>
|
||||||
|
<ul id="requestPaging--${pageName}" class="pagination pagination-primary">
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<span class="container-window-btn-right">
|
||||||
|
<button type="button" id="btnOpenRequestPop--${pageName}"
|
||||||
|
class="btn btn-primary" title="요청 등록">요청 등록</button>
|
||||||
|
<button type="button" id="btnDelete--${pageName}"
|
||||||
|
class="btn btn-primary" title="한 건 삭제">한 건 삭제</button>
|
||||||
|
<button type="button" id="btnDeleteAllCompleteData--${pageName}"
|
||||||
|
class="btn btn-primary" title="요청 완료자료 전체 삭제">요청 완료자료 전체 삭제</button>
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card-datatable text-nowrap">
|
||||||
|
<div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
|
||||||
|
<div id="table-responsive--${pageName}" class="table-responsive"
|
||||||
|
style="overflow-x: scroll;height:550px;overflow-y: scroll;">
|
||||||
|
<table id="DataTables_Table_0--${pageName}"
|
||||||
|
class="datatables-ajax table table-bordered dataTable no-footer">
|
||||||
|
<thead id="requestThead--${pageName}">
|
||||||
|
<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
|
||||||
|
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
|
||||||
|
<th style="min-width: 80px;">No.</th>
|
||||||
|
<th style="min-width: 80px;">요청일시</th>
|
||||||
|
<th style="min-width: 80px;">요청구분</th>
|
||||||
|
<th style="min-width: 80px;">접수일자</th>
|
||||||
|
<th style="min-width: 80px;">목록번호</th>
|
||||||
|
<th style="min-width: 80px;">요청자</th>
|
||||||
|
<th style="min-width: 80px;">등록일시</th>
|
||||||
|
<th style="min-width: 80px;">상태</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody id="requestTbody--${pageName}"></tbody>
|
||||||
|
<template id="requestRow--${pageName}">
|
||||||
|
<tr data-key="{REQUEST_ID}">
|
||||||
|
<td onclick="{onclick}" class="text-end">{ROW_NUM}</td>
|
||||||
|
<td onclick="{onclick}" class="text-center">{요청일시}</td>
|
||||||
|
<td onclick="{onclick}" class="text-center">{요청구분}</td>
|
||||||
|
<td onclick="{onclick}" class="text-center">{접수일자}</td>
|
||||||
|
<td onclick="{onclick}" class="text-center">{목록번호}</td>
|
||||||
|
<td onclick="{onclick}" class="text-center">{요청자}</td>
|
||||||
|
<td onclick="{onclick}" class="text-center">{등록일시}</td>
|
||||||
|
<td onclick="{onclick}" class="text-center">{상태}</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
<template id="requestNotFound--${pageName}">
|
||||||
|
<tr>
|
||||||
|
<td valign="top" colspan="8" class="dataTables_empty text-center">요청 정보를 찾지 못했습니다.</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="toast-container position-fixed bottom-0 end-0 p-3">
|
||||||
|
<div id="divToast--${pageName}" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
|
||||||
|
<div class="toast-body bg-black text-white">
|
||||||
|
삭제 되었습니다.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<jsp:include page="/WEB-INF/jsp/include/bottom.jsp" />
|
||||||
|
|
||||||
|
<div class="content-backdrop fade"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<template id="rcptRequestDialogTemplate--${pageName}">
|
||||||
|
<form id="frmEdit--${pageName}">
|
||||||
|
<div class="card">
|
||||||
|
<div class="row g-1">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<label for="requestYmd--${pageName}"
|
||||||
|
class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">접수일자</label>
|
||||||
|
<input type="text" id="requestYmd--${pageName}" name="requestYmd" required
|
||||||
|
class="form-control form-date" data-fmt-type="day" />
|
||||||
|
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-12">
|
||||||
|
<label for="listNo--${pageName}"
|
||||||
|
class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">목록번호</label>
|
||||||
|
<input type="text" id="listNo--${pageName}" name="listNo" required
|
||||||
|
class="form-control" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="container-page-btn">
|
||||||
|
<span class="container-window-btn-right">
|
||||||
|
<button class="btn btn-primary" id="btnCreate--${pageName}" title="확인">확인</button>
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* Global Variable
|
||||||
|
**************************************************************************/
|
||||||
|
//var 상태 = new CommonCodes();
|
||||||
|
pageObject["${pageName}"] = {};
|
||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
|
||||||
|
var $P = pageObject["${pageName}"];
|
||||||
|
|
||||||
|
$P.toast = new bootstrap.Toast(document.getElementById('divToast--${pageName}'), {
|
||||||
|
animation: true,
|
||||||
|
autohide: true,
|
||||||
|
delay: 2000
|
||||||
|
});
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* DatasetControl
|
||||||
|
**************************************************************************/
|
||||||
|
$P.requestControl = new DatasetControl({
|
||||||
|
urls : { load : "", create : "", remove : "" },
|
||||||
|
dataGetter : obj => obj["List"], appendData:true,
|
||||||
|
keymapper : info => info ? info.REQUEST_ID : "",
|
||||||
|
formats : {
|
||||||
|
//STTS : [],
|
||||||
|
REQUEST_DT : datetimeFormat,
|
||||||
|
RCPT_YMD : dateFormat
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$P.requestControl.defaultFetchSize = FETCH_XS;
|
||||||
|
$P.requestControl.untilPageNum = 0;
|
||||||
|
$P.requestControl.beforeCurrent = null;
|
||||||
|
$P.requestControl.tableRenderComplete = false;
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* DatasetControl.on
|
||||||
|
**************************************************************************/
|
||||||
|
$P.requestControl.onDatasetChange = (obj) => {
|
||||||
|
|
||||||
|
$P.renderRequestList(obj["Total"]);
|
||||||
|
|
||||||
|
$("#requestPaging--${pageName}").setPagingInfo({
|
||||||
|
list: $P.requestControl.dataset,
|
||||||
|
prefix: "requestPaging--${pageName}",
|
||||||
|
start: obj["Start"],
|
||||||
|
totalSize: obj["Total"],
|
||||||
|
fetchSize: obj["Fetch"],
|
||||||
|
func: "pageObject['${pageName}'].requestControl.load({index})"
|
||||||
|
});
|
||||||
|
|
||||||
|
$P.requestControl.tableRenderComplete = true;
|
||||||
|
};
|
||||||
|
|
||||||
|
$P.requestControl.onCurrentChange = (item) => {
|
||||||
|
if(!$P.requestControl.tableRenderComplete){
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($P.requestControl.beforeCurrent != null){
|
||||||
|
var beforeCurrentKey = $P.requestControl.beforeCurrent.key;
|
||||||
|
var beforeCurrentIndex = $P.requestControl.beforeCurrent.index;
|
||||||
|
$P.requestControl.beforeCurrent = null;
|
||||||
|
|
||||||
|
if(!$P.requestControl.dataset.empty){
|
||||||
|
var info = $P.requestControl.dataset.getData(beforeCurrentKey);
|
||||||
|
|
||||||
|
if(info != null){
|
||||||
|
$P.requestControl.dataset.setCurrent(beforeCurrentKey,true);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(beforeCurrentIndex > ($P.requestControl.dataset.length - 1)){
|
||||||
|
info = $P.requestControl.dataset.getDataset()[$P.requestControl.dataset.length - 1];
|
||||||
|
} else {
|
||||||
|
info = $P.requestControl.dataset.getDataset()[beforeCurrentIndex];
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.requestControl.dataset.setCurrent(info["REQUEST_ID"],true);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.requestControl.tableRenderComplete = false;
|
||||||
|
if(!item){
|
||||||
|
$P.clickRequestList("", true);
|
||||||
|
} else {
|
||||||
|
$P.clickRequestList($P.requestControl.getCurrent()["REQUEST_ID"], true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.requestControl.onRemove = (selected, resp) => {
|
||||||
|
if (resp.saved){
|
||||||
|
$P.toast.show();
|
||||||
|
$P.refreshRequestList();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* pageObject.function
|
||||||
|
**************************************************************************/
|
||||||
|
$P.fnReset = () => {
|
||||||
|
|
||||||
|
$('#schRequestYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-5475).date);
|
||||||
|
$('#schRequestYmdTo--${pageName}').datepicker('setDate', new Date());
|
||||||
|
$P.requestControl.setData([]);
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.fnResetAndChangeBiz = (taskSeCd) => {
|
||||||
|
$P.fnReset();
|
||||||
|
$P.requestControl.urls.load = wctx.url("/"+taskSeCd+"/cvlc/cvlc04/010/list.do");
|
||||||
|
$P.requestControl.urls.create = wctx.url("/"+taskSeCd+"/cvlc/cvlc04/010/create.do");
|
||||||
|
$P.requestControl.urls.remove = wctx.url("/"+taskSeCd+"/cvlc/cvlc04/010/remove.do");
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.refreshRequestList = () => {
|
||||||
|
$P.requestControl.untilPageNum = $P.requestControl.query.pageNum;
|
||||||
|
$P.requestControl.query.fetchSize = $P.requestControl.defaultFetchSize * $P.requestControl.query.pageNum;
|
||||||
|
$P.requestControl.beforeCurrent = {
|
||||||
|
key : $P.requestControl.getCurrent()["REQUEST_ID"],
|
||||||
|
index : $P.requestControl.getCurrent()["ROW_NUM"] - 1
|
||||||
|
};
|
||||||
|
$P.requestControl.load(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.searchRequestList = () => {
|
||||||
|
|
||||||
|
$("#btnDelete--${pageName}").show();
|
||||||
|
$("#btnDeleteSameRcptYmd--${pageName}").show();
|
||||||
|
|
||||||
|
$P.requestControl.query = $P.getParams();
|
||||||
|
// TODO : 요청자료 조회 서비스 // $P.requestControl.load(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.scrollEnd = (obj) => {
|
||||||
|
if(obj.dataset.scrollStatus){
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var el = $(obj);
|
||||||
|
if(el.scrollTop() == 0){
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if((el[0].scrollHeight - el.scrollTop() + VERTICAL_SCROLL_HEIGHT) <= el.outerHeight()){
|
||||||
|
obj.dataset.scrollStatus = "waiting";
|
||||||
|
$P.scrollRequestList();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.scrollRequestList = () => {
|
||||||
|
$P.requestControl.load($P.requestControl.query.pageNum + 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.clickRequestList = (dataKey, auto) => {
|
||||||
|
if(dataKey == ""){
|
||||||
|
if(auto){
|
||||||
|
$("label[for='table-responsive--${pageName}']").trigger("refreshEnd");
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$("#requestTbody--${pageName}").setCurrentRow(dataKey);
|
||||||
|
|
||||||
|
if(!auto){
|
||||||
|
$P.requestControl.setCurrent(dataKey);
|
||||||
|
} else {
|
||||||
|
$("label[for='table-responsive--${pageName}']").trigger("refreshEnd");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.renderRequestList = (total) => {
|
||||||
|
|
||||||
|
var requestList = $P.requestControl.dataset;
|
||||||
|
var empty = requestList.empty;
|
||||||
|
var notFound = [document.getElementById("requestNotFound--${pageName}").innerHTML];
|
||||||
|
var found = document.getElementById("requestRow--${pageName}").innerHTML;
|
||||||
|
var replacer = (str, dataItem) => str
|
||||||
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].clickRequestList('" + dataItem.getValue("REQUEST_ID") + "');");
|
||||||
|
var trs = empty ? notFound : requestList.inStrings(found, replacer);
|
||||||
|
$("#requestTbody--${pageName}").html(trs.join());
|
||||||
|
|
||||||
|
if(total == requestList.length){
|
||||||
|
$("#table-responsive--${pageName}").attr("data-scroll-status", "complete");
|
||||||
|
} else {
|
||||||
|
$("#table-responsive--${pageName}").removeAttr("data-scroll-status");
|
||||||
|
}
|
||||||
|
|
||||||
|
if($P.requestControl.untilPageNum != 0){
|
||||||
|
$P.requestControl.query.fetchSize = $P.requestControl.defaultFetchSize;
|
||||||
|
$P.requestControl.query.pageNum = $P.requestControl.untilPageNum;
|
||||||
|
$P.requestControl.untilPageNum = 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.getParams = () => {
|
||||||
|
var formFields = new FimsFormFields("#frmSearch--${pageName}");
|
||||||
|
var data = formFields.get();
|
||||||
|
data.fetchSize = $P.requestControl.defaultFetchSize;
|
||||||
|
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.fnRemove = (allCompleteData) => {
|
||||||
|
if(allCompleteData != null){
|
||||||
|
var ds = $P.requestControl.dataset.getDataset();
|
||||||
|
|
||||||
|
var requestIds = ds.map(function(item){
|
||||||
|
if(item['STTS_CD'] == 'complete'){
|
||||||
|
return item["REQUEST_ID"];
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$P.requestControl.select(requestIds,true);
|
||||||
|
} else {
|
||||||
|
var cur = $P.requestControl.getCurrent();
|
||||||
|
if(cur == null){
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var curKey = cur["REQUEST_ID"];
|
||||||
|
$P.requestControl.select(curKey,true);
|
||||||
|
}
|
||||||
|
|
||||||
|
// TODO : 요청 삭제 서비스 //$P.requestControl.remove();
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.fnRemoveAllCompleteData = () => {
|
||||||
|
var cur = $P.requestControl.getCurrent();
|
||||||
|
if(cur == null){
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
dialog.alert({
|
||||||
|
content : "완료된 자료를 모두 삭제하시겠습니까?"
|
||||||
|
, onOK : () => {
|
||||||
|
$P.fnRemove('allCompleteData');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
//요청 등록 팝업 호출
|
||||||
|
$P.fnOpenRequestPop = () => {
|
||||||
|
dialog.open({
|
||||||
|
id : "rcptRequestDialog--${pageName}",
|
||||||
|
title : "새올 접수 요청",
|
||||||
|
content : document.getElementById("rcptRequestDialogTemplate--${pageName}").innerHTML,
|
||||||
|
size : "lg",
|
||||||
|
init : () => {
|
||||||
|
initDatepicker("rcptRequestDialog--${pageName}");
|
||||||
|
$('#requestYmd--${pageName}').datepicker('setDate', new Date());
|
||||||
|
$('#btnCreate--${pageName}').on("click", () => $P.fnCreateRequest());
|
||||||
|
},
|
||||||
|
onClose : () => {}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
//요청 등록
|
||||||
|
$P.fnCreateRequest = () => {
|
||||||
|
|
||||||
|
if(!customValidate($("#frmEdit--${pageName} input"))) return;
|
||||||
|
|
||||||
|
var info = (new FimsFormFields("#frmEdit--${pageName}")).get();
|
||||||
|
|
||||||
|
// TODO : 요청 등록 서비스 //ajax
|
||||||
|
}
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* element.on
|
||||||
|
**************************************************************************/
|
||||||
|
$('#btnReset--${pageName}').on('click', () => $P.fnReset());
|
||||||
|
$('#btnSearch--${pageName}').on('click', () => $P.searchRequestList());
|
||||||
|
$("#table-responsive--${pageName}").scroll(function(){ $P.scrollEnd(this); });
|
||||||
|
|
||||||
|
$("#btnOpenRequestPop--${pageName}").on("click", () => $P.fnOpenRequestPop());
|
||||||
|
$("#btnDelete--${pageName}").on("click", () => $P.fnRemove());
|
||||||
|
$("#btnDeleteAllCompleteData--${pageName}").on("click", () => $P.fnRemoveAllCompleteData());
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* 초기화
|
||||||
|
**************************************************************************/
|
||||||
|
//달력 초기화
|
||||||
|
initDatepicker("frmSearch--${pageName}");
|
||||||
|
|
||||||
|
var defaultBizValue = $("#layout-navbar input[name='taskSeCd']:checked").val();
|
||||||
|
$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + defaultBizValue + "']").prop("checked",true);
|
||||||
|
$P.fnResetAndChangeBiz(defaultBizValue);
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue