统计分析

src/components/v-header.vue

@@ -9,7 +9,7 @@
 			</h3>
 			<!-- <img src="@/assets/images/integrated/bigdata-header-nav-right2.png" /> -->
 		</a>
-		
+
 		<!--中间导航-->
 		<div class="bignav">
 			<img src="@/assets/images/integrated/bigdata-header-nav-left2.png" />
@@ -32,14 +32,14 @@
 		components:{
 			VfastMenu,
 			Clock
-			
+
 		},
 		created(){
 			this.navbar
 		},
 		data(){
 			return{
-				
+
 			}
 		},
 		methods:{
@@ -53,7 +53,7 @@
 				return constantRoutes.slice(1)
 			},
 		},
-		
+
 	}
 </script>
 
@@ -68,15 +68,15 @@
 		display: flex;
 		align-items: center;
 		z-index: 1000;
-		position: absolute;
+		position: fixed;
 		top: 0;
-	
+
 		.title {
 			display: flex;
 			position: fixed;
 			left: 50%;
 			transform: translateX(-50%);
-	
+
 			h3 {
 				display: flex;
 				align-items: center;
@@ -84,13 +84,13 @@
 				color: $white;
 				font-size: 1.8rem;
 				font-family: $fontFk;
-	
+
 				img {
 					margin-right: .5rem;
 				}
 			}
 		}
-	
+
 		.bignav {
 			height: 40px;
 			position: fixed;
@@ -102,14 +102,14 @@
 			display: flex;
 			justify-content: cetner;
 			align-items: center;
-	
+
 			.bignav-list {
 				background: url(../assets/images/integrated/bigdata-header-nav-re2.png) repeat-x center;
 				float: left;
 				display: flex;
 				justify-content: cetner;
 				align-items: center;
-				color: $fListTitle;	
+				color: $fListTitle;
 				height: 40px;
 				font-size: 12px;
 				padding: 0 23px;
@@ -118,7 +118,7 @@
 				transform: translateY(0);
 				transition: all 0.3s ease-in-out;
 			}
-	
+
 			.router-link-active,
 			.bignav-list:hover {
 				filter: brightness(2.3);
@@ -127,9 +127,9 @@
 				color: $inBlueHover;
 				border-bottom: 1px solid $inBlueHover;
 				transition: all 0.3s ease-in-out;
-	
+
 			}
 		}
-	
+
 	}
-</style>
+</style>

src/views/bigdata/bigdata.vue

@@ -4,15 +4,7 @@
 		<!-- 头部B -->
 		<div class="header">
 			<!-- title -->
-			<router-link class="header-left"  to="/integrated/index"  exact><img class="logo" src="@/assets/images/integrated/logo-small.png" />
-				<h3 class="title">数字四平态势感知监管平台</h3></router-link>
-			<div class="bignav">
-				<img src="@/assets/images/integrated/bigdata-header-nav-left.png" />
-				<router-link v-for="(navbar,index) in navbar " :key="index" :to="navbar.path" class="bignav-list" exact>
-					{{navbar.name}}
-				</router-link>
-				<img src="@/assets/images/integrated/bigdata-header-nav-right.png" />
-			</div>
+      <vheader></vheader>
 			<!-- 左侧 -->
 			<fastMenu></fastMenu>
 		</div>
@@ -168,8 +160,10 @@
 </template>
 
 <script>
+
 	import fastMenu from './fastmenu.vue' //右侧菜单
 	import tabbar from './tabbar.vue' //区域切换
+  import vheader from '@/components/v-header.vue' //一体化共用头部
 
 	//echarts
 	import chartEvent from './chart-event.vue' //1  事件
@@ -194,6 +188,7 @@
 
 	export default {
 		components: {
+      vheader,
 			fastMenu,
 			tabbar,
 			chartEvent,