20220726 last commit

src/main/resources/static/application/facility/main/main-func.js

@@ -160,7 +160,7 @@ function updateDbmsStts(jsonData) {
             tableReamin.css("color","red")
         }
         setHtml(tableReamin, obj.tbls_rmnd_cpct+" %");
-
+        
         if(obj.use_sesn >= 80) {
             useSession.css("color","red")
         }

src/main/resources/static/application/facility/main/main.css

@@ -45,19 +45,6 @@
 }
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
 *{
     margin:0;
     padding: 0;
@@ -68,6 +55,7 @@ html,body{
     color: rgb(0, 0, 0);
 	max-width: 1920px;
 }
+
 .header{
     position: relative;
     display: grid;
@@ -85,8 +73,8 @@ html,body{
     z-index: 10;
 }
 .header > :nth-child(1){
-    width: 110px;
-    top: 15px;
+   width: 110px;
+   top:15px;
 }
 .header > :nth-child(2){
     position: relative;
@@ -535,13 +523,13 @@ img{
     margin: 0px auto;
 }
 .comStts_UTP01,.comStts_MOCT01,.comStts_EXT01,.comStts_WEB01,.comStts_CTV01,
-.comStts_VDS01,.comStts_VMS01,.comStts_90201,.comStts_90202,.comStts_90203,.comStts_90204,.comStts_90205,.comStts_90101,.comStts_90102,.comStts_90103,.comStts_90104,.comStts_90105,.comStts_80101,.comStts_80102,.comStts_110201,.comStts_110101,.comStts_10901,.comStts_11001,.comStts_11101,.comStts_11201{
+.comStts_VDS01,.comStts_VMS01,.comStts_90201,.comStts_90202,.comStts_90203,.comStts_90204,.comStts_90205,.comStts_90101,.comStts_90102,.comStts_90103,.comStts_90104,.comStts_90105,.comStts_80101,.comStts_80102,.comStts_110201,.comStts_160101,.comStts_110101,.comStts_10901,.comStts_11001,.comStts_11101,.comStts_11201,.comStts_80201{
     background-color: rgba(255, 255, 255, 0.747);
     border-radius : 0px 0px 0px 20px; 
     height: 27px;
 }
 .dbStts_UTP01,.dbStts_MOCT01,.dbStts_EXT01,.dbStts_WEB01,.dbStts_CTV01,
-.dbStts_VDS01,.dbStts_VMS01,.dbStts_90201,.dbStts_90202,.dbStts_90203,.dbStts_90204,.dbStts_90205,.dbStts_90101,.dbStts_90102,.dbStts_90103,.dbStts_90104,.dbStts_90105,.dbStts_80101,.dbStts_80102,.dbStts_110201,.dbStts_110101,.dbStts_10901,.dbStts_11001,.dbStts_11101,.dbStts_11201{
+.dbStts_VDS01,.dbStts_VMS01,.dbStts_90201,.dbStts_90202,.dbStts_90203,.dbStts_90204,.dbStts_90205,.dbStts_90101,.dbStts_90102,.dbStts_90103,.dbStts_90104,.dbStts_90105,.dbStts_80101,.dbStts_80102,.dbStts_110201,.dbStts_110101,.dbStts_10901,.dbStts_11001,.dbStts_11101,.dbStts_11201,.dbStts_160101,.dbStts_80201{
     background-color: rgba(255, 255, 255, 0.747);
     border-radius : 0px 0px 20px 0px; 
     height: 27px;

src/main/resources/static/application/facility/main/main.html

@@ -5,12 +5,12 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <script src="/libs/jquery/jquery-3.6.0.min.js"></script>
-        <script src="/libs/include-dialog.js"></script>
+		<script src="/libs/include-dialog.js"></script>
         <script src="/libs/excel/xlsx.full.min.js"></script>
         <script src="/libs/excel/FileSaver.min.js"></script>
         <script src="/libs/highchart/highcharts.js"></script>
-        <script src="/js/constant/constant.js"></script>
-        <link rel="stylesheet" href="./main.css" />
+		<script src="/js/constant/constant.js"></script>
+		<link rel="stylesheet" href="./main.css" />
         <link rel="icon" href="data:;base64,iVBORw0KGgo=">
 
         <title>용인시 첨단교통센터 시설물 모니터링</title>
@@ -221,8 +221,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="UTP01_systemId">
-                            <td class="comStts_UTP01 valueColor"></td>
-                            <td class="dbStts_UTP01 valueColor"></td>
+                            <td class="comStts_UTP01 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_UTP01 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
@@ -234,11 +234,42 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="MOCT01_systemId">
-                            <td class="comStts_MOCT01 valueColor"></td>
-                            <td class="dbStts_MOCT01 valueColor"></td>
+                            <td class="comStts_MOCT01 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_MOCT01 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                        </tr>
+                    </table>
+
+
+
+
+                    <!--변경항목-->
+                    <table class="Minitable">
+                        <tr>
+                            <td class="tableColor" colspan="3" style="border-radius: 20px 20px 0px 0px">BIS기반정보 연계</td>
+                        </tr>
+                        <tr>
+                            <td class="tableColor" style="width: 50%">통신</td>
+                            <td class="tableColor">DB</td>
+                        </tr>
+                        <tr class="systemId_110201">
+                            <td class="comStts_110201 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_110201 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
+                        <tr>
+                            <td class="tableColor" colspan="3" style="border-radius: 20px 20px 0px 0px">마을버스 연계</td>
+                        </tr>
+                        <tr>
+                            <td class="tableColor" style="width: 50%">통신</td>
+                            <td class="tableColor">DB</td>
+                        </tr>
+                        <tr class="systemId_160101">
+                            <td class="comStts_160101 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_160101 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                        </tr>
+                    </table>
+                    <!-- <table class="Minitable">
                         <tr>
                             <td class="tableColor" colspan="3" style="border-radius: 20px 20px 0px 0px">BIS 자료구축</td>
                         </tr>
@@ -263,8 +294,14 @@
                             <td class="comStts_11001 valueColor"></td>
                             <td class="dbStts_11001 valueColor"></td>
                         </tr>
-                    </table>
-                    <table class="Minitable">
+                    </table> -->
+
+
+
+
+
+                    <!--없어진 항목-->
+                    <!-- <table class="Minitable">
                         <tr>
                             <td class="tableColor" colspan="3" style="border-radius: 20px 20px 0px 0px">BIS 패턴처리</td>
                         </tr>
@@ -273,8 +310,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="systemId_11101">
-                            <td class="comStts_11101 valueColor"></td>
-                            <td class="dbStts_11101 valueColor"></td>
+                            <td class="comStts_11101 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_11101 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
@@ -286,10 +323,10 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="systemId_11201">
-                            <td class="comStts_11201 valueColor"></td>
-                            <td class="dbStts_11201 valueColor"></td>
+                            <td class="comStts_11201 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_11201 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
-                    </table>
+                    </table> -->
                 </div>
                 <div class="itsProcess">
                     <table class="Minitable">
@@ -301,8 +338,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="EXT01_systemId">
-                            <td class="comStts_EXT01 valueColor"></td>
-                            <td class="dbStts_EXT01 valueColor"></td>
+                            <td class="comStts_EXT01 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_EXT01 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
@@ -314,8 +351,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="WEB01_systemId">
-                            <td class="comStts_WEB01 valueColor"></td>
-                            <td class="dbStts_WEB01 valueColor"></td>
+                            <td class="comStts_WEB01 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_WEB01 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
@@ -327,8 +364,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="CTV01_systemId">
-                            <td class="comStts_CTV01 valueColor"></td>
-                            <td class="dbStts_CTV01 valueColor"></td>
+                            <td class="comStts_CTV01 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_CTV01 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
@@ -340,8 +377,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="VDS01_systemId">
-                            <td class="comStts_VDS01 valueColor"></td>
-                            <td class="dbStts_VDS01 valueColor"></td>
+                            <td class="comStts_VDS01 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_VDS01 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
@@ -353,8 +390,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="VMS01_systemId">
-                            <td class="comStts_VMS01 valueColor"></td>
-                            <td class="dbStts_VMS01 valueColor"></td>
+                            <td class="comStts_VMS01 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_VMS01 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                 </div>
@@ -368,8 +405,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="systemId_90201">
-                            <td class="comStts_90201 valueColor"></td>
-                            <td class="dbStts_90201 valueColor"></td>
+                            <td class="comStts_90201 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_90201 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
@@ -381,8 +418,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="systemId_90202">
-                            <td class="comStts_90202 valueColor"></td>
-                            <td class="dbStts_90202 valueColor"></td>
+                            <td class="comStts_90202 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_90202 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
@@ -394,8 +431,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="systemId_90203">
-                            <td class="comStts_90203 valueColor"></td>
-                            <td class="dbStts_90203 valueColor"></td>
+                            <td class="comStts_90203 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_90203 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
@@ -407,8 +444,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="systemId_90204">
-                            <td class="comStts_90204 valueColor"></td>
-                            <td class="dbStts_90204 valueColor"></td>
+                            <td class="comStts_90204 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_90204 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
@@ -420,8 +457,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="systemId_90205">
-                            <td class="comStts_90205 valueColor"></td>
-                            <td class="dbStts_90205 valueColor"></td>
+                            <td class="comStts_90205 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_90205 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
@@ -433,8 +470,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="systemId_90101">
-                            <td class="comStts_90101 valueColor"></td>
-                            <td class="dbStts_90101 valueColor"></td>
+                            <td class="comStts_90101 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_90101 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
@@ -446,8 +483,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="systemId_90102">
-                            <td class="comStts_90102 valueColor"></td>
-                            <td class="dbStts_90102 valueColor"></td>
+                            <td class="comStts_90102 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_90102 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
@@ -459,8 +496,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="systemId_90103">
-                            <td class="comStts_90103 valueColor"></td>
-                            <td class="dbStts_90103 valueColor"></td>
+                            <td class="comStts_90103 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_90103 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
@@ -472,8 +509,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="systemId_90104">
-                            <td class="comStts_90104 valueColor"></td>
-                            <td class="dbStts_90104 valueColor"></td>
+                            <td class="comStts_90104 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_90104 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
@@ -485,11 +522,46 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="systemId_90104">
-                            <td class="comStts_90105 valueColor"></td>
-                            <td class="dbStts_90105 valueColor"></td>
+                            <td class="comStts_90105 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_90105 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                        </tr>
+                    </table>
+
+
+
+
+
+
+
+
+
+                    <table class="Minitable">
+                        <tr>
+                            <td class="tableColor"td class="tableColor"td colspan="3" style="border-radius: 20px 20px 0px 0px">시내버스 가공</td>
+                        </tr>
+                        <tr>
+                            <td class="tableColor" style="width: 50%">통신</td>
+                            <td class="tableColor">DB</td>
+                        </tr>
+                        <tr class="systemId_80101">
+                            <td class="comStts_80101 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_80101 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
+                        <tr>
+                            <td class="tableColor" colspan="3" style="border-radius: 20px 20px 0px 0px">마을버스 가공</td>
+                        </tr>
+                        <tr>
+                            <td class="tableColor" style="width: 50%">통신</td>
+                            <td class="tableColor">DB</td>
+                        </tr>
+                        <tr class="systemId_80201">
+                            <td class="comStts_80201 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_80201 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                        </tr>
+                    </table>
+                    <!-- <table class="Minitable">
                         <tr>
                             <td class="tableColor"td class="tableColor"td colspan="3" style="border-radius: 20px 20px 0px 0px">위치 가공1</td>
                         </tr>
@@ -514,8 +586,17 @@
                             <td class="comStts_80102 valueColor"></td>
                             <td class="dbStts_80102 valueColor"></td>
                         </tr>
-                    </table>
-                    <table class="Minitable">
+                    </table> -->
+
+
+
+
+
+
+
+
+                    <!--없어진 항목-->
+                    <!-- <table class="Minitable">
                         <tr>
                             <td class="tableColor" colspan="3" style="border-radius: 20px 20px 0px 0px">BIS 기반정보</td>
                         </tr>
@@ -524,8 +605,8 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="systemId_110201">
-                            <td class="comStts_110201 valueColor"></td>
-                            <td class="dbStts_110201 valueColor"></td>
+                            <td class="comStts_110201 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_110201 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
                     </table>
                     <table class="Minitable">
@@ -537,10 +618,10 @@
                             <td class="tableColor">DB</td>
                         </tr>
                         <tr class="systemId_110101">
-                            <td class="comStts_110101 valueColor"></td>
-                            <td class="dbStts_110101 valueColor"></td>
+                            <td class="comStts_110101 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
+                            <td class="dbStts_110101 valueColor"><img class="grey" src="/images/application_facility/stts2.png" alt="gray" style="top:8px; position:relative;"/></td>
                         </tr>
-                    </table>
+                    </table> -->
                 </div>
             </div>
 
@@ -769,7 +850,7 @@
 
         <script src="/libs/sockjs/sockjs.min.js"></script>
         <script type="module">
-            import { startApp, fetchdrawGraph } from "./main.js";
+            import { startApp } from "./main.js";
 
             startApp();
            

src/main/resources/static/application/facility/main/main.js

@@ -22,11 +22,16 @@ $(".xToggle").on("click", function(){
 
 $(".footer_excel").on("click",()=>{
     // 엑셀 저장 클릭
-    confirmMessage("Excel file로 저장 하시겠습니까?").done((yes) => {
-        if (yes === true) {
-            exportExcel();
-        }
-    });
+
+    if (confirm("Excel file로 저장 하시겠습니까?")) {
+        exportExcel();
+    }
+
+    // confirmMessage("Excel file로 저장 하시겠습니까?").done((yes) => {
+    //     if (yes === true) {
+    //         exportExcel();
+    //     }
+    // });
 });
 
 /**
@@ -519,7 +524,7 @@ function hiCht_Bline(xAxisVal , yAxisVal) {
             animation: Highcharts.svg,
         },        
         title: {
-            text: '정보제공구간 지정체 상황 (건수)',
+            text: 'LINK 구간 지정체 상황 (건수)',
             style: {
                 color: 'rgb(139 138 139)',
                 fontSize: 15,

src/main/resources/static/application/wall/main/main-func.js

@@ -202,7 +202,6 @@ async function fetchTraffic() {
 
 let _rollingCongestTimer = null;
 function recvCongestTraffic(jsonData) {
-    console.log(jsonData);
     if (_rollingCongestTimer) window.clearTimeout(_rollingCongestTimer);
     let tHtml = "";
     jsonData.forEach((obj) => {

src/main/resources/static/application/wall/main/main.css

@@ -112,6 +112,7 @@ hr { display:none !important; visibility:hidden; }
     left: 45px;
     color: red;
     font-size: 14px;
+    font-weight: bold;
     font-family:굴림,Gulim;
 }
 
@@ -828,13 +829,13 @@ hr { display:none !important; visibility:hidden; }
 }
 .systemStts .AMOCT01_server {
     position: absolute;
-    top: 148px;
+    top: 161px;
     left: 163px;
     width: 20px;
 }
 .systemStts .AUTP01_server {
     position: absolute;
-    top: 121px;
+    top: 120px;
     left: 163px;
     width: 20px;
 }
@@ -853,25 +854,25 @@ hr { display:none !important; visibility:hidden; }
 }
 .systemStts .AVMS01_server {
     position: absolute;
-    top: 174px;
+    top: 185px;
     left: 380px;
     width: 20px;
 }
 .systemStts .AVDS01_server {
     position: absolute;
-    top: 200px;
+    top: 217px;
     left: 380px;
     width: 20px;
 }
 .systemStts .AWEB01_server {
     position: absolute;
-    top: 225px;
+    top: 249px;
     left: 380px;
     width: 20px;
 }
 .systemStts .AEXT01_server {
     position: absolute;
-    top: 147px;
+    top: 153px;
     left: 380px;
     width: 20px;
 }
@@ -881,18 +882,35 @@ hr { display:none !important; visibility:hidden; }
     top: -20px;
     z-index: 1;
 }
-.bisStts .A10901_server {
+
+
+.bisStts .A110201_server {
+    position: absolute;
+    top: 201px;
+    left: 81px;
+    width: 20px;
+}
+/* .bisStts .A10901_server {
     position: absolute;
     top: 173px;
     left: 81px;
     width: 20px;
+} */
+
+
+.bisStts .A160101_server {
+    position: absolute;
+    top: 240px;
+    left: 81px;
+    width: 20px;
 }
-.bisStts .A11001_server {
+/* .bisStts .A11001_server {
     position: absolute;
     top: 199px;
     left: 81px;
     width: 20px;
-}
+} */
+
 .bisStts .A11101_server {
     position: absolute;
     top: 225px;
@@ -913,31 +931,31 @@ hr { display:none !important; visibility:hidden; }
 }
 .bisStts .A90102_server {
     position: absolute;
-    top: 147px;
+    top: 145px;
     left: 468px;
     width: 20px;
 }
 .bisStts .A90103_server {
     position: absolute;
-    top: 174px;
+    top: 171px;
     left: 468px;
     width: 20px;
 }
 .bisStts .A90104_server {
     position: absolute;
-    top: 200px;
+    top: 197px;
     left: 468px;
     width: 20px;
 }
 .bisStts .A90105_server {
     position: absolute;
-    top: 226px;
+    top: 223px;
     left: 468px;
     width: 20px;
 }
 .bisStts .A80101_server {
     position: absolute;
-    top: 251px;
+    top: 249px;
     left: 468px;
     width: 20px;
 }
@@ -949,34 +967,44 @@ hr { display:none !important; visibility:hidden; }
 }
 .bisStts .A90202_server {
     position: absolute;
-    top: 147px;
+    top: 145px;
     left: 632px;
     width: 20px;
 }
 .bisStts .A90203_server {
     position: absolute;
-    top: 174px;
+    top: 171px;
     left: 632px;
     width: 20px;
 }
 .bisStts .A90204_server {
     position: absolute;
-    top: 200px;
+    top: 197px;
     left: 632px;
     width: 20px;
 }
 .bisStts .A90205_server {
     position: absolute;
-    top: 226px;
+    top: 223px;
+    left: 632px;
+    width: 20px;
+}
+
+
+.bisStts .A80201_server {
+    position: absolute;
+    top: 249px;
     left: 632px;
     width: 20px;
 }
-.bisStts .A80102_server {
+/* .bisStts .A80102_server {
     position: absolute;
     top: 251px;
     left: 632px;
     width: 20px;
-}
+} */
+
+
 /* .bisStts .A110101_server{position:absolute;top:152px;left:0px;width:20px} */
 
 /* .busStts{position:absolute;top:61px;left:566px}

src/main/resources/static/application/wall/main/main.html

@@ -6,14 +6,14 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <script src="/libs/jquery/jquery-3.6.0.min.js"></script>
         <script src="/libs/jquery/jquery-ui.min.js"></script>
-        <script src="/libs/include-dialog.js"></script>
-        <script src="/js/constant/constant.js"></script>
+		<script src="/libs/include-dialog.js"></script>
+		<script src="/js/constant/constant.js"></script>
         <link rel="icon" href="data:;base64,iVBORw0KGgo=">
         <link rel="stylesheet" href="./main.css" type="text/css" />
         <link rel="stylesheet" href="/libs/video-7.10.2/video-7.10.2.css" type="text/css" />
         <link rel="stylesheet" href="/libs/v6.14.1-dist/ol.css" />
         <link rel="stylesheet" href="/libs/v6.14.1-dist/ol-ext/ol-ext.css" />
-        
+
         <title>용인시 상황판</title>
 
         <style>
@@ -194,19 +194,34 @@
                     <div class="systemStts">
                         <div class="ACTV01_server"></div>
                         <div class="AEXT01_server"></div>
+                        
                         <div class="AMOCT01_server"></div>
                         <div class="AUTP01_server"></div>
+                        
                         <div class="AVDS01_server"></div>
                         <div class="AVMS01_server"></div>
                         <div class="AWEB01_server"></div>
                     </div>
                     <div class="bisStts">
+
+                        <div class="A110201_server"></div>
+                        <div class="A160101_server"></div>
+                        <!-- 
                         <div class="A10901_server"></div>
                         <div class="A11001_server"></div>
                         <div class="A11101_server"></div>
-                        <div class="A11201_server"></div>
+                        <div class="A11201_server"></div> 
+                        -->
+                        
+                        
+                        <div class="A80101_server"></div>
+                        <div class="A80201_server"></div>
+                        <!-- 
                         <div class="A80101_server"></div>
-                        <div class="A80102_server"></div>
+                        <div class="A80102_server"></div> 
+                        -->
+
+
                         <div class="A90101_server"></div>
                         <div class="A90102_server"></div>
                         <div class="A90103_server"></div>
@@ -227,27 +242,27 @@
                     <div class="vdsCtlrStts">
                         <span id="VDS_total" style="position: absolute; width: 50px; left:10px">0</span>
                         <span id="VDS_normal" style="position: absolute; width: 50px; left: 89px">0</span>
-                        <span id="VDS_error" style="position: absolute; width: 50px; left: 178px; color: #f90000">0</span>
-                        <span id="VDS_colerr" style="position: absolute; width: 50px; left: 286px; color: #f90000">0</span>
+                        <span id="VDS_error" style="position: absolute; width: 50px; left: 178px; color: #f90000; font-weight: bold;">0</span>
+                        <span id="VDS_colerr" style="position: absolute; width: 50px; left: 286px; color: #f90000; font-weight: bold;">0</span>
                     </div>
                     <div class="vmsCtlrStts">
                         <span id="VMS_total" style="position: absolute; width: 50px; left:10px">0</span>
                         <span id="VMS_normal" style="position: absolute; width: 50px; left: 89px">0</span>
-                        <span id="VMS_error" style="position: absolute; width: 50px; left: 178px; color: #f90000">0</span>
-                        <span id="VMS_colerr" style="position: absolute; width: 50px; left: 286px; color: #f90000">0</span>
+                        <span id="VMS_error" style="position: absolute; width: 50px; left: 178px; color: #f90000; font-weight: bold;">0</span>
+                        <span id="VMS_colerr" style="position: absolute; width: 50px; left: 286px; color: #f90000; font-weight: bold;">0</span>
                     </div>
                     <div class="cctvCtlrStts">
                         <span id="CCTV_total" style="position: absolute; width: 50px; left:10px">0</span>
                         <span id="CCTV_normal" style="position: absolute; width: 50px; left: 89px">0</span>
-                        <span id="CCTV_error" style="position: absolute; width: 50px; left: 178px; color: #f90000">0</span>
-                        <span id="CCTV_colerr" style="position: absolute; width: 50px; left: 286px; color: #f90000">0</span>
+                        <span id="CCTV_error" style="position: absolute; width: 50px; left: 178px; color: #f90000; font-weight: bold;">0</span>
+                        <span id="CCTV_colerr" style="position: absolute; width: 50px; left: 286px; color: #f90000; font-weight: bold;">0</span>
                     </div>
 
                     <div class="bitCtlrStts">
                         <span id="BIT_total" style="position: absolute; width: 50px; left:10px">0</span>
                         <span id="BIT_normal" style="position: absolute; width: 50px; left: 89px">0</span>
-                        <span id="BIT_error" style="position: absolute; width: 50px; left: 178px; color: #f90000">0</span>
-                        <span id="BIT_colerr" style="position: absolute; width: 50px; left: 286px; color: #f90000">0</span>
+                        <span id="BIT_error" style="position: absolute; width: 50px; left: 178px; color: #f90000; font-weight: bold;">0</span>
+                        <span id="BIT_colerr" style="position: absolute; width: 50px; left: 286px; color: #f90000; font-weight: bold;">0</span>
                     </div>
                     <div class="traffic-con">
                         <ul class="traffic-list">

src/main/resources/static/application/wall/main/main.js

@@ -26,7 +26,7 @@ function mapToggle() {
         if ($(".mapBtn").attr("src") == "/images/application_wall/header/mapOffBtn.png") {
             $(".mapBtn").attr("src", "/images/application_wall/header/mapOnBtn.png");
             $(".satalBtn").attr("src", "/images/application_wall/header/satalOffBtn.png");
-            _mapManager.toggleBaseMap();
+             _mapManager.toggleBaseMap();
         }
             
     });