2022-12-22 01:55:19 +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" >
< script type = "text/javascript" th:src = "@{/js/faStatistics/fishingBoatMgt.js}" > < / script >
2023-02-02 01:17:28 +00:00
< script type = "text/javascript" th:src = "@{/js/menuMgt/deadline.js}" > < / script >
2022-12-22 01:55:19 +00:00
< / th:block >
2023-01-13 09:01:55 +00:00
< th:block layout:fragment = "css" >
< style >
#violationSelectDiv{
position: absolute;
top: 100px;
left: 710px;
display: none;
z-index: 10;
}
< / style >
< / th:block >
2022-12-22 01:55:19 +00:00
< div layout:fragment = "content" >
< main >
2023-01-28 04:07:09 +00:00
< input type = "hidden" id = "menuKey" value = "51" >
2022-12-22 01:55:19 +00:00
< div class = "row justify-content-between" >
2023-01-27 01:21:29 +00:00
< div class = "col-auto" >
< div class = "d-inline align-middle" > < i class = "bi bi-square-fill" > < / i > < / div >
< h5 class = "d-inline align-middle" > 불법조업 외국어선 정보< / h5 >
< / div >
2022-12-22 01:55:19 +00:00
< div class = "col-auto" > < p class = "mb-0 mt-2" > 외사통계 > 불법조업외국어선 > 불법조업 외국어선 정보< / p > < / div >
< / div >
< input type = "hidden" name = "_csrf_header" th:value = "${_csrf.headerName}" / >
< input type = "hidden" th:name = "${_csrf.parameterName}" th:value = "${_csrf.token}" / >
< div class = "row mx-0" >
< div class = "col-12 card bg-light text-center" >
< div class = "card-body" >
< form method = "get" th:action = "@{/faStatistics/fishingBoat}" id = "searchForm" >
< input type = "hidden" name = "pageIndex" id = "pageIndex" th:value = "${searchParams.pageIndex}" >
< div class = "row justify-content-between py-1" >
< div class = "col-auto" >
< select class = "form-select form-select-sm" name = "rowCnt" id = "rowCnt" >
2023-01-31 04:42:13 +00:00
< th:block th:each = "num:${#numbers.sequence(1,5)}" >
2022-12-22 01:55:19 +00:00
< option th:value = "${num*10}" th:text = "${num*10}" th:selected = "${searchParams.rowCnt eq num*10}" > < / option >
< / th:block >
< / select >
2023-01-31 04:42:13 +00:00
< select class = "form-select form-select-sm" name = "year" id = "year" >
< option value = "" > 나포 연도< / option >
< th:block th:each = "year:${yearList}" >
< option th:value = "${year}" th:text = "${year}" th:selected = "${searchParams.year eq year}" > < / option >
2022-12-22 01:55:19 +00:00
< / th:block >
< / select >
< / 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" name = "caseAgency" >
2023-01-17 10:02:54 +00:00
< option value = "" > 사건담당경찰서< / option >
2023-01-31 04:42:13 +00:00
< th:block th:each = "code:${session.commonCode.get('OG')}" >
2023-03-10 03:43:25 +00:00
< option th:if = "${code.useChk eq 'T'}" th:value = "${code.itemCd}" th:text = "${code.itemValue}"
th:selected="${code.itemCd eq searchParams.caseAgency}">< / option >
2022-12-22 01:55:19 +00:00
< / th:block >
< / select >
< / 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 >
2023-01-31 04:42:13 +00:00
< th:block th:each = "cpoCode:${session.commonCode.get('CPO')}" >
< th:block th:each = "code:${session.commonCode.get(cpoCode)}" >
< option th:if = "${code.useChk eq 'T'}" th:class = "${code.categoryCd}" th:value = "${code.itemCd}" th:text = "${code.itemValue}" th:selected = "${code.itemCd eq searchParams.crackdownBoat}" style = "display: none;" > < / option >
2022-12-22 01:55:19 +00:00
< / th:block >
< / th:block >
< / select >
< / div >
< div class = "col-2" >
2023-01-31 04:42:13 +00:00
< input type = "text" class = "form-control form-control-sm" placeholder = "선명(한글)" name = "boatNameKr" th:value = "${searchParams.boatNameKr}" >
2022-12-22 01:55:19 +00:00
< / div >
2023-01-13 09:01:55 +00:00
< / div >
< div class = "row justify-content-end" >
2022-12-22 01:55:19 +00:00
< div class = "col-2" >
2023-01-31 04:42:13 +00:00
< div class = "input-group" >
< input type = "text" class = "form-control form-control-sm" placeholder = "선적지(성)" name = "boatNnySung" th:value = "${searchParams.boatNnySung}" >
< input type = "text" class = "form-control form-control-sm" placeholder = "선적지(시)" name = "boatNnySi" th:value = "${searchParams.boatNnySi}" >
< / div >
2022-12-22 01:55:19 +00:00
< / div >
< div class = "col-2" >
2023-01-13 02:02:37 +00:00
< div class = "input-group" >
2023-01-31 04:42:13 +00:00
< input type = "text" class = "form-control form-control-sm" placeholder = "톤수~" name = "tonMin" th:value = "${searchParams.tonMin>0?searchParams.tonMin:''}" >
< input type = "text" class = "form-control form-control-sm" placeholder = "톤수" name = "tonMax" th:value = "${searchParams.tonMax>0?searchParams.tonMax:''}" >
2023-01-13 02:02:37 +00:00
< / div >
2022-12-22 01:55:19 +00:00
< / div >
< div class = "col-2" >
< select class = "form-select form-select-sm" name = "boatMaterial" >
< option value = "" > 선질< / option >
< th:block th:each = "code:${session.commonCode.get('BM')}" >
2023-01-31 04:42:13 +00:00
< option th:value = "${code.itemCd}" th:text = "${code.itemValue}" th:selected = "${code.itemCd eq searchParams.boatMaterial}" > < / option >
2022-12-22 01:55:19 +00:00
< / th:block >
< / select >
< / div >
< div class = "col-2" >
< select class = "form-select form-select-sm" name = "fisheryType" >
< option value = "" > 어업종류< / option >
< th:block th:each = "code:${session.commonCode.get('FT')}" >
2023-01-31 04:42:13 +00:00
< option th:value = "${code.itemCd}" th:text = "${code.itemValue}" th:selected = "${code.itemCd eq searchParams.fisheryType}" > < / option >
2022-12-22 01:55:19 +00:00
< / th:block >
< / select >
< / div >
2023-01-13 09:01:55 +00:00
< / div >
< div class = "row justify-content-end" >
< div class = "col-4" >
< input type = "text" class = "form-control form-control-sm" id = "violationInput" placeholder = "위반형태" readonly >
< div class = "bg-white border p-2 text-start" id = "violationSelectDiv" >
2022-12-22 01:55:19 +00:00
< th:block th:each = "code:${session.commonCode.get('VT')}" >
2023-01-31 04:42:13 +00:00
< div >
< input type = "checkbox" name = "violationList" class = "violationParams" th:id = "|violation${code.itemCd}|" th:value = "${code.itemCd}" th:checked = "${searchParams.violationList ne null?#lists.contains(searchParams.violationList, code.itemCd):false}" >
< label th:for = "|violation${code.itemCd}|" class = "form-label col-form-label-sm mb-0" th:text = "${code.itemValue}" > < / label >
< / div >
2022-12-22 01:55:19 +00:00
< / th:block >
2023-01-31 04:42:13 +00:00
< / div >
2022-12-22 01:55:19 +00:00
< / div >
< div class = "col-2" >
< select class = "form-select form-select-sm" name = "processStatus" >
< option value = "" > 처리현황< / option >
< th:block th:each = "code:${session.commonCode.get('PR')}" >
2023-01-31 04:42:13 +00:00
< option th:value = "${code.itemCd}" th:text = "${code.itemValue}" th:selected = "${code.itemCd eq searchParams.processStatus}" > < / option >
2022-12-22 01:55:19 +00:00
< / th:block >
< / select >
< / 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 = "evictionDt" th:selected = "${searchParams.dateSelector eq 'evictionDt'}" > 퇴거일< / option >
< option value = "directHandoverDt" th:selected = "${searchParams.dateSelector eq 'directHandoverDt'}" > 직접인계일< / option >
< option value = "consignmentDt" th:selected = "${searchParams.dateSelector eq 'consignmentDt'}" > 위탁일< / option >
< option value = "confiscationDt" th:selected = "${searchParams.dateSelector eq 'confiscationDt'}" > 몰수확정일< / option >
< option value = "boatDisposalDt" th:selected = "${searchParams.dateSelector eq 'boatDisposalDt'}" > 폐선일< / option >
< option value = "returnDt" th:selected = "${searchParams.dateSelector eq 'returnDt'}" > 환부일< / 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-lg btn-primary col-auto" 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" >
< thead class = "align-middle" >
< tr class = "table-secondary" >
2023-01-28 04:44:16 +00:00
< th > 순번< / th >
2022-12-22 01:55:19 +00:00
< th > 나포일시< / th >
< th > 나포해점< / th >
2023-01-17 10:02:54 +00:00
< th > 사건담당경찰서< / th >
2022-12-22 01:55:19 +00:00
< th > 단속경찰서< / th >
< th > 단속함정< / th >
< th > 선명< / th >
< th > 선장명< / th >
< th > 어업종류< / th >
< th > 선적지< / th >
< th > 톤수< / th >
< th > 선질< / th >
< th > 위반형태< / th >
< th > 처리결과< / th >
< th > 작성자< / th >
< th > 수정일< / th >
< / tr >
< / thead >
< tbody class = "table-group-divider align-middle" >
2023-05-12 07:19:14 +00:00
< th:block th:each = "crackdownStatus,cnt:${crackdownStatusList}" >
< tr class = "crackdownStatusTr" th:data-cdskey = "${crackdownStatus.cdsKey}" >
< input type = "hidden" >
< td th:text = "${cnt.count}" > < / td >
< td th:text = "${#temporals.format(crackdownStatus.napoDt, 'yyyy-MM-dd HH:mm')}" > < / td >
< td >
< th:block th:text = "${crackdownStatus.napoSeaPointLon}" > < / th:block >
< br >
< th:block th:text = "${crackdownStatus.napoSeaPointLat}" > < / th:block >
< / td >
< td >
< th:block th:each = "code:${session.commonCode.get('OG')}" >
< th:block th:if = "${crackdownStatus.caseAgency eq code.itemCd}" th:text = "${code.itemValue}" > < / th:block >
< / th:block >
< / td >
< td >
< th:block th:each = "code:${session.commonCode.get('CPO')}" >
< th:block th:if = "${crackdownStatus.crackdownPolice eq code.itemCd}" th:text = "${code.itemValue}" > < / th:block >
< / th:block >
< / td >
< td >
< th:block th:each = "code:${session.commonCode.get(crackdownStatus.crackdownPolice)}" >
< th:block th:if = "${crackdownStatus.crackdownBoat eq code.itemCd}" th:text = "${code.itemValue}" > < / th:block >
< / th:block >
< / td >
< td th:text = "${crackdownStatus.boatNameKr}" > < / td >
< td th:text = "${crackdownStatus.sailorNameKr}" > < / td >
< td >
< th:block th:each = "code:${session.commonCode.get('FT')}" >
< th:block th:if = "${crackdownStatus.fisheryType eq code.itemCd}" th:text = "${code.itemValue}" > < / th:block >
< / th:block >
< / td >
< td th:text = "|${crackdownStatus.boatNnySung} ${crackdownStatus.boatNnySi}|" > < / td >
< td th:text = "|${crackdownStatus.tonCnt ne null?crackdownStatus.tonCnt:'-'}t|" > < / td >
< td >
< th:block th:each = "code:${session.commonCode.get('BM')}" >
< th:block th:if = "${crackdownStatus.boatMaterial eq code.itemCd}" th:text = "${code.itemValue}" > < / th:block >
< / th:block >
< / td >
< td class = "text-wrap min-width-300" th:text = "${crackdownStatus.violationStr}" > < / td >
< td >
< th:block th:each = "code:${session.commonCode.get('PR')}" >
< th:block th:if = "${crackdownStatus.processStatus eq code.itemCd}" th:text = "${code.itemValue}" > < / th:block >
< / th:block >
< / td >
< td >
< th:block th:each = "code:${session.commonCode.get('OG')}" >
< th:block th:if = "${crackdownStatus.wrtOrgan eq code.itemCd}" th:text = "${code.itemValue}" > < / th:block >
< / th:block >
< th:block th:each = "code:${session.commonCode.get('JT')}" >
< th:block th:if = "${crackdownStatus.wrtUserGrd eq code.itemCd}" th:text = "${code.itemValue}" > < / th:block >
< / th:block >
< th:block th:text = "${crackdownStatus.wrtUserNm}" > < / th:block >
< / td >
< td th:text = "${#temporals.format(crackdownStatus.wrtDt, 'yyyy-MM-dd HH:mm')}" > < / td >
< / tr >
< / th:block >
2022-12-22 01:55:19 +00:00
< / tbody >
< / table >
< / div >
< / div >
< div class = "row justify-content-between" >
2023-02-02 01:17:28 +00:00
< div class = "col-auto" >
2023-03-14 05:28:08 +00:00
< th:block th:if = "${accessAuth eq 'ACC003' and loginUserOrgan eq 'OG001'}" >
< button class = "btn btn-warning" id = "deadlineBtn" data-menukey = "51" th:data-deadlinechk = "${deadlineState}" th:text = "${deadlineState eq 'F'?'마감':'등록허용'}" > < / button >
< / th:block >
2023-02-02 01:17:28 +00:00
< / div >
2022-12-22 01:55:19 +00:00
< div class = "col-auto" >
< nav aria-label = "Page navigation" >
< ul class = "pagination mb-0" >
< th:block th:if = "${searchParams.pageIndex>3}" >
< li class = "page-item" th:data-pageindex = "${(searchParams.pageIndex)-3}" >
< a class = "page-link" href = "#" aria-label = "Previous" >
< span aria-hidden = "true" > « < / span >
< / a >
< / li >
< / th:block >
< th:block th:each = "num : ${#numbers.sequence(searchParams.startNum, searchParams.endNum)}" >
< li class = "page-item" th:data-pageindex = "${num}" th:classappend = "${searchParams.pageIndex eq num?'active':''}" >
< a class = "page-link" href = "#" th:text = "${num}" > < / a >
< / li >
< / th:block >
< th:block th:if = "${searchParams.maxNum>searchParams.endNum+2}" >
< li class = "page-item" th:data-pageindex = "${(searchParams.pageIndex)+3}" >
< a class = "page-link" href = "#" aria-label = "Next" >
< span aria-hidden = "true" > » < / span >
< / a >
< / li >
< / th:block >
< / ul >
< / nav >
< / div >
< div class = "col-auto" >
2023-03-14 05:28:08 +00:00
< th:block th:if = "${accessAuth ne 'ACC001'}" >
< input type = "button" class = "btn btn-success" value = "등록" id = "getFishingBoatEditModalBtn" th:disabled = "${deadlineState eq 'T'}" >
< / th:block >
2022-12-22 01:55:19 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / main >
< div class = "modal fade" id = "fishingBoatEditModal" data-bs-backdrop = "static" data-bs-keyboard = "false" tabindex = "-1" aria-labelledby = "fishingBoatEditModalLabel" aria-hidden = "true" >
< div class = "modal-dialog modal-xxl modal-dialog-scrollable" >
< div class = "modal-content" id = "fishingBoatEditModalContent" >
< / div >
< / div >
< / div >
< div class = "modal fade" id = "fishingBoatViewModal" data-bs-backdrop = "static" data-bs-keyboard = "false" tabindex = "-1" aria-labelledby = "fishingBoatViewModalLabel" aria-hidden = "true" >
< div class = "modal-dialog modal-xxl modal-dialog-scrollable" >
< div class = "modal-content" id = "fishingBoatViewModalContent" >
< / div >
< / div >
< / div >
< div class = "modal fade" id = "crackdownSubModal" data-bs-backdrop = "static" data-bs-keyboard = "false" tabindex = "-1" aria-labelledby = "crackdownSubModalLabel" aria-hidden = "true" >
< div class = "modal-dialog modal-xl modal-dialog-scrollable" >
< div class = "modal-content" >
< div class = "modal-header bg-dark" >
< h5 class = "modal-title text-white" id = "crackdownSubModalLabel" > 단속현황 불러오기< / h5 >
< input type = "hidden" id = "modalUrl" value = "/modal/crackdownStatusModal" >
< button type = "button" class = "btn-close f-invert" data-bs-dismiss = "modal" aria-label = "Close" > < / button >
< / div >
< div class = "modal-body text-nowrap" id = "subModalBody" >
< div class = "row" >
< div class = "col-12" >
< form method = "get" action = "#" id = "modalSearchForm" >
< input type = "hidden" name = "pageIndex" id = "modalPageIndex" value = "1" >
< input type = "hidden" name = "rowCnt" value = "10" >
< / form >
< / div >
< / div >
< / div >
< div class = "modal-footer bg-light" >
< button type = "button" class = "btn btn-primary" id = "getCrackdownBtn" > 불러오기< / button >
2023-01-28 07:25:01 +00:00
<!-- <button type="button" class="btn btn - secondary" data - bs - dismiss="modal">닫기</button> -->
2022-12-22 01:55:19 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
< / html >
