feat: 발주기관 건설현장 조회 도움말 추가

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

@@ -462,6 +462,65 @@ if (request.getSession().getAttribute("CLS") == null || "2".equals(request.getSe
 			window.location.href = 'modify.do?CID=' + CID;
 		}
 	}
+	
+	/* 도움말 시작 */
+	function fn_help_tour(){
+		var pageTitle = "건설현장 조회";
+		iGuider({
+			tourTitle: pageTitle,
+			intro:{
+				title: '건설현장 조회 방법이 궁금하신가요?',
+				content: '건설현장 조회 방법 사용설명을 진행하겠습니다.'
+			},
+			steps:[{
+				title:'Step 1',
+				content: '건설현장은 발주기관 사용자가 직접 입력한 건설현장 목록을 보는 기능입니다.<br /><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:'const-state-code'
+			},{
+				title:'Step 6',
+				content: '검색할 입력상태를 입력합니다.',
+				target:'project-state-code'
+			},{
+				title:'Step 7',
+				content: '검색할 발주기관 부서명 또는 수주기관인 건설사명을 입력합니다.',
+				target:'company-dept'
+			},{
+				title:'Step 8',
+				content: '검색할 발주기관 담당자 또는 수주기관 담당자를 입력합니다.',
+				target:'company-admin'
+			},{
+				title:'Step 9',
+				content: '검색할 발주기관 연락처 또는 수주기관 담당자의 연락처를 입력합니다.',
+				target:'company-tel'
+			},{
+				title:'Step 10',
+				content: '전체 건설현장 목록이 필요한 경우, CSV다운로드 버튼을 눌러 목록을 다운로드합니다.',
+				target:'excel-download-btn'
+			},{
+				title:'Step 11',
+				content: '건설사명에 마우스를 올린 경우, 연결된 기업사용자의 ID 및 프로젝트 코드를 확인하실 수 있습니다.',
+				target:'header-const-company-dept'
+			}],
+		});
+		return false;
+	}
+	/* 도움말 끝 */
 </script>
 <!-- javascript end-->
 
@@ -491,25 +550,27 @@ if (request.getSession().getAttribute("CLS") == null || "2".equals(request.getSe
                         <li class="category-item"></li>
                         <li class="category-item">건설현장 조회</li>
                     </ul>
-                    <a href="#" 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">
+                        <div class="page-top-search" data-target="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="C" >
-                                <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="">
                                 <div id="suggestionList"></div>
-                                <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" >
-                                <select id="const-state-code" name="const-state-code">
+                                <select id="const-state-code" data-target="const-state-code" name="const-state-code">
 								    <option value="" selected="selected">전체</option>
 								    <option value="1">타당성조사 및 계획검토</option>
 								    <option value="2">기본설계</option>
@@ -518,7 +579,7 @@ if (request.getSession().getAttribute("CLS") == null || "2".equals(request.getSe
 								    <option value="5">준공</option>
 								    <option value="6">유지보수</option>
 								</select>
-                                <select id="project-state-code" name="project-state-code">
+                                <select id="project-state-code" data-target="project-state-code" name="project-state-code">
 								    <option value="" selected="selected">전체</option>
 								    <option value="0">미입력</option>
 								    <option value="1">입력 중</option>
@@ -530,20 +591,20 @@ if (request.getSession().getAttribute("CLS") == null || "2".equals(request.getSe
 								</select>
                             </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" style="display: none;">
                                     <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>
@@ -577,7 +638,7 @@ if (request.getSession().getAttribute("CLS") == null || "2".equals(request.getSe
                                     <th>담당부서</th>
                                     <th>담당자</th>
                                     <th>담당연락처</th>
-                                    <th>건설사명</th>
+                                    <th data-target="header-const-company-dept">건설사명</th>
                                     <th>담당자</th>
                                     <th>담당연락처</th>
                                 </tr>