2023-05-25 09:22:21 +00:00
<!DOCTYPE html>
< html lang = "ko" xmlns:th = "http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{layout/layout}">
< th:block layout:fragment = "script" >
2023-05-26 08:59:32 +00:00
< script type = "text/javascript" th:src = "@{/js/faStatistics/unlawfulFishing/illegalShipInfo.js}" > < / script >
2023-05-25 09:22:21 +00:00
< / th:block >
< th:block layout:fragment = "css" >
< style >
< / style >
< / th:block >
< div layout:fragment = "content" >
< main >
< input type = "hidden" id = "menuKey" th:value = "${menuKey}" >
< input type = "hidden" name = "_csrf_header" th:value = "${_csrf.headerName}" / >
< input type = "hidden" th:name = "${_csrf.parameterName}" th:value = "${_csrf.token}" / >
< div class = "row justify-content-between" >
< div class = "col-auto" >
< div class = "d-inline align-middle" > < i class = "bi bi-square-fill" > < / i > < / div >
2023-05-26 08:59:32 +00:00
< h5 class = "d-inline align-middle" > 불법조업 외국어선 정보< / h5 >
2023-05-25 09:22:21 +00:00
< / div >
2023-05-26 08:59:32 +00:00
< div class = "col-auto" > < p class = "mb-0 mt-2" > 외사통계 > 불법조업외국어선 > 불법조업 외국어선 정보< / p > < / div >
2023-05-25 09:22:21 +00:00
< / div >
< div class = "row mx-0" >
< div class = "col-12 card bg-light text-center" >
< div class = "card-body" >
2023-05-26 08:59:32 +00:00
< form method = "get" th:action = "@{/faStatistics/illegalShipInfo}" id = "cdsSearchForm" >
2023-05-25 09:22:21 +00:00
< input type = "hidden" name = "pageIndex" id = "pageIndex" th:value = "${searchParams.pageIndex}" >
< div class = "row justify-content-between py-1" >
< div class = "col-auto" >
< div >
< select class = "form-select form-select-sm" name = "year" >
< option value = "" > 연도< / option >
< th:block th:each = "year : ${yearList}" >
< option th:value = "${year}" th:text = "|${year}년|" th:selected = "${searchParams.year eq year}" > < / option >
< / th:block >
< / select >
< / div >
< div >
< select class = "form-select form-select-sm" name = "month" >
< option value = "" > 월 선택< / option >
< th:block th:each = "month : ${#numbers.sequence(1, 12)}" >
< option th:value = "${month}" th:text = "|${month}월|" th:selected = "${searchParams.month eq month}" > < / option >
< / th:block >
< / select >
< / div >
< / div >
< div class = "col-8" >
< div class = "row" >
< div class = "col-11" >
< div class = "row justify-content-end pb-1" >
< div class = "col-2" >
< select class = "form-select form-select-sm " id = "caseAgency" name = "caseAgency" >
< option value = "" > 사건담당경찰서< / option >
< th:block th:each = "code:${session.commonCode.get('OG')}" >
< option th:value = "${code.itemCd}" th:text = "${code.itemValue}"
th:selected="${code.itemCd eq searchParams.caseAgency}">< / option >
< / th:block >
< / select >
< / div >
< div class = "col-2" >
< input type = "text" class = "form-control form-control-sm" placeholder = "사건담당경찰관" >
< / div >
< div class = "col-2" >
< select class = "form-select form-select-sm" name = "crackdownPolice" id = "searchFormPolice" >
< option value = "" > 단속경찰서< / option >
< th:block th:each = "code:${session.commonCode.get('CPO')}" >
< option th:value = "${code.itemCd}" th:text = "${code.itemValue}"
th:selected="${code.itemCd eq searchParams.crackdownPolice}">< / option >
< / th:block >
< / select >
< / div >
< div class = "col-2" >
< select class = "form-select form-select-sm" name = "crackdownBoat" id = "searchFormBoat" disabled >
< option value = "" > 단속함정< / option >
< th:block th:each = "cpoNum:${#numbers.sequence(1, #lists.size(session.commonCode.get('CPO')))}" >
< th:block th:each = "code:${session.commonCode.get('CPO'+cpoNum)}" >
< option th:class = "${code.categoryCd}" th:value = "${code.itemCd}" th:text = "${code.itemValue}" th:selected = "${code.itemCd eq searchParams.crackdownBoat}" style = "display: none;" > < / option >
< / th:block >
< / th:block >
< / select >
< / div >
< / div >
< div class = "row justify-content-end pb-1" >
< div class = "col-2" >
< input type = "text" class = "form-control form-control-sm" placeholder = "사건번호" >
< / div >
< div class = "col-2" >
< input type = "text" class = "form-control form-control-sm" placeholder = "MMSI.NO" >
< / div >
< div class = "col-2" >
< input type = "text" class = "form-control form-control-sm" placeholder = "나포장소" >
< / div >
< div class = "col-4" >
< div class = "input-group w-auto input-daterange" id = "dateSelectorDiv" >
< select class = "form-select form-select-sm w-30" name = "dateSelector" >
< option value = "" > 조건선택< / option >
< option value = "napoDt" th:selected = "${searchParams.dateSelector eq 'napoDt'}" > 나포일시< / option >
< option value = "wrtDt" th:selected = "${searchParams.dateSelector eq 'wrtDt'}" > 작성일시< / option >
< / select >
< input type = "text" class = "form-control form-control-sm w-35" id = "startDate" name = "startDate" placeholder = "시작일" autocomplete = "off" readonly th:value = "${searchParams.startDate}" >
< input type = "text" class = "form-control form-control-sm w-35" id = "endDate" name = "endDate" placeholder = "종료일" autocomplete = "off" readonly th:value = "${searchParams.endDate}" >
< / div >
< / div >
< / div >
< / div >
< div class = "col-1 d-grid gap-2" >
< input type = "submit" class = "btn btn-primary" id = "searchBtn" value = "검색" >
< / div >
< / div >
< / div >
< / div >
< / form >
< div class = "card" >
< div class = "card-body" >
< div class = "row" >
< div class = "col-12 overflow-auto" >
< table class = "table table-sm table-hover table-bordered text-nowrap" id = "cdsTable" >
< thead class = "align-middle" >
< tr class = "table-secondary" >
< th > 순번< / th >
< th > 사건번호< / th >
< th > MMSI.NO< / th >
< th > 나포일시< / th >
< th > 나포장소< / th >
< th > 사건담당경찰서< / th >
< th > 사건담당경찰관< / th >
< th > 단속경찰서< / th >
< th > 단속함정< / th >
< th > 침범유형< / th >
< th > NLL침범여부< / th >
< th > 압송여부< / th >
< th > 작성일시< / th >
< / tr >
< / thead >
< tbody class = "table-group-divider align-middle" >
2023-05-26 08:59:32 +00:00
<!-- <th:block th:each="dto,cnt:${crackdownInfoList}">
2023-05-25 09:22:21 +00:00
< tr class = "crackdownStatusTr" th:data-cdskey = "${dto.cdsKey}" data-modaltype = "viewOnly" >
< td th:text = "${cnt.count}" > < / td >
< td th:text = "${#temporals.format(dto.napoDt, 'yyyy-MM-dd HH:mm')}" > < / td >
< td >
< div th:if = "${!#strings.isEmpty(dto.napoSeaPointLon) and !#strings.isEmpty(dto.napoSeaPointLon)}" th:text = "${#strings.concat(dto.napoSeaPointLon, ' ~ ', dto.napoSeaPointLat)}" > < / div >
< div th:if = "${!#strings.isEmpty(dto.napoSeaPointLon) or !#strings.isEmpty(dto.napoSeaPointLon)}" th:text = "${#strings.concat(dto.napoSeaPointLon, dto.napoSeaPointLat)}" > < / div >
< div th:text = "${dto.napoSeaPointDetail}" > < / div >
< / td >
< / tr >
2023-05-26 08:59:32 +00:00
< / th:block > -->
2023-05-25 09:22:21 +00:00
< / tbody >
< / table >
< / div >
< / div >
< div class = "row justify-content-between pt-1" >
< div class = "col-auto" >
< button class = "btn btn-success" id = "cdsDownExcel" > 엑셀 다운로드< / button >
< / div >
< div class = "col-auto" >
2023-05-26 08:59:32 +00:00
< button class = "btn btn-primary" id = "addIllegalShipInfoBtn" > 등록< / button >
2023-05-25 09:22:21 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
2023-05-26 08:59:32 +00:00
< div class = "modal fade" id = "isiEditModal" data-bs-backdrop = "static" data-bs-keyboard = "false" tabindex = "-1" aria-labelledby = "isiEditModalLabel" aria-hidden = "true" >
< div class = "modal-dialog modal-xxl modal-dialog-scrollable" >
< div class = "modal-content" id = "isiEditModalContent" >
< / div >
< / div >
< / div >
< div class = "modal fade" id = "isiViewModal" data-bs-backdrop = "static" data-bs-keyboard = "false" tabindex = "-1" aria-labelledby = "isiViewModalLabel" aria-hidden = "true" >
2023-05-25 09:22:21 +00:00
< div class = "modal-dialog modal-xxl modal-dialog-scrollable" >
2023-05-26 08:59:32 +00:00
< div class = "modal-content" id = "isiViewModalContent" >
2023-05-25 09:22:21 +00:00
< / div >
< / div >
< / div >
2023-05-26 08:59:32 +00:00
< div class = "modal fade" id = "cdiSelectModal" data-bs-backdrop = "static" data-bs-keyboard = "false" tabindex = "-1" aria-labelledby = "cdiSelectModalLabel" aria-hidden = "true" >
2023-05-25 09:22:21 +00:00
< div class = "modal-dialog modal-xxl modal-dialog-scrollable" >
2023-05-26 08:59:32 +00:00
< div class = "modal-content" id = "cdiSelectModalContent" >
2023-05-25 09:22:21 +00:00
< / div >
< / div >
< / div >
< / main >
< / div >
< / html >
