개별총정보 - 클릭한 탭에서 이전, 다음 눌렀을때 해당 탭의 자료를 조회하도록 수정.

main
jjh 1 year ago
parent c631bb09e8
commit 5421f692c3

@ -30,7 +30,7 @@
<!-- 기타 내용 -->
<div class="col-md-12">
<label for="etcCn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">기타 내용</label>
<input type="text" class="form-control w-80" id="etcCn--${pageName}" name="etcCn" data-map="ETC_CN" data-maxlengthb="1000" />
<input type="text" class="form-control w-80" id="etcCn--${pageName}" name="etcCn" data-maxlengthb="1000" />
</div>
</div>
</form> <!-- /입력 영역 -->

@ -42,7 +42,7 @@
<p></p>
<div class="nav-align-top">
<ul class="nav nav-tabs" role="tablist">
<ul class="nav nav-tabs" id="tabs--${pageName}" role="tablist">
<li class="nav-item">
<button type="button" class="nav-link active" role="tab" data-bs-toggle="tab" data-bs-target="#crdnPayerInfo"
aria-controls="crdnPayerInfo" aria-selected="true" onClick="fnCrdnPayerInfo${pageName}();">
@ -88,10 +88,10 @@
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="crdnPayerInfo" role="tabpanel"></div>
<div class="tab-pane fade" id="opnnSbmsnInfo" role="tabpanel">단속 정보</div>
<div class="tab-pane fade" id="sndngInfo" role="tabpanel">의견제출 정보</div>
<div class="tab-pane fade" id="prcsDtlInfo" role="tabpanel">발송반송 정보</div>
<div class="tab-pane fade show active" id="crdnPayerInfo" role="tabpanel">단속 정보</div>
<div class="tab-pane fade" id="opnnSbmsnInfo" role="tabpanel">의견제출 정보</div>
<div class="tab-pane fade" id="sndngInfo" role="tabpanel">발송반송 정보</div>
<div class="tab-pane fade" id="prcsDtlInfo" role="tabpanel">처리상세 정보</div>
<div class="tab-pane fade" id="levyNpmntInfo" role="tabpanel">부과체납 정보</div>
<div class="tab-pane fade" id="rcvmtInfo" role="tabpanel">수납 정보</div>
<div class="tab-pane fade" id="cvlcptDscsnInfo" role="tabpanel">민원상담 정보</div>
@ -110,6 +110,8 @@
var ${pageName}Fields = new FormFields("#frmEdit--${pageName}");
// 자료 이동을 위한 자료의 Index. 0부터 시작.
var curDataIndex${pageName};
// 현재 탭의 위치
var activeTabIndex${pageName} = 0;
/**************************************************************************
* DatasetControl
@ -153,8 +155,21 @@
// 최상단 단속 Data 셋팅
${pageName}Control.setData([resp.totalInfo]);
// 단속 납부자 Data 셋팅
fnCrdnPayerInfo${pageName}();
if (activeTabIndex${pageName} == 0) {
fnCrdnPayerInfo${pageName}(); // 단속 납부자 Data 셋팅
} else if (activeTabIndex${pageName} == 1) {
fnOpnnSbmsnInfo${pageName}(); // 의견제출 정보
} else if (activeTabIndex${pageName} == 2) {
fnSndngInfo${pageName}(); // 발송 반송 정보
} else if (activeTabIndex${pageName} == 3) {
fnPrcsDtlInfo${pageName}(); // 처리 상세 정보
} else if (activeTabIndex${pageName} == 4) {
fnLevyNpmntInfo${pageName}(); // 부과체납 정보
} else if (activeTabIndex${pageName} == 5) {
fnRcvmtInfo${pageName}(); // 수납 정보
} else if (activeTabIndex${pageName} == 6) {
fnCvlcptDscsnInfo${pageName}(); // 민원상담 정보
}
}
}
});
@ -296,6 +311,90 @@
refreshDataInfo${pageName}(params);
}
getInfoCrdnPayer${pageName} = (params) => {
if (!params) return;
ajax.get({
url : wctx.url(params.taskSeCd + "/sprt/sprt02/020/info.do")
, data : params || {}
, success : resp => {
$("#crdnPayerInfo").html(resp);
}
});
}
getInfoOpnnSbmsn${pageName} = (params) => {
if (!params) return;
ajax.get({
url : wctx.url(params.taskSeCd + "/sprt/sprt02/030/info.do")
, data : params || {}
, success : resp => {
$("#opnnSbmsnInfo").html(resp);
}
});
}
getInfoSndng${pageName} = (params) => {
if (!params) return;
ajax.get({
url : wctx.url(params.taskSeCd + "/sprt/sprt02/040/info.do")
, data : params || {}
, success : resp => {
$("#sndngInfo").html(resp);
}
});
}
getInfoPrcsDtl${pageName} = (params) => {
if (!params) return;
ajax.get({
url : wctx.url(params.taskSeCd + "/sprt/sprt02/050/info.do")
, data : params || {}
, success : resp => {
$("#prcsDtlInfo").html(resp);
}
});
}
getInfoLevyNpmnt${pageName} = (params) => {
if (!params) return;
ajax.get({
url : wctx.url(params.taskSeCd + "/sprt/sprt02/060/info.do")
, data : params || {}
, success : resp => {
$("#levyNpmntInfo").html(resp);
}
});
}
getInfoRcvmt${pageName} = (params) => {
if (!params) return;
ajax.get({
url : wctx.url(params.taskSeCd + "/sprt/sprt02/070/info.do")
, data : params || {}
, success : resp => {
$("#rcvmtInfo").html(resp);
}
});
}
getInfoCvlcptDscsn${pageName} = (params) => {
if (!params) return;
ajax.get({
url : wctx.url(params.taskSeCd + "/sprt/sprt02/080/info.do")
, data : params || {}
, success : resp => {
$("#cvlcptDscsnInfo").html(resp);
}
});
}
/**************************************************************************
* 탭 clickEvent
**************************************************************************/
@ -310,6 +409,9 @@
return;
}
// 탭 Index
activeTabIndex${pageName} = 0;
let params = {
callPurpose : "view"
, crdnId : crdnId
@ -317,13 +419,7 @@
, taskSeCd : taskSeCd
};
ajax.get({
url : wctx.url(taskSeCd + "/sprt/sprt02/020/info.do")
, data : params || {}
, success : resp => {
$("#crdnPayerInfo").html(resp);
}
});
getInfoCrdnPayer${pageName}(params);
}
// 의견제출 정보
@ -337,6 +433,9 @@
return;
}
// 탭 Index
activeTabIndex${pageName} = 1;
let params = {
callPurpose : "view"
, crdnId : crdnId
@ -344,13 +443,7 @@
, taskSeCd : taskSeCd
};
ajax.get({
url : wctx.url(taskSeCd + "/sprt/sprt02/030/info.do")
, data : params || {}
, success : resp => {
$("#opnnSbmsnInfo").html(resp);
}
});
getInfoOpnnSbmsn${pageName}(params);
}
// 발송 반송 정보
@ -364,6 +457,9 @@
return;
}
// 탭 Index
activeTabIndex${pageName} = 2;
let params = {
callPurpose : "view"
, crdnId : crdnId
@ -371,13 +467,7 @@
, taskSeCd : taskSeCd
};
ajax.get({
url : wctx.url(taskSeCd + "/sprt/sprt02/040/info.do")
, data : params || {}
, success : resp => {
$("#sndngInfo").html(resp);
}
});
getInfoSndng${pageName}(params);
}
// 처리 상세 정보
@ -391,6 +481,9 @@
return;
}
// 탭 Index
activeTabIndex${pageName} = 3;
let params = {
callPurpose : "view"
, crdnId : crdnId
@ -398,13 +491,7 @@
, taskSeCd : taskSeCd
};
ajax.get({
url : wctx.url(taskSeCd + "/sprt/sprt02/050/info.do")
, data : params || {}
, success : resp => {
$("#prcsDtlInfo").html(resp);
}
});
getInfoPrcsDtl${pageName}(params);
}
// 부과체납 정보
@ -418,6 +505,9 @@
return;
}
// 탭 Index
activeTabIndex${pageName} = 4;
let params = {
callPurpose : "view"
, crdnId : crdnId
@ -425,13 +515,7 @@
, taskSeCd : taskSeCd
};
ajax.get({
url : wctx.url(taskSeCd + "/sprt/sprt02/060/info.do")
, data : params || {}
, success : resp => {
$("#levyNpmntInfo").html(resp);
}
});
getInfoLevyNpmnt${pageName}(params);
}
// 수납 정보
@ -445,6 +529,9 @@
return;
}
// 탭 Index
activeTabIndex${pageName} = 5;
let params = {
callPurpose : "view"
, crdnId : crdnId
@ -452,13 +539,7 @@
, taskSeCd : taskSeCd
};
ajax.get({
url : wctx.url(taskSeCd + "/sprt/sprt02/070/info.do")
, data : params || {}
, success : resp => {
$("#rcvmtInfo").html(resp);
}
});
getInfoRcvmt${pageName}(params);
}
// 민원상담 정보
@ -473,6 +554,9 @@
return;
}
// 탭 Index
activeTabIndex${pageName} = 6;
let params = {
callPurpose : "view"
, inquiryCondition : "crdnId_vhrno"
@ -482,13 +566,7 @@
, taskSeCd : taskSeCd
};
ajax.get({
url : wctx.url(taskSeCd + "/sprt/sprt02/080/info.do")
, data : params || {}
, success : resp => {
$("#cvlcptDscsnInfo").html(resp);
}
});
getInfoCvlcptDscsn${pageName}(params);
}
/**************************************************************************

@ -166,7 +166,7 @@
<td class="text-center" onclick="{onclick}">{REG_DT}</td>
<td class="text-center" onclick="{onclick}">{RGTR_NM}</td>
<td class="text-center" onclick="{onclick}">{CRDN_STTS_NM}</td>
<td class="text-center" onclick="{onclick}">{ETC_CN}</td>
<td class="text-start" onclick="{onclick}">{ETC_CN}</td>
</tr>
</template>
<template id="${infoPrefix}NotFound--${pageName}${pageDataName3}">
@ -210,9 +210,9 @@
<tr data-key="{CHG_HSTRY_ID}">
<td class="text-center" onclick="{onclick}">{REG_DT}</td>
<td class="text-center" onclick="{onclick}">{RGTR_NM}</td>
<td class="text-center" onclick="{onclick}">{RTPYR_NM}</td>
<td class="text-start" onclick="{onclick}">{RTPYR_NM}</td>
<td class="text-center" onclick="{onclick}">{ZIP}</td>
<td class="text-center" onclick="{onclick}">{WHOL_ADDR}</td>
<td class="text-start" onclick="{onclick}">{WHOL_ADDR}</td>
</tr>
</template>
<template id="${infoPrefix}NotFound--${pageName}${pageDataName4}">

Loading…
Cancel
Save