365 lines
18 KiB
HTML
365 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="/index/css/reset.css">
|
|
<link rel="stylesheet" href="/index/css/system.css">
|
|
<link rel="stylesheet" href="/index/css/style-index-bim-overseas.css">
|
|
<title>PM OVERSEAS</title>
|
|
</head>
|
|
|
|
<div id="mapContainer"></div>
|
|
|
|
<body style="user-select: none;">
|
|
<!-- 헤더부분 ===== ===== ===== ===== ===== -->
|
|
<header>
|
|
<div class="header-left">
|
|
<div class="--logo__project-master">
|
|
<h3 class="--logo__project-master_logo">PROJECT MASTER : OVERSEAS</h3>
|
|
<p class="--logo__project-master_version">ver</p>
|
|
<h6 class="--logo__project-master_number" id="project-version">0.4.000000</h6>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="logout-btn" id="project-stat">
|
|
<h6>프로젝트수행현황</h6>
|
|
</div> -->
|
|
<div class="header-right">
|
|
<button class="xs-btn-type-icon on" style="right: 4.5rem;" id="type-btn">
|
|
<img class="icon" src="/index/img-onpremise/icon__filter--111.svg" alt="icon-map-111">
|
|
<h6>과업종류</h6>
|
|
</button>
|
|
<button class="xs-btn-type-icon" id="baseMap-btn">
|
|
<img class="icon" src="/index/img-onpremise/icon-map-111.svg" alt="icon-map-111">
|
|
<h6>기본지도</h6>
|
|
</button>
|
|
<div class="header-name" style="display: none;">
|
|
<h6 id="user-info">- 수석연구원</h6>
|
|
<!-- <img class="icon" src="./svg/icon-sign-down-fff.svg" alt="icon-sign-down-fff"> -->
|
|
<div class="logout-btn" id="logout-btn">
|
|
<img class="icon" src="/index/img-onpremise/icon__logout--fff.svg" alt="icon__logout--fff">
|
|
<!-- <h6>로그아웃</h6> -->
|
|
<h6>Logout</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- 320px 이하 오류 메시지 ===== ===== ===== ===== ===== -->
|
|
<div class="notice">
|
|
<img class="icon" src="/index/img-onpremise/error.svg" alt="error">
|
|
<h5>이 해상도는 지원하지 않습니다.</h5>
|
|
</div>
|
|
|
|
<!-- [[[[[ [[[[[ [[[[[ [[[[[ [[[[[ 작성하는 곳 ]]]]] ]]]]] ]]]]] ]]]]] ]]]]] -->
|
|
<main>
|
|
<!-- 왼쪽 aside -->
|
|
<aside class="list">
|
|
<!-- <div class="list__tabs">
|
|
<button class="list__tabs_button --tab__active" data-tab="total-list">전체</button>
|
|
<button class="list__tabs_button" data-tab="bookmark-list">즐겨찾기</button>
|
|
</div> -->
|
|
<!-- [전체] 프로젝트 리스트 ===== ===== ===== ===== ===== -->
|
|
<div class="list__contents" id="total-list">
|
|
<div class="list__contents_search-box">
|
|
<i class="list__contents_search-box_icon --icon"></i>
|
|
<input class="list__contents_search-box_input" type="text" placeholder="프로젝트 검색" id="search-param">
|
|
</div>
|
|
<div class="list__contents_aria --scrollbar">
|
|
</div>
|
|
</div>
|
|
<!-- // [전체] 프로젝트 리스트 ===== ===== ===== ===== ===== -->
|
|
<!-- [즐겨찾기] 프로젝트 리스트 ===== ===== ===== ===== ===== -->
|
|
<div class="list__contents" id="bookmark-list" style="display: none;">
|
|
<div class="list__contents_aria --scrollbar">
|
|
</div>
|
|
</div>
|
|
<!-- // [즐겨찾기] 프로젝트 리스트 ===== ===== ===== ===== ===== -->
|
|
</aside>
|
|
<!-- 기본지도 -->
|
|
<!-- <button class="xs-btn-type-icon" id="baseMap-btn">
|
|
<img class="icon" src="/index/img-onpremise/icon-map-111.svg" alt="icon-map-111">
|
|
<h6>기본지도</h6>
|
|
</button> -->
|
|
|
|
<div class="modal-wrap">
|
|
<div class="window" id="type-modal">
|
|
<div class="window-header">
|
|
<h3>과업종류</h3>
|
|
<img class="icon" src="/index/img-onpremise/icon-close-aaa.svg" alt="icon-close-aaa">
|
|
</div>
|
|
<div class="window-body">
|
|
<div class="window-body-content">
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" checked="" id="type-MP">
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h3 class="--MP">MP</h3>
|
|
<h4 class="">기본게획</h4>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" checked="" id="type-DD">
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h3 class="--DD">DD</h3>
|
|
<h4 class="">실시설계</h4>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" checked="" id="type-FS">
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h3 class="--FS">FS</h3>
|
|
<h4 class="">타당성조사</h4>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" checked="" id="type-PD">
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h3 class="--PD">PD</h3>
|
|
<h4 class="">기본설계</h4>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" checked="" id="type-DS">
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h3 class="--DS">DS</h3>
|
|
<h4 class="">설계감리</h4>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" checked="" id="type-CS">
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h3 class="--CS">CS</h3>
|
|
<h4 class="">시공감리</h4>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" checked="" id="type-PMC">
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h3 class="--PMC">PMC</h3>
|
|
<h4 class="">실시설계</h4>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" checked="" id="type-IDC">
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h3 class="--IDC">IDC</h3>
|
|
<h4 class="">타당성조사</h4>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" checked="" id="type-DR">
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h3 class="--DR">DR</h3>
|
|
<h4 class="">설계검토</h4>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" checked="" id="type-BD">
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h3 class="--BD">BD</h3>
|
|
<h4 class="">수주영업</h4>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" checked="" id="type-ETC">
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h3 class="--ETC">ETC</h3>
|
|
<h4 class="">기타</h4>
|
|
</div>
|
|
</label>
|
|
|
|
<h3 class="window-subtitle">진행단계</h3>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="step-active" checked="">
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h5 class="--status__step-active">진행</h5>
|
|
<div class="step-desc">계약에 따른 업무 수행 중</div>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="step-stop" checked="">
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h5 class="--status__step-stop">중지</h5>
|
|
<div class="step-desc">특별한 사유로 중지</div>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="step-done">
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h5 class="--status__step-done">완료</h5>
|
|
<div class="step-desc">설계(공사)를 완료, 승인</div>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="step-wait" checked="">
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h5 class="--status__step-wait">대기</h5>
|
|
<div class="step-desc">계약에 따른 입찰 대기</div>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 기본지도창 -->
|
|
<div class="window" id="baseMap-modal" style="display: none;">
|
|
<div class="window-header">
|
|
<h3>기본지도</h3>
|
|
<img class="icon" src="/index/img-onpremise/icon-close-aaa.svg" alt="icon-close-aaa">
|
|
</div>
|
|
<div class="window-body">
|
|
<div class="window-body-content">
|
|
<p>국토교통부</p>
|
|
<label class="radio-label">
|
|
<input type="radio" name="map" id="molit-nomal" value="vworld-normal"><span
|
|
class="radio-custom-inbox"></span>일반
|
|
</label>
|
|
<label class="radio-label">
|
|
<input type="radio" name="map" id="molit-hybrid" value="vworld-hybrid"><span
|
|
class="radio-custom-inbox"></span>하이브리드
|
|
</label>
|
|
<label class="radio-label">
|
|
<input type="radio" name="map" id="molit-satellite" value="vworld-satellite"><span
|
|
class="radio-custom-inbox"></span>위성
|
|
</label>
|
|
</div>
|
|
<div class="window-body-content">
|
|
<p>Carto</p>
|
|
<label class="radio-label">
|
|
<input type="radio" name="map" id="carto-nomal" value="carto-normal"><span
|
|
class="radio-custom-inbox"></span>일반
|
|
</label>
|
|
<label class="radio-label">
|
|
<input type="radio" name="map" id="carto-light" value="carto-light"><span
|
|
class="radio-custom-inbox"></span>일반(라이트)
|
|
</label>
|
|
<label class="radio-label">
|
|
<input type="radio" name="map" id="carto-dark" value="carto-dark"><span
|
|
class="radio-custom-inbox"></span>일반(다크)
|
|
</label>
|
|
</div>
|
|
<div class="window-body-content">
|
|
<p>Google</p>
|
|
<label class="radio-label">
|
|
<input type="radio" name="map" id="google-nomal" value="google-normal"><span
|
|
class="radio-custom-inbox"></span>일반
|
|
</label>
|
|
<label class="radio-label">
|
|
<input type="radio" name="map" id="google-hybrid" value="google-hybrid" checked><span
|
|
class="radio-custom-inbox"></span>하이브리드
|
|
</label>
|
|
<label class="radio-label">
|
|
<input type="radio" name="map" id="google-satellite" value="google-satellite"><span
|
|
class="radio-custom-inbox"></span>위성
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 좌표변환 창 -->
|
|
<div class="window__bottom" id="select-coordi" style="display: none; left: 0; bottom: -30px; z-index: 99;">
|
|
<div class="window-header">
|
|
<h3>좌표변환</h3>
|
|
<img class="icon" src="/index/img-onpremise/icon-close-aaa.svg" alt="icon-close" id="select-coordi-close">
|
|
</div>
|
|
<div class="window-body">
|
|
<div class="window-body-content">
|
|
<p>위치표시</p>
|
|
<label class="radio-label">
|
|
<input type="radio" name="gcs" id="gcs1" checked><span class="radio-custom-inbox"></span>위도,
|
|
경도
|
|
</label>
|
|
<label class="radio-label">
|
|
<input type="radio" name="gcs" id="gcs2"><span class="radio-custom-inbox"></span>토목좌표
|
|
(x,y)
|
|
</label>
|
|
</div>
|
|
<div class="window-body-content">
|
|
<p>투영원점</p>
|
|
<label class="radio-label" style="opacity: 25%; cursor: not-allowed;">
|
|
<input type="radio" name="pcs" id="5185" disabled><span class="radio-custom-inbox"></span>서부
|
|
</label>
|
|
<label class="radio-label" style="opacity: 25%; cursor: not-allowed;">
|
|
<input type="radio" name="pcs" id="5186" disabled><span class="radio-custom-inbox"></span>중부
|
|
</label>
|
|
<label class="radio-label" style="opacity: 25%; cursor: not-allowed;">
|
|
<input type="radio" name="pcs" id="5187" disabled><span class="radio-custom-inbox"></span>동부
|
|
</label>
|
|
<label class="radio-label" style="opacity: 25%; cursor: not-allowed;">
|
|
<input type="radio" name="pcs" id="5188" disabled><span class="radio-custom-inbox"></span>동해
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- [[[[[ [[[[[ [[[[[ [[[[[ [[[[[ 작성하는 끝 ]]]]] ]]]]] ]]]]] ]]]]] ]]]]] -->
|
|
|
|
<!-- 푸터부분 ===== ===== ===== ===== ===== -->
|
|
<footer>
|
|
<div class="footer-left">
|
|
<div class="footer-middle">
|
|
<button class="coordinate">
|
|
<p>좌표변환</p>
|
|
</div>
|
|
</div>
|
|
<div class="footer-right">
|
|
<p>Powered by BARON Consultant Co,.Ltd</p>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
<!-- HmCesium API -->
|
|
<script src="https://api.digitalarchive.work/hmCesium/lib/Cesium/Build/Cesium/Cesium.js"></script>
|
|
<link href="https://api.digitalarchive.work/hmCesium/lib/Cesium/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
|
|
<script src="https://api.digitalarchive.work/hmCesium/lib/axios/dist/axios.js"></script>
|
|
<script src="https://api.digitalarchive.work/hmCesium/lib/proj4/dist/proj4.js"></script>
|
|
<script src="https://api.digitalarchive.work/hmCesium/hmCesium.min.js" type="module"></script>
|
|
|
|
<script src="/index/jsm/index-overseas.js" type="module"></script>
|
|
|
|
<script>
|
|
async function init(){
|
|
let res = await axios.get('/common/getVersion');
|
|
if(res.data.message == 'getVersion success') document.getElementById('project-version').innerText = res.data.version;
|
|
|
|
document.querySelector('.header-left').addEventListener('click',()=>{
|
|
window.location.href = '/';
|
|
});
|
|
}
|
|
|
|
init();
|
|
</script> |