UI-frame

mybusiness/src/main/resources/static/visualization/images/zhly_page.css

@@ -1212,4 +1212,28 @@
 
 
 .iclient-leaflet-logo img{display: none!important;}
-.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {display: none!important;}
+.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {display: none!important;}
+
+
+#jk_hover,#jk_hover2{
+	position: absolute;
+	height: auto;
+	background: #000;
+	z-index: 100;
+	border: 1px solid #00ccff;
+	border-radius: 10px;
+	display: none;
+	top: 110px;
+	padding: 20px 15px;
+}
+#jk_hover{
+	left: 0;
+
+}
+#jk_hover ul li{
+	color: #00ccff;
+	display: block;
+	height: 30px;
+	line-height: 30px;
+	text-align: left;
+}

mybusiness/src/main/resources/templates/business/visualization/frame.html

@@ -15,21 +15,59 @@
     <h3>实时数据监控</h3>
 </div>
 <div class="sssjjk clearfix">
-    <div class="jk_div">
+    <div class="jk_div" onmouseover="overShow()" onmouseout="overHide()">
         <img th:src="@{/visualization/images/zhly_23.png}"/>
-        <div class="jk_txt">
+
+        <div class="jk_txt" >
             <h2 class="jk_sj"><i th:text="${Visualization_Report_Event_Count}"/></h2>
             <span>上报总数</span>
+            <div id="jk_hover"  >
+                <ul>
+                    <li>火险已上报</li>
+                    <li>火险已上报</li>
+                    <li>火险已上报</li>
+                    <li>火险已上报</li>
+                    <li>火险已上报</li>
+                    <li>火险已上报</li>
+
+                </ul>
+            </div>
         </div>
 
     </div>
-    <div class="jk_div">
+
+    <div class="jk_div"  onmouseover="overShowTow()" onmouseout="overHideTow()" >
         <img th:src="@{/visualization/images/zhly_20.png}"/>
         <div class="jk_txt">
             <h2 class="jk_sj"><i th:text="${Visualization_All_Event_Count}"/></h2>
             <span>事件总数</span>
         </div>
+        <div id="jk_hover2"  >
+            <ul>
+                <li>火险已上报</li>
+                <li>火险已上报</li>
+                <li>火险已上报</li>
+                <li>火险已上报</li>
+                <li>火险已上报</li>
+                <li>火险已上报</li>
+            </ul>
+        </div>
     </div>
+    <script>
+        function overShow() {
+
+            document.getElementById("jk_hover").style.display = "block";
+        }
+        function overHide() {
+            document.getElementById("jk_hover").style.display = "none"
+        }
+        function overShowTow() {
+            document.getElementById("jk_hover2").style.display = "block";
+        }
+        function overHideTow() {
+            document.getElementById("jk_hover2").style.display = "none"
+        }
+    </script>
     <div class="jk_div">
         <img th:src="@{/visualization/images/zhly_27.png}"/>
         <div class="jk_txt">