feat : 조회통계 경고통계 작업

jh/jh
moong 2 weeks ago
parent 67c2d6b2d2
commit d8bbc6ad94

@ -12,6 +12,10 @@ import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ModelAttribute; import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.PostMapping;
import javax.servlet.http.HttpServletResponse;
import java.net.URLEncoder;
import java.nio.charset.StandardCharsets;
import java.time.LocalDate;
import java.util.List; import java.util.List;
@Controller @Controller
@ -22,7 +26,6 @@ public class CautionController {
private final CautionService cautionService; private final CautionService cautionService;
@GetMapping("/search/caution/caution.do") @GetMapping("/search/caution/caution.do")
public String cautionPageReturn() { public String cautionPageReturn() {
return "biz/search/caution" + TilesConstants.BASE; return "biz/search/caution" + TilesConstants.BASE;
} }
@ -33,8 +36,27 @@ public class CautionController {
dto.setTotalCount(0); dto.setTotalCount(0);
dto.setPagingYn("N"); dto.setPagingYn("N");
List<CautionDto.Response.cpMain> result = cautionService.selectAllSearch(dto); List<?> result = cautionService.selectAllSearch(dto);
return ApiResponseUtil.successWithGrid(result, dto);
}
@GetMapping("/search/caution/caution-hwp-download.do")
public void downloadCautionHwp(@ModelAttribute CautionDto.Request.Search dto,
HttpServletResponse response) throws Exception {
byte[] fileBytes = cautionService.generateCautionStatsHwp(dto);
String fileName = "경고통계_" + LocalDate.now() + ".hwp";
String encodedFileName = URLEncoder.encode(fileName, StandardCharsets.UTF_8.name())
.replaceAll("\\+", "%20");
response.setContentType("application/octet-stream");
response.setHeader("Content-Disposition",
"attachment; filename=\"" + encodedFileName + "\";");
response.setContentLength(fileBytes.length);
return ApiResponseUtil.successWithGrid(result,dto); response.getOutputStream().write(fileBytes);
response.getOutputStream().flush();
} }
} }

@ -8,5 +8,14 @@ import java.util.List;
@Mapper @Mapper
public interface CautionMapper { public interface CautionMapper {
List<CautionDto.Response.cpMain> selectAllSearch(CautionDto.Request.Search dto); // List<CautionDto.Response.cpMain> selectAllSearch(CautionDto.Request.Search dto);
List<CautionDto.Response.YearStats> selectYearStats(CautionDto.Request.Search dto);
List<CautionDto.Response.DeviceStats> selectDeviceStats(CautionDto.Request.Search dto);
List<CautionDto.Response.TypeStats> selectTypeStats(CautionDto.Request.Search dto);
List<CautionDto.Response.DetailStats> selectDetailStats(CautionDto.Request.Search dto);
} }

@ -4,6 +4,8 @@ import go.kr.project.system.common.model.PagingVO;
import lombok.Getter; import lombok.Getter;
import lombok.Setter; import lombok.Setter;
import java.util.List;
public class CautionDto { public class CautionDto {
public static class Request { public static class Request {
@ -12,26 +14,10 @@ public class CautionDto {
public static class Search extends PagingVO { public static class Search extends PagingVO {
private String searchCondition; private String gridId;
private String searchCondition1;
private String searchCondition2;
private String searchCondition3;
private String searchCondition4;
private String searchKeyword;
private String searchStartDt; private String searchStartDt;
private String searchEndDt; private String searchEndDt;
private String searchCarno;
private String searchName;
private String searchJno;
private String searchUser;
private String searchTel;
private String searchBbsno;
private String searchPos;
private String searchAddr;
private String searchTime1;
private String searchTime2;
private String worker;
} }
} }
@ -63,11 +49,52 @@ public class CautionDto {
} }
@Getter @Getter
@Setter @Setter
public static class Violation { public static class YearStats {
private String year;
private String insCnt;
private String violCnt;
private String totalCnt;
}
private String vlCode; @Getter
@Setter
public static class DeviceStats {
private String year;
private String cctvCnt;
private String smgCnt;
private String totalCnt;
}
@Getter
@Setter
public static class TypeStats {
private String vlId; private String vlId;
private String insCnt;
private String violCnt;
private String totalCnt;
}
@Getter
@Setter
public static class DetailStats {
private String year;
private String instructNormalCnt;
private String instructRegistCnt;
private String sajunNormalCnt;
private String sajunRegistCnt;
private String bugwaNormalCnt;
private String bugwaRegistCnt;
private String dokNormalCnt;
private String dokRegistCnt;
private String totalCnt;
} }
} @Getter
@Setter
public static class StatsForHwp {
private List<YearStats> yearList;
private List<DeviceStats> deviceList;
private List<TypeStats> typeList;
private List<DetailStats> detailList;
}
}
} }

@ -6,5 +6,9 @@ import java.util.List;
public interface CautionService { public interface CautionService {
List<CautionDto.Response.cpMain> selectAllSearch(CautionDto.Request.Search dto); List<?> selectAllSearch(CautionDto.Request.Search dto);
CautionDto.Response.StatsForHwp getStatsForHwp(CautionDto.Request.Search dto);
byte[] generateCautionStatsHwp(CautionDto.Request.Search dto) throws Exception;
} }

