|
|
|
|
@ -28,16 +28,41 @@ Date Author Description
|
|
|
|
|
<label><input type="radio" name="regltYn" value="Y" checked>단속</label>
|
|
|
|
|
<label><input type="radio" name="regltYn" value="N">미처리</label>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="title"><label style="padding-right: 26px;">조회일자 :</label></span>
|
|
|
|
|
<select id="sch_date_opt" name="sch_date_opt" class="selectBox">
|
|
|
|
|
<option value="regltDe">단속일자</option>
|
|
|
|
|
<option value="registDt">등록일자</option>
|
|
|
|
|
</select>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="cal-box">
|
|
|
|
|
<input id="sch_date_from" class="inputText cal" name="sch_date_from" type="text" title="시작 날짜 선택">
|
|
|
|
|
<button type="button" name="sch_date_from" class="calendar"><span class="ico far fa-calendar-alt">
|
|
|
|
|
<img style="width:18px;" src="${ctx}/resources/biz/content/images/common/main/calendar.png"/><em>달력</em></span>
|
|
|
|
|
</button>
|
|
|
|
|
~
|
|
|
|
|
<input id="sch_date_to" class="inputText cal" name="sch_date_to" type="text" title="종료 날짜 선택" placeholder="날짜를 선택하세요">
|
|
|
|
|
<button type="button" name="sch_date_to" class="calendar"><span class="ico far fa-calendar-alt">
|
|
|
|
|
<img style="width:18px;" src="${ctx}/resources/biz/content/images/common/main/calendar.png"/><em>달력</em></span>
|
|
|
|
|
</button>
|
|
|
|
|
</span>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li style="padding-bottom:10px; padding-left: 10px;">
|
|
|
|
|
<span class="title">상태 : </span>
|
|
|
|
|
<select id="sch_opt" name="sch_opt" class="selectBox">
|
|
|
|
|
<option value="vhcleNo">차량번호</option>
|
|
|
|
|
</select>
|
|
|
|
|
<input type="text" id="sch_word" name="sch_word" value="">
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="flr">
|
|
|
|
|
<a href="#" class="btn blue" id="btnSearch" title="연계파일등록">검색</a>
|
|
|
|
|
<!-- <button type="button" class="btnSearch" id="btnSearch" name="btnSearch">검색</button>-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="#" class="btn darkgray" id="btnRegist" title="연계파일등록">연계파일처리</a>
|
|
|
|
|
</span>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
</fieldset>
|
|
|
|
|
</div>
|
|
|
|
|
@ -61,11 +86,12 @@ Date Author Description
|
|
|
|
|
<div id="grid"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/biz/common/js/popupPageNavigation.js" defer></script>
|
|
|
|
|
<%--<script type="text/javascript" src="${pageContext.request.contextPath}/resources/biz/common/js/popupPageNavigation.js" defer></script>--%>
|
|
|
|
|
<script type="text/javaScript">
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* Global Variable
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
popup = null;
|
|
|
|
|
let GRID = null;
|
|
|
|
|
var callbackSearch = () => fnBiz.search();
|
|
|
|
|
var pageNav = null;
|
|
|
|
|
@ -84,7 +110,7 @@ Date Author Description
|
|
|
|
|
switch (flag) {
|
|
|
|
|
case "detail":
|
|
|
|
|
url = fimsApiUrl.POPUP_RT_REGLT_TOTAL;
|
|
|
|
|
popOption = {width: 1000, height:800};
|
|
|
|
|
popOption = {width: 1200, height:900};
|
|
|
|
|
popTitle = "개별총정보";
|
|
|
|
|
break;
|
|
|
|
|
case "file":
|
|
|
|
|
@ -132,22 +158,15 @@ Date Author Description
|
|
|
|
|
const initGrid = () => {
|
|
|
|
|
const gridColumns = [
|
|
|
|
|
{
|
|
|
|
|
header: '시스템구분',
|
|
|
|
|
name: 'sysCode',
|
|
|
|
|
minWidth: 120,
|
|
|
|
|
header: '단속일',
|
|
|
|
|
name: 'regltDe',
|
|
|
|
|
width: 80,
|
|
|
|
|
sortable: false,
|
|
|
|
|
align: 'center',
|
|
|
|
|
formatter: 'listItemText',
|
|
|
|
|
//TODO: 편집불가인 경우 disabled: true???
|
|
|
|
|
//editable: false,
|
|
|
|
|
disabled: true,
|
|
|
|
|
editor: {
|
|
|
|
|
type: "select",
|
|
|
|
|
options: {
|
|
|
|
|
listItems: ComboCodeData.sysCode
|
|
|
|
|
formatter({value}) {
|
|
|
|
|
return setDateFmt(value); //
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
header: '단속구분',
|
|
|
|
|
name: 'regltSeCode',
|
|
|
|
|
@ -166,73 +185,106 @@ Date Author Description
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
header: '차량번호',
|
|
|
|
|
name: 'vhcleNo',
|
|
|
|
|
minWidth: 70,
|
|
|
|
|
sortable: false,
|
|
|
|
|
align: 'center'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
header: '단속일자',
|
|
|
|
|
name: 'regltDe',
|
|
|
|
|
minWidth: 80,
|
|
|
|
|
sortable: false,
|
|
|
|
|
align: 'center',
|
|
|
|
|
formatter({value}){
|
|
|
|
|
return setDateFmt(value);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
header: '처리상태',
|
|
|
|
|
name: 'extrlRegltCntcProcessSttus',
|
|
|
|
|
minWidth: 80,
|
|
|
|
|
header: '단속시간',
|
|
|
|
|
name: 'regltBeginTime',
|
|
|
|
|
width: 80,
|
|
|
|
|
sortable: false,
|
|
|
|
|
align: 'center',
|
|
|
|
|
formatter({value}){
|
|
|
|
|
return setDateFmt(value);
|
|
|
|
|
formatter({value}) {
|
|
|
|
|
return setTimeFmt(value); //
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
header: '단속Id',
|
|
|
|
|
name: 'regltId',
|
|
|
|
|
minWidth: 120,
|
|
|
|
|
header: '차량번호',
|
|
|
|
|
name: 'vhcleNo',
|
|
|
|
|
minWidth: 100,
|
|
|
|
|
sortable: false,
|
|
|
|
|
align: 'center',
|
|
|
|
|
renderer: {
|
|
|
|
|
type: CustomButtonRenderer,
|
|
|
|
|
options: {
|
|
|
|
|
formatter: (props)=>{
|
|
|
|
|
const rowData = props.grid.getRow(props.rowKey);
|
|
|
|
|
if(rowData.regltId){
|
|
|
|
|
return {
|
|
|
|
|
formatter: rowData.regltId
|
|
|
|
|
formatter: props.grid.getRow(props.rowKey).vhcleNo
|
|
|
|
|
,element: "text"
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
,eventFunction: fnBiz.onClickGrid
|
|
|
|
|
,eventType: "click"
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
header: '위반장소',
|
|
|
|
|
name: 'regltPlace',
|
|
|
|
|
minWidth: 200,
|
|
|
|
|
sortable: false,
|
|
|
|
|
//align: 'center'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
header: '처리상태',
|
|
|
|
|
name: 'regltProcessSttusCode',
|
|
|
|
|
minWidth: 80,
|
|
|
|
|
sortable: false,
|
|
|
|
|
align: 'center',
|
|
|
|
|
formatter: 'listItemText',
|
|
|
|
|
//TODO: 편집불가인 경우 disabled: true???
|
|
|
|
|
//editable: false,
|
|
|
|
|
disabled: true,
|
|
|
|
|
editor: {
|
|
|
|
|
type: "select",
|
|
|
|
|
options: {
|
|
|
|
|
listItems: ComboCodeData.regltProcessSttusCode
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
header: '수납금액',
|
|
|
|
|
name: 'rcivAmount',
|
|
|
|
|
minWidth: 100,
|
|
|
|
|
sortable: false,
|
|
|
|
|
align: 'right'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
header: '위반횟수',
|
|
|
|
|
name: 'violtCo',
|
|
|
|
|
minWidth: 80,
|
|
|
|
|
sortable: false,
|
|
|
|
|
align: 'right'
|
|
|
|
|
},
|
|
|
|
|
// {
|
|
|
|
|
// header: '위반법규',
|
|
|
|
|
// name: 'violtLrgCode',
|
|
|
|
|
// minWidth: 200,
|
|
|
|
|
// sortable: false,
|
|
|
|
|
// //align: 'center'
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// header: '위반내역',
|
|
|
|
|
// name: 'violtDtlsCode',
|
|
|
|
|
// minWidth: 200,
|
|
|
|
|
// sortable: false,
|
|
|
|
|
// //align: 'center'
|
|
|
|
|
// },
|
|
|
|
|
{
|
|
|
|
|
header: '등록일시',
|
|
|
|
|
name: 'registDt',
|
|
|
|
|
minWidth: 130,
|
|
|
|
|
minWidth: 150,
|
|
|
|
|
sortable: false,
|
|
|
|
|
align: 'center',
|
|
|
|
|
formatter({value}){
|
|
|
|
|
return setDateTimeFmt(value);
|
|
|
|
|
formatter({value}) {
|
|
|
|
|
return setDateTimeFmt(value); //
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
header: '외부연계키',
|
|
|
|
|
name: 'extrlRegltCntcId',
|
|
|
|
|
minWidth: 100,
|
|
|
|
|
sortable: true,
|
|
|
|
|
sortingType: 'desc',
|
|
|
|
|
header: '최종처리일시',
|
|
|
|
|
name: 'last_process_dt',
|
|
|
|
|
minWidth: 150,
|
|
|
|
|
sortable: false,
|
|
|
|
|
align: 'center',
|
|
|
|
|
|
|
|
|
|
formatter({value}) {
|
|
|
|
|
return setDateTimeFmt(value);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
@ -242,6 +294,9 @@ Date Author Description
|
|
|
|
|
columns: gridColumns,
|
|
|
|
|
columnOptions: {
|
|
|
|
|
frozenCount: 5
|
|
|
|
|
},
|
|
|
|
|
pageOptions: {
|
|
|
|
|
perPage: 5
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
@ -249,17 +304,37 @@ Date Author Description
|
|
|
|
|
initialRequest: true, // 화면 load시 조회 안함 - default
|
|
|
|
|
api: {
|
|
|
|
|
readData: {
|
|
|
|
|
url: fimsApiUrl.FIND_CCTV_EC_EXTRL_REGLT_CNTCS
|
|
|
|
|
,serializer: (params) => fnAddPageInfo(document.frmSearch, params)
|
|
|
|
|
// url: fimsApiUrl.FIND_CCTV_EC_EXTRL_REGLT_CNTCS
|
|
|
|
|
// ,serializer: (params) => fnAddPageInfo(document.frmSearch, params)
|
|
|
|
|
url: fimsApiUrl.FIND_RT_REGLTS
|
|
|
|
|
,serializer: (params) => {
|
|
|
|
|
const param = {
|
|
|
|
|
sch_date_opt: $('#sch_date_opt').val()
|
|
|
|
|
,sch_date_from: $('#sch_date_from').val()
|
|
|
|
|
,sch_date_to: $('#sch_date_to').val()
|
|
|
|
|
,[$('#sch_opt').val()]: $('#sch_word').val()
|
|
|
|
|
}
|
|
|
|
|
return getPageParam(param, params);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
GRID = TuiGrid.of(gridOptions, gridDatasource, (res) => {
|
|
|
|
|
// const gridInfo = pageNav?.gridInfo;
|
|
|
|
|
// if(gridInfo && gridInfo?.pageMove) {
|
|
|
|
|
// const datas = res.data?.contents.map(d => {
|
|
|
|
|
// return {extrlRegltCntcId: d.extrlRegltCntcId, regltSeCode: d.regltSeCode, regltId: d.regltId}
|
|
|
|
|
// });
|
|
|
|
|
// pageNav.resetGrid(res, datas, (pagiNavigation)=>{
|
|
|
|
|
// pageNav = pagiNavigation;
|
|
|
|
|
// fnBiz.pagePopup('detail', pageNav.gridInfo.curRowData);
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
const gridInfo = pageNav?.gridInfo;
|
|
|
|
|
if(gridInfo && gridInfo?.pageMove) {
|
|
|
|
|
const datas = res.data?.contents.map(d => {
|
|
|
|
|
return {extrlRegltCntcId: d.extrlRegltCntcId, regltSeCode: d.regltSeCode, regltId: d.regltId}
|
|
|
|
|
return {regltId: d.regltId, regltSeCode: d.regltSeCode}
|
|
|
|
|
});
|
|
|
|
|
pageNav.resetGrid(res, datas, (pagiNavigation)=>{
|
|
|
|
|
pageNav = pagiNavigation;
|
|
|
|
|
@ -273,6 +348,8 @@ Date Author Description
|
|
|
|
|
* initialize
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
|
$('#sch_date_from').datepicker('setDate', DateUtil.getDateDay(-364).date);
|
|
|
|
|
$('#sch_date_to').datepicker('setDate', new Date());
|
|
|
|
|
initGrid();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
