-

src/assets/css/index.css

@@ -130,9 +130,12 @@ header {
 }
 
 .panel {
+    background-image: url(../images/statisTop-bg.png);
     position: relative;
     height: 3.875rem;
-    border: 1px solid rgba(25, 186, 139, 0.17);
+    /* border: 1px solid #0065C7; */
+    /* background: rgba(9, 9, 27, 0.8); */
+    /* border: 1px solid rgba(25, 186, 139, 0.17); */
     /* background: rgba(255, 255, 255, 0.04) url(../images/line\(1\).png); */
     padding: 0 .275rem 0.2rem;
     margin-bottom: .225rem;
@@ -223,7 +226,8 @@ header {
     /* border: 1px solid red; */
 }
 
-.panel::before,
+
+/* .panel::before,
 .mapBox::before,
 .mapSec::before {
     position: absolute;
@@ -249,7 +253,7 @@ header {
     border-top: 2px solid #02a6b5;
     border-right: 2px solid #02a6b5;
     z-index: 999
-}
+} */
 
 .panel .panel-footer {
     position: absolute;
@@ -258,7 +262,8 @@ header {
     width: 100%;
 }
 
-.panel-footer::before {
+
+/* .panel-footer::before {
     position: absolute;
     bottom: 0;
     left: 0;
@@ -280,7 +285,7 @@ header {
     border-bottom: 2px solid #02a6b5;
     border-right: 2px solid #02a6b5;
     z-index: 999
-}
+} */
 
 .panel h2 {
     position: absolute;
@@ -291,6 +296,18 @@ header {
     color: #fff;
     font-size: .225rem;
     font-weight: 400;
+    left: 26px;
+}
+
+.panel h2:after {
+    position: absolute;
+    display: inline-block;
+    height: 14px;
+    vertical-align: middle;
+    border-right: 3px solid #fff;
+    top: 10px;
+    left: -10px;
+    content: '';
 }
 
 .panel h2 a {
@@ -487,6 +504,8 @@ p {
     background-image: url(../images/statisTop-bg.png);
 }
 
+
+/*
 .statisTop>ul.one {
     background-image: url(../images/statisTop1.png)
 }
@@ -514,7 +533,7 @@ p {
 
 .alarmStatis {
     background-image: url(../images/deviceSum.png);
-}
+} */
 
 .statisSec .statisBottom ul {
     height: 100%;

src/views/home/index.vue

@@ -12,7 +12,7 @@
         <statis-bottom :fhtAnalogData="htAnalogData"></statis-bottom>
       </div>
       <div class="column mapBox" style="position: relative">
-        <map-static-top :fsiteCount="siteCount"></map-static-top>
+        <!-- <map-static-top :fsiteCount="siteCount"></map-static-top>
         <div id="pickerBox">
           <input
             id="pickerInput"
@@ -26,12 +26,12 @@
           ></i>
           <div id="poiInfo"></div>
         </div>
-        <div class="panel-footer"></div>
-        <div
+        <div class="panel-footer"></div> -->
+        <!-- <div
           class="map panel"
           id="mapF"
           style="height: 100%; z-index: 1; width: 100%"
-        ></div>
+        ></div> -->
       </div>
       <div class="column">
         <div class="panel deviceSum">
@@ -107,6 +107,13 @@
       </div>
     </div>
     <!-- bottomBox end -->
+
+    <div
+          class="map panel"
+          id="mapF"
+          style="height: 100%; z-index: -1; width: 100%;position:fixed;top:0;"
+        ></div>
+
   </section>
 </template>
 

src/views/index.vue

@@ -3,7 +3,7 @@
     <div id="header">
       <!-- 主页路由菜单 开始 -->
       <div class="router-index" v-if="!home">
-        <router-link
+        <!-- <router-link
           class="router-left"
           :class="title == route.meta.title ? 'router_left2' : 'router_left1'"
           v-for="route in router.slice(1, 2)"
@@ -17,7 +17,7 @@
           :href="'https://wx.ewoogi.com/manage/#/'"
           class="router-left router_left1"
           >后台管理</a
-        >
+        > -->
 
         <!-- <a
           :href="'http://localhost:9999/#/login?userName=admin'"
@@ -218,7 +218,7 @@ export default {
     }
     .router_left1 {
       background: url(./../assets/images/router_left1.png) no-repeat;
-      color: #00f4fd;
+      color: #fff;
       background-size: cover;
     }
     .router_left2 {
@@ -239,7 +239,7 @@ export default {
       span {
         // position: absolute;
         font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
-        color: #00f4fd;
+        color: #fff;
         font-weight: 400;
         font-size: 0.225rem;
         height: 100%;
@@ -262,7 +262,7 @@ export default {
     }
     .router_left1 {
       background: url(./../assets/images/router_left1.png) no-repeat;
-      color: #00f4fd;
+      color: #fff;
       background-size: cover;
     }
     .router_left2 {
@@ -295,7 +295,7 @@ export default {
     }
     .router_rigth1 {
       background: url(./../assets/images/router_right1.png) no-repeat;
-      color: #00f4fd;
+      color: #fff;
       background-size: cover;
     }
     .router_rigth2 {
@@ -306,7 +306,7 @@ export default {
   }
   .title {
     font-size: 0.5rem;
-    color: #00f4fd;
+    color: #fff;
     font-family: PangMenZhengDao Regular, PangMenZhengDao Regular-Regular;
     font-weight: 600;
     letter-spacing: 3px;
@@ -341,13 +341,13 @@ export default {
       font-size: 0.25rem;
       font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
       font-weight: 400;
-      color: #00f4fd;
+      color: #fff;
       line-height: 0.75rem;
       margin-right: 0.25rem;
     }
     .news {
       font-size: 0.25rem;
-      color: #00f4fd;
+      color: #fff;
       line-height: 0.35rem;
       cursor: pointer;