@ -8,6 +8,7 @@ import lombok.extern.slf4j.Slf4j;
import org.egovframe.rte.fdl.cmmn.EgovAbstractServiceImpl; import org.egovframe.rte.fdl.cmmn.EgovAbstractServiceImpl;
import org.springframework.stereotype.Service; import org.springframework.stereotype.Service;
import java.util.Collections;
import java.util.List; import java.util.List;
@Service @Service
@ -18,13 +19,125 @@ public class CautionServiceImpl extends EgovAbstractServiceImpl implements Cauti
private final CautionMapper cautionMapper; private final CautionMapper cautionMapper;
@Override @Override
public List<CautionDto.Response.cpMain> selectAllSearch(CautionDto.Request.Search dto) { public List<?> selectAllSearch(CautionDto.Request.Search dto) {
List<CautionDto.Response.cpMain> list = cautionMapper.selectAllSearch(dto); String gridId = dto.getGridId();
log.info("selectAllSearch gridId = {}", gridId);
List<?> list;
if ("YEAR".equals(gridId)) {
list = cautionMapper.selectYearStats(dto);
} else if ("DEVICE".equals(gridId)) {
list = cautionMapper.selectDeviceStats(dto);
} else if ("TYPE".equals(gridId)) {
list = cautionMapper.selectTypeStats(dto);
} else if ("DETAIL".equals(gridId)) {
list = cautionMapper.selectDetailStats(dto);
} else {
list = Collections.emptyList();
}
log.info("gridId={}, resultSize={}", gridId, list.size());
return list; return list;
}
@Override
public CautionDto.Response.StatsForHwp getStatsForHwp(CautionDto.Request.Search dto) {
if (dto.getSearchStartDt() != null) {
dto.setSearchStartDt(dto.getSearchStartDt().replaceAll("-", ""));
}
if (dto.getSearchEndDt() != null) {
dto.setSearchEndDt(dto.getSearchEndDt().replaceAll("-", ""));
}
CautionDto.Response.StatsForHwp stats = new CautionDto.Response.StatsForHwp();
stats.setYearList( cautionMapper.selectYearStats(dto));
stats.setDeviceList( cautionMapper.selectDeviceStats(dto));
stats.setTypeList( cautionMapper.selectTypeStats(dto));
stats.setDetailList( cautionMapper.selectDetailStats(dto));
return stats;
} }
@Override
public byte[] generateCautionStatsHwp(CautionDto.Request.Search dto) throws Exception {
CautionDto.Response.StatsForHwp stats = getStatsForHwp(dto);
StringBuilder sb = new StringBuilder();
sb.append("[경고 통계]\n");
sb.append("조회기간: ")
.append(dto.getSearchStartDt())
.append(" ~ ")
.append(dto.getSearchEndDt())
.append("\n\n");
sb.append("1. 연도별 경고/과태료/전체\n");
if (stats.getYearList() != null) {
for (CautionDto.Response.YearStats y : stats.getYearList()) {
sb.append(y.getYear()).append("년 경고:")
.append(y.getInsCnt())
.append(" 과태료:")
.append(y.getViolCnt())
.append(" 합계:")
.append(y.getTotalCnt())
.append("\n");
}
}
sb.append("\n");
sb.append("2. 단속장비/안전신문고\n");
if (stats.getDeviceList() != null) {
for (CautionDto.Response.DeviceStats d : stats.getDeviceList()) {
sb.append(d.getYear()).append("년 자동단속기:")
.append(d.getCctvCnt())
.append(" 안전신문고:")
.append(d.getSmgCnt())
.append(" 합계:")
.append(d.getTotalCnt())
.append("\n");
}
}
sb.append("\n");
sb.append("3. 위반유형별 경고/과태료/합계\n");
if (stats.getTypeList() != null) {
for (CautionDto.Response.TypeStats t : stats.getTypeList()) {
sb.append(t.getVlId()).append(" 경고:")
.append(t.getInsCnt())
.append(" 과태료:")
.append(t.getViolCnt())
.append(" 합계:")
.append(t.getTotalCnt())
.append("\n");
}
}
sb.append("\n");
sb.append("4. 단계별(계도/사전/부과/독촉) 합계\n");
if (stats.getDetailList() != null) {
for (CautionDto.Response.DetailStats d : stats.getDetailList()) {
sb.append(d.getYear()).append("년 ")
.append("계도(일반/등기): ")
.append(d.getInstructNormalCnt()).append("/").append(d.getInstructRegistCnt())
.append(" 사전(일반/등기): ")
.append(d.getSajunNormalCnt()).append("/").append(d.getSajunRegistCnt())
.append(" 부과(일반/등기): ")
.append(d.getBugwaNormalCnt()).append("/").append(d.getBugwaRegistCnt())
.append(" 독촉(일반/등기): ")
.append(d.getDokNormalCnt()).append("/").append(d.getDokRegistCnt())
.append(" 합계: ")
.append(d.getTotalCnt())
.append("\n");
}
}
return sb.toString().getBytes(java.nio.charset.StandardCharsets.UTF_8);
}
} }

