대시보드 수정

main
이범준 1 year ago
parent 19c40e94b9
commit ebeb4d0b63

@ -2,7 +2,7 @@
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
<div class="wrapper-dashboard">
<div class="card dashboard-total">
<div id="card1" class="card dashboard-total">
<div class="card-body row">
<div class="col px-4 card-separator d-flex flex-column align-items-center">
<p class="mb-1" id="card1-1">?/?</p>
@ -26,7 +26,7 @@
</div>
</div>
<div class="card dashboard-total">
<div id="card2" class="card dashboard-total">
<div class="card-body row">
<div class="col px-4 card-separator d-flex flex-column align-items-center">
<p class="mb-1" id="card2-1">?/?</p>
@ -42,7 +42,7 @@
</div>
</div>
<div class="card dashboard-total">
<div id="card3" class="card dashboard-total">
<div class="card-body row">
<div class="col px-4 card-separator d-flex flex-column align-items-center">
<p class="mb-1" id="card3-1">?/?</p>
@ -62,7 +62,7 @@
</div>
</div>
<div class="card dashboard-total">
<div id="card4" class="card dashboard-total">
<div class="card-body row">
<div class="col px-4 card-separator d-flex flex-column align-items-center">
<p class="mb-1" id="card4-1">?/?</p>
@ -177,36 +177,36 @@ function fnLoadStatisticsData(){
data = {
statItems : [
{ itemName : "고정형CCTV", completeCnt : 2, totalCnt : 10, itemCursor : "card1-1"},
{ itemName : "도보단속", completeCnt : 2, totalCnt : 3, itemCursor : "card1-2"},
{ itemName : "이동형CCTV", completeCnt : 2, totalCnt : 3, itemCursor : "card1-3"},
{ itemName : "민원(즉시단속)", completeCnt : 10, totalCnt : 10, itemCursor : "card1-4"}
{ itemName : "고정형CCTV", completeCnt : 2, totalCnt : 10},
{ itemName : "도보단속", completeCnt : 2, totalCnt : 3},
{ itemName : "이동형CCTV", completeCnt : 2, totalCnt : 3},
{ itemName : "민원(즉시단속)", completeCnt : 10, totalCnt : 10}
]
};
fnRenderDashboardContents(data, "card1" , "progressAndTotal");
data = {
statItems : [
{ itemName : "등록대상", completeCnt : 45, totalCnt : 50, itemCursor : "card2-1"},
{ itemName : "이첩대상", completeCnt : 35, totalCnt : 40, itemCursor : "card2-2"}
{ itemName : "등록대상", completeCnt : 45, totalCnt : 50},
{ itemName : "이첩대상", completeCnt : 35, totalCnt : 40}
]
};
fnRenderDashboardContents(data, "card2" , "progressAndTotal");
data = {
statItems : [
{ itemName : "계도장", completeCnt : 4, totalCnt : 10, itemCursor : "card3-1"},
{ itemName : "사전통보", completeCnt : 5, totalCnt : 11, itemCursor : "card3-2"},
{ itemName : "고지서", completeCnt : 6, totalCnt : 12, itemCursor : "card3-3"}
{ itemName : "계도장", completeCnt : 4, totalCnt : 10},
{ itemName : "사전통보", completeCnt : 5, totalCnt : 11},
{ itemName : "고지서", completeCnt : 6, totalCnt : 12}
]
};
fnRenderDashboardContents(data, "card3" , "progressAndTotal");
data = {
statItems : [
{ itemName : "접수", completeCnt : 49, totalCnt : 100, itemCursor : "card4-1"},
{ itemName : "수용/미수용", completeCnt : 50, totalCnt : 98, itemCursor : "card4-2"},
{ itemName : "자진취하", completeCnt : 51, totalCnt : 97, itemCursor : "card4-3"}
{ itemName : "접수", completeCnt : 49, totalCnt : 100},
{ itemName : "수용/미수용", completeCnt : 50, totalCnt : 98},
{ itemName : "자진취하", completeCnt : 51, totalCnt : 97}
]
};
fnRenderDashboardContents(data, "card4" , "progressAndTotal");
@ -272,7 +272,10 @@ function fnRenderDashboardContents(returnData, cursor, statType){
function fnRenderProgressAndTotal(returnData, cursor){
for(var i=0; i < returnData.statItems.length; i++){
$("#"+returnData.statItems[i].itemCursor).html(returnData.statItems[i].completeCnt + "/" + returnData.statItems[i].totalCnt);
$("#"+cursor)
.find("p")
.eq(i)
.html(returnData.statItems[i].completeCnt + "/" + returnData.statItems[i].totalCnt);
}
if(cursor == "card1"){

Loading…
Cancel
Save