update chart size & menu name

src/main/java/egovframework/com/its/web/server/controller/MainController.java

@@ -82,4 +82,10 @@ public class MainController {
         return "main/popup.empty";
     }
 
+    @RequestMapping(value = "/main/video-policy.do", method = RequestMethod.GET)
+    public String videoPolicyPopup(Model model, @RequestParam Map<String, Object> paramMap) {
+        model.addAttribute("siteSubInfo", "sub sitemap");
+        model.addAttribute("subTitle", "영상정보처리기기 운영*관리 방침");
+        return "main/video_op_policy.tiles";
+    }
 }

src/main/java/egovframework/com/its/web/server/service/TrafficStatsService.java

@@ -228,7 +228,7 @@ public class TrafficStatsService {
         if (list != null && list.size() > 0) {
             ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
             Workbook workbook = new SXSSFWorkbook(2000);
-            Sheet sheet = workbook.createSheet("교통소통 통계"); // 시트명 지정
+            Sheet sheet = workbook.createSheet("소통 통계"); // 시트명 지정
             Row headerRow = sheet.createRow(0);
             String[] columns = { "도로명", "구간", "통계시각", "속도(km/h)", "통행시간(sec)"};
             for (int i = 0; i < columns.length; i++) {

src/main/webapp/WEB-INF/jsp/egovframework/admin/status.jsp

@@ -71,17 +71,17 @@
 						<ul class="tabUI f-clear">
 							<a href="javascript:dayClick()">
 								<li class="tab1 on" >
-									일 통계
+									시간 통계
 								</li>
 							</a>
 							<a href="javascript:monthClick()">
 								<li class="tab2">
-									월 통계
+									일 통계
 								</li>
 							</a>
 							<a href="javascript:yearClick()">
 								<li class="tab4">
-									년 통계
+									월 통계
 								</li>
 							</a>
 						</ul>
@@ -286,7 +286,7 @@
 		let range 		= lastHours;
 		let word  		= '시';
 		let classFront  = 'hh';
-		let info        = '일';
+		let info        = '시간';
 		let strt        = 0;
 		const tbObj = getTableObj(range, word, strt);
 		$('.' + classFront + 'Th').html(tbObj.th);
@@ -334,7 +334,7 @@
 				$('#loading').hide();
 			},
 			error: function(e) {
-				alert('일 통계 데이터 호출 중 오류가 발생하였습니다.');
+				alert('시간 통계 데이터 호출 중 오류가 발생하였습니다.');
 			}
 		});
 	}
@@ -436,7 +436,7 @@
 			url:'/ptatms/getMonthStatsList.do',
 			data: {"from":from, "to": to},
 			success: function(jsonData) {
-				drawTable(jsonData, '일', '월', colspan, 'dd');
+				drawTable(jsonData, '일', '일', colspan, 'dd');
 			}, beforeSend: function () {
 				$('#loading').show();
 			},
@@ -444,7 +444,7 @@
 				$('#loading').hide();
 			},
 			error: function(e) {
-				alert('월 통계 데이터 호출 중 오류가 발생하였습니다.');
+				alert('일 통계 데이터 호출 중 오류가 발생하였습니다.');
 			}
 		});
 	}
@@ -579,7 +579,7 @@
 			url:'/ptatms/getYearStatsList.do',
 			data: {"from":from, "to": to},
 			success: function(jsonData) {
-				drawTable(jsonData, '월', '년', colspan, 'period');
+				drawTable(jsonData, '월', '월', colspan, 'period');
 			}, beforeSend: function () {
 				$('#loading').show();
 			},
@@ -587,7 +587,7 @@
 				$('#loading').hide();
 			},
 			error: function(e) {
-				alert('년 통계 데이터 호출 중 오류가 발생하였습니다.');
+				alert('월 통계 데이터 호출 중 오류가 발생하였습니다.');
 			}
 		});
 	}

src/main/webapp/WEB-INF/jsp/egovframework/main/video_op_policy.jsp