@ -4,123 +4,80 @@
"http://mybatis.org/dtd/mybatis-3-mapper.dtd"> "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="go.kr.project.biz.search.caution.mapper.CautionMapper"> <mapper namespace="go.kr.project.biz.search.caution.mapper.CautionMapper">
<select id="selectAllSearch" <select id="selectYearStats"
parameterType="go.kr.project.biz.search.caution.model.CautionDto" parameterType="go.kr.project.biz.search.caution.model.CautionDto$Request$Search"
resultType="go.kr.project.biz.search.caution.model.CautionDto$Response$cpMain"> resultType="go.kr.project.biz.search.caution.model.CautionDto$Response$YearStats">
SELECT M.MM_INGB,
DATE_FORMAT(
STR_TO_DATE(CONCAT(M.MM_DATE, M.MM_TIME), '%Y%m%d%H%i%s'),
'%Y-%m-%d %H:%i:%s' ) AS mmDate,
M.MM_CARNO,
O.OM_JNO,
O.OM_NAME,
M.MM_KEUM2,
M.MM_IMAGEGB,
M.MM_IMAGECNT,
M.MM_CARCHECK,
M.MM_STATE,
DATE_FORMAT(A.AS_JSDATE, '%Y-%m-%d') AS AS_JSDATE,
A.AS_USER,
A.AS_JSNO,
A.AS_BBS_NO,
C.CC_CAUSE,
DATE_FORMAT(C.CC_DATE, '%Y-%m-%d') AS CC_DATE,
C.CC_ETC,
M.MM_CODE
FROM CP_MAIN M
LEFT OUTER JOIN CP_ANSWER A ON M.MM_CODE = AS_MMCODE
LEFT OUTER JOIN CP_CANCEL C ON M.MM_CODE=CC_MMCODE
LEFT OUTER JOIN CP_OWNER O ON M.MM_OMCODE=O.OM_CODE
<where>
<!-- 날짜 -->
<if test="searchStartDt != null and searchStartDt != ''">
AND M.MM_DATE &gt;= REPLACE(#{searchStartDt}, '-', '')
</if>
<if test="searchEndDt != null and searchEndDt != ''">
AND M.MM_DATE &lt;= REPLACE(#{searchEndDt}, '-', '')
</if>
<!-- 시간 -->
<if test="searchTime1 != null and searchTime1 != ''">
AND M.MM_TIME &gt;= REPLACE(#{searchTime1}, '-', '')
</if>
<if test="searchTime2 != null and searchTime2 != ''">
AND M.MM_TIME &lt;= REPLACE(#{searchTime2}, '-', '')
</if>
<!-- 위반내용 (searchCondition : code1~6) -->
<!-- <if test="searchCondition != null and searchCondition != ''">-->
<!-- &lt;!&ndash; 코드가없다. &ndash;&gt;-->
<!-- AND M.VL_CODE = #{searchCondition}-->
<!-- </if>-->
<!-- 처리상태 (searchCondition1 : code1~22) --> SELECT SUBSTR(mm_date,1,4) AS year,
<if test="searchCondition1 != null and searchCondition1 != ''"> CONCAT(COUNT(NULLIF(CASE WHEN mm_state = '83' THEN '0'
AND M.MM_STATE = #{searchCondition1} WHEN mm_state = '84' THEN '0'
</if> ELSE '1' END, '1'))) AS insCnt,
CONCAT(COUNT(NULLIF(CASE WHEN mm_state = '83' THEN '0'
<!-- 등록구분 --> WHEN mm_state = '84' THEN '0'
<if test="searchCondition2 != null and searchCondition2 != ''"> ELSE '1' END, '0'))) AS violCnt,
AND M.MM_DLGB = #{searchCondition2} CONCAT(COUNT(*)) AS totalCnt
</if> FROM cp_main
WHERE mm_state IN ('21','31','42','51','52','53','54','55','71','72','73','74','75','83','84')
<!-- 자료출처 --> AND mm_date BETWEEN REPLACE(#{searchStartDt}, '-', '') AND REPLACE(#{searchEndDt}, '-', '')
<if test="searchCondition3 != null and searchCondition3 != ''"> GROUP BY SUBSTR(mm_date,1,4)
AND M.MM_INGB = #{searchCondition3} </select>
</if>
<!-- &lt;!&ndash; 법정동 &ndash;&gt;-->
<!-- <if test="searchCondition4 != null and searchCondition4 != ''">-->
<!-- AND M.MM_DONG = #{searchCondition4}-->
<!-- </if>-->
<!-- ===== 텍스트 입력 필드들 (값이 있으면 AND LIKE) ===== -->
<!-- 차량번호 -->
<if test="searchCarno != null and searchCarno != ''">
AND M.MM_CARNO LIKE CONCAT('%', #{searchCarno}, '%')
</if>
<!-- 소유자성명 -->
<if test="searchName != null and searchName != ''">
AND O.OM_NAME LIKE CONCAT('%', #{searchName}, '%')
</if>
<!-- 주민번호 -->
<if test="searchJno != null and searchJno != ''">
AND O.OM_JNO LIKE CONCAT('%', #{searchJno}, '%')
</if>
<!-- 신고자 --> <select id="selectDeviceStats"
<if test="searchUser != null and searchUser != ''"> parameterType="go.kr.project.biz.search.caution.model.CautionDto$Request$Search"
AND A.AS_USER LIKE CONCAT('%', #{searchUser}, '%') resultType="go.kr.project.biz.search.caution.model.CautionDto$Response$DeviceStats">
</if>
<!-- 신고자 전화번호 --> SELECT SUBSTR(mm_date,1,4) AS year,
<if test="searchTel != null and searchTel != ''"> CONCAT(COUNT(NULLIF(CASE WHEN mm_dlgb = '0' THEN '0'
AND A.AS_TEL LIKE CONCAT('%', #{searchTel}, '%') ELSE '1' END, '1'))) AS cctvCnt,
</if> CONCAT(COUNT(NULLIF(CASE WHEN mm_dlgb = '0' THEN '0'
ELSE '1' END, '0'))) AS smgCnt,
CONCAT(COUNT(*)) AS totalCnt
FROM cp_main
WHERE 1 = 1
AND mm_date BETWEEN REPLACE(#{searchStartDt}, '-', '') AND REPLACE(#{searchEndDt}, '-', '')
GROUP BY SUBSTR(mm_date,1,4)
</select>
<select id="selectTypeStats"
parameterType="go.kr.project.biz.search.caution.model.CautionDto$Request$Search"
resultType="go.kr.project.biz.search.caution.model.CautionDto$Response$TypeStats">
<!-- 목록번호 --> SELECT vl_id,
<if test="searchBbsno != null and searchBbsno != ''"> CONCAT(COUNT(NULLIF(CASE WHEN mm_state = '83' THEN '0'
AND A.AS_BBS_NO LIKE CONCAT('%', #{searchBbsno}, '%') WHEN mm_state = '84' THEN '0'
</if> ELSE '1' END, '1'))) AS insCnt,
CONCAT(COUNT(NULLIF(CASE WHEN mm_state = '83' THEN '0'
WHEN mm_state = '84' THEN '0'
ELSE '1' END, '0'))) AS violCnt,
CONCAT(COUNT(*)) AS totalCnt
FROM cp_main
LEFT OUTER JOIN cp_violation
ON mm_sggcode = vl_sggcode
AND mm_lawgb = vl_code
WHERE mm_state IN ('21','31','42','51','52','53','54','55','71','72','73','74','75','83','84')
AND mm_date BETWEEN REPLACE(#{searchStartDt}, '-', '') AND REPLACE(#{searchEndDt}, '-', '')
GROUP BY mm_lawgb, vl_id
</select>
<!-- &lt;!&ndash; 위반장소 &ndash;&gt;--> <select id="selectDetailStats"
<!-- <if test="searchPos != null and searchPos != ''">--> parameterType="go.kr.project.biz.search.caution.model.CautionDto$Request$Search"
<!-- AND M.MM_PLACE LIKE CONCAT('%', #{searchPos}, '%')--> resultType="go.kr.project.biz.search.caution.model.CautionDto$Response$DetailStats">
<!-- </if>-->
<!-- 상세주소 (예: O.OM_ADDR) --> SELECT SUBSTR(R.REG_YMD,1,4) AS year,
<!-- <if test="searchAddr != null and searchAddr != ''">--> CONCAT(COUNT(CASE WHEN SUBSTR(R.JOB_CD,4,1) = '1' AND R.RECEV_DIV_CD = '0' THEN 1 END)) AS instructNormalCnt,
<!-- AND O.OM_ADDR LIKE CONCAT('%', #{searchAddr}, '%')--> CONCAT(COUNT(CASE WHEN SUBSTR(R.JOB_CD,4,1) = '1' AND R.RECEV_DIV_CD = '1' THEN 1 END)) AS instructRegistCnt,
<!-- </if>--> CONCAT(COUNT(CASE WHEN SUBSTR(R.JOB_CD,4,1) = '2' AND R.RECEV_DIV_CD = '0' THEN 1 END)) AS sajunNormalCnt,
</where> CONCAT(COUNT(CASE WHEN SUBSTR(R.JOB_CD,4,1) = '2' AND R.RECEV_DIV_CD = '1' THEN 1 END)) AS sajunRegistCnt,
ORDER BY AS_JSDATE DESC, AS_JSNO DESC CONCAT(COUNT(CASE WHEN SUBSTR(R.JOB_CD,4,1) = '3' AND R.RECEV_DIV_CD = '0' THEN 1 END)) AS bugwaNormalCnt,
</select> CONCAT(COUNT(CASE WHEN SUBSTR(R.JOB_CD,4,1) = '3' AND R.RECEV_DIV_CD = '1' THEN 1 END)) AS bugwaRegistCnt,
<select id="selectViolationList" CONCAT(COUNT(CASE WHEN SUBSTR(R.JOB_CD,4,1) = '4' AND R.RECEV_DIV_CD = '0' THEN 1 END)) AS dokNormalCnt,
resultType="go.kr.project.biz.search.filtersearch.model.FilterSearchDto$Response$Violation"> CONCAT(COUNT(CASE WHEN SUBSTR(R.JOB_CD,4,1) = '4' AND R.RECEV_DIV_CD = '1' THEN 1 END)) AS dokRegistCnt,
SELECT CONCAT(COUNT(*)) AS totalCnt
VL_CODE, FROM epost_sender_detail D
VL_ID LEFT OUTER JOIN epost_sender_reg R
FROM CP_VIOLATION ON D.CON_KEY = R.CON_KEY
WHERE R.REG_YMD BETWEEN REPLACE(#{searchStartDt}, '-', '') AND REPLACE(#{searchEndDt}, '-', '')
AND R.DELETE_AT &lt;&gt; 'Y'
GROUP BY SUBSTR(R.REG_YMD,1,4)
</select> </select>
</mapper> </mapper>

@ -44,143 +44,98 @@
</ul> </ul>
</div> </div>
</div> </div>
<div class="gs_booking"> <div class="gs_booking">
<div class="row"> <!-- 상단 3개 그리드 -->
<div class="col-sm-12"> <div class="row">
<div class="box_column"> <div class="col-sm-4">
<div class="containers"> <div class="box_column">
<div class="containers">
<!-- 상단 3개 그리드 --> <!-- 연도별 경고/과태료/전체 -->
<div class="grid-row-top"> <div id="gridYear" class="stat-grid-top"></div>
<!-- 1. 연도별 경고/과태료 합계 -->
<div class="grid-wrap">
<div class="grid-title">연도별 합계</div>
<div id="gridYear"></div>
</div>
<!-- 2. 연도별 단속수단 -->
<div class="grid-wrap">
<div class="grid-title">연도별 단속수단</div>
<div id="gridDevice"></div>
</div>
<!-- 3. 위반유형별 경고/과태료 -->
<div class="grid-wrap">
<div class="grid-title">위반유형별</div>
<div id="gridType"></div>
</div>
</div>
<!-- 하단 1개 그리드 -->
<div class="grid-row-bottom">
<div class="grid-wrap">
<div class="grid-title">상세 통계</div>
<div id="gridDetail"></div>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<style>
/* 전체 컨테이너 */
.gs_booking {
width: 100%;
}
/* 상단 3개 그리드 영역 */
.grid-row-top {
display: flex;
gap: 10px;
width: 100%;
height: 260px; /* 반드시 px 지정 */
margin-bottom: 10px;
}
/* 상단 개별 박스 */ <div class="col-sm-4">
.grid-row-top .grid-wrap { <div class="box_column">
flex: 1; <div class="containers">
border: 1px solid #c0c0c0; <!-- 자동단속기/안전신문고/합계 -->
background: #fff; <div id="gridDevice" class="stat-grid-top"></div>
display: flex; </div>
flex-direction: column; </div>
} </div>
/* 하단 1개 그리드 영역 */ <div class="col-sm-4">
.grid-row-bottom { <div class="box_column">
width: 100%; <div class="containers">
height: 260px; <!-- 위반유형별 경고/과태료/합계 -->
margin-top: 10px; <div id="gridType" class="stat-grid-top"></div>
} </div>
</div>
</div>
</div>
.grid-row-bottom .grid-wrap { <!-- 하단 1개 그리드 (상세 합계) -->
height: 100%; <div class="row stat-grid-bottom-row">
border: 1px solid #c0c0c0; <div class="col-sm-12">
background: #fff; <div class="box_column">
display: flex; <div class="containers">
flex-direction: column; <!-- 단계별(계도/사전/부과/독촉) 합계 -->
<div id="gridDetail" class="stat-grid-bottom"></div>
</div>
</div>
</div>
</div>
</div>
<style>
.stat-grid-top {
margin-bottom: 8px;
} }
/* 그리드 타이틀 */ .stat-grid-bottom {
.grid-title { margin-top: 8px;
flex: 0 0 30px;
line-height: 30px;
font-size: 12px;
font-weight: bold;
padding-left: 8px;
background: #f5f5f5;
border-bottom: 1px solid #ddd;
} }
#gridYear, .stat-grid-row {
#gridDevice, margin-top: 5px;
#gridType,
#gridDetail {
flex: 1;
min-height: 0;
} }
/* 버튼 우측 정렬 */ .stat-grid-bottom-row {
.btn-area-right { margin-top: 12px;
margin-top: 10px;
text-align: right;
} }
</style> </style>
<script type="text/javascript"> <script type="text/javascript">
let INIT_POPUP = null;
let SEARCH_COND = {}; let SEARCH_COND = {};
let GRID_YEAR = null; let GRID_YEAR = null;
let GRID_DEVICE = null; let GRID_DEVICE = null;
let GRID_TYPE = null; let GRID_TYPE = null;
let GRID_DETAIL = null; let GRID_DETAIL = null;
// 검색조건 세팅
let setSearchCond = function () { let setSearchCond = function () {
let searchCondition = $.trim(nvl($("#searchCondition").val(), "")); let searchStartDt = $.trim(nvl($("#searchStartDt").val(), ""));
let searchKeyword = $.trim(nvl($("#searchKeyword").val(), "")); let searchEndDt = $.trim(nvl($("#searchEndDt").val(), ""));
let searchUseYn = $.trim(nvl($("#searchUseYn").val(), ""));
let searchStartDt = $.trim(nvl($("#searchStartDt").val(), ""));
let searchEndDt = $.trim(nvl($("#searchEndDt").val(), ""));
SEARCH_COND.searchCondition = searchCondition;
SEARCH_COND.searchKeyword = searchKeyword;
SEARCH_COND.searchUseYn = searchUseYn;
SEARCH_COND.searchStartDt = searchStartDt;
SEARCH_COND.searchEndDt = searchEndDt;
SEARCH_COND = {}; // 항상 새로 만듦
SEARCH_COND.searchStartDt = searchStartDt;
SEARCH_COND.searchEndDt = searchEndDt;
}; };
const fnBiz = { const fnBiz = {
init: () => { init: () => {
initGrid(); initGridYear();
initGridDevice();
initGridType();
initGridDetail();
}, },
eventListener: () => { eventListener: () => {
// 검색 버튼 // 검색 버튼
$('#search_btn').on('click', function () { $('#search_btn').on('click', function () {
let startDate = $("#searchStartDt").val(); let startDate = $("#searchStartDt").val();
let endDate = $("#searchEndDt").val(); let endDate = $("#searchEndDt").val();
@ -202,114 +157,69 @@
} }
} }
$("#page").val(1); [GRID_YEAR, GRID_DEVICE, GRID_TYPE, GRID_DETAIL].forEach(grid => {
GRID.readData(1); if (grid) {
}); grid.readData(1);
}
// 검색어 엔터 });
$('#searchKeyword').on('keypress', function (e) {
if (e.which === 13) {
e.preventDefault();
$('#search_btn').trigger('click');
}
}); });
// perPage 변경 이벤트 추가
$('#perPageSelect').on('change', () => { $('#perPageSelect').on('change', () => {
const pagination = TuiGrid.instance.getPagination(); const perPage = $('#perPageSelect').val();
if (!pagination) return;
[GRID_YEAR, GRID_DEVICE, GRID_TYPE, GRID_DETAIL].forEach(grid => {
if (!grid || !grid.getPagination) return;
pagination.setItemsPerPage($('#perPageSelect').val()); const pagination = grid.getPagination();
pagination.reset(TuiGrid.instance.getRowCount()); if (!pagination) return;
pagination.movePageTo(1);
pagination.setItemsPerPage(perPage);
pagination.reset(grid.getRowCount());
pagination.movePageTo(1);
});
}); });
// 상태 탭 클릭 $('#btnHwp').on('click', function () {
$('.state-tabs li').on('click', function () { setSearchCond();
$('.state-tabs li').removeClass('on');
$(this).addClass('on'); if (!SEARCH_COND.searchStartDt || !SEARCH_COND.searchEndDt) {
alert("조회일자를 먼저 선택해 주세요.");
return;
}
const state = $(this).data('state') || ''; const queryString = $.param({
$('#tabState').val(state); searchStartDt: SEARCH_COND.searchStartDt,
searchEndDt: SEARCH_COND.searchEndDt
});
SEARCH_COND = {}; const url = '<c:url value="/search/caution/caution-hwp-download.do"/>' + '?' + queryString;
GRID.readData(1); window.open(url, '_blank');
}); });
} }
}; };
/** tui-grid Set */ const initGridYear = () => {
const initGrid = () => { const perPage = parseInt($('#perPageSelect').val() || 10, 10);
// 1. 연도별 합계
GRID_YEAR = new tui.Grid({
el: document.getElementById('gridYear'),
bodyHeight: '200',
rowHeaders: [],
scrollX: false,
scrollY: true,
columns: [
{ header: '구분', name: 'gbn', width: 80, align: 'center' },
{ header: '경고', name: 'warnCnt', width: 80, align: 'right' },
{ header: '과태료', name: 'fineCnt', width: 80, align: 'right' },
{ header: '전체', name: 'totalCnt', width: 80, align: 'right' }
],
data: []
});
// 2. 연도별 단속수단
GRID_DEVICE = new tui.Grid({
el: document.getElementById('gridDevice'),
bodyHeight: '200',
rowHeaders: [],
scrollX: false,
scrollY: true,
columns: [
{ header: '구분', name: 'gbn', width: 80, align: 'center' },
{ header: '자동단속기', name: 'autoCnt', width: 80, align: 'right' },
{ header: '안전신문고', name: 'safeCnt', width: 80, align: 'right' },
{ header: '합계', name: 'totalCnt', width: 80, align: 'right' }
],
data: []
});
// 3. 위반유형별 const gridColumns = [
GRID_TYPE = new tui.Grid({ { header: '구분', name: 'year', width: 80, align: 'center' },
el: document.getElementById('gridType'), { header: '경고', name: 'insCnt', width: 80, align: 'right' },
bodyHeight: '200', { header: '과태료', name: 'violCnt', width: 80, align: 'right' },
rowHeaders: [], { header: '전체', name: 'totalCnt', width: 80, align: 'right' }
scrollX: false, ];
scrollY: true,
columns: [
{ header: '구분', name: 'gbn', width: 120, align: 'left' },
{ header: '경고', name: 'warnCnt', width: 80, align: 'right' },
{ header: '과태료', name: 'fineCnt', width: 80, align: 'right' },
{ header: '합계', name: 'totalCnt', width: 80, align: 'right' }
],
data: []
});
// 4. 상세 통계 (하단) const gridOptions = {
GRID_DETAIL = new tui.Grid({ el: 'gridYear',
el: document.getElementById('gridDetail'), rowHeaders: ['rowNum'],
bodyHeight: '220', columns: gridColumns,
rowHeaders: [], noData: "자료가 없습니다.",
scrollX: true, height: 100,
scrollY: true, bodyHeight: 80,
columns: [ pageOptions: {
{ header: '구분', name: 'gbn', width: 80, align: 'center' }, useClient: true, // 통계는 클라이언트 페이징이 편함
{ header: '계도-일반', name: 'cdGen', width: 90, align: 'right' }, perPage: perPage
{ header: '계도-등기', name: 'cd5', width: 90, align: 'right' }, }
{ header: '사전-일반', name: 'sjGen', width: 90, align: 'right' }, };
{ header: '사전-등기', name: 'sj5', width: 90, align: 'right' },
{ header: '부과-일반', name: 'bgGen', width: 90, align: 'right' },
{ header: '부과-등기', name: 'bg5', width: 90, align: 'right' },
{ header: '독촉-일반', name: 'dcGen', width: 90, align: 'right' },
{ header: '독촉-등기', name: 'dc5', width: 90, align: 'right' },
{ header: '합계', name: 'totalCnt', width: 90, align: 'right' }
],
data: []
});
const gridDatasource = { const gridDatasource = {
api: { api: {
@ -325,93 +235,184 @@
setSearchCond(); setSearchCond();
SEARCH_COND.perPage = params.perPage; SEARCH_COND.perPage = params.perPage;
SEARCH_COND.page = params.page; SEARCH_COND.page = params.page;
SEARCH_COND.gridId = 'YEAR';
return $.param(SEARCH_COND); return $.param(SEARCH_COND);
} }
}; };
GRID_YEAR = TuiGrid.of(gridOptions, gridDatasource, (res) => {});
GRID_YEAR.readData(1);
};
const initGridDevice = () => {
const perPage = parseInt($('#perPageSelect').val() || 10, 10); const perPage = parseInt($('#perPageSelect').val() || 10, 10);
const gridColumns = [
{ header: '구분', name: 'year', width: 80, align: 'center' },
{ header: '자동단속기', name: 'cctvCnt', width: 100, align: 'right' },
{ header: '안전신문고', name: 'smgCnt', width: 100, align: 'right' },
{ header: '합계', name: 'totalCnt', width: 80, align: 'right' }
];
const gridOptions = { const gridOptions = {
el: 'grid', el: 'gridDevice',
rowHeaders: ['checkbox'], rowHeaders: ['rowNum'],
columns: gridColumns, columns: gridColumns,
noData: "처리 할 초기자료가 없습니다.", noData: "자료가 없습니다.",
height: 100,
bodyHeight: 80,
pageOptions: { pageOptions: {
useClient: false, useClient: true,
perPage: perPage perPage: perPage
} }
}; };
// 실제 GRID 생성 const gridDatasource = {
GRID = TuiGrid.of(gridOptions, gridDatasource, (res) => { api: {
// 서버 응답 후 페이지 정보 세팅 readData: {
const data = res.data || {}; url: '<c:url value="/search/caution/caution-select.ajax"/>',
if (data.pagination) { method: 'POST',
$("#currentPage").text(data.pagination.page || ''); contentType: 'application/x-www-form-urlencoded',
$("#totalPages").text(data.pagination.totalPages || ''); processData: true
}
},
initialRequest: true,
serializer: function (params) {
setSearchCond();
SEARCH_COND.perPage = params.perPage;
SEARCH_COND.page = params.page;
SEARCH_COND.gridId = 'DEVICE';
return $.param(SEARCH_COND);
}
};
GRID_DEVICE = TuiGrid.of(gridOptions, gridDatasource, (res) => {});
GRID_DEVICE.readData(1);
};
const initGridType = () => {
const perPage = parseInt($('#perPageSelect').val() || 10, 10);
const gridColumns = [
{ header: '위반유형', name: 'vlId', width: 120, align: 'left' },
{ header: '경고', name: 'insCnt', width: 80, align: 'right' },
{ header: '과태료', name: 'violCnt', width: 80, align: 'right' },
{ header: '합계', name: 'totalCnt', width: 80, align: 'right' }
];
const gridOptions = {
el: 'gridType',
rowHeaders: ['rowNum'],
columns: gridColumns,
noData: "자료가 없습니다.",
height: 100,
bodyHeight: 80,
pageOptions: {
useClient: true,
perPage: perPage
} }
};
// 더블 클릭 이벤트 const gridDatasource = {
GRID.on("dblclick", (e) => { api: {
var popUrl = '/minwon/init/init_popup.do'; readData: {
var popTitle = "initPopup"; url: '<c:url value="/search/caution/caution-select.ajax"/>',
var popOption = "width=1400px, height=900px, resizable=yes, scrollbars=yes, location=no, top=100px, left=100px"; method: 'POST',
contentType: 'application/x-www-form-urlencoded',
processData: true
}
},
initialRequest: true,
serializer: function (params) {
setSearchCond();
SEARCH_COND.perPage = params.perPage;
SEARCH_COND.page = params.page;
SEARCH_COND.gridId = 'TYPE';
// 1) localStorage에 저장 return $.param(SEARCH_COND);
console.log(e) }
};
let cursor = e.instance.getValue(e.rowKey, 'mmCode'); GRID_TYPE = TuiGrid.of(gridOptions, gridDatasource, (res) => {});
let mmCodes = e.instance.getData().map(row => row.mmCode); GRID_TYPE.readData(1);
};
console.log(cursor); const initGridDetail = () => {
const perPage = parseInt($('#perPageSelect').val() || 10, 10);
const gridColumns = [
{ header: '구분', name: 'year', width: 80, align: 'center' },
{ header: '계도-일반', name: 'instructNormalCnt', width: 80, align: 'right' },
{ header: '계도-등기', name: 'instructRegistCnt', width: 80, align: 'right' },
{ header: '사전-일반', name: 'sajunNormalCnt', width: 80, align: 'right' },
{ header: '사전-등기', name: 'sajunRegistCnt', width: 80, align: 'right' },
{ header: '부과-일반', name: 'bugwaNormalCnt', width: 80, align: 'right' },
{ header: '부과-등기', name: 'bugwaRegistCnt', width: 80, align: 'right' },
{ header: '독촉-일반', name: 'dokNormalCnt', width: 80, align: 'right' },
{ header: '독촉-등기', name: 'dokRegistCnt', width: 80, align: 'right' },
{ header: '합계', name: 'totalCnt', width: 80, align: 'right' }
];
const state = { cursor, mmCodes, savedAt: Date.now() }; const gridOptions = {
localStorage.setItem('TOTAL_INFO_STATE', JSON.stringify(state)); el: 'gridDetail',
rowHeaders: ['rowNum'],
columns: gridColumns,
noData: "자료가 없습니다.",
height: 150,
bodyHeight: 100,
pageOptions: {
useClient: true,
perPage: perPage
}
};
// 2) 팝업이 없거나 닫혀 있으면 새로 열기 const gridDatasource = {
if (!INIT_POPUP || INIT_POPUP.closed) { api: {
INIT_POPUP = window.open(popUrl, popTitle, popOption); readData: {
} else { url: '<c:url value="/search/caution/caution-select.ajax"/>',
// 이미 떠 있으면 새로 안 만들고, 그 창에 포커스만 줌 method: 'POST',
INIT_POPUP.focus(); contentType: 'application/x-www-form-urlencoded',
INIT_POPUP.INIT_POP_API.search(); processData: true
} }
}); },
}); initialRequest: true,
serializer: function (params) {
setSearchCond();
SEARCH_COND.perPage = params.perPage;
SEARCH_COND.page = params.page;
SEARCH_COND.gridId = 'DETAIL';
// 최초 1페이지 조회 return $.param(SEARCH_COND);
GRID.readData(1); }
};
GRID_DETAIL = TuiGrid.of(gridOptions, gridDatasource, (res) => {});
GRID_DETAIL.readData(1);
}; };
const loadWarningStats = () => {
setSearchCond(); $(function () {
$.ajax({ const startInput = $("#searchStartDt");
url: '<c:url value="/caution/statistics.ajax"/>', const endInput = $("#searchEndDt");
type: 'POST',
data: SEARCH_COND,
success: function (res) {
const yearList = res.yearList || []; if (!startInput.val() || !endInput.val()) {
const deviceList = res.deviceList || []; const today = new Date();
const typeList = res.typeList || []; const yyyy = today.getFullYear();
const detailList = res.detailList || []; const mm = String(today.getMonth() + 1).padStart(2, '0');
const dd = String(today.getDate()).padStart(2, '0');
GRID_YEAR.resetData(yearList); const todayStr = yyyy + "-" + mm + "-" + dd;
GRID_DEVICE.resetData(deviceList); const firstDayOfYear = yyyy + "-01-01";
GRID_TYPE.resetData(typeList);
GRID_DETAIL.resetData(detailList); startInput.val(firstDayOfYear);
}, endInput.val(todayStr);
error: function () {
alert('경고 통계 조회 중 오류가 발생했습니다.');
} }
});
};
// 레디펑션
$(function () {
fnBiz.init(); fnBiz.init();
fnBiz.eventListener(); fnBiz.eventListener();
}); });

Loading…
Cancel
Save