feat:게시판 생성관리 텀플릿 정보 조회 팝업
Kurt92
2 years ago
parent
c72c1035a9
commit
467324e6cd
@ -1,9 +1,58 @@
|
||||
package kr.xit.fims.biz.cmm.fimsTotalPopup.service;
|
||||
|
||||
|
||||
import kr.xit.fims.biz.cmm.FimsServiceStrategy;
|
||||
import kr.xit.fims.biz.cmm.fimsTotalPopup.model.FimsTotalPopupSearchVO;
|
||||
import kr.xit.fims.biz.cmm.fimsTotalPopup.mapper.FimsTotalPopupMapper;
|
||||
import kr.xit.fims.biz.cmm.fimsTotalPopup.model.FimsTotalPopupVO;
|
||||
import kr.xit.fims.biz.cmm.fimsTotalPopup.service.IFimsTotalPopupService;
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import org.springframework.stereotype.Service;
|
||||
import org.springframework.transaction.annotation.Transactional;
|
||||
|
||||
@Service
|
||||
@RequiredArgsConstructor
|
||||
public class FimsTotalPopupService implements IFimsTotalPopupService {
|
||||
|
||||
private final FimsTotalPopupMapper fimsTotalPopupMapper;
|
||||
|
||||
|
||||
|
||||
@Override
|
||||
public FimsTotalPopupVO findTotalView(FimsTotalPopupVO vo) {
|
||||
return fimsTotalPopupMapper.findTotalView(vo);
|
||||
}
|
||||
@Override
|
||||
public void addProc(FimsTotalPopupVO vo){
|
||||
fimsTotalPopupMapper.addProc(vo);
|
||||
}
|
||||
@Override
|
||||
@Transactional
|
||||
public void modifyProc(FimsTotalPopupVO vo) {
|
||||
|
||||
|
||||
//단속정보 수정
|
||||
fimsTotalPopupMapper.modifyProc(vo);
|
||||
//소유자 수정
|
||||
/*1단계 차적조회를 안하고 바로 자료 전송
|
||||
하여 payer를 알수 없음.*/
|
||||
/*fimsTotalPopupMapper.modifyProcPayer(vo);*/
|
||||
//서손 수정
|
||||
/*fimsTotalPopupMapper.modifyProcErpp(vo);*/
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@Override
|
||||
@Transactional
|
||||
public void removeProc(FimsTotalPopupVO vo) {
|
||||
|
||||
//단속정보 삭제
|
||||
fimsTotalPopupMapper.removeProc(vo);
|
||||
//소유자 수정
|
||||
/*fimsTotalPopupMapper.modifyProcPayer(vo);*/
|
||||
//서손 수정
|
||||
/*fimsTotalPopupMapper.modifyProcErpp(vo);*/
|
||||
|
||||
}
|
||||
|
||||
public interface FimsTotalPopupService extends FimsServiceStrategy<FimsTotalPopupVO, FimsTotalPopupSearchVO> {
|
||||
}
|
||||
|
||||
@ -0,0 +1,15 @@
|
||||
package kr.xit.fims.biz.cmm.fimsTotalPopup.service;
|
||||
|
||||
|
||||
import kr.xit.fims.biz.cmm.fimsTotalPopup.model.FimsTotalPopupVO;
|
||||
|
||||
public interface IFimsTotalPopupService {
|
||||
|
||||
|
||||
FimsTotalPopupVO findTotalView(final FimsTotalPopupVO vo);
|
||||
|
||||
void addProc(FimsTotalPopupVO vo);
|
||||
void modifyProc(FimsTotalPopupVO vo);
|
||||
|
||||
void removeProc(FimsTotalPopupVO vo);
|
||||
}
|
||||
@ -1,52 +0,0 @@
|
||||
package kr.xit.fims.biz.cmm.fimsTotalPopup.service.impl;
|
||||
|
||||
import kr.xit.fims.biz.cmm.fimsTotalPopup.mapper.FimsTotalPopupMapper;
|
||||
import kr.xit.fims.biz.cmm.fimsTotalPopup.model.FimsTotalPopupSearchVO;
|
||||
import kr.xit.fims.biz.cmm.fimsTotalPopup.model.FimsTotalPopupVO;
|
||||
import kr.xit.fims.biz.cmm.fimsTotalPopup.service.FimsTotalPopupService;
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import org.apache.ibatis.session.RowBounds;
|
||||
import org.springframework.beans.factory.annotation.Autowired;
|
||||
import org.springframework.stereotype.Service;
|
||||
|
||||
import java.sql.SQLException;
|
||||
import java.util.List;
|
||||
|
||||
@Service
|
||||
@RequiredArgsConstructor
|
||||
public class FimsTotalPopupServiceImpl implements FimsTotalPopupService {
|
||||
|
||||
private final FimsTotalPopupMapper fimsTotalPopupMapper;
|
||||
|
||||
@Override
|
||||
public List<FimsTotalPopupVO> findList(FimsTotalPopupSearchVO searchVO, RowBounds rowBounds) {
|
||||
return null;
|
||||
}
|
||||
|
||||
|
||||
@Override
|
||||
public FimsTotalPopupVO findView(FimsTotalPopupVO vo) {
|
||||
return fimsTotalPopupMapper.findView(vo);
|
||||
}
|
||||
|
||||
@Override
|
||||
public void addProc(FimsTotalPopupVO vo) {
|
||||
|
||||
}
|
||||
|
||||
@Override
|
||||
public void modifyProc(FimsTotalPopupVO vo) {
|
||||
|
||||
|
||||
//단속정보 수정
|
||||
fimsTotalPopupMapper.modifyProc(vo);
|
||||
//소유자 수정
|
||||
fimsTotalPopupMapper.modifyProcOwner(vo);
|
||||
|
||||
}
|
||||
|
||||
@Override
|
||||
public void removeProc(FimsTotalPopupVO vo) {
|
||||
|
||||
}
|
||||
}
|
||||
@ -1,490 +0,0 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ include file="/WEB-INF/jsp/framework/taglibs.jsp"%>
|
||||
|
||||
|
||||
<form id="frmSearch" name="frmSearch" method="get">
|
||||
<input type="hidden" id="elctrn_ntic_sndng_id" name="elctrn_ntic_sndng_id" value="${contents.reglt_id}">
|
||||
|
||||
|
||||
<div class="conttitle">
|
||||
<img src="${ctx }/resources/biz/content/resources/images/common/main/titleLogo_01.png"/>
|
||||
<p class="title">발송관리</p>
|
||||
</div>
|
||||
|
||||
<div class="shipmentInfo">
|
||||
<div class="titleBox_01">
|
||||
<span>발송정보</span>
|
||||
</div>
|
||||
<div class="tableArea_02">
|
||||
<table>
|
||||
<tr>
|
||||
<td colspan="4" class="t">발송 예약 정보</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="t">통지서명</td>
|
||||
<td colspan="4">${contents.reglt_id}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="t">기관명</td>
|
||||
<td></td>
|
||||
<td class="t">접수일시</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="t">발송건수</td>
|
||||
<td></td>
|
||||
<td class="t">발송처리상태</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="t">발송일시</td>
|
||||
<td></td>
|
||||
<td class="t">조회마감일시</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="shipmentInfo">
|
||||
<div class="titleBox_01 topMargin_30" >
|
||||
<span>발송대상</span>
|
||||
</div>
|
||||
|
||||
<div class="search_02">
|
||||
<div class="defalt_03">
|
||||
<fieldset class="frmSearch">
|
||||
<legend>기본검색</legend>
|
||||
<ul class="detailGroup_02">
|
||||
<li>
|
||||
<span class="title"><label for="sel02" >대상 검색 :</label></span>
|
||||
<select id="sch_search_word_opt" name ="sch_search_word_opt" class="selectBox">
|
||||
<option value="">전체</option>
|
||||
<option value="01">미납자</option>
|
||||
<option value="02">차량번호</option>
|
||||
</select>
|
||||
</li>
|
||||
<li style="margin-left: 32px;">
|
||||
<input id="sch_search_word" name="sch_search_word" class="inputText" type="text" title="검색어 입력" placeholder="검색어를 입력하세요.">
|
||||
<span class='button-box'><button type="button" class="btnSearch" id="btnSearch" name="btnSearch">검색</button></span>
|
||||
</li>
|
||||
</ul>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contents">
|
||||
<div class="topBtnArea">
|
||||
<ul class="btnList">
|
||||
<!-- <li> -->
|
||||
<!-- <button data-show-popup="sampleBox">팝업 버튼 예시</button> -->
|
||||
<!-- </li> -->
|
||||
<li>
|
||||
<button type="button" id="btnExcel"><i class="ico far fa-file-excel"></i> 엑셀</button>
|
||||
</li>
|
||||
<!-- <li> -->
|
||||
<!-- <button><i class="ico far fa-file-pdf"></i> pdf</button> -->
|
||||
<!-- </li> -->
|
||||
<!-- <li> -->
|
||||
<!-- <button><i class="ico fas fa-save"></i> 저장</button> -->
|
||||
<!-- </li> -->
|
||||
<!-- <li> -->
|
||||
<!-- <button type="button" id="btnModify"><i class="ico fas fa-edit"></i> 수정</button> -->
|
||||
<!-- </li> -->
|
||||
<!-- <li> -->
|
||||
<!-- <button id="btnRemove"><i class="ico far fa-trash-alt"></i> 삭제</button> -->
|
||||
<!-- </li> -->
|
||||
</ul>
|
||||
<div class="list clearfix" id="totCnt">전체 ㅣ <span>{tot_cnt}<span></div>
|
||||
</div>
|
||||
|
||||
<div id="grid"></div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javaScript" language="javascript" defer="defer">
|
||||
|
||||
$(document).ready(function(){
|
||||
Rt0200_detail.init();
|
||||
});
|
||||
/* *******************************
|
||||
* 사용자 등록관리 Functions
|
||||
******************************* */
|
||||
var Rt0200_detail = {
|
||||
/* ========================
|
||||
* 초기화
|
||||
======================== */
|
||||
init : function(){
|
||||
/**
|
||||
* Grid Config Settings
|
||||
*/
|
||||
//Grid Style Set
|
||||
Grid.applyTheme('striped'); // Call API of static method
|
||||
|
||||
//조회 목록 클릭 Event 설정
|
||||
instance.on('click', function(ev) {
|
||||
var props = {};
|
||||
props['rowKey'] = ev.rowKey;
|
||||
props['grid'] = ev.instance;
|
||||
|
||||
console.log(props);
|
||||
});
|
||||
|
||||
//Grid 체크박스 checked EventListner
|
||||
instance.on('check', function(ev) {
|
||||
// console.log('check!', ev);
|
||||
});
|
||||
//Grid 체크박스 unchecked EventListner
|
||||
instance.on('uncheck', function(ev) {
|
||||
// console.log('uncheck!', ev);
|
||||
});
|
||||
//Grid 체크박스 focus이동 EventListner
|
||||
instance.on('focusChange', function(ev) {
|
||||
// console.log('change focused cell!', ev);
|
||||
});
|
||||
//Grid 처리상태에 따른 콜백
|
||||
instance.on('successResponse', function(ev) {
|
||||
//조회한 데이터 카운트
|
||||
$('#totCnt span').text(JSON.parse(ev.xhr.response).data.pagination.totalCount);
|
||||
});
|
||||
|
||||
/**
|
||||
* Elements EventListener Settings
|
||||
*/
|
||||
|
||||
//검색 Event 설정
|
||||
|
||||
$('#btnSearch').on({
|
||||
click: function(){
|
||||
var sch_search_word_opt = $('select[name=sch_search_word_opt]').val();
|
||||
var sch_search_word = $('#sch_search_word').val();
|
||||
var search_grid = null;
|
||||
|
||||
if(sch_search_word_opt == "01" || sch_search_word_opt == "02") {
|
||||
if(sch_search_word == "") {
|
||||
alert("검색어를 입력하여 주세요");
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
/** 2022.04.25 최정민
|
||||
* 검색기능 클라이언트 페이지에서 구현
|
||||
*/
|
||||
if(originData == null) {
|
||||
originData = instance.getData();
|
||||
}
|
||||
if(sch_search_word_opt != "" || sch_search_word_opt != null){
|
||||
if (sch_search_word_opt == "01"){
|
||||
instance.resetData(originData);
|
||||
search_grid = instance.findRows({om_name: sch_search_word});
|
||||
instance.resetData(search_grid);
|
||||
|
||||
} else if (sch_search_word_opt == "02"){
|
||||
instance.resetData(originData);
|
||||
search_grid = instance.findRows({mm_carno: sch_search_word});
|
||||
instance.resetData(search_grid);
|
||||
} else {
|
||||
instance.resetData(originData);
|
||||
}
|
||||
} else {
|
||||
instance.resetData(originData);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
// 엑셀저장 버튼 Event 설정
|
||||
$('#btnExcel').on({
|
||||
click: function(){
|
||||
//document.frmSearch.searchAt.value = "N";
|
||||
//document.frmSearch.action = "<c:out value='/adm/send/rqst/mng/excel.do'/>";
|
||||
//document.frmSearch.submit();
|
||||
/** 2022.04.22 최정민
|
||||
* 엑셀저장기능 서버호출에서 그리드 엑셀저장 호출로 변경
|
||||
*/
|
||||
GridConfig.exportExcel(DateUtil.getDate().date);
|
||||
}
|
||||
});
|
||||
// pdf저장 버튼 Event 설정
|
||||
$('#btnExportPdf').on({
|
||||
click: function(){
|
||||
}
|
||||
});
|
||||
// 등록 버튼 Event 설정
|
||||
$('#btnRegist').on({
|
||||
click: function(){
|
||||
}
|
||||
});
|
||||
// 수정 버튼 Event 설정
|
||||
$('#btnModify').on({
|
||||
click: function(props){
|
||||
|
||||
var rowData = props.grid.getRow(props.rowKey);
|
||||
console.log(rowData);
|
||||
|
||||
//console.log(grid.getValues(props));
|
||||
|
||||
/*
|
||||
const { rowKey, columnName } = grid.getFocusedCell();
|
||||
|
||||
if (rowKey && columnName) {
|
||||
grid.finishEditing(rowKey, columnName);
|
||||
}
|
||||
|
||||
grid.request('updateData', {
|
||||
checkedOnly: false
|
||||
}); */
|
||||
}
|
||||
});
|
||||
//삭제 버튼 Event 설정
|
||||
$('#btnRemove').on({
|
||||
click: function(){
|
||||
if(confirm("삭제하시겠습니까?")){
|
||||
}
|
||||
}
|
||||
});
|
||||
Rt0200_detail.fn_setInputLimit();
|
||||
},
|
||||
/* ========================
|
||||
* 입력값 언어 선택
|
||||
======================== */
|
||||
fn_setInputLimit : function(){
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 조회
|
||||
======================== */
|
||||
findData : function(){
|
||||
instance.reloadData();
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 등록
|
||||
======================== */
|
||||
addData : function(){
|
||||
var param = $("#frmSearch").serialize();
|
||||
$.ajax({
|
||||
url : "/adm/send/rqst/mng/proc.do",
|
||||
data : param,
|
||||
type : "POST",
|
||||
dataType : "json",
|
||||
success : function(data) {
|
||||
},
|
||||
error: function(){
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 수정
|
||||
======================== */
|
||||
modifyData : function(){
|
||||
var param = $("#frmSearch").serialize();
|
||||
$.ajax({
|
||||
url : "/adm/send/rqst/mng/proc.do",
|
||||
data : param,
|
||||
type : "PUT",
|
||||
dataType : "json",
|
||||
success : function(data) {
|
||||
},
|
||||
error: function(){
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 삭제
|
||||
======================== */
|
||||
removeData : function(){
|
||||
var param = $("#frmSearch").serialize();
|
||||
$.ajax({
|
||||
url : "/adm/send/rqst/mng/proc.do",
|
||||
data : param,
|
||||
type : "DELETE",
|
||||
dataType : "json",
|
||||
success : function(data) {
|
||||
},
|
||||
error: function(){
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
/* ========================
|
||||
* 유효성 검증
|
||||
======================== */
|
||||
validate : function(flag){
|
||||
switch(flag){
|
||||
case 'insert' :
|
||||
break;
|
||||
case 'update' :
|
||||
break;
|
||||
case 'delete' :
|
||||
break;
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
/* ========================
|
||||
* 페이지 이동
|
||||
-외부사이트 링크가 필요 시 사용(내부코드는 각 페이지에 맞게 수정, ex>https://www.gov.kr/portal/main )
|
||||
======================== */
|
||||
pageLink: function(flag, url, params){
|
||||
switch (flag) {
|
||||
case "move": //페이지 이동
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* ******************************
|
||||
* Grid 환경 설정
|
||||
****************************** */
|
||||
var GridConfig = new XitTuiGridConfig();
|
||||
GridConfig.setOptGridId('grid'); //Grid를 출력할 Element ID(해당 Element에 Grid가 출력 됨)
|
||||
GridConfig.setOptGridHeight(350); //Grid 높이(단위: px)
|
||||
GridConfig.setOptRowHeight(30); //Grid row 높이(단위: px) /*2021.09.23 박소영 as-is:GridConfig.setOptRowHeight(20) to-be:GridConfig.setOptRowHeight(30);*/
|
||||
GridConfig.setOptRowHeaderType('rowNum'); //Row 첫번째 Cell 타입(rowNum: 순번, checkbox: 체크박스, '': 아무것도 출력 안함)
|
||||
GridConfig.setOptPageOptions({ //페이징(Pagination) 옵션
|
||||
/** 2022.04.22 최정민
|
||||
* 상세보기 페이지에 페이징 기능 제거
|
||||
*/
|
||||
//useClient: true //Client Paging 여부(true 설정 시 클라이언트 자체 페이징 처리. 서버호출 X)
|
||||
//,perPage: 100 //페이지당 표시 건수
|
||||
});
|
||||
GridConfig.setOptColumnOptions({ //컬럼고정 옵션
|
||||
frozenCount: 2
|
||||
});
|
||||
GridConfig.setOptDataSource({ //DataSource
|
||||
/* -----------------------
|
||||
* DataSource Config Setting
|
||||
* -설정항목은 Global 적용 되며
|
||||
* -API별 적용을 원할 경우 각 API 안에 작성 가능(우선순위: 개별->글로벌)
|
||||
----------------------- */
|
||||
//contentType: 'application/json',
|
||||
//headers: { 'x-custom-header': 'custom-header' },
|
||||
initialRequest: false, //디폴트 값은 true(false: 인스턴스 생성 시 요청은 보내지 않음. 이런 경우 "instance.reloadData()"를 사용하여 요청 가능)
|
||||
//serializer: function(params) {
|
||||
//return $(document.frmSearch).serialize();
|
||||
// },
|
||||
/* -----------------------
|
||||
* DataSource API Setting
|
||||
----------------------- */
|
||||
api: {
|
||||
readData : {
|
||||
url: '<c:url value="/adm/send/rqst/mng/find.do"/>', method: 'GET'
|
||||
,initParams: {}
|
||||
,serializer: function(params) {
|
||||
var form = document.frmSearch;
|
||||
var serializeParam = $(form).serialize();
|
||||
for(var key in params){
|
||||
if(key=='perPage'){
|
||||
if(params[key]==undefined)
|
||||
serializeParam +='&'+key+'=-1';
|
||||
else
|
||||
serializeParam +='&'+key+'='+params[key];
|
||||
}else
|
||||
serializeParam +='&'+key+'='+params[key];
|
||||
}
|
||||
return serializeParam;
|
||||
}
|
||||
}
|
||||
,createData: { url: '', method: 'POST'}
|
||||
,updateData: { url: '<c:url value="/adm/send/rqst/mng/proc.do"/>' , method: 'PUT'}
|
||||
,modifyData: { url: '', method: 'PUT'}
|
||||
,deleteData: { url: '', method: 'DELETE'}
|
||||
}
|
||||
});
|
||||
/** 2022.04.22 최정민
|
||||
* 그리드 정렬기능(sortable: true) 추가, 셀수정기능 제거(editor: 'text' 주석)
|
||||
*/
|
||||
GridConfig.setOptColumns([ //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'
|
||||
}
|
||||
]);
|
||||
var Grid = tui.Grid;
|
||||
var instance = GridConfig.instance(Grid); //Grid 인스턴스
|
||||
|
||||
|
||||
var originData = null;
|
||||
console.log(originData);
|
||||
|
||||
</script>
|
||||
@ -1,439 +0,0 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ include file="/WEB-INF/jsp/framework/taglibs.jsp"%>
|
||||
|
||||
|
||||
<form id="frmSearch" name="frmSearch" method="get">
|
||||
<input type="hidden" id="searchGubun" name="searchGubun" value="excel">
|
||||
<input type="hidden" id="sch_tab_id" name="sch_tab_id" value="0"/>
|
||||
|
||||
<div class="search">
|
||||
<div class="detail_02" style="display: block;">
|
||||
<fieldset class="frmSearch">
|
||||
<legend>상세 검색</legend>
|
||||
<ul class="detailGroup_02">
|
||||
|
||||
<li>
|
||||
<span class="title"><label style="padding-right: 26px;">조회일자 :</label></span>
|
||||
<select id="sch_date_opt" name="sch_date_opt" class="selectBox">
|
||||
<option value="1">위반일자</option>
|
||||
<option value="2">등록일자</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/ens/content/images/common/main/calendar.png"/><em>달력</em></span> --%>
|
||||
<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/ens/content/images/common/main/calendar.png"/><em>달력</em></span> --%>
|
||||
<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: 40px;">
|
||||
<span class="title">상태 : </span>
|
||||
<select id="sch_opt" name="sch_opt" class="selectBox">
|
||||
<option value="1">차량번호</option>
|
||||
<option value="2">소유자명</option>
|
||||
</select>
|
||||
</li>
|
||||
<input type="text" id="sch_word" name="sch_word" value="">
|
||||
<button type="button" class="btnSearch" id="btnSearch" name="btnSearch">검색</button>
|
||||
|
||||
</ul>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="contents">
|
||||
<div class="topBtnArea">
|
||||
<ul class="btnList">
|
||||
<!-- <li> -->
|
||||
<!-- <button data-show-popup="sampleBox">팝업 버튼 예시</button> -->
|
||||
<!-- </li> -->
|
||||
<li>
|
||||
<button type="button" id="btnExcel"><i class="ico far fa-file-excel"></i> 엑셀</button>
|
||||
</li>
|
||||
<!-- <li> -->
|
||||
<!-- <button id="btnExportPdf"><i class="ico far fa-file-pdf"></i> pdf</button> -->
|
||||
<!-- </li> -->
|
||||
<!-- <li> -->
|
||||
<!-- <button id="btnRegist"><i class="ico fas fa-save"></i> 저장</button> -->
|
||||
<!-- </li> -->
|
||||
<!-- <li> -->
|
||||
<!-- <button id="btnModify"><i class="ico fas fa-edit"></i> 수정</button> -->
|
||||
<!-- </li> -->
|
||||
<!-- <li> -->
|
||||
<!-- <button id="btnRemove"><i class="ico far fa-trash-alt"></i> 삭제</button> -->
|
||||
<!-- </li> -->
|
||||
</ul>
|
||||
<div class="list clearfix" id="totCnt">전체 ㅣ <span></span></div>
|
||||
</div>
|
||||
<!-- <div class="tableArea"> -->
|
||||
<!-- //버튼 및 페이지정보 -->
|
||||
<div class="row">
|
||||
<div id="tabs">
|
||||
<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>
|
||||
</ul>
|
||||
|
||||
<div id="tabs_0">
|
||||
<div id="grid_t0"></div>
|
||||
</div>
|
||||
<div id="tabs_1">
|
||||
<div id="grid_t1"></div>
|
||||
</div>
|
||||
<div id="tabs_2">
|
||||
<div id="grid_t2"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- //tabs -->
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 다이얼로그 팝업 예시(sampleBox) -->
|
||||
<div class="modal-wrap">
|
||||
<div class="modal-cell">
|
||||
<!-- cont-box는 ID를 추가하여 여러개의 내용을 넣어주세요.
|
||||
팝업 오픈시 해당 ID의 팝업만 노출 되도록 만들었습니다. -->
|
||||
<div class="cont-box" id="sampleBox">
|
||||
<p>
|
||||
단순 팝업 입니다.<br>
|
||||
내용이 많으면 더 쓰셔도 됩니다.
|
||||
</p>
|
||||
<div class="btn-box">
|
||||
<button data-modal-close class="btnDark">확인</button>
|
||||
<button data-modal-close class="btnDark">취소</button>
|
||||
</div>
|
||||
<button data-modal-close class="fas btn-close"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script type="text/javaScript" language="javascript" defer="defer">
|
||||
// 전역변수 선언
|
||||
const ARR_INSTANCE = [null,null,null];
|
||||
const ARR_TOTCNT = [0,0,0];
|
||||
let CUR_TAB_SEQ = 0;
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
Rt0200_main.init();
|
||||
|
||||
$('#totCnt span').text(ARR_TOTCNT[CUR_TAB_SEQ]);
|
||||
$("#tabs").tabs({active : CUR_TAB_SEQ});
|
||||
//ARR_INSTANCE[0].refreshLayout();
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
/* *******************************
|
||||
* 사용자 등록관리 Functions
|
||||
******************************* */
|
||||
const Rt0200_main = {
|
||||
|
||||
|
||||
|
||||
/* ========================
|
||||
* 초기화
|
||||
======================== */
|
||||
init : function() {
|
||||
/** ******************************
|
||||
* 화면 설정
|
||||
****************************** */
|
||||
$('#sch_date_from').datepicker('setDate', DateUtil.getDateDay(-365).date);
|
||||
$('#sch_date_to').datepicker('setDate', DateUtil.getDateDay().date);
|
||||
|
||||
|
||||
/* ******************************
|
||||
* Grid
|
||||
****************************** */
|
||||
const tab0Columns = [ //Grid 컬럼 정보(명칭,매핑 field, 기타옵션 등)
|
||||
{
|
||||
header: '차량번호',
|
||||
name: 'vhcle_no',
|
||||
minWidth: 120,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '소유자명',
|
||||
name: 'owner_nm',
|
||||
minWidth: 120,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '위반장소',
|
||||
name: 'violt_place',
|
||||
width: 120,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '위반횟수',
|
||||
name: 'violt_co',
|
||||
width: 110,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '수납금액',
|
||||
name: 'rciv_amount',
|
||||
width: 150,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '등록일시',
|
||||
name: 'regist_dt',
|
||||
width: 110,
|
||||
sortable: false,
|
||||
align: 'center',
|
||||
formatter({value}){
|
||||
return setDateFmt(value); //
|
||||
}
|
||||
},
|
||||
{
|
||||
header: '최종처리일시',
|
||||
name: 'last_process_dt',
|
||||
width: 120,
|
||||
sortable: false,
|
||||
align: 'center',
|
||||
formatter({value}){
|
||||
return setDateTimeFmt(value);
|
||||
}
|
||||
}
|
||||
];
|
||||
//DataSource
|
||||
let tab0Datasource = {
|
||||
//initialRequest: false, // 화면 load시 조회 않함 - default
|
||||
api: {
|
||||
readData: {
|
||||
url: '<c:url value="/fims/biz/rt/findRt0200List.do"/>'
|
||||
, serializer: (params) => fnAddPageInfo(document.frmSearch, params)
|
||||
}
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
const tab0Options = {
|
||||
el: 'grid_t0',
|
||||
rowHeaders: ['rowNum'],
|
||||
columns: tab0Columns,
|
||||
columnOptions: {
|
||||
frozenCount: 1 //고정컬럼 갯수
|
||||
, minWidth: 80 //최소 사이즈
|
||||
},
|
||||
};
|
||||
const tab1Options = $.extend(true, {}, tab0Options, {
|
||||
el: 'grid_t1'
|
||||
});
|
||||
const tab2Options = $.extend(true, {}, tab0Options, {
|
||||
el: 'grid_t2'
|
||||
});
|
||||
|
||||
const onDblClickEventSet = function(tabSeq) {
|
||||
ARR_INSTANCE[tabSeq].on('dblclick', function(ev) {
|
||||
var props = {};
|
||||
props['rowKey'] = ev.rowKey;
|
||||
props['grid'] = ev.instance;
|
||||
Rt0200_main.clickRegBtn(props);
|
||||
//Rt0200_main.clickRegBtn(ev.instance.getRow(ev.rowKey), tabSeq);
|
||||
});
|
||||
};
|
||||
|
||||
ARR_INSTANCE[0] = TuiGrid.of(tab0Options, tab0Datasource, (res) => {
|
||||
ARR_TOTCNT[0] = res.data.pagination.totalCount;
|
||||
onDblClickEventSet(0);
|
||||
});
|
||||
|
||||
ARR_INSTANCE[1] = TuiGrid.of(tab1Options, tab0Datasource, (res) => {
|
||||
ARR_TOTCNT[1] = res.data.pagination.totalCount;
|
||||
onDblClickEventSet(1);
|
||||
});
|
||||
ARR_INSTANCE[2] = TuiGrid.of(tab2Options, tab0Datasource, (res) => {
|
||||
ARR_TOTCNT[2] = res.data.pagination.totalCount;
|
||||
onDblClickEventSet(2);
|
||||
});
|
||||
|
||||
|
||||
|
||||
/* ******************************
|
||||
* Grid event
|
||||
****************************** */
|
||||
|
||||
/*
|
||||
//Grid 체크박스 checked EventListner
|
||||
ARR_INSTANCE[CUR_TAB_SEQ].on('check', function(ev) {
|
||||
// console.log('check!', ev);
|
||||
});
|
||||
//Grid 체크박스 unchecked EventListner
|
||||
ARR_INSTANCE[CUR_TAB_SEQ].on('uncheck', function(ev) {
|
||||
// console.log('uncheck!', ev);
|
||||
});
|
||||
//Grid 체크박스 focus이동 EventListner
|
||||
ARR_INSTANCE[CUR_TAB_SEQ].on('focusChange', function(ev) {
|
||||
// console.log('change focused cell!', ev);
|
||||
});
|
||||
|
||||
//Grid 처리상태에 따른 콜백
|
||||
ARR_INSTANCE[CUR_TAB_SEQ].on('successResponse', function(ev) {
|
||||
//조회한 데이터 카운트
|
||||
//$('#totCnt span').text(JSON.parse(ev.xhr.response).data.pagination.totalCount);
|
||||
});
|
||||
*/
|
||||
|
||||
|
||||
|
||||
/** ******************************
|
||||
* Event 정의
|
||||
* ******************************/
|
||||
//tab
|
||||
$("#tabs").on("click", "li", function () {
|
||||
CUR_TAB_SEQ = parseInt($("#tabs .ui-tabs-active a").attr("id"));
|
||||
$('#totCnt span').text(ARR_TOTCNT[CUR_TAB_SEQ]);
|
||||
let tabId = CUR_TAB_SEQ
|
||||
$('#sch_tab_id').val(tabId);
|
||||
|
||||
if(ARR_INSTANCE[tabId]) ARR_INSTANCE[tabId].refreshLayout();
|
||||
});
|
||||
|
||||
//검색
|
||||
$('#btnSearch').on('click', () => {
|
||||
const sch_date_opt = $('select[name=sch_date_opt]').val();
|
||||
const sch_date_from = $('#sch_date_from').val();
|
||||
const sch_date_to = $('#sch_date_to').val();
|
||||
/*sch_date_from = sch_date_from.replace(/\./g, '');*/
|
||||
|
||||
if (sch_date_from != "" || sch_date_to != "") {
|
||||
if (sch_date_opt == "" || sch_date_from == "" || sch_date_to == "") {
|
||||
alert("조회기준 또는 일시를 선택하세요");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
ARR_INSTANCE[CUR_TAB_SEQ].reloadData();
|
||||
// ARR_INSTANCE[CUR_TAB_SEQ].refreshLayout();
|
||||
});
|
||||
|
||||
|
||||
$('#btnExcel').on('click', () => {
|
||||
//document.frmSearch.searchAt.value = "N";
|
||||
//document.frmSearch.action = "<c:out value='/adm/send/rqst/mng/excel.do'/>";
|
||||
//document.frmSearch.submit();
|
||||
/** 2022.04.22 최정민
|
||||
* 엑셀저장기능 서버호출에서 그리드 엑셀저장 호출로 변경
|
||||
*/
|
||||
TuiGrid.exportExcel(ARR_INSTANCE[CUR_TAB_SEQ], DateUtil.getDate().date, 'rowNum');
|
||||
}
|
||||
);
|
||||
// pdf저장 버튼 Event 설정
|
||||
$('#btnExportPdf').on('click', () => {
|
||||
});
|
||||
|
||||
// 등록 버튼 Event 설정
|
||||
$('#btnRegist').on('click', () => {
|
||||
});
|
||||
|
||||
// 수정 버튼 Event 설정
|
||||
$('#btnModify').on('click', () => {
|
||||
});
|
||||
//삭제 버튼 Event 설정
|
||||
$('#btnRemove').on('click', () => {
|
||||
});
|
||||
},
|
||||
|
||||
clickRegBtn: function(props){
|
||||
let rowData = props.grid.getRow(props.rowKey);
|
||||
<%--Rt0200_main.pagePopup('detail', '<c:url value="/cmm/fimsPopup/fimsTotalPopup.do"/>', params);--%>
|
||||
CmmPopup.open('<c:url value="/cmm/fimsPopup/fimsTotalPopup.do"/>',
|
||||
{
|
||||
tilesDef: 'popup',
|
||||
selectedId: rowData.reglt_id
|
||||
},
|
||||
{
|
||||
width: 1500,
|
||||
height: 900
|
||||
},
|
||||
'단속자료 상세 현황'
|
||||
)
|
||||
},
|
||||
|
||||
|
||||
|
||||
addData: function(){
|
||||
var param = $("#frmSearch").serialize();
|
||||
$.ajax({
|
||||
url : "/adm/send/rqst/mng/proc.do",
|
||||
data : param,
|
||||
type : "POST",
|
||||
dataType : "json",
|
||||
success : function(data) {
|
||||
},
|
||||
error: function(){
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
modifyData: function(){
|
||||
var param = $("#frmSearch").serialize();
|
||||
$.ajax({
|
||||
url : "/adm/send/rqst/mng/proc.do",
|
||||
data : param,
|
||||
type : "PUT",
|
||||
dataType : "json",
|
||||
success : function(data) {
|
||||
ARR_INSTANCE[CUR_TAB_SEQ].resetData(data);
|
||||
},
|
||||
error: function(){
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
removeData: function(){
|
||||
var param = $("#frmSearch").serialize();
|
||||
$.ajax({
|
||||
url : "/adm/send/rqst/mng/proc.do",
|
||||
data : param,
|
||||
type : "DELETE",
|
||||
dataType : "json",
|
||||
success : function(data) {
|
||||
},
|
||||
error: function(){
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
validate: function(flag){
|
||||
switch(flag){
|
||||
case 'insert' :
|
||||
break;
|
||||
case 'update' :
|
||||
break;
|
||||
case 'delete' :
|
||||
break;
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
@ -1,486 +0,0 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ include file="/WEB-INF/jsp/framework/taglibs.jsp"%>
|
||||
|
||||
|
||||
<form id="frmSearch" name="frmSearch" method="get">
|
||||
<input type="hidden" id="searchGubun" name="searchGubun" value="excel">
|
||||
<input type="hidden" id="sch_tab_id" name="sch_tab_id" value="0"/>
|
||||
|
||||
<div class="search">
|
||||
<div class="detail_02" style="display: block;">
|
||||
<fieldset class="frmSearch">
|
||||
<legend>상세 검색</legend>
|
||||
<ul class="detailGroup_02">
|
||||
|
||||
<li>
|
||||
<span class="title"><label for="sel02" style="padding-right: 26px;">조회일자 :</label></span>
|
||||
<select id="sch_date_opt" name="sch_date_opt" class="selectBox">
|
||||
<option value="1">위반일자</option>
|
||||
<option value="2">등록일자</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/ens/content/images/common/main/calendar.png"/><em>달력</em></span> --%>
|
||||
<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/ens/content/images/common/main/calendar.png"/><em>달력</em></span> --%>
|
||||
<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: 40px;">
|
||||
<span class="title">상태 : </span>
|
||||
<select id="sch_opt" name="sch_opt" class="selectBox">
|
||||
<option value="1">차량번호</option>
|
||||
<option value="2">소유자명</option>
|
||||
</select>
|
||||
</li>
|
||||
<input type="text" id="sch_word" name="sch_word" value="">
|
||||
<button type="button" class="btnSearch" id="btnSearch" name="btnSearch">검색</button>
|
||||
|
||||
</ul>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="contents">
|
||||
<div class="topBtnArea">
|
||||
<ul class="btnList">
|
||||
<!-- <li> -->
|
||||
<!-- <button data-show-popup="sampleBox">팝업 버튼 예시</button> -->
|
||||
<!-- </li> -->
|
||||
<li>
|
||||
<button type="button" id="btnExcel"><i class="ico far fa-file-excel"></i> 엑셀</button>
|
||||
</li>
|
||||
<!-- <li> -->
|
||||
<!-- <button id="btnExportPdf"><i class="ico far fa-file-pdf"></i> pdf</button> -->
|
||||
<!-- </li> -->
|
||||
<!-- <li> -->
|
||||
<!-- <button id="btnRegist"><i class="ico fas fa-save"></i> 저장</button> -->
|
||||
<!-- </li> -->
|
||||
<!-- <li> -->
|
||||
<!-- <button id="btnModify"><i class="ico fas fa-edit"></i> 수정</button> -->
|
||||
<!-- </li> -->
|
||||
<!-- <li> -->
|
||||
<!-- <button id="btnRemove"><i class="ico far fa-trash-alt"></i> 삭제</button> -->
|
||||
<!-- </li> -->
|
||||
</ul>
|
||||
<div class="list clearfix" id="totCnt">전체 ㅣ <span><span></div>
|
||||
</div>
|
||||
<!-- <div class="tableArea"> -->
|
||||
<!-- //버튼 및 페이지정보 -->
|
||||
<div class="row">
|
||||
<div id="tabs">
|
||||
<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>
|
||||
</ul>
|
||||
|
||||
<div id="tabs_0">
|
||||
<div id="grid_t0"></div>
|
||||
</div>
|
||||
<div id="tabs_1">
|
||||
<div id="grid_t1"></div>
|
||||
</div>
|
||||
<div id="tabs_2">
|
||||
<div id="grid_t2"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- //tabs -->
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 다이얼로그 팝업 예시(sampleBox) -->
|
||||
<div class="modal-wrap">
|
||||
<div class="modal-cell">
|
||||
<!-- cont-box는 ID를 추가하여 여러개의 내용을 넣어주세요.
|
||||
팝업 오픈시 해당 ID의 팝업만 노출 되도록 만들었습니다. -->
|
||||
<div class="cont-box" id="sampleBox">
|
||||
<p>
|
||||
단순 팝업 입니다.<br>
|
||||
내용이 많으면 더 쓰셔도 됩니다.
|
||||
</p>
|
||||
<div class="btn-box">
|
||||
<button data-modal-close class="btnDark">확인</button>
|
||||
<button data-modal-close class="btnDark">취소</button>
|
||||
</div>
|
||||
<button data-modal-close class="fas btn-close"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script type="text/javaScript" language="javascript" defer="defer">
|
||||
//const ARR_INSTANCE = new Array();
|
||||
let tabId = parseInt($('#sch_tab_id').val());
|
||||
$(document).ready(function() {
|
||||
|
||||
Rt0200_main.init();
|
||||
|
||||
//제이쿼리 탭 스크립트
|
||||
$("#tabs").tabs({active : 0});
|
||||
ARR_INSTANCE[0].refreshLayout();
|
||||
});
|
||||
/* *******************************
|
||||
* 사용자 등록관리 Functions
|
||||
******************************* */
|
||||
var Rt0200_main = {
|
||||
/* ========================
|
||||
* 초기화
|
||||
======================== */
|
||||
init : function(){
|
||||
$('#sch_date_from').datepicker('setDate', DateUtil.getDateDay(-365).date);
|
||||
$('#sch_date_to').datepicker('setDate', DateUtil.getDateDay().date);
|
||||
|
||||
/**
|
||||
* Grid Config Settings
|
||||
*/
|
||||
//Grid Style Set
|
||||
//tui.Grid.applyTheme('striped'); // Call API of static method
|
||||
|
||||
//tab 클릭 이벤트
|
||||
$("#tabs").on("click", "li", function(){
|
||||
let tabId = parseInt($("#tabs .ui-tabs-active a").attr("id"));
|
||||
$('#sch_tab_id').val(tabId);
|
||||
console.log(typeof tabId);
|
||||
console.log('>>>>>>>>>',tabId);
|
||||
//$('#totCnt span').text(JSON.parse(ev.xhr.response).data.pagination.totalCount);
|
||||
|
||||
ARR_INSTANCE[tabId].refreshLayout();
|
||||
|
||||
});
|
||||
|
||||
|
||||
//조회 목록 더블클릭 Event 설정
|
||||
ARR_INSTANCE[parseInt($('#sch_tab_id').val())].on('dblclick', function(ev) {
|
||||
var props = {};
|
||||
props['rowKey'] = ev.rowKey;
|
||||
props['grid'] = ev.instance;
|
||||
|
||||
|
||||
|
||||
Rt0200_main.fnClickRegBtn(props);
|
||||
|
||||
});
|
||||
|
||||
//Grid 체크박스 checked EventListner
|
||||
ARR_INSTANCE[parseInt($('#sch_tab_id').val())].on('check', function(ev) {
|
||||
// console.log('check!', ev);
|
||||
});
|
||||
//Grid 체크박스 unchecked EventListner
|
||||
ARR_INSTANCE[parseInt($('#sch_tab_id').val())].on('uncheck', function(ev) {
|
||||
// console.log('uncheck!', ev);
|
||||
});
|
||||
//Grid 체크박스 focus이동 EventListner
|
||||
ARR_INSTANCE[parseInt($('#sch_tab_id').val())].on('focusChange', function(ev) {
|
||||
// console.log('change focused cell!', ev);
|
||||
});
|
||||
|
||||
//Grid 처리상태에 따른 콜백
|
||||
ARR_INSTANCE[parseInt($('#sch_tab_id').val())].on('successResponse', function(ev) {
|
||||
//조회한 데이터 카운트
|
||||
//$('#totCnt span').text(JSON.parse(ev.xhr.response).data.pagination.totalCount);
|
||||
});
|
||||
|
||||
/**
|
||||
* Elements EventListener Settings
|
||||
*/
|
||||
//검색 Event 설정
|
||||
$('#btnSearch').on({
|
||||
click: function(){
|
||||
var sch_date_opt = $('select[name=sch_date_opt]').val();
|
||||
var sch_date_from = $('#sch_date_from').val();
|
||||
var sch_date_to = $('#sch_date_to').val();
|
||||
|
||||
/**
|
||||
* 작성일 : 22.04.21
|
||||
* 작성자 : 최정민
|
||||
* 내용 : 조회일자 replace 쿼리로 이동하여 주석처리
|
||||
*/
|
||||
/*sch_date_from = sch_date_from.replace(/\./g, '');
|
||||
sch_date_to = sch_date_to.replace(/\./g, '');
|
||||
$('input[name=sch_date_from]').val(sch_date_from);
|
||||
$('input[name=sch_date_to]').val(sch_date_to);*/
|
||||
|
||||
if(sch_date_from != "" || sch_date_to != "") {
|
||||
if(sch_date_opt == "" || sch_date_from == "" || sch_date_to == "") {
|
||||
alert("조회기준 또는 일시를 선택하세요");
|
||||
} else{
|
||||
Rt0200_main.findData();
|
||||
}
|
||||
} else{
|
||||
Rt0200_main.findData();
|
||||
}
|
||||
}
|
||||
});
|
||||
// 엑셀저장 버튼 Event 설정
|
||||
$('#btnExcel').on({
|
||||
click: function(){
|
||||
//document.frmSearch.searchAt.value = "N";
|
||||
//document.frmSearch.action = "<c:out value='/adm/send/rqst/mng/excel.do'/>";
|
||||
//document.frmSearch.submit();
|
||||
/** 2022.04.22 최정민
|
||||
* 엑셀저장기능 서버호출에서 그리드 엑셀저장 호출로 변경
|
||||
*/
|
||||
GridConfig.exportExcel(DateUtil.getDate().date);
|
||||
}
|
||||
});
|
||||
// pdf저장 버튼 Event 설정
|
||||
$('#btnExportPdf').on({
|
||||
click: function(){
|
||||
}
|
||||
});
|
||||
// 등록 버튼 Event 설정
|
||||
$('#btnRegist').on({
|
||||
click: function(){
|
||||
}
|
||||
});
|
||||
// 수정 버튼 Event 설정
|
||||
$('#btnModify').on({
|
||||
click: function(){
|
||||
}
|
||||
});
|
||||
//삭제 버튼 Event 설정
|
||||
$('#btnRemove').on({
|
||||
click: function(){
|
||||
if(confirm("삭제하시겠습니까?")){
|
||||
}
|
||||
}
|
||||
});
|
||||
Rt0200_main.fn_setInputLimit();
|
||||
},
|
||||
/* ========================
|
||||
* 입력값 언어 선택
|
||||
======================== */
|
||||
fn_setInputLimit : function(){
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 조회
|
||||
======================== */
|
||||
findData : function(){
|
||||
var tab = $('#sch_tab_id').val();
|
||||
ARR_INSTANCE[tab].reloadData();
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 등록
|
||||
======================== */
|
||||
addData : function(){
|
||||
var param = $("#frmSearch").serialize();
|
||||
$.ajax({
|
||||
url : "/adm/send/rqst/mng/proc.do",
|
||||
data : param,
|
||||
type : "POST",
|
||||
dataType : "json",
|
||||
success : function(data) {
|
||||
},
|
||||
error: function(){
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 수정
|
||||
======================== */
|
||||
modifyData : function(){
|
||||
var param = $("#frmSearch").serialize();
|
||||
$.ajax({
|
||||
url : "/adm/send/rqst/mng/proc.do",
|
||||
data : param,
|
||||
type : "PUT",
|
||||
dataType : "json",
|
||||
success : function(data) {
|
||||
},
|
||||
error: function(){
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 삭제
|
||||
======================== */
|
||||
removeData : function(){
|
||||
var param = $("#frmSearch").serialize();
|
||||
$.ajax({
|
||||
url : "/adm/send/rqst/mng/proc.do",
|
||||
data : param,
|
||||
type : "DELETE",
|
||||
dataType : "json",
|
||||
success : function(data) {
|
||||
},
|
||||
error: function(){
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
/* ========================
|
||||
* 유효성 검증
|
||||
======================== */
|
||||
validate : function(flag){
|
||||
switch(flag){
|
||||
case 'insert' :
|
||||
break;
|
||||
case 'update' :
|
||||
break;
|
||||
case 'delete' :
|
||||
break;
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
/* ========================
|
||||
* 페이지 이동
|
||||
-외부사이트 링크가 필요 시 사용(내부코드는 각 페이지에 맞게 수정, ex>https://www.gov.kr/portal/main )
|
||||
======================== */
|
||||
pageLink: function(flag, url, params){
|
||||
switch (flag) {
|
||||
case "move": //페이지 이동
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
|
||||
/* ========================
|
||||
* 상세 팝업 조회 버튼 클릭
|
||||
-선택한 신청의 상세 조회 팝업을 OPEN 한다.
|
||||
======================== */
|
||||
fnClickRegBtn: function(props){
|
||||
var rowData = props.grid.getRow(props.rowKey);
|
||||
<%--Rt0200_main.pagePopup('detail', '<c:url value="/cmm/fimsPopup/fimsTotalPopup.do"/>', params);--%>
|
||||
CmmPopup.open('<c:url value="/cmm/fimsPopup/fimsTotalPopup.do"/>',
|
||||
{
|
||||
tilesDef: 'popup',
|
||||
selectedId: rowData.reglt_id
|
||||
},
|
||||
{
|
||||
width: 1500,
|
||||
height: 900
|
||||
},
|
||||
'단속자료 상세 현황'
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* ******************************
|
||||
* Grid 환경 설정
|
||||
****************************** */
|
||||
var GridConfig = new XitTuiGridConfig();
|
||||
GridConfig.setOptGridId('grid_t0'); //Grid를 출력할 Element ID(해당 Element에 Grid가 출력 됨)
|
||||
GridConfig.setOptRowHeaderType('rowNum'); //Row 첫번째 Cell 타입(rowNum: 순번, checkbox: 체크박스, '': 아무것도 출력 안함)
|
||||
|
||||
GridConfig.setOptColumnOptions({ //컬럼고정 옵션
|
||||
frozenCount: 1 //고정컬럼 갯수
|
||||
, minWidth: 80 //최소 사이즈
|
||||
});
|
||||
|
||||
GridConfig.setOptDataSource({ //DataSource
|
||||
/* -----------------------
|
||||
* DataSource API Setting
|
||||
----------------------- */
|
||||
initialRequest: false,
|
||||
api: {
|
||||
readData : {
|
||||
url: '<c:url value="/fims/biz//rt/findRt0200List.do"/>'
|
||||
, method: 'GET'
|
||||
,serializer: function(params) {
|
||||
var form = document.frmSearch;
|
||||
var serializeParam = $(form).serialize();
|
||||
|
||||
for(var key in params){
|
||||
if(key=='perPage'){
|
||||
if(params[key]==undefined)
|
||||
serializeParam +='&'+key+'=-1';
|
||||
else
|
||||
serializeParam +='&'+key+'='+params[key];
|
||||
}else
|
||||
serializeParam +='&'+key+'='+params[key];
|
||||
}
|
||||
return serializeParam;
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
GridConfig.setOptColumns([ //Grid 컬럼 정보(명칭,매핑 field, 기타옵션 등)
|
||||
{
|
||||
header: '차량번호',
|
||||
name: 'vhcle_no',
|
||||
minWidth: 120,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '소유자명',
|
||||
name: 'owner_nm',
|
||||
minWidth: 120,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '위반장소',
|
||||
name: 'violt_place',
|
||||
width: 120,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '위반횟수',
|
||||
name: 'violt_co',
|
||||
width: 110,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '수납금액',
|
||||
name: 'rciv_amount',
|
||||
width: 150,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '등록일시',
|
||||
name: 'regist_dt',
|
||||
width: 110,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '최종처리일시',
|
||||
name: 'last_process_dt',
|
||||
width: 120,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
}
|
||||
]);
|
||||
|
||||
|
||||
var GridConfig_t1 = $.extend({}, GridConfig); //Grid 인스턴스 tab1
|
||||
//var GridConfig_t1 = new XitTuiGridConfig();
|
||||
GridConfig_t1.setOptGridId('grid_t1');
|
||||
|
||||
var GridConfig_t2 = $.extend({}, GridConfig); //Grid 인스턴스 tab1
|
||||
//var GridConfig_t1 = new XitTuiGridConfig();
|
||||
GridConfig_t2.setOptGridId('grid_t2');
|
||||
|
||||
|
||||
|
||||
|
||||
var ARR_INSTANCE = new Array();
|
||||
ARR_INSTANCE[0] = GridConfig.instance();
|
||||
ARR_INSTANCE[1] = GridConfig_t1.instance();
|
||||
ARR_INSTANCE[2] = GridConfig_t2.instance();
|
||||
|
||||
</script>
|
||||
@ -1,642 +0,0 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ include file="/WEB-INF/jsp/framework/taglibs.jsp"%>
|
||||
|
||||
|
||||
<form id="frmSearch" name="frmSearch" method="get">
|
||||
<input type="hidden" id="searchGubun" name="searchGubun" value="excel">
|
||||
<input type="hidden" id="sch_tab_id" name="sch_tab_id" value="0"/>
|
||||
|
||||
<div class="search">
|
||||
<div class="detail_02" style="display: block;">
|
||||
<fieldset class="frmSearch">
|
||||
<legend>상세 검색</legend>
|
||||
<ul class="detailGroup_02">
|
||||
|
||||
<li>
|
||||
<span class="title"><label for="sel02" style="padding-right: 26px;">조회일자 :</label></span>
|
||||
<select id="sch_date_opt" name="sch_date_opt" class="selectBox">
|
||||
<option value="1">위반일자</option>
|
||||
<option value="2">등록일자</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/ens/content/images/common/main/calendar.png"/><em>달력</em></span> --%>
|
||||
<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/ens/content/images/common/main/calendar.png"/><em>달력</em></span> --%>
|
||||
<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: 40px;">
|
||||
<span class="title">상태 : </span>
|
||||
<select id="sch_opt" name="sch_opt" class="selectBox">
|
||||
<option value="1">차량번호</option>
|
||||
<option value="2">소유자명</option>
|
||||
</select>
|
||||
</li>
|
||||
<input type="text" id="sch_word" name="sch_word" value="">
|
||||
<button type="button" class="btnSearch" id="btnSearch" name="btnSearch">검색</button>
|
||||
|
||||
</ul>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="contents">
|
||||
<div class="topBtnArea">
|
||||
<ul class="btnList">
|
||||
<!-- <li> -->
|
||||
<!-- <button data-show-popup="sampleBox">팝업 버튼 예시</button> -->
|
||||
<!-- </li> -->
|
||||
<li>
|
||||
<button type="button" id="btnExcel"><i class="ico far fa-file-excel"></i> 엑셀</button>
|
||||
</li>
|
||||
<!-- <li> -->
|
||||
<!-- <button id="btnExportPdf"><i class="ico far fa-file-pdf"></i> pdf</button> -->
|
||||
<!-- </li> -->
|
||||
<!-- <li> -->
|
||||
<!-- <button id="btnRegist"><i class="ico fas fa-save"></i> 저장</button> -->
|
||||
<!-- </li> -->
|
||||
<!-- <li> -->
|
||||
<!-- <button id="btnModify"><i class="ico fas fa-edit"></i> 수정</button> -->
|
||||
<!-- </li> -->
|
||||
<!-- <li> -->
|
||||
<!-- <button id="btnRemove"><i class="ico far fa-trash-alt"></i> 삭제</button> -->
|
||||
<!-- </li> -->
|
||||
</ul>
|
||||
<div class="list clearfix" id="totCnt">전체 ㅣ <span><span></div>
|
||||
</div>
|
||||
<!-- <div class="tableArea"> -->
|
||||
<!-- //버튼 및 페이지정보 -->
|
||||
<div class="row">
|
||||
<div id="tabs">
|
||||
<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>
|
||||
</ul>
|
||||
|
||||
<div id="tabs_0">
|
||||
<div id="grid_t0"></div>
|
||||
</div>
|
||||
<div id="tabs_1">
|
||||
<div id="grid_t1"></div>
|
||||
</div>
|
||||
<div id="tabs_2">
|
||||
<div id="grid_t2"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- //tabs -->
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 다이얼로그 팝업 예시(sampleBox) -->
|
||||
<div class="modal-wrap">
|
||||
<div class="modal-cell">
|
||||
<!-- cont-box는 ID를 추가하여 여러개의 내용을 넣어주세요.
|
||||
팝업 오픈시 해당 ID의 팝업만 노출 되도록 만들었습니다. -->
|
||||
<div class="cont-box" id="sampleBox">
|
||||
<p>
|
||||
단순 팝업 입니다.<br>
|
||||
내용이 많으면 더 쓰셔도 됩니다.
|
||||
</p>
|
||||
<div class="btn-box">
|
||||
<button data-modal-close class="btnDark">확인</button>
|
||||
<button data-modal-close class="btnDark">취소</button>
|
||||
</div>
|
||||
<button data-modal-close class="fas btn-close"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script type="text/javaScript" language="javascript" defer="defer">
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
Rt0200_main.init();
|
||||
|
||||
/**
|
||||
* 작성일 : 22.04.20
|
||||
* 작성자 : 최정민
|
||||
* 내용 : 검색조건에 from오늘날짜 to-7일 기본값으로 설정
|
||||
*/
|
||||
$('#sch_date_from').val(DateUtil.getDateDay(-7).date);
|
||||
$('#sch_date_to').val(DateUtil.getDateDay().date);
|
||||
|
||||
|
||||
//제이쿼리 탭 스크립트
|
||||
$("#tabs").tabs({active : 0});
|
||||
ARR_INSTANCE[0].refreshLayout();
|
||||
|
||||
});
|
||||
/* *******************************
|
||||
* 사용자 등록관리 Functions
|
||||
******************************* */
|
||||
var Rt0200_main = {
|
||||
/* ========================
|
||||
* 초기화
|
||||
======================== */
|
||||
init : function(){
|
||||
|
||||
/**
|
||||
* Grid Config Settings
|
||||
*/
|
||||
//Grid Style Set
|
||||
Grid.applyTheme('striped'); // Call API of static method
|
||||
|
||||
//tab 클릭 이벤트
|
||||
$("#tabs").on("click", "li", function(){
|
||||
var tab = parseInt($("#tabs .ui-tabs-active a").attr("id"));
|
||||
console.log(tab);
|
||||
$('#sch_tab_id').val(tab);
|
||||
ARR_INSTANCE[tab].refreshLayout();
|
||||
});
|
||||
|
||||
|
||||
//조회 목록 더블클릭 Event 설정
|
||||
instance_t0.on('dblclick', function(ev) {
|
||||
var props = {};
|
||||
props['rowKey'] = ev.rowKey;
|
||||
props['grid'] = ev.instance;
|
||||
|
||||
console.log(props);
|
||||
|
||||
Rt0200_main.fnClickRegBtn(props);
|
||||
|
||||
});
|
||||
|
||||
//Grid 체크박스 checked EventListner
|
||||
instance_t0.on('check', function(ev) {
|
||||
// console.log('check!', ev);
|
||||
});
|
||||
//Grid 체크박스 unchecked EventListner
|
||||
instance_t0.on('uncheck', function(ev) {
|
||||
// console.log('uncheck!', ev);
|
||||
});
|
||||
//Grid 체크박스 focus이동 EventListner
|
||||
instance_t0.on('focusChange', function(ev) {
|
||||
// console.log('change focused cell!', ev);
|
||||
});
|
||||
//Grid 처리상태에 따른 콜백
|
||||
instance_t0.on('successResponse', function(ev) {
|
||||
//조회한 데이터 카운트
|
||||
$('#totCnt span').text(JSON.parse(ev.xhr.response).data.pagination.totalCount);
|
||||
});
|
||||
|
||||
/**
|
||||
* Elements EventListener Settings
|
||||
*/
|
||||
//검색 Event 설정
|
||||
$('#btnSearch').on({
|
||||
click: function(){
|
||||
var sch_date_opt = $('select[name=sch_date_opt]').val();
|
||||
var sch_date_from = $('input[name=sch_date_from]').val();
|
||||
var sch_date_to = $('input[name=sch_date_to]').val();
|
||||
|
||||
/**
|
||||
* 작성일 : 22.04.21
|
||||
* 작성자 : 최정민
|
||||
* 내용 : 조회일자 replace 쿼리로 이동하여 주석처리
|
||||
*/
|
||||
/*sch_date_from = sch_date_from.replace(/\./g, '');
|
||||
sch_date_to = sch_date_to.replace(/\./g, '');
|
||||
$('input[name=sch_date_from]').val(sch_date_from);
|
||||
$('input[name=sch_date_to]').val(sch_date_to);*/
|
||||
|
||||
if(sch_date_from != "" || sch_date_to != "") {
|
||||
if(sch_date_opt == "" || sch_date_from == "" || sch_date_to == "") {
|
||||
alert("조회기준 또는 일시를 선택하세요");
|
||||
} else{
|
||||
Rt0200_main.findData();
|
||||
}
|
||||
} else{
|
||||
Rt0200_main.findData();
|
||||
}
|
||||
}
|
||||
});
|
||||
// 엑셀저장 버튼 Event 설정
|
||||
$('#btnExcel').on({
|
||||
click: function(){
|
||||
//document.frmSearch.searchAt.value = "N";
|
||||
//document.frmSearch.action = "<c:out value='/adm/send/rqst/mng/excel.do'/>";
|
||||
//document.frmSearch.submit();
|
||||
/** 2022.04.22 최정민
|
||||
* 엑셀저장기능 서버호출에서 그리드 엑셀저장 호출로 변경
|
||||
*/
|
||||
GridConfig.exportExcel(DateUtil.getDate().date);
|
||||
}
|
||||
});
|
||||
// pdf저장 버튼 Event 설정
|
||||
$('#btnExportPdf').on({
|
||||
click: function(){
|
||||
}
|
||||
});
|
||||
// 등록 버튼 Event 설정
|
||||
$('#btnRegist').on({
|
||||
click: function(){
|
||||
}
|
||||
});
|
||||
// 수정 버튼 Event 설정
|
||||
$('#btnModify').on({
|
||||
click: function(){
|
||||
}
|
||||
});
|
||||
//삭제 버튼 Event 설정
|
||||
$('#btnRemove').on({
|
||||
click: function(){
|
||||
if(confirm("삭제하시겠습니까?")){
|
||||
}
|
||||
}
|
||||
});
|
||||
Rt0200_main.fn_setInputLimit();
|
||||
},
|
||||
/* ========================
|
||||
* 입력값 언어 선택
|
||||
======================== */
|
||||
fn_setInputLimit : function(){
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 조회
|
||||
======================== */
|
||||
findData : function(){
|
||||
var tab = $('#sch_tab_id').val();
|
||||
ARR_INSTANCE[tab].reloadData();
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 등록
|
||||
======================== */
|
||||
addData : function(){
|
||||
var param = $("#frmSearch").serialize();
|
||||
$.ajax({
|
||||
url : "/adm/send/rqst/mng/proc.do",
|
||||
data : param,
|
||||
type : "POST",
|
||||
dataType : "json",
|
||||
success : function(data) {
|
||||
},
|
||||
error: function(){
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 수정
|
||||
======================== */
|
||||
modifyData : function(){
|
||||
var param = $("#frmSearch").serialize();
|
||||
$.ajax({
|
||||
url : "/adm/send/rqst/mng/proc.do",
|
||||
data : param,
|
||||
type : "PUT",
|
||||
dataType : "json",
|
||||
success : function(data) {
|
||||
},
|
||||
error: function(){
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 삭제
|
||||
======================== */
|
||||
removeData : function(){
|
||||
var param = $("#frmSearch").serialize();
|
||||
$.ajax({
|
||||
url : "/adm/send/rqst/mng/proc.do",
|
||||
data : param,
|
||||
type : "DELETE",
|
||||
dataType : "json",
|
||||
success : function(data) {
|
||||
},
|
||||
error: function(){
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
/* ========================
|
||||
* 유효성 검증
|
||||
======================== */
|
||||
validate : function(flag){
|
||||
switch(flag){
|
||||
case 'insert' :
|
||||
break;
|
||||
case 'update' :
|
||||
break;
|
||||
case 'delete' :
|
||||
break;
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
/* ========================
|
||||
* 페이지 이동
|
||||
-외부사이트 링크가 필요 시 사용(내부코드는 각 페이지에 맞게 수정, ex>https://www.gov.kr/portal/main )
|
||||
======================== */
|
||||
pageLink: function(flag, url, params){
|
||||
switch (flag) {
|
||||
case "move": //페이지 이동
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
/* ========================
|
||||
* 페이지 Open
|
||||
-팝업페이지를 Open 한다.
|
||||
======================== */
|
||||
pagePopup: function(flag, url, params){
|
||||
var popUrl = url;
|
||||
popUrl += "?tilesDef=popup";
|
||||
if(!(params == undefined || params == null)){
|
||||
popUrl += "&";
|
||||
popUrl += params;
|
||||
}
|
||||
var popTitle = '';
|
||||
var popOption = '';
|
||||
switch (flag) {
|
||||
case "insert": //등록
|
||||
popTitle = "";
|
||||
popOption = "width=760px, height=890px, resizable=no, scrollbars=yes, location=no, top=50px, left=50px";
|
||||
break;
|
||||
case "detail": //상세
|
||||
popTitle = "단속자료 상세보기";
|
||||
popOption = "width=1500px, height=900px, resizable=no, scrollbars=yes, location=no, top=50px, left=50px";
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
||||
window.open(popUrl, popTitle ,popOption);
|
||||
},
|
||||
/* ========================
|
||||
* 상세 팝업 조회 버튼 클릭
|
||||
-선택한 신청의 상세 조회 팝업을 OPEN 한다.
|
||||
======================== */
|
||||
fnClickRegBtn: function(props){
|
||||
var rowData = props.grid.getRow(props.rowKey);
|
||||
console.log(rowData);
|
||||
var params = "";
|
||||
params += "selectedId=" + rowData.reglt_id;
|
||||
|
||||
Rt0200_main.pagePopup('detail', '<c:url value="/fims/biz/rt/findRt0200.do"/>', params);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* ******************************
|
||||
* Grid 환경 설정
|
||||
****************************** */
|
||||
const columns = [ //Grid 컬럼 정보(명칭,매핑 field, 기타옵션 등)
|
||||
{
|
||||
header: '차량번호',
|
||||
name: 'vhcle_no',
|
||||
// minWidth: 160,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '소유자명',
|
||||
name: 'owner_nm',
|
||||
// minWidth: 160,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '위반장소',
|
||||
name: 'violt_place',
|
||||
// width: 120,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '위반횟수',
|
||||
name: 'violt_co',
|
||||
// width: 110,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '수납금액',
|
||||
name: 'rciv_amount',
|
||||
// width: 150,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '등록일시',
|
||||
name: 'regist_dt',
|
||||
// width: 110,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '최종처리일시',
|
||||
name: 'last_process_dt',
|
||||
// width: 120,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
}
|
||||
];
|
||||
const options = {
|
||||
el: 'grid_t0',
|
||||
bodyHeight: 350,
|
||||
rowHeight: 30,
|
||||
rowHeaders: ['rowNum'],
|
||||
columns: columns
|
||||
}
|
||||
const dataSource = {
|
||||
readData: {
|
||||
url: '<c:url value="/rt/findRt0200List.do"/>'
|
||||
}
|
||||
}
|
||||
//let instance_t1 = init2();
|
||||
let instance_t0 = initGrid(options, dataSource);
|
||||
|
||||
|
||||
|
||||
const columns2 = [ //Grid 컬럼 정보(명칭,매핑 field, 기타옵션 등)
|
||||
{
|
||||
header: '구간',
|
||||
name: 'pvtcpt_road_sctn_nm',
|
||||
width: 120,
|
||||
sortable: true,
|
||||
align: 'center',
|
||||
sortingType: 'desc',
|
||||
// filter: 'select',
|
||||
/* renderer: {
|
||||
type: XitButtonRenderer,
|
||||
options: {
|
||||
value: '{0}',
|
||||
listColumns: ['cmpny_nm', 'cmpny', 'cmpny_id'], //[0]: 항목값, [1]: 공통팝업종류, [2]: 공통팝업 파라미터
|
||||
callbackFnc: 'bustms1010302_list.fn_cmmnViewPopupBtn'
|
||||
}
|
||||
} */
|
||||
},
|
||||
{
|
||||
header: '연도',
|
||||
name: 'enfrc_lev_year',
|
||||
width: 120,
|
||||
// sortingType: 'asc',
|
||||
sortable: true,
|
||||
align: 'center'
|
||||
// filter: 'select' //fiter 옵션(select/text/number/date/.. 등이 있으며 설정방법은 상이하므로 사이트 참조)
|
||||
// filter: { type: 'text', showApplyBtn: true, showClearBtn: true },
|
||||
},
|
||||
{
|
||||
header: '회차',
|
||||
name: 'enfrc_lev_tme',
|
||||
width: 120,
|
||||
// sortingType: 'asc',
|
||||
sortable: true,
|
||||
align: 'center'
|
||||
// filter: 'select' //fiter 옵션(select/text/number/date/.. 등이 있으며 설정방법은 상이하므로 사이트 참조)
|
||||
// filter: { type: 'text', showApplyBtn: true, showClearBtn: true },
|
||||
},
|
||||
{
|
||||
header: '순번',
|
||||
name: 'enfrc_lev_sn',
|
||||
// width: 250,
|
||||
// sortingType: 'asc',
|
||||
sortable: true,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '차량번호',
|
||||
name: 'vhcle_no',
|
||||
width: 100,
|
||||
// sortingType: 'asc',
|
||||
sortable: true,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '미납자',
|
||||
name: 'dfltr_nm',
|
||||
width: 120,
|
||||
// sortingType: 'asc',
|
||||
sortable: true,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '고유번호',
|
||||
name: 'dfltr_ihidnum_mask',
|
||||
width: 120,
|
||||
// sortingType: 'asc',
|
||||
sortable: true,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '구분',
|
||||
name: 'dfltr_se_nm',
|
||||
width: 120,
|
||||
// sortingType: 'asc',
|
||||
sortable: true,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '주소',
|
||||
name: 'adres',
|
||||
width: 200,
|
||||
// sortingType: 'asc',
|
||||
sortable: true,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '상세주소',
|
||||
name: 'detail_adres',
|
||||
width: 200,
|
||||
// sortingType: 'asc',
|
||||
sortable: true,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '우편번호',
|
||||
name: 'zip',
|
||||
width: 100,
|
||||
// sortingType: 'asc',
|
||||
sortable: true,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '전화번호',
|
||||
name: 'telno',
|
||||
width: 120,
|
||||
// sortingType: 'asc',
|
||||
sortable: true,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '휴대폰번호',
|
||||
name: 'moblphon_no',
|
||||
width: 120,
|
||||
// sortingType: 'asc',
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
// filter: 'select' //fiter 옵션(select/text/number/date/.. 등이 있으며 설정방법은 상이하므로 사이트 참조)
|
||||
},
|
||||
{
|
||||
header: '차명',
|
||||
name: 'brwdnm',
|
||||
width: 120,
|
||||
// sortingType: 'asc',
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '색상',
|
||||
name: 'color_nm',
|
||||
width: 120,
|
||||
// sortingType: 'asc',
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '주소 갱신 일시',
|
||||
name: 'adres_updt_dt',
|
||||
width: 120,
|
||||
// sortingType: 'asc',
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '주소 갱신 구분',
|
||||
name: 'adres_updt_se_nm',
|
||||
width: 120,
|
||||
// sortingType: 'asc',
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
}
|
||||
];
|
||||
|
||||
const options2 = Object.assign(options, {
|
||||
el: 'ggid_t1',
|
||||
columns: columns2
|
||||
});
|
||||
let instance_t1 = initGrid(options2, dataSource);
|
||||
//var Grid = tui.Grid;
|
||||
//var instance_t0 = GridConfig.instance(Grid); //Grid 인스턴스
|
||||
//var instance_t1 = GridConfig_t1.instance(Grid);
|
||||
/*var instance_t2 = GridConfig_t2.instance(Grid);*/
|
||||
var ARR_INSTANCE = new Array();
|
||||
ARR_INSTANCE[0] = instance_t0;
|
||||
ARR_INSTANCE[1] = instance_t1;
|
||||
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,230 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ include file="/WEB-INF/jsp/framework/taglibs.jsp"%>
|
||||
|
||||
|
||||
<form id="frmSearch" name="frmSearch" method="get">
|
||||
<input type="hidden" id="searchGubun" name="searchGubun" value="excel">
|
||||
<input type="hidden" id="sch_tab_id" name="sch_tab_id" value="0"/>
|
||||
|
||||
<div class="search">
|
||||
<div class="detail_02" style="display: block;">
|
||||
<fieldset class="frmSearch">
|
||||
<legend>상세 검색</legend>
|
||||
<ul class="detailGroup_02">
|
||||
|
||||
<li>
|
||||
<span class="title"><label style="padding-right: 26px;">조회일자 :</label></span>
|
||||
<select id="sch_date_opt" name="sch_date_opt" class="selectBox">
|
||||
<option value="1">위반일자</option>
|
||||
<option value="2">등록일자</option>
|
||||
</select>
|
||||
|
||||
<!-- tag lib sample -->
|
||||
<%--<code:select id="sch_date_opt1" name="sch_date_opt1" codeId="ENS003" title="시작날자선택" defaultSelect="99" cls="selectBox" alt="selectBox tag"/>
|
||||
<code:radio id="sch_date_opt2" name="sch_date_opt2" codeId="ENS003" defaultSelect="02" cls="radioBox" alt="radio tag"/>--%>
|
||||
</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/ens/content/images/common/main/calendar.png"/><em>달력</em></span> --%>
|
||||
<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/ens/content/images/common/main/calendar.png"/><em>달력</em></span> --%>
|
||||
<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: 40px;">
|
||||
<span class="title">상태 : </span>
|
||||
<select id="sch_opt" name="sch_opt" class="selectBox">
|
||||
<option value="1">차량번호</option>
|
||||
</select>
|
||||
</li>
|
||||
<input type="text" id="sch_word" name="sch_word" value="">
|
||||
<button type="button" class="btnSearch" id="btnSearch" name="btnSearch">검색</button>
|
||||
</ul>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<!-- //버튼 및 페이지정보 -->
|
||||
<div class="page_btn">
|
||||
<span class="fll">
|
||||
<div class="list clearfix" id="totCnt">전체 ㅣ <span></span></div>
|
||||
</span>
|
||||
<span class="flr">
|
||||
<a href="#" class="btn darkgray" id="btnRegist" title="">등록</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- 데이터 출력 -->
|
||||
<div id="grid"></div>
|
||||
|
||||
|
||||
<script type="text/javaScript">
|
||||
/**************************************************************************
|
||||
* Global Variable
|
||||
**************************************************************************/
|
||||
let GRID = null;
|
||||
var callbackSearch = () => fnBiz.search();
|
||||
|
||||
|
||||
/* *******************************
|
||||
* Biz function
|
||||
******************************* */
|
||||
const fnBiz = {
|
||||
search: () => {
|
||||
GRID.reloadData();
|
||||
}
|
||||
,pagePopup: function(flag, params){
|
||||
let url = '<c:url value="/cmm/fimsPopup/fimsTotalPopup.do"/>';
|
||||
let popTitle;
|
||||
let popOption = {width: 1200, height:900};
|
||||
switch (flag) {
|
||||
case "add": //등록
|
||||
popTitle = "게시판 생성 등록";
|
||||
break;
|
||||
case "detail": //상세
|
||||
popTitle = "게시판 생성 상세";
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
CmmPopup.open(url, params, popOption, popTitle);
|
||||
}
|
||||
,onClickGrid: function(props){
|
||||
const rowData = props.grid.getRow(props.rowKey);
|
||||
fnBiz.pagePopup('detail', rowData);
|
||||
}
|
||||
,clickRegBtn: function(props){
|
||||
const rowData = props.grid.getRow(props.rowKey);
|
||||
console.log(rowData.reglt_id);
|
||||
fnBiz.pagePopup('detail', {regltId: rowData.reglt_id});
|
||||
}
|
||||
}
|
||||
|
||||
/**************************************************************************
|
||||
* event
|
||||
**************************************************************************/
|
||||
$(() => {
|
||||
$('#btnSearch').on('click', () => fnBiz.search());
|
||||
|
||||
$('#btnRegist').on('click', () => {
|
||||
fnBiz.pagePopup('add', {});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
/* *******************************
|
||||
* Grid
|
||||
******************************* */
|
||||
const initGrid = () => {
|
||||
const gridColumns = [
|
||||
{
|
||||
header: '차량번호',
|
||||
name: 'vhcle_no',
|
||||
minWidth: 120,
|
||||
sortable: true,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '소유자명',
|
||||
name: 'owner_nm',
|
||||
minWidth: 120,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '위반장소',
|
||||
name: 'reglt_place',
|
||||
width: 120,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '위반횟수',
|
||||
name: 'violt_co',
|
||||
width: 110,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '수납금액',
|
||||
name: 'rciv_amount',
|
||||
width: 150,
|
||||
sortable: false,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
header: '등록일시',
|
||||
name: 'regist_dt',
|
||||
width: 110,
|
||||
sortable: false,
|
||||
align: 'center',
|
||||
formatter({value}) {
|
||||
return setDateFmt(value); //
|
||||
}
|
||||
},
|
||||
{
|
||||
header: '최종처리일시',
|
||||
name: 'last_process_dt',
|
||||
width: 120,
|
||||
sortable: false,
|
||||
align: 'center',
|
||||
formatter({value}) {
|
||||
return setDateTimeFmt(value);
|
||||
}
|
||||
}
|
||||
];
|
||||
|
||||
const gridOptions = {
|
||||
el: 'grid',
|
||||
rowHeaders: ['rowNum'],
|
||||
columns: gridColumns
|
||||
};
|
||||
|
||||
const gridDatasource = {
|
||||
initialRequest: false, // 화면 load시 조회 안함 - default
|
||||
api: {
|
||||
readData: {
|
||||
url: '<c:url value="/fims/biz/rt/findRt0200List.do"/>'
|
||||
,serializer: (params) => {
|
||||
const schKey = $('#searchCondition').val();
|
||||
let schValue = $('input[name=searchKeyword]').val();
|
||||
return getPageParam({[schKey]: schValue}, params);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const onDblClickEventSet = function () {
|
||||
GRID.on('dblclick', function (ev){
|
||||
var props = {};
|
||||
var a =ev.instance;
|
||||
console.log('a : ' ,a);
|
||||
console.log(ev.rowKey);
|
||||
|
||||
props['rowKey'] = ev.rowKey;
|
||||
props['grid'] = ev.instance;
|
||||
fnBiz.clickRegBtn(props);
|
||||
})
|
||||
};
|
||||
|
||||
GRID = TuiGrid.of(gridOptions, gridDatasource, (res) => {
|
||||
onDblClickEventSet();
|
||||
});
|
||||
}
|
||||
|
||||
/**************************************************************************
|
||||
* initialize
|
||||
**************************************************************************/
|
||||
$(document).ready(function(){
|
||||
initGrid();
|
||||
});
|
||||
</script>
|
||||
Loading…
Reference in New Issue