@@ -0,0 +1,158 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<style>
+    p {
+        font-size: 16px;
+        line-height : 25px;
+        padding: 0 5px;
+    }
+    .title-box{
+        margin-bottom: 20px;
+    }
+    .ml-20 {
+        margin-left: 20px;
+    }
+    .ml-12 {
+        margin-left: 12px;
+    }
+    table {
+        width: 100%;
+        height: 100px;
+        padding: 10px;
+        box-sizing: border-box;
+    }
+    table thead {
+        background-color: #bbbbbb;
+        height: 30px;
+        text-align: center;
+    }
+    table th {
+        border-top: 1px solid black;
+        border-right: 1px solid black;
+        border-bottom: 1px solid black;
+        text-align: center;
+    }
+    table td:nth-child(1),
+    table th:nth-child(1) {
+        border-left: 1px solid black;
+    }
+    table td {
+        border-right: 1px solid black;
+        border-bottom: 1px solid black;
+        text-align: center;
+    }
+    .contents-wrap {
+        padding: 30px 0;
+    }
+    /*table td, table th {*/
+    /*    border : 1px solid black;*/
+    /*}*/
+</style>
+<section class="sub-container">
+    <article class="menu-history">
+        <ul>
+            <li><a href="/main/main.do" class="home">홈</a></li>
+            <li><a href="/main/video-policy.do">영상정보처리기기 운영․관리 방침</a></li>
+        </ul>
+    </article>
+    <article class="contents-wrap">
+        <div class="title-box">
+            <h1 class="h3-title">【 영상정보처리기기 운영․관리 방침 】</h1>
+        </div>
+        <p>평택도시공사(이하 “본 기관”)는 영상정보처리기기 운영․관리 방침을 통해 본 기관에서 처리하는 영상정보가 어떠한 용도와 방식으로 이용 및 관리되고 있는지 알려드립니다.</p>
+        <br>
+        <p><strong>1. 영상정보처리기기의 설치 근거 및 목적</strong></p>
+        <p class="ml-12">본 기관은 개인정보보호법 제25조 제1항에 따라 다음과 같은 목적으로 영상정보처리기기를 설치·운영합니다.</p>
+        <p class="ml-12">- 교통정보수집, 현장시설물 관리 등</p>
+        <br>
+        <p><strong> 2. 설치 대수, 설치 위치 및 촬영범위</strong></p>
+        <table>
+            <colgroup>
+                <col width="20%">
+                <col width="20%">
+                <col width="60%">
+            </colgroup>
+            <thead>
+                <tr>
+                    <th colspan="2">설치 대수</th>
+                    <th>설치 위치 및 촬영 범위</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>교통정보수집 및 시설물관리</td>
+                    <td>606대</td>
+                    <td>평택시 관내 주요도로</td>
+                </tr>
+            </tbody>
+        </table>
+        <br>
+        <p><strong>3. 관리책임자 및 접근권한자</strong></p>
+        <p class="ml-12"> 귀하의 영상정보를 보호하고 개인영상정보와 관련한 민원을 처리하기 위하여 아래와 같이 개인영상정보 보호책임자를 두고 있습니다.</p>
+        <table>
+            <thead>
+            <tr>
+                <th>설치 목적</th>
+                <th>구분</th>
+                <th>직위</th>
+                <th>소속</th>
+                <th>연락처</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr>
+                <td rowspan="2">ITS</td>
+                <td>관리책임자</td>
+                <td>교통사업처장</td>
+                <td>평택도시공사</td>
+                <td>031-8053-1530</td>
+            </tr>
+            <tr>
+                <td style="border-left: 0;">접근권한자</td>
+                <td>교통정보 CCTV 담당자</td>
+                <td>평택도시공사</td>
+                <td>031-8053-1531</td>
+            </tr>
+            </tbody>
+        </table>
+        <br>
+        <p><strong> 4. 영상정보의 촬영시간, 보관기간, 보관장소 및 처리방법</strong></p>
+        <table>
+            <colgroup>
+                <col width="30%">
+                <col width="35%">
+                <col width="35%">
+            </colgroup>
+            <thead>
+            <tr>
+                <th>촬영시간</th>
+                <th>보관기간</th>
+                <th>보관장소</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr>
+                <td>24시간</td>
+                <td>촬영일로부터 30일</td>
+                <td>스마트도시통합센터</td>
+            </tr>
+            </tbody>
+        </table>
+        <p class="ml-12"> - 처리방법 : 개인영상정보의 목적 외 이용, 제3자 제공, 파기, 열람 등 요구에 관한 사항을 기록․관리하고, 보관기간 만료 시 복원이 불가능한 방법으로 자동 삭제합니다.</p>
+        <br>
+        <p><strong> 5. 개인영상정보의 확인 방법 및 장소에 관한 사항</strong></p>
+        <p class="ml-12"> - 확인 방법</p>
+        <p class="ml-20">● 관할 경찰서에 신고접수 후 경찰관이 본 기관을 방문하거나 반출시스템을 확인합니다.</p>
+        <p class="ml-20">● 개인은 정보공개청구로 영상 반출 신청 후 담당자가 검토하여, 확인 대상이면 본 기관에 방문하여 영상을 수령할 수 있습니다.</p>
+        <p class="ml-12"> - 확인 장소 : 평택시 스마트도시통합센터</p>
+        <br>
+        <p><strong> 6. 정보주체의 영상정보 열람 등 요구에 대한 조치</strong></p>
+        <p class="ml-12">- 귀하께서 개인영상정보에 관하여 열람 또는 존재확인․</p>
+        <p class="ml-12">- 삭제를 원하는 경우 정보주체 또는 제3자의 이익을 부당하게 침해할 우려가 있을 때를 제외하고는 언제든지 영상정보처리기기 운영자에게 요구하실 수 있습니다.</p>
+        <p class="ml-12">- 단, 귀하가 촬영된 개인영상정보 및 명백히 정보주체의 급박한 생명, 신체, 재산의 이익을 위하여 필요한 개인영상정보에 한정됩니다.</p>
+        <p class="ml-12">- 본 기관은 개인영상정보에 관하여 열람 또는 존재확인․</p>
+        <p class="ml-12">- 삭제를 요구한 경우 지체 없이 필요한 조치를 하겠습니다.</p>
+        <br>
+        <p><strong> 7. 영상정보의 안전성 확보조치</strong></p>
+        <p class="ml-12">본 기관에서 처리하는 영상정보는 암호화 조치 등을 통하여 안전하게 관리되고 있습니다. 또한 본 기관은 개인영상정보보호를 위한 관리 대책으로서 개인정보에 대한 접근 권한을    차등부여하고 있고, 개인영상정보의 위․변조 방지를 위하여 개인영상정보의 생성 일시,열람 시 열람 목적․열람자․열람 일시 등을 기록하여 관리하고 있습니다. 이 외에도 개인영상정보의 안전한 물리적 보관을 위하여 잠금장치를 설치하고 있습니다.</p>
+    </article>
+</section>

