FAISP/src/main/resources/templates/faStatistics/asfCov/asfCov.html

444 lines
30 KiB
HTML
Raw Normal View History

<!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/crackdownStatus.js}"></script>
</th:block>
<div layout:fragment="content">
<main>
<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"><h4>ASF 및 코로나19 관련 조치현황</h4></div>
<div class="col-auto"><p class="mb-0 mt-2">외사통계 > 불법조업외국어선 > ASF및코로나19관련조치현황</p></div>
</div>
<div class="row mx-0">
<div class="col-12 card bg-light text-center">
<div class="card-body">
<!-- <form method="get" th:action="@{/faStatistics/crackdownStatus}" id="cdsSearchForm">-->
<!-- <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 : ${#numbers.sequence(2020, 2030)}">-->
<!-- <option th:value="${year}" th:text="${year}" th:selected="${searchParams.year eq #strings.toString(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 violation" name="violation">-->
<!-- <option value="">위반내용</option>-->
<!-- <th:block th:each="commonCode:${session.commonCode.get('VT')}">-->
<!-- <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"-->
<!-- th:selected="${commonCode.itemCd eq searchParams.violation}"></option>></option>-->
<!-- </th:block>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="napoSeaPointDetail" id="napoSeaPointDetail" placeholder="위반장소" th:value="${searchParams.napoSeaPointDetail}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="invasionType">-->
<!-- <option value="">침범유형</option>-->
<!-- <th:block th:each="commonCode:${session.commonCode.get('IST')}">-->
<!-- <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"-->
<!-- th:selected="${commonCode.itemCd eq searchParams.invasionType}"></option>-->
<!-- </th:block>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="nll">-->
<!-- <option value="">NLL</option>-->
<!-- <option value="Y" th:selected="${searchParams.nll == 'Y'}">O</option>-->
<!-- <option value="N" th:selected="${searchParams.nll == 'N'}">X</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="mmsi" id="mmsi" placeholder="MMSI.NO" th:value="${searchParams.mmsi}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="caseAgency">-->
<!-- <option value="">사건담당기관</option>-->
<!-- <th:block th:each="commonCode:${session.commonCode.get('ATA')}">-->
<!-- <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"-->
<!-- th:selected="${commonCode.itemCd eq searchParams.caseAgency}"></option>-->
<!-- </th:block>-->
<!-- </select>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="row justify-content-end pb-1">-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="crackdownPolice" id="searchFormPolice">-->
<!-- <option value="">단속경찰서</option>-->
<!-- <th:block th:each="commonCode:${session.commonCode.get('CPO')}">-->
<!-- <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"-->
<!-- th:selected="${commonCode.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 class="col-2">-->
<!-- <input class="form-control form-control-sm" name="distance" id="distance" placeholder="거리" th:value="${searchParams.distance}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="processStatus" id="processStatus">-->
<!-- <option value="">처리현황</option>-->
<!-- <th:block th:each="commonCode:${session.commonCode.get('PR')}">-->
<!-- <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"-->
<!-- th:selected="${commonCode.itemCd eq searchParams.processStatus}"></option>-->
<!-- </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 class="row justify-content-start pb-1 subSearchParam" style="display: none">-->
<!-- <hr class="mb-1">-->
<!-- <label class="col-2 col-form-label col-form-label-sm">처리현황</label>-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="isDamboUnpaidAmount" th:value="${searchParams.isDamboUnpaidAmount}">-->
<!-- <option value="">담보금 미납 여부</option>-->
<!-- <option value="Y" th:selected="${searchParams.isDamboUnpaidAmount eq 'Y'}">O</option>-->
<!-- <option value="N" th:selected="${searchParams.isDamboUnpaidAmount eq 'N'}">X</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="isEvictionDt" th:value="${searchParams.isEvictionDt}">-->
<!-- <option value="">퇴거여부</option>-->
<!-- <option value="Y" th:selected="${searchParams.isEvictionDt eq 'Y'}">O</option>-->
<!-- <option value="N" th:selected="${searchParams.isEvictionDt eq 'N'}">X</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="isReturnDt" th:value="${searchParams.isReturnDt}">-->
<!-- <option value="">환부여부</option>-->
<!-- <option value="Y" th:selected="${searchParams.isReturnDt eq 'Y'}">O</option>-->
<!-- <option value="N" th:selected="${searchParams.isReturnDt eq 'N'}">X</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="isConsignmentStartDt" th:value="${searchParams.isConsignmentStartDt}">-->
<!-- <option value="">위탁관리 여부</option>-->
<!-- <option value="Y" th:selected="${searchParams.isConsignmentStartDt eq 'Y'}">O</option>-->
<!-- <option value="N" th:selected="${searchParams.isConsignmentStartDt eq 'N'}">X</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="isConfiscationDt" th:value="${searchParams.isConfiscationDt}">-->
<!-- <option value="">침몰여부</option>-->
<!-- <option value="Y" th:selected="${searchParams.isConfiscationDt eq 'Y'}">O</option>-->
<!-- <option value="N" th:selected="${searchParams.isConfiscationDt eq 'N'}">X</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-2"></div>-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="boatDisposalType" th:value="${searchParams.boatDisposalType}">-->
<!-- <option value="">폐선종류</option>-->
<!-- <th:block th:each="commonCode:${session.commonCode.get('BDT')}">-->
<!-- <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"-->
<!-- th:selected="${commonCode.itemCd eq searchParams.boatDisposalType}"></option>-->
<!-- </th:block>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="isDirectHandoverDt" th:value="${searchParams.isDirectHandoverDt}">-->
<!-- <option value="">직접인계 여부</option>-->
<!-- <option value="Y" th:selected="${searchParams.isDirectHandoverDt eq 'Y'}">O</option>-->
<!-- <option value="N" th:selected="${searchParams.isDirectHandoverDt eq 'N'}">X</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="handoverSeaPointDetail" id="handoverSeaPointDetail" placeholder="직접인계 해점" th:value="${searchParams.handoverSeaPointDetail}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="handoverBoat" id="handoverBoat" placeholder="인계함정" th:value="${searchParams.handoverBoat}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="middleTakeoverBoat" id="middleTakeoverBoat" placeholder="중측 인수함정" th:value="${searchParams.middleTakeoverBoat}">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="row justify-content-start pb-1 subSearchParam" style="display: none">-->
<!-- <hr class="mb-1">-->
<!-- <label class="col-2 col-form-label col-form-label-sm">어선정보</label>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="boatNameKr" id="boatNameKr" placeholder="선명" th:value="${searchParams.boatNameKr}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <div class="input-group">-->
<!-- <input type="number" min="0" class="form-control form-control-sm" name="tonStartCnt" id="tonStartCnt" placeholder="톤수" th:value="${searchParams.tonStartCnt}">-->
<!-- ~<input type="number" min="0" class="form-control form-control-sm" name="tonEndCnt" id="tonEndCnt" placeholder="톤수" th:value="${searchParams.tonEndCnt}">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="boatMaterial" id="boatMaterial">-->
<!-- <option value="">선질</option>-->
<!-- <th:block th:each="commonCode:${session.commonCode.get('BM')}">-->
<!-- <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"-->
<!-- th:selected="${commonCode.itemCd eq searchParams.boatMaterial}"></option>-->
<!-- </th:block>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="boatNnySung" id="boatNnySung" placeholder="선적 성" th:value="${searchParams.boatNnySung}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="boatNnySi" id="boatNnySi" placeholder="선적 시" th:value="${searchParams.boatNnySi}">-->
<!-- </div>-->
<!-- <div class="col-2"></div>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="sailorNameKr" id="sailorNameKr" placeholder="선장명" th:value="${searchParams.sailorNameKr}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="fisheryType" id="fisheryType">-->
<!-- <option value="">선종</option>-->
<!-- <th:block th:each="commonCode:${session.commonCode.get('FT')}">-->
<!-- <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"-->
<!-- th:selected="${commonCode.itemCd eq searchParams.fisheryType}"></option>-->
<!-- </th:block>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="catchFishSpecies" id="catchFishSpecies" placeholder="어획물 축소기재 어종" th:value="${searchParams.catchFishSpecies}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="offenseFishSpecies" id="offenseFishSpecies" placeholder="범칙물 어종" th:value="${searchParams.offenseFishSpecies}">-->
<!-- </div>-->
<!-- <div class="col-2"></div>-->
<!-- <label class="col-2 col-form-label col-form-label-sm">압수어구</label>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="confiscationFrame" id="confiscationFrame" placeholder="틀" th:value="${searchParams.confiscationFrame}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="confiscationWidth" id="confiscationWidth" placeholder="폭" th:value="${searchParams.confiscationWidth}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="confiscationJo" id="confiscationJo" placeholder="조" th:value="${searchParams.confiscationJo}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="confiscationGae" id="confiscationGae" placeholder="개" th:value="${searchParams.confiscationGae}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="confiscationEtc" id="confiscationEtc" placeholder="기타" th:value="${searchParams.confiscationEtc}">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="row justify-content-start pb-1 subSearchParam" style="display: none">-->
<!-- <hr class="mb-1">-->
<!-- <label class="col-2 col-form-label col-form-label-sm">피해내용</label>-->
<!-- <div class="col-2">-->
<!-- <input type="number" min="0" class="form-control form-control-sm" name="obstrExspdCnt" id="obstrExspdCnt" placeholder="인적피해 발생건수" th:value="${searchParams.obstrExspdCnt}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input type="number" min="0" class="form-control form-control-sm" name="personDamageCnt" id="personDamageCnt" placeholder="인적피해 피해인원" th:value="${searchParams.personDamageCnt}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input type="number" min="0" class="form-control form-control-sm" name="personDamageAmount" id="personDamageAmount" placeholder="인적피해 피해액" th:value="${searchParams.personDamageAmount}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="personDamageDetail" id="personDamageDetail" placeholder="인적피해 상세내용" th:value="${searchParams.personDamageDetail}">-->
<!-- </div>-->
<!-- <div class="col-2"></div>-->
<!-- <div class="col-2"></div>-->
<!-- <div class="col-2">-->
<!-- <input type="number" min="0" class="form-control form-control-sm" name="materialDamageCnt" id="materialDamageCnt" placeholder="물적피해 발생건수" th:value="${searchParams.materialDamageCnt}">-->
<!-- </div>-->
<!-- <div class="col-2"></div>-->
<!-- <div class="col-2">-->
<!-- <input type="number" min="0" class="form-control form-control-sm" name="materialDamageAmount" id="materialDamageAmount" placeholder="물적피해 피해액" th:value="${searchParams.materialDamageAmount}">-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <input class="form-control form-control-sm" name="materialDamageDetail" id="materialDamageDetail" placeholder="물적피해 상세내용" th:value="${searchParams.materialDamageDetail}">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="row justify-content-start subSearchParam" style="display: none">-->
<!-- <hr class="mb-1">-->
<!-- <label class="col-2 col-form-label col-form-label-sm">구속여부</label>-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="captin">-->
<!-- <option value="">선장</option>-->
<!-- <option value="Y" th:selected="${searchParams.captin eq 'Y'}">구속</option>-->
<!-- <option value="N" th:selected="${searchParams.captin eq 'N'}">불구속</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="mate">-->
<!-- <option value="">향해장</option>-->
<!-- <option value="Y" th:selected="${searchParams.mate eq 'Y'}">구속</option>-->
<!-- <option value="N" th:selected="${searchParams.mate eq 'N'}">불구속</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-2">-->
<!-- <select class="form-select form-select-sm" name="warden">-->
<!-- <option value="">기관장</option>-->
<!-- <option value="Y" th:selected="${searchParams.warden eq 'Y'}">구속</option>-->
<!-- <option value="N" th:selected="${searchParams.warden eq 'N'}">불구속</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-1 d-grid gap-2">-->
<!-- <input type="submit" class="btn btn-primary" id="searchBtn" value="검색">-->
<!-- <button type="button" class="btn btn-info" id="searchFormBtn" data-state="hide">조건<br>펼치기</button>-->
<!-- </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 rowspan="4">사건번호</th>
<th rowspan="4">나포일시</th>
<th rowspan="4">선명</th>
<th colspan="3">관서</th>
<th colspan="3">전용부두 압송여부</th>
<th rowspan="2" colspan="3">코로나19 검사결과</th>
<th rowspan="4">검·방역조치 내용</th>
<th rowspan="4">최종수정일</th>
</tr>
<tr class="table-secondary">
<th rowspan="3">사건담당경찰서</th>
<th rowspan="3">단속경찰서</th>
<th rowspan="3">단속함정</th>
<th rowspan="2">압송</th>
<th colspan="2">미압송</th>
</tr>
<tr class="table-secondary">
<th>현장조사</th>
<th>기타</th>
<th>검사인원</th>
<th>양성</th>
<th>음성</th>
</tr>
<tr class="table-secondary">
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody class="table-group-divider align-middle">
<tr class="tr" th:each="asfcov:${asfCovList}">
<td th:text="${asfcov.caseNum}"></td>
<td th:text="${asfcov.crackdownStatus.personNegativeCnt}"></td>
<td th:text="${asfcov.crackdownStatus.casePoliceOfficer}"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</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">
<button class="btn btn-primary" id="crackdownStatusAddBtn">등록</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="asfCovEditModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="asfCovEditModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-scrollable">
<div class="modal-content" id="asfCovEditModalContent">
</div>
</div>
</div>
<div class="modal fade" id="asfCovViewModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="asfCovViewModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-scrollable">
<div class="modal-content" id="asfCovViewBody">
</div>
</div>
</div>
<div class="modal fade" id="asfCovSubModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="asfCovSubModalLabel" 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="asfCovSubModalLabel">단속현황 불러오기</h5>
<input type="hidden" id="modalUrl" value="/modal/asfCovModal">
<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>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
</div>
</div>
</div>
</div>
</main>
</div>
</html>