ソースを参照

Merge remote-tracking branch 'origin/master'

limeng 2 年 前
コミット
dd5a601b89

+ 32 - 11
mybusiness/src/main/resources/static/visualization/css/th_yj.css

@@ -97,33 +97,53 @@ body::-webkit-scrollbar {
 	z-index: -1;
 }
 
-.header_nav a {
+.header_nav .nav_a {
 	color: rgb(255, 255, 255);
 	font-size: 16px;
 	margin-right: 30px;
 	line-height: 60px;
+	position: relative;
+	display: inline-block;
+	cursor: pointer;
 }
 
-.header_nav a i {
+.header_nav .nav_a i {
 	color: rgb(249, 0, 0);
 	font-style: normal;
 }
 
-.header_nav a.on {
+.header_nav .nav_a.on {
 	text-shadow: rgb(0, 180, 255) 1px 1px 0px;
 	font-weight: 900;
 }
-.header_nav a select{
-	border: 0px;
-	background: none;
-	color: #fff;
+.header_nav .nav_a span{
+	color: rgb(255, 255, 255);
 	font-size: 16px;
-	outline: 0px;
+	line-height: 60px;
 }
-.header_nav a option{
-	background: #03070d;
+.header_nav .nav_div{
+	background:rgb(0 2 33 / 85%);
+	width: 140px;
+	position: absolute;
+	top: 47px;
+	left: -39px;
+	color: rgb(255, 255, 255);
+	z-index: 9999;
+	text-align: center;
+	padding: 10px 5px;
+}
+.header_nav .nav_div a{
+	display: block;
+	height: 35px;
+	line-height: 35px;
+}
+.header_nav .nav_div a:hover{
+	background: rgba(0, 4, 64, 0.85);
+	color: #00ffea;
+}
+.nav_div{
+	display: none;
 }
-
 
 
 
@@ -459,6 +479,7 @@ body::-webkit-scrollbar {
 .map_id12,
 .map_id13{
 	opacity: 0;
+	cursor: pointer;
 }
 
 .map_img {

+ 10 - 1
mybusiness/src/main/resources/static/visualization/js/th_jk.js

@@ -114,6 +114,12 @@
 
 
 
+
+        // 接入部门下拉
+$(".nav_la").hover(function(){
+    $(".nav_div").toggle();
+})
+
     });
 
 
@@ -209,4 +215,7 @@
     }
 
     window.onload = func1;
-    
+
+    function Alert(){
+        alert(1);
+    }

+ 13 - 13
mybusiness/src/main/resources/templates/visualization/index.html

@@ -20,18 +20,18 @@
     </div>
     <h1 class="logo"><img th:src="@{/visualization/images/thqzj_logo.png}"/></h1>
     <div class="header_nav fr">
-        <a class="on">大数据</a>
-        <a>
-            <select>
-            <option selected>接入部门</option>
-                <option>血站</option>
-                <option>体检中心</option>
-                <option>图书馆</option>
-                <option>自来水公司</option>
-                <option>不动产登记中心</option>
-            </select>
-          </a>
-        <a>接口故障<i>(<span id="faultInterfaceCount">0</span>)</i></a>
+        <a class="nav_a on">大数据</a>
+        <div class="nav_a nav_la">
+            <span>接入部门</span>
+            <div class="nav_div">
+                <a>血站</a>
+                <a>体检中心</a>
+                <a>图书馆</a>
+                <a>自来水公司</a>
+                <a>不动产登记中心</a>
+            </div>
+          </div>
+        <a class="nav_a">接口故障<i>(<span id="faultInterfaceCount">0</span>)</i></a>
     </div>
 </div>
 <div class="content clearfix">
@@ -103,7 +103,7 @@
     <div id="map_div" class="fl con_left2">
         <img th:src="@{/visualization/images/map.png}" class="map_img"/>
         <div class="map_index">
-        <div class="map_id map_id1 ">
+        <div class="map_id map_id1 " onclick="Alert(this)">
             <div class="map_sj">
                 <i class="map_wz4"></i>
                 <i class="map_wz3"></i>