no message
parent
2764d8be74
commit
1c40c3fea9
@ -1,119 +0,0 @@
|
|||||||
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
|
|
||||||
|
|
||||||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
|
||||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
||||||
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
|
|
||||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
|
||||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
|
||||||
|
|
||||||
<!--2021.10.01 박소영 메인디자인 폰트 애니메이션 효과 추가-->
|
|
||||||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
|
|
||||||
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
|
|
||||||
<script>
|
|
||||||
$( document ).ready( function() {
|
|
||||||
AOS.init();
|
|
||||||
} );
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="main-banner">
|
|
||||||
<div class="main_inner">
|
|
||||||
<div class="mainVisual_text">
|
|
||||||
<h2 class="mainVisual_tit" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="200">
|
|
||||||
누구나 쉽게<br/>간편하게 사용할 수 있는
|
|
||||||
</h2>
|
|
||||||
<p class="mainVisual_subtit" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="200">과태료 통합 관리 시스템</p>
|
|
||||||
</div>
|
|
||||||
<img src="<c:url value='/'/>resources/image/fims/framework/etc/mainDeco_01.png" alt="mainVisual" class="mainVisual_img01" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="400"/>
|
|
||||||
<%-- <img src="<c:url value='/'/>resources/image/fims/framework/etc/mainDeco_02.png" alt="mainVisual" class="mainVisual_img02"/> --%>
|
|
||||||
<%-- <img src="<c:url value='/'/>resources/image/fims/framework/etc/mainDeco_03.png" alt="mainVisual" class="mainVisual_img03"/>--%>
|
|
||||||
<img src="<c:url value='/'/>resources/image/fims/framework/etc/mainDeco_04.png" alt="mainVisual" class="mainVisual_img04"/>
|
|
||||||
<img src="<c:url value='/'/>resources/image/fims/framework/etc/mainDeco_05.png" alt="mainVisual" class="mainVisual_img05"/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mobile_inner">
|
|
||||||
<div class="mobileVisual_text">
|
|
||||||
<p class="mobileVisual_subtit_01" >과태료 통합 관리 시스템</p>
|
|
||||||
<p class="mobileVisual_subtit_02" >City of ChunCheon</p>
|
|
||||||
</div>
|
|
||||||
<img src="<c:url value='/'/>resources/image/fims/framework/etc/mainDeco_01.png" alt="mainVisual" class="mobileVisual_img01"/>
|
|
||||||
<%-- <img src="<c:url value='/'/>resources/image/fims/framework/etc/mainDeco_02.png" alt="mainVisual" class="mainVisual_img02"/> --%>
|
|
||||||
<%-- <img src="<c:url value='/'/>resources/image/fims/framework/etc/mainDeco_03.png" alt="mainVisual" class="mobileVisual_img03"/> --%>
|
|
||||||
<img src="<c:url value='/'/>resources/image/fims/framework/etc/mainDeco_04.png" alt="mainVisual" class="mobileVisual_img04"/>
|
|
||||||
<img src="<c:url value='/'/>resources/image/fims/framework/etc/mainDeco_05.png" alt="mainVisual" class="mobileVisual_img05"/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><a href="#none">샘플 링크1</a></li>
|
|
||||||
<li><a href="#none">샘플 링크2</a></li>
|
|
||||||
<li><a href="#none">샘플 링크3</a></li>
|
|
||||||
<li><a href="#none">샘플 링크4</a></li>
|
|
||||||
<li><a href="#none">샘플 링크5</a></li>
|
|
||||||
<li><a href="#none">샘플 링크6</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="tab-list-ui" data-list-num='2'>
|
|
||||||
<dl class="detailList sel">
|
|
||||||
<dt>
|
|
||||||
<button>공지사항</button>
|
|
||||||
</dt>
|
|
||||||
<dd>
|
|
||||||
<ul class="list">
|
|
||||||
<c:choose>
|
|
||||||
<c:when test="${not empty resultList1 }">
|
|
||||||
<c:forEach var="row" items="${resultList1}" begin="0" end="4" varStatus="loop">
|
|
||||||
<c:choose>
|
|
||||||
<c:when test="${row.useYn == 'Y' }">
|
|
||||||
<li class="item">
|
|
||||||
<a href="<c:url value="/framework/biz/mng/bbs/mngBoardBasicMgtForm.do?bbsId=BBSMSTR_00001"/>">
|
|
||||||
<em>${row.nttSj }</em>
|
|
||||||
<span>${row.regDt } </span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</c:when>
|
|
||||||
</c:choose>
|
|
||||||
</c:forEach>
|
|
||||||
</c:when>
|
|
||||||
<c:otherwise>
|
|
||||||
<li>일시적인 오류입니다.</li>
|
|
||||||
<li>새로고침(F5)을 해주시기 바랍니다.</li>
|
|
||||||
</c:otherwise>
|
|
||||||
</c:choose>
|
|
||||||
</ul>
|
|
||||||
<a href="<c:url value="/framework/biz/mng/bbs/mngBoardBasicMgtForm.do?bbsId=BBSMSTR_00001"/>" class="btnMore">
|
|
||||||
<!-- 더보기 --><span>+</span></a>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl class="detailList">
|
|
||||||
<dt>
|
|
||||||
<button>업무게시판</button>
|
|
||||||
</dt>
|
|
||||||
<dd>
|
|
||||||
<ul class="list">
|
|
||||||
<c:choose>
|
|
||||||
<c:when test="${not empty resultList2 }">
|
|
||||||
<c:forEach var="row" items="${resultList2}" begin="0" end="4" varStatus="loop">
|
|
||||||
<c:choose>
|
|
||||||
<c:when test="${row.useYn == 'Y' }">
|
|
||||||
<li class="item">
|
|
||||||
<a href="<c:url value="/framework/biz/mng/bbs/mngBoardBasicMgtForm.do?bbsId=BBSMSTR_00003"/>">
|
|
||||||
<em>${row.nttSj }</em>
|
|
||||||
<span>${row.regDt } </span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</c:when>
|
|
||||||
</c:choose>
|
|
||||||
</c:forEach>
|
|
||||||
</c:when>
|
|
||||||
<c:otherwise>
|
|
||||||
<li>일시적인 오류입니다.</li>
|
|
||||||
<li>새로고침(F5)을 해주시기 바랍니다.</li>
|
|
||||||
</c:otherwise>
|
|
||||||
</c:choose>
|
|
||||||
</ul>
|
|
||||||
<a href="<c:url value="/framework/biz/mng/bbs/mngBoardBasicMgtForm.do?bbsId=BBSMSTR_00003"/>" class="btnMore"><!-- 더보기 -->
|
|
||||||
<span>+</span></a>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
</div>
|
|
||||||
@ -1,432 +0,0 @@
|
|||||||
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
|
|
||||||
|
|
||||||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
|
||||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
||||||
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
|
|
||||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
|
||||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
|
||||||
|
|
||||||
<script src="<c:url value='/'/>resources/3rd-party/sneat/libs/chartjs/chartjs.js"></script>
|
|
||||||
|
|
||||||
<div class="card dashboard-item-2-1">
|
|
||||||
<div class="card-body row">
|
|
||||||
<div class="col px-1 card-separator">
|
|
||||||
<p class="mb-1">2/10</p>
|
|
||||||
<i class="svg-cctv-fixed"></i>
|
|
||||||
<p class="mb-1">고정형CCTV</p>
|
|
||||||
</div>
|
|
||||||
<div class="col px-1 card-separator">
|
|
||||||
<p class="mb-1">2/3</p>
|
|
||||||
<i class="svg-crackdown-road"></i>
|
|
||||||
<p class="mb-1">도보단속</p>
|
|
||||||
</div>
|
|
||||||
<div class="col px-1 card-separator">
|
|
||||||
<p class="mb-1">2/3</p>
|
|
||||||
<i class="svg-cctv-drive"></i>
|
|
||||||
<p class="mb-1">이동형CCTV</p>
|
|
||||||
</div>
|
|
||||||
<div class="col px-1">
|
|
||||||
<p class="mb-1">10/10</p>
|
|
||||||
<i class="svg-crackdown-minwon"></i>
|
|
||||||
<p class="mb-1">민원<br/>(즉시단속)</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-footer ms-auto">
|
|
||||||
단속관리 바로가기 >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card dashboard-item-2-1">
|
|
||||||
<div class="card-body row">
|
|
||||||
<div class="col px-1 card-separator">
|
|
||||||
<p class="mb-1">2/10</p>
|
|
||||||
<i class="svg-target-lvy"></i>
|
|
||||||
<p class="mb-1">등록대상</p>
|
|
||||||
</div>
|
|
||||||
<div class="col px-1">
|
|
||||||
<p class="mb-1">2/3</p>
|
|
||||||
<i class="svg-target-transfer"></i>
|
|
||||||
<p class="mb-1">이첩대상</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-footer ms-auto">
|
|
||||||
부과관리 바로가기 >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card dashboard-item-2-1">
|
|
||||||
<div class="card-body row">
|
|
||||||
<div class="col px-1 card-separator">
|
|
||||||
<p class="mb-1">2/10</p>
|
|
||||||
<i class="svg-sendstat-guide"></i>
|
|
||||||
<p class="mb-1">계도장<br/>발송현황</p>
|
|
||||||
</div>
|
|
||||||
<div class="col px-1 card-separator">
|
|
||||||
<p class="mb-1">2/3</p>
|
|
||||||
<i class="svg-sendstat-before"></i>
|
|
||||||
<p class="mb-1">사전통보<br/>발송현황</p>
|
|
||||||
</div>
|
|
||||||
<div class="col px-1">
|
|
||||||
<p class="mb-1">2/3</p>
|
|
||||||
<i class="svg-sendstat-nop"></i>
|
|
||||||
<p class="mb-1">고지서<br/>발송현황</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-footer ms-auto">
|
|
||||||
발송관리 바로가기 >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card dashboard-item-2-1">
|
|
||||||
<div class="card-body row">
|
|
||||||
<div class="col px-1 card-separator">
|
|
||||||
<p class="mb-1">2/10</p>
|
|
||||||
<i class="svg-opn-rcp"></i>
|
|
||||||
<p class="mb-1">접수</p>
|
|
||||||
</div>
|
|
||||||
<div class="col px-1 card-separator">
|
|
||||||
<p class="mb-1">2/3</p>
|
|
||||||
<i class="svg-opn-decision"></i>
|
|
||||||
<p class="mb-1">수용/미수용</p>
|
|
||||||
</div>
|
|
||||||
<div class="col px-1">
|
|
||||||
<p class="mb-1">2/3</p>
|
|
||||||
<i class="svg-opn-selfdrop"></i>
|
|
||||||
<p class="mb-1">자진취하</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-footer ms-auto">
|
|
||||||
의견진술관리 바로가기 >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card dashboard-item-4-3">
|
|
||||||
<div class="card-header d-flex align-items-center justify-content-between">
|
|
||||||
<h5 class="card-title m-0 me-2">단속 자료 통계(유형별)</h5>
|
|
||||||
<div>건수(최근 n일)</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
<canvas id="lineChart" class="chartjs" data-height="500" style="max-height: 300px;"></canvas>
|
|
||||||
</div>
|
|
||||||
<div class="card-footer ms-auto">
|
|
||||||
통계현황 바로가기 >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card dashboard-item-4-3">
|
|
||||||
<div class="card-header d-flex align-items-center justify-content-between">
|
|
||||||
<h5 class="card-title m-0 me-2">단속통계</h5>
|
|
||||||
<div>처리유형별(일별)</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
<canvas id="doughnutChart1" class="chartjs" data-height="350" style="max-height: 300px;"></canvas>
|
|
||||||
</div>
|
|
||||||
<div class="card-footer ms-auto">
|
|
||||||
통계현황 바로가기 >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card dashboard-item-4-3">
|
|
||||||
<div class="card-header d-flex align-items-center justify-content-between">
|
|
||||||
<h5 class="card-title m-0 me-2">발송통계</h5>
|
|
||||||
<div>발송유형별(일별)</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
<canvas id="doughnutChart2" class="chartjs" data-height="350" style="max-height: 300px;"></canvas>
|
|
||||||
</div>
|
|
||||||
<div class="card-footer ms-auto">
|
|
||||||
통계현황 바로가기 >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card dashboard-item-4-3">
|
|
||||||
<div class="card-header d-flex align-items-center justify-content-between">
|
|
||||||
<h5 class="card-title m-0 me-2">의견진술통계</h5>
|
|
||||||
<div>처리유형별(일별)</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
<canvas id="doughnutChart3" class="chartjs" data-height="350" style="max-height: 300px;"></canvas>
|
|
||||||
</div>
|
|
||||||
<div class="card-footer ms-auto">
|
|
||||||
통계현황 바로가기 >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
// Color Variables
|
|
||||||
const yellowColor = '#ffe800';
|
|
||||||
let borderColor, gridColor, tickColor;
|
|
||||||
|
|
||||||
borderColor = '#f0f0f0';
|
|
||||||
gridColor = '#f0f0f0';
|
|
||||||
tickColor = 'rgba(0, 0, 0, 0.75)'; // x & y axis tick color
|
|
||||||
|
|
||||||
const lineChart = document.getElementById('lineChart');
|
|
||||||
if (lineChart) {
|
|
||||||
const lineChartVar = new Chart(lineChart, {
|
|
||||||
type: 'line',
|
|
||||||
data: {
|
|
||||||
labels: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110, 120, 130, 140],
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
data: [80, 150, 180, 270, 210, 160, 160, 202, 265, 210, 270, 255, 290, 360, 375],
|
|
||||||
label: '고정형',
|
|
||||||
borderColor: config.colors.danger,
|
|
||||||
tension: 0.5,
|
|
||||||
pointStyle: 'circle',
|
|
||||||
backgroundColor: config.colors.danger,
|
|
||||||
fill: false,
|
|
||||||
pointRadius: 1,
|
|
||||||
pointHoverRadius: 5,
|
|
||||||
pointHoverBorderWidth: 5,
|
|
||||||
pointBorderColor: 'transparent',
|
|
||||||
pointHoverBorderColor: config.colors.cardColor,
|
|
||||||
pointHoverBackgroundColor: config.colors.danger
|
|
||||||
},
|
|
||||||
{
|
|
||||||
data: [80, 125, 105, 130, 215, 195, 140, 160, 230, 300, 220, 170, 210, 200, 280],
|
|
||||||
label: '도보',
|
|
||||||
borderColor: config.colors.primary,
|
|
||||||
tension: 0.5,
|
|
||||||
pointStyle: 'circle',
|
|
||||||
backgroundColor: config.colors.primary,
|
|
||||||
fill: false,
|
|
||||||
pointRadius: 1,
|
|
||||||
pointHoverRadius: 5,
|
|
||||||
pointHoverBorderWidth: 5,
|
|
||||||
pointBorderColor: 'transparent',
|
|
||||||
pointHoverBorderColor: config.colors.cardColor,
|
|
||||||
pointHoverBackgroundColor: config.colors.primary
|
|
||||||
},
|
|
||||||
{
|
|
||||||
data: [80, 99, 82, 90, 115, 115, 74, 75, 130, 155, 125, 90, 140, 130, 180],
|
|
||||||
label: '민원',
|
|
||||||
borderColor: yellowColor,
|
|
||||||
tension: 0.5,
|
|
||||||
pointStyle: 'circle',
|
|
||||||
backgroundColor: yellowColor,
|
|
||||||
fill: false,
|
|
||||||
pointRadius: 1,
|
|
||||||
pointHoverRadius: 5,
|
|
||||||
pointHoverBorderWidth: 5,
|
|
||||||
pointBorderColor: 'transparent',
|
|
||||||
pointHoverBorderColor: config.colors.cardColor,
|
|
||||||
pointHoverBackgroundColor: yellowColor
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
responsive: true,
|
|
||||||
maintainAspectRatio: false,
|
|
||||||
scales: {
|
|
||||||
x: {
|
|
||||||
grid: {
|
|
||||||
color: borderColor,
|
|
||||||
drawBorder: false,
|
|
||||||
borderColor: borderColor
|
|
||||||
},
|
|
||||||
ticks: {
|
|
||||||
color: "black"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
y: {
|
|
||||||
scaleLabel: {
|
|
||||||
display: true
|
|
||||||
},
|
|
||||||
min: 0,
|
|
||||||
max: 400,
|
|
||||||
ticks: {
|
|
||||||
color: "black",
|
|
||||||
stepSize: 100
|
|
||||||
},
|
|
||||||
grid: {
|
|
||||||
color: borderColor,
|
|
||||||
drawBorder: false,
|
|
||||||
borderColor: borderColor
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
plugins: {
|
|
||||||
tooltip: {
|
|
||||||
rtl: true,
|
|
||||||
backgroundColor: config.colors.cardColor,
|
|
||||||
titleColor: config.colors.headingColor,
|
|
||||||
bodyColor: config.colors.bodyColor,
|
|
||||||
borderWidth: 1,
|
|
||||||
borderColor: borderColor
|
|
||||||
},
|
|
||||||
legend: {
|
|
||||||
position: 'left',
|
|
||||||
align: 'stretch',
|
|
||||||
rtl: true,
|
|
||||||
labels: {
|
|
||||||
usePointStyle: true,
|
|
||||||
padding: 6,
|
|
||||||
boxWidth: 12,
|
|
||||||
boxHeight: 30,
|
|
||||||
color: "black"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
|
|
||||||
// Color Variables
|
|
||||||
const cyanColor = '#28dac6',
|
|
||||||
orangeLightColor = '#FDAC34';
|
|
||||||
let cardColor, headingColor, labelColor, legendColor;
|
|
||||||
|
|
||||||
cardColor = config.colors.cardColor;
|
|
||||||
headingColor = config.colors.headingColor;
|
|
||||||
labelColor = config.colors.textMuted;
|
|
||||||
legendColor = config.colors.bodyColor;
|
|
||||||
|
|
||||||
const doughnutChart1 = document.getElementById('doughnutChart1');
|
|
||||||
if (doughnutChart1) {
|
|
||||||
const doughnutChartVar = new Chart(doughnutChart1, {
|
|
||||||
type: 'doughnut',
|
|
||||||
data: {
|
|
||||||
labels: ['단속', '계도', '서손'],
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
data: [10, 10, 80],
|
|
||||||
backgroundColor: [cyanColor, orangeLightColor, config.colors.primary],
|
|
||||||
borderWidth: 0,
|
|
||||||
pointStyle: 'rectRounded'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
responsive: true,
|
|
||||||
animation: {
|
|
||||||
duration: 500
|
|
||||||
},
|
|
||||||
cutout: '68%',
|
|
||||||
plugins: {
|
|
||||||
legend: {
|
|
||||||
display: true
|
|
||||||
},
|
|
||||||
tooltip: {
|
|
||||||
callbacks: {
|
|
||||||
label: function (context) {
|
|
||||||
const label = context.labels || '',
|
|
||||||
value = context.parsed;
|
|
||||||
const output = ' ' + label + ' : ' + value + ' %';
|
|
||||||
return output;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// Updated default tooltip UI
|
|
||||||
rtl: true,
|
|
||||||
backgroundColor: cardColor,
|
|
||||||
titleColor: headingColor,
|
|
||||||
bodyColor: legendColor,
|
|
||||||
borderWidth: 1,
|
|
||||||
borderColor: borderColor
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
const doughnutChart2 = document.getElementById('doughnutChart2');
|
|
||||||
if (doughnutChart2) {
|
|
||||||
const doughnutChartVar = new Chart(doughnutChart2, {
|
|
||||||
type: 'doughnut',
|
|
||||||
data: {
|
|
||||||
labels: ['계도장', '사전통보', '고지서'],
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
data: [10, 10, 80],
|
|
||||||
backgroundColor: [cyanColor, orangeLightColor, config.colors.primary],
|
|
||||||
borderWidth: 0,
|
|
||||||
pointStyle: 'rectRounded'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
responsive: true,
|
|
||||||
animation: {
|
|
||||||
duration: 500
|
|
||||||
},
|
|
||||||
cutout: '68%',
|
|
||||||
plugins: {
|
|
||||||
legend: {
|
|
||||||
display: true
|
|
||||||
},
|
|
||||||
tooltip: {
|
|
||||||
callbacks: {
|
|
||||||
label: function (context) {
|
|
||||||
const label = context.labels || '',
|
|
||||||
value = context.parsed;
|
|
||||||
const output = ' ' + label + ' : ' + value + ' %';
|
|
||||||
return output;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// Updated default tooltip UI
|
|
||||||
rtl: true,
|
|
||||||
backgroundColor: cardColor,
|
|
||||||
titleColor: headingColor,
|
|
||||||
bodyColor: legendColor,
|
|
||||||
borderWidth: 1,
|
|
||||||
borderColor: borderColor
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
const doughnutChart3 = document.getElementById('doughnutChart3');
|
|
||||||
if (doughnutChart3) {
|
|
||||||
const doughnutChartVar = new Chart(doughnutChart3, {
|
|
||||||
type: 'doughnut',
|
|
||||||
data: {
|
|
||||||
labels: ['수용', '미수용', '자진취하'],
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
data: [10, 10, 80],
|
|
||||||
backgroundColor: [cyanColor, orangeLightColor, config.colors.primary],
|
|
||||||
borderWidth: 0,
|
|
||||||
pointStyle: 'rectRounded'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
responsive: true,
|
|
||||||
animation: {
|
|
||||||
duration: 500
|
|
||||||
},
|
|
||||||
cutout: '68%',
|
|
||||||
plugins: {
|
|
||||||
legend: {
|
|
||||||
display: true
|
|
||||||
},
|
|
||||||
tooltip: {
|
|
||||||
callbacks: {
|
|
||||||
label: function (context) {
|
|
||||||
const label = context.labels || '',
|
|
||||||
value = context.parsed;
|
|
||||||
const output = ' ' + label + ' : ' + value + ' %';
|
|
||||||
return output;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// Updated default tooltip UI
|
|
||||||
rtl: true,
|
|
||||||
backgroundColor: cardColor,
|
|
||||||
titleColor: headingColor,
|
|
||||||
bodyColor: legendColor,
|
|
||||||
borderWidth: 1,
|
|
||||||
borderColor: borderColor
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@ -1,44 +0,0 @@
|
|||||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
|
||||||
|
|
||||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
||||||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
|
|
||||||
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="ko">
|
|
||||||
<head>
|
|
||||||
<title>과태료 통합 관리 시스템</title>
|
|
||||||
|
|
||||||
<%@include file="/WEB-INF/jsp/include/fims/head-framework.jsp" %>
|
|
||||||
<link rel="stylesheet" type="text/css" href="${ctx}/resources/css/fims/biz/common/bizMain.css" />
|
|
||||||
<link rel="stylesheet" href="${ctx}/resources/3rd-party/sneat/libs/perfect-scrollbar/perfect-scrollbar.css" />
|
|
||||||
|
|
||||||
<%@include file="/WEB-INF/jsp/include/fims/tail-framework.jsp" %>
|
|
||||||
|
|
||||||
<!-- 메뉴 -->
|
|
||||||
<script src="${ctx}/resources/3rd-party/sneat/js/menu.js"></script>
|
|
||||||
|
|
||||||
<!-- 스크롤바 -->
|
|
||||||
<script src="${ctx}/resources/3rd-party/sneat/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
|
|
||||||
<!-- 메뉴바 생성 -->
|
|
||||||
<script src="${pageContext.request.contextPath}/resources/js/fims/biz/layout/menu-support.js"></script>
|
|
||||||
<script src="${pageContext.request.contextPath}/resources/js/fims/biz/layout/menu-support-fims.js"></script>
|
|
||||||
|
|
||||||
|
|
||||||
<%@include file="/WEB-INF/jsp/include/fims/tail-biz.jsp" %>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- 계정정보 화면 오픈 -->
|
|
||||||
<script src="${pageContext.request.contextPath}/resources/js/fims/biz/layout/myView.js"></script>
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="layout-wrapper layout-navbar-full layout-menu-fixed layout-navbar-fixed">
|
|
||||||
<div class="layout-container">
|
|
||||||
<div id="layoutPage" class="layout-page ps-0">
|
|
||||||
<t:insertAttribute name="content"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
@ -1,43 +0,0 @@
|
|||||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
|
||||||
|
|
||||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="ko">
|
|
||||||
<head>
|
|
||||||
<%@include file="/WEB-INF/jsp/include/fims/head-framework.jsp" %>
|
|
||||||
|
|
||||||
<%@include file="/WEB-INF/jsp/include/fims/tail-framework.jsp" %>
|
|
||||||
|
|
||||||
<%@include file="/WEB-INF/jsp/include/fims/tail-biz.jsp" %>
|
|
||||||
|
|
||||||
<script type="text/javaScript">
|
|
||||||
var popup = null;
|
|
||||||
var unblockUI = () => $.unblockUI();
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div class="wrapper-dashboard">
|
|
||||||
|
|
||||||
<t:insertAttribute name="content"/>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<script defer>
|
|
||||||
$(document).ready(function() {
|
|
||||||
if (self !== top) {
|
|
||||||
//최초페이지 로드시 보안모드 적용 확인
|
|
||||||
if ($(top.document.getElementById("securityMode")).is(":checked")) {
|
|
||||||
fn_securityModeToggle(true);
|
|
||||||
} else {
|
|
||||||
fn_securityModeToggle(false);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
Loading…
Reference in New Issue