DBNT
/
FAISP
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

국제범죄 검거현황 모달 수정.

강석 최 2022-12-13 19:37:39 +09:00
parent 68d95f0bb3
commit a7bfeed4d0
3 changed files with 622 additions and 613 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/main/resources/static/js/faStatistics/internationalCrimeArrest.js
View File

@ -48,10 +48,10 @@ $(document).on('change', '#searchCrimeType', function (){
$(document).on('change', '#crimeForm', function (){ $(document).on('change', '#crimeForm', function (){
$('#crimeFormDiv').next().remove(); if ($(this).val() !== 'CMF001') {
if ($(this).val() != 'CMF001') { $("#spiAddBtn").show();
$('#crimeFormDiv').after('<button type="button" class="col-sm-1 btn btn-sm btn-primary" id="spiAddBtn">+</button>');
} else { } else {
$("#spiAddBtn").hide();
$.each($('.dynamic').children("input[name='spiKey']"), function (idx, item){ $.each($('.dynamic').children("input[name='spiKey']"), function (idx, item){
let deleteKey = item.value; let deleteKey = item.value;
$("#icaEditForm").append('<input type="hidden" name="deleteSpiKeyList" value="' + deleteKey + '">'); $("#icaEditForm").append('<input type="hidden" name="deleteSpiKeyList" value="' + deleteKey + '">');
@ -78,7 +78,7 @@ $(document).on('click', '#spiAddBtn', function (){
}) })
$("#spiDiv").append( $("#spiDiv").append(
'<div class="row dynamic spi-list">' '<div class="row dynamic spi-list pb-1">'
+ '<label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>' + '<label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>'
+ '<div class="col-sm-2" id="sexFormDiv">' + '<div class="col-sm-2" id="sexFormDiv">'
+ '<select class="form-select form-select-sm" name="sex">' + '<select class="form-select form-select-sm" name="sex">'
@ -98,7 +98,7 @@ $(document).on('click', '#spiAddBtn', function (){
+ '<option value="etc">기타</option>' + '<option value="etc">기타</option>'
+ '</select>' + '</select>'
+ '</div>' + '</div>'
+ '<button type="button" class="col-sm-1 btn btn-sm btn-primary" id="spiCancelBtn">-</button>' + '<button type="button" class="col-sm-auto btn btn-sm btn-primary spiCancelBtn"><i class="bi bi-dash"></i></button>'
+ '</div>' + '</div>'
); );
}); });
@ -128,8 +128,10 @@ $(document).on('change', '#processResult', function (){
}); });
$(document).on('click', '.spiCancelBtn', function (){ $(document).on('click', '.spiCancelBtn', function (){
let deleteKey = $(this).parent().children("input[name='spiKey']").val(); const deleteKey = $(this).parent().children("input[name='spiKey']").val();
if(deleteKey !== undefined){
$("#icaEditForm").append('<input type="hidden" name="deleteSpiKeyList" value="' + deleteKey + '">'); $("#icaEditForm").append('<input type="hidden" name="deleteSpiKeyList" value="' + deleteKey + '">');
}
$(this).parent().remove(); $(this).parent().remove();
}); });
@ -165,10 +167,12 @@ $(document).on('change', '#crimeType', function (){
); );
} else { } else {
$("#crimeNameDiv").append( $("#crimeNameDiv").append(
'<label class="col-sm-2 col-form-label col-form-label-sm text-center">죄명</label>' '<div class="row">\n' +
+ '<div class="col-sm-10 input-daterange">' ' <label class="col-sm-6 col-form-label col-form-label-sm text-center">죄명</label>\n' +
+ '<input type="text" class="form-control form-control-sm" name="crimeName">' ' <div class="col-sm-6">\n' +
+ '</div>' ' <input type="text" class="form-control form-control-sm" name="crimeName">\n' +
' </div>\n' +
'</div>'
); );
} }
}); });
@ -287,7 +291,8 @@ function makeSpiInfoDiv(name) {
'<div class="row mb-1" id="spiInfoDiv">' '<div class="row mb-1" id="spiInfoDiv">'
+ '<label class="col-sm-2 col-form-label col-form-label-sm text-center">' + name + '</label>' + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">' + name + '</label>'
+ '<div class="col-sm-10">' + '<div class="col-sm-10">'
+ '<div class="row" id="spiWrapper">' + '<div class="border">'
+ '<div class="row my-1" id="spiWrapper">'
+ '<label class="col-sm-2 col-form-label col-form-label-sm text-center">체류 자격</label>' + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">체류 자격</label>'
+ '<div class="col-sm-2">' + '<div class="col-sm-2">'
+ '<input type="text" class="form-control form-control-sm" name="stayQualification">' + '<input type="text" class="form-control form-control-sm" name="stayQualification">'
@ -299,6 +304,7 @@ function makeSpiInfoDiv(name) {
+ '</div>' + '</div>'
+ '</div>' + '</div>'
+ '</div>' + '</div>'
+ '</div>'
); );
$("#stayQualificationDiv").datepicker({ $("#stayQualificationDiv").datepicker({
format: "yyyy-mm-dd", format: "yyyy-mm-dd",
@ -316,7 +322,7 @@ function makeSeaAreaDiv(name) {
$('#arrestAreaDiv').append( $('#arrestAreaDiv').append(
'<label class="col-sm-2 col-form-label col-form-label-sm text-center">' + name + '시도 해역(해안)</label>' '<label class="col-sm-2 col-form-label col-form-label-sm text-center">' + name + '시도 해역(해안)</label>'
+ '<div class="col-sm-3">' + '<div class="col-sm-2">'
+ '<select class="form-select form-select-sm" name="seaArea">' + '<select class="form-select form-select-sm" name="seaArea">'
+ '<option>선택</option>' + '<option>선택</option>'
+ seaArea + seaArea
@ -445,18 +451,7 @@ function getIcaEditModal(icaKey){
language: "ko", language: "ko",
autoclose: true autoclose: true
}); });
$("[name='caseOverview']").summernote({ setEditor('editor', '400');
lang:'ko-KR',
height: 120,
disableDragAndDrop: true,
toolbar: [
['style', ['style']],
['font', ['bold', 'underline', 'clear']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['table', ['table']]
]
});
}, },
error:function(){ error:function(){
@ -502,7 +497,7 @@ function saveInternationalCrimeArrest(contentState){
formData.append(`suspectPersonInfoList[${i}].countryEtc`, spiList[i].countryEtc); formData.append(`suspectPersonInfoList[${i}].countryEtc`, spiList[i].countryEtc);
} }
} }
formData.append("caseOverview", CrossEditor.GetBodyValue());
$.ajax({ $.ajax({
type : 'POST', type : 'POST',
data : formData, data : formData,

285
src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestEditModal.html
View File

@ -15,7 +15,7 @@
<input type="hidden" name="wrtDt" th:value="${#temporals.format(internationalCrimeArrest.wrtDt, 'yyyy-MM-dd HH:mm')}"> <input type="hidden" name="wrtDt" th:value="${#temporals.format(internationalCrimeArrest.wrtDt, 'yyyy-MM-dd HH:mm')}">
<input type="hidden" id="contentStatus" name="contentStatus"> <input type="hidden" id="contentStatus" name="contentStatus">
<div class="row mb-1"> <div class="row mb-1">
<label class="col-sm-2 col-form-label text-center">사건번호</label> <label class="col-sm-2 col-form-label col-form-label-sm text-center">사건번호</label>
<div class="col-sm-2"> <div class="col-sm-2">
<input type="text" class="form-control form-control-sm" name="caseNum" th:value="${internationalCrimeArrest.caseNum}"> <input type="text" class="form-control form-control-sm" name="caseNum" th:value="${internationalCrimeArrest.caseNum}">
</div> </div>
@ -43,14 +43,9 @@
</th:block> </th:block>
</select> </select>
</div> </div>
<div class="col-sm-4 row" id="crimeNameDiv">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">죄명</label>
<div class="col-sm-10 input-daterange">
<input type="text" class="form-control form-control-sm" name="crimeName" th:value="${internationalCrimeArrest.crimeName}">
</div> </div>
</div> <hr class="my-1">
</div> <div class="row mb-1" id="spiParentDiv">
<div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">범죄테마</label> <label class="col-sm-2 col-form-label col-form-label-sm text-center">범죄테마</label>
<div class="col-sm-2"> <div class="col-sm-2">
<select class="form-select form-select-sm" name="crimeType" id="crimeType"> <select class="form-select form-select-sm" name="crimeType" id="crimeType">
@ -72,137 +67,13 @@
</th:block> </th:block>
</select> </select>
</div> </div>
</div> <div class="col-sm-4" id="crimeNameDiv">
<div class="row mb-1" id="smugglingAmountDiv"> <div class="row">
<th:block th:if="${internationalCrimeArrest.crimeType eq 'CTH002'}"> <label class="col-sm-6 col-form-label col-form-label-sm text-center">죄명</label>
<label class="col-sm-2 col-form-label col-form-label-sm text-center">밀수입출 품목</label> <div class="col-sm-6">
<div class="col-sm-2"> <input type="text" class="form-control form-control-sm" name="crimeName" th:value="${internationalCrimeArrest.crimeName}">
<select class="form-select form-select-sm" name="smuggledGoods" id="smugglingAmount">
<option value="">선택</option>
<th:block th:each="commonCode:${session.commonCode.get('SG')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
</th:block>
<option value="etc" th:selected="${internationalCrimeArrest.smuggledGoods ne null && internationalCrimeArrest.smuggledGoods ne '' && !#strings.contains(internationalCrimeArrest.smuggledGoods, 'SG')}">기타</option>
</select>
<th:block th:if="${internationalCrimeArrest.smuggledGoods ne null && internationalCrimeArrest.smuggledGoods ne '' && !#strings.contains(internationalCrimeArrest.smuggledGoods, 'SG')}">
<div class="col-auto">
<input type="text" class="form-control form-control-sm" name="smuggledGoodsEtc" th:value="${internationalCrimeArrest.smuggledGoods}">
</div>
</th:block>
</div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center">밀수가액</label>
<div class="col-sm-2">
<input type="number" min="0" class="form-control form-control-sm" name="smugglingAmount" th:value="${internationalCrimeArrest.smugglingAmount}">
</div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center">단속 인원(경찰관)</label>
<div class="col-sm-2">
<input type="number" min="0" class="form-control form-control-sm" name="caseNum" th:value="${internationalCrimeArrest.caseNum}">
</div>
</th:block>
</div>
<div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">발생원표</label>
<div class="col-sm-2">
<input type="text" class="form-control form-control-sm" name="occurTable" th:value="${internationalCrimeArrest.occurTable}">
</div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center">검거원표</label>
<div class="col-sm-2">
<input type="text" class="form-control form-control-sm" name="arrestTable" th:value="${internationalCrimeArrest.arrestTable}">
</div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center">피의자원표</label>
<div class="col-sm-2">
<input type="text" class="form-control form-control-sm" name="suspectTable" th:value="${internationalCrimeArrest.suspectTable}">
</div> </div>
</div> </div>
<div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">범행형태</label>
<div class="col-auto" id="crimeFormDiv">
<select class="form-select form-select-sm" name="crimeForm" id="crimeForm">
<th:block th:each="commonCode:${session.commonCode.get('CMF')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
th:selected="${commonCode.itemCd eq internationalCrimeArrest.crimeForm}"></option>
</th:block>
</select>
</div>
<th:block th:if="${internationalCrimeArrest.crimeForm ne 'CMF001'}">
<button type="button" class="col-sm-1 btn btn-sm btn-primary" id="spiAddBtn">+</button>
</th:block>
</div>
<div class="row mb-1" id="spiParentDiv">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">피의자 인적사항</label>
<div class="col-sm-10" id="spiDiv">
<th:block th:if="${#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
<div class="row spi-list">
<label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>
<div class="col-sm-2" id="sexFormDiv">
<select class="form-select form-select-sm" name="sex">
<th:block th:each="commonCode:${session.commonCode.get('SEX')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
</th:block>
</select>
</div>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label>
<div class="col-sm-2" id="ageFormDiv">
<select class="form-select form-select-sm" name="age">
<th:block th:each="commonCode:${session.commonCode.get('AGE')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
</th:block>
</select>
</div>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>
<div class="col-sm-2" id="countryFormDiv">
<select class="form-select form-select-sm country" name="country">
<th:block th:each="commonCode:${session.commonCode.get('NNY')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
</th:block>
<option value="etc">기타</option>
</select>
</div>
</div>
</th:block>
<th:block th:if="${!#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
<th:block th:each="suspectPersonInfo, i : ${internationalCrimeArrest.suspectPersonInfoList}">
<div class="row spi-list" th:classappend="${i.index > 0 ? 'dynamic' : ''}">
<input type="hidden" name="spiKey" th:value="${suspectPersonInfo.spiKey}">
<label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>
<div class="col-sm-2" id="sexFormDiv">
<select class="form-select form-select-sm" name="sex">
<th:block th:each="commonCode:${session.commonCode.get('SEX')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
th:selected="${suspectPersonInfo.sex ne null && commonCode.itemCd eq suspectPersonInfo.sex}"></option>
</th:block>
</select>
</div>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label>
<div class="col-sm-2" id="ageFormDiv">
<select class="form-select form-select-sm" name="age">
<th:block th:each="commonCode:${session.commonCode.get('AGE')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
th:selected="${suspectPersonInfo.age ne null && commonCode.itemCd eq suspectPersonInfo.age}"></option>
</th:block>
</select>
</div>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>
<div class="col-sm-2" id="countryFormDiv">
<select class="form-select form-select-sm country" name="country" id="country">
<th:block th:each="commonCode:${session.commonCode.get('NNY')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
th:selected="${suspectPersonInfo.country ne null && commonCode.itemCd eq suspectPersonInfo.country}"></option>
</th:block>
<option value="etc" th:selected="${suspectPersonInfo.country ne null && suspectPersonInfo.country ne '' && !#strings.contains(suspectPersonInfo.country, 'NNY')}">기타</option>
</select>
</div>
<th:block th:if="${suspectPersonInfo.country ne null && suspectPersonInfo.country ne '' && !#strings.contains(suspectPersonInfo.country, 'NNY')}">
<div class="col-sm-2">
<input type="text" class="form-control form-control-sm" name="countryEtc" th:value="${suspectPersonInfo.country}">
</div>
</th:block>
<th:block th:if="${i.index > 0}">
<button type="button" class="col-sm-1 btn btn-sm btn-primary spiCancelBtn">-</button>
</th:block>
</div>
</th:block>
</th:block>
</div> </div>
</div> </div>
<div class="row mb-1" id="spiInfoDiv"> <div class="row mb-1" id="spiInfoDiv">
@ -300,6 +171,143 @@
</div> </div>
</div> </div>
</th:block> </th:block>
<div class="row mb-1" id="smugglingAmountDiv">
<th:block th:if="${internationalCrimeArrest.crimeType eq 'CTH002'}">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">밀수입출 품목</label>
<div class="col-sm-2">
<select class="form-select form-select-sm" name="smuggledGoods" id="smugglingAmount">
<option value="">선택</option>
<th:block th:each="commonCode:${session.commonCode.get('SG')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
</th:block>
<option value="etc" th:selected="${internationalCrimeArrest.smuggledGoods ne null && internationalCrimeArrest.smuggledGoods ne '' && !#strings.contains(internationalCrimeArrest.smuggledGoods, 'SG')}">기타</option>
</select>
<th:block th:if="${internationalCrimeArrest.smuggledGoods ne null && internationalCrimeArrest.smuggledGoods ne '' && !#strings.contains(internationalCrimeArrest.smuggledGoods, 'SG')}">
<div class="col-auto">
<input type="text" class="form-control form-control-sm" name="smuggledGoodsEtc" th:value="${internationalCrimeArrest.smuggledGoods}">
</div>
</th:block>
</div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center">밀수가액</label>
<div class="col-sm-2">
<input type="number" min="0" class="form-control form-control-sm" name="smugglingAmount" th:value="${internationalCrimeArrest.smugglingAmount}">
</div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center">단속 인원(경찰관)</label>
<div class="col-sm-2">
<input type="number" min="0" class="form-control form-control-sm" name="caseNum" th:value="${internationalCrimeArrest.caseNum}">
</div>
</th:block>
</div>
<div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">발생원표</label>
<div class="col-sm-2">
<input type="text" class="form-control form-control-sm" name="occurTable" th:value="${internationalCrimeArrest.occurTable}">
</div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center">검거원표</label>
<div class="col-sm-2">
<input type="text" class="form-control form-control-sm" name="arrestTable" th:value="${internationalCrimeArrest.arrestTable}">
</div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center">피의자원표</label>
<div class="col-sm-2">
<input type="text" class="form-control form-control-sm" name="suspectTable" th:value="${internationalCrimeArrest.suspectTable}">
</div>
</div>
<div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">범행형태</label>
<div class="col-sm-2" id="crimeFormDiv">
<select class="form-select form-select-sm" name="crimeForm" id="crimeForm">
<th:block th:each="commonCode:${session.commonCode.get('CMF')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
th:selected="${commonCode.itemCd eq internationalCrimeArrest.crimeForm}"></option>
</th:block>
</select>
</div>
<button type="button" class="col-sm-auto btn btn-sm btn-primary" id="spiAddBtn" style="display: none">
<i class="bi bi-plus"></i>
</button>
</div>
<div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">피의자 인적사항</label>
<div class="col-sm-10">
<div class="border" id="spiDiv">
<th:block th:if="${#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
<div class="row spi-list py-1">
<label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>
<div class="col-sm-2" id="sexFormDiv">
<select class="form-select form-select-sm" name="sex">
<th:block th:each="commonCode:${session.commonCode.get('SEX')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
</th:block>
</select>
</div>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label>
<div class="col-sm-2" id="ageFormDiv">
<select class="form-select form-select-sm" name="age">
<th:block th:each="commonCode:${session.commonCode.get('AGE')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
</th:block>
</select>
</div>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>
<div class="col-sm-2" id="countryFormDiv">
<select class="form-select form-select-sm country" name="country">
<th:block th:each="commonCode:${session.commonCode.get('NNY')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
</th:block>
<option value="etc">기타</option>
</select>
</div>
</div>
</th:block>
<th:block th:unless="${#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
<th:block th:each="suspectPersonInfo, i : ${internationalCrimeArrest.suspectPersonInfoList}">
<div class="row spi-list py-1" th:classappend="${i.index > 0 ? 'dynamic' : ''}">
<input type="hidden" name="spiKey" th:value="${suspectPersonInfo.spiKey}">
<label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>
<div class="col-sm-2" id="sexFormDiv">
<select class="form-select form-select-sm" name="sex">
<th:block th:each="commonCode:${session.commonCode.get('SEX')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
th:selected="${suspectPersonInfo.sex ne null && commonCode.itemCd eq suspectPersonInfo.sex}"></option>
</th:block>
</select>
</div>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label>
<div class="col-sm-2" id="ageFormDiv">
<select class="form-select form-select-sm" name="age">
<th:block th:each="commonCode:${session.commonCode.get('AGE')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
th:selected="${suspectPersonInfo.age ne null && commonCode.itemCd eq suspectPersonInfo.age}"></option>
</th:block>
</select>
</div>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>
<div class="col-sm-2" id="countryFormDiv">
<select class="form-select form-select-sm country" name="country" id="country">
<th:block th:each="commonCode:${session.commonCode.get('NNY')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
th:selected="${suspectPersonInfo.country ne null && commonCode.itemCd eq suspectPersonInfo.country}"></option>
</th:block>
<option value="etc" th:selected="${suspectPersonInfo.country ne null && suspectPersonInfo.country ne '' && !#strings.contains(suspectPersonInfo.country, 'NNY')}">기타</option>
</select>
</div>
<th:block th:if="${suspectPersonInfo.country ne null && suspectPersonInfo.country ne '' && !#strings.contains(suspectPersonInfo.country, 'NNY')}">
<div class="col-sm-2">
<input type="text" class="form-control form-control-sm" name="countryEtc" th:value="${suspectPersonInfo.country}">
</div>
</th:block>
<th:block th:if="${i.index > 0}">
<button type="button" class="col-sm-auto btn btn-sm btn-primary spiCancelBtn">
<i class="bi bi-dash"></i>
</button>
</th:block>
</div>
</th:block>
</th:block>
</div>
</div>
</div>
<hr class="my-1">
<div class="row mb-1"> <div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">범죄인지</label> <label class="col-sm-2 col-form-label col-form-label-sm text-center">범죄인지</label>
<div class="col-sm-2 input-daterange" id="crimeAwarenessDtDiv"> <div class="col-sm-2 input-daterange" id="crimeAwarenessDtDiv">
@ -329,7 +337,8 @@
<div class="row mb-1 justify-content-center"> <div class="row mb-1 justify-content-center">
<label for="caseOverviewDiv" class="col-sm-2 col-form-label col-form-label-sm text-center">범죄사실(사건개요)</label> <label for="caseOverviewDiv" class="col-sm-2 col-form-label col-form-label-sm text-center">범죄사실(사건개요)</label>
<div class="col-sm-10" id="caseOverviewDiv"> <div class="col-sm-10" id="caseOverviewDiv">
<textarea type='text' name='caseOverview' th:utext="${internationalCrimeArrest.caseOverview}"></textarea> <div id="editor"></div>
<textarea type='text' class="d-none" id="content" th:utext="${internationalCrimeArrest.caseOverview}"></textarea>
</div> </div>
</div> </div>
</form> </form>

63
src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestViewModal.html
View File

@ -22,7 +22,7 @@
<div class="row mb-1"> <div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">지방청</label> <label class="col-sm-2 col-form-label col-form-label-sm text-center">지방청</label>
<div class="col-sm-2"> <div class="col-sm-2">
<select class="form-select form-select-sm" name="organ" disabled> <select class="form-select form-select-sm bg-white" name="organ" disabled>
<option value=""></option> <option value=""></option>
<th:block th:each="organConfig:${organConfigList}"> <th:block th:each="organConfig:${organConfigList}">
<th:block th:if="${organConfig.parentOrgan eq 'OG001' && organConfig.organType ne 'OGC001'}"> <th:block th:if="${organConfig.parentOrgan eq 'OG001' && organConfig.organType ne 'OGC001'}">
@ -33,7 +33,7 @@
</div> </div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center">관할서</label> <label class="col-sm-2 col-form-label col-form-label-sm text-center">관할서</label>
<div class="col-sm-2"> <div class="col-sm-2">
<select class="form-select form-select-sm" name="department" disabled> <select class="form-select form-select-sm bg-white" name="department" disabled>
<option value="">선택</option> <option value="">선택</option>
<th:block th:each="organConfig:${organConfigList}"> <th:block th:each="organConfig:${organConfigList}">
<th:block th:if="${organConfig.parentOrgan ne null && organConfig.organType ne 'OGC002'}"> <th:block th:if="${organConfig.parentOrgan ne null && organConfig.organType ne 'OGC002'}">
@ -42,19 +42,12 @@
</th:block> </th:block>
</select> </select>
</div> </div>
<th:block th:if="${internationalCrimeArrest.crimeType ne 'CTH002'}">
<div class="col-sm-4 row" id="crimeNameDiv">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">죄명</label>
<div class="col-sm-10">
<input type="text" class="form-control form-control-sm" name="crimeName" th:value="${internationalCrimeArrest.crimeName}" readonly>
</div>
</div>
</th:block>
</div> </div>
<hr class="my-1">
<div class="row mb-1"> <div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">범죄테마</label> <label class="col-sm-2 col-form-label col-form-label-sm text-center">범죄테마</label>
<div class="col-sm-2"> <div class="col-sm-2">
<select class="form-select form-select-sm" name="crimeType" id="crimeType" disabled> <select class="form-select form-select-sm bg-white" name="crimeType" id="crimeType" disabled>
<option value="">선택</option> <option value="">선택</option>
<th:block th:each="commonCode:${session.commonCode.get('CTH')}"> <th:block th:each="commonCode:${session.commonCode.get('CTH')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
@ -64,7 +57,7 @@
</div> </div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center">위반유형</label> <label class="col-sm-2 col-form-label col-form-label-sm text-center">위반유형</label>
<div class="col-sm-2"> <div class="col-sm-2">
<select class="form-select form-select-sm" name="violationType" id="violationType" disabled> <select class="form-select form-select-sm bg-white" name="violationType" id="violationType" disabled>
<option value="">선택</option> <option value="">선택</option>
<th:block th:each="num : ${#numbers.sequence(1,#lists.size(session.commonCode.get('CTH')))}"> <th:block th:each="num : ${#numbers.sequence(1,#lists.size(session.commonCode.get('CTH')))}">
<th:block th:if="${'CTH'+num == internationalCrimeArrest.crimeType}" th:each="commonCode:${session.commonCode.get('CTH'+num)}"> <th:block th:if="${'CTH'+num == internationalCrimeArrest.crimeType}" th:each="commonCode:${session.commonCode.get('CTH'+num)}">
@ -73,13 +66,22 @@
</th:block> </th:block>
</select> </select>
</div> </div>
<th:block th:if="${internationalCrimeArrest.crimeType ne 'CTH002'}">
<div class="col-sm-4" id="crimeNameDiv">
<div class="row">
<label class="col-sm-6 col-form-label col-form-label-sm text-center">죄명</label>
<div class="col-sm-6">
<input type="text" class="form-control form-control-sm" name="crimeName" th:value="${internationalCrimeArrest.crimeName}" readonly>
</div>
</div>
</div>
</th:block>
</div> </div>
<div class="row mb-1" id="smugglingAmountDiv"> <div class="row mb-1" id="smugglingAmountDiv">
<th:block th:if="${internationalCrimeArrest.crimeType eq 'CTH002'}"> <th:block th:if="${internationalCrimeArrest.crimeType eq 'CTH002'}">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">밀수입출 품목</label> <label class="col-sm-2 col-form-label col-form-label-sm text-center">밀수입출 품목</label>
<div class="col-sm-2"> <div class="col-sm-2">
<select class="form-select form-select-sm" name="smuggledGoods" id="smugglingAmount" disabled> <select class="form-select form-select-sm bg-white" name="smuggledGoods" id="smugglingAmount" disabled>
<option>선택</option> <option>선택</option>
<th:block th:each="commonCode:${session.commonCode.get('SG')}"> <th:block th:each="commonCode:${session.commonCode.get('SG')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option> <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
@ -119,7 +121,7 @@
<div class="row mb-1"> <div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">범행형태</label> <label class="col-sm-2 col-form-label col-form-label-sm text-center">범행형태</label>
<div class="col-auto" id="crimeFormDiv"> <div class="col-auto" id="crimeFormDiv">
<select class="form-select form-select-sm" name="crimeForm" id="crimeForm" disabled> <select class="form-select form-select-sm bg-white" name="crimeForm" id="crimeForm" disabled>
<th:block th:each="commonCode:${session.commonCode.get('CMF')}"> <th:block th:each="commonCode:${session.commonCode.get('CMF')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
th:selected="${commonCode.itemCd eq internationalCrimeArrest.crimeForm}"></option> th:selected="${commonCode.itemCd eq internationalCrimeArrest.crimeForm}"></option>
@ -129,12 +131,13 @@
</div> </div>
<div class="row mb-1" id="spiParentDiv"> <div class="row mb-1" id="spiParentDiv">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">피의자 인적사항</label> <label class="col-sm-2 col-form-label col-form-label-sm text-center">피의자 인적사항</label>
<div class="col-sm-10" id="spiDiv"> <div class="col-sm-10">
<div class="border" id="spiDiv">
<th:block th:if="${#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}"> <th:block th:if="${#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
<div class="row spi-list"> <div class="row spi-list my-1">
<label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label> <label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>
<div class="col-sm-2" id="sexFormDiv"> <div class="col-sm-2" id="sexFormDiv">
<select class="form-select form-select-sm" name="sex" disabled> <select class="form-select form-select-sm bg-white" name="sex" disabled>
<th:block th:each="commonCode:${session.commonCode.get('SEX')}"> <th:block th:each="commonCode:${session.commonCode.get('SEX')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option> <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
</th:block> </th:block>
@ -142,7 +145,7 @@
</div> </div>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label> <label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label>
<div class="col-sm-2" id="ageFormDiv"> <div class="col-sm-2" id="ageFormDiv">
<select class="form-select form-select-sm" name="age" disabled> <select class="form-select form-select-sm bg-white" name="age" disabled>
<th:block th:each="commonCode:${session.commonCode.get('AGE')}"> <th:block th:each="commonCode:${session.commonCode.get('AGE')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option> <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
</th:block> </th:block>
@ -150,7 +153,7 @@
</div> </div>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label> <label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>
<div class="col-sm-2" id="countryFormDiv"> <div class="col-sm-2" id="countryFormDiv">
<select class="form-select form-select-sm country" name="country" disabled> <select class="form-select form-select-sm bg-white country" name="country" disabled>
<th:block th:each="commonCode:${session.commonCode.get('NNY')}"> <th:block th:each="commonCode:${session.commonCode.get('NNY')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option> <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
</th:block> </th:block>
@ -161,10 +164,10 @@
</th:block> </th:block>
<th:block th:if="${!#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}"> <th:block th:if="${!#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
<th:block th:each="suspectPersonInfo:${internationalCrimeArrest.suspectPersonInfoList}"> <th:block th:each="suspectPersonInfo:${internationalCrimeArrest.suspectPersonInfoList}">
<div class="row spi-list"> <div class="row spi-list my-1">
<label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label> <label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>
<div class="col-sm-2" id="sexFormDiv"> <div class="col-sm-2" id="sexFormDiv">
<select class="form-select form-select-sm" name="sex" disabled> <select class="form-select form-select-sm bg-white" name="sex" disabled>
<th:block th:each="commonCode:${session.commonCode.get('SEX')}"> <th:block th:each="commonCode:${session.commonCode.get('SEX')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
th:selected="${suspectPersonInfo.sex ne null && commonCode.itemCd eq suspectPersonInfo.sex}"></option> th:selected="${suspectPersonInfo.sex ne null && commonCode.itemCd eq suspectPersonInfo.sex}"></option>
@ -173,7 +176,7 @@
</div> </div>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label> <label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label>
<div class="col-sm-2" id="ageFormDiv"> <div class="col-sm-2" id="ageFormDiv">
<select class="form-select form-select-sm" name="age" disabled> <select class="form-select form-select-sm bg-white" name="age" disabled>
<th:block th:each="commonCode:${session.commonCode.get('AGE')}"> <th:block th:each="commonCode:${session.commonCode.get('AGE')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
th:selected="${suspectPersonInfo.age ne null && commonCode.itemCd eq suspectPersonInfo.age}"></option> th:selected="${suspectPersonInfo.age ne null && commonCode.itemCd eq suspectPersonInfo.age}"></option>
@ -182,7 +185,7 @@
</div> </div>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label> <label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>
<div class="col-sm-2" id="countryFormDiv"> <div class="col-sm-2" id="countryFormDiv">
<select class="form-select form-select-sm country" name="country" id="country" disabled> <select class="form-select form-select-sm bg-white country" name="country" id="country" disabled>
<th:block th:each="commonCode:${session.commonCode.get('NNY')}"> <th:block th:each="commonCode:${session.commonCode.get('NNY')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
th:selected="${suspectPersonInfo.country ne null && commonCode.itemCd eq suspectPersonInfo.country}"></option> th:selected="${suspectPersonInfo.country ne null && commonCode.itemCd eq suspectPersonInfo.country}"></option>
@ -200,6 +203,7 @@
</th:block> </th:block>
</div> </div>
</div> </div>
</div>
<div class="row mb-1" id="spiInfoDiv"> <div class="row mb-1" id="spiInfoDiv">
<th:block th:if="${!#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}"> <th:block th:if="${!#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
<th:block th:if="${internationalCrimeArrest.crimeType eq 'CTH002' || internationalCrimeArrest.violationType eq 'VLT005'}"> <th:block th:if="${internationalCrimeArrest.crimeType eq 'CTH002' || internationalCrimeArrest.violationType eq 'VLT005'}">
@ -235,7 +239,7 @@
</th:block> </th:block>
<label class="col-sm-2 col-form-label col-form-label-sm text-center" th:text="${internationalCrimeArrest.violationType eq 'VLT001' ? '밀입국 수단(방법)' : (internationalCrimeArrest.violationType eq 'VLT002' ? '도외이탈 수단(방법)' : (internationalCrimeArrest.violationType eq 'VLT003' ? '밀출국 수단(방법)' : '밀항 수단(방법)'))}"></label> <label class="col-sm-2 col-form-label col-form-label-sm text-center" th:text="${internationalCrimeArrest.violationType eq 'VLT001' ? '밀입국 수단(방법)' : (internationalCrimeArrest.violationType eq 'VLT002' ? '도외이탈 수단(방법)' : (internationalCrimeArrest.violationType eq 'VLT003' ? '밀출국 수단(방법)' : '밀항 수단(방법)'))}"></label>
<div class="col-sm-2"> <div class="col-sm-2">
<select class="form-select form-select-sm" name="means" id="means" disabled> <select class="form-select form-select-sm bg-white" name="means" id="means" disabled>
<option>선택</option> <option>선택</option>
<th:block th:if="${internationalCrimeArrest.violationType eq 'VLT001'}" th:each="commonCode:${session.commonCode.get('MS1')}"> <th:block th:if="${internationalCrimeArrest.violationType eq 'VLT001'}" th:each="commonCode:${session.commonCode.get('MS1')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
@ -255,7 +259,7 @@
</div> </div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center" th:text="${internationalCrimeArrest.violationType eq 'VLT001' ? '밀입국 목적(사유)' : (internationalCrimeArrest.violationType eq 'VLT002' ? '도외이탈 목적(시유)' : (internationalCrimeArrest.violationType eq 'VLT003' ? '밀출국 목적(사유)' : '밀항 목적(사유)'))}"></label> <label class="col-sm-2 col-form-label col-form-label-sm text-center" th:text="${internationalCrimeArrest.violationType eq 'VLT001' ? '밀입국 목적(사유)' : (internationalCrimeArrest.violationType eq 'VLT002' ? '도외이탈 목적(시유)' : (internationalCrimeArrest.violationType eq 'VLT003' ? '밀출국 목적(사유)' : '밀항 목적(사유)'))}"></label>
<div class="col-sm-2"> <div class="col-sm-2">
<select class="form-select form-select-sm" name="purpose" id="purpose" disabled> <select class="form-select form-select-sm bg-white" name="purpose" id="purpose" disabled>
<option>선택</option> <option>선택</option>
<th:block th:each="commonCode:${session.commonCode.get('PPS')}"> <th:block th:each="commonCode:${session.commonCode.get('PPS')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
@ -277,7 +281,7 @@
</div> </div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center" th:text="${internationalCrimeArrest.violationType eq 'VLT001' ? '밀입국 시도 해역(해안)' : (internationalCrimeArrest.violationType eq 'VLT002' ? '도외이탈 시도 해역(해안)' : (internationalCrimeArrest.violationType eq 'VLT003' ? '밀출국 시도 해역(해안)' : '밀항 시도 해역(해안)'))}"></label> <label class="col-sm-2 col-form-label col-form-label-sm text-center" th:text="${internationalCrimeArrest.violationType eq 'VLT001' ? '밀입국 시도 해역(해안)' : (internationalCrimeArrest.violationType eq 'VLT002' ? '도외이탈 시도 해역(해안)' : (internationalCrimeArrest.violationType eq 'VLT003' ? '밀출국 시도 해역(해안)' : '밀항 시도 해역(해안)'))}"></label>
<div class="col-sm-3"> <div class="col-sm-3">
<select class="form-select form-select-sm" name="seaArea" disabled> <select class="form-select form-select-sm bg-white" name="seaArea" disabled>
<option>선택</option> <option>선택</option>
<th:block th:each="commonCode:${session.commonCode.get('SAA')}"> <th:block th:each="commonCode:${session.commonCode.get('SAA')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
@ -296,6 +300,7 @@
</div> </div>
</div> </div>
</th:block> </th:block>
<hr class="my-1">
<div class="row mb-1"> <div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">범죄인지</label> <label class="col-sm-2 col-form-label col-form-label-sm text-center">범죄인지</label>
<div class="col-sm-2" id="crimeAwarenessDtDiv"> <div class="col-sm-2" id="crimeAwarenessDtDiv">
@ -307,7 +312,7 @@
</div> </div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center">신병처리</label> <label class="col-sm-2 col-form-label col-form-label-sm text-center">신병처리</label>
<div class="col-sm-2"> <div class="col-sm-2">
<select class="form-select form-select-sm" name="processResult" id="processResult" disabled> <select class="form-select form-select-sm bg-white" name="processResult" id="processResult" disabled>
<option>선택</option> <option>선택</option>
<th:block th:each="commonCode:${session.commonCode.get('PCR')}"> <th:block th:each="commonCode:${session.commonCode.get('PCR')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
@ -325,7 +330,7 @@
<div class="row mb-1 justify-content-center"> <div class="row mb-1 justify-content-center">
<label for="caseOverviewDiv" class="col-sm-2 col-form-label col-form-label-sm text-center">범죄사실(사건개요)</label> <label for="caseOverviewDiv" class="col-sm-2 col-form-label col-form-label-sm text-center">범죄사실(사건개요)</label>
<div class="col-sm-10" id="caseOverviewDiv"> <div class="col-sm-10" id="caseOverviewDiv">
<div class="form-control form-control-sm" name='caseOverview' th:utext="${internationalCrimeArrest.caseOverview}"></div> <div class="border p-1" name='caseOverview' th:utext="${internationalCrimeArrest.caseOverview}"></div>
</div> </div>
</div> </div>
</form> </form>