Merge remote-tracking branch 'origin/master'
eapim-admin CI / build (push) Has been cancelled

This commit is contained in:
Rinjae
2026-09-01 18:26:47 +09:00
40 changed files with 956 additions and 316 deletions
+1 -1
View File
@@ -175,6 +175,6 @@
</jsp-config>
<session-config>
<session-timeout>30</session-timeout>
<session-timeout>60</session-timeout>
</session-config>
</web-app>
+1 -1
View File
@@ -145,6 +145,6 @@
</jsp-config>
<session-config>
<session-timeout>30</session-timeout>
<session-timeout>60</session-timeout>
</session-config>
</web-app>
+1 -1
View File
@@ -3,7 +3,7 @@
<context-root>monitoring</context-root>
<session-descriptor>
<timeout-secs>1800</timeout-secs>
<timeout-secs>3600</timeout-secs>
<cookie-name>JSESSIONID_EMS</cookie-name>
<persistent-store-type>replicated_if_clustered</persistent-store-type>
</session-descriptor>
+19 -3
View File
@@ -299,8 +299,12 @@
if (response.smsAuthRequired) {
// 비밀번호는 아직 반영되지 않음 - SMS 인증 완료 시 최종 반영됨
smsAuthPurpose = 'PASSWORD_CHANGE';
// 두 모달이 겹치면 이전 모달의 enforceFocus/backdrop 이 남아 입력이 막히므로
// #pwdChgModal 이 완전히 닫힌 뒤 SMS 인증 모달을 연다
$('#pwdChgModal').one('hidden.bs.modal', function() {
showSmsAuthModal(response);
});
$('#pwdChgModal').modal('hide');
showSmsAuthModal(response);
return;
}
alert(response.message);
@@ -369,6 +373,19 @@
verifySmsAuthCode();
}
});
// 인증번호는 숫자만 허용 (타이핑/붙여넣기/드래그 공통, 백스페이스·방향키는 방해하지 않음)
$("#smsAuthCode").on("input", function(){
var digits = this.value.replace(/[^0-9]/g, '').slice(0, 6);
if (this.value !== digits) {
this.value = digits;
}
});
// SMS 인증 모달이 완전히 열린 뒤 인증번호 입력창에 포커스
$('#smsAuthModal').on('shown.bs.modal', function() {
$('#smsAuthCode').trigger('focus');
});
});
function fncSsoLogin() {
@@ -487,8 +504,7 @@
<p>인증번호가 <strong><span id="smsAuthMaskedPhone"></span></strong>로 발송되었습니다.</p>
<div class="form-group">
<input type="text" id="smsAuthCode" class="form-control"
placeholder="인증번호 6자리" maxlength="6"
onkeypress="return event.charCode >= 48 && event.charCode <= 57">
placeholder="인증번호 6자리" maxlength="6" inputmode="numeric" autocomplete="off">
</div>
<p id="smsAuthTestHint" class="text-warning" style="display:none;"></p>
<p class="text-muted">남은 시간: <span id="smsAuthRemainingTime" class="text-danger font-weight-bold">60</span>초</p>
+1 -1
View File
@@ -596,7 +596,7 @@
<ul>
<li style="width:240px;">
<a style="width:240px; cursor: default"
href="#"><span><%=SessionManager.getUserName(request) %>(<%=SessionManager.getUserId(request) %></span>
href="#"><span><%=SessionManager.getUserName(request) %>(<%=SessionManager.getUserId(request) %>)</span>
<span onClick="javascript:openColorPopup();"><%=localeMessage.getString("screen.customer") %></span>
<% if (!"".equals(LastLoginYms.trim())) { %>
<span style="display:block;font-size:10px;"><%=localeMessage.getString("screen.lastLogin") %> : <%=LastLoginYms%></span>
@@ -190,6 +190,8 @@
var key = "${param.clientId}";
if (key != "" && key != "null") {
isDetail = true;
} else {
$('input[name="grantTypes_"]').prop('checked', true);
}
init(key, detail);
@@ -506,18 +508,17 @@
<td><input type="text" name="scope"/></td>
</tr>
<tr>
<th><%= localeMessage.getString("clntManDtl.grntTp") %>
(<%= localeMessage.getString("clntManDtl.sprt") %> ,) <small>(*)</small></th>
<th><%= localeMessage.getString("clntManDtl.grntTp") %> <small>(*)</small></th>
<td>
<input type="checkbox" name="grantTypes_" value="client_credentials"> client_credentials
<%-- <input type="checkbox" name="grantTypes_" value="authorization_code"> authorization_code--%>
<%-- <input type="checkbox" name="grantTypes_" value="password"> password--%>
<input type="checkbox" name="grantTypes_" value="refresh_token"> refresh_token
<!-- <input type="checkbox" name="grantTypes_" value="refresh_token"> refresh_token -->
</td>
<input type="hidden" name="grantTypes"/>
</td>
</tr>
<tr>
<tr style="display: none;">
<th>REDIRECT URI</th>
<td><input type="text" name="redirectUri"/></td>
</tr>
@@ -538,7 +539,7 @@
</th>
<td><input type="text" name="accessTokenValiditySeconds"/></td>
</tr>
<tr>
<tr style="display: none;">
<th><%= localeMessage.getString("clntManDtl.rfrshTknExprtnDt") %>
</th>
<td><input type="text" name="refreshTokenValiditySeconds"/></td>
@@ -555,7 +556,7 @@
</th>
<td><input type="text" name="allowedIps"/></td>
</tr>
<tr>
<tr style="display: none;">
<th>Security Key</th>
<td><textarea name="securityKey" rows="3" style="width:100%;"></textarea></td>
</tr>
@@ -47,7 +47,7 @@
mtype: 'POST',
url: url,
postData: getSearchForJqgrid("cmd", "LIST"),
colNames: ['No', 'Service Name', 'Command', '레이아웃명', '연동시간', '결과', '결과메세지'],
colNames: ['No', '서비스명', 'Command', '연동구분명', '연동시간', '결과', '결과메세지'],
colModel: [
{name: 'seqno', align: 'center', width: 50, sortable: false},
{name: 'serviceName', align: 'center', width: 100, sortable: false},
@@ -123,8 +123,8 @@
<div class="search_wrap">
<button type="button" class="cssbtn" id="btn_search" level="R"><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button>
</div>
<div class="title">전문레이아웃 연동 이력<span class="tooltip">IIM에서 연동한 인터페이스 및 전문 레이아웃 이력을 조회합니다.</span></div>
<form id="ajaxForm" onsubmit="return false;">
<div class="title">연동 배포 이력<span class="tooltip">IIM 레이아웃 연동 이력과 eCams 인터페이스 배포 이력을 조회합니다.</span></div>
<form id="ajaxForm" onsubmit="return false;">
<table class="search_condition" cellspacing=0;>
<colgroup>
<col style="width:120px;"><col style="width:260px;">
@@ -133,8 +133,6 @@
</colgroup>
<tbody>
<tr>
<th>레이아웃명</th>
<td><input type="text" name="searchLoutName" autocomplete="off" style="width:95%;"></td>
<th>연동시간</th>
<td>
<input type="text" name="searchStartYYYYMMDD" id="startDatepicker" readonly="readonly" value="" size="10" style="width:100px; border:1px solid #ebebec;">
@@ -143,6 +141,14 @@
<input type="hidden" name="searchStartDate" value="">
<input type="hidden" name="searchEndDate" value="">
</th>
<th>서비스명</th>
<td><input type="text" name="searchServiceName" autocomplete="off" style="width:95%;"></td>
<th>Command</th>
<td><input type="text" name="searchCommand" autocomplete="off" style="width:95%;"></td>
</tr>
<tr>
<th>연동구분명</th>
<td><input type="text" name="searchLoutName" autocomplete="off" style="width:95%;"></td>
<th>결과</th>
<td>
<div class="select-style" style="display:inline-block; margin-left:6px;">
@@ -153,6 +159,8 @@
</select>
</div>
</td>
<th></th>
<td></td>
</tr>
</tbody>
</table>
@@ -89,7 +89,7 @@
mtype: 'POST',
url: url,
postData: getSearchForJqgrid("cmd", "LIST"),
colNames: ['id', 'No.', '기관명', '이벤트유형', 'Target URL', 'Proxy URL', 'Status', '성공여부', '발송서버', '발송일시'],
colNames: ['id', 'No.', '기관명', '이벤트유형', 'Target URL', 'Proxy URL', 'Status', '성공여부', '재시도', '발송서버', '발송일시'],
colModel: [
{name: 'id', align: 'center', key: true, hidden: true},
{name: 'rowNum', align: 'center', width: 45, sortable: false},
@@ -99,11 +99,12 @@
{name: 'proxyUrl', align: 'left', width: 300, formatter: formatTargetUrl},
{name: 'statusCode', align: 'center', width: 60},
{name: 'success', align: 'center', width: 70, formatter: formatSuccess},
{name: 'retryCount', align: 'center', width: 60},
{name: 'sendBy', align: 'center', width: 100},
{name: 'sentAt', align: 'center', width: 140}
],
jsonReader: {repeatitems: false},
pager: $('#pager'),
pager: $('#pager'),
page: '${param.page}',
rowNum: '${rmsDefaultRowNum}',
autoheight: true,
@@ -33,6 +33,18 @@
width: 100%;
height: 250px;
}
/* 달력 팝업이 파이차트 가운데 숫자(z-index:10) 위로 오도록 */
#ui-datepicker-div {
z-index: 9999 !important;
}
.cssbtn.small {
height: 24px;
border-radius: 2px;
min-width: 24px;
box-shadow: none;
border-color: #ebebec;
font-size: 11px;
}
</style>
<jsp:include page="/jsp/common/include/script.jsp"/>
<script src="<c:url value="/addon/echarts/echarts.min.js"/>"></script>
@@ -286,6 +298,28 @@
fetchChartData();
}
// 조회기간을 시작일 기준 이전/다음 달의 1일~말일로 변경 후 조회 (direction: -1 이전달, 1 다음달)
function shiftMonthRange(direction) {
var v = $("input[name=searchStartDateTime]").val().replace(/-/g, "");
if (!v || v.length < 6) return;
var year = parseInt(v.substring(0, 4));
var month = parseInt(v.substring(4, 6)) - 1; // 0-based
var first = new Date(year, month + direction, 1);
var last = new Date(year, month + direction + 1, 0); // 해당 달의 말일
function pad(n) { return String(n).padStart(2, '0'); }
function fmt(d) {
return d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate());
}
$("input[name=searchStartDateTime]").val(fmt(first));
$("input[name=searchEndDateTime]").val(fmt(last));
search();
}
function exportToExcel(isSummary) {
var cmdType = isSummary ? 'EXCEL_EXPORT_SUMMARY' : 'EXCEL_EXPORT';
console.log('[Excel Export] Starting... (type: ' + cmdType + ')');
@@ -416,12 +450,13 @@
mtype: 'POST',
postData: gridPostData,
colNames: [
'API명',
'API ID', 'API명',
'총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
],
colModel: [
{ name: 'apiName', align: 'left', width: '250', sortable: false },
{ name: 'apiName', align: 'left', width: '150', sortable: false },
{ name: 'apiDesc', align: 'left', width: '250', sortable: false },
{ name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'timeoutCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
@@ -458,7 +493,7 @@
mtype: 'POST',
postData: gridPostData,
colNames: [
'통계시간', 'API', '인스턴스', '업무구분', '클라이언트ID',
'통계시간', 'API ID', '인스턴스', '업무구분', '클라이언트ID',
'Inbound Adapter', 'Outbound Adapter',
'총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
@@ -505,6 +540,8 @@
$("input[name=searchStartDateTime]").inputmask("9999-99-99", { 'autoUnmask': true });
$("input[name=searchEndDateTime]").inputmask("9999-99-99", { 'autoUnmask': true });
$("input[name=searchStartDateTime], input[name=searchEndDateTime]").datepicker();
// 기본값 설정 (어제 기준 해당 월 1일 ~ 어제)
var today = getToday();
var todayStr = today.replace(/-/g, '');
@@ -544,6 +581,14 @@
search();
});
$("#btnPrevMonth").click(function() {
shiftMonthRange(-1);
});
$("#btnNextMonth").click(function() {
shiftMonthRange(1);
});
$("#btn_excel_export_summary").click(function() {
exportToExcel(true);
});
@@ -598,11 +643,13 @@
<input type="text" name="searchStartDateTime" value="${param.searchStartDateTime}" style="width:100px;">
~
<input type="text" name="searchEndDateTime" value="${param.searchEndDateTime}" style="width:100px;">
<button type="button" id="btnPrevMonth" class="cssbtn small">&lt;</button>
<button type="button" id="btnNextMonth" class="cssbtn small">&gt;</button>
<span style="color:#888; font-size:12px; margin-left:10px;">(최대 31일)</span>
</td>
</tr>
<tr>
<th>API</th>
<th>API ID</th>
<td>
<input type="text" name="searchApiName" value="${param.searchApiName}">
</td>
@@ -639,11 +686,11 @@
</div>
<div id="callChart" class="chart"></div>
</div>
<!-- 요약 그리드 -->
<div style="margin-top: 20px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<div class="title" style="margin: 0;">API별 요약 통계</div>
<div class="title" style="margin: 0;">API별 요약 통계</div>
<button type="button" class="cssbtn" id="btn_excel_export_summary" level="R">
<i class="material-icons">file_download</i> Excel 다운로드 (요약)
</button>
@@ -33,6 +33,18 @@
width: 100%;
height: 250px;
}
/* 달력 팝업이 파이차트 가운데 숫자(z-index:10) 위로 오도록 */
#ui-datepicker-div {
z-index: 9999 !important;
}
.cssbtn.small {
height: 24px;
border-radius: 2px;
min-width: 24px;
box-shadow: none;
border-color: #ebebec;
font-size: 11px;
}
</style>
<jsp:include page="/jsp/common/include/script.jsp"/>
<script src="<c:url value="/addon/echarts/echarts.min.js"/>"></script>
@@ -292,6 +304,25 @@
fetchChartData();
}
// 조회일자를 하루 이동 후 조회 (direction: -1 이전날, 1 이후날)
function shiftSearchDate(direction) {
var v = $("input[name=searchDate]").val().replace(/-/g, "");
if (!v || v.length !== 8) return;
var d = new Date(
parseInt(v.substring(0, 4)),
parseInt(v.substring(4, 6)) - 1,
parseInt(v.substring(6, 8))
);
d.setDate(d.getDate() + direction);
function pad(n) { return String(n).padStart(2, '0'); }
$("input[name=searchDate]").val(
d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate()));
search();
}
function exportToExcel(isSummary) {
var cmdType = isSummary ? 'EXCEL_EXPORT_SUMMARY' : 'EXCEL_EXPORT';
console.log('[Excel Export] Starting... (type: ' + cmdType + ')');
@@ -418,12 +449,13 @@
mtype: 'POST',
postData: gridPostData,
colNames: [
'API명',
'API ID', 'API 명',
'총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
],
colModel: [
{ name: 'apiName', align: 'left', width: '250', sortable: false },
{ name: 'apiName', align: 'left', width: '150', sortable: false },
{ name: 'apiDesc', align: 'left', width: '250', sortable: false },
{ name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'timeoutCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
@@ -459,8 +491,8 @@
datatype: "json",
mtype: 'POST',
postData: gridPostData,
colNames: [
'통계시간', 'API', '인스턴스', '업무구분', '클라이언트ID',
colNames: [
'통계시간', 'API ID', '인스턴스', '업무구분', '클라이언트ID',
'Inbound Adapter', 'Outbound Adapter',
'총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
@@ -506,6 +538,8 @@
// 날짜 입력 마스크
$("input[name=searchDate]").inputmask("9999-99-99", { 'autoUnmask': true });
$("input[name=searchDate]").datepicker();
// 기본값 설정 (오늘)
var today = getToday();
if (!$("input[name=searchDate]").val()) {
@@ -524,6 +558,14 @@
search();
});
$("#btnPrevDate").click(function() {
shiftSearchDate(-1);
});
$("#btnNextDate").click(function() {
shiftSearchDate(1);
});
$("#btn_excel_export_summary").click(function() {
exportToExcel(true);
});
@@ -576,11 +618,13 @@
<th>조회일자</th>
<td colspan="5">
<input type="text" name="searchDate" value="${param.searchDate}" style="width:100px;">
<button type="button" id="btnPrevDate" class="cssbtn small">&lt;</button>
<button type="button" id="btnNextDate" class="cssbtn small">&gt;</button>
<span style="color:#888; font-size:12px; margin-left:10px;">(선택일 00시 ~ 23시 조회)</span>
</td>
</tr>
<tr>
<th>API</th>
<th>API ID</th>
<td>
<input type="text" name="searchApiName" value="${param.searchApiName}">
</td>
@@ -621,7 +665,7 @@
<!-- 요약 그리드 -->
<div style="margin-top: 20px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<div class="title" style="margin: 0;">API별 요약 통계</div>
<div class="title" style="margin: 0;">API별 요약 통계</div>
<button type="button" class="cssbtn" id="btn_excel_export_summary" level="R">
<i class="material-icons">file_download</i> Excel 다운로드 (요약)
</button>
@@ -26,6 +26,18 @@
border: 1px solid #ddd;
background: #fff;
}
.cssbtn.small {
height: 24px;
border-radius: 2px;
min-width: 24px;
box-shadow: none;
border-color: #ebebec;
font-size: 11px;
}
/* 달력 팝업이 파이차트 가운데 숫자(z-index:10) 위로 오도록 */
#ui-datepicker-div {
z-index: 9999 !important;
}
</style>
<jsp:include page="/jsp/common/include/script.jsp"/>
<script src="<c:url value="/addon/echarts/echarts.min.js"/>"></script>
@@ -203,7 +215,6 @@
function validateAndAdjustDateRange() {
var startDate = $("input[name=searchStartDate]").val().replace(/-/g, "");
var startTime = $("input[name=searchStartTime]").val().replace(/:/g, "");
var endDate = $("input[name=searchEndDate]").val().replace(/-/g, "");
var endTime = $("input[name=searchEndTime]").val().replace(/:/g, "");
if (!startDate || !startTime) return null;
@@ -219,35 +230,43 @@
);
}
// UI 업데이트 헬퍼
function updateEndDateTime(dt) {
var d = dt.getFullYear() +
// 종료일시(yyyyMMddHHmm) 포맷 헬퍼
function formatDateTime(dt) {
return dt.getFullYear() +
String(dt.getMonth() + 1).padStart(2, '0') +
String(dt.getDate()).padStart(2, '0');
var t = String(dt.getHours()).padStart(2, '0') +
String(dt.getDate()).padStart(2, '0') +
String(dt.getHours()).padStart(2, '0') +
String(dt.getMinutes()).padStart(2, '0');
$("input[name=searchEndDate]").val(d.substring(0, 4) + '-' + d.substring(4, 6) + '-' + d.substring(6, 8));
$("input[name=searchEndTime]").val(t.substring(0, 2) + ':' + t.substring(2, 4));
return d + t;
}
// 종료시각 UI 업데이트 헬퍼
function updateEndTime(dt) {
$("input[name=searchEndTime]").val(
String(dt.getHours()).padStart(2, '0') + ':' + String(dt.getMinutes()).padStart(2, '0'));
return formatDateTime(dt);
}
var start = parseDateTime(startDate, startTime);
var startDateTime = startDate + startTime;
var endDateTime;
if (endDate && endTime) {
var end = parseDateTime(endDate, endTime);
if (endTime) {
// 종료일은 시작일 기준. 종료시각이 시작시각보다 이르면 자정을 넘긴 것으로 보고 +1일
var end = parseDateTime(startDate, endTime);
if (end < start) {
end = new Date(end.getTime() + 24 * 60 * 60 * 1000);
}
var diffMinutes = (end - start) / (1000 * 60);
if (diffMinutes > 60) {
// 1시간 초과 시 시작 + 1시간으로 조정
endDateTime = updateEndDateTime(new Date(start.getTime() + 60 * 60 * 1000));
endDateTime = updateEndTime(new Date(start.getTime() + 60 * 60 * 1000));
} else {
endDateTime = endDate + endTime;
endDateTime = formatDateTime(end);
}
} else {
// 종료시간 미입력 시 시작 + 1시간으로 설정
endDateTime = updateEndDateTime(new Date(start.getTime() + 60 * 60 * 1000));
endDateTime = updateEndTime(new Date(start.getTime() + 60 * 60 * 1000));
}
return { start: startDateTime, end: endDateTime };
@@ -302,6 +321,44 @@
fetchChartData(range);
}
// 조회기간을 정시 단위 1시간 구간으로 이동 (direction: -1 이전, 1 이후)
// ex) 시작 08:35, 이전 클릭 -> 08:00~09:00, 다시 -> 07:00~08:00
// ex) 시작 08:35, 이후 클릭 -> 09:00~10:00, 다시 -> 10:00~11:00
function shiftTimeRange(direction) {
var startDate = $("input[name=searchStartDate]").val().replace(/-/g, "");
var startTime = $("input[name=searchStartTime]").val().replace(/:/g, "");
if (!startDate || !startTime) return;
var start = new Date(
parseInt(startDate.substring(0, 4)),
parseInt(startDate.substring(4, 6)) - 1,
parseInt(startDate.substring(6, 8)),
parseInt(startTime.substring(0, 2)),
parseInt(startTime.substring(2, 4))
);
if (direction < 0) {
// 분 단위가 있으면 정시로 내림, 이미 정시면 1시간 전
if (start.getMinutes() === 0) start.setHours(start.getHours() - 1);
else start.setMinutes(0);
} else {
// 분 단위가 있으면 다음 정시로 올림, 이미 정시면 1시간 후
start.setMinutes(0);
start.setHours(start.getHours() + 1);
}
var end = new Date(start.getTime() + 60 * 60 * 1000);
function pad(n) { return String(n).padStart(2, '0'); }
$("input[name=searchStartDate]").val(
start.getFullYear() + '-' + pad(start.getMonth() + 1) + '-' + pad(start.getDate()));
$("input[name=searchStartTime]").val(pad(start.getHours()) + ':' + pad(start.getMinutes()));
$("input[name=searchEndTime]").val(pad(end.getHours()) + ':' + pad(end.getMinutes()));
search();
}
function exportToExcel(isSummary) {
var cmdType = isSummary ? 'EXCEL_EXPORT_SUMMARY' : 'EXCEL_EXPORT';
console.log('[Excel Export] Starting... (type: ' + cmdType + ')');
@@ -317,13 +374,10 @@
serviceType: '${param.serviceType}'
};
var startDate = $("input[name=searchStartDate]").val().replace(/-/g, "");
var startTime = $("input[name=searchStartTime]").val().replace(/:/g, "");
var endDate = $("input[name=searchEndDate]").val().replace(/-/g, "");
var endTime = $("input[name=searchEndTime]").val().replace(/:/g, "");
if (startDate && startTime) {
postData.searchStartDateTime = startDate + startTime;
postData.searchEndDateTime = endDate + endTime;
var range = validateAndAdjustDateRange();
if (range) {
postData.searchStartDateTime = range.start;
postData.searchEndDateTime = range.end;
}
console.log('[Excel Export] Request data:', postData);
@@ -431,12 +485,13 @@
mtype: 'POST',
postData: gridPostData,
colNames: [
'API명',
'총건수', '성공', 'Timeout', '시스템오류',
'API ID', 'API 명',
'총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
],
colModel: [
{ name: 'apiName', align: 'left', width: '250', sortable: false },
{ name: 'apiName', align: 'left', width: '150', sortable: false },
{ name: 'apiDesc', align: 'left', width: '250', sortable: false },
{ name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'timeoutCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
@@ -473,7 +528,7 @@
mtype: 'POST',
postData: gridPostData,
colNames: [
'통계시간', 'API', '인스턴스', '업무구분', '클라이언트ID',
'통계시간', 'API ID', '인스턴스', '업무구분', '클라이언트ID',
'Inbound Adapter', 'Outbound Adapter',
'총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
@@ -517,9 +572,11 @@
$(document).ready(function() {
// 날짜/시간 입력 마스크
$("input[name=searchStartDate], input[name=searchEndDate]").inputmask("9999-99-99", { 'autoUnmask': true });
$("input[name=searchStartDate]").inputmask("9999-99-99", { 'autoUnmask': true });
$("input[name=searchStartTime], input[name=searchEndTime]").inputmask("99:99", { 'autoUnmask': true });
$("input[name=searchStartDate]").datepicker();
// 기본값 설정 (현재 시간(분) 기준 1시간 전 ~ 현재 시간(분))
var now = new Date();
var oneHourAgo = new Date(now.getTime() - 60 * 60 * 1000);
@@ -537,8 +594,7 @@
$("input[name=searchStartDate]").val(formatDate(oneHourAgo));
$("input[name=searchStartTime]").val(formatTime(oneHourAgo));
}
if (!$("input[name=searchEndDate]").val()) {
$("input[name=searchEndDate]").val(formatDate(now));
if (!$("input[name=searchEndTime]").val()) {
$("input[name=searchEndTime]").val(formatTime(now));
}
@@ -554,6 +610,14 @@
search();
});
$("#btnPrevTime").click(function() {
shiftTimeRange(-1);
});
$("#btnNextTime").click(function() {
shiftTimeRange(1);
});
$("#btn_excel_export_summary").click(function() {
exportToExcel(true);
});
@@ -568,8 +632,8 @@
}
});
// 종료일/시간 변경 시 1시간 초과 검증
$("input[name=searchEndDate], input[name=searchEndTime]").on('change blur', function() {
// 종료시각 변경 시 1시간 초과 검증
$("input[name=searchEndTime]").on('change blur', function() {
validateAndAdjustDateRange();
});
@@ -602,14 +666,15 @@
<tr>
<th style="width:100px;">조회기간</th>
<td style="width:400px">
<input type="text" name="searchStartDate" value="${param.searchStartDate}" style="width:100px;">
<input type="text" name="searchStartTime" value="${param.searchStartTime}" style="width:60px;">
<input type="text" name="searchStartDate" value="${param.searchStartDate}" style="width:80px;">
<input type="text" name="searchStartTime" value="${param.searchStartTime}" style="width:40px;">
~
<input type="text" name="searchEndDate" value="${param.searchEndDate}" style="width:100px;">
<input type="text" name="searchEndTime" value="${param.searchEndTime}" style="width:60px;">
<input type="text" name="searchEndTime" value="${param.searchEndTime}" style="width:40px;">
<button type="button" id="btnPrevTime" class="cssbtn small">&lt;</button>
<button type="button" id="btnNextTime" class="cssbtn small">&gt;</button>
<span style="color:#888; font-size:12px; margin-left:10px;">(최대 1시간, 초과시 자동 조정)</span>
</td>
<th style="width:100px;">API</th>
<th style="width:100px;">API ID</th>
<td style="width:400px">
<input type="text" name="searchApiName" value="${param.searchApiName}">
</td>
@@ -421,12 +421,13 @@
mtype: 'POST',
postData: gridPostData,
colNames: [
'API명',
'API ID', 'API 명',
'총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
],
colModel: [
{ name: 'apiName', align: 'left', width: '250', sortable: false },
{ name: 'apiName', align: 'left', width: '150', sortable: false },
{ name: 'apiDesc', align: 'left', width: '250', sortable: false },
{ name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'timeoutCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
@@ -463,7 +464,7 @@
mtype: 'POST',
postData: gridPostData,
colNames: [
'통계시간', 'API', '인스턴스', '업무구분', '클라이언트ID',
'통계시간', 'API ID', '인스턴스', '업무구분', '클라이언트ID',
'Inbound Adapter', 'Outbound Adapter',
'총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
@@ -510,11 +511,21 @@
$("input[name=searchStartDateTime]").inputmask("9999-99", { 'autoUnmask': true });
$("input[name=searchEndDateTime]").inputmask("9999-99", { 'autoUnmask': true });
// 기본값 설정 (최근 12월)
// 기본값 설정: 올해 1월 ~ 지난달 (현재가 1월이면 작년 1월 ~ 작년 12월)
var today = new Date();
var endMonth = today.getFullYear() + '-' + (today.getMonth() + 1 < 10 ? '0' : '') + (today.getMonth() + 1);
var startDate = new Date(today.getFullYear(), today.getMonth() - 11, 1);
var startMonth = startDate.getFullYear() + '-' + (startDate.getMonth() + 1 < 10 ? '0' : '') + (startDate.getMonth() + 1);
var startDate, endDate;
if (today.getMonth() === 0) { // 1월
startDate = new Date(today.getFullYear() - 1, 0, 1);
endDate = new Date(today.getFullYear() - 1, 11, 1);
} else {
startDate = new Date(today.getFullYear(), 0, 1);
endDate = new Date(today.getFullYear(), today.getMonth() - 1, 1);
}
function toMonthStr(d) {
return d.getFullYear() + '-' + (d.getMonth() + 1 < 10 ? '0' : '') + (d.getMonth() + 1);
}
var startMonth = toMonthStr(startDate);
var endMonth = toMonthStr(endDate);
if (!$("input[name=searchStartDateTime]").val()) {
$("input[name=searchStartDateTime]").val(startMonth);
@@ -593,7 +604,7 @@
</td>
</tr>
<tr>
<th>API</th>
<th>API ID</th>
<td>
<input type="text" name="searchApiName" value="${param.searchApiName}">
</td>
@@ -632,10 +643,10 @@
</div>
<!-- 요약 그리드 -->
<!-- 요약 그리드 -->
<div style="margin-top: 20px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<div class="title" style="margin: 0;">API별 요약 통계</div>
<div class="title" style="margin: 0;">API별 요약 통계</div>
<button type="button" class="cssbtn" id="btn_excel_export_summary" level="R">
<i class="material-icons">file_download</i> Excel 다운로드 (요약)
</button>
@@ -397,12 +397,13 @@
mtype: 'POST',
postData: gridPostData,
colNames: [
'API명',
'총건수', '성공', 'Timeout', '시스템오류',
'API ID', 'API 명',
'총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
],
colModel: [
{ name: 'apiName', align: 'left', width: '250', sortable: false },
{ name: 'apiName', align: 'left', width: '150', sortable: false },
{ name: 'apiDesc', align: 'left', width: '250', sortable: false },
{ name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'timeoutCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
@@ -439,7 +440,7 @@
mtype: 'POST',
postData: gridPostData,
colNames: [
'통계시간', 'API', '인스턴스', '업무구분', '클라이언트ID',
'통계시간', 'API ID', '인스턴스', '업무구분', '클라이언트ID',
'Inbound Adapter', 'Outbound Adapter',
'총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
@@ -563,7 +564,7 @@
</td>
</tr>
<tr>
<th>API</th>
<th>API ID</th>
<td>
<input type="text" name="searchApiName" value="${param.searchApiName}">
</td>
@@ -604,7 +605,7 @@
<!-- 요약 그리드 -->
<div style="margin-top: 20px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<div class="title" style="margin: 0;">API별 요약 통계</div>
<div class="title" style="margin: 0;">API별 요약 통계</div>
<button type="button" class="cssbtn" id="btn_excel_export_summary" level="R">
<i class="material-icons">file_download</i> Excel 다운로드 (요약)
</button>
@@ -19,6 +19,14 @@
#gbox_grid .ui-jqgrid-ftable tr.footrow td {
height: 26px;
}
.cssbtn.small {
height: 24px;
border-radius: 2px;
min-width: 24px;
box-shadow: none;
border-color: #ebebec;
font-size: 11px;
}
</style>
<script language="javascript">
var url = '<c:url value="/onl/kjb/statistics/apiUseStatsMan.json"/>';
@@ -65,13 +73,53 @@
}
// 조회구분(searchType)에 따라 '구분' / '구분명' 컬럼의 헤더명·폭·표시여부를 조정
function applyGridColumnsByType(type) {
var $g = $("#grid");
if (type === 'API') {
$g.jqGrid('setLabel', 'orgName', 'API ID');
$g.jqGrid('setLabel', 'apiDesc', 'API명');
$g.jqGrid('setColProp', 'orgName', { widthOrg: 150, width: 150 });
$g.jqGrid('setColProp', 'apiDesc', { widthOrg: 250, width: 250 });
$g.jqGrid('showCol', 'apiDesc');
} else {
$g.jqGrid('setLabel', 'orgName', (type === 'DATE') ? '사용일' : '제휴사');
$g.jqGrid('setColProp', 'orgName', { widthOrg: 250, width: 250 });
$g.jqGrid('hideCol', 'apiDesc');
}
$g.jqGrid('setGridWidth', $('#content_middle').width(), true);
}
function search() {
var postData = getPostData("cmd", "LIST");
if (postData) {
applyGridColumnsByType($('input[name="searchType"]:checked').val());
$("#grid").setGridParam({ url: url, postData: postData }).trigger("reloadGrid");
}
}
// 조회기간을 시작일 기준 이전/다음 달의 1일~말일로 변경 후 조회 (direction: -1 이전달, 1 다음달)
function shiftMonthRange(direction) {
var v = $("input[name=searchStartDate]").val().replace(/-/g, "");
if (!v || v.length < 6) return;
var year = parseInt(v.substring(0, 4));
var month = parseInt(v.substring(4, 6)) - 1; // 0-based
var first = new Date(year, month + direction, 1);
var last = new Date(year, month + direction + 1, 0); // 해당 달의 말일
function pad(n) { return String(n).padStart(2, '0'); }
function fmt(d) {
return d.getFullYear() + '' + pad(d.getMonth() + 1) + pad(d.getDate());
}
$("input[name=searchStartDate]").val(fmt(first));
$("input[name=searchEndDate]").val(fmt(last));
search();
}
function exportToExcel() {
var postData = getPostData("cmd", "EXCEL_EXPORT");
@@ -186,12 +234,13 @@
mtype: 'POST',
postData: gridPostData,
colNames: [
'구분',
'총건수', '성공', '성공율(%)', '실패율(%)', 'Timeout', '시스템오류',
'제휴사', 'API명',
'총건수', '성공', '성공율(%)', '실패율(%)', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
],
colModel: [
{ name: 'orgName', align: 'left', width: '250', sortable: false },
{ name: 'apiDesc', align: 'left', width: '250', sortable: false, hidden: true },
{ name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'successRate', align: 'right', width: '80', formatter: decimalFormatter, sortable: false },
@@ -225,10 +274,23 @@
$("input[name=searchStartDate], input[name=searchEndDate]").inputmask("9999-99-99", { 'autoUnmask': true });
$("input[name=searchStartDate], input[name=searchEndDate]").datepicker();
// 기본값 설정: 이번달 1일 ~ 어제 (오늘이 1일이면 지난달 1일 ~ 지난달 말일)
var today = getToday();
var startDate = today.substring(0,6)+"01";
var endDate = today;
var now = new Date();
function toYmd(d) {
var m = d.getMonth() + 1;
var day = d.getDate();
return d.getFullYear() + '' + (m < 10 ? '0' : '') + m + (day < 10 ? '0' : '') + day;
}
var startDate, endDate;
if (now.getDate() === 1) {
startDate = toYmd(new Date(now.getFullYear(), now.getMonth() - 1, 1));
endDate = toYmd(new Date(now.getFullYear(), now.getMonth(), 0));
} else {
startDate = today.substring(0,6) + "01";
endDate = toYmd(new Date(now.getFullYear(), now.getMonth(), now.getDate() - 1));
}
if (!$("input[name=searchStartDate]").val()) {
$("input[name=searchStartDate]").val(startDate);
@@ -246,6 +308,14 @@
search();
});
$("#btnPrevMonth").click(function() {
shiftMonthRange(-1);
});
$("#btnNextMonth").click(function() {
shiftMonthRange(1);
});
$("input[name=searchType]").click(function() {
search();
});
@@ -288,6 +358,8 @@
<input type="text" name="searchStartDate" id="searchStartDate" value="${param.searchStartDate}" style="width:100px;">
~
<input type="text" name="searchEndDate" id="searchEndDate" value="${param.searchEndDate}" style="width:100px;">
<button type="button" id="btnPrevMonth" class="cssbtn small">&lt;</button>
<button type="button" id="btnNextMonth" class="cssbtn small">&gt;</button>
<span style="color:#888; font-size:12px; margin-left:10px;">(최대 31일)</span>
</td>
</tr>
@@ -302,11 +374,11 @@
<td>
<input type="text" name="searchOrgName" id="searchOrgName" value="${param.searchOrgName}">
</td>
<th style="width:120px;">API</th>
<th style="width:120px;">API ID</th>
<td>
<input type="text" name="searchApiName" id="searchApiName" value="${param.searchApiName}">
</td>
</tr>
</tr>
</tbody>
</table>
@@ -55,10 +55,10 @@ $(document).ready(function() {
'200',
'300',
'400',
'900',
/* '900', */
'300',
'400',
'900',
/* '900', */
'IF',
'<%= localeMessage.getString("tranStat.recv") %>',
'<%= localeMessage.getString("common.total") %>',
@@ -75,11 +75,11 @@ $(document).ready(function() {
{ name : 'E200' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'},
{ name : 'E300' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'},
{ name : 'E400' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'},
{ name : 'E900' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'},
/* { name : 'E900' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'}, */
{ name : 'E9300' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'},
{ name : 'E9400' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'},
{ name : 'E9900' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'},
/* { name : 'E9900' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'}, */
{ name : 'AVGEAI' , align : 'center' , width:'46' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'avg'},
{ name : 'AVGPSV' , align : 'center' , width:'46' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'avg'},
@@ -152,8 +152,8 @@ $(document).ready(function() {
useColSpanStyle: true,
groupHeaders:[
{startColumnName: 'P100', numberOfColumns: 4, titleText: '<%= localeMessage.getString("tranStat.tranNo") %>'},
{startColumnName: 'E100', numberOfColumns: 5, titleText: '<%= localeMessage.getString("tranStat.errNo") %>'},
{startColumnName: 'E9300', numberOfColumns: 3, titleText: '<%= localeMessage.getString("tranStat.timeout") %>'},
{startColumnName: 'E100', numberOfColumns: 4, titleText: '<%= localeMessage.getString("tranStat.errNo") %>'},
{startColumnName: 'E9300', numberOfColumns: 2, titleText: '<%= localeMessage.getString("tranStat.timeout") %>'},
{startColumnName: 'AVGEAI', numberOfColumns: 3, titleText: '<%= localeMessage.getString("tranStat.avgTime") %>'}
]
});
@@ -210,9 +210,9 @@ $(document).ready(function() {
var merge = new Array();
merge.push(makeMerge("업무구분","0","1","0","0"));
merge.push(makeMerge("구간별 처리건수","0","0","1","4"));
merge.push(makeMerge("구간별 에러건수","0","0","5","9"));
merge.push(makeMerge("타임아웃","0","0","10","12"));
merge.push(makeMerge("평균처리시간(초)","0","0","13","15"));
merge.push(makeMerge("구간별 에러건수","0","0","5","8"));
merge.push(makeMerge("타임아웃","0","0","9","11"));
merge.push(makeMerge("평균처리시간(초)","0","0","12","14"));
gridToExcelSubmit(url,"LIST_GRID_TO_EXCEL",$("#grid"),$("#ajaxForm"),"업무별 거래현황",merge);
return false;
@@ -224,9 +224,9 @@ $(document).ready(function() {
var merge = new Array();
merge.push(makeMerge("업무구분","0","1","0","0"));
merge.push(makeMerge("구간별 처리건수","0","0","1","4"));
merge.push(makeMerge("구간별 에러건수","0","0","5","9"));
merge.push(makeMerge("타임아웃","0","0","10","12"));
merge.push(makeMerge("평균처리시간(초)","0","0","13","15"));
merge.push(makeMerge("구간별 에러건수","0","0","5","8"));
merge.push(makeMerge("타임아웃","0","0","9","11"));
merge.push(makeMerge("평균처리시간(초)","0","0","12","14"));
gridToExcelSubmit(url_excel,"LIST_GRID_TO_EXCEL",$("#grid"),$("#ajaxForm"),'업무별 거래현황',merge);
return false;
});
@@ -281,6 +281,9 @@ $(document).ready(function() {
<%-- <img id="btn_excel" src="<c:url value="/img/btn_excel.png"/>" level="W" status="DETAIL"/> --%>
</div>
<div class="title"><%= localeMessage.getString("tranStat.title") %><span class="tooltip"><%= localeMessage.getString("tranStat.tooltip") %></span></div>
<div style="padding-bottom: 10px; color: #555">
※ 100 : 송신>APIM &nbsp; 200 : APIM>수신 &nbsp; 300 : 수신>APIM &nbsp; 400 : APIM>송신
</div>
<ajax>
<table id="grid" ></table>
</ajax>
@@ -59,10 +59,10 @@ function w2GridToExcelSubmit(url,cmd,gridObj,formObject,fileName,merge){
records[i]['E200'] = data[i]['E200'].toString();
records[i]['E300'] = data[i]['E300'].toString();
records[i]['E400'] = data[i]['E400'].toString();
records[i]['E900'] = data[i]['E900'].toString();
/* records[i]['E900'] = data[i]['E900'].toString(); */
records[i]['E9300'] = data[i]['E9300'].toString();
records[i]['E9400'] = data[i]['E9400'].toString();
records[i]['E9900'] = data[i]['E9900'].toString();
/* records[i]['E9900'] = data[i]['E9900'].toString(); */
records[i]['BIZNAME'] = data[i]['BIZNAME'];
records[i]['SVCCODE'] = data[i]['SVCCODE'];
@@ -245,8 +245,8 @@ $( document ).ready(function() {
{span : 4, caption:'<%= localeMessage.getString("tranStat.interface") %>'},
{span : 4, caption:'<%= localeMessage.getString("tranStat.tranNo") %>'},
{span : 3, caption:'<%= localeMessage.getString("tranStat.avgTime") %>'},
{span : 5, caption:'<%= localeMessage.getString("tranStat.errNo") %>'},
{span : 3, caption:'<%= localeMessage.getString("tranStat.timeout") %>'}
{span : 4, caption:'<%= localeMessage.getString("tranStat.errNo") %>'},
{span : 2, caption:'<%= localeMessage.getString("tranStat.timeout") %>'}
],
columns: [
@@ -269,11 +269,11 @@ $( document ).ready(function() {
{ field : 'E200' ,type:'text' ,caption : '200' , size: '65px' ,style:'text-align:right', render:thousandsSeparator },
{ field : 'E300' ,type:'text' ,caption : '300' , size: '65px' ,style:'text-align:right', render:thousandsSeparator },
{ field : 'E400' ,type:'text' ,caption : '400' , size: '65px' ,style:'text-align:right', render:thousandsSeparator },
{ field : 'E900' ,type:'text' ,caption : '900' , size: '65px' ,style:'text-align:right', render:thousandsSeparator },
/* { field : 'E900' ,type:'text' ,caption : '900' , size: '65px' ,style:'text-align:right', render:thousandsSeparator }, */
{ field : 'E9300' ,type:'text' ,caption : '300' , size: '50px' ,style:'text-align:right', render:thousandsSeparator },
{ field : 'E9400' ,type:'text' ,caption : '400' , size: '50px' ,style:'text-align:right', render:thousandsSeparator },
{ field : 'E9900' ,type:'text' ,caption : '900' , size: '50px' ,style:'text-align:right', render:thousandsSeparator }
/* { field : 'E9900' ,type:'text' ,caption : '900' , size: '50px' ,style:'text-align:right', render:thousandsSeparator } */
]
,summary:[
@@ -346,8 +346,8 @@ $( document ).ready(function() {
merge.push(makeMerge("API","0","0","0","3"));
merge.push(makeMerge("전문구간별 처리건수","0","0","4","7"));
merge.push(makeMerge("평균처리시간(초)","0","0","8","10"));
merge.push(makeMerge("전문구간별 에러건수","0","0","11","15"));
merge.push(makeMerge("타임아웃","0","0","16","18"));
merge.push(makeMerge("전문구간별 에러건수","0","0","11","14"));
merge.push(makeMerge("타임아웃","0","0","15","16"));
w2GridToExcelSubmit(url_excel,"LIST_GRID_TO_EXCEL",w2ui['myGrid'],$("#ajaxForm"),"전문별 거래현황",merge);
return false;
@@ -376,8 +376,8 @@ $( document ).ready(function() {
merge.push(makeMerge("API","0","0","0","3"));
merge.push(makeMerge("구간별 처리건수","0","0","4","7"));
merge.push(makeMerge("평균처리시간(초)","0","0","8","10"));
merge.push(makeMerge("구간별 에러건수","0","0","11","15"));
merge.push(makeMerge("타임아웃","0","0","16","18"));
merge.push(makeMerge("구간별 에러건수","0","0","11","14"));
merge.push(makeMerge("타임아웃","0","0","15","16"));
w2GridToExcelSubmit(url_excel,"LIST_GRID_TO_EXCEL",w2ui['myGrid'],$("#ajaxForm"),"전문별 거래현황",merge);
return false;
@@ -437,6 +437,9 @@ $( document ).ready(function() {
<%-- <img src="<c:url value="/img/btn_search.png"/>" alt="" id="btn_search" level="R" /> --%>
</div>
<div class="title"><%= localeMessage.getString("tranStatDetail.title") %><span class="tooltip"><%= localeMessage.getString("tranStat.tooltip") %></span></div>
<div style="padding-bottom: 10px; color: #555">
※ 100 : 송신>APIM &nbsp; 200 : APIM>수신 &nbsp; 300 : 수신>APIM &nbsp; 400 : APIM>송신
</div>
<table class="search_condition" cellspacing=0;>
<tbody>
<tr>
@@ -407,7 +407,7 @@
$("#grid").tuiTableRowSpan("7");
//1000건이상 alert
if (d.records == 1000) {
if (d.records >= 1000) {
setTimeout(() => {
alert("<%=localeMessage.getString("tracking.alert5")%>"); // 조회 결과 1,000건 초과
}, 0); // Alert는 비동기적으로 처리
@@ -23,6 +23,9 @@
white-space: normal;
}
.table_row td { padding: 0 5px; }
.table_row input { box-sizing: border-box; }
</style>
<script language="javascript" >
// var eaiBzwkDstcd = window.dialogArguments["eaiBzwkDstcd"];
@@ -253,7 +256,7 @@
var name = $(this).attr("name");
if ("${rmsMenuAuth}" =="W"){ //2020.07.08 admin 만 버튼보이게 수정
$("#"+name).show();
$("input[name="+name+"]").css("width","185px");
$("input[name="+name+"]").css("width","calc(100% - 60px)");
}
});
@@ -261,7 +264,7 @@
var name = $(this).attr("name");
if($("input[name="+name+"]").val().trim() != ""){
$("#"+name).show();
$("input[name="+name+"]").css("width","185px");
$("input[name="+name+"]").css("width","calc(100% - 60px)");
}
});
@@ -977,15 +980,23 @@ html,hbody {
<input type=hidden name=realHeader>
<div class="table_row_title"><%=localeMessage.getString("trackingDetail.common")%></div>
<table class="table_row" cellspacing="0">
<colgroup>
<col style="width:180px"/>
<col style="width:300px" />
<col style="width:180px"/>
<col style="width:300px" />
</colgroup>
<tr>
<th><%=localeMessage.getString("trackingDetail.eaiSvcSerno")%></th>
<td colspan="3"><input type="text" name="eaiSvcSerno" readonly="readonly"/> </td>
<td><input type="text" name="eaiSvcSerno" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.rspnsErrcdName")%></th>
<td><input type="text" name="rspnsErrcdName" readonly="readonly"/> </td>
</tr>
<tr>
<th style="width:20%;"><%=localeMessage.getString("trackingDetail.eaiBzwkDstcd")%></th>
<td style="width:30%;"><input type="text" name="eaiBzwkDstcd" readonly="readonly"/> </td>
<th style="width:20%;"><%=localeMessage.getString("trackingDetail.msgDpstYMS")%></th>
<td style="width:30%;"><input type="text" name="msgDpstYMS" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.eaiBzwkDstcd")%></th>
<td><input type="text" name="eaiBzwkDstcd" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.msgDpstYMS")%></th>
<td><input type="text" name="msgDpstYMS" readonly="readonly"/> </td>
</tr>
<tr>
<th><%= localeMessage.getString("eaiMessage.eaiSvcName")%></th><td><input type="text" name="eaiSvcName" readonly="readonly" />
@@ -1019,11 +1030,17 @@ html,hbody {
</table>
<div class="table_row_title">API 정보</div>
<table class="table_row" cellspacing="0">
<colgroup>
<col style="width:180px"/>
<col style="width:300px" />
<col style="width:180px"/>
<col style="width:300px" />
</colgroup>
<tr>
<th style="width:20%;">APP(Client) ID</th>
<td style="width:30%;"><input type="text" name="clientId" readonly="readonly"/> </td>
<th style="width:20%;">APP 명</th>
<td style="width:30%;"><input type="text" name="clientName" readonly="readonly"/> </td>
<th>APP(Client) ID</th>
<td><input type="text" name="clientId" readonly="readonly"/> </td>
<th>APP 명</th>
<td><input type="text" name="clientName" readonly="readonly"/> </td>
</tr>
<tr>
<th>법인 ID</th><td ><input type="text" name="orgId" readonly="readonly"/> </td>
@@ -1145,20 +1162,27 @@ html,hbody {
</div><!-- end.container-1 -->
<div class="table_row_title"><%=localeMessage.getString("trackingDetail.inbound")%></div>
<table class="table_row" cellspacing="0" >
<colgroup>
<col style="width:180px"/>
<col style="width:300px" />
<col style="width:180px"/>
<col style="width:300px" />
</colgroup>
<tr>
<th style="width:20%;"><%=localeMessage.getString("trackingDetail.svcMotivUseDstcd")%></th>
<td style="width:30%;"><input type="text" name="svcMotivUseDstcd" readonly="readonly"/> </td>
<%-- <th style="width:20%;"><%=localeMessage.getString("trackingDetail.svcMotivUseDstcd")%></th>
<td style="width:30%;"><input type="text" name="svcMotivUseDstcd" readonly="readonly"/> </td> --%>
<th style="width:20%;"><%=localeMessage.getString("trackingDetail.gstatSysAdptrBzwkGroupName")%></th>
<td style="width:30%;"><input type="text" name="gstatSysAdptrBzwkGroupName" readonly="readonly"/>
<td style="width:30%;"><input type="text" name="gstatSysAdptrBzwkGroupName" readonly="readonly" style="width: calc(100% - 60px);"/>
<%-- <img src="<c:url value="/images/bt/pop_detail.gif"/>" alt="" id="gstatSysAdptrBzwkGroupName" class="adapter_btn" level="W"/> --%>
<button type="button" class="cssbtn smallBtn2" id="gstatSysAdptrBzwkGroupName" style="vertical-align:middle; font-weight:bold;" level="W"><i class="material-icons">details</i><%= localeMessage.getString("button.detail") %></button>
</td>
</tr>
<tr>
<th><%=localeMessage.getString("trackingDetail.flowCtrlRoutName")%></th><td><input type="text" name="flowCtrlRoutName" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.stndMsgUseYn")%></th><td><input type="text" name="stndMsgUseYn" readonly="readonly"/> </td>
</tr>
<tr>
<%-- <tr>
<th><%=localeMessage.getString("trackingDetail.flowCtrlRoutName")%></th><td><input type="text" name="flowCtrlRoutName" readonly="readonly"/> </td>
</tr> --%>
<%-- <tr>
<th><%=localeMessage.getString("trackingDetail.svcPrcssDsticName")%></th><td><input type="text" name="svcPrcssDsticName" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.svcBfClmnLogYn")%></th><td><input type="text" name="svcBfClmnLogYn" readonly="readonly"/> </td>
</tr>
@@ -1169,39 +1193,52 @@ html,hbody {
<tr>
<th><%=localeMessage.getString("trackingDetail.gstatSvcDsticName")%></th><td><input type="text" name="gstatSvcDsticName" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.prsntMsgIdName")%></th><td><input type="text" name="prsntMsgIdName" readonly="readonly"/> </td>
</tr>
</tr> --%>
</table>
<div class="table_row_title"><%=localeMessage.getString("trackingDetail.outbound")%></div>
<table class="table_row" cellspacing="0" >
<colgroup>
<col style="width:180px"/>
<col style="width:300px" />
<col style="width:180px"/>
<col style="width:300px" />
</colgroup>
<tr>
<th style="width:20%;"><%=localeMessage.getString("trackingDetail.psvIntfacDsticName")%></th>
<td style="width:30%;"><input type="text" name="psvIntfacDsticName" readonly="readonly"/> </td>
<%-- <th style="width:20%;"><%=localeMessage.getString("trackingDetail.psvIntfacDsticName")%></th>--%>
<%-- <td style="width:30%;"><input type="text" name="psvIntfacDsticName" readonly="readonly"/> </td> --%>
<th style="width:20%;"><%=localeMessage.getString("trackingDetail.psvSysAdptrBzwkGroupName")%></th>
<td style="width:30%;"><input type="text" name="psvSysAdptrBzwkGroupName" readonly="readonly"/>
<td style="width:30%;"><input type="text" name="psvSysAdptrBzwkGroupName" readonly="readonly" style="width: calc(100% - 60px);"/>
<%-- <img src="<c:url value="/images/bt/pop_detail.gif"/>" alt="" id="psvSysAdptrBzwkGroupName" class="adapter_btn" level="W"/> --%>
<button type="button" class="cssbtn smallBtn2" id="psvSysAdptrBzwkGroupName" style="vertical-align:middle; font-weight:bold;" level="W"><i class="material-icons">details</i><%= localeMessage.getString("button.detail") %></button>
</td>
<th><%=localeMessage.getString("trackingDetail.psvBzwkSysName")%></th><td><input type="text" name="psvBzwkSysName" readonly="readonly"/> </td>
</tr>
<tr>
<th><%=localeMessage.getString("trackingDetail.outbndRoutName")%></th><td><input type="text" name="outbndRoutName" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.toutVal")%></th><td><input type="text" name="toutVal" readonly="readonly"/> </td>
</tr>
<tr>
<th><%=localeMessage.getString("trackingDetail.psvSysSvcDsticName")%></th><td><input type="text" name="psvSysSvcDsticName" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.psvBzwkSysName")%></th><td><input type="text" name="psvBzwkSysName" readonly="readonly"/> </td>
</tr>
<tr>
<%-- <tr>
<th><%=localeMessage.getString("trackingDetail.psvSysSvcDsticName")%></th><td><input type="text" name="psvSysSvcDsticName" readonly="readonly"/> </td>
</tr>--%>
<%-- <tr>
<th><%=localeMessage.getString("trackingDetail.rspnsErrFldName")%></th><td><input type="text" name="rspnsErrFldName" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.psvSysIdName")%></th><td><input type="text" name="psvSysIdName" readonly="readonly"/> </td>
</tr>
</tr> --%>
</table>
<div class="table_row_title"><%=localeMessage.getString("trackingDetail.MAPPING")%></div>
<table class="table_row" cellspacing="0" >
<colgroup>
<col style="width:180px"/>
<col style="width:300px" />
<col style="width:180px"/>
<col style="width:300px" />
</colgroup>
<tr>
<th style="width:20%;"><%=localeMessage.getString("trackingDetail.chngYn")%></th>
<td style="width:30%;"><input type="text" name="chngYn" readonly="readonly"/> </td>
<th style="width:20%;"><%=localeMessage.getString("trackingDetail.chngMsgIdName")%></th>
<td style="width:30%;"><input type="text" name="chngMsgIdName" readonly="readonly"/>
<th><%=localeMessage.getString("trackingDetail.chngYn")%></th>
<td><input type="text" name="chngYn" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.chngMsgIdName")%></th>
<td><input type="text" name="chngMsgIdName" readonly="readonly" style="width: calc(100% - 60px);"/>
<!-- img src="<c:url value="/images/bt/pop_detail.gif"/>" alt="" id="chngMsgIdName" class="layout_btn" /-->
<button type="button" class="cssbtn smallBtn2" id="chngMsgIdName" style="vertical-align:middle; font-weight:bold;" level="W"><i class="material-icons">details</i><%= localeMessage.getString("button.detail") %></button>
</td>
@@ -1210,7 +1247,7 @@ html,hbody {
<th><%=localeMessage.getString("trackingDetail.bascRspnsChngYn")%></th><td><input type="text" name="bascRspnsChngYn" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.bascRspnsChngMsgIdName")%></th>
<td>
<input type="text" name="bascRspnsChngMsgIdName" readonly="readonly"/>
<input type="text" name="bascRspnsChngMsgIdName" readonly="readonly" style="width: calc(100% - 60px);"/>
<!-- img src="<c:url value="/images/bt/pop_detail.gif"/>" alt="" id="bascRspnsChngMsgIdName" class="layout_btn" /-->
<button type="button" class="cssbtn smallBtn2" id="bascRspnsChngMsgIdName" style="vertical-align:middle; font-weight:bold;" level="W"><i class="material-icons">details</i><%= localeMessage.getString("button.detail") %></button>
</td>
@@ -1220,10 +1257,10 @@ html,hbody {
<th><%=localeMessage.getString("trackingDetail.errRspnsChngYn")%></th><td><input type="text" name="errRspnsChngYn" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.errRspnsChngMsgIdName")%></th>
<td>
<input type="text" name="errRspnsChngMsgIdName" readonly="readonly"/>
<input type="text" name="errRspnsChngMsgIdName" readonly="readonly" style="width: calc(100% - 60px);"/>
<img src="<c:url value="/images/bt/pop_detail.gif"/>" alt="" id="errRspnsChngMsgIdName" class="layout_btn" /> </td>
</tr>
<tr>
<%-- <tr>
<th><%=localeMessage.getString("trackingDetail.inptMsgIDName")%></th>
<td>
<input type="text" name="inptMsgIDName" readonly="readonly" />
@@ -1233,9 +1270,9 @@ html,hbody {
<tr>
<th><%=localeMessage.getString("trackingDetail.bascRspnsMsgCmprCtnt")%></th><td><input type="text" name="bascRspnsMsgCmprCtnt" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.flovrYn")%></th><td><input type="text" name="flovrYn" readonly="readonly"/> </td>
</tr>
</tr> --%>
</table>
<div class="table_row_title"><%=localeMessage.getString("trackingDetail.etc")%></div>
<%-- <div class="table_row_title"><%=localeMessage.getString("trackingDetail.etc")%></div>
<table class="table_row" cellspacing="0" >
<tr>
<th style="width:20%;"><%=localeMessage.getString("trackingDetail.rspnsErrcdName")%></th>
@@ -1267,7 +1304,7 @@ html,hbody {
<th><%=localeMessage.getString("trackingDetail.trackAsisKey3Ctnt")%></th><td><input type="text" name="trackAsisKey3Ctnt" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.trackAsisKey4Ctnt")%></th><td><input type="text" name="trackAsisKey4Ctnt" readonly="readonly"/> </td>
</tr>
</table>
</table> --%>
</form>
</div><!-- end.popup_box -->
<div id="bizLogObjectDialog" style="white-space: pre-wrap; overflow-y:auto" title="Biz Log Object Detail">