瀏覽代碼

统计分析

彭宇 2 年之前
父節點
當前提交
374e74ce75
共有 2 個文件被更改,包括 48 次插入59 次删除
  1. 16 16
      src/components/v-header.vue
  2. 32 43
      src/views/bigdata/bigdata.vue

+ 16 - 16
src/components/v-header.vue

@@ -3,13 +3,13 @@
 	<div class="header">
 		<Clock></Clock>
 		<!--中间LOGO -->
-		<a class="title" href="/integrated/index" >
+		<div class="title" href="/integrated/index" >
 			<!-- <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">
 			<img src="@/assets/images/integrated/bigdata-header-nav-left.png" />
@@ -32,14 +32,14 @@
 		components:{
 			VfastMenu,
 			Clock
-			
+
 		},
 		created(){
 			this.navbar
 		},
 		data(){
 			return{
-				
+
 			}
 		},
 		methods:{
@@ -53,7 +53,7 @@
 				return constantRoutes.slice(1)
 			},
 		},
-		
+
 	}
 </script>
 
@@ -70,13 +70,13 @@
 		z-index: 1000;
 		position: absolute;
 		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-re.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>

+ 32 - 43
src/views/bigdata/bigdata.vue

@@ -4,8 +4,8 @@
 		<!-- 头部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="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>
@@ -13,8 +13,6 @@
 				</router-link>
 				<img src="@/assets/images/integrated/bigdata-header-nav-right.png" />
 			</div>
-			<!-- 左侧 -->
-			<fastMenu></fastMenu>
 		</div>
 		<!-- 头部E -->
 
@@ -168,7 +166,6 @@
 </template>
 
 <script>
-	import fastMenu from './fastmenu.vue' //右侧菜单
 	import tabbar from './tabbar.vue' //区域切换
 
 	//echarts
@@ -194,7 +191,6 @@
 
 	export default {
 		components: {
-			fastMenu,
 			tabbar,
 			chartEvent,
 			chartPopulation,
@@ -219,43 +215,36 @@
 
 			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: '监控中心',
+          }, {
+            path: '/',
+            name: '土壤墒情',
+          },
+          {
+            path: '/',
+            name: '污染源',
+          }, {
+            path: '/',
+            name: '水质环境',
+          },
+          {
+            path: '/',
+            name: '大气环境',
+          },
 				],
 				total: 0, //事件总数
 				untreated: 0, //事件-未处理