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