src/main/webapp/WEB-INF/jsp/egovframework/relate/siteMap.jsp

@@ -23,7 +23,7 @@
 	                    <li>
 	                        <h4>교통정보</h4>
 	                        <ul class="list">
-	                            <li><a href="/traffic/realtime.do">실시간소통정보</a></li>
+	                            <li><a href="/traffic/realtime.do">소통정보</a></li>
 	                                <li><a href="/traffic/incd.do">돌발정보</a></li>
 	                                <li><a href="/traffic/cctv.do">CCTV</a></li>
 	                                <li><a href="/traffic/vms.do">VMS</a></li>

src/main/webapp/WEB-INF/jsp/egovframework/statistics/connStat.jsp

@@ -60,17 +60,17 @@
 						<ul class="tabUI f-clear">
 							<a href="javascript:dayClick()">
 								<li class="tab1 on" >
-									일 통계
+									시간 통계
 								</li>
 							</a>
 							<a href="javascript:monthClick()">
 								<li class="tab2">
-									월 통계
+									일 통계
 								</li>
 							</a>
 							<a href="javascript:yearClick()">
 								<li class="tab4">
-									년 통계
+									월 통계
 								</li>
 							</a>
 						</ul>
@@ -142,7 +142,7 @@
 				</div>
 				<!--  그래프  -->
 				<div>
-					<article id="highcharts" style="min-width:310px;height:350px; margin-top: 10px; overflow-y:auto;"></article>
+					<article id="highcharts" style="min-width:310px;height:370px; margin-top: 10px; overflow-y:auto;"></article>
 				</div>
 			</div>
 		</div>
@@ -280,7 +280,7 @@
 					let range 		= lastHours;
 					let word  		= '시';
 					let classFront  = 'hh';
-					let info        = '일';
+					let info        = '시간';
 					let strt        = 0;
 					const tbObj = getTableObj(range, word, strt);
 					$('.' + classFront + 'Th').html(tbObj.th);
