统计分析

src/components/v-header.vue

@@ -3,12 +3,12 @@
 	<div class="header">
 		<Clock></Clock>
 		<!--中间LOGO -->
-		<a class="title" href="/integrated/index" >
+		<div class="title">
 			<!-- <img src="@/assets/images/integrated/bigdata-header-nav-left2.png" /> -->
 			<h3><img class="logo" src="@/assets/images/integrated/logo-small.png" />四平市态势感知平台 {{titlename}}
 			</h3>
 			<!-- <img src="@/assets/images/integrated/bigdata-header-nav-right2.png" /> -->
-		</a>
+		</div>
 
 		<!--中间导航-->
 		<div class="bignav">

src/views/bigdata/bigdata.vue

@@ -4,9 +4,15 @@
 		<!-- 头部B -->
 		<div class="header">
 			<!-- title -->
-      <vheader></vheader>
-			<!-- 左侧 -->
-			<fastMenu></fastMenu>
+			<div class="header-left"><img class="logo" src="@/assets/images/integrated/logo-small.png" />
+				<h3 class="title">数字四平态势感知监管平台-数字消费-统计分析</h3></div>
+			<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>
 		</div>
 		<!-- 头部E -->
 
@@ -160,10 +166,7 @@
 </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  事件
@@ -188,8 +191,6 @@
 
 	export default {
 		components: {
-      vheader,
-			fastMenu,
 			tabbar,
 			chartEvent,
 			chartPopulation,
@@ -214,42 +215,22 @@
 
 			return {
 				visited: '',
-				navbar: [{
-						name: '四平云图',
-						path: '/integrated/bigdata',
-					},
-					{
-						name: '数字林业',
-						path: '/integrated/forest',
-					},
-					{
-						name: '数字农业',
-						path: '/',
-					},
-					{
-						name: '数字水利',
-						path: '/',
-					},
-					{
-						name: '数字环保',
-						path: '/',
-					},
-					{
-						name: '数字应急',
-						path: '/',
-					},
-					{
-						name: '数字交通',
-						path: '/',
-					},
-					{
-						name: '数字资源',
-						path: '/',
-					},
-					{
-						name: '数字消防',
-						path: '/',
-					},
+				navbar: [
+          {
+            //消防云图
+            path: '/forest',
+            name: '消防云图',
+          },
+          {
+            //数据中心
+            path: '/datacenter',
+            name: '数据中心',
+          },
+          {
+            //监控中心
+            path: '/monitor',
+            name: '监控中心',
+          },
 
 				],
 				total: 0, //事件总数

src/views/bigdata/fastmenu.vue

@@ -1,88 +0,0 @@
-<template>
-	<div class="fast-menu">
-		<div class="menu-list">
-			<router-link v-for="(fastMenu,index) in fastMenu" :to="fastMenu.path" :key="index" class="header-right" exact><span>{{fastMenu.name}}</span></router-link>
-		</div>
-	</div>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				fastMenu:[
-					{
-						name:'数据中心',
-						path:'/'
-					},
-					{
-						name:'事件中心',
-						path:'/'
-					},
-					{
-						name:'监控中心',
-						path:'/integrated/monitor'
-					},
-					{
-						name:'任务中心',
-						path:'/'
-					},
-					{
-						name:'评测中心',
-						path:'/'
-					}
-				]
-
-			}
-		}
-	}
-</script>
-
-<style rel="stylesheet/scss" lang="scss">
-	@import '@/assets/styles/base.scss';
-.bigdata-con {
-	.fast-menu {
-
-		position: fixed;
-		right: 1rem;
-		display: flex;
-
-		.menu-list {
-			margin-left: 20px;
-			display: flex;
-			align-items: center;
-
-			span {
-				min-width: 5.625rem;
-				background: url(../../assets/images/integrated/bigdata-header-right-bg.png) center no-repeat;
-				font-size: 12px;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				padding: 10px 12px;
-				color: $inBlue;
-				height: 100%;
-				cursor: pointer;
-				text-align: center;
-				-webkit-transform: translateX(0px);
-				transform: translateX(0px);
-				transition: all 0.5s ease-in-out;
-
-
-				i {
-					padding-right: 3px;
-				}
-			}
-
-			span:hover {
-				filter: brightness(2.3);
-				-webkit-transform: translateX(-5px);
-				transform: translateX(-5px);
-				transition: all 0.5s ease-in-out;
-				color: $inBlueHover;
-			}
-		}
-
-	}
-	}
-</style>