feat: 초기자료 입력 > 민원이력 팝업 반영
parent
8f44db8db0
commit
97659f2ff9
@ -0,0 +1,224 @@
|
|||||||
|
<%--
|
||||||
|
================================================================================
|
||||||
|
File : /fims/biz/cmm/cmmCtznComplaintHistPopup.jsp
|
||||||
|
Name : 단속현황 시민 민원 이력 팝업 - 단속관리>초기자료 편집
|
||||||
|
Auth : lim.jong.uk
|
||||||
|
Date : 2023-03-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"%>
|
||||||
|
|
||||||
|
<div class="popup" style="min-width: 100px;">
|
||||||
|
<div class="popup_inner_02" style="max-width: 800px;">
|
||||||
|
<p class="pop_title">
|
||||||
|
민원 이력
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="w_fix05">
|
||||||
|
<div class="w_fix04 gridGroup">
|
||||||
|
<div style="width: 100%; border:0px solid black">
|
||||||
|
<p class="title deco_01">개별자료 민원 등록내역</p>
|
||||||
|
<div id="grid_cplnt"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w_fix04 gridGroup">
|
||||||
|
<div style="width: 100%; border:0px solid black">
|
||||||
|
<p class="title deco_01">차량번호 민원 등록내역</p>
|
||||||
|
<div id="grid_vhcle_no_cplnt"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w_fix05">
|
||||||
|
<div class="box mT_02">
|
||||||
|
<div class="w_fix04 gridGroup">
|
||||||
|
<p class="title deco_01">민원 내용</p>
|
||||||
|
<textarea id="content0" name="content0" cols="0" rows="5" style="overflow-y: scroll; width:100%;"></textarea>
|
||||||
|
</div>
|
||||||
|
</div><%--box--%>
|
||||||
|
<div class="box mT_02">
|
||||||
|
<div class="w_fix04 gridGroup">
|
||||||
|
<p class="title deco_01">차량번호 민원 내용</p>
|
||||||
|
<textarea id="content1" name="content1" cols="0" rows="5" style="overflow-y: scroll; width:100%;"></textarea>
|
||||||
|
</div>
|
||||||
|
</div><%--box--%>
|
||||||
|
</div>
|
||||||
|
<div class="popup_btn">
|
||||||
|
<div class="flr p_flr">
|
||||||
|
<span>
|
||||||
|
<a href="#" id='btnClose' class="btn lightgray">닫기</a>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!--row -->
|
||||||
|
</div>
|
||||||
|
<script type="text/javaScript">
|
||||||
|
/**************************************************************************
|
||||||
|
* Global Variable
|
||||||
|
**************************************************************************/
|
||||||
|
// 민원 등록 이력 / 차량 번호 민원 등록 이력
|
||||||
|
const ARR_TAP_GRID = [null,null];
|
||||||
|
const ARR_TAP_TOTCNT = [0, 0];
|
||||||
|
let CUR_TAB_SEQ = 0;
|
||||||
|
|
||||||
|
|
||||||
|
/* *******************************
|
||||||
|
* Biz function
|
||||||
|
******************************* */
|
||||||
|
const fnPopupBiz = {
|
||||||
|
onCplntHisClickGrid: (props) => {
|
||||||
|
const rowData = props.grid.getRow(props.rowKey);
|
||||||
|
if(props.grid.el.id === 'grid_cplnt'){
|
||||||
|
$('#content0').val(rowData.content);
|
||||||
|
}else{
|
||||||
|
$('#content1').val(rowData.content);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* event
|
||||||
|
**************************************************************************/
|
||||||
|
$(() => {
|
||||||
|
$("#btnClose").on('click', () => {
|
||||||
|
window.close()
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
/* ******************************
|
||||||
|
* Grid
|
||||||
|
****************************** */
|
||||||
|
const initPopupGrid = () => {
|
||||||
|
const vhcleNoCplntHisColumns = [
|
||||||
|
{
|
||||||
|
header: '내용',
|
||||||
|
name: 'content',
|
||||||
|
minWidth: 150,
|
||||||
|
//editor: 'text',
|
||||||
|
sortable: false,
|
||||||
|
align: 'center',
|
||||||
|
renderer: {
|
||||||
|
type: CustomButtonRenderer,
|
||||||
|
options: {
|
||||||
|
formatter: (props)=>{
|
||||||
|
return {
|
||||||
|
formatter: props.grid.getRow(props.rowKey).content
|
||||||
|
,element: "text"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
,eventFunction: fnPopupBiz.onCplntHisClickGrid
|
||||||
|
,eventType: "click"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: '차량번호',
|
||||||
|
name: 'vhcleNo',
|
||||||
|
minWidth: 90,
|
||||||
|
//editor: 'text',
|
||||||
|
sortable: false,
|
||||||
|
align: 'center'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: '등록일시',
|
||||||
|
name: 'registDt',
|
||||||
|
minWidth: 120,
|
||||||
|
//editor: 'text',
|
||||||
|
sortable: true,
|
||||||
|
align: 'center',
|
||||||
|
formatter({value}) {
|
||||||
|
return setDateTimeFmt(value);
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: '등록자',
|
||||||
|
name: 'register',
|
||||||
|
minWidth: 120,
|
||||||
|
//editor: 'text',
|
||||||
|
sortable: false,
|
||||||
|
align: 'center'
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
const cplntHisColumns = vhcleNoCplntHisColumns.filter((_, index) => index !== 1 );
|
||||||
|
|
||||||
|
|
||||||
|
// 민원 등록 이력 datasource
|
||||||
|
const cplntHisDatasource = {
|
||||||
|
initialRequest: true, // 화면 load시 조회 안함 - default
|
||||||
|
api: {
|
||||||
|
readData: {
|
||||||
|
url: fimsApiUrl.FIND_CTZN_STTEMNT_CMPLT
|
||||||
|
, serializer: (params) => getPageParam({gubun: 0, payerId: '${param.payerId}', regltId: '${param.regltId}'})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 차량번호 민원 등록 이력 datasource
|
||||||
|
const vhcleNoCplntHisHisDatasource = {
|
||||||
|
initialRequest: true, // 화면 load시 조회 안함 - default
|
||||||
|
api: {
|
||||||
|
readData: {
|
||||||
|
url: fimsApiUrl.FIND_CTZN_STTEMNT_CMPLT
|
||||||
|
, serializer: (params) => getPageParam({gubun: 1, vhcleNo: '${param.vhcleNo}'})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const gridOptions = {
|
||||||
|
minBodyHeight: 200,
|
||||||
|
bodyHeight: 200, //[선택]Grid 높이 (number(단위: px)|'auto'|'fitToParent')
|
||||||
|
rowHeaders: ['rowNum'],
|
||||||
|
pageOptions: {
|
||||||
|
perPage: 100,
|
||||||
|
type: 'scroll'
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 민원 등록 내역
|
||||||
|
ARR_TAP_GRID[0] = TuiGrid.of({...gridOptions, el: 'grid_cplnt', columns: cplntHisColumns}, cplntHisDatasource, (res) => {
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
// 차량 번호 민원 등록 내역
|
||||||
|
ARR_TAP_GRID[1] = TuiGrid.of({...gridOptions, el: 'grid_vhcle_no_cplnt', columns: vhcleNoCplntHisColumns}, vhcleNoCplntHisHisDatasource, (res) => {
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
const gridResposeSet = (res, idx) => {
|
||||||
|
ARR_TAP_TOTCNT[idx] = res.data.pagination.totalCount;
|
||||||
|
$('#totCnt span').text(ARR_TAP_TOTCNT[idx]);
|
||||||
|
const gridInfo = ARR_TAP_NAV[idx]?.gridInfo;
|
||||||
|
if(gridInfo && gridInfo?.pageMove) {
|
||||||
|
|
||||||
|
let datas = res.data?.contents.map(d => {
|
||||||
|
return {content: d.content}
|
||||||
|
})
|
||||||
|
|
||||||
|
ARR_TAP_NAV[idx].resetGrid(res, datas, (pagiNavigation)=>{
|
||||||
|
ARR_TAP_NAV[idx] = pagiNavigation;
|
||||||
|
fnBiz.pagePopup(popupDiv, ARR_TAP_NAV[idx].gridInfo.curRowData);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* initialize
|
||||||
|
**************************************************************************/
|
||||||
|
$(document).ready(function(){
|
||||||
|
initPopupGrid();
|
||||||
|
const param = {
|
||||||
|
regltId: '${param.regltId}'
|
||||||
|
,payerId: '${param.payerId}'
|
||||||
|
,vhcleNo: '${param.vhcleNo}'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue