|
|
|
@ -10,9 +10,9 @@
|
|
|
|
<div class="menu">
|
|
|
|
<div class="menu">
|
|
|
|
<div class="title">让农产品进入功能时代！</div>
|
|
|
|
<div class="title">让农产品进入功能时代！</div>
|
|
|
|
<div class="leftMenu">
|
|
|
|
<div class="leftMenu">
|
|
|
|
<div class="leftItem" v-for="item in menuLeftList " :key="item.index" :class="{ left: item.index != 1 }"
|
|
|
|
<div class="leftItem" v-for="item in menuLeftList " :key="item.index"
|
|
|
|
@click="hendleMenu(item.index, item.router)" @mouseover="mouseover(item.index)"
|
|
|
|
:class="{ left: item.index != 1 }" @click="hendleMenu(item.index, item.router)"
|
|
|
|
@mouseleave="mouseleave">
|
|
|
|
@mouseover="mouseover(item.index)" @mouseleave="mouseleave">
|
|
|
|
<img :src="menuActive == item.index ? item.mwnusrcHover : item.mwnusrc" alt=""
|
|
|
|
<img :src="menuActive == item.index ? item.mwnusrcHover : item.mwnusrc" alt=""
|
|
|
|
style="width: 100%;height: 100%;">
|
|
|
|
style="width: 100%;height: 100%;">
|
|
|
|
<span :style="menuActive == item.index ? 'color:#FBC923' : 'color:#fff'">
|
|
|
|
<span :style="menuActive == item.index ? 'color:#FBC923' : 'color:#fff'">
|
|
|
|
@ -38,15 +38,19 @@
|
|
|
|
<template v-if="activeIndex == 0">
|
|
|
|
<template v-if="activeIndex == 0">
|
|
|
|
<vedio :content="topmenuList[0]" />
|
|
|
|
<vedio :content="topmenuList[0]" />
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<template v-if="activeIndex == 1">
|
|
|
|
<template v-if="activeIndex == 1">
|
|
|
|
<three :content="topmenuList[1]" />
|
|
|
|
<three :content="topmenuList[1]" />
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<template v-if="activeIndex == 2">
|
|
|
|
<template v-if="activeIndex == 2">
|
|
|
|
<jufalj :content="topmenuList[2]" />
|
|
|
|
<jufalj :content="topmenuList[2]" />
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<template v-if="activeIndex == 3">
|
|
|
|
<template v-if="activeIndex == 3">
|
|
|
|
<cdsjd :content="topmenuList[3]" />
|
|
|
|
<cdsjd :content="topmenuList[3]" />
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<template v-if="activeIndex == 4">
|
|
|
|
<template v-if="activeIndex == 4">
|
|
|
|
<yyqh :content="topmenuList[4]" />
|
|
|
|
<yyqh :content="topmenuList[4]" />
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
@ -56,6 +60,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
const mwnusrc = require("../../../public/images/menuleft.png");
|
|
|
|
const mwnusrc = require("../../../public/images/menuleft.png");
|
|
|
|
const mwnusrcHover = require("../../../public/images/menuleft-active.png");
|
|
|
|
const mwnusrcHover = require("../../../public/images/menuleft-active.png");
|
|
|
|
@ -122,7 +127,7 @@ export default {
|
|
|
|
router: 'cygh'
|
|
|
|
router: 'cygh'
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "资源概况",
|
|
|
|
title: "态势分析",
|
|
|
|
mwnusrc,
|
|
|
|
mwnusrc,
|
|
|
|
mwnusrcHover,
|
|
|
|
mwnusrcHover,
|
|
|
|
index: 1,
|
|
|
|
index: 1,
|
|
|
|
@ -234,17 +239,24 @@ export default {
|
|
|
|
this.menuActive = 100
|
|
|
|
this.menuActive = 100
|
|
|
|
},
|
|
|
|
},
|
|
|
|
hendleMenu(index, router) {
|
|
|
|
hendleMenu(index, router) {
|
|
|
|
|
|
|
|
// 超级管理员可进入数据中心
|
|
|
|
|
|
|
|
console.log(JSON.parse(localStorage.getItem('roles'))[0] == 'admin')
|
|
|
|
if (index == 5) {
|
|
|
|
if (index == 5) {
|
|
|
|
|
|
|
|
if (JSON.parse(localStorage.getItem('roles'))[0] == 'admin') {
|
|
|
|
window.open('http://121.41.91.94:12527/')
|
|
|
|
window.open('http://121.41.91.94:12527/')
|
|
|
|
return
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
this.menuActive = index
|
|
|
|
this.menuActive = index
|
|
|
|
this.$router.push({ name: router })
|
|
|
|
this.$router.push({ name: router })
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
|
<style lang="less" scoped>
|
|
|
|
.home-wrap {
|
|
|
|
.home-wrap {
|
|
|
|
height: 100%;
|
|
|
|
height: 100%;
|
|
|
|
@ -253,6 +265,7 @@ export default {
|
|
|
|
font-family: YouSheBiaoTiHei;
|
|
|
|
font-family: YouSheBiaoTiHei;
|
|
|
|
color: #FFFFFF;
|
|
|
|
color: #FFFFFF;
|
|
|
|
background-color: rgb(5, 13, 20);
|
|
|
|
background-color: rgb(5, 13, 20);
|
|
|
|
|
|
|
|
|
|
|
|
.vedio {
|
|
|
|
.vedio {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
width: 100vw;
|
|
|
|
width: 100vw;
|
|
|
|
|
zhy521521
12 months ago