@@ -318,7 +318,7 @@
 				$('#loading').hide();
 			},
 			error: function(e) {
-				alert('getDayStats ajax error');
+				alert('시간 통계 데이터 호출 중 오류가 발생하였습니다.');
 			}
 		});
 	}
@@ -418,7 +418,7 @@
 			url:'/statistics/getMonthStatsList.do',
 			data: {"from":from, "to": to},
 			success: function(jsonData) {
-				drawTable(jsonData, '일', '월', colspan, 'dd');
+				drawTable(jsonData, '일', '일', colspan, 'dd');
 			}, beforeSend: function () {
 				$('#loading').show();
 			},
@@ -426,7 +426,7 @@
 				$('#loading').hide();
 			},
 			error: function(e) {
-				alert('getDayStats ajax error');
+				alert('일 통계 데이터 호출 중 오류가 발생하였습니다.');
 			}
 		});
 	}
@@ -517,7 +517,7 @@
 			url:'/statistics/getYearStatsList.do',
 			data: {"from":from, "to": to},
 			success: function(jsonData) {
-				drawTable(jsonData, '월', '년', colspan, 'period');
+				drawTable(jsonData, '월', '월', colspan, 'period');
 			}, beforeSend: function () {
 				$('#loading').show();
 			},
@@ -525,7 +525,7 @@
 				$('#loading').hide();
 			},
 			error: function(e) {
-				alert('getDayStats ajax error');
+				alert('월 통계 데이터 호출 중 오류가 발생하였습니다.');
 			}
 		});
 	}

src/main/webapp/WEB-INF/jsp/egovframework/statistics/info.jsp

@@ -145,7 +145,6 @@
     <!-- 서브 지도 영역 -->
     <article class="mapArea statistics">
         <div id="statistics_map"></div>
-        <img class="legend-img" alt="소통등급" src="/common/images/trafficStatus.png">
         <div class="move-up" onclick="move(this)"></div>
         <div class="mapContent statistics">
             <div class="check-text">※ 속도와 통행시간 확인 후 이용하시기 바랍니다.</div>
@@ -285,7 +284,6 @@
 
     kakao.maps.event.addListener(_Map, 'dragend', function () {
         // drawRoadMap();
-        console.log('test2');
         drawRoadMap();
     });
     getAtrdInfo();
@@ -401,7 +399,8 @@
                 linePath.push(new daum.maps.LatLng(yCrdnArr[ii], xCrdnArr[ii]));
             }
             // const cmtrGradColor = this.colors[this.cmtr_grad_cd];
-            const cmtrGradColor = this.colors[this.cmtr_grad_cd].color;
+            // const cmtrGradColor = this.colors[this.cmtr_grad_cd].color;
+            const cmtrGradColor = '#00981e';
             let strokeWeight = 3;
             let strokeWeightBack = 5;
             let size = 48;
@@ -450,12 +449,11 @@
             if (sectLngt && !isNaN(Number(sectLngt))) {
                 sectLngt = sectLngt.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",");
             }
-            this.content = '<div class="mapPop traffic_' + this.cmtr_grad_cd + '">'
-                            + '<div class="head"><span class="title">' + obj.road_nm + '</span><span class="traff'
-                            + 'ic">' + this.colors[this.cmtr_grad_cd].text + '</span></div>'
+            this.content = '<div class="mapPop traffic_LTC0">'
+                            + '<div class="head"><span class="title">' + obj.road_nm + '</span></div>'
                             + '<div class="cont"><dl>'
                             + '<dt>[ ' + obj.strt_nm_node + ' ] 부터<br/>[ ' + obj.end_nm_node + ' ] 까지</dt>'
