614 lines
34 KiB
HTML
614 lines
34 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">
|
|
<!-- css 기존과 동일하게 사용 -->
|
|
<title>PM > BIM Project</title>
|
|
</head>
|
|
|
|
<div id="mapContainer"></div>
|
|
|
|
<body>
|
|
<!-- 헤더부분 ===== ===== ===== ===== ===== -->
|
|
<header>
|
|
<div class="header-left">
|
|
<div class="--logo__project-master">
|
|
<h3 class="--logo__project-master_logo">PROJECT MASTER : BIM</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 _top on" id="step-btn" style="right: 4.5rem;">
|
|
<img class="icon" src="/index/img-onpremise/icon__filter--111.svg" alt="icon__filter--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 class="list">
|
|
<!-- 251112 북마크 삭제 -->
|
|
<!-- <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">
|
|
<!-- <details class="list__contents_aria_group" open>
|
|
<summary class="list__contents_aria_group_head">
|
|
<i class="list__contents_aria_group_head_icon --icon"></i>
|
|
<h3 class="list__contents_aria_group_head_label">국토관리청</h3>
|
|
<h6 class="list__contents_aria_group_head_count">1건</h6>
|
|
</summary>
|
|
<div class="list__contents_aria_group_body">
|
|
<div class="list__contents_aria_group_body_category">
|
|
<i class="list__contents_aria_group_body_category_icon --icon"></i>
|
|
<h4 class="list__contents_aria_group_body_category_label">원주지방국토관리청</h4>
|
|
</div>
|
|
<ul class="list__contents_aria_group_body_list">
|
|
<li class="list__contents_aria_group_body_list_item">
|
|
<h3 class="list__contents_aria_group_body_list_item_type">설계</h3>
|
|
<h4 class="list__contents_aria_group_body_list_item_label">국도42호선 원주흥업사제</h4>
|
|
<div class="list__contents_aria_group_body_list_item_status">
|
|
<h5 class="--status__step-active">진행</h5>
|
|
</div>
|
|
<i class="list__contents_aria_group_body_list_item_bookmark --icon"></i>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</details>
|
|
<details class="list__contents_aria_group">
|
|
<summary class="list__contents_aria_group_head">
|
|
<i class="list__contents_aria_group_head_icon --icon"></i>
|
|
<h3 class="list__contents_aria_group_head_label">지방자치단체</h3>
|
|
<h6 class="list__contents_aria_group_head_count">3건</h6>
|
|
</summary>
|
|
<div class="list__contents_aria_group_body">
|
|
<div class="list__contents_aria_group_body_category">
|
|
<i class="list__contents_aria_group_body_category_icon --icon"></i>
|
|
<h4 class="list__contents_aria_group_body_category_label">서울특별시</h4>
|
|
</div>
|
|
<ul class="list__contents_aria_group_body_list">
|
|
<li class="list__contents_aria_group_body_list_item">
|
|
<h3 class="list__contents_aria_group_body_list_item_type">설계</h3>
|
|
<h4 class="list__contents_aria_group_body_list_item_label">올림픽대로</h4>
|
|
<div class="list__contents_aria_group_body_list_item_status">
|
|
<h5 class="--status__step-wait">대기</h5>
|
|
</div>
|
|
<i class="list__contents_aria_group_body_list_item_bookmark --icon --bookmark__check"></i>
|
|
</li>
|
|
<li class="list__contents_aria_group_body_list_item">
|
|
<h3 class="list__contents_aria_group_body_list_item_type">지원</h3>
|
|
<h4 class="list__contents_aria_group_body_list_item_label">원효대교북단</h4>
|
|
<div class="list__contents_aria_group_body_list_item_status">
|
|
<h5 class="--status__step-done">완료</h5>
|
|
</div>
|
|
<i class="list__contents_aria_group_body_list_item_bookmark --icon"></i>
|
|
</li>
|
|
<li class="list__contents_aria_group_body_list_item">
|
|
<h3 class="list__contents_aria_group_body_list_item_type">제안</h3>
|
|
<h4 class="list__contents_aria_group_body_list_item_label">대심도 빗물배수터널</h4>
|
|
<div class="list__contents_aria_group_body_list_item_status">
|
|
<h5 class="--status__step-stop">중지</h5>
|
|
</div>
|
|
<i class="list__contents_aria_group_body_list_item_bookmark --icon"></i>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="list__contents_aria_group_body">
|
|
<div class="list__contents_aria_group_body_category">
|
|
<i class="list__contents_aria_group_body_category_icon --icon"></i>
|
|
<h4 class="list__contents_aria_group_body_category_label">서울특별시</h4>
|
|
</div>
|
|
<ul class="list__contents_aria_group_body_list">
|
|
<li class="list__contents_aria_group_body_list_item">
|
|
<h3 class="list__contents_aria_group_body_list_item_type">설계</h3>
|
|
<h4 class="list__contents_aria_group_body_list_item_label">올림픽대로</h4>
|
|
<div class="list__contents_aria_group_body_list_item_status">
|
|
<h5 class="--status__step-wait">대기</h5>
|
|
</div>
|
|
<i class="list__contents_aria_group_body_list_item_bookmark --icon --bookmark__check"></i>
|
|
</li>
|
|
<li class="list__contents_aria_group_body_list_item">
|
|
<h3 class="list__contents_aria_group_body_list_item_type">지원</h3>
|
|
<h4 class="list__contents_aria_group_body_list_item_label">원효대교북단</h4>
|
|
<div class="list__contents_aria_group_body_list_item_status">
|
|
<h5 class="--status__step-done">완료</h5>
|
|
</div>
|
|
<i class="list__contents_aria_group_body_list_item_bookmark --icon"></i>
|
|
</li>
|
|
<li class="list__contents_aria_group_body_list_item">
|
|
<h3 class="list__contents_aria_group_body_list_item_type">제안</h3>
|
|
<h4 class="list__contents_aria_group_body_list_item_label">대심도 빗물배수터널</h4>
|
|
<div class="list__contents_aria_group_body_list_item_status">
|
|
<h5 class="--status__step-stop">중지</h5>
|
|
</div>
|
|
<i class="list__contents_aria_group_body_list_item_bookmark --icon"></i>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</details> -->
|
|
</div>
|
|
</div>
|
|
<!-- // [전체] 프로젝트 리스트 ===== ===== ===== ===== ===== -->
|
|
<!-- [즐겨찾기] 프로젝트 리스트 ===== ===== ===== ===== ===== -->
|
|
<div class="list__contents" id="bookmark-list" style="display: none;">
|
|
<!-- <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">
|
|
<!-- <details class="list__contents_aria_group" open>
|
|
<summary class="list__contents_aria_group_head">
|
|
<i class="list__contents_aria_group_head_icon --icon"></i>
|
|
<h3 class="list__contents_aria_group_head_label">지방자치단체</h3>
|
|
<h6 class="list__contents_aria_group_head_count">1건</h6>
|
|
</summary>
|
|
<div class="list__contents_aria_group_body">
|
|
<div class="list__contents_aria_group_body_category">
|
|
<i class="list__contents_aria_group_body_category_icon --icon"></i>
|
|
<h4 class="list__contents_aria_group_body_category_label">서울특별시</h4>
|
|
</div>
|
|
<ul class="list__contents_aria_group_body_list">
|
|
<li class="list__contents_aria_group_body_list_item">
|
|
<h3 class="list__contents_aria_group_body_list_item_type">설계</h3>
|
|
<h4 class="list__contents_aria_group_body_list_item_label">올림픽대로</h4>
|
|
<div class="list__contents_aria_group_body_list_item_status">
|
|
<h5 class="--status__step-wait">대기</h5>
|
|
</div>
|
|
<i class="list__contents_aria_group_body_list_item_bookmark --icon --bookmark__check"></i>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</details> -->
|
|
</div>
|
|
</div>
|
|
<!-- // [즐겨찾기] 프로젝트 리스트 ===== ===== ===== ===== ===== -->
|
|
</aside>
|
|
<!-- // 좌측 프로젝트 리스트 ===== ===== ===== ===== ===== -->
|
|
<!-- 우측 상단 버튼 ===== ===== ===== ===== ===== -->
|
|
<!-- <button class="xs-btn-type-icon _top on" id="step-btn">
|
|
<img class="icon" src="/index/img-onpremise/icon__filter--111.svg" alt="icon__filter--111">
|
|
<h6>과업/진행</h6>
|
|
</button> -->
|
|
<!-- // 우측 상단 버튼 ===== ===== ===== ===== ===== -->
|
|
<!-- 우측 상단 모달창 ===== ===== ===== ===== ===== -->
|
|
<div class="modal-wrap" style="">
|
|
<div class="window _status" id="step-modal" style="display: block;">
|
|
<div class="window-header">
|
|
<h3>과업종류</h3>
|
|
<img class="icon" src="/index/img-onpremise/icon-close-aaa.svg" alt="icon-close-aaa" id="step-modal-close">
|
|
</div>
|
|
<div class="window-body">
|
|
<div class="window-body-content">
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="step-construction" checked>
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h4>시공</h4>
|
|
<div class="step-desc">시공 사업</div>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="step-design" checked>
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h4>설계</h4>
|
|
<div class="step-desc">BIM 기반 설계</div>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="step-surgest" checked>
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h4>제안</h4>
|
|
<div class="step-desc">사업 제안</div>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="step-research" checked>
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h4>연구</h4>
|
|
<div class="step-desc">국가 연구사업</div>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="task-support" checked>
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h4>지원</h4>
|
|
<div class="step-desc">BIM 지원사업</div>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="task-center" checked>
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h4>센터</h4>
|
|
<div class="step-desc">기술개발센터 자체 내 사업</div>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="task-survey" checked>
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h4>측량</h4>
|
|
<div class="step-desc">드론기반 영상 측량</div>
|
|
</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">
|
|
<h4 class="--status__step-active">진행</h4>
|
|
<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">
|
|
<h4 class="--status__step-stop">중지</h4>
|
|
<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">
|
|
<h4 class="--status__step-done">완료</h4>
|
|
<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">
|
|
<h4 class="--status__step-wait">대기</h4>
|
|
<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" checked><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"><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 _status" id="step-modal" style="display: block;">
|
|
<div class="window-header">
|
|
<h3>과업종류</h3>
|
|
<img class="icon" src="/index/img-onpremise/icon-close-aaa.svg" alt="icon-close-aaa" id="step-modal-close">
|
|
</div>
|
|
<div class="window-body">
|
|
<div class="window-body-content">
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="step-construction" checked>
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h4>시공</h4>
|
|
<div class="step-desc">시공 사업</div>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="step-design" checked>
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h4>설계</h4>
|
|
<div class="step-desc">BIM 기반 설계</div>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="step-surgest" checked>
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h4>제안</h4>
|
|
<div class="step-desc">사업 제안</div>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="step-research" checked>
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h4>연구</h4>
|
|
<div class="step-desc">국가 연구사업</div>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="task-support" checked>
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h4>지원</h4>
|
|
<div class="step-desc">BIM 지원사업</div>
|
|
</div>
|
|
</label>
|
|
<label class="custom-checkbox">
|
|
<input type="checkbox" id="task-center" checked>
|
|
<span class="checkmark">
|
|
</span>
|
|
<div class="step-wrap">
|
|
<h4>센터</h4>
|
|
<div class="step-desc">기술개발센터 자체 내 사업</div>
|
|
</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" checked>
|
|
<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> -->
|
|
<!-- // 우측 상단 모달창 ===== ===== ===== ===== ===== -->
|
|
<!-- 기본지도 -->
|
|
<!-- <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="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"><span
|
|
class="radio-custom-inbox"></span>하이브리드
|
|
</label>
|
|
<label class="radio-label">
|
|
<input type="radio" name="map" id="google-satellite" value="google-satellite" checked><span
|
|
class="radio-custom-inbox"></span>위성
|
|
</label>
|
|
</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-bim.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> |