nyzy_vue/src/views/gateway/common/header.vue

291 lines
9.6 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div>
<div class="header">
<div class="h_topbox">
<div class="h_top">
<div class="h_item left">欢迎访问吉林省农业资源信息平台</div>
<div class="h_home right">
<a href="">设为首页</a>
<a href=""> | </a>
<a href="">加入收藏</a>
</div>
</div>
</div>
<div class="h_down clearfloat">
<div class="logo left"><img src="img/logo.png" ></div>
<div class="sch_downbox right">
<input type="" name="" id="" value="请输入要搜索的内容" />
<span class="sch_img right"><img src="img/search.png" ></span>
</div>
</div>
</div>
<div id="MutiNav">
<ul class="multiUl">
<li class="multiUlli">
<a class="mulgo" href="javascript:void(0);" title="首页" @click="$to('home')">
<span class="mulgochie">首页</span>
</a>
</li>
<li class="multiUlli" >
<a class="mulgo" href="javascript:void(0);" title="关于本所" @click="$to('gybs')">
<span class="mulgochie">关于本所</span>
</a>
</li>
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
<a class="mulgo" href="qynyzy.html" title="区域农业资源">
<span class="mulgochie">区域农业资源</span>
</a>
<blockquote>
<div class="ChildNavIn">
<ul>
<li class="clearfloat">
<a href="" class="xbzlzd left">
<span><img src="img/dou.png" style="width: 26px;"></span>
<span>西部杂粮杂豆</span>
</a>
<div class="xbcot right">
<a href="xiangqyi.html">高梁</a>
<a href="xiangqyi.html">花生</a>
<a href="xiangqyi.html">绿豆</a>
<a href="xiangqyi.html">小豆</a>
<a href="xiangqyi.html">燕麦</a>
<a href="xiangqyi.html">谷子</a>
<a href="xiangqyi.html">向日葵</a>
</div>
</li>
<li class="clearfloat">
<a href="" class="xbzlzd left">
<span><img src="img/jingji.png" style="width: 26px;"></span>
<span>东部经济资源</span>
</a>
<div class="xbcot right">
<a href="xiangqyi.html">大豆</a>
<a href="xiangqyi.html">食用菌</a>
<a href="xiangqyi.html">中药材</a>
<a href="xiangqyi.html">林果资源</a>
</div>
</li>
<li class="clearfloat">
<a href="" class="xbzlzd left">
<span><img src="img/liangshi.png" style="width: 26px;"></span>
<span>中部粮食资源</span>
</a>
<div class="xbcot right">
<a href="xiangqyi.html">水稻</a>
<a href="xiangqyi.html">玉米</a>
</div>
</li>
<li class="clearfloat">
<a href="" class="xbzlzd left">
<span><img src="img/dou.png" style="width: 26px;"></span>
<span>适宜吉林省<br>种质资源</span>
</a>
<div class="xbcot right">
<a href="xiangqyi.html">高梁</a>
<a href="xiangqyi.html">花生</a>
<a href="xiangqyi.html">绿豆</a>
<a href="xiangqyi.html">小豆</a>
<a href="xiangqyi.html">燕麦</a>
<a href="xiangqyi.html">谷子</a>
<a href="xiangqyi.html">向日葵</a>
</div>
</li>
</ul>
</div>
</blockquote>
</li>
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
<a class="mulgo" href="javascript:void(0);" title="农业产业化" @click="$to('listPage',{pid:102,id:10201})">
<span class="mulgochie">农业产业化</span>
</a>
<blockquote>
<div class="ChildNavIn">
<div class="gersawd clearfloat">
<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
<div class="vdas left">
<a href="nycyh.html" class="fjsjkih left">
<span><img src="img/mue_3.png" style="width: 32px;"></span>
<span>特色农业产业化</span>
</a>
<a href="lscyh.html" class="fjsjkih left">
<span><img src="img/mue_2.png" style="width: 32px;"></span>
<span>粮食产业化</span>
</a>
<a href="xmycyh.html" class="fjsjkih left">
<span><img src="img/mue_1.png" style="width: 32px;"></span>
<span>畜牧业产业化</span>
</a>
</div>
</div>
</div>
</blockquote>
</li>
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
<a class="mulgo" title="布局规划" href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10301})">
<span class="mulgochie">布局规划</span>
</a>
<blockquote>
<div class="ChildNavIn">
<div class="gersawd clearfloat">
<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
<div class="vdas left">
<a href="bjgh.html" class="fjsjkih left">
<span><img src="img/mue_4.png" style="width: 32px;"></span>
<span>吉林省农业资源规划</span>
</a>
<a href="xbbjgh.html" class="fjsjkih left">
<span><img src="img/mue_6.png" style="width: 32px;"></span>
<span>西部特色经济作物区域布局</span>
</a>
<a href="zbbjgh.html" class="fjsjkih left">
<span><img src="img/mue_7.png" style="width: 32px;"></span>
<span>中部粮食加工业区域布局</span>
</a>
<a href="lsbjgh.html" class="fjsjkih left">
<span><img src="img/mue_5.png" style="width: 32px;"></span>
<span>历史区划数据</span>
</a>
</div>
</div>
</div>
</blockquote>
</li>
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
<a class="mulgo" title="绿色农业" href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10401})">
<span class="mulgochie">绿色农业</span>
</a>
<blockquote>
<div class="ChildNavIn">
<div class="gersawd clearfloat">
<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
<div class="vdas left">
<a href="lsny.html" class="fjsjkih left">
<span><img src="img/mue_10.png" style="width: 32px;"></span>
<span>保护性耕作</span>
</a>
<a href="xhlsny.html" class="fjsjkih left">
<span><img src="img/mue_8.png" style="width: 32px;"></span>
<span>农业资源循环利用</span>
</a>
<a href="ncpaq.html" class="fjsjkih left">
<span><img src="img/mue_9.png" style="width: 32px;"></span>
<span>农产品安全</span>
</a>
<a href="pmjj.html" class="fjsjkih left">
<span><img src="img/mue_11.png" style="width: 32px;"></span>
<span>棚膜经济</span>
</a>
</div>
</div>
</div>
</blockquote>
</li>
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
<a class="mulgo" title="科研动态" href="javascript:void(0);" @click="$to('listPage',{pid:105,id:10501})">
<span class="mulgochie">科研动态</span>
</a>
<blockquote>
<div class="ChildNavIn">
<div class="gersawd clearfloat">
<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
<div class="vdas left">
<a href="kydt.html" class="fjsjkih left">
<span><img src="img/mue_12.png" style="width: 32px;"></span>
<span>资源区划</span>
</a>
<a href="kydtnycyh.html" class="fjsjkih left">
<span><img src="img/mue_13.png" style="width: 32px;"></span>
<span>农业产业化</span>
</a>
</div>
</div>
</div>
</blockquote>
</li>
<li class="multiUlli" >
<a class="mulgo" title="助力乡村振兴" href="javascript:void(0);" @click="$to('listPage',{pid:106,id:106})">
<span class="mulgochie">助力乡村振兴</span>
</a>
</li>
<li class="multiUlli">
<a class="mulgo" title="其他" href="javascript:void(0);" @click="$to('listPage',{pid:107,id:107})">
<span class="mulgochie">其他</span>
</a>
</li>
</ul>
</div>
</div>
</template>
<script>
import { getwayMixin } from '@/views/gateway/mixins/getwayMixin'
import { getAction } from '@/api/manage'
let mst;
export default {
mixins:[getwayMixin],
props:{
},
computed:{
},
data(){
return {
window,
searchText: '',
columnList: [],
}
},
mounted(){
this.loadData();
},
updated(){
},
methods:{
loadData(){
if(this.$route.query.findStr){
this.searchText = this.$route.query.findStr;
}
//查询栏目
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',type:'!!BLANK'}).then((res)=>{
if(res.success){
let list = res.result.records||res.result;
let map = {};
//转成map
let parentList = list.filter(x => {
if(x.parent){
return false;
}else{
map[x.id] = x;
return true;
}
});
//孩子找父亲
list.forEach(x => {
let parent = map[x.parent] || {};
if(!parent.list) parent.list = [];
parent.list.push(x);
});
this.columnList = parentList;
}
});
},
//鼠标移入菜单上,显示其下菜单
openMenu(e){
var curItem = jQuery(e.target);
mst = setTimeout(function(){//延时触发
curItem.find("blockquote").slideDown('fast');
mst = null;
});
},
//鼠标移出菜单时,隐藏其下菜单
closeMenu(e){
if(mst)clearTimeout(mst);
jQuery(e.target).find("blockquote").slideUp('fast');
}
},
}
</script>
<style scoped>
</style>