xit-app
/
fims-web-public
20
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

대시보드 수정

Browse Source
main
이범준 1 year ago
parent 19c40e94b9
commit ebeb4d0b63
1 changed files with 20 additions and 17 deletions
Show Stats Download Patch File Download Diff File

37
src/main/webapp/WEB-INF/jsp/include/dashboard.jsp
Unescape Escape View File

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

Write Preview
Loading…
Cancel
Save