djb-eapim/eapim-admin
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity
Files
38a90c78b01b7196ca29a26dcf680d26c770adfe
eapim-admin/WebContent/jsp/bap/statistics/bapMessageDailyMan.jsp
T
Rinjae c54ef1903f init
2025-09-05 17:16:26 +09:00

347 lines
21 KiB
Plaintext
Raw Blame History

<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ page import="java.io.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
request.setCharacterEncoding("UTF-8");
%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<jsp:include page="/jsp/common/include/jqplotCss.jsp"/>
<jsp:include page="/jsp/common/include/jqplotScript.jsp"/>
<script language="javascript" >
var url ='<c:url value="/bap/statistics/bapMessageDailyMan.json" />';
var url_view ='<c:url value="/bap/statistics/bapMessageDailyMan.view" />';
var url_excel ='<c:url value="/bap/statistics/bapMessageDailyMan.excel" />';
var plotChart1; // jqplot 저장 (chart1).
var plotChart2; // jqplot 저장 (chart2).
// Browser 버전에 따라서 jqgrid의 옵션중에 rownum 값을 셋팅합니다.
function getRowNum()
{
return ieV8Chk() ? 100 : 10000;
}
function detail(){
var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
$("#grid").setGridParam({ url:url,postData: postData ,page:1 }).trigger("reloadGrid");
}
$(document).ready(function() {
$("input[name=searchStart],input[name=searchEnd]").inputmask("9999-99",{'autoUnmask':true});
$("input[name=searchStart],input[name=searchEnd]").each(function(){
if ($(this).val() == undefined || $(this).val() == null || $(this).val() == ""){
$(this).val(getToday());
}
});
var gridPostData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
$('#grid').jqGrid({
datatype:"json",
mtype: 'POST',
url: url,
postData : gridPostData,
colNames:['기준월', '<%=localeMessage.getString("batInterfaceMan.ifId")%>','인터페이스명'
,'전송','오류','전송','오류','전송','오류','전송','오류','전송','오류','전송','오류','전송','오류','전송','오류','전송','오류','전송','오류'
,'전송','오류','전송','오류','전송','오류','전송','오류','전송','오류','전송','오류','전송','오류','전송','오류','전송','오류','전송','오류'
,'전송','오류','전송','오류','전송','오류','전송','오류','전송','오류','전송','오류','전송','오류','전송','오류','전송','오류','전송','오류'
,'전송','오류'
],
colModel:[
{ name : 'STATCYM' , align:'left' ,width:'60px' , sortable:false},
{ name : 'INTFID' , align:'left' ,width:'100px' , sortable:false},
{ name : 'INTFNAME' , align:'left' ,width:'200px' , sortable:false},
{ name : 'DDTRSMTNOITM1' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM1' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM2' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM2' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM3' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM3' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM4' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM4' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM5' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM5' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM6' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM6' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM7' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM7' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM8' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM8' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM9' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM9' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM10' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM10' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM11' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM11' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM12' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM12' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM13' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM13' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM14' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM14' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM15' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM15' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM16' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM16' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM17' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM17' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM18' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM18' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM19' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM19' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM20' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM20' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM21' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM21' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM22' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM22' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM23' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM23' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM24' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM24' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM25' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM25' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM26' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM26' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM27' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM27' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM28' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM28' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM29' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM29' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM30' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM30' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM31' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM31' , align:'right' ,width:'50px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} }
],
jsonReader: {
repeatitems:false
},
height: 260,
autowidth: true,
rowNum : 10000, // Grid에 표시될 레코드 수 설정.
viewrecords: true, // 총 레코드 수를 페이징바에 표시. (default: false)
gridview: true, // jqGrid의 성능 향상 - treeGrid, subGrid, afterInsertRow event의 경우 제외.
shrinkToFit: false, // 가로 스크롤바 사용
footerrow:true, // 하단에 summary row 출력여부.(default: false)
userDataOnFooter:true,
rownumbers:true, // Grid의 행번호 출력여부.(default: false)
gridComplete:function (d){
var colModel = $(this).getGridParam("colModel");
for(var i = 0 ; i< colModel.length; i++){
$(this).setColProp(colModel[i].name, {sortable : false}); //그리드 헤더 화살표 삭제(정렬X)
}
},
loadComplete:function (d){
if(plotChart1 == undefined || plotChart1 == null)
{
var rowsData = d.rows;
var sumData = d.totalSum;
var sumDataObj = new Object();
var i = 1;
$("#chart1").empty();
$("#chart2").empty();
plotChart1 = jqLineChart('chart1', rowsData, 31,'DDTRSMTNOITM', "전송건수");
plotChart2 = jqLineChart('chart2', rowsData, 31,'DDERRNOITM', "오류건수");
// Summary CSS 설정.
$(".ui-jqgrid-ftable tr:first").children("td").css("background-color", "#D4F4FA"); // td 배경색
$(".ui-jqgrid-ftable tr:first").css("height", "30px"); // tr 높이
$(".ui-jqgrid-ftable tr:first").css("font-size", "10pt"); // tr 글자 크기
$(".ui-jqgrid-ftable td:eq(1)").css("text-align", "center"); // td 글자 정렬
// 합계 셋팅.
while(sumData["DDTRSMTNOITM"+i+"_SUM"] != undefined)
{
if(i==1)
sumDataObj["INTFID"] = "합계";
sumDataObj["DDTRSMTNOITM"+i] = sumData["DDTRSMTNOITM" + i + "_SUM"];
sumDataObj["DDERRNOITM"+i] = sumData["DDERRNOITM" + i + "_SUM"];
i++;
}
$(this).jqGrid("footerData", "set",sumDataObj);
// End 합계 셋팅.
}
},
ondblClickRow: function(rowId) {
var rowData = $(this).getRowData(rowId);
var data =[];
if(plotChart1 != undefined)
{
// 차트 삭제
plotChart1.destroy();
plotChart2.destroy();
}
// 차트 생성.
data[0]=rowData;
plotChart1 = jqLineChart('chart1', data, 31,'DDTRSMTNOITM', "전송건수");
plotChart2 = jqLineChart('chart2', data, 31,'DDERRNOITM', "오류건수");
},
});
$("#grid").jqGrid('setGroupHeaders', {
useColSpanStyle: true,
groupHeaders:[
{startColumnName: 'DDTRSMTNOITM1', numberOfColumns: 2, titleText: '1'},
{startColumnName: 'DDTRSMTNOITM2', numberOfColumns: 2, titleText: '2'},
{startColumnName: 'DDTRSMTNOITM3', numberOfColumns: 2, titleText: '3'},
{startColumnName: 'DDTRSMTNOITM4', numberOfColumns: 2, titleText: '4'},
{startColumnName: 'DDTRSMTNOITM5', numberOfColumns: 2, titleText: '5'},
{startColumnName: 'DDTRSMTNOITM6', numberOfColumns: 2, titleText: '6'},
{startColumnName: 'DDTRSMTNOITM7', numberOfColumns: 2, titleText: '7'},
{startColumnName: 'DDTRSMTNOITM8', numberOfColumns: 2, titleText: '8'},
{startColumnName: 'DDTRSMTNOITM9', numberOfColumns: 2, titleText: '9'},
{startColumnName: 'DDTRSMTNOITM10', numberOfColumns: 2, titleText: '10'},
{startColumnName: 'DDTRSMTNOITM11', numberOfColumns: 2, titleText: '11'},
{startColumnName: 'DDTRSMTNOITM12', numberOfColumns: 2, titleText: '12'},
{startColumnName: 'DDTRSMTNOITM13', numberOfColumns: 2, titleText: '13'},
{startColumnName: 'DDTRSMTNOITM14', numberOfColumns: 2, titleText: '14'},
{startColumnName: 'DDTRSMTNOITM15', numberOfColumns: 2, titleText: '15'},
{startColumnName: 'DDTRSMTNOITM16', numberOfColumns: 2, titleText: '16'},
{startColumnName: 'DDTRSMTNOITM17', numberOfColumns: 2, titleText: '17'},
{startColumnName: 'DDTRSMTNOITM18', numberOfColumns: 2, titleText: '18'},
{startColumnName: 'DDTRSMTNOITM19', numberOfColumns: 2, titleText: '19'},
{startColumnName: 'DDTRSMTNOITM20', numberOfColumns: 2, titleText: '20'},
{startColumnName: 'DDTRSMTNOITM21', numberOfColumns: 2, titleText: '21'},
{startColumnName: 'DDTRSMTNOITM22', numberOfColumns: 2, titleText: '22'},
{startColumnName: 'DDTRSMTNOITM23', numberOfColumns: 2, titleText: '23'},
{startColumnName: 'DDTRSMTNOITM24', numberOfColumns: 2, titleText: '24'},
{startColumnName: 'DDTRSMTNOITM25', numberOfColumns: 2, titleText: '25'},
{startColumnName: 'DDTRSMTNOITM26', numberOfColumns: 2, titleText: '26'},
{startColumnName: 'DDTRSMTNOITM27', numberOfColumns: 2, titleText: '27'},
{startColumnName: 'DDTRSMTNOITM28', numberOfColumns: 2, titleText: '28'},
{startColumnName: 'DDTRSMTNOITM29', numberOfColumns: 2, titleText: '29'},
{startColumnName: 'DDTRSMTNOITM30', numberOfColumns: 2, titleText: '30'},
{startColumnName: 'DDTRSMTNOITM31', numberOfColumns: 2, titleText: '31'}
]
});
$("#btn_search").click(function(){
var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
if(!isFromToDate(postData.searchStart, postData.searchEnd, "yymm"))
{
alert("입력한 날짜를 확인하여주십시요.\n"
+ "시작일 : " + setDateFormat(postData.searchStart) + "\n"
+ "종료일 : " + setDateFormat(postData.searchEnd));
return;
}
if(plotChart1 != undefined)
{
plotChart1.destroy();
plotChart2.destroy();
}
plotChart1 = null;
plotChart2 = null;
detail();
});
$("input[name^=search]").keydown(function(key){
if (key.keyCode == 13){
$("#btn_search").click();
}
});
$("#btn_download").click(function(event) {
if ( confirm( "엑셀파일을 다운로드하시겠습니까?" ) != true ) return;
event.stopPropagation(); // Do not propagate the event.
// Create an object that will manage to download the file.
var merge = new Array();
merge.push(makeMerge("","0","1","0","0"));
merge.push(makeMerge("기준월","0","1","1","1"));
merge.push(makeMerge("<%=localeMessage.getString("batInterfaceMan.ifId")%>","0","1","2","2"));
merge.push(makeMerge("인터페이스명","0","1","3","3"));
for(var i = 1 ; i < 63; i++) {
merge.push(makeMerge(String((i/2+0.5)),"0","0",String(i+3),String(i+4)));
}
var data = $("#grid").getRowData();
for ( var i = 0; i < data.length; i++) {
merge.push(makeMerge(String(i+1),String(i+2),String(i+2),"0","0"));
}
console.log($("#grid").getRowData());
gridToExcelSubmit(url_excel,"LIST_GRID_TO_EXCEL",$("#grid"),$("#ajaxForm"),"인터페이스별 일별 거래현황",merge);
return false;
});
buttonControl();
});
</script>
</head>
<body>
<div class="right_box">
<div class="content_top">
<ul class="path">
<li><a href="#">${rmsMenuPath}</a></li>
</ul>
</div><!-- end content_top -->
<div class="content_middle">
<div class="search_wrap">
<img src="<c:url value="/img/btn_download.png" />" alt="" id="btn_download" level="W" />
<img src="<c:url value="/img/btn_search.png"/>" alt="" id="btn_search" level="R" />
</div>
<div class="title">인터페이스별 일별 거래현황</div>
<table class="search_condition" cellspacing=0;>
<tbody>
<tr>
<th style="width:120px;">인터페이스명</th>
<td>
<input type="text" name="searchIntfId" value="${param.searchIntfId}">
</td>
<th style="width:120px;">기간</th>
<td>
<input type="text" name="searchStart" value="${param.searchStart}" style="width:100px"> ~
<input type="text" name="searchEnd" value="${param.searchEnd}" style="width:100px">
</td>
</tr>
</tbody>
</table>
<table width="100%">
<tr width="100%">
<td width="50%"><div id="chart1">차트영역</div></td>
<td width="50%"><div id="chart2">차트영역</div></td>
</tr>
</table>
<table id="grid" ></table>
<div id="pager"></div>
</div><!-- end content_middle -->
</div><!-- end right_box -->
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink