178 lines
6.5 KiB
Plaintext
178 lines
6.5 KiB
Plaintext
|
<%@ 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="form" uri="http://www.springframework.org/tags/form" %>
|
|||
|
|
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|||
|
|
|
|||
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
|||
|
|
<!-- <script src="${pageContext.request.contextPath}/js/admins/chart.js"></script> -->
|
|||
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|||
|
|
|
|||
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
|||
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
|||
|
|
<script src="${pageContext.request.contextPath}/js/admins/common.js"></script>
|
|||
|
|
<link rel="stylesheet" HREF="${pageContext.request.contextPath}/css/admins/style.css" type="text/css">
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
var context = "${pageContext.request.contextPath}";
|
|||
|
|
|
|||
|
|
let xhr;
|
|||
|
|
if(window.XMLHttpRequest) {
|
|||
|
|
xhr = new XMLHttpRequest();
|
|||
|
|
} else {
|
|||
|
|
// IE5, IE6 일때
|
|||
|
|
xhr = new ActiveXObject("Microsoft.XMLHTTP");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const ctx = document.getElementById('myChart');
|
|||
|
|
|
|||
|
|
new Chart(ctx, {
|
|||
|
|
type: 'bar',
|
|||
|
|
data: {
|
|||
|
|
labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
|
|||
|
|
datasets: [{
|
|||
|
|
label: '# of Votes',
|
|||
|
|
data: [12, 19, 3, 5, 2, 3],
|
|||
|
|
borderWidth: 1
|
|||
|
|
}]
|
|||
|
|
},
|
|||
|
|
options: {
|
|||
|
|
scales: {
|
|||
|
|
y: {
|
|||
|
|
beginAtZero: true
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<h1>건설현장 통계</h1>
|
|||
|
|
<div class="home-trainning">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="container-fluid">
|
|||
|
|
<div class="row content">
|
|||
|
|
<div class="col-sm-12">
|
|||
|
|
<h4>검색</h4>
|
|||
|
|
<div class="well">
|
|||
|
|
<div class="container mt-5">
|
|||
|
|
<form class="form-inline">
|
|||
|
|
<div class="form-group mb-2 mr-2">
|
|||
|
|
<label for="project-name" class="mr-2">프로젝트명:</label>
|
|||
|
|
<input type="text" class="form-control" id="project-name" placeholder="프로젝트명 입력">
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group mb-2 mr-2">
|
|||
|
|
<label for="client-name" class="mr-2">발주기관 명:</label>
|
|||
|
|
<input type="text" class="form-control" id="client-name" placeholder="발주기관 명 입력">
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group mb-2 mr-2 w-50">
|
|||
|
|
<label for="manager-name" class="mr-2">담당자:</label>
|
|||
|
|
<input type="text" class="form-control" id="manager-name" placeholder="담당자 이름 입력">
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group mb-2 mr-2">
|
|||
|
|
<label for="contact-number" class="mr-2">연락처:</label>
|
|||
|
|
<input type="text" class="form-control" id="contact-number" placeholder="연락처 입력">
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
<div class="text-right mt-3">
|
|||
|
|
<button type="submit" class="btn btn-primary mb-2">검색</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<h4>건설현장 등록 건수</h4>
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-sm-3">
|
|||
|
|
<div class="well">
|
|||
|
|
<h4>전체 등록 수</h4>
|
|||
|
|
<p>12 건</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-3">
|
|||
|
|
<div class="well">
|
|||
|
|
<h4>부산광역시</h4>
|
|||
|
|
<p>12 건</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-3">
|
|||
|
|
<div class="well">
|
|||
|
|
<h4>대구광역시</h4>
|
|||
|
|
<p>0 건</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-3">
|
|||
|
|
<div class="well">
|
|||
|
|
<h4>세종특별자치시</h4>
|
|||
|
|
<p>0 건</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-sm-4">
|
|||
|
|
<div class="well">
|
|||
|
|
<p class="fw-bold" style="font-size: 18px; color:#c87202;">최근 입력된 건설현장</p>
|
|||
|
|
<p>부산 북항 재개발 사업 - 부산광역시</p>
|
|||
|
|
<p>가덕도 신공항 건설공사 - 부산광역시</p>
|
|||
|
|
<p>부산 에코델타시티 조성사업 - 부산광역시</p>
|
|||
|
|
<p>동해남부선 복선전철화 사업 - 부산광역시</p>
|
|||
|
|
<p>부산 도시철도 1호선 연장 공사 - 부산광역시</p>
|
|||
|
|
<div class="d-flex justify-content-between align-items-center">
|
|||
|
|
<div class="btn-group">
|
|||
|
|
<button type="button" class="btn btn-sm btn-outline-secondary">+ 더 보기</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-4">
|
|||
|
|
<div class="well">
|
|||
|
|
<p class="fw-bold" style="font-size: 18px; color:#c87202;">단계별 건수</p>
|
|||
|
|
<p><b>타당성조사 및 계획검토:</b> 12건</p>
|
|||
|
|
<p><b>기본설계:</b> 0건</p>
|
|||
|
|
<p><b>실시설계:</b> 0건</p>
|
|||
|
|
<p><b>시공중:</b> 0건</p>
|
|||
|
|
<p><b>준공:</b> 0건</p>
|
|||
|
|
<p><b>유지보수:</b> 0건</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-4">
|
|||
|
|
<div class="well">
|
|||
|
|
<p class="fw-bold" style="font-size: 18px; color:#c87202;">프로젝트 연결률</p>
|
|||
|
|
<p><b>부산광역시:</b> 8.33%</p>
|
|||
|
|
<p><b>대전광역시:</b> 0%</p>
|
|||
|
|
<p><b>세종특별자치시:</b> 0%</p>
|
|||
|
|
<p><b>서울특별시:</b> 0%</p>
|
|||
|
|
<p><b>대구광역시:</b> 0%</p>
|
|||
|
|
<div class="d-flex justify-content-between align-items-center">
|
|||
|
|
<div class="btn-group">
|
|||
|
|
<button type="button" class="btn btn-sm btn-outline-secondary">+ 더 보기</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-sm-8">
|
|||
|
|
<div class="well">
|
|||
|
|
<p>Text</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-4">
|
|||
|
|
<div class="well">
|
|||
|
|
<p>Text</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</
|
|||
|
|
div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|