feat: 발주기관 관리 시추정보 현황 도움말 추가 건

src/main/webapp/WEB-INF/views/drilling/inquiry/drilling_inquiry_project.jsp

@@ -277,6 +277,65 @@ if (request.getSession().getAttribute("CLS") == null || "2".equals(request.getSe
     		openMapLoc(p_code);
     	}
     }
+	
+	/* 도움말 시작 */
+	function fn_help_tour(){
+		var pageTitle = "시추정보 관리";
+		iGuider({
+			tourTitle: pageTitle,
+			intro:{
+				title: '관리 시추정보 현황 사용방법이 궁금하신가요?',
+				content: '관리 시추정보 현황 사용설명을 진행하겠습니다. <br /><br /><span style="font-weight: 800;">결론적으로 시추정보 관리랑 동일하나, 입력상태가 \'등록 완료\'된 것만 보이는 기능입니다. 실제 유통(=등록)이 완료된 것만 보고 싶을 때 사용됩니다.</span>'
+			},
+			steps:[{
+				title:'Step 1',
+				content: '관리 시추정보 현황에 나타나는 목록은 국토지반정보 포털시스탬 내 기업 사용자가 해당 발주기관으로 등록된 모든 유통완료 프로젝트만 보입니다.',
+				target:'content-wrapper'
+			},{
+				title:'Step 2',
+				content: '기업 사용자가 시추정보 등록 시, 발주처를 입력하는데 이때 현재 발주기관으로 등록한 프로젝트가 보여집니다.<br /><br /><span style="font-weight: 800;">\'건설현장 조회\'VS\'시추정보 관리\'</span><br /><span style="font-weight: 800;">건설현장 조회</span>: 발주기관이 직접 입력한 건설현장만 보여짐.<br /><span style="font-weight: 800;">시추정보 관리</span>: 기업사용자가 시추정보 입력 시, 발주처를 현재 발주기관으로 등록한 프로젝트<br /><span style="font-weight: 800; color: #19b3e5;">!? 발주기관 사용자가 입력한 건설현장이 나오는데요?</span><br /> 답변: 네 맞습니다. 기업사용자와 연결된 경우 여기에 보여집니다. 결론은 기업사용자 프로젝트에 발주처가 연결되어 있으면 보여집니다.',
+				target:'content-wrapper'
+			},{
+				title:'Step 3',
+				content: '지반 정보를 입력할 때 프로젝트를 생성하는 방법은 두 가지 입니다. <ul style="list-style-type: circle;"><li style="margin-left: 10px;">기업 사용자가 프로젝트 생성</li><li style="margin-left: 10px;">발주기관 사용자 프로젝트 생성</li></ul><br />이 점 참고하시기 바랍니다.',
+				target:'content-wrapper'
+			},{
+				title:'Step 2',
+				content: '시추정보 관리 조회 시, 필터링을 제공합니다.',
+				target:'page-top-search'
+			},{
+				title:'Step 3',
+				content: '검색할 프로젝트 명을 입력합니다.',
+				target:'const-name'
+			},{
+				title:'Step 4',
+				content: '검색할 사업기간을 입력합니다.',
+				target:'const-start-end-date'
+			},{
+				title:'Step 5',
+				content: '검색할 수주기관 건설사명을 입력합니다.',
+				target:'company-dept'
+			},{
+				title:'Step 6',
+				content: '검색할 수주기관 담당자 명을 입력합니다.',
+				target:'company-admin'
+			},{
+				title:'Step 7',
+				content: '검색할 수주기관 담당자의 연락처를 입력합니다.',
+				target:'company-tel'
+			},{
+				title:'Step 8',
+				content: '전체 시추정보 관리 목록이 필요한 경우, CSV다운로드 버튼을 눌러 목록을 다운로드합니다.',
+				target:'excel-download-btn'
+			},{
+				title:'Step 9',
+				content: '유통이 완료된 프로젝트는 지도를 통해 위치를 확인하실 수 있습니다.',
+				target:'btn-view-on-map'
+			}],
+		});
+		return false;
+	}
+	/* 도움말 끝 */
 </script>
 <!-- javascript end-->
 
@@ -306,39 +365,41 @@ if (request.getSession().getAttribute("CLS") == null || "2".equals(request.getSe
                         <li class="category-item"></li>
                         <li class="category-item">관리 시추정보 현황</li>
                     </ul>
-                    <a href="javascript:void()" class="btn btn-help">도움말</a>
+                    <a href="javascript:;" class="btn btn-help start-tour" onClick="fn_help_tour();">도움말</a>
                 </div>
                 <!-- 카테고리 끝 -->
                 <h1 class="page-title-1depth">관리 시추정보 현황</h1>
                 <!-- 내용 시작 -->
-                <div class="content-wrapper">
+                <div class="content-wrapper" data-target="content-wrapper">
                     <div class="content1">
                         <div class="page-top-search">
                             <form class="form-inline">
                                 <label class="input-label-display">검색</label>
                                 <input type="hidden" id="excelDownload" name="excelDownload" value="" >
                                 <input type="hidden" id="const-tag" name="const-tag" value="P" >
-                                <input type="search" id="const-name" name="const-name" class="input" placeholder="프로젝트명" title="" value="">
+                                <input type="search" id="const-name" data-target="const-name" name="const-name" class="input" placeholder="프로젝트명" title="" value="">
-                                <input type="date" id="const-start-date" name="const-start-date" >
+                                <span data-target="const-start-end-date" >
-                                <span>~</span>
+	                                <input type="date" id="const-start-date" name="const-start-date" >
-                                <input type="date" id="const-end-date" name="const-end-date" >
+	                                <span>~</span>
+	                                <input type="date" id="const-end-date" name="const-end-date" >
+                                </span>
                                 <input type="hidden" id="const-state-code" name="const-end-date">
                             </form>
                             <form class="form-inline-row">
-                                <input type="text" id="company-dept" name="company-dept" class="input input-1" placeholder="담당부서,건설사명" title="" value="">
+                                <input type="text" id="company-dept" data-target="company-dept" name="company-dept" class="input input-1" placeholder="담당부서,건설사명" title="" value="">
-                                <input type="text" id="company-admin" name="company-admin" class="input input-2" placeholder="담당자" title="" value="">
+                                <input type="text" id="company-admin" data-target="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="">
+                                <input type="text" id="company-tel" data-target="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">
+                                <button type="button" id="btn-view-on-map" data-target="btn-view-on-map" class="btn btn-view-on-map">
                                     <span>지도보기</span>
                                 </button>
                             </form>
                         </div>
                         <div class="table-info-group display-flex" style="justify-content: space-between;">
 							<div>
-								<button class="btn-green btn-list-excel-download" type="button" id="excel-download-btn" onclick="javascript:clickExcelListDown();">CSV 다운로드</button>
+								<button class="btn-green btn-list-excel-download" type="button" id="excel-download-btn" data-target="excel-download-btn" onclick="javascript:clickExcelListDown();">CSV 다운로드</button>
 							</div>
 							<div>Total: <span id="count">-</span>건</div>
                         </div>

src/main/webapp/WEB-INF/views/drilling/mgmt/project.jsp

@@ -428,7 +428,7 @@ if (request.getSession().getAttribute("CLS") == null || "2".equals(request.getSe
                                 <button type="button" id="btn-search" data-target="btn-search" class="btn btn-search">
                                     <span>조회하기</span>
                                 </button>
-                                <button type="button" id="btn-view-on-map" data-target="btn-view-on-map" class="btn btn-view-on-map">
+                                <button type="button" id="btn-view-on-map" data-target="btn-view-on-map" class="btn btn-view-on-map" style="display: none;">
                                     <span>지도보기</span>
                                 </button>
                             </form>