|
|
@ -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"){
|
|
|
|