feat: 단속현황 관리 진행
parent
f9d53afb82
commit
43ab8d0edf
@ -0,0 +1,330 @@
|
|||||||
|
<%--
|
||||||
|
================================================================================
|
||||||
|
File : /fims/biz/cmm/cmmCrackdownRcvFilePopup.jsp
|
||||||
|
Name : 외부연계파일 처리 - 단속관리>단속현황관리>외부자료연계탭>연계파일처리
|
||||||
|
Auth : lim.jong.uk
|
||||||
|
Date : 2022-01-20
|
||||||
|
Desc : 외부연계파일 처리
|
||||||
|
================================================================================
|
||||||
|
Date Author Description
|
||||||
|
================================================================================
|
||||||
|
================================================================================
|
||||||
|
--%>
|
||||||
|
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ include file="/WEB-INF/jsp/framework/taglibs.jsp" %>
|
||||||
|
|
||||||
|
<div class="popup" style="min-width: 100%;">
|
||||||
|
<div class="popup_inner" style="max-width: 800px;">
|
||||||
|
<p class="pop_title">CCTV 단속 자료 선택</p>
|
||||||
|
<form name="frmSearch" id="frmSearch">
|
||||||
|
<div class="search r2">
|
||||||
|
<table>
|
||||||
|
<caption>검색조건</caption>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 30%"/>
|
||||||
|
<col/>
|
||||||
|
<col/>
|
||||||
|
<col/>
|
||||||
|
<col/>
|
||||||
|
<col/>
|
||||||
|
<col/>
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<code:select type="CMM_ETC2" id="regltSeCode" name="regltSeCode" codeId="FIM002" defaultSelect="01" onchange="fnBiz.onComboChange()" title="단속구분코드" cls="selectBoxTotal" alt="단속구분코드" />
|
||||||
|
</td>
|
||||||
|
<td colspan="6">
|
||||||
|
<input id="folder" type="file" webkitdirectory multiple="false"/>
|
||||||
|
<input id="busOnlyDirPath" name="dirPath" type="text" size="400" value="<c:out value='${busOnlyDirPath}'/>" title="버스전용차로데이타경로" style="display: none; width: 100%" readonly/>
|
||||||
|
<input id="ctznDirPath" name="dirPath" type="text" size="400" value="<c:out value='${ctznDirPath}'/>" title="시민신고" style="display: none; width: 100%" readonly/>
|
||||||
|
<span id="warnMsg" style="color: red; font-weight: bold; display: inline-block">동일한 데이타 선택시 중복 처리될수 있습니다.</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<div class="popup_btn">
|
||||||
|
<span class="fll">
|
||||||
|
<div class="list clearfix" id="totCnt">전체 ㅣ <span>0</span></div>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div id="grid"></div>
|
||||||
|
<div class="popup_btn">
|
||||||
|
<span class="flr p_flr">
|
||||||
|
<a href="#" class="btn blue" id="btnRegist">파일 처리</a>
|
||||||
|
<a href="#" id="btnClose" class="btn lightgray">닫기</a>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<!-- //등록버튼 -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //popup -->
|
||||||
|
|
||||||
|
<script type="text/javaScript">
|
||||||
|
/**************************************************************************
|
||||||
|
* Global Variable
|
||||||
|
**************************************************************************/
|
||||||
|
let GRID = null;
|
||||||
|
let arrFiles = [];
|
||||||
|
|
||||||
|
/* *******************************
|
||||||
|
* Biz function
|
||||||
|
******************************* */
|
||||||
|
const fnBiz = {
|
||||||
|
fileSelect: (e) => {
|
||||||
|
//const output = document.querySelector("ul");
|
||||||
|
arrFiles = [];
|
||||||
|
const files = e.target.files;
|
||||||
|
const arrFile = [];
|
||||||
|
|
||||||
|
for (let i=0; i<files.length; i++) {
|
||||||
|
// const item = document.createElement("li");
|
||||||
|
// item.innerHTML = files[i].webkitRelativePath;
|
||||||
|
// output.appendChild(item);
|
||||||
|
arrFile.push({
|
||||||
|
filePath: '',
|
||||||
|
fileNm: files[i].name,
|
||||||
|
fileType: files[i].type,
|
||||||
|
fileSize: files[i].size,
|
||||||
|
//lastModified: files[i].lastModified
|
||||||
|
lastModified: files[i].lastModifiedDate
|
||||||
|
})
|
||||||
|
arrFiles.push(files[i]);
|
||||||
|
}
|
||||||
|
GRID.resetData(arrFile);
|
||||||
|
$('#totCnt span').text(arrFile.length);
|
||||||
|
}
|
||||||
|
,search: () => {
|
||||||
|
GRID.reloadData();
|
||||||
|
//FIXME : onGridUpdated
|
||||||
|
GRID.on('onGridUpdated', (ev) => {
|
||||||
|
//console.log('%%%%%%%%%%%%%>>>>>>>',ev)
|
||||||
|
}) // 그리드 레이아웃 새로고침 (로드가 다 되지 않는 경우 그리드가 흰색 화면으로 출력될 때가 있다.))
|
||||||
|
}
|
||||||
|
,add: () => {
|
||||||
|
const arrChecks = GRID.getData();
|
||||||
|
|
||||||
|
if(arrChecks.length===0) {
|
||||||
|
alert("등록[변경]할 데이타가 없습니다.");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(confirm("등록 하시겠습니까?")) {
|
||||||
|
const regltSeCode = $('#regltSeCode').val();
|
||||||
|
if(regltSeCode !== '07' && regltSeCode !== '09') {
|
||||||
|
|
||||||
|
const formData = new FormData();
|
||||||
|
arrFiles.forEach((f)=> {
|
||||||
|
formData.append("files", f)
|
||||||
|
})
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
type: 'post'
|
||||||
|
, enctype: "multipart/form-data"
|
||||||
|
<%--, url: '<c:url value="/fims/biz/ec/saveCctvCrackdownDatas.do"/>'--%>
|
||||||
|
, url: fimsApiUrl.SAVE_CCTV_EC_EXTRL_REGLT_CNTCS
|
||||||
|
, data: formData
|
||||||
|
, processData: false
|
||||||
|
, contentType: false
|
||||||
|
, success: (res) => {
|
||||||
|
if (res) {
|
||||||
|
alert(res.message);
|
||||||
|
fnBiz.search();
|
||||||
|
}
|
||||||
|
//fnBiz.search();
|
||||||
|
}
|
||||||
|
, error: (xhr, status, err) => {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
}else {
|
||||||
|
const data = {
|
||||||
|
filePath: regltSeCode === '07' ? $('#busOnlyDirPath').val() : $('#ctznDirPath').val()
|
||||||
|
,fileInfoList: arrChecks.map((row) => {
|
||||||
|
return {fileNm: row.fileNm, fileType: row.fileType, fileSize: row.fileSize}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
cmmAjax({
|
||||||
|
<%--url: '<c:url value="/fims/biz/ec/saveBusCctvCrackdownDatas.do"/>'--%>
|
||||||
|
url: regltSeCode === '07' ? fimsApiUrl.SAVE_BUS_ONLY_EC_EXTRL_REGLT_CNTC : fimsApiUrl.SAVE_EC_NATL_NEWS_PAPER
|
||||||
|
,data: JSON.stringify(data)
|
||||||
|
,contentType: 'application/json; charset=utf-8'
|
||||||
|
,success: () => {
|
||||||
|
fnBiz.search();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
,onComboChange: () => {
|
||||||
|
$('#totCnt span').text(0);
|
||||||
|
|
||||||
|
if($('#regltSeCode').val() === '07') {
|
||||||
|
$('#folder')
|
||||||
|
.css('display', 'none')
|
||||||
|
.attr('disabled', true);
|
||||||
|
$('#busOnlyDirPath')
|
||||||
|
.css('display', 'inline-block')
|
||||||
|
.attr('disabled', false);
|
||||||
|
$('#ctznDirPath')
|
||||||
|
.css('display', 'none')
|
||||||
|
.attr('disabled', true);
|
||||||
|
$('#warnMsg').css('display', 'none')
|
||||||
|
.attr('disabled', true);
|
||||||
|
GRID.reloadData();
|
||||||
|
|
||||||
|
}else if($('#regltSeCode').val() === '09'){
|
||||||
|
$('#folder')
|
||||||
|
.css('display', 'none')
|
||||||
|
.attr('disabled', true);
|
||||||
|
$('#busOnlyDirPath')
|
||||||
|
.css('display', 'none')
|
||||||
|
.attr('disabled', true);
|
||||||
|
$('#ctznDirPath')
|
||||||
|
.css('display', 'inline-block')
|
||||||
|
.attr('disabled', false);
|
||||||
|
$('#warnMsg').css('display', 'none')
|
||||||
|
.attr('disabled', true);
|
||||||
|
GRID.reloadData();
|
||||||
|
|
||||||
|
}else{
|
||||||
|
$('#folder')
|
||||||
|
.css('display', 'inline-block')
|
||||||
|
.attr('disabled', false);
|
||||||
|
$('#busOnlyDirPath')
|
||||||
|
.css('display', 'none')
|
||||||
|
.attr('disabled', true);
|
||||||
|
$('#ctznDirPath')
|
||||||
|
.css('display', 'none')
|
||||||
|
.attr('disabled', true);
|
||||||
|
$('#warnMsg').css('display', 'inline-block')
|
||||||
|
.attr('disabled', false);
|
||||||
|
GRID.resetData([]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* event
|
||||||
|
**************************************************************************/
|
||||||
|
$(() => {
|
||||||
|
$(window).on("unload", function (e) {
|
||||||
|
window.opener?.unblockUI();
|
||||||
|
window.opener?.callbackSearch();
|
||||||
|
return null;
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#btnClose").on('click', () => {
|
||||||
|
window.close()
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#folder').on('change', function(e) {
|
||||||
|
//document.getElementById("folder").select();
|
||||||
|
//document.selection.clear();
|
||||||
|
fnBiz.fileSelect(e)
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#btnSearch').on('click', () => fnBiz.search());
|
||||||
|
|
||||||
|
$('#btnRegist').on('click', () => {
|
||||||
|
fnBiz.add();
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
/* *******************************
|
||||||
|
* Grid
|
||||||
|
******************************* */
|
||||||
|
const initGrid = () => {
|
||||||
|
const gridColumns = [
|
||||||
|
{
|
||||||
|
header: '경로',
|
||||||
|
name: 'filePath',
|
||||||
|
hidden: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: '이름',
|
||||||
|
name: 'fileNm',
|
||||||
|
width: 420,
|
||||||
|
//minWidth: 250,
|
||||||
|
sortingType: 'desc',
|
||||||
|
sortable: true,
|
||||||
|
filter: 'select' //fiter 옵션(select/text/number/date/.. 등이 있으며 설정방법은 상이하므로 사이트 참조)
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: '타입',
|
||||||
|
name: 'fileType',
|
||||||
|
width: 30,
|
||||||
|
align: 'center',
|
||||||
|
sortable: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: '크기',
|
||||||
|
name: 'fileSize',
|
||||||
|
width: 80,
|
||||||
|
sortable: true,
|
||||||
|
align: 'right',
|
||||||
|
formatter({value}){
|
||||||
|
return new Intl.NumberFormat('ko').format(value);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: '생성일시',
|
||||||
|
name: 'lastModified',
|
||||||
|
width: 120,
|
||||||
|
sortable: true,
|
||||||
|
align: 'center',
|
||||||
|
formatter({value}){
|
||||||
|
//return setDateTimeFmt(value);
|
||||||
|
return value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
const gridOptions = {
|
||||||
|
el: 'grid',
|
||||||
|
rowHeaders: ['rowNum'],
|
||||||
|
columns: gridColumns,
|
||||||
|
//FIXME : 페이징 미사용시
|
||||||
|
//페이지처리 hide
|
||||||
|
pagination: false,
|
||||||
|
pageOptions: {
|
||||||
|
useClient: true,
|
||||||
|
perPage: 1000
|
||||||
|
},
|
||||||
|
columnOptions: {
|
||||||
|
frozenCount: 1
|
||||||
|
},
|
||||||
|
bodyHeight: 400
|
||||||
|
};
|
||||||
|
|
||||||
|
const gridDatasource = { //DataSource
|
||||||
|
initialRequest: false,
|
||||||
|
api: {
|
||||||
|
readData: {
|
||||||
|
url: fimsApiUrl.FIND_RCV_PATH_FILES
|
||||||
|
,serializer: (params) => {
|
||||||
|
if($('#regltSeCode').val() === '07') {
|
||||||
|
return getPageParam({dirPath: $('#busOnlyDirPath').val()}, params);
|
||||||
|
}else if($('#regltSeCode').val() === '09') {
|
||||||
|
return getPageParam({dirPath: $('#ctznDirPath').val()}, params);
|
||||||
|
}
|
||||||
|
return params;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
GRID = TuiGrid.of(gridOptions, gridDatasource, (ev) => {
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* initialize
|
||||||
|
**************************************************************************/
|
||||||
|
$(document).ready(function(){
|
||||||
|
initGrid();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
@ -0,0 +1,667 @@
|
|||||||
|
<%--
|
||||||
|
================================================================================
|
||||||
|
File : /fims/biz/cmm/cmmCrackdownMgtPopup.jsp
|
||||||
|
Name : 단속 처리 메인 팝업 - 단속관리>단속현황관리
|
||||||
|
Auth : lim.jong.uk
|
||||||
|
Date : 2022-01-20
|
||||||
|
Desc : 단속자료 처리를 위한 메인 팝업
|
||||||
|
================================================================================
|
||||||
|
Date Author Description
|
||||||
|
================================================================================
|
||||||
|
================================================================================
|
||||||
|
--%>
|
||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ include file="/WEB-INF/jsp/framework/taglibs.jsp"%>
|
||||||
|
|
||||||
|
<c:set var="isUpdate" value="${!empty regltDTO.regltId}"/>
|
||||||
|
|
||||||
|
<%--2022.10.05 박소영 웹폰트 링크 추가--%>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
|
<form id="frmSearch" name="frmSearch">
|
||||||
|
<input type="hidden" id="payerId" name="payerId" value="<c:out value="${regltDTO.payerId }"/>">
|
||||||
|
|
||||||
|
<div class="conttitle">
|
||||||
|
<img src="${ctx }/resources/biz/content/images/common/main/titleLogo_01.png"/>
|
||||||
|
<p class="title">개별총정보</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div id="popupTabs">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#tabs_0" id="0">위반정보<span id="t0"></span></a></li>
|
||||||
|
<li><a href="#tabs_1" id="1">의견진술<span id="t1"></span></a></li>
|
||||||
|
<li><a href="#tabs_2" id="2">세부내역<span id="t2"></span></a></li>
|
||||||
|
<li><a href="#tabs_3" id="3">민원내역<span id="t3"></span></a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div id="tabs_0">
|
||||||
|
<div class="w_fix01 gridGroup">
|
||||||
|
<p class="title deco_01">위반정보</p>
|
||||||
|
<table class="basics_F mTB_01">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 5%;"/>
|
||||||
|
<col style="width: 12%;"/>
|
||||||
|
<col style="width: 4%;"/>
|
||||||
|
<col style="width: 13%;"/>
|
||||||
|
<col style="width: 4%;"/>
|
||||||
|
<col style="width: 13%;"/>
|
||||||
|
</colgroup>
|
||||||
|
<tr>
|
||||||
|
<td colspan="6"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>등록구분</td>
|
||||||
|
<td><input type="text" id="regltId" name="regltId" value="<c:out value="${regltDTO.regltId }"/>">
|
||||||
|
</td>
|
||||||
|
<td>자료출처</td>
|
||||||
|
<td><input type="text" name="" value=""></td>
|
||||||
|
<td colspan="0"><label><input type="checkbox" value="의견진술">의견진술</label></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>단속일</td>
|
||||||
|
<td>
|
||||||
|
<fmt:parseDate value="${regltDTO.regltDe}" var="regltDe" pattern="yyyyMMdd"/>
|
||||||
|
<input type="text" name="regltDe" value='<fmt:formatDate value="${regltDe}" pattern="yyyy-MM-dd"/>' readonly>
|
||||||
|
</td>
|
||||||
|
<td>차량번호</td>
|
||||||
|
<td colspan="2"><input type="text" id="vhcleNo" name="vhcleNo" value="${regltDTO.vhcleNo }"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>단속구분</td>
|
||||||
|
<td>
|
||||||
|
<code:select id="regltSeCode" name="regltSeCode" codeId="FIM002" defaultSelect="${regltDTO.regltSeCode}" title="단속구분코드" cls="selectBoxTotal" alt="단속구분코드" />
|
||||||
|
</td>
|
||||||
|
<td>위반내역</td>
|
||||||
|
<td colspan="2">
|
||||||
|
<code:select id="violtDtlsCode" name="violtDtlsCode" codeId="FIM004" defaultSelect="${regltDTO.violtDtlsCode}" title="위반내역코드" cls="selectBoxTotal" alt="위반내역코드"/>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>단속장소</td>
|
||||||
|
<td colspan="4"><input type="text" id="regltPlace" name="regltPlace" value="${regltDTO.regltPlace}"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>등록일시</td>
|
||||||
|
<td>
|
||||||
|
<fmt:parseDate value="${regltDTO.registDt}" var="registDt" pattern="yyyyMMddHHmmss"/>
|
||||||
|
<input type="text" name="registDt" value='<fmt:formatDate value="${registDt}" pattern="yyyy-MM-dd HH:mm:ss"/>' readonly>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<table class="basics_F mTB_01">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 5%;"/>
|
||||||
|
<col style="width: 12%;"/>
|
||||||
|
<col style="width: 4%;"/>
|
||||||
|
<col style="width: 13%;"/>
|
||||||
|
<col style="width: 3%;"/>
|
||||||
|
<col style="width: 15%;"/>
|
||||||
|
</colgroup>
|
||||||
|
<tr>
|
||||||
|
<td colspan="6"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>위반횟수</td>
|
||||||
|
<td>
|
||||||
|
<input type="text" id="violtCo" name="violtCo" value='<fmt:formatNumber type="number" value="${regltDTO.violtCo}" pattern="#,###"/>' style="text-align: right">
|
||||||
|
</td>
|
||||||
|
<td>시군구</td>
|
||||||
|
<td>
|
||||||
|
<input type="text" name="" value="<%--${regltDTO.signgu_code}--%>">
|
||||||
|
</td>
|
||||||
|
<td>법정동</td>
|
||||||
|
<td>
|
||||||
|
<input type="text" name="" value="">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>사전통지금액</td>
|
||||||
|
<td>
|
||||||
|
<input type="text" name="redutionAftAmount" value='<fmt:formatNumber type="number" value="${regltDTO.redutionAftAmount}" pattern="#,###"/>' style="text-align: right">
|
||||||
|
</td>
|
||||||
|
<td>부과금액</td>
|
||||||
|
<td colspan="3">
|
||||||
|
<input type="text" name="" value='<fmt:formatNumber type="number" value="1111111" pattern="#,###"/>' style="text-align: right">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>감액금액</td>
|
||||||
|
<td>
|
||||||
|
<input type="text" name="redutionAmount" value='<fmt:formatNumber type="number" value="${regltDTO.redutionAmount}" pattern="#,###"/>' style="text-align: right">
|
||||||
|
</td>
|
||||||
|
<td>총수납액</td>
|
||||||
|
<td>
|
||||||
|
<input type="text" name="rcivAmount" value='<fmt:formatNumber type="number" value="${regltDTO.rcivAmount}" pattern="#,###"/>' style="text-align: right">
|
||||||
|
</td>
|
||||||
|
<td>잔액</td>
|
||||||
|
<td>
|
||||||
|
<input type="text" name="" value='<fmt:formatNumber type="number" value="22222222222" pattern="#,###"/>' style="text-align: right">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>특이사항</td>
|
||||||
|
<td colspan="4">
|
||||||
|
<input type="text" id="spcmntMatter" name="spcmntMatter" value="${regltDTO.spcmntMatter}">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>처리상태</td>
|
||||||
|
<td colspan="4">
|
||||||
|
<code:select id="regltProcessSttusCode" name="regltProcessSttusCode" codeId="FIM010" defaultSelect="${regltDTO.regltProcessSttusCode}" title="위반내역코드" cls="selectBoxTotal" alt="위반내역코드"/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<%--<p class="title deco_01 mT_02">소유주 정보</p>
|
||||||
|
<table class="basics_F mTB_01 mT_02">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 5%;"/>
|
||||||
|
<col style="width: 12%;"/>
|
||||||
|
<col style="width: 4%;"/>
|
||||||
|
<col style="width: 13%;"/>
|
||||||
|
<col style="width: 3%;"/>
|
||||||
|
<col style="width: 15%;"/>
|
||||||
|
</colgroup>
|
||||||
|
<tr>
|
||||||
|
<td>소유주</td>
|
||||||
|
<td><input type="text" id="payerNm" name="payerNm" value="${regltDTO.payerNm}"></td>
|
||||||
|
<td>aaa</td>
|
||||||
|
<td><input type="text" id="" name="" value=""></td>
|
||||||
|
<td>등록구분</td>
|
||||||
|
<td><input type="text" id="" name="" value=""></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>주민번호</td>
|
||||||
|
<td><input type="text" id=payerNo"" name="payerNo" value="${regltDTO.payerNo}"></td>
|
||||||
|
<td>aaaa</td>
|
||||||
|
<td><input type="text" id="" name="" value=""></td>
|
||||||
|
<td>우편번호</td>
|
||||||
|
<td><input type="text" id="zip" name="zip" value="${regltDTO.zip}"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>주소</td>
|
||||||
|
<td colspan="4"><input type="text" id="adres" name="adres" value="${regltDTO.adres}"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>상세주소</td>
|
||||||
|
<td colspan="4"><input type="text" id="detailAdres" name="detailAdres" value="${regltDTO.detailAdres}"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>차대번호</td>
|
||||||
|
<td colspan="3"><input type="text" id="" name="" value=""></td>
|
||||||
|
<td>도로코드</td>
|
||||||
|
<td><input type="text" id="" name="" value=""></td>
|
||||||
|
</tr>
|
||||||
|
</table>--%>
|
||||||
|
</div>
|
||||||
|
<div class="topBtnArea-a" style="/*width: 900px;*/ min-width: 420px; width:75%;">
|
||||||
|
<ul class="btnList" <%--style="margin-top: -24px;"--%>>
|
||||||
|
<li>
|
||||||
|
<%@include file="/WEB-INF/jsp/framework/biz-popup-btn.jsp" %>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="tabs_1" style="display: flex;">
|
||||||
|
<div class="w_fix02 gridGroup mR_01">
|
||||||
|
<p class="title deco_01">진술내역</p>
|
||||||
|
<table class="basics_F mTB_01">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 10%;"/>
|
||||||
|
<col style="width: 0%;"/>
|
||||||
|
<col style="width: 0%;"/>
|
||||||
|
<col style="width: 13%;"/>
|
||||||
|
<col style="width: 10%;"/>
|
||||||
|
<col style="width: 27%;"/>
|
||||||
|
</colgroup>
|
||||||
|
<tr>
|
||||||
|
<td colspan="6"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>등록구분</td>
|
||||||
|
<td colspan="3"><input type="text"></td>
|
||||||
|
<td>진술일</td>
|
||||||
|
<td><input type="text"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>성명</td>
|
||||||
|
<td colspan="3"><input type="text">
|
||||||
|
</td>
|
||||||
|
<td>주민등록번호</td>
|
||||||
|
<td><input type="text"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>주소</td>
|
||||||
|
<td colspan="5"><input type="text"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>번지</td>
|
||||||
|
<td colspan="5"><input type="text"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>우편번호</td>
|
||||||
|
<td colspan="3"><input type="text"></td>
|
||||||
|
<td>연락처</td>
|
||||||
|
<td><input type="text"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>차주와의 관계</td>
|
||||||
|
<td colspan="3"><input type="text"></td>
|
||||||
|
<td>이메일 주소</td>
|
||||||
|
<td><input type="text"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>회신방법</td>
|
||||||
|
<td colspan="3"><input type="text"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>진술요지</td>
|
||||||
|
<td colspan="6"><input type="text" style=" width:88%;"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style="position: absolute;">진술 내용</td>
|
||||||
|
<td colspan="6"><textarea cols="0" rows="15"
|
||||||
|
style="overflow-y: scroll; width:90%;"></textarea></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div class="w_fix02 gridGroup">
|
||||||
|
<p class="title deco_01">판정</p>
|
||||||
|
<table class="basics_F mTB_01">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 10%;"/>
|
||||||
|
<col style="width: 20%;"/>
|
||||||
|
<col style="width: 10%;"/>
|
||||||
|
<col style="width: 20%;"/>
|
||||||
|
</colgroup>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td colspan="4"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>처리일시</td>
|
||||||
|
<td colspan="3"><input type="text"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>처리결과</td>
|
||||||
|
<td colspan="3"><input type="text">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style="position: absolute;">담당자 의견</td>
|
||||||
|
<td colspan="4"><textarea cols="50" rows="15"
|
||||||
|
style="overflow-y: scroll; width:90%;"></textarea></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="tabs_2">
|
||||||
|
<div class="w_fix05">
|
||||||
|
<%-- <div class="w_fix03 gridGroup">
|
||||||
|
<div style="width: 100%; border:0px solid black">
|
||||||
|
<p class="title deco_01">처리상태 변동이력</p>
|
||||||
|
<div id="grid_t0"></div>
|
||||||
|
<%–삭제조심–%>
|
||||||
|
</div>
|
||||||
|
</div>--%>
|
||||||
|
<div class="w_fix04 gridGroup">
|
||||||
|
<p class="title deco_01">감경처리</p>
|
||||||
|
<table class="basics_F mTB_02">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 21%;"/>
|
||||||
|
<col style="width: 8%;"/>
|
||||||
|
<col style="width: 11%;"/>
|
||||||
|
</colgroup>
|
||||||
|
<tr>
|
||||||
|
<td>처리일</td>
|
||||||
|
<td colspan="4"><input type="text" id="" name="" value="">
|
||||||
|
</td>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>감경사유</td>
|
||||||
|
<td colspan="4"><input type="text" id="" name="" value="">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>감경금액</td>
|
||||||
|
<td colspan="4"><input type="text" id="redutionAmount" name="redutionAmount" value="${regltDTO.redutionAmount}"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>처리자</td>
|
||||||
|
<td colspan="4"><input type="text" name="" value="">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>특이사항</td>
|
||||||
|
<td colspan="4"><input type="textarea" name="" value=""></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div class="w_fix04 gridGroup">
|
||||||
|
<p class="title deco_01">서손처리</p>
|
||||||
|
<table class="basics_F mTB_02">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 21%;"/>
|
||||||
|
<col style="width: 8%;"/>
|
||||||
|
<col style="width: 11%;"/>
|
||||||
|
</colgroup>
|
||||||
|
<tr>
|
||||||
|
<td>처리일</td>
|
||||||
|
<td colspan="4"><input type="text" id="" name="" value="">
|
||||||
|
</td>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>감경사유</td>
|
||||||
|
<td colspan="4"><input type="text" id="" name="" value="">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>감경금액</td>
|
||||||
|
<td colspan="4"><input type="text" id="" name="" value=""></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>처리자</td>
|
||||||
|
<td colspan="4"><input type="text" id="" name="" value="">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>특이사항</td>
|
||||||
|
<td colspan="4"><input type="text" id="" name="" value=""></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<%--box_01--%>
|
||||||
|
<div class="w_fix06 gridGroup">
|
||||||
|
<p class="title deco_02">처리상태 변동이력</p>
|
||||||
|
<div style="display: flex; width: 100%; border:0px solid chocolate; margin-bottom: 5px;">
|
||||||
|
<div id="grid_t0" style="width:100%;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w_fix06 gridGroup">
|
||||||
|
<p class="title deco_02">주소 변동이력</p>
|
||||||
|
<div style="display: flex; width: 100%; border:0px solid chocolate; margin-bottom: 5px;">
|
||||||
|
<div id="grid_d1" style="width:100%;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w_fix06 gridGroup" style="margin-top:17px;">
|
||||||
|
<p class="title deco_02">발송 이력</p>
|
||||||
|
<div style="display: flex; width: 100%; height:150px; border:0px solid black; margin-bottom: 20px;">
|
||||||
|
<div id="grid_d2" style="width:100%;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="topBtnArea-a" style="/*width: 990px;*/ width:75%; min-width: 430px;">
|
||||||
|
<ul class="btnList">
|
||||||
|
<li>
|
||||||
|
<%@include file="/WEB-INF/jsp/framework/biz-popup-btn.jsp" %>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="tabs_3">
|
||||||
|
<div class="w_fix05-a gridGroup">
|
||||||
|
<div style="width: 100%; border:0px solid black">
|
||||||
|
<p class="title deco_01">민원내역</p>
|
||||||
|
<div id="grid_m1"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="box mT_02">
|
||||||
|
<div class="w_fix06 gridGroup">
|
||||||
|
<p class="title deco_01">민원내용</p>
|
||||||
|
<div style="height: 200px; border:1px solid #a1a1a1; margin:11px; border-radius: 4px;">
|
||||||
|
<%--<div id="grid"></div>--%>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><%--box--%>
|
||||||
|
<div class="topBtnArea-a" style="min-width: 440px; width:75%;">
|
||||||
|
<ul class="btnList" style="padding-left:10px;">
|
||||||
|
<li>
|
||||||
|
<%@include file="/WEB-INF/jsp/framework/biz-popup-btn.jsp" %>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!--popupTabs -->
|
||||||
|
</div><!--row -->
|
||||||
|
|
||||||
|
</form>
|
||||||
|
<script type="text/javaScript" language="javascript" defer="defer">
|
||||||
|
|
||||||
|
//전역변수선언
|
||||||
|
let orgData;
|
||||||
|
const ARR_INSTANCE = [null,null,null];
|
||||||
|
let CUR_TAB_SEQ = 0;
|
||||||
|
var callbackSearch = () => fnBiz.search();
|
||||||
|
|
||||||
|
|
||||||
|
/* *******************************
|
||||||
|
* Biz function
|
||||||
|
******************************* */
|
||||||
|
const fnBiz = {
|
||||||
|
add: () => {
|
||||||
|
if (!fnBiz.validate()) return;
|
||||||
|
|
||||||
|
cmmBizAjax('add', {
|
||||||
|
url: '<c:url value="/cmm/fimsPopup/add.do"/>'
|
||||||
|
, data: $("#frmSearch").serialize()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
,modify: () => {
|
||||||
|
/*if (!fnBiz.validate()) return;*/
|
||||||
|
|
||||||
|
cmmBizAjax('modify', {
|
||||||
|
url: '<c:url value="/cmm/fimsPopup/update.do"/>'
|
||||||
|
,data: $("#frmSearch").serialize()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
,remove: () => {
|
||||||
|
$("input[name=useAt]").val('N');
|
||||||
|
cmmBizAjax('remove', {
|
||||||
|
url: '<c:url value="/cmm/fimsPopup/remove.do"/>'
|
||||||
|
,data: $("#frmSearch").serialize()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
,validate: () => {
|
||||||
|
if(orgData === $('form').serialize()){
|
||||||
|
alert('변경된 내용이 없습니다.');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
/*if(!validateTemplateInf(document.getElementById("templateInf"))) return false;*/
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
,preview: () => {
|
||||||
|
|
||||||
|
if ($("#tmplatSeCode").val() === 'TMPT01') {
|
||||||
|
const url = "<c:url value='/framework/biz/mng/bbs/mngBoardTmplPreviewPopup.do'/>";
|
||||||
|
CmmPopup.open(url, {tmplateCours: $("#tmplatCours").val()}, {width: 1024, height: 500}, "템플릿 미리보기");
|
||||||
|
} else {
|
||||||
|
alert('템플릿경로 지정 후 선택해 주세요.');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* event
|
||||||
|
**************************************************************************/
|
||||||
|
$(() => {
|
||||||
|
$('#btnRegist').on('click', () => {
|
||||||
|
fnBiz.add();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#btnModify').on('click', () => {
|
||||||
|
fnBiz.modify();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#btnPreview').on('click', () => {
|
||||||
|
fnBiz.preview();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#btnRemove').on('click', () => {
|
||||||
|
fnBiz.remove();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* ******************************
|
||||||
|
* Grid
|
||||||
|
****************************** */
|
||||||
|
const initGrid = () => {
|
||||||
|
const tab0Columns = [ //Grid 컬럼 정보(명칭,매핑 field, 기타옵션 등)
|
||||||
|
{
|
||||||
|
header: '발송결과',
|
||||||
|
name: 'sndng_result_code',
|
||||||
|
width: 150,
|
||||||
|
//editor: 'text',
|
||||||
|
sortable: true,
|
||||||
|
align: 'center',
|
||||||
|
filter: {
|
||||||
|
type: 'text',
|
||||||
|
showClearBtn: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: '오류내용',
|
||||||
|
name: 'error_cn',
|
||||||
|
width: 150,
|
||||||
|
//editor: 'text',
|
||||||
|
sortable: true,
|
||||||
|
align: 'center'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: '미납자',
|
||||||
|
name: 'om_name',
|
||||||
|
minWidth: 120,
|
||||||
|
//editor: 'text',
|
||||||
|
sortable: true,
|
||||||
|
align: 'center'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: '주민등록번호',
|
||||||
|
name: 'ihidnum',
|
||||||
|
width: 120,
|
||||||
|
//editor: 'text',
|
||||||
|
sortable: true,
|
||||||
|
align: 'center'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: '차량번호',
|
||||||
|
name: 'mm_carno',
|
||||||
|
minWidth: 120,
|
||||||
|
//editor: 'text',
|
||||||
|
sortable: true,
|
||||||
|
align: 'center'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: '요청일시',
|
||||||
|
name: 'requst_dt',
|
||||||
|
width: 150,
|
||||||
|
//editor: 'text',
|
||||||
|
sortable: true,
|
||||||
|
align: 'center'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: '조회일시',
|
||||||
|
name: 'inqire_dt',
|
||||||
|
width: 150,
|
||||||
|
//editor: 'text',
|
||||||
|
sortable: true,
|
||||||
|
align: 'center'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: '열람일시',
|
||||||
|
name: 'readng_dt',
|
||||||
|
width: 150,
|
||||||
|
//editor: 'text',
|
||||||
|
sortable: true,
|
||||||
|
align: 'center'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: '등록일시',
|
||||||
|
name: 'regist_dt',
|
||||||
|
width: 150,
|
||||||
|
//editor: 'text',
|
||||||
|
sortable: true,
|
||||||
|
align: 'center'
|
||||||
|
}
|
||||||
|
];
|
||||||
|
//DataSource
|
||||||
|
let tab0Datasource = {
|
||||||
|
//initialRequest: false, // 화면 load시 조회 안함 - default
|
||||||
|
api: {
|
||||||
|
readData: {
|
||||||
|
url: '<c:url value="/adm/send/rqst/mng/find.do"/>'
|
||||||
|
, serializer: (params) => fnAddPageInfo(document.frmSearch, params)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const tab0Options = {
|
||||||
|
el: 'grid_t0',
|
||||||
|
minBodyHeight: 100,
|
||||||
|
bodyHeight: 100, //[선택]Grid 높이 (number(단위: px)|'auto'|'fitToParent')
|
||||||
|
rowHeaders: ['rowNum'],
|
||||||
|
pageOptions: {
|
||||||
|
perPage: 100,
|
||||||
|
type: 'scroll'
|
||||||
|
},
|
||||||
|
columns: tab0Columns,
|
||||||
|
columnOptions: {
|
||||||
|
frozenCount: 0 //고정컬럼 갯수
|
||||||
|
, minWidth: 80 //최소 사이즈
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const tab1Options = $.extend(true, {}, tab0Options, {
|
||||||
|
el: 'grid_d1',
|
||||||
|
minBodyHeight: 100,
|
||||||
|
bodyHeight: 100,
|
||||||
|
});
|
||||||
|
const tab2Options = $.extend(true, {}, tab0Options, {
|
||||||
|
el: 'grid_d2',
|
||||||
|
minBodyHeight: 100,
|
||||||
|
bodyHeight: 100,
|
||||||
|
});
|
||||||
|
const tab3Options = $.extend(true, {}, tab0Options, {
|
||||||
|
el: 'grid_m1',
|
||||||
|
minBodyHeight: 250,
|
||||||
|
bodyHeight: 250,
|
||||||
|
});
|
||||||
|
|
||||||
|
ARR_INSTANCE[0] = TuiGrid.of(tab0Options, tab0Datasource, (res) => {
|
||||||
|
ARR_TOTCNT[0] = res.data.pagination.totalCount;
|
||||||
|
});
|
||||||
|
ARR_INSTANCE[1] = TuiGrid.of(tab1Options, tab0Datasource, (res) => {
|
||||||
|
ARR_TOTCNT[1] = res.data.pagination.totalCount;
|
||||||
|
});
|
||||||
|
ARR_INSTANCE[2] = TuiGrid.of(tab2Options, tab0Datasource, (res) => {
|
||||||
|
ARR_TOTCNT[2] = res.data.pagination.totalCount;
|
||||||
|
});
|
||||||
|
ARR_INSTANCE[3] = TuiGrid.of(tab3Options, tab0Datasource, (res) => {
|
||||||
|
ARR_TOTCNT[3] = res.data.pagination.totalCount;
|
||||||
|
});
|
||||||
|
//tab 클릭 이벤트
|
||||||
|
/*$("#popupTabs").on("click", "li", function(){
|
||||||
|
var tab = parseInt($("#popupTabs .ui-tabs-active a").attr("id"));
|
||||||
|
var tabbb = $('#popupTabs').children('div').not($('#tabs_'+tab));
|
||||||
|
$('#tabs_'+tab).show(500);
|
||||||
|
$('#sch_tab_id').val(tab);
|
||||||
|
//ARR_INSTANCE[tab].refreshLayout();
|
||||||
|
});*/
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
initGrid();
|
||||||
|
$("#popupTabs").tabs({active : 0});
|
||||||
|
orgData = $('form').serialize();
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue