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

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

@ -1,535 +1,530 @@
$(function(){ $(function(){
$("#dateSelectorDiv").datepicker({ $("#dateSelectorDiv").datepicker({
format: "yyyy-mm-dd", format: "yyyy-mm-dd",
language: "ko", language: "ko",
autoclose: true autoclose: true
}); });
$(".dateSelector").datepicker({ $(".dateSelector").datepicker({
format: "yyyy-mm-dd", format: "yyyy-mm-dd",
language: "ko", language: "ko",
autoclose: true autoclose: true
}); });
}); });
$(document).on('click', '#icaAddBtn', function () { $(document).on('click', '#icaAddBtn', function () {
getIcaEditModal(null); getIcaEditModal(null);
}); });
$(document).on('click', '#icaEditBtn', function () { $(document).on('click', '#icaEditBtn', function () {
$("#icaViewModal").modal('hide'); $("#icaViewModal").modal('hide');
getIcaEditModal(Number($("#icaViewBody").find("[name='icaKey']").val())); getIcaEditModal(Number($("#icaViewBody").find("[name='icaKey']").val()));
}); });
$(document).on('click', '#saveIcaBtn', function (){ $(document).on('click', '#saveIcaBtn', function (){
saveInternationalCrimeArrest('N') saveInternationalCrimeArrest('N')
}); });
$(document).on('click', '#saveTempBtn', function (){ $(document).on('click', '#saveTempBtn', function (){
saveInternationalCrimeArrest('Y') saveInternationalCrimeArrest('Y')
}); });
$(document).on('click', '.tr', function (){ $(document).on('click', '.tr', function (){
getIcaViewModal($(this).data('key')); getIcaViewModal($(this).data('key'));
}); });
$(document).on('change', 'select[name="organ"]', function (){ $(document).on('change', 'select[name="organ"]', function (){
departmentDynamicOption('select[name="department"]', $(this).val()); departmentDynamicOption('select[name="department"]', $(this).val());
}); });
$(document).on('change', '#crimeType', function (){ $(document).on('change', '#crimeType', function (){
dynamicOption('#violationType', $(this).val()); dynamicOption('#violationType', $(this).val());
}); });
$(document).on('change', '#searchCrimeType', function (){ $(document).on('change', '#searchCrimeType', function (){
dynamicOption('#searchViolationType', $(this).val(), '위반유형'); dynamicOption('#searchViolationType', $(this).val(), '위반유형');
}); });
$(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 + '">');
}); });
$("#spiDiv").children('.dynamic').remove(); $("#spiDiv").children('.dynamic').remove();
} }
}); });
$(document).on('click', '#spiAddBtn', function (){ $(document).on('click', '#spiAddBtn', function (){
let sex = ''; let sex = '';
commonCode.SEX.forEach(function (item){ commonCode.SEX.forEach(function (item){
sex += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>'; sex += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
}); });
let age = ''; let age = '';
commonCode.AGE.forEach(function (item){ commonCode.AGE.forEach(function (item){
age += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>'; age += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
}) })
let country = ''; let country = '';
commonCode.NNY.forEach(function (item){ commonCode.NNY.forEach(function (item){
country += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>'; country += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
}) })
$("#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">'
+ sex + sex
+ '</select>' + '</select>'
+ '</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">' + '<select class="form-select form-select-sm" name="age">'
+ age + age
+ '</select>' + '</select>'
+ '</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">' + '<select class="form-select form-select-sm country" name="country">'
+ country + country
+ '<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>'
); );
}); });
$(document).on('change', '.country', function (){ $(document).on('change', '.country', function (){
if ($(this).val() == 'etc') { if ($(this).val() == 'etc') {
$(this).parent().after( $(this).parent().after(
'<div class="col-auto">' '<div class="col-auto">'
+ '<input type="text" class="form-control form-control-sm" name="countryEtc">' + '<input type="text" class="form-control form-control-sm" name="countryEtc">'
+ '</div>' + '</div>'
); );
} else { } else {
$(this).parent().next().remove(); $(this).parent().next().remove();
} }
}); });
$(document).on('change', '#processResult', function (){ $(document).on('change', '#processResult', function (){
if ($(this).val() == 'etc') { if ($(this).val() == 'etc') {
$(this).after( $(this).after(
'<div class="col-auto">' '<div class="col-auto">'
+ '<input type="text" class="form-control form-control-sm" name="processResultEtc">' + '<input type="text" class="form-control form-control-sm" name="processResultEtc">'
+ '</div>' + '</div>'
); );
} else { } else {
$(this).next().remove(); $(this).next().remove();
} }
}); });
$(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();
}); });
$(document).on('change', '#crimeType', function (){ $(document).on('change', '#crimeType', function (){
$('#smugglingAmountDiv').children().remove(); $('#smugglingAmountDiv').children().remove();
$('#crimeNameDiv').children().remove(); $('#crimeNameDiv').children().remove();
$('#arrestAreaDiv').remove(); $('#arrestAreaDiv').remove();
let smugglingAmount = ''; let smugglingAmount = '';
commonCode.SG.forEach(function (item){ commonCode.SG.forEach(function (item){
smugglingAmount += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>'; smugglingAmount += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
}) })
if ($(this).val() == 'CTH2') { if ($(this).val() == 'CTH2') {
makeArrestAreaDiv('장소'); makeArrestAreaDiv('장소');
$('#smugglingAmountDiv').append( $('#smugglingAmountDiv').append(
'<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">' + '<select class="form-select form-select-sm" name="smuggledGoods" id="smugglingAmount">'
+ '<option>선택</option>' + '<option>선택</option>'
+ smugglingAmount + smugglingAmount
+ '<option value="etc">기타</option>' + '<option value="etc">기타</option>'
+ '</select>' + '</select>'
+ '</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">'
+ '<input class="form-control form-control-sm" type="number" min="0" name="smugglingAmount">' + '<input class="form-control form-control-sm" type="number" min="0" name="smugglingAmount">'
+ '</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">'
+ '<input class="form-control form-control-sm" type="number" min="0" name="caseNum">' + '<input class="form-control form-control-sm" type="number" min="0" name="caseNum">'
+ '</div>' + '</div>'
); );
} 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>'
);
}
}); });
$(document).on('change', '#violationType', function (){ $(document).on('change', '#violationType', function (){
$('#spiInfoDiv').remove(); $('#spiInfoDiv').remove();
$('#arrestAreaDiv').remove(); $('#arrestAreaDiv').remove();
$('#meansDiv').remove(); $('#meansDiv').remove();
$('.entryVisa').remove(); $('.entryVisa').remove();
$('#violationAmountDiv').remove(); $('#violationAmountDiv').remove();
if ($(this).val() == 'CTH101') { if ($(this).val() == 'CTH101') {
makeSpiInfoDiv('피의자 정보'); makeSpiInfoDiv('피의자 정보');
makeArrestAreaDiv('지역'); makeArrestAreaDiv('지역');
makeSeaAreaDiv('밀입국'); makeSeaAreaDiv('밀입국');
makeMeansDiv('밀입국'); makeMeansDiv('밀입국');
makePurposeDiv('밀입국'); makePurposeDiv('밀입국');
makeDestinationDiv('밀입국 출발지(국가)'); makeDestinationDiv('밀입국 출발지(국가)');
} }
if ($(this).val() == 'CTH102') { if ($(this).val() == 'CTH102') {
makeSpiInfoDiv('피의자 정보'); makeSpiInfoDiv('피의자 정보');
makeArrestAreaDiv('지역'); makeArrestAreaDiv('지역');
makeSeaAreaDiv('도외이탈'); makeSeaAreaDiv('도외이탈');
makeMeansDiv('도외이탈'); makeMeansDiv('도외이탈');
makePurposeDiv('도외이탈'); makePurposeDiv('도외이탈');
} }
if ($(this).val() == 'CTH103') { if ($(this).val() == 'CTH103') {
makeSpiInfoDiv('피의자 정보'); makeSpiInfoDiv('피의자 정보');
makeArrestAreaDiv('지역'); makeArrestAreaDiv('지역');
makeSeaAreaDiv('밀출국'); makeSeaAreaDiv('밀출국');
makeMeansDiv('밀출국'); makeMeansDiv('밀출국');
makePurposeDiv('밀출국'); makePurposeDiv('밀출국');
makeDestinationDiv('밀출국 행선지(도착예정지)'); makeDestinationDiv('밀출국 행선지(도착예정지)');
} }
if ($(this).val() == 'CTH104') { if ($(this).val() == 'CTH104') {
makeSpiInfoDiv('피의자 정보'); makeSpiInfoDiv('피의자 정보');
makeArrestAreaDiv('지역'); makeArrestAreaDiv('지역');
makeSeaAreaDiv('밀항'); makeSeaAreaDiv('밀항');
makeMeansDiv('밀항'); makeMeansDiv('밀항');
makePurposeDiv('밀항'); makePurposeDiv('밀항');
makeDestinationDiv('밀항 행선지(도착예정지)'); makeDestinationDiv('밀항 행선지(도착예정지)');
} }
if ($(this).val() == 'CTH105') { if ($(this).val() == 'CTH105') {
makeSpiInfoDiv('불법체류 및 취업'); makeSpiInfoDiv('불법체류 및 취업');
makeEntryVisaDiv(); makeEntryVisaDiv();
} }
if ($(this).val() == 'CTH401') { if ($(this).val() == 'CTH401') {
makeViolationAmountDiv(); makeViolationAmountDiv();
} }
if ($(this).val() == 'CTH201' || $(this).val() == 'CTH202' || $(this).val() == 'CTH203' || $(this).val() == 'CTH204') { if ($(this).val() == 'CTH201' || $(this).val() == 'CTH202' || $(this).val() == 'CTH203' || $(this).val() == 'CTH204') {
makeArrestAreaDiv('장소'); makeArrestAreaDiv('장소');
} }
}); });
$(document).on('change', '#smugglingAmount', function (){ $(document).on('change', '#smugglingAmount', function (){
if ($(this).val() == 'etc') { if ($(this).val() == 'etc') {
$(this).parent().append( $(this).parent().append(
'<div class="col-auto">' '<div class="col-auto">'
+ '<input type="text" class="form-control form-control-sm" name="smuggledGoodsEtc">' + '<input type="text" class="form-control form-control-sm" name="smuggledGoodsEtc">'
+ '</div>' + '</div>'
); );
} else { } else {
$(this).next().remove(); $(this).next().remove();
} }
}); });
$(document).on('change', '#means', function (){ $(document).on('change', '#means', function (){
if ($(this).val() == 'etc') { if ($(this).val() == 'etc') {
$(this).parent().append( $(this).parent().append(
'<div class="col-auto">' '<div class="col-auto">'
+ '<input type="text" class="form-control form-control-sm" name="meansEtc">' + '<input type="text" class="form-control form-control-sm" name="meansEtc">'
+ '</div>' + '</div>'
); );
} else { } else {
$(this).next().remove(); $(this).next().remove();
} }
}); });
$(document).on('change', '#purpose', function (){ $(document).on('change', '#purpose', function (){
if ($(this).val() == 'etc') { if ($(this).val() == 'etc') {
$(this).parent().append( $(this).parent().append(
'<div class="col-auto">' '<div class="col-auto">'
+ '<input type="text" class="form-control form-control-sm" name="purposesEtc">' + '<input type="text" class="form-control form-control-sm" name="purposesEtc">'
+ '</div>' + '</div>'
); );
} else { } else {
$(this).next().remove(); $(this).next().remove();
} }
}); });
$(function(){ $(function(){
$("#datePickerDiv").datepicker({ $("#datePickerDiv").datepicker({
format: "yyyy-mm-dd", format: "yyyy-mm-dd",
language: "ko", language: "ko",
autoclose: true autoclose: true
}); });
}); });
function makeEntryVisaDiv() { function makeEntryVisaDiv() {
$('#spiWrapper').prepend( $('#spiWrapper').prepend(
'<label class="col-sm-2 col-form-label col-form-label-sm text-center entryVisa">입국비자</label>' '<label class="col-sm-2 col-form-label col-form-label-sm text-center entryVisa">입국비자</label>'
+ '<div class="col-sm-2 entryVisa">' + '<div class="col-sm-2 entryVisa">'
+ '<input type="text" class="form-control form-control-sm" name="entryVisa">' + '<input type="text" class="form-control form-control-sm" name="entryVisa">'
+ '</div>' + '</div>'
); );
} }
function makeSpiInfoDiv(name) { function makeSpiInfoDiv(name) {
$('#spiParentDiv').after( $('#spiParentDiv').after(
'<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">'
+ '<label class="col-sm-2 col-form-label col-form-label-sm text-center">체류 자격</label>' + '<div class="row my-1" id="spiWrapper">'
+ '<div class="col-sm-2">' + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">체류 자격</label>'
+ '<input type="text" class="form-control form-control-sm" name="stayQualification">' + '<div class="col-sm-2">'
+ '</div>' + '<input type="text" class="form-control form-control-sm" name="stayQualification">'
+ '<label class="col-sm-2 col-form-label col-form-label-sm text-center">체류기간 만료일</label>' + '</div>'
+ '<div class="col-sm-2 input-daterange" id="stayQualificationDiv">' + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">체류기간 만료일</label>'
+ '<input type="text" class="form-control form-control-sm" name="stayPeriodExpiredDt" id="stayPeriodExpiredDt" readonly>' + '<div class="col-sm-2 input-daterange" id="stayQualificationDiv">'
+ '</div>' + '<input type="text" class="form-control form-control-sm" name="stayPeriodExpiredDt" id="stayPeriodExpiredDt" readonly>'
+ '</div>' + '</div>'
+ '</div>' + '</div>'
+ '</div>' + '</div>'
); + '</div>'
$("#stayQualificationDiv").datepicker({ + '</div>'
format: "yyyy-mm-dd", );
language: "ko", $("#stayQualificationDiv").datepicker({
autoclose: true format: "yyyy-mm-dd",
}); language: "ko",
autoclose: true
});
} }
function makeSeaAreaDiv(name) { function makeSeaAreaDiv(name) {
let seaArea = ''; let seaArea = '';
commonCode.SAA.forEach(function (item){ commonCode.SAA.forEach(function (item){
seaArea += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>'; seaArea += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
}) })
$('#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
+ '</select>' + '</select>'
+ '</div>' + '</div>'
); );
} }
function makeArrestAreaDiv(name) { function makeArrestAreaDiv(name) {
let arrestArea = ''; let arrestArea = '';
commonCode.SAA.forEach(function (item){ commonCode.SAA.forEach(function (item){
arrestArea += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>'; arrestArea += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
}) })
$('#spiParentDiv').after( $('#spiParentDiv').after(
'<div class="row mb-1" id="arrestAreaDiv">' '<div class="row mb-1" id="arrestAreaDiv">'
+ '<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-2">' + '<div class="col-sm-2">'
+ '<input type="text" class="form-control form-control-sm" name="arrestArea">' + '<input type="text" class="form-control form-control-sm" name="arrestArea">'
+ '</div>' + '</div>'
+ '</div>' + '</div>'
); );
} }
function makeMeansDiv(name, code) { function makeMeansDiv(name, code) {
let means = ''; let means = '';
if (code == 'CTH101') { if (code == 'CTH101') {
commonCode.MS1.forEach(function (item){ commonCode.MS1.forEach(function (item){
means += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>'; means += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
}) })
} else { } else {
commonCode.MS2.forEach(function (item){ commonCode.MS2.forEach(function (item){
means += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>'; means += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
}) })
} }
$('#spiParentDiv').after( $('#spiParentDiv').after(
'<div class="row mb-1" id="meansDiv">' '<div class="row mb-1" id="meansDiv">'
+ '<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-2">' + '<div class="col-sm-2">'
+ '<select class="form-select form-select-sm" name="means" id="means">' + '<select class="form-select form-select-sm" name="means" id="means">'
+ '<option>선택</option>' + '<option>선택</option>'
+ means + means
+ '<option value="etc">기타</option>' + '<option value="etc">기타</option>'
+ '</select>' + '</select>'
+ '</div>' + '</div>'
+ '</div>' + '</div>'
); );
} }
function makePurposeDiv(name) { function makePurposeDiv(name) {
let purpose = ""; let purpose = "";
commonCode.PPS.forEach(function (item){ commonCode.PPS.forEach(function (item){
purpose += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>'; purpose += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
}) })
$('#meansDiv').append( $('#meansDiv').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-2">' + '<div class="col-sm-2">'
+ '<select class="form-select form-select-sm" name="purpose" id="purpose">' + '<select class="form-select form-select-sm" name="purpose" id="purpose">'
+ '<option>선택</option>' + '<option>선택</option>'
+ purpose + purpose
+ '<option value="etc">기타</option>' + '<option value="etc">기타</option>'
+ '</select>' + '</select>'
+ '</div>' + '</div>'
); );
} }
function makeDestinationDiv(name) { function makeDestinationDiv(name) {
$('#meansDiv').append( $('#meansDiv').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-2">' + '<div class="col-sm-2">'
+ '<input type="text" class="form-control form-control-sm" name="destination">' + '<input type="text" class="form-control form-control-sm" name="destination">'
+ '</div>' + '</div>'
); );
} }
function makeViolationAmountDiv() { function makeViolationAmountDiv() {
$('#spiParentDiv').after( $('#spiParentDiv').after(
'<div class="row mb-1" id="violationAmountDiv">' '<div class="row mb-1" id="violationAmountDiv">'
+ '<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="number" min="0" class="form-control form-control-sm" name="violationAmount">' + '<input type="number" min="0" class="form-control form-control-sm" name="violationAmount">'
+ '</div>' + '</div>'
+ '</div>' + '</div>'
); );
} }
function getIcaViewModal(icaKey){ function getIcaViewModal(icaKey){
$.ajax({ $.ajax({
url: '/faStatistics/internationalCrimeArrest/internationalCrimeArrestViewModal', url: '/faStatistics/internationalCrimeArrest/internationalCrimeArrestViewModal',
data: {icaKey: icaKey}, data: {icaKey: icaKey},
type: 'GET', type: 'GET',
dataType:"html", dataType:"html",
success: function(html){ success: function(html){
$("#icaViewBody").empty().append(html) $("#icaViewBody").empty().append(html)
$("#icaViewModal").modal('show'); $("#icaViewModal").modal('show');
}, },
error:function(){ error:function(){
} }
}); });
} }
function getIcaEditModal(icaKey){ function getIcaEditModal(icaKey){
$.ajax({ $.ajax({
url: '/faStatistics/internationalCrimeArrest/internationalCrimeArrestEditModal', url: '/faStatistics/internationalCrimeArrest/internationalCrimeArrestEditModal',
data: { data: {
icaKey: icaKey icaKey: icaKey
}, },
type: 'GET', type: 'GET',
dataType:"html", dataType:"html",
success: function(html){ success: function(html){
$("#icaViewBody").empty(); $("#icaViewBody").empty();
$("#icaEditModalContent").empty().append(html); $("#icaEditModalContent").empty().append(html);
$("#icaEditModal").modal('show'); $("#icaEditModal").modal('show');
$("#crimeAwarenessDtDiv").datepicker({ $("#crimeAwarenessDtDiv").datepicker({
format: "yyyy-mm-dd", format: "yyyy-mm-dd",
language: "ko", language: "ko",
autoclose: true autoclose: true
}); });
$("#caseSentDtDiv").datepicker({ $("#caseSentDtDiv").datepicker({
format: "yyyy-mm-dd", format: "yyyy-mm-dd",
language: "ko", language: "ko",
autoclose: true autoclose: true
}); });
$("[name='caseOverview']").summernote({ setEditor('editor', '400');
lang:'ko-KR', },
height: 120, error:function(){
disableDragAndDrop: true,
toolbar: [
['style', ['style']],
['font', ['bold', 'underline', 'clear']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['table', ['table']]
]
});
},
error:function(){
} }
}); });
} }
function saveInternationalCrimeArrest(contentState){ function saveInternationalCrimeArrest(contentState){
if(contentCheck()){ if(contentCheck()){
if(confirm("저장하시겠습니까?")){ if(confirm("저장하시겠습니까?")){
$("#contentStatus").val(contentState); $("#contentStatus").val(contentState);
contentFade("in"); contentFade("in");
const formData = new FormData($("#icaEditForm")[0]); const formData = new FormData($("#icaEditForm")[0]);
let spiList = []; let spiList = [];
$(".spi-list").each(function (){ $(".spi-list").each(function (){
spiList.push({ spiList.push({
spiKey: $(this).find('input[name="spiKey"]').val() != undefined ? Number($(this).find('input[name="spiKey"]').val()) : null, spiKey: $(this).find('input[name="spiKey"]').val() != undefined ? Number($(this).find('input[name="spiKey"]').val()) : null,
sex: $(this).find('select[name="sex"]').val(), sex: $(this).find('select[name="sex"]').val(),
age: $(this).find('select[name="age"]').val(), age: $(this).find('select[name="age"]').val(),
country: $(this).find('select[name="country"]').val(), country: $(this).find('select[name="country"]').val(),
stayQualification: $(this).find('input[name="stayQualification"]').val() != undefined ? $(this).find('input[name="stayQualification"]').val() : null, stayQualification: $(this).find('input[name="stayQualification"]').val() != undefined ? $(this).find('input[name="stayQualification"]').val() : null,
stayPeriodExpiredDt: $(this).find('input[name="stayPeriodExpiredDt"]').val() != undefined ? $(this).find('input[name="stayPeriodExpiredDt"]').val() : null, stayPeriodExpiredDt: $(this).find('input[name="stayPeriodExpiredDt"]').val() != undefined ? $(this).find('input[name="stayPeriodExpiredDt"]').val() : null,
countryEtc: $(this).find('input[name="countryEtc"]').val() != undefined ? $(this).find('input[name="countryEtc"]').val() : null countryEtc: $(this).find('input[name="countryEtc"]').val() != undefined ? $(this).find('input[name="countryEtc"]').val() : null
}); });
}); });
for (let i=0; i < spiList.length; i++) { for (let i=0; i < spiList.length; i++) {
if (spiList[i].spiKey != null) { if (spiList[i].spiKey != null) {
formData.append(`suspectPersonInfoList[${i}].spiKey`, spiList[i].spiKey); formData.append(`suspectPersonInfoList[${i}].spiKey`, spiList[i].spiKey);
}
formData.append(`suspectPersonInfoList[${i}].sex`, spiList[i].sex);
formData.append(`suspectPersonInfoList[${i}].age`, spiList[i].age);
formData.append(`suspectPersonInfoList[${i}].country`, spiList[i].country);
if (spiList[i].stayQualification != null) {
formData.append(`suspectPersonInfoList[${i}].stayQualification`, spiList[i].stayQualification);
}
if (spiList[i].stayPeriodExpiredDt != null) {
formData.append(`suspectPersonInfoList[${i}].stayPeriodExpiredDt`, spiList[i].stayPeriodExpiredDt);
}
if (spiList[i].countryEtc != null) {
formData.append(`suspectPersonInfoList[${i}].countryEtc`, spiList[i].countryEtc);
}
}
$.ajax({
type : 'POST',
data : formData,
url : "/faStatistics/internationalCrimeArrest/saveInternationalCrimeArrest",
processData: false,
contentType: false,
success : function(result) {
alert("저장되었습니다.");
contentFade("out");
$("#icaEditModal").modal('hide');
},
error : function(xhr, status) {
alert("저장에 실패하였습니다.")
contentFade("out");
}
})
} }
formData.append(`suspectPersonInfoList[${i}].sex`, spiList[i].sex);
formData.append(`suspectPersonInfoList[${i}].age`, spiList[i].age);
formData.append(`suspectPersonInfoList[${i}].country`, spiList[i].country);
if (spiList[i].stayQualification != null) {
formData.append(`suspectPersonInfoList[${i}].stayQualification`, spiList[i].stayQualification);
}
if (spiList[i].stayPeriodExpiredDt != null) {
formData.append(`suspectPersonInfoList[${i}].stayPeriodExpiredDt`, spiList[i].stayPeriodExpiredDt);
}
if (spiList[i].countryEtc != null) {
formData.append(`suspectPersonInfoList[${i}].countryEtc`, spiList[i].countryEtc);
}
}
formData.append("caseOverview", CrossEditor.GetBodyValue());
$.ajax({
type : 'POST',
data : formData,
url : "/faStatistics/internationalCrimeArrest/saveInternationalCrimeArrest",
processData: false,
contentType: false,
success : function(result) {
alert("저장되었습니다.");
contentFade("out");
$("#icaEditModal").modal('hide');
},
error : function(xhr, status) {
alert("저장에 실패하였습니다.")
contentFade("out");
}
})
} }
}
} }
function contentCheck(){ function contentCheck(){
let flag = true; let flag = true;
return flag; return flag;
} }
$(document).on('click', '#icaExcelDownBtn', function (){ $(document).on('click', '#icaExcelDownBtn', function (){
const formData = $("#icaSearchForm").serialize(); const formData = $("#icaSearchForm").serialize();
location.href = '/faStatistics/internationalCrimeArrest/ExcelDown?'+formData; location.href = '/faStatistics/internationalCrimeArrest/ExcelDown?'+formData;
}); });

287
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> </div>
<div class="row mb-1"> <hr class="my-1">
<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-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 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> </div>
</th:block> </div>
<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>

143
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,75 +131,77 @@
</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">
<th:block th:if="${#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}"> <div class="border" id="spiDiv">
<div class="row spi-list"> <th:block th:if="${#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
<label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label> <div class="row spi-list my-1">
<div class="col-sm-2" id="sexFormDiv">
<select class="form-select form-select-sm" name="sex" disabled>
<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" disabled>
<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" disabled>
<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:${internationalCrimeArrest.suspectPersonInfoList}">
<div class="row spi-list">
<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}"></option>
th:selected="${suspectPersonInfo.sex ne null && commonCode.itemCd eq suspectPersonInfo.sex}"></option>
</th:block> </th:block>
</select> </select>
</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}"></option>
th:selected="${suspectPersonInfo.age ne null && commonCode.itemCd eq suspectPersonInfo.age}"></option>
</th:block> </th:block>
</select> </select>
</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" 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}"></option>
th:selected="${suspectPersonInfo.country ne null && commonCode.itemCd eq suspectPersonInfo.country}"></option>
</th:block> </th:block>
<option value="etc" th:selected="${suspectPersonInfo.country ne null && suspectPersonInfo.country ne '' && !#strings.contains(suspectPersonInfo.country, 'NNY')}">기타</option> <option value="etc">기타</option>
</select> </select>
</div> </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}" readonly>
</div>
</th:block>
</div> </div>
</th:block> </th:block>
</th:block> <th:block th:if="${!#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
<th:block th:each="suspectPersonInfo:${internationalCrimeArrest.suspectPersonInfoList}">
<div class="row spi-list my-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 bg-white" name="sex" disabled>
<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 bg-white" name="age" disabled>
<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 bg-white country" name="country" id="country" disabled>
<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}" readonly>
</div>
</th:block>
</div>
</th:block>
</th:block>
</div>
</div> </div>
</div> </div>
<div class="row mb-1" id="spiInfoDiv"> <div class="row mb-1" id="spiInfoDiv">
@ -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>