-                            + '<dd>소요시간 : 약 ' + obj.trvl_hh + ' 분<br/>평균속도 : ' + obj.sped + ' km/h<br>구간거리 : ' + sectLngt + ' m</dd>'
+                            + '<dd>구간거리 : ' + sectLngt + ' m</dd>'
                             + '</dl></div>';
 
             daum.maps.event.addListener(this.polyline, 'mouseover', function (mouseEvent) {

src/main/webapp/WEB-INF/jsp/egovframework/tiles/footer.jsp

@@ -7,6 +7,7 @@
         <p>
             <a href="https://www.pyeongtaek.go.kr/pyeongtaek/contents.do?mId=0702010000" target="_blank" rel="noopener noreferrer">개인정보처리방침</a>
             <a href="https://www.pyeongtaek.go.kr/pyeongtaek/contents.do?mId=0703000000" target="_blank" rel="noopener noreferrer">이메일수집거부</a>
+            <a href="/main/video-policy.do">영상정보처리기기운영관리방침</a>
         </p>
         <p>경기도 평택시 죽백동 죽백4로 21</p>
         <p>평택시 대표/민원 문의 : 031-8024-5000, 교통정보센터 홈페이지 문의 : 031-8053-1536</p>

src/main/webapp/WEB-INF/jsp/egovframework/tiles/header.jsp

@@ -29,27 +29,27 @@
                 <dt><span>교통정보</span></dt>
                 <dd>
                   <ul class="sitemap-2dep">
-                    <li><a href="/traffic/realtime.do">실시간소통정보</a></li>
+                    <li><a href="/traffic/realtime.do">소통정보</a></li>
                     <li><a href="/traffic/incd.do">돌발정보</a></li>
                     <li><a href="/traffic/cctv.do">CCTV</a></li>
                     <li><a href="/traffic/vms.do">VMS</a></li>
                   </ul>
                 </dd>                        
               </dl>
-              <dl>
-                <dt><span>버스정보</span></dt>
-                <dd>
-                  <ul class="sitemap-2dep">
-                    <li><a href="http://www.gbis.go.kr/gbis2014/schBus.action">버스정보</a></li>
-                  </ul>
-                </dd>
-              </dl>
+<%--              <dl>--%>
+<%--                <dt><span>버스정보</span></dt>--%>
+<%--                <dd>--%>
+<%--                  <ul class="sitemap-2dep">--%>
+<%--                    <li><a href="http://www.gbis.go.kr/gbis2014/schBus.action">버스정보</a></li>--%>
+<%--                  </ul>--%>
+<%--                </dd>--%>
+<%--              </dl>--%>
               <dl>
                 <dt><span>통계 & 자료실</span></dt>
                 <dd>
                   <ul class="sitemap-2dep">
                     <li><a href="/statistics/ixrTrafficStats.do">교차로 교통량 통계</a></li>
-                    <li><a href="/statistics/info.do">교통소통 통계</a></li>
+                    <li><a href="/statistics/info.do">소통 통계</a></li>
                     <li><a href="/archive/archiveList.do">자료실</a></li>
                     <li><a href="/statistics/connStat.do">접속 통계</a></li>
                   </ul>
@@ -95,20 +95,20 @@
               <li class="nav-item dropdown">
                 <a class="nav-link" href="#" id="trafficDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">교통정보</a>
                 <ul class="dropdown-menu" aria-labelledby="trafficDropdown">
-                  <li><a class="dropdown-item" href="/traffic/realtime.do">실시간소통정보</a></li>
+                  <li><a class="dropdown-item" href="/traffic/realtime.do">소통정보</a></li>
                   <li><a class="dropdown-item" href="/traffic/incd.do">돌발정보</a></li>
                   <li><a class="dropdown-item" href="/traffic/cctv.do">CCTV</a></li>
                   <li><a class="dropdown-item" href="/traffic/vms.do">VMS</a></li>
                 </ul>
               </li>
-              <li class="nav-item">
-                <a class="nav-link" href="http://www.gbis.go.kr/gbis2014/schBus.action" onclick="window.open(this.href, '_blank', 'noopener'); return false;">버스정보</a>
-              </li>
+<%--              <li class="nav-item">--%>
+<%--                <a class="nav-link" href="http://www.gbis.go.kr/gbis2014/schBus.action" onclick="window.open(this.href, '_blank', 'noopener'); return false;">버스정보</a>--%>
+<%--              </li>--%>
               <li class="nav-item dropdown">
                 <a class="nav-link" href="#" id="statisticsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">통계 & 자료실</a>
                 <ul class="dropdown-menu" aria-labelledby="statisticsDropdown">
                   <li><a  class="dropdown-item" href="/statistics/ixrTrafficStats.do">교차로 교통량 통계</a></li>
-                  <li><a class="dropdown-item" href="/statistics/info.do">교통소통 통계</a></li>
+                  <li><a class="dropdown-item" href="/statistics/info.do">소통 통계</a></li>
                   <li><a class="dropdown-item" href="/archive/archiveList.do">자료실</a></li>
                   <li><a class="dropdown-item" href="/statistics/connStat.do">접속 통계</a></li>
                 </ul>