2025-11-21 07:41:00 +00:00
|
|
|
|
<%@ 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"%>
|
|
|
|
|
|
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
|
|
|
|
<script src="${pageContext.request.contextPath}/js/jquery/jquery-1.10.2.min.js"></script>
|
|
|
|
|
|
<script src="${pageContext.request.contextPath}/js/admins/common.js"></script>
|
|
|
|
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
|
|
|
|
|
<link rel="stylesheet" HREF="${pageContext.request.contextPath}/css/admins/style.css" type="text/css">
|
|
|
|
|
|
<script>
|
|
|
|
|
|
const userId = "${params.userid}"
|
|
|
|
|
|
function backBtn() {
|
|
|
|
|
|
window.history.back();
|
|
|
|
|
|
// location.href = "${pageContext.request.contextPath}/admins/constructionProjectManagement/construction-user-mgmt-index.do";
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function onClickBtnSearch() {
|
|
|
|
|
|
const pagingEle = document.getElementById('paging');
|
|
|
|
|
|
const activeLinks = pagingEle.querySelectorAll('li.is-active a');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const constTag = trim( document.getElementById('const-tag').value );
|
|
|
|
|
|
const constName = trim( document.getElementById('const-name').value );
|
|
|
|
|
|
const constStartDate = trim( document.getElementById('const-start-date').value );
|
|
|
|
|
|
const constEndDate = trim( document.getElementById('const-end-date').value );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const constStateCode = trim( document.getElementById('const-state-code').value );
|
2025-11-24 04:39:43 +00:00
|
|
|
|
const projectStateCode = trim( document.getElementById('project-state-code').value );
|
2025-11-21 07:41:00 +00:00
|
|
|
|
const constCompanyName = trim( document.getElementById('company-dept').value );
|
|
|
|
|
|
const constCompanyAdmin = trim( document.getElementById('company-admin').value );
|
|
|
|
|
|
const constCompanyTel = trim( document.getElementById('company-tel').value );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const nCount = Number(pagingEle.getAttribute('data-ncount'));
|
|
|
|
|
|
const nPage = Number(pagingEle.getAttribute('data-npage'));
|
|
|
|
|
|
|
|
|
|
|
|
xhr = new XMLHttpRequest();
|
|
|
|
|
|
xhr.open('GET', '/drilling/inquiry/list.do?' +
|
|
|
|
|
|
'constTag='+ constTag +
|
|
|
|
|
|
'&' +'constName='+ constName +
|
|
|
|
|
|
'&' +'constStartDate='+ constStartDate +
|
|
|
|
|
|
'&' +'constEndDate='+ constEndDate +
|
|
|
|
|
|
'&' +'constStateCode='+ constStateCode +
|
2025-11-24 04:39:43 +00:00
|
|
|
|
'&' +'projectStateCode='+ projectStateCode +
|
2025-11-21 07:41:00 +00:00
|
|
|
|
'&' +'constCompanyName='+ constCompanyName +
|
|
|
|
|
|
'&' +'constCompanyAdmin='+ constCompanyAdmin +
|
|
|
|
|
|
'&' +'constCompanyTel='+ constCompanyTel +
|
|
|
|
|
|
'&' +'nPage='+ nPage +
|
|
|
|
|
|
'&' +'nCount='+ nCount,
|
|
|
|
|
|
true);
|
|
|
|
|
|
xhr.setRequestHeader('Content-type', 'application/json');
|
|
|
|
|
|
|
|
|
|
|
|
xhr.onreadystatechange = function() {
|
|
|
|
|
|
if (xhr.readyState === 4 && xhr.status === 200) {
|
|
|
|
|
|
// 요청 성공 시 처리
|
|
|
|
|
|
console.log('%o', xhr.responseText);
|
|
|
|
|
|
const obj = JSON.parse(xhr.responseText);
|
|
|
|
|
|
var dataListEle = document.getElementById('data-list');
|
|
|
|
|
|
dataListEle.innerHTML = '';
|
|
|
|
|
|
|
|
|
|
|
|
var content = '';
|
|
|
|
|
|
|
2025-11-21 07:41:43 +00:00
|
|
|
|
if (obj.datas.length < 1) {
|
|
|
|
|
|
content = '<tr><td colspan="11">조회된 건설현장이 없습니다.</td></tr>';
|
|
|
|
|
|
}
|
2025-11-21 07:41:00 +00:00
|
|
|
|
for( idx in obj.datas ) {
|
|
|
|
|
|
const constStartDate = obj.datas[idx].constStartDate == null ? '알 수 없음' : obj.datas[idx].constStartDate;
|
|
|
|
|
|
const constEndDate = obj.datas[idx].constEndDate == null ? '알 수 없음' : obj.datas[idx].constEndDate;
|
|
|
|
|
|
const masterCompanyDept = obj.datas[idx].masterCompanyDept == null ? '-' : obj.datas[idx].masterCompanyDept;
|
|
|
|
|
|
const masterCompanyAdmin = obj.datas[idx].masterCompanyAdmin == null ? '-' : obj.datas[idx].masterCompanyAdmin;
|
|
|
|
|
|
const masterCompanyTel = obj.datas[idx].masterCompanyTel == null ? '-' : obj.datas[idx].masterCompanyTel;
|
|
|
|
|
|
const coinstCompanyDept = obj.datas[idx].coinstCompanyDept == null ? '-' : obj.datas[idx].coinstCompanyDept;
|
|
|
|
|
|
const constCompanyAdmin = obj.datas[idx].constCompanyAdmin == null ? '-' : obj.datas[idx].constCompanyAdmin;
|
|
|
|
|
|
const constCompanyTel = obj.datas[idx].constCompanyTel == null ? '-' : obj.datas[idx].constCompanyTel;
|
|
|
|
|
|
|
|
|
|
|
|
// content += '<tr onclick="location.href=\'modify.do?CID=' + obj.datas[idx].cid + '\';" data-cid="' + obj.datas[idx].cid + '">';
|
|
|
|
|
|
content += '<tr <%--onmousedown="handleMouseDown()" onmousemove="handleMouseMove()" --%> onmouseup="handleRowClick(' + obj.datas[idx].cid + ')" data-cid="' + obj.datas[idx].cid + '">';
|
|
|
|
|
|
content += '<td>' + (obj.count - idx - (nCount * (nPage - 1))) + '</td>';
|
|
|
|
|
|
content += '<td style="text-align: left; text-indent: 10px;">' + obj.datas[idx].constName + '</td>';
|
|
|
|
|
|
content += '<td>' + obj.datas[idx].projectStateCodeName + '</td>';
|
|
|
|
|
|
content += '<td>' + constStartDate + ' ~ ' + constEndDate + '</td>';
|
|
|
|
|
|
content += '<td>' + obj.datas[idx].constStateCodeName + '</td>';
|
|
|
|
|
|
content += '<td>' + masterCompanyDept + '</td>';
|
|
|
|
|
|
content += '<td>' + masterCompanyAdmin + '</td>';
|
|
|
|
|
|
content += '<td>' + masterCompanyTel + '</td>';
|
|
|
|
|
|
content += '<td>' + coinstCompanyDept + '</td>';
|
|
|
|
|
|
content += '<td>' + constCompanyAdmin + '</td>';
|
|
|
|
|
|
content += '<td>' + constCompanyTel + '</td>';
|
|
|
|
|
|
content += '</tr>';
|
|
|
|
|
|
}
|
|
|
|
|
|
dataListEle.innerHTML = content;
|
|
|
|
|
|
|
|
|
|
|
|
document.getElementById('count').innerHTML = obj.count;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let firstIndicator = (Math.floor((nPage - 1) / nCount) * nCount) + 1; // 현재 페이지의 첫번째 페이지인디케이터 번호
|
|
|
|
|
|
let lastIndicator = Math.ceil(nPage / nCount) * 10; // 현재 페이지의 마지막 페이지인디케이터 번호
|
|
|
|
|
|
let totalIndicator = Math.ceil(obj.count / nCount); // 총 페이지인디케이터 번호
|
|
|
|
|
|
let pagingEleHTML = "<ul>"
|
|
|
|
|
|
if (!((firstIndicator - 1) < 1)) {
|
|
|
|
|
|
pagingEleHTML = pagingEleHTML + '<li data-npage="' + (firstIndicator - 1) + '" class="page-button"><a href="javascript:void()"><img src="/com/img/common/icon/ico_chevron.svg" alt="Chevron-prev" class="page-prev"></a></li>';
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
for( let i = firstIndicator; i<lastIndicator+1; i++ ) {
|
|
|
|
|
|
if (i <= totalIndicator) {
|
|
|
|
|
|
if( i === nPage ) {
|
|
|
|
|
|
pagingEleHTML += `<li data-npage="` + i + `" class="page-button is-active"><a href="javascript:void()">` + i + `</a></li>`;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
pagingEleHTML += `<li data-npage="` + i + `" class="page-button" ><a href="javascript:void()">` + i + `</a></li>`;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if (lastIndicator < totalIndicator) {
|
|
|
|
|
|
pagingEleHTML += `<li data-npage="` + (lastIndicator+1) +`" class="page-button"><a href="javascript:void()"><img src="/com/img/common/icon/ico_chevron.svg" alt="Chevron-next" class="page-next"></a></li>`;
|
|
|
|
|
|
}
|
|
|
|
|
|
pagingEleHTML += "</ul>";
|
|
|
|
|
|
pagingEle.innerHTML = pagingEleHTML;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 모든 .page-button 요소 가져오기
|
|
|
|
|
|
const pageButtons = document.querySelectorAll('.page-button');
|
|
|
|
|
|
|
|
|
|
|
|
// 각 버튼에 클릭 이벤트 리스너 추가
|
|
|
|
|
|
pageButtons.forEach(button => {
|
|
|
|
|
|
button.addEventListener('click', () => {
|
|
|
|
|
|
// 클릭된 버튼의 내용 (페이지 번호 등) 가져오기
|
|
|
|
|
|
const pageNumber = button.getAttribute('data-npage');
|
|
|
|
|
|
|
|
|
|
|
|
// 페이지 이동 등 원하는 동작 수행
|
|
|
|
|
|
console.log(`페이지 ` + pageNumber + `로 이동합니다.`);
|
|
|
|
|
|
pagingEle.setAttribute('data-npage', pageNumber);
|
|
|
|
|
|
onClickBtnSearch()
|
|
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} else if (xhr.readyState === 4) {
|
|
|
|
|
|
// 요청 실패 시 처리
|
|
|
|
|
|
console.error('요청 실패:', xhr.status);
|
|
|
|
|
|
}
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
xhr.send();
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function onClickBtnViewOnMap() {
|
|
|
|
|
|
alert('위치가 지정된 시추공이 존재하지 않습니다.');
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
|
|
|
|
|
|
|
|
|
|
document.getElementById('btn-search').addEventListener('click', function() {
|
|
|
|
|
|
const pagingEle = document.getElementById('paging');
|
|
|
|
|
|
pagingEle.setAttribute('data-npage', 1);
|
|
|
|
|
|
onClickBtnSearch();
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
<%-- document.getElementById('btn-view-on-map').addEventListener('click', function() {
|
|
|
|
|
|
onClickBtnViewOnMap();
|
|
|
|
|
|
});--%>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 초기 테이블 추가 트리거
|
|
|
|
|
|
document.getElementById('btn-search').click();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
document.getElementById('const-name').addEventListener('keydown', function(event) {
|
|
|
|
|
|
if (event.key === 'Enter') {
|
|
|
|
|
|
event.preventDefault(); // 폼 제출 방지
|
|
|
|
|
|
document.getElementById('btn-search').click();
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
document.getElementById('company-dept').addEventListener('keydown', function(event) {
|
|
|
|
|
|
if (event.key === 'Enter') {
|
|
|
|
|
|
event.preventDefault(); // 폼 제출 방지
|
|
|
|
|
|
document.getElementById('btn-search').click();
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
document.getElementById('company-admin').addEventListener('keydown', function(event) {
|
|
|
|
|
|
if (event.key === 'Enter') {
|
|
|
|
|
|
event.preventDefault(); // 폼 제출 방지
|
|
|
|
|
|
document.getElementById('btn-search').click();
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
document.getElementById('company-tel').addEventListener('keydown', function(event) {
|
|
|
|
|
|
if (event.key === 'Enter') {
|
|
|
|
|
|
event.preventDefault(); // 폼 제출 방지
|
|
|
|
|
|
document.getElementById('btn-search').click();
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
var projectNameInput = document.getElementById('const-name');
|
|
|
|
|
|
var suggestionListDiv = document.getElementById("suggestionList");
|
|
|
|
|
|
|
|
|
|
|
|
projectNameInput.onkeyup = function() {
|
|
|
|
|
|
|
|
|
|
|
|
var projectName = String(this.value).trim();
|
|
|
|
|
|
|
|
|
|
|
|
if (projectName.length > 0) {
|
|
|
|
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
type : "GET",
|
|
|
|
|
|
data : {
|
|
|
|
|
|
projectName : projectName,
|
|
|
|
|
|
isProjectNameChecking : "true"
|
|
|
|
|
|
},
|
|
|
|
|
|
url : "/drilling-project-list.json",
|
|
|
|
|
|
dataType : "json",
|
|
|
|
|
|
success : function( json ) {
|
|
|
|
|
|
suggestionListDiv.innerHTML = ""; // 이전 목록 비우기
|
|
|
|
|
|
suggestionListDiv.style.display = "none";
|
|
|
|
|
|
var list = json.result.list;
|
|
|
|
|
|
var matchingProjects = [];
|
|
|
|
|
|
for (var i = 0; i < list.length; i++) {
|
|
|
|
|
|
matchingProjects.push(list[i]);
|
|
|
|
|
|
}
|
|
|
|
|
|
if (matchingProjects.length > 0) {
|
|
|
|
|
|
for (var i = 0; i < matchingProjects.length; i++) {
|
|
|
|
|
|
var suggestionItem = document.createElement("div");
|
|
|
|
|
|
|
|
|
|
|
|
var organHierarchy = " " + matchingProjects[i].glDistrict !== null ? matchingProjects[i].glDistrict : "";
|
|
|
|
|
|
if( matchingProjects[i].gmDistrict !== null ) {
|
|
|
|
|
|
organHierarchy = organHierarchy + " > " + matchingProjects[i].gmDistrict;
|
|
|
|
|
|
}
|
|
|
|
|
|
if( matchingProjects[i].gsDistrict !== null ) {
|
|
|
|
|
|
organHierarchy = organHierarchy + " > " + matchingProjects[i].gsDistrict;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
suggestionItem.setAttribute('data-const-name', matchingProjects[i].constName);
|
|
|
|
|
|
suggestionItem.setAttribute('data-cid', matchingProjects[i].cid);
|
|
|
|
|
|
|
|
|
|
|
|
// 검색어를 굵게 표시
|
|
|
|
|
|
var constName = matchingProjects[i].constName;
|
|
|
|
|
|
var projectName = String(projectNameInput.value).trim();
|
|
|
|
|
|
// 정규식으로 검색어를 찾고, 대소문자 구분 없이 처리
|
|
|
|
|
|
var regex = new RegExp(projectName, "gi");
|
|
|
|
|
|
var boldConstName = constName.replace(regex, '<b>' + projectName + '</b>');
|
|
|
|
|
|
|
|
|
|
|
|
suggestionItem.innerHTML =
|
|
|
|
|
|
'<span>' + boldConstName + '</span><br />\n' +
|
|
|
|
|
|
'<span class="organizational-structure" data->' +
|
|
|
|
|
|
"발주처: " + organHierarchy
|
|
|
|
|
|
'</span>';
|
|
|
|
|
|
|
|
|
|
|
|
suggestionItem.onclick = function() {
|
|
|
|
|
|
projectNameInput.value = this.getAttribute('data-const-name');
|
|
|
|
|
|
suggestionListDiv.style.display = "none";
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
suggestionListDiv.appendChild(suggestionItem);
|
|
|
|
|
|
}
|
|
|
|
|
|
// suggestionListDiv 위치 설정
|
|
|
|
|
|
var rect = projectNameInput.getBoundingClientRect();
|
|
|
|
|
|
suggestionListDiv.style.position = 'absolute';
|
|
|
|
|
|
//suggestionListDiv.style.left = rect.left + 'px';
|
|
|
|
|
|
//suggestionListDiv.style.top = (rect.bottom + window.scrollY) + 'px';
|
|
|
|
|
|
//suggestionListDiv.style.float = 'left';
|
|
|
|
|
|
suggestionListDiv.style.width = rect.width + 'px';
|
|
|
|
|
|
suggestionListDiv.style.display = "block";
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
error: function(xhr, option, error){
|
|
|
|
|
|
alert(xhr.status); //오류코드
|
|
|
|
|
|
alert(error); //오류내용
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 사용자가 추천 목록 외부를 클릭하면 목록 숨기기 (선택적)
|
|
|
|
|
|
document.onclick = function(event) {
|
|
|
|
|
|
if (event.target !== projectNameInput && event.target !== suggestionListDiv && !suggestionListDiv.contains(event.target)) {
|
|
|
|
|
|
suggestionListDiv.style.display = "none";
|
|
|
|
|
|
}
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 발주기관 목록화면 tr 드래그 시 상세화면 이동 방지처리
|
|
|
|
|
|
* 드래그 이벤트와 클릭이벤트를 구분하여 감지한다.
|
|
|
|
|
|
*/
|
|
|
|
|
|
function handleRowClick(CID) {
|
|
|
|
|
|
if (!isDragging) {
|
|
|
|
|
|
window.location.href = 'modify.do?CID=' + CID;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function trim(str) {
|
|
|
|
|
|
str = String(str);
|
|
|
|
|
|
return str.replace(/^\s+|\s+$/g, '');
|
|
|
|
|
|
}
|
|
|
|
|
|
</script><style>
|
|
|
|
|
|
.drilling .page-content-inner {
|
|
|
|
|
|
padding: 30px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
li {
|
|
|
|
|
|
list-style: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes shake {
|
|
|
|
|
|
0% { transform: translateX(0); }
|
|
|
|
|
|
10% { transform: translateX(-5px); }
|
|
|
|
|
|
20% { transform: translateX(5px); }
|
|
|
|
|
|
30% { transform: translateX(-5px); }
|
|
|
|
|
|
40% { transform: translateX(5px); }
|
|
|
|
|
|
50% { transform: translateX(-5px); }
|
|
|
|
|
|
60% { transform: translateX(5px); }
|
|
|
|
|
|
70% { transform: translateX(-5px); }
|
|
|
|
|
|
80% { transform: translateX(5px); }
|
|
|
|
|
|
90% { transform: translateX(-5px); }
|
|
|
|
|
|
100% { transform: translateX(0); }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.shake-animation {
|
|
|
|
|
|
animation: shake 0.6s;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* The snackbar - position it at the bottom and in the middle of the screen */
|
|
|
|
|
|
#snackbar {
|
|
|
|
|
|
visibility: hidden; /* Hidden by default. Visible on click */
|
|
|
|
|
|
min-width: 250px; /* Set a default minimum width */
|
|
|
|
|
|
margin-left: -125px; /* Divide value of min-width by 2 */
|
|
|
|
|
|
background-color: #000000; /* Black background color */
|
|
|
|
|
|
color: #ff0000; /* White text color */
|
|
|
|
|
|
text-align: center; /* Centered text */
|
|
|
|
|
|
border-radius: 2px; /* Rounded borders */
|
|
|
|
|
|
padding: 16px; /* Padding */
|
|
|
|
|
|
position: fixed; /* Sit on top of the screen */
|
|
|
|
|
|
z-index: 1; /* Add a z-index if needed */
|
|
|
|
|
|
left: 50%; /* Center the snackbar */
|
|
|
|
|
|
bottom: 80px; /* 30px from the bottom */
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Show the snackbar when clicking on a button (class added with JavaScript) */
|
|
|
|
|
|
#snackbar.show {
|
|
|
|
|
|
visibility: visible; /* Show the snackbar */
|
|
|
|
|
|
/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
|
|
|
|
|
|
However, delay the fade out process for 2.5 seconds */
|
|
|
|
|
|
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
|
|
|
|
|
|
animation: fadein 0.5s, fadeout 0.5s 2.5s;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Animations to fade the snackbar in and out */
|
|
|
|
|
|
@-webkit-keyframes fadein {
|
|
|
|
|
|
from {bottom: 0; opacity: 0;}
|
|
|
|
|
|
to {bottom: 80px; opacity: 1;}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes fadein {
|
|
|
|
|
|
from {bottom: 0; opacity: 0;}
|
|
|
|
|
|
to {bottom: 80px; opacity: 1;}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes fadeout {
|
|
|
|
|
|
from {bottom: 80px; opacity: 1;}
|
|
|
|
|
|
to {bottom: 0; opacity: 0;}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes fadeout {
|
|
|
|
|
|
from {bottom: 80px; opacity: 1;}
|
|
|
|
|
|
to {bottom: 0; opacity: 0;}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#suggestionList {
|
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
|
width: 300px; /* 입력창 너비에 맞춰 조절 */
|
|
|
|
|
|
position_: absolute;
|
|
|
|
|
|
background-color: white;
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
left: 82px;
|
|
|
|
|
|
top: 42px;
|
|
|
|
|
|
z-index: 3;
|
|
|
|
|
|
}
|
|
|
|
|
|
#suggestionList div {
|
|
|
|
|
|
padding: 5px;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
#suggestionList div:hover {
|
|
|
|
|
|
background-color: #f0f0f0;
|
|
|
|
|
|
}
|
|
|
|
|
|
#suggestionList div .organizational-structure {
|
|
|
|
|
|
color: red;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#const-state-code {
|
2025-11-24 04:39:43 +00:00
|
|
|
|
width: 180px;
|
|
|
|
|
|
height: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#project-state-code {
|
2025-11-21 07:41:00 +00:00
|
|
|
|
width: 160px;
|
2025-11-24 04:39:43 +00:00
|
|
|
|
height: 24px;
|
2025-11-21 07:41:00 +00:00
|
|
|
|
}
|
2025-11-24 04:39:43 +00:00
|
|
|
|
|
2025-11-21 07:41:00 +00:00
|
|
|
|
.drilling .page-content-inner{
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<form id="searchForm" name="searchForm" method="post">
|
|
|
|
|
|
<input type="hidden" id="pageIndex" name="pageIndex" value="${params.pageIndex}" />
|
|
|
|
|
|
<input type="hidden" id="cls" name="cls" value="2" />
|
|
|
|
|
|
<!-- 페이지 컨테이너 시작 -->
|
|
|
|
|
|
<section class="drilling-page-container">
|
|
|
|
|
|
<input id="PROJECT_NAME" name="PROJECT_NAME" maxlength="2000" type="hidden" value="" valid="notnull" validNm="사업명" />
|
|
|
|
|
|
<div class="page-content-wrapper drilling inquiry">
|
|
|
|
|
|
<!-- 콘텐츠 시작 -->
|
|
|
|
|
|
<div class="page-content">
|
|
|
|
|
|
<div class="page-content-inner">
|
|
|
|
|
|
<!-- 카테고리 끝 -->
|
|
|
|
|
|
<!-- 내용 시작 -->
|
|
|
|
|
|
<div class="content-wrapper">
|
|
|
|
|
|
<div class="content1">
|
|
|
|
|
|
<div class="page-top-search">
|
|
|
|
|
|
<form class="form-inline">
|
|
|
|
|
|
<label class="input-label-display">검색</label>
|
|
|
|
|
|
<input type="hidden" id="const-tag" name="const-tag" value="C" >
|
|
|
|
|
|
<input type="search" id="const-name" name="const-name" class="input" placeholder="프로젝트명" title="" value="">
|
|
|
|
|
|
<div id="suggestionList"></div>
|
|
|
|
|
|
<input type="date" id="const-start-date" name="const-start-date" >
|
|
|
|
|
|
<span>~</span>
|
|
|
|
|
|
<input type="date" id="const-end-date" name="const-end-date" >
|
2025-11-24 04:39:43 +00:00
|
|
|
|
<input type="hidden" >
|
2025-11-21 07:41:00 +00:00
|
|
|
|
<select id="const-state-code" name="const-state-code">
|
|
|
|
|
|
<option value="" selected="selected">전체</option>
|
2025-11-24 04:39:43 +00:00
|
|
|
|
<option value="1">타당성조사 및 계획검토</option>
|
|
|
|
|
|
<option value="2">기본설계</option>
|
|
|
|
|
|
<option value="3">실시설계</option>
|
|
|
|
|
|
<option value="4">시공 중</option>
|
|
|
|
|
|
<option value="5">준공</option>
|
|
|
|
|
|
<option value="6">유지보수</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
<select id="project-state-code" name="project-state-code">
|
|
|
|
|
|
<option value="" selected="selected">전체</option>
|
|
|
|
|
|
<option value="0">미입력</option>
|
|
|
|
|
|
<option value="1">입력 중</option>
|
|
|
|
|
|
<option value="2">검수 준비 대기중</option>
|
|
|
|
|
|
<option value="3">검수 중</option>
|
|
|
|
|
|
<option value="4">수정 요청</option>
|
|
|
|
|
|
<option value="5">검수 완료</option>
|
|
|
|
|
|
<option value="6">등록 완료</option>
|
2025-11-21 07:41:00 +00:00
|
|
|
|
</select>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
<form class="form-inline-row">
|
|
|
|
|
|
<input type="text" id="company-dept" name="company-dept" class="input input-1" placeholder="담당부서,건설사명" title="" value="" style="margin-left: 0">
|
|
|
|
|
|
<input type="text" id="company-admin" name="company-admin" class="input input-2" placeholder="담당자" title="" value="">
|
|
|
|
|
|
<input type="text" id="company-tel" name="company-tel" class="input input-3" placeholder="담당 연락처" title="" value="">
|
|
|
|
|
|
<button type="button" id="btn-search" class="btn btn-search">
|
|
|
|
|
|
<span>조회하기</span>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<%-- <button type="button" id="btn-view-on-map" class="btn btn-view-on-map">
|
|
|
|
|
|
<span>지도보기</span>
|
|
|
|
|
|
</button>--%>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="table-info-group">Total: <span id="count">-</span>건</div>
|
|
|
|
|
|
<div class="table-wrap">
|
|
|
|
|
|
<table>
|
|
|
|
|
|
<colgroup>
|
|
|
|
|
|
<col style="width: 3%;">
|
|
|
|
|
|
<col style="width: 27%;">
|
|
|
|
|
|
<col style="width: 5%;">
|
|
|
|
|
|
<col style="width: 10%;">
|
|
|
|
|
|
<col style="width: 10%;">
|
|
|
|
|
|
<col style="width: 13%;">
|
|
|
|
|
|
<col style="width: 5%;">
|
|
|
|
|
|
<col style="width: 7%;">
|
|
|
|
|
|
<col style="width: 8%;">
|
|
|
|
|
|
<col style="width: 5%;">
|
|
|
|
|
|
<col style="width: 7%;">
|
|
|
|
|
|
</colgroup>
|
|
|
|
|
|
<thead>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<th rowspan="2">연번</th>
|
|
|
|
|
|
<th rowspan="2">사업명</th>
|
|
|
|
|
|
<th rowspan="2">입력상태</th>
|
|
|
|
|
|
<th colspan="2">사업내용</th>
|
|
|
|
|
|
<th colspan="3">발주기관현황</th>
|
|
|
|
|
|
<th colspan="3">건설사현황</th>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<th>사업기간</th>
|
|
|
|
|
|
<th>사업단계 <br>(설계 시공 준공 유지관리)</th>
|
|
|
|
|
|
<th>담당부서</th>
|
|
|
|
|
|
<th>담당자</th>
|
|
|
|
|
|
<th>담당연락처</th>
|
|
|
|
|
|
<th>건설사명</th>
|
|
|
|
|
|
<th>담당자</th>
|
|
|
|
|
|
<th>담당연락처</th>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</thead>
|
|
|
|
|
|
<tbody id="data-list">
|
|
|
|
|
|
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="paging" class="paging" data-npage="1" data-ncount="10">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- 내용 끝 -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- 콘텐츠 끝 -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
<!-- 페이지 컨테이너 끝 -->
|
|
|
|
|
|
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
