修改前台样式
This commit is contained in:
parent
31aa7ce997
commit
f8cc8d70a5
|
|
@ -2,7 +2,7 @@
|
|||
====
|
||||
|
||||
1.安装依赖
|
||||
在控制台输入init然后回车，等待就可以了
|
||||
在控制台输入npm install然后回车，等待就可以了
|
||||
|
||||
2.运行项目
|
||||
在控制台输入run或者在左下角“npm脚本”处点击serve后的启动
|
||||
|
|
|
|||
|
|
@ -18,17 +18,15 @@
|
|||
html,body{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
a{
|
||||
color: #333333;
|
||||
text-decoration:none;
|
||||
cursor:pointer;
|
||||
outline:none;
|
||||
color: #333333;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6{
|
||||
font-weight: normal;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
input:focus {
|
||||
outline:none;
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 204 KiB After Width: | Height: | Size: 322 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 592 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 133 KiB After Width: | Height: | Size: 322 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 742 KiB After Width: | Height: | Size: 688 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 242 B |
Binary file not shown.
|
After Width: | Height: | Size: 223 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 672 B After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 820 B After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 75 KiB After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 176 KiB After Width: | Height: | Size: 314 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 180 KiB After Width: | Height: | Size: 322 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 398 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 840 B |
Binary file not shown.
|
After Width: | Height: | Size: 711 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1006 B |
Binary file not shown.
|
After Width: | Height: | Size: 427 B |
Binary file not shown.
|
After Width: | Height: | Size: 623 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 288 KiB After Width: | Height: | Size: 323 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 121 KiB After Width: | Height: | Size: 311 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 316 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 311 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 212 B |
Binary file not shown.
|
After Width: | Height: | Size: 147 B |
Binary file not shown.
|
After Width: | Height: | Size: 144 B |
Binary file not shown.
|
After Width: | Height: | Size: 252 B |
Binary file not shown.
|
After Width: | Height: | Size: 116 B |
Binary file not shown.
|
After Width: | Height: | Size: 137 B |
Binary file not shown.
|
After Width: | Height: | Size: 342 B |
Binary file not shown.
|
After Width: | Height: | Size: 381 B |
Binary file not shown.
|
After Width: | Height: | Size: 303 B |
Binary file not shown.
|
Before Width: | Height: | Size: 106 KiB After Width: | Height: | Size: 109 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 279 KiB After Width: | Height: | Size: 316 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 87 KiB After Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 77 KiB After Width: | Height: | Size: 61 KiB |
|
|
@ -3,6 +3,14 @@ import './config'
|
|||
import Vue from 'vue';
|
||||
import App from './App_gateway.vue';
|
||||
|
||||
import Antd, { version } from 'ant-design-vue'
|
||||
console.log('ant-design-vue version:', version)
|
||||
|
||||
import Viser from 'viser-vue'
|
||||
import 'ant-design-vue/dist/antd.less'; // or 'ant-design-vue/dist/antd.less'
|
||||
import '../public/color.less'; // 覆盖颜色
|
||||
|
||||
|
||||
//饿了么UI
|
||||
import ElementUI from 'element-ui';
|
||||
import '../theme/index.css'
|
||||
|
|
@ -58,7 +66,9 @@ Vue.use(ElementUI, {
|
|||
i18n: (key, value) => i18n.t(key, value)
|
||||
})
|
||||
Vue.use(Storage, config.storageOptions)
|
||||
Vue.use(Antd)
|
||||
Vue.use(VueAxios, router)
|
||||
Vue.use(Viser)
|
||||
Vue.use(hasPermission)
|
||||
Vue.use(elTableFitColumns)
|
||||
Vue.use(preview)
|
||||
|
|
|
|||
|
|
@ -1,12 +1,26 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="yqlj">
|
||||
<div class="yqlj">
|
||||
<div class="yqljbox clearfloat">
|
||||
<h4 class="left" style="width: 8%;">友情链接：</h4>
|
||||
<ul class="right" style="width: 90%;">
|
||||
<li v-for="(link,linkIndex) in linksYqljList" :key="linkIndex">
|
||||
<a href="javascript:void(0);" @click="window.open($tf(link,'url'))">{{link.title}}</a>
|
||||
</li>
|
||||
<ul class="">
|
||||
<li>
|
||||
<select @change="yqljChange">
|
||||
<option value ="">国家部委</option>
|
||||
<option :value ="yqlj.url" v-for="(yqlj,index) in linksYqljList" :key="index">{{yqlj.title}}</option>
|
||||
</select>
|
||||
</li>
|
||||
<li>
|
||||
<select @change="yqljChange">
|
||||
<option value ="">省政府部门</option>
|
||||
<option :value ="yqlj.url" v-for="(yqlj,index) in linksYqljList2" :key="index">{{yqlj.title}}</option>
|
||||
</select>
|
||||
</li>
|
||||
<li>
|
||||
<select @change="yqljChange">
|
||||
<option value ="">全国各省（市）农业网站</option>
|
||||
<option :value ="yqlj.url" v-for="(yqlj,index) in linksYqljList3" :key="index">{{yqlj.title}}</option>
|
||||
</select>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -25,13 +39,13 @@
|
|||
<span>地址：长春市人民大街1486号</span>
|
||||
<span>联系方式：0431－88906486</span>
|
||||
</div>
|
||||
<div>
|
||||
<!-- <div>
|
||||
<span>备案号：吉ICP备05001602号</span>
|
||||
<span>
|
||||
<span style="margin: 5px 5px 0 0;"><img src="img/gawzba.png" ></span>
|
||||
吉公网安备公安备案号：22010402000688
|
||||
</span>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -49,6 +63,8 @@ export default {
|
|||
return {
|
||||
window,
|
||||
linksYqljList:[],
|
||||
linksYqljList2:[],
|
||||
linksYqljList3:[],
|
||||
}
|
||||
},
|
||||
computed:{
|
||||
|
|
@ -58,14 +74,33 @@ export default {
|
|||
this.loadData();
|
||||
},
|
||||
methods:{
|
||||
yqljChange(record){
|
||||
var url = record.target.value
|
||||
console.log(url);
|
||||
window.open(url,"_blank")
|
||||
},
|
||||
loadData(){
|
||||
//友情链接
|
||||
getAction('/gateway/gatewayLinks/list',{pageSize:-1,isEnable:'Y'}).then((res)=>{
|
||||
getAction('/gateway/gatewayLinks/list',{pageSize:-1,name:'1',isEnable:'Y'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.linksYqljList = list;
|
||||
}
|
||||
});
|
||||
//友情链接
|
||||
getAction('/gateway/gatewayLinks/list',{pageSize:-1,name:'2',isEnable:'Y'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.linksYqljList2 = list;
|
||||
}
|
||||
});
|
||||
//友情链接
|
||||
getAction('/gateway/gatewayLinks/list',{pageSize:-1,name:'3',isEnable:'Y'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.linksYqljList3 = list;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div class="ban">
|
||||
<div :class="banClass">
|
||||
<div class="header">
|
||||
<div class="h_down clearfloat">
|
||||
<div class="logo left"><img src="img/logo.png" ></div>
|
||||
|
|
@ -17,12 +17,12 @@
|
|||
<div id="MutiNav">
|
||||
<ul class="multiUl">
|
||||
<li class="multiUlli">
|
||||
<a class="mulgo" href="javascript:void(0);" title="首页" @click="$to('home')">
|
||||
<a class="mulgo" href="javascript:void(0);" title="首页" @click="$to('home',{pid:'home'})">
|
||||
<span class="mulgochie">首页</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="multiUlli" >
|
||||
<a class="mulgo" href="javascript:void(0);" title="关于本所" @click="$to('gybs')">
|
||||
<a class="mulgo" href="javascript:void(0);" title="关于本所" @click="$to('gybs',{pid:'gybs'})">
|
||||
<span class="mulgochie">关于本所</span>
|
||||
</a>
|
||||
</li>
|
||||
|
|
@ -35,48 +35,54 @@
|
|||
<ul>
|
||||
<li class="clearfloat">
|
||||
<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10101})">
|
||||
<span><img src="img/dou.png" style="width: 26px;"></span>
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>西部杂粮杂豆</span>
|
||||
</a>
|
||||
<div class="xbcot right">
|
||||
<template v-for="(col,colIndex) in xbzlzdList" >
|
||||
<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
|
||||
<a href="javascript:void(0);" :key="colIndex" @click="$to('listPage2',{id:col.id})">{{col.name}}</a>
|
||||
</template>
|
||||
</div>
|
||||
</li>
|
||||
<li class="clearfloat">
|
||||
<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10102})">
|
||||
<span><img src="img/jingji.png" style="width: 26px;"></span>
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>东部经济资源</span>
|
||||
</a>
|
||||
<div class="xbcot right">
|
||||
<template v-for="(col,colIndex) in dbjjzyList" >
|
||||
<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
|
||||
<a href="javascript:void(0);" :key="colIndex" @click="$to('listPage2',{id:col.id})">{{col.name}}</a>
|
||||
</template>
|
||||
</div>
|
||||
</li>
|
||||
<li class="clearfloat">
|
||||
<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10103})">
|
||||
<span><img src="img/liangshi.png" style="width: 26px;"></span>
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>中部粮食资源</span>
|
||||
</a>
|
||||
<div class="xbcot right">
|
||||
<template v-for="(col,colIndex) in zblszyList" >
|
||||
<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
|
||||
<a href="javascript:void(0);" :key="colIndex" @click="$to('listPage2',{id:col.id})">{{col.name}}</a>
|
||||
</template>
|
||||
</div>
|
||||
</li>
|
||||
<li class="clearfloat">
|
||||
<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10104})">
|
||||
<span><img src="img/dou.png" style="width: 26px;"></span>
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>适宜吉林省<br>种质资源</span>
|
||||
</a>
|
||||
<div class="xbcot right">
|
||||
<template v-for="(col,colIndex) in syjlsList" >
|
||||
<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
|
||||
<a href="javascript:void(0);" :key="colIndex" @click="$to('listPage2',{id:col.id})">{{col.name}}</a>
|
||||
</template>
|
||||
</div>
|
||||
</li>
|
||||
<li class="clearfloat">
|
||||
<a href="javascript:void(0)" class="xbzlzd" style="width: 100%;">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>其他</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</blockquote>
|
||||
|
|
@ -88,20 +94,23 @@
|
|||
<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="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:102,id:10201})">
|
||||
<span><img src="img/mue_3.png" style="width: 32px;"></span>
|
||||
<div class="vdas">
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:102,id:10201})" class="fjsjkih left">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>特色农业产业化</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:102,id:10202})">
|
||||
<span><img src="img/mue_2.png" style="width: 32px;"></span>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:102,id:10202})" class="fjsjkih left">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>粮食产业化</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:102,id:10203})">
|
||||
<span><img src="img/mue_1.png" style="width: 32px;"></span>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:102,id:10203})" class="fjsjkih left">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>畜牧业产业化</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:102,id:10204})" class="fjsjkih left" style="border: 0;">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>其他</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -114,24 +123,31 @@
|
|||
<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="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10301})">
|
||||
<span><img src="img/mue_4.png" style="width: 32px;"></span>
|
||||
<div class="vdas">
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10301})" class="fjsjkih left">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>吉林省农业资源规划</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10302})">
|
||||
<span><img src="img/mue_6.png" style="width: 32px;"></span>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10302})" class="fjsjkih left">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>西部特色经济作物区域布局</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10303})">
|
||||
<span><img src="img/mue_7.png" style="width: 32px;"></span>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10303})" class="fjsjkih left">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>东部特色资源区域布局</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10304})" class="fjsjkih left">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>中部粮食加工业区域布局</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10304})">
|
||||
<span><img src="img/mue_5.png" style="width: 32px;"></span>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10305})" class="fjsjkih left">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>历史区划数据</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10306})" class="fjsjkih left" style="border: 0;">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>其他</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -144,24 +160,27 @@
|
|||
<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="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10401})">
|
||||
<span><img src="img/mue_10.png" style="width: 32px;"></span>
|
||||
<div class="vdas">
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10401})" class="fjsjkih left">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>保护性耕作</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10402})">
|
||||
<span><img src="img/mue_8.png" style="width: 32px;"></span>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10402})" class="fjsjkih left">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>农业资源循环利用</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10403})">
|
||||
<span><img src="img/mue_9.png" style="width: 32px;"></span>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10403})" class="fjsjkih left">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>农产品安全</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10404})">
|
||||
<span><img src="img/mue_11.png" style="width: 32px;"></span>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10404})" class="fjsjkih left">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>棚膜经济</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10405})" class="fjsjkih left" style="border: 0;">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>其他</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -174,25 +193,44 @@
|
|||
<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="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:105,id:10501})">
|
||||
<span><img src="img/mue_12.png" style="width: 32px;"></span>
|
||||
<div class="vdas">
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:105,id:10501})" class="fjsjkih left">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>资源区划</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:105,id:10502})">
|
||||
<span><img src="img/mue_13.png" style="width: 32px;"></span>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:105,id:10502})" class="fjsjkih left">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>农业产业化</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:105,id:10503})" class="fjsjkih left" style="border: 0;">
|
||||
<span><i class="iconfont"></i></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})">
|
||||
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu" >
|
||||
<a class="mulgo" title="助力乡村振兴" href="javascript:void(0);" @click="$to('listPage',{pid:106,id:10601})">
|
||||
<span class="mulgochie">助力乡村振兴</span>
|
||||
</a>
|
||||
<blockquote>
|
||||
<div class="ChildNavIn">
|
||||
<div class="gersawd clearfloat">
|
||||
<div class="vdas">
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:106,id:10601})" class="fjsjkih left">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>助力乡村振兴</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:106,id:10602})" class="fjsjkih left" style="border: 0;">
|
||||
<span><i class="iconfont"></i></span>
|
||||
<span>其他</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</li>
|
||||
<li class="multiUlli">
|
||||
<a class="mulgo" title="其他" href="javascript:void(0);" @click="$to('listPage',{pid:107})">
|
||||
|
|
@ -230,6 +268,32 @@ export default {
|
|||
mounted(){
|
||||
this.loadData();
|
||||
},
|
||||
computed:{
|
||||
banClass(){
|
||||
let r = 'ban';
|
||||
switch (this.$route.query.pid) {
|
||||
case 101: r = 'baner8'; break;
|
||||
case 102: r = 'baner4'; break;
|
||||
case 103: r = 'baner'; break;
|
||||
case 104: r = 'baner5'; break;
|
||||
case 105: r = 'baner3'; break;
|
||||
case 106: r = 'baner7'; break;
|
||||
case 107: r = 'baner6'; break;
|
||||
case 'gybs': r = 'baner2'; break;
|
||||
case 'home': r = 'ban'; break;
|
||||
case 501: r = 'baner'; break;
|
||||
case 306: r = 'baner'; break;
|
||||
case 305: r = 'baner'; break;
|
||||
case 304: r = 'baner'; break;
|
||||
case 303: r = 'baner'; break;
|
||||
case 302: r = 'baner'; break;
|
||||
case 301: r = 'baner'; break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
return r;
|
||||
}
|
||||
},
|
||||
updated(){
|
||||
},
|
||||
methods:{
|
||||
|
|
@ -238,28 +302,28 @@ export default {
|
|||
this.searchText = this.$route.query.findStr;
|
||||
}
|
||||
//查询区域农业资源--西部杂粮杂豆 内容列表
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',columnId:10101}).then((res)=>{
|
||||
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isRelease:'Y',parent:10101}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.xbzlzdList = list;
|
||||
}
|
||||
});
|
||||
//查询区域农业资源--东部经济资源 内容列表
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',columnId:10102}).then((res)=>{
|
||||
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isRelease:'Y',parent:10102}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.dbjjzyList = list;
|
||||
}
|
||||
});
|
||||
//查询区域农业资源--中部粮食资源 内容列表
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',columnId:10103}).then((res)=>{
|
||||
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isRelease:'Y',parent:10103}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.zblszyList = list;
|
||||
}
|
||||
});
|
||||
//查询区域农业资源--适宜吉林省 内容列表
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',columnId:10104}).then((res)=>{
|
||||
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isRelease:'Y',parent:10104}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.syjlsList = list;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,567 @@
|
|||
<template>
|
||||
<div>
|
||||
<!-- <div class="ban"></div> -->
|
||||
<div class="contant">
|
||||
<div class="PageBox">
|
||||
<div class="scrollbox cl">
|
||||
<!-- <div class="scroltit">
|
||||
<small id="but_up"><img src="img/icon6.png"></small>
|
||||
<small id="but_down"><img src="img/icon6_1.png"></small>
|
||||
</div> -->
|
||||
<!-- 头条 -->
|
||||
<div id="scrollDiv">
|
||||
<!-- <ul>
|
||||
<li v-for="(tt,ttIndex) in ttList" :key="ttIndex">
|
||||
<a href="javascript:void(0);">
|
||||
<h2>{{tt.title}}</h2>
|
||||
<p class="elli">{{$tfnm(tt,'content',84)}}</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul> -->
|
||||
<el-carousel height="100px" direction="vertical" :autoplay="true" indicator-position="outside">
|
||||
<el-carousel-item v-for="(tt,ttIndex) in ttList" :key="ttIndex" class="toutiaoItem">
|
||||
<h2 class="toutiaoH" @click="$to('detailedPage',{id:tt.id})">{{tt.title}}</h2>
|
||||
<p class="elli" @click="$to('detailedPage',{id:tt.id})">{{$tfnm(tt,'content',60)}}</p>
|
||||
</el-carousel-item>
|
||||
</el-carousel>
|
||||
</div>
|
||||
</div>
|
||||
<div class="PageOne clearfloat">
|
||||
<div class="PageOneL left">
|
||||
<div id="inlunbo" class="pos1">
|
||||
<el-carousel height="400px">
|
||||
<el-carousel-item v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex">
|
||||
<a href="javascript:void(0);" @click="$to('detailedPage',{id:lbt.id})"><img :src="$tImg(lbt,'cover')"></a>
|
||||
<div class="luntxt">
|
||||
<a href="javascript:void(0);" class="ltxta elli" @click="$to('detailedPage',{id:lbt.id})">{{lbt.title}}</a>
|
||||
</div>
|
||||
</el-carousel-item>
|
||||
</el-carousel>
|
||||
<!-- <ul id="inlunone">
|
||||
<li class="lunactive" v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex">
|
||||
<a href="javascript:void(0);"><img :src="$tImg(lbt,'cover')"></a>
|
||||
<div class="luntxt">
|
||||
<a href="javascript:void(0);" class="ltxta elli">{{lbt.title}}</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul> -->
|
||||
<!-- <ul id="inluntwo">
|
||||
<li class="lunactive">1</li>
|
||||
<li>2</li>
|
||||
<li>3</li>
|
||||
</ul> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="PageOneR right">
|
||||
<div id="menu">
|
||||
<div class="PageOneRUp">
|
||||
<ul id="nav">
|
||||
<li><a href="javascript:void(0);" :class="currentTab == 301 ? 'selected' : ''" @click="changeTab(301)">工作动态</a></li>
|
||||
<li><a href="javascript:void(0);" :class="currentTab == 302 ? 'selected' : ''" @click="changeTab(302)">行业要闻</a></li>
|
||||
</ul>
|
||||
<a href="javascript:void(0);" class="gengdduo right" @click="$to('listPage',{pid:currentTab})">more+</a>
|
||||
</div>
|
||||
<div id="menu_con">
|
||||
<div class="tag" v-show="currentTab == 301">
|
||||
<template v-if="gzdtList && gzdtList.length > 0">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="tagup" @click="$to('detailedPage',{id:gzdtList[0].id})">
|
||||
<h3 class="elli">{{gzdtList[0].title}}</h3>
|
||||
<p class="over-line2">{{$tfnm(gzdtList[0],'content',84)}}</p>
|
||||
</span>
|
||||
</li>
|
||||
<li v-for="(gzdt,gzdtIndex) in gzdtList" :key="gzdtIndex" >
|
||||
<template v-if="gzdtIndex>0">
|
||||
<a class="clearfloat" href="javascript:void(0);" @click="$to('detailedPage',{id:gzdt.id})">
|
||||
<h3 class="elli">{{gzdt.title}}</h3>
|
||||
<span>{{gzdt.createTime}}</span>
|
||||
</a>
|
||||
</template>
|
||||
</li>
|
||||
</ul>
|
||||
</template>
|
||||
</div>
|
||||
<div class="tag" v-show="currentTab == 302">
|
||||
<template v-if="hyywList && hyywList.length > 0">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="tagup" @click="$to('detailedPage',{id:hyywList[0].id})">
|
||||
<h3 class="elli">{{hyywList[0].title}}</h3>
|
||||
<p class="over-line2">{{$tfnm(hyywList[0],'content',84)}}</p>
|
||||
</span>
|
||||
</li>
|
||||
<li v-for="(hyyw,hyywIndex) in hyywList" :key="hyywIndex" >
|
||||
<template v-if="hyywIndex>0">
|
||||
<a class="clearfloat" href="javascript:void(0);" @click="$to('detailedPage',{id:hyyw.id})">
|
||||
<h3 class="elli">{{hyyw.title}}</h3>
|
||||
<span>{{hyyw.createTime}}</span>
|
||||
</a>
|
||||
</template>
|
||||
</li>
|
||||
</ul>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="kjrukou">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:102,id:10201})">
|
||||
<span class="spanmg"><img src="img/k_01.png" ></span>
|
||||
<span class="spanmg1" style="display: none;"><img src="img/k_01-1.png" ></span>
|
||||
<h3>特色农业产业化</h3>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:401,id:40101})">
|
||||
<span class="spanmg"><img src="img/k_02.png" ></span>
|
||||
<span class="spanmg1" style="display: none;"><img src="img/k_02-2.png" ></span>
|
||||
<h3>数据中心</h3>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10404})">
|
||||
<span class="spanmg"><img src="img/k_03.png" ></span>
|
||||
<span class="spanmg1" style="display: none;"><img src="img/k_03-3.png" ></span>
|
||||
<h3>棚膜经济</h3>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10403})">
|
||||
<span class="spanmg"><img src="img/k_05.png" ></span>
|
||||
<span class="spanmg1" style="display: none;"><img src="img/k_04-5.png" ></span>
|
||||
<h3>农产品安全</h3>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10303})">
|
||||
<span class="spanmg"><img src="img/k_05.png" ></span>
|
||||
<span class="spanmg1" style="display: none;"><img src="img/k_05-5.png" ></span>
|
||||
<h3>中部粮食资源</h3>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:102,id:10203})">
|
||||
<span class="spanmg"><img src="img/k_06.png" ></span>
|
||||
<span class="spanmg1" style="display: none;"><img src="img/k_06-6.png" ></span>
|
||||
<h3>畜牧业产业化</h3>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hzjlbox">
|
||||
<div class="hzjl clearfloat">
|
||||
<div class="h_l left">
|
||||
<div class="h_lup clearfloat">
|
||||
<span class="h_lupl left">合作<span class="h_luph">交流</span></span>
|
||||
<a href="javascript:void(0);" class="right" @click="$to('listPage',{pid:303})">more+</a>
|
||||
</div>
|
||||
<div class="h_ldown">
|
||||
<ul>
|
||||
<li v-for="(hzjl,hzjlIndex) in hzjlList" :key="hzjlIndex">
|
||||
<a href="javascript:void(0);" class="elli" @click="$to('detailedPage',{id:hzjl.id})">
|
||||
<span></span>
|
||||
{{hzjl.title}}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="h_r right">
|
||||
<div class="h_lup clearfloat">
|
||||
<span class="h_lupl left">科研<span class="h_luph">成果</span></span>
|
||||
<a href="javascript:void(0);" class="right" @click="$to('listPage',{pid:304})">more+</a>
|
||||
</div>
|
||||
<div class="h_rdown">
|
||||
<ul>
|
||||
<li v-for="(kycg,kycgIndex) in kycgList" :key="kycgIndex">
|
||||
<a href="javascript:void(0);" @click="$to('detailedPage',{id:kycg.id})">
|
||||
<span class="spimg"><img :src="$tImg(kycg,'cover')" ></span>
|
||||
<h3 class="over-line2">{{kycg.title}}</h3>
|
||||
<p>{{$tfnm(kycg,'content',58)}}<span>[详情]</span></p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="zcwjbox clearfloat">
|
||||
<div class="h_l left">
|
||||
<div class="h_lup clearfloat">
|
||||
<span class="h_lupl left">政策<span class="h_luph">文件</span></span>
|
||||
<a href="javascript:void(0);" class="right" @click="$to('listPage',{pid:305})">more+</a>
|
||||
</div>
|
||||
<div class="z_ldown">
|
||||
<template v-if="zcwjList && zcwjList.length > 0">
|
||||
<a href="javascript:void(0);" class="zxwjbox clearfloat" @click="$to('detailedPage',{id:zcwjList[0].id})">
|
||||
<span class="z_img left" @click="$to('detailedPage',{id:zcwjList[0].id})"><img src="img/zxwj.png" ></span>
|
||||
<h3 class="over-line2 left" @click="$to('detailedPage',{id:zcwjList[0].id})">{{zcwjList[0].title}}</h3>
|
||||
<span class="z_date right" @click="$to('detailedPage',{id:zcwjList[0].id})">{{getMonthAndDay(zcwjList[0].updateTime || zcwjList[0].createTime)}}</span>
|
||||
</a>
|
||||
<ul>
|
||||
<li v-for="(zcwj,zcwjIndex) in zcwjList" :key="zcwjIndex">
|
||||
<a v-if="zcwjIndex>0" href="javascript:void(0);" class="clearfloat" @click="$to('detailedPage',{id:zcwj.id})">
|
||||
<span class="jiantou left">></span>
|
||||
<h4 class="over-line2 left" >{{zcwj.title}}</h4>
|
||||
<span class="c_span right">{{getMonthAndDay(zcwj.updateTime || zcwj.createTime)}}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<div class="h_r right">
|
||||
<div class="h_lup clearfloat">
|
||||
<span class="h_lupl left">特色农业资源<span class="h_luph">最新动态</span></span>
|
||||
<a href="javascript:void(0);" class="right" @click="$to('listPage',{pid:306})">more+</a>
|
||||
</div>
|
||||
<div class="c_rdown clearfloat">
|
||||
<template v-if="tsnyzyList && tsnyzyList.length > 0">
|
||||
<div class="c_rdownl left">
|
||||
<a href="javascript:void(0);" class="gredsgre over-line2" @click="$to('detailedPage',{id:tsnyzyList[0].id})">{{tsnyzyList[0].title}}</a>
|
||||
<div class="c_sdfimg" @click="$to('detailedPage',{id:tsnyzyList[0].id})"><img :src="$tImg(tsnyzyList[0],'cover')" ></div>
|
||||
<p class="over-line2" @click="$to('detailedPage',{id:tsnyzyList[0].id})">{{$tfnm(tsnyzyList[0],'content',84)}}</p>
|
||||
<div class="clearfloat">
|
||||
<a href="javascript:void(0);" class="left" style="font-size: 14px;color: #EE8515;" @click="$to('detailedPage',{id:tsnyzyList[0].id})">[阅读]</a>
|
||||
<span class="right" style="color: #999999;font-size: 14px;">{{getMonthAndDay(tsnyzyList[0].updateTime || tsnyzyList[0].createTime)}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="z_ldown right" style="width: 384px;">
|
||||
<ul>
|
||||
<li v-for="(tsnyzy,tsnyzyIndex) in tsnyzyList" :key="tsnyzyIndex">
|
||||
<a href="javascript:void(0);" class="clearfloat" @click="$to('detailedPage',{id:tsnyzy.id})">
|
||||
<span class="jiantou left">></span>
|
||||
<h4 class="over-line2 left">{{tsnyzy.title}}</h4>
|
||||
<span class="c_span right">{{getMonthAndDay(tsnyzy.updateTime || tsnyzy.createTime)}}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ztzlbox">
|
||||
<div class="ztzl">
|
||||
<div class="h_lup clearfloat">
|
||||
<span class="h_lupl left">专题<span class="h_luph">专栏</span></span>
|
||||
<a href="javascript:void(0);" class="right" @click="$to('listPage',{pid:501,id:50101})">more+</a>
|
||||
</div>
|
||||
<div class="ztzldown" style="margin-top: 20px;">
|
||||
<ul class="clearfloat">
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50101})"><img src="img/zt_1.png" ></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50102})"><img src="img/zt_2.png" ></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50103})"><img src="img/zt_3.png" ></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50104})"><img src="img/zt_4.png" ></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getAction } from '@/api/manage'
|
||||
import { getwayMixin } from '@/views/gateway/mixins/getwayMixin'
|
||||
import vueSeamlessScroll from './vue-seamless-scroll'
|
||||
|
||||
export default {
|
||||
mixins:[getwayMixin],
|
||||
components:{ vueSeamlessScroll },
|
||||
props:{
|
||||
},
|
||||
data(){
|
||||
return {
|
||||
window,
|
||||
ttList:[], //头条
|
||||
lbtList:[], //轮播图
|
||||
gzdtList:[], //工作动态
|
||||
hyywList:[], //行业要闻
|
||||
hzjlList:[], //合作交流
|
||||
kycgList:[], //科研成果
|
||||
zcwjList:[], //政策文件
|
||||
tsnyzyList:[], //特色农业资源最新动态
|
||||
tzggList:[],
|
||||
linksKsdhList:[],
|
||||
linksYqljList:[],
|
||||
classOption: {
|
||||
limitMoveNum: 2,
|
||||
direction: 2,
|
||||
},
|
||||
carouselHeight: '',
|
||||
currentTab:301,
|
||||
}
|
||||
},
|
||||
computed:{
|
||||
},
|
||||
mounted(){
|
||||
this.loadData();
|
||||
const that = this
|
||||
let load = () => {
|
||||
return (() => {
|
||||
let image = document.querySelector('.el-carousel__item.is-active.is-animating img')
|
||||
that.refreshImageHeight(image);
|
||||
})()
|
||||
};
|
||||
//当页面大小变动时，更新高度
|
||||
window.onresize = load;
|
||||
// window.onload = load;
|
||||
},
|
||||
updated(){
|
||||
// this.$nextTick(() => {
|
||||
// let image = document.querySelector('.el-carousel__item.is-active.is-animating img')
|
||||
// this.refreshImageHeight(image);
|
||||
// })
|
||||
},
|
||||
methods:{
|
||||
loadData(){
|
||||
// console.log('main.vue.this =>',this);
|
||||
//头条
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:3,isRelease:'Y',columnId:'201',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.ttList = list;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//轮播图
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:3,isRelease:'Y',type:'首页轮播',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
console.log('====>>>',list);
|
||||
// this.articleList = list;
|
||||
this.lbtList = list;
|
||||
// if(list && list.length){
|
||||
// console.log(list,list[0],this.$tImg(list[0],'cover'),this);
|
||||
//用第一张图刷新高度
|
||||
// this.refreshImageHeightByUrl(this.$tImg(list[0],'cover'));
|
||||
// }
|
||||
}
|
||||
});
|
||||
//工作动态
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:7,isRelease:'Y',columnId:'301',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
// this.articleList = list;
|
||||
this.gzdtList = list;
|
||||
}
|
||||
});
|
||||
//行业要闻
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:7,isRelease:'Y',columnId:'302',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
// this.articleList = list;
|
||||
this.hyywList = list;
|
||||
}
|
||||
});
|
||||
//合作交流
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:8,isRelease:'Y',columnId:'303',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
// this.articleList = list;
|
||||
this.hzjlList = list;
|
||||
}
|
||||
});
|
||||
//科研成果
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:3,isRelease:'Y',columnId:'304',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
// this.articleList = list;
|
||||
this.kycgList = list;
|
||||
}
|
||||
});
|
||||
//政策文件
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:'305',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
// this.articleList = list;
|
||||
this.zcwjList = list;
|
||||
}
|
||||
});
|
||||
//特色农业资源最新动态
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:'306',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
// this.articleList = list;
|
||||
this.tsnyzyList = list;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//通知公告
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:'3',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
// this.articleList = list;
|
||||
this.tzggList = list;
|
||||
}
|
||||
});
|
||||
//快速导航
|
||||
getAction('/gateway/gatewayLinks/list',{pageSize:-1,isEnable:'Y',type:'快速导航',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.linksKsdhList = list;
|
||||
}
|
||||
});
|
||||
//友情链接
|
||||
getAction('/gateway/gatewayLinks/list',{pageSize:-1,isEnable:'Y',type:'友情链接',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.linksYqljList = list;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
//工作动态、行业要闻切换
|
||||
changeTab(index){
|
||||
this.currentTab = index;
|
||||
},
|
||||
|
||||
getDay(dateTime){
|
||||
if(!dateTime) return '';
|
||||
let d = new Date(dateTime);
|
||||
return d.getDate()
|
||||
},
|
||||
getYearAndMonth(dateTime){
|
||||
if(!dateTime) return '';
|
||||
let d = new Date(dateTime);
|
||||
return d.getFullYear() + '-' + (d.getMonth()+1)
|
||||
},
|
||||
//根据image对象刷新高度
|
||||
refreshImageHeight(image){
|
||||
const that = this
|
||||
if(!image){
|
||||
that.carouselHeight = '';
|
||||
return;
|
||||
}
|
||||
let url = image.src;
|
||||
this.refreshImageHeightByUrl(url);
|
||||
},
|
||||
//刷新轮播图高度
|
||||
refreshImageHeightByUrl(url){
|
||||
const that = this
|
||||
let nImg = new Image();
|
||||
nImg.src = url;
|
||||
if(!nImg.height){
|
||||
that.carouselHeight = '';
|
||||
return;
|
||||
}
|
||||
let width = nImg.width;
|
||||
let height = nImg.height;
|
||||
|
||||
let maxWidth = document.body.offsetWidth;
|
||||
// let maxHeight = document.body.offsetHeight;
|
||||
|
||||
let widthProportion = maxWidth/width;
|
||||
that.carouselHeight = (height*widthProportion) + 'px';
|
||||
},
|
||||
//由轮播图变换触发的
|
||||
changeCarouselHeight(index){
|
||||
let image = document.querySelectorAll('.d1')[index];
|
||||
this.refreshImageHeight(image);
|
||||
},
|
||||
|
||||
getDay(dateTime){
|
||||
if(!dateTime) return '';
|
||||
let d = new Date(dateTime);
|
||||
return d.getDate()
|
||||
},
|
||||
getMonthAndDay(dateTime){
|
||||
if(!dateTime) return '';
|
||||
let d = new Date(dateTime);
|
||||
return (d.getMonth()+1) + '-' + d.getDate();
|
||||
},
|
||||
getYearAndMonth(dateTime){
|
||||
if(!dateTime) return '';
|
||||
let d = new Date(dateTime);
|
||||
return d.getFullYear() + '-' + (d.getMonth()+1)
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
|
||||
.warp {
|
||||
width: 1264px;
|
||||
height: 120px;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
&.ul-item {
|
||||
display: flex;
|
||||
.li-item {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
margin-right: 10px;
|
||||
line-height: 120px;
|
||||
background-color: #999;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.OneTxt2{
|
||||
font-size:2rem;
|
||||
.OneTxt2_txt{
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
color:#006876;
|
||||
}
|
||||
.OneTxt2_back{
|
||||
width: 8rem;
|
||||
height: 1rem;
|
||||
border-radius: 1%;
|
||||
background-color: #fdf9d9;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
top: -1rem;
|
||||
}
|
||||
}
|
||||
.toutiaoItem{
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
.toutiaoH{
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 10px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
|
@ -4,20 +4,8 @@
|
|||
<div class="contant">
|
||||
<div class="PageBox">
|
||||
<div class="scrollbox cl">
|
||||
<!-- <div class="scroltit">
|
||||
<small id="but_up"><img src="img/icon6.png"></small>
|
||||
<small id="but_down"><img src="img/icon6_1.png"></small>
|
||||
</div> -->
|
||||
<!-- 头条 -->
|
||||
<div id="scrollDiv">
|
||||
<!-- <ul>
|
||||
<li v-for="(tt,ttIndex) in ttList" :key="ttIndex">
|
||||
<a href="javascript:void(0);">
|
||||
<h2>{{tt.title}}</h2>
|
||||
<p class="elli">{{$tfnm(tt,'content',84)}}</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul> -->
|
||||
<el-carousel height="100px" direction="vertical" :autoplay="true" indicator-position="outside">
|
||||
<el-carousel-item v-for="(tt,ttIndex) in ttList" :key="ttIndex" class="toutiaoItem">
|
||||
<h2 class="toutiaoH" @click="$to('detailedPage',{id:tt.id})">{{tt.title}}</h2>
|
||||
|
|
@ -27,6 +15,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="PageOne clearfloat">
|
||||
<!-- 轮播图 -->
|
||||
<div class="PageOneL left">
|
||||
<div id="inlunbo" class="pos1">
|
||||
<el-carousel height="400px">
|
||||
|
|
@ -37,117 +26,90 @@
|
|||
</div>
|
||||
</el-carousel-item>
|
||||
</el-carousel>
|
||||
<!-- <ul id="inlunone">
|
||||
<li class="lunactive" v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex">
|
||||
<a href="javascript:void(0);"><img :src="$tImg(lbt,'cover')"></a>
|
||||
<div class="luntxt">
|
||||
<a href="javascript:void(0);" class="ltxta elli">{{lbt.title}}</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul> -->
|
||||
<!-- <ul id="inluntwo">
|
||||
<li class="lunactive">1</li>
|
||||
<li>2</li>
|
||||
<li>3</li>
|
||||
</ul> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- 工作动态、行业要闻切换 -->
|
||||
<div class="PageOneR right">
|
||||
<div id="menu">
|
||||
<div id="tab">
|
||||
<div class="PageOneRUp">
|
||||
<ul id="nav">
|
||||
<li><a href="javascript:void(0);" :class="currentTab == 301 ? 'selected' : ''" @click="changeTab(301)">工作动态</a></li>
|
||||
<li><a href="javascript:void(0);" :class="currentTab == 302 ? 'selected' : ''" @click="changeTab(302)">行业要闻</a></li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:currentTab})" class="gengdduo right">更多></a>
|
||||
<ul class="tab_menu">
|
||||
<li :class="currentTab == 301 ? 'selected' : ''" @click="changeTab(301)" @mousemove="changeTab(301)">工作动态</li>
|
||||
<li :class="currentTab == 302 ? 'selected' : ''" @click="changeTab(302)" @mousemove="changeTab(302)">行业要闻</li>
|
||||
</ul>
|
||||
<a href="javascript:void(0);" class="gengdduo right" @click="$to('listPage',{pid:currentTab})">more+</a>
|
||||
</div>
|
||||
<div id="menu_con">
|
||||
<div class="tag" v-show="currentTab == 301">
|
||||
<template v-if="gzdtList && gzdtList.length > 0">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="tagup" @click="$to('detailedPage',{id:gzdtList[0].id})">
|
||||
<h3 class="elli">{{gzdtList[0].title}}</h3>
|
||||
<p class="over-line2">{{$tfnm(gzdtList[0],'content',84)}}</p>
|
||||
</span>
|
||||
</li>
|
||||
<li v-for="(gzdt,gzdtIndex) in gzdtList" :key="gzdtIndex" >
|
||||
<template v-if="gzdtIndex>0">
|
||||
<a class="clearfloat" href="javascript:void(0);" @click="$to('detailedPage',{id:gzdt.id})">
|
||||
<h3 class="elli">{{gzdt.title}}</h3>
|
||||
<span>{{gzdt.createTime}}</span>
|
||||
</a>
|
||||
</template>
|
||||
</li>
|
||||
</ul>
|
||||
</template>
|
||||
</div>
|
||||
<div class="tag" v-show="currentTab == 302">
|
||||
<template v-if="hyywList && hyywList.length > 0">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="tagup" @click="$to('detailedPage',{id:hyywList[0].id})">
|
||||
<h3 class="elli">{{hyywList[0].title}}</h3>
|
||||
<p class="over-line2">{{$tfnm(hyywList[0],'content',84)}}</p>
|
||||
</span>
|
||||
</li>
|
||||
<li v-for="(hyyw,hyywIndex) in hyywList" :key="hyywIndex" >
|
||||
<template v-if="hyywIndex>0">
|
||||
<a class="clearfloat" href="javascript:void(0);" @click="$to('detailedPage',{id:hyyw.id})">
|
||||
<h3 class="elli">{{hyyw.title}}</h3>
|
||||
<span>{{hyyw.createTime}}</span>
|
||||
</a>
|
||||
</template>
|
||||
</li>
|
||||
</ul>
|
||||
</template>
|
||||
</div>
|
||||
<div class="tab_box">
|
||||
<div class="tab_boxdas" v-show="currentTab == 301">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="tagup" @click="$to('detailedPage',{id:gzdtList[0].id})">
|
||||
<h3 class="elli">{{gzdtList[0].title}}</h3>
|
||||
<p class="over-line2">{{$tfnm(gzdtList[0],'content',84)}}</p>
|
||||
</span>
|
||||
</li>
|
||||
<template v-for="(gzdt,gzdtIndex) in gzdtList">
|
||||
<li :key="gzdtIndex" >
|
||||
<template v-if="gzdtIndex>0">
|
||||
<a class="clearfloat" href="javascript:void(0);" @click="$to('detailedPage',{id:gzdt.id})">
|
||||
<h3 class="elli">> {{gzdt.title}}</h3>
|
||||
<span>{{gzdt.createTime}}</span>
|
||||
</a>
|
||||
</template>
|
||||
</li>
|
||||
</template>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab_boxdas" v-show="currentTab == 302">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="tagup" @click="$to('detailedPage',{id:hyywList[0].id})">
|
||||
<h3 class="elli">{{hyywList[0].title}}</h3>
|
||||
<p class="over-line2">{{$tfnm(hyywList[0],'content',84)}}</p>
|
||||
</span>
|
||||
</li>
|
||||
<li v-for="(hyyw,hyywIndex) in hyywList" :key="hyywIndex" >
|
||||
<template v-if="hyywIndex>0">
|
||||
<a class="clearfloat" href="javascript:void(0);" @click="$to('detailedPage',{id:hyyw.id})">
|
||||
<h3 class="elli">> {{hyyw.title}}</h3>
|
||||
<span>{{hyyw.createTime}}</span>
|
||||
</a>
|
||||
</template>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kjrukou">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:102,id:10201})">
|
||||
<span class="spanmg"><img src="img/k_01.png" ></span>
|
||||
<span class="spanmg1" style="display: none;"><img src="img/k_01-1.png" ></span>
|
||||
<h3>特色农业产业化</h3>
|
||||
<h3>西部杂粮杂豆</h3>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:401,id:40101})">
|
||||
<span class="spanmg"><img src="img/k_02.png" ></span>
|
||||
<span class="spanmg1" style="display: none;"><img src="img/k_02-2.png" ></span>
|
||||
<h3>数据中心</h3>
|
||||
<h3>东部经济资源</h3>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10404})">
|
||||
<span class="spanmg"><img src="img/k_03.png" ></span>
|
||||
<span class="spanmg1" style="display: none;"><img src="img/k_03-3.png" ></span>
|
||||
<h3>棚膜经济</h3>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10403})">
|
||||
<span class="spanmg"><img src="img/k_04.png" ></span>
|
||||
<span class="spanmg1" style="display: none;"><img src="img/k_04-4.png" ></span>
|
||||
<h3>农产品安全</h3>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10303})">
|
||||
<span class="spanmg"><img src="img/k_05.png" ></span>
|
||||
<span class="spanmg1" style="display: none;"><img src="img/k_05-5.png" ></span>
|
||||
<h3>中部粮食资源</h3>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:102,id:10203})">
|
||||
<span class="spanmg"><img src="img/k_06.png" ></span>
|
||||
<span class="spanmg1" style="display: none;"><img src="img/k_06-6.png" ></span>
|
||||
<h3>畜牧业产业化</h3>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10403})">
|
||||
<span class="spanmg"><img src="img/k_05.png" ></span>
|
||||
<span class="spanmg1" style="display: none;"><img src="img/k_05-5.png" ></span>
|
||||
<h3>适宜吉林省种质资源</h3>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -155,36 +117,92 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="hzjlbox">
|
||||
<div class="hzjl clearfloat">
|
||||
<div class="h_l left">
|
||||
<!-- 数据中心 -->
|
||||
<div class="h_lup clearfloat">
|
||||
<span class="h_lupl left">合作<span class="h_luph">交流</span></span>
|
||||
<a href="javascript:void(0);" class="right" @click="$to('listPage',{pid:303})">more+</a>
|
||||
<span class="h_lupl left">数据<span class="h_luph">中心</span></span>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:sjzxTab})" class="right">更多></a>
|
||||
</div>
|
||||
<div id="tab">
|
||||
<ul class="tab_menu">
|
||||
<li :class="sjzxTab == 40101 ? 'selected' : ''" @mousemove="changeTabSjzx(40101)">微观经济调查</li>
|
||||
<li :class="sjzxTab == 40102 ? 'selected' : ''" @mousemove="changeTabSjzx(40102)">农业资源数据</li>
|
||||
<li :class="sjzxTab == 40103 ? 'selected' : ''" @mousemove="changeTabSjzx(40103)">遥感数据</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="h_ldown">
|
||||
<ul>
|
||||
<li v-for="(hzjl,hzjlIndex) in hzjlList" :key="hzjlIndex">
|
||||
<a href="javascript:void(0);" class="elli" @click="$to('detailedPage',{id:hzjl.id})">
|
||||
<span></span>
|
||||
{{hzjl.title}}
|
||||
<li v-for="(kycg,kycgIndex) in sjzxList" :key="kycgIndex">
|
||||
<a href="javascript:void(0);" @click="$to('detailedPage',{id:kycg.id})" class="elli">
|
||||
<span class="spimg">></span>
|
||||
{{kycg.title}}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="h_r right">
|
||||
<div class="h_r left">
|
||||
<!-- 科研成果 -->
|
||||
<div class="h_lup clearfloat">
|
||||
<span class="h_lupl left">科研<span class="h_luph">成果</span></span>
|
||||
<a href="javascript:void(0);" class="right" @click="$to('listPage',{pid:304})">more+</a>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:kycgTab})" class="right">更多></a>
|
||||
</div>
|
||||
<div id="tab">
|
||||
<ul class="tab_menu">
|
||||
<li :class="kycgTab == 30401 ? 'selected' : ''" @mousemove="changeTabKycg(30401)">成果登记</li>
|
||||
<li :class="kycgTab == 30402 ? 'selected' : ''" @mousemove="changeTabKycg(30402)">获奖情况</li>
|
||||
<li :class="kycgTab == 30403 ? 'selected' : ''" @mousemove="changeTabKycg(30403)">发表论文</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="h_rdown">
|
||||
<div class="spbox clearfloat">
|
||||
<span class="spimg"><img :src="kycgList[0].cover?$tImg(kycgList[0],'cover'):'img/kycg_1.png'" ></span>
|
||||
<div class="spcont">
|
||||
<a class="spydsb elli">{{kycgList[0].title}}</a>
|
||||
<p class="over-line2">{{$tfnm(kycgList[0],'content',84)}}</p>
|
||||
<div class="yueduit clearfloat">
|
||||
<a href="javascript:void(0);" @click="$to('detailedPage',{id:kycgList[0].id})">[阅读]</a>
|
||||
<span>{{getYearMonthDay(kycgList[0].updateTime || kycgList[0].createTime)}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li v-for="(kycg,kycgIndex) in kycgList" :key="kycgIndex">
|
||||
<a href="javascript:void(0);" @click="$to('detailedPage',{id:kycg.id})">
|
||||
<span class="spimg"><img :src="$tImg(kycg,'cover')" ></span>
|
||||
<h3 class="over-line2">{{kycg.title}}</h3>
|
||||
<p>{{$tfnm(kycg,'content',58)}}<span>[详情]</span></p>
|
||||
<template v-for="(kycg,kycgIndex) in kycgList">
|
||||
<template v-if="kycgIndex>0">
|
||||
<li :key="kycgIndex">
|
||||
<a href="javascript:void(0);" @click="$to('detailedPage',{id:kycg.id})" class="clearfloat">
|
||||
<span class="sadfa">></span>
|
||||
<h4 class="elli">{{kycg.title}}</h4>
|
||||
<span class="sadfasp">{{getYearMonthDay(kycg.updateTime || kycg.createTime)}}</span>
|
||||
</a>
|
||||
</li>
|
||||
</template>
|
||||
</template>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="h_l right">
|
||||
<!-- 政策文件 -->
|
||||
<div class="h_lup clearfloat">
|
||||
<span class="h_lupl left">政策<span class="h_luph">文件</span></span>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:zcwjTab})" class="right">更多></a>
|
||||
</div>
|
||||
<div id="tab">
|
||||
<ul class="tab_menu">
|
||||
<li :class="zcwjTab == 30501 ? 'selected' : ''" @mousemove="changeTabZcwj(30501)">省内政策</li>
|
||||
<li :class="zcwjTab == 30502 ? 'selected' : ''" @mousemove="changeTabZcwj(30502)">国内政策</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="h_ldown">
|
||||
<ul>
|
||||
<li v-for="(kycg,kycgIndex) in zcwjList" :key="kycgIndex">
|
||||
<a href="javascript:void(0);" @click="$to('detailedPage',{id:kycg.id})" class="elli">
|
||||
<span class="spimg">></span>
|
||||
{{kycg.title}}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -192,89 +210,80 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="zcwjbox clearfloat">
|
||||
<div class="hzjl clearfloat">
|
||||
<div class="h_l left">
|
||||
<div class="h_lup clearfloat">
|
||||
<span class="h_lupl left">政策<span class="h_luph">文件</span></span>
|
||||
<a href="javascript:void(0);" class="right" @click="$to('listPage',{pid:305})">more+</a>
|
||||
</div>
|
||||
<div class="z_ldown">
|
||||
<template v-if="zcwjList && zcwjList.length > 0">
|
||||
<a href="javascript:void(0);" class="zxwjbox clearfloat" @click="$to('detailedPage',{id:zcwjList[0].id})">
|
||||
<span class="z_img left" @click="$to('detailedPage',{id:zcwjList[0].id})"><img src="img/zxwj.png" ></span>
|
||||
<h3 class="over-line2 left" @click="$to('detailedPage',{id:zcwjList[0].id})">{{zcwjList[0].title}}</h3>
|
||||
<span class="z_date right" @click="$to('detailedPage',{id:zcwjList[0].id})">{{getMonthAndDay(zcwjList[0].updateTime || zcwjList[0].createTime)}}</span>
|
||||
</a>
|
||||
<ul>
|
||||
<li v-for="(zcwj,zcwjIndex) in zcwjList" :key="zcwjIndex">
|
||||
<a v-if="zcwjIndex>0" href="javascript:void(0);" class="clearfloat" @click="$to('detailedPage',{id:zcwj.id})">
|
||||
<span class="jiantou left">></span>
|
||||
<h4 class="over-line2 left" >{{zcwj.title}}</h4>
|
||||
<span class="c_span right">{{getMonthAndDay(zcwj.updateTime || zcwj.createTime)}}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<div class="h_r right">
|
||||
<!-- 特色农业资源最新动态 -->
|
||||
<div class="h_lup clearfloat">
|
||||
<span class="h_lupl left">特色农业资源<span class="h_luph">最新动态</span></span>
|
||||
<a href="javascript:void(0);" class="right" @click="$to('listPage',{pid:306})">more+</a>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:'301'})" class="right">更多></a>
|
||||
</div>
|
||||
<div class="c_rdown clearfloat">
|
||||
<template v-if="tsnyzyList && tsnyzyList.length > 0">
|
||||
<div class="c_rdownl left">
|
||||
<a href="javascript:void(0);" class="gredsgre over-line2" @click="$to('detailedPage',{id:tsnyzyList[0].id})">{{tsnyzyList[0].title}}</a>
|
||||
<div class="c_sdfimg" @click="$to('detailedPage',{id:tsnyzyList[0].id})"><img :src="$tImg(tsnyzyList[0],'cover')" ></div>
|
||||
<p class="over-line2" @click="$to('detailedPage',{id:tsnyzyList[0].id})">{{$tfnm(tsnyzyList[0],'content',84)}}</p>
|
||||
<div class="clearfloat">
|
||||
<a href="javascript:void(0);" class="left" style="font-size: 14px;color: #EE8515;" @click="$to('detailedPage',{id:tsnyzyList[0].id})">[阅读]</a>
|
||||
<span class="right" style="color: #999999;font-size: 14px;">{{getMonthAndDay(tsnyzyList[0].updateTime || tsnyzyList[0].createTime)}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="z_ldown right" style="width: 384px;">
|
||||
<ul>
|
||||
<li v-for="(tsnyzy,tsnyzyIndex) in tsnyzyList" :key="tsnyzyIndex">
|
||||
<a href="javascript:void(0);" class="clearfloat" @click="$to('detailedPage',{id:tsnyzy.id})">
|
||||
<span class="jiantou left">></span>
|
||||
<h4 class="over-line2 left">{{tsnyzy.title}}</h4>
|
||||
<span class="c_span right">{{getMonthAndDay(tsnyzy.updateTime || tsnyzy.createTime)}}</span>
|
||||
</a>
|
||||
<div class="h_ldown" style="margin-top: 14px;">
|
||||
<div class="tsnyzyb">
|
||||
<a href="" class="elli">{{tsnyzyList[0].title}}</a>
|
||||
<div class="tsnyzyimg"><img :src="tsnyzyList[0].cover?$tImg(tsnyzyList[0],'cover'):'img/tu3.png'" alt=""></div>
|
||||
</div>
|
||||
<ul>
|
||||
<template v-for="(kycg,kycgIndex) in tsnyzyList">
|
||||
<template v-if="kycgIndex>0">
|
||||
<li :key="kycgIndex">
|
||||
<a href="javascript:void(0);" @click="$to('detailedPage',{id:kycg.id})" class="elli">
|
||||
<span class="spimg">></span>
|
||||
{{kycg.title}}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ztzlbox">
|
||||
<div class="ztzl">
|
||||
<div class="h_lup clearfloat">
|
||||
<span class="h_lupl left">专题<span class="h_luph">专栏</span></span>
|
||||
<a href="javascript:void(0);" class="right" @click="$to('listPage',{pid:501,id:50101})">more+</a>
|
||||
</div>
|
||||
<div class="ztzldown" style="margin-top: 20px;">
|
||||
<ul class="clearfloat">
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50101})"><img src="img/zt_1.png" ></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50102})"><img src="img/zt_2.png" ></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50103})"><img src="img/zt_3.png" ></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50104})"><img src="img/zt_4.png" ></a>
|
||||
</li>
|
||||
</template>
|
||||
</template>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="h_r left">
|
||||
<!-- 合作交流 -->
|
||||
<div class="h_lup clearfloat">
|
||||
<span class="h_lupl left">合作<span class="h_luph">交流</span></span>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:currentTab})" class="right">更多></a>
|
||||
</div>
|
||||
<div class="h_rdown" style="margin-top: 14px;">
|
||||
<div class="spbox clearfloat" >
|
||||
<span class="spimg"><img :src="hzjlList[0].cover?$tImg(hzjlList[0],'cover'):'img/kycg_1.png'" ></span>
|
||||
<div class="spcont">
|
||||
<a class="spydsb elli">{{hzjlList[0].title}}</a>
|
||||
<p class="over-line2">{{$tfnm(hzjlList[0],'content',84)}}</p>
|
||||
<div class="yueduit clearfloat">
|
||||
<a href="javascript:void(0);" @click="$to('detailedPage',{id:hzjlList[0].id})">[阅读]</a>
|
||||
<span>{{getYearMonthDay(hzjlList[0].updateTime || hzjlList[0].createTime)}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<template v-for="(kycg,kycgIndex) in hzjlList" >
|
||||
<template v-if="kycgIndex>0">
|
||||
<li style="margin-top: 9px;" :key="kycgIndex">
|
||||
<a href="javascript:void(0);" @click="$to('detailedPage',{id:kycg.id})" class="clearfloat">
|
||||
<span class="sadfa">></span>
|
||||
<h4 class="elli">{{kycg.title}}</h4>
|
||||
<span class="sadfasp">{{getYearMonthDay(kycg.updateTime || kycg.createTime)}}</span>
|
||||
</a>
|
||||
</li>
|
||||
</template>
|
||||
</template>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="h_l right">
|
||||
<!-- 专题专栏 -->
|
||||
<div class="h_lup clearfloat">
|
||||
<span class="h_lupl left">专题<span class="h_luph">专栏</span></span>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50101})" class="right">更多></a>
|
||||
</div>
|
||||
<div class="h_ldown" style="margin-top: 14px;">
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50101})" class="elli" style="margin-bottom: 10px;"><img src="img/zt_1.png" alt="" style="height: 80px;"></a>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50102})" class="elli" style="margin-bottom: 10px;"><img src="img/zt_2.png" alt="" style="height: 80px;"></a>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50103})" class="elli" style="margin-bottom: 10px;"><img src="img/zt_3.png" alt="" style="height: 80px;"></a>
|
||||
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50104})" class="elli"><img src="img/zt_4.png" alt="" style="height: 80px;"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -300,6 +309,7 @@ export default {
|
|||
kycgList:[], //科研成果
|
||||
zcwjList:[], //政策文件
|
||||
tsnyzyList:[], //特色农业资源最新动态
|
||||
sjzxList:[], //数据中心
|
||||
tzggList:[],
|
||||
linksKsdhList:[],
|
||||
linksYqljList:[],
|
||||
|
|
@ -308,7 +318,10 @@ export default {
|
|||
direction: 2,
|
||||
},
|
||||
carouselHeight: '',
|
||||
currentTab:301,
|
||||
currentTab:301,//工作动态/行业新闻
|
||||
zcwjTab:30501,//政策文件
|
||||
kycgTab:30401,//科研成果
|
||||
sjzxTab:40101,//数据中心
|
||||
}
|
||||
},
|
||||
computed:{
|
||||
|
|
@ -324,17 +337,11 @@ export default {
|
|||
};
|
||||
//当页面大小变动时，更新高度
|
||||
window.onresize = load;
|
||||
// window.onload = load;
|
||||
},
|
||||
updated(){
|
||||
// this.$nextTick(() => {
|
||||
// let image = document.querySelector('.el-carousel__item.is-active.is-animating img')
|
||||
// this.refreshImageHeight(image);
|
||||
// })
|
||||
},
|
||||
methods:{
|
||||
loadData(){
|
||||
// console.log('main.vue.this =>',this);
|
||||
//头条
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:3,isRelease:'Y',columnId:'201',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
|
|
@ -342,27 +349,17 @@ export default {
|
|||
this.ttList = list;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//轮播图
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:3,isRelease:'Y',type:'首页轮播',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
console.log('====>>>',list);
|
||||
// this.articleList = list;
|
||||
this.lbtList = list;
|
||||
// if(list && list.length){
|
||||
// console.log(list,list[0],this.$tImg(list[0],'cover'),this);
|
||||
//用第一张图刷新高度
|
||||
// this.refreshImageHeightByUrl(this.$tImg(list[0],'cover'));
|
||||
// }
|
||||
}
|
||||
});
|
||||
//工作动态
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:7,isRelease:'Y',columnId:'301',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
// this.articleList = list;
|
||||
this.gzdtList = list;
|
||||
}
|
||||
});
|
||||
|
|
@ -370,64 +367,44 @@ export default {
|
|||
getAction('/gateway/gatewayArticle/list',{pageSize:7,isRelease:'Y',columnId:'302',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
// this.articleList = list;
|
||||
this.hyywList = list;
|
||||
}
|
||||
});
|
||||
//合作交流
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:8,isRelease:'Y',columnId:'303',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
//数据中心
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:7,isRelease:'Y',columnId:'40101',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
// this.articleList = list;
|
||||
this.hzjlList = list;
|
||||
this.sjzxList = list;
|
||||
}
|
||||
});
|
||||
|
||||
//科研成果
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:3,isRelease:'Y',columnId:'304',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:'304',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
// this.articleList = list;
|
||||
this.kycgList = list;
|
||||
}
|
||||
});
|
||||
|
||||
//政策文件
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:'305',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:'30501',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
// this.articleList = list;
|
||||
this.zcwjList = list;
|
||||
}
|
||||
});
|
||||
//特色农业资源最新动态
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:'306',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:6,isRelease:'Y',columnId:'306',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
// this.articleList = list;
|
||||
this.tsnyzyList = list;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//通知公告
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:'3',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
//合作交流
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:6,isRelease:'Y',columnId:'303',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
// this.articleList = list;
|
||||
this.tzggList = list;
|
||||
}
|
||||
});
|
||||
//快速导航
|
||||
getAction('/gateway/gatewayLinks/list',{pageSize:-1,isEnable:'Y',type:'快速导航',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.linksKsdhList = list;
|
||||
}
|
||||
});
|
||||
//友情链接
|
||||
getAction('/gateway/gatewayLinks/list',{pageSize:-1,isEnable:'Y',type:'友情链接',column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.linksYqljList = list;
|
||||
this.hzjlList = list;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
|
@ -436,7 +413,36 @@ export default {
|
|||
changeTab(index){
|
||||
this.currentTab = index;
|
||||
},
|
||||
|
||||
//数据中心
|
||||
changeTabSjzx(index){
|
||||
this.sjzxTab = index;
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:7,isRelease:'Y',columnId:index,column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.sjzxList = list;
|
||||
}
|
||||
});
|
||||
},
|
||||
//科研成果
|
||||
changeTabKycg(index){
|
||||
this.kycgTab = index;
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:index,column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.kycgList = list;
|
||||
}
|
||||
});
|
||||
},
|
||||
//政策文件
|
||||
changeTabZcwj(index){
|
||||
this.zcwjTab = index;
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:index,column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.zcwjList = list;
|
||||
}
|
||||
});
|
||||
},
|
||||
getDay(dateTime){
|
||||
if(!dateTime) return '';
|
||||
let d = new Date(dateTime);
|
||||
|
|
@ -470,7 +476,6 @@ export default {
|
|||
let height = nImg.height;
|
||||
|
||||
let maxWidth = document.body.offsetWidth;
|
||||
// let maxHeight = document.body.offsetHeight;
|
||||
|
||||
let widthProportion = maxWidth/width;
|
||||
that.carouselHeight = (height*widthProportion) + 'px';
|
||||
|
|
@ -496,12 +501,28 @@ export default {
|
|||
let d = new Date(dateTime);
|
||||
return d.getFullYear() + '-' + (d.getMonth()+1)
|
||||
},
|
||||
getYearMonthDay(dateTime){
|
||||
if(!dateTime) return '';
|
||||
let d = new Date(dateTime);
|
||||
var month = (d.getMonth()+1)
|
||||
if(month<10){
|
||||
month = "0"+(d.getMonth()+1)
|
||||
}
|
||||
var day = d.getDate()
|
||||
if(d.getDate()<10){
|
||||
day = "0"+d.getDate()
|
||||
}
|
||||
return d.getFullYear() + '-' + month + '-' +day
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
h4{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.warp {
|
||||
width: 1264px;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div>
|
||||
<headerView/>
|
||||
<div class="er_bann" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 101"></div>
|
||||
<!-- <div class="er_bann" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 101"></div>
|
||||
<div class="er_bann2" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 102"></div>
|
||||
<div class="er_bann3" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 103"></div>
|
||||
<div class="er_bann4" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 104"></div>
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
<div class="er_bann9" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 304"></div>
|
||||
<div class="er_bann9" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 303"></div>
|
||||
<div class="er_bann9" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 302"></div>
|
||||
<div class="er_bann9" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 301"></div>
|
||||
<div class="er_bann9" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 301"></div> -->
|
||||
|
||||
<div class="weizhibox">
|
||||
<div class="weizhi">
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div>
|
||||
<headerView/>
|
||||
<div class="er_bann" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 101"></div>
|
||||
<!-- <div class="er_bann" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 101"></div>
|
||||
<div class="er_bann2" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 102"></div>
|
||||
<div class="er_bann3" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 103"></div>
|
||||
<div class="er_bann4" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 104"></div>
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
<div class="er_bann9" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 304"></div>
|
||||
<div class="er_bann9" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 303"></div>
|
||||
<div class="er_bann9" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 302"></div>
|
||||
<div class="er_bann9" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 301"></div>
|
||||
<div class="er_bann9" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 301"></div> -->
|
||||
|
||||
<div class="weizhibox">
|
||||
<div class="weizhi">
|
||||
|
|
@ -28,19 +28,300 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="er_contant clearfloat">
|
||||
<div class="er_contl left">
|
||||
<div class="er_contll left" style="width: 240px;">
|
||||
<div class="hjk_item">
|
||||
<h3>{{parentData.name}}</h3>
|
||||
<div class="" style="width: 60px;height: 3px;background-color: #21c168;margin-top: -3px;"></div>
|
||||
<h3>区域农业资源</h3>
|
||||
<div class="" style="width: 60px;height: 3px;background-color: #1dcc6a;margin-top: -3px;"></div>
|
||||
</div>
|
||||
<div class="navTab-panel tabsPageContent layoutBox" style="width: 240px;">
|
||||
<div class="page unitBox">
|
||||
<div class="pageFormContent">
|
||||
<div id="leftside">
|
||||
<!-- jtree模板 -->
|
||||
<div id="sidebar">
|
||||
<a-tree
|
||||
:show-line="true"
|
||||
:default-expanded-keys="['10101', '10102', '10103', '10104']"
|
||||
@select="onSelect"
|
||||
>
|
||||
<a-tree-node key="10101">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="typeFun('10101')">西部杂粮杂豆</span>
|
||||
</span>
|
||||
<a-tree-node key="1010101" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010101')">高粱</span>
|
||||
</span>
|
||||
<a-tree-node key="101010101">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010101')">育种</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="101010102">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010102')">栽培</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010102" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010102')">花生</span>
|
||||
</span>
|
||||
<a-tree-node key="101010201">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010201')">育种</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="101010202">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010202')">栽培</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010103" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010103')">绿豆</span>
|
||||
</span>
|
||||
<a-tree-node key="101010301">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010301')">育种</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="101010302">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010302')">栽培</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010104" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010104')">小豆</span>
|
||||
</span>
|
||||
<a-tree-node key="101010401">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010401')">育种</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="101010402">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010402')">栽培</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010105" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010105')">燕麦</span>
|
||||
</span>
|
||||
<a-tree-node key="101010501">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010501')">育种</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="101010502">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010502')">栽培</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010106" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010106')">谷子</span>
|
||||
</span>
|
||||
<a-tree-node key="101010601">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010601')">育种</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="101010602">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010602')">栽培</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010107" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010107')">向日葵</span>
|
||||
</span>
|
||||
<a-tree-node key="101010701">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010701')">育种</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="101010702">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010702')">栽培</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="10102">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="typeFun('10102')">东部经济资源</span>
|
||||
</span>
|
||||
<a-tree-node key="1010201" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010201')">大豆</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010202" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010202')">食用菌</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010203" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010203')">中药材</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010204" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010204')">林果资源</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="10103">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="typeFun('10103')">中部粮食资源</span>
|
||||
</span>
|
||||
<a-tree-node key="1010301" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010301')">水稻</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010302" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010302')">玉米</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
|
||||
<a-tree-node key="10104">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="typeFun('10104')">适宜吉林省种植资源</span>
|
||||
</span>
|
||||
<a-tree-node key="1010401" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010401')">高粱</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010402" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010402')">花生</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010403" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010403')">绿豆</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010404" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010404')">小豆</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010405" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010405')">燕麦</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010406" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010406')">谷子</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010407" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010407')">向日癸</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="10105">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="typeFun('10105')">其他</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="er_contr right" v-show="nyzyShow">
|
||||
<ul>
|
||||
<template v-for="(col,colIndex) in columnList" >
|
||||
<li v-if="col.id == thisColumn.id" :key="colIndex" class="active2" ><a href="javascript:void(0);" class="active3" @click="$to('listPage2',{pid:col.parent?col.parent:col.id,id:col.parent?col.id:null})">{{col.name}}</a></li>
|
||||
<li v-if="col.id != thisColumn.id" :key="colIndex"><a href="javascript:void(0);" @click="$to('listPage2',{pid:col.parent?col.parent:col.id,id:col.id})">{{col.name}}</a></li>
|
||||
</template>
|
||||
<template v-for="(zyDataList ) in nyzyData" >
|
||||
<template v-if="zyDataList.key == typeOption" >
|
||||
<li v-for="(zyData , zyIndex) in zyDataList.content" :key="zyIndex">
|
||||
<a href="javascript:void(0)" class="er_coa">
|
||||
<div>
|
||||
<div class="er_coaimg" @click="nyzyFun(zyData.code)">
|
||||
<img :src="zyData.picPath" >
|
||||
</div>
|
||||
<div class="er_item" @click="nyzyFun(zyData.code)" v-text="zyData.title" ></div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</template>
|
||||
</template>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="cyh_contr right">
|
||||
|
||||
<div class="cyh_contr right" v-show="listShow">
|
||||
<ul>
|
||||
<li v-for="(art,artIndex) in articleList" :key="artIndex">
|
||||
<a href="javascript:void(0);" class="cyh_coa clearfloat" @click="$to('detailedPage2',{id:art.id})">
|
||||
<div class="cyhl left">
|
||||
<h3 class="elli">{{art.title}}</h3>
|
||||
<p class="over-line2">{{$tfnm(art,'content',104)}}</p>
|
||||
</div>
|
||||
<div class="cyhr right">
|
||||
<div class="cyhr_date">{{getMonthAndDay(art.updateTime || art.createTime)}}</div>
|
||||
<div class="jianttewr">→</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="cyh_contr right" v-show="detailShow">
|
||||
<div class="xqer_cont">
|
||||
<h3>{{articleData.title}}</h3>
|
||||
<div class="xqer_date">
|
||||
|
|
@ -77,6 +358,145 @@ export default {
|
|||
columnList:[],
|
||||
articleList: [],
|
||||
articleData:{},
|
||||
nyzyShow: false,
|
||||
listShow: false,
|
||||
detailShow: true,
|
||||
nyzyData: [
|
||||
{
|
||||
key:'10101',
|
||||
content:[
|
||||
{
|
||||
title: '高粱',
|
||||
code: '1010101',
|
||||
picPath:'img/nyzy_gl.jpg'
|
||||
},
|
||||
{
|
||||
title: '花生',
|
||||
code: '1010102',
|
||||
picPath:'img/nyzy_hs.jpg'
|
||||
},
|
||||
{
|
||||
title: '绿豆',
|
||||
code: '1010103',
|
||||
picPath:'img/nyzy_ld.jpg'
|
||||
},
|
||||
{
|
||||
title: '小豆',
|
||||
code: '1010104',
|
||||
picPath:'img/nyzy_xd.jpg'
|
||||
},
|
||||
{
|
||||
title: '燕麦',
|
||||
code: '1010105',
|
||||
picPath:'img/nyzy_ym.jpg'
|
||||
},
|
||||
{
|
||||
title: '谷子',
|
||||
code: '1010106',
|
||||
picPath:'img/nyzy_gz.jpg'
|
||||
},
|
||||
{
|
||||
title: '向日葵',
|
||||
code: '1010107',
|
||||
picPath:'img/nyzy_xrk.jpg'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
key:'10102',
|
||||
content:[
|
||||
{
|
||||
title: '大豆',
|
||||
code: '1010201',
|
||||
picPath:'img/nyzy_dd.jpg'
|
||||
},
|
||||
{
|
||||
title: '食用菌',
|
||||
code: '1010202',
|
||||
picPath:'img/nyzy_syj.jpg'
|
||||
},
|
||||
{
|
||||
title: '中药材',
|
||||
code: '1010203',
|
||||
picPath:'img/nyzy_zyc.jpg'
|
||||
},
|
||||
{
|
||||
title: '林果资源',
|
||||
code: '1010204',
|
||||
picPath:'img/nyzy_lgzy.jpg'
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
key:'10103',
|
||||
content:[
|
||||
{
|
||||
title: '水稻',
|
||||
code: '1010301',
|
||||
picPath:'img/nyzy_sd.jpg'
|
||||
},
|
||||
{
|
||||
title: '玉米',
|
||||
code: '1010302',
|
||||
picPath:'img/nyzy_ym2.jpg'
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
key:'10104',
|
||||
content:[
|
||||
{
|
||||
title: '高粱',
|
||||
code: '1010401',
|
||||
picPath:'img/nyzy_gl.jpg'
|
||||
},
|
||||
{
|
||||
title: '花生',
|
||||
code: '1010402',
|
||||
picPath:'img/nyzy_hs.jpg'
|
||||
},
|
||||
{
|
||||
title: '绿豆',
|
||||
code: '1010403',
|
||||
picPath:'img/nyzy_ld.jpg'
|
||||
},
|
||||
{
|
||||
title: '小豆',
|
||||
code: '1010404',
|
||||
picPath:'img/nyzy_xd.jpg'
|
||||
},
|
||||
{
|
||||
title: '燕麦',
|
||||
code: '1010405',
|
||||
picPath:'img/nyzy_ym.jpg'
|
||||
},
|
||||
{
|
||||
title: '谷子',
|
||||
code: '1010406',
|
||||
picPath:'img/nyzy_gz.jpg'
|
||||
},
|
||||
{
|
||||
title: '向日癸',
|
||||
code: '1010407',
|
||||
picPath:'img/nyzy_xrk.jpg'
|
||||
},
|
||||
]
|
||||
}
|
||||
],
|
||||
treeData: [
|
||||
{
|
||||
title: 'parent 1',
|
||||
key: '0-0',
|
||||
slots: {
|
||||
icon: 'smile',
|
||||
},
|
||||
children: [
|
||||
{ title: 'leaf', key: '0-0-0', slots: { icon: 'meh' } },
|
||||
{ title: 'leaf', key: '0-0-1', scopedSlots: { icon: 'custom' } },
|
||||
],
|
||||
},
|
||||
],
|
||||
typeOption:'10101',
|
||||
}
|
||||
},
|
||||
computed:{
|
||||
|
|
@ -95,7 +515,46 @@ export default {
|
|||
updated(){
|
||||
},
|
||||
methods:{
|
||||
onSelect(selectedKeys, info) {
|
||||
console.log('selected', selectedKeys, info);
|
||||
},
|
||||
nyzyFun(record){
|
||||
this.nyzyShow= false
|
||||
this.listShow= true
|
||||
this.detailShow= false
|
||||
|
||||
|
||||
let columnId = record;
|
||||
//查询文章列表
|
||||
let findParam = {}
|
||||
if(this.findStr){
|
||||
if(this.utils.isCn()){
|
||||
findParam.title = this.findStr;
|
||||
}else if(this.utils.isEn()){
|
||||
findParam.titleen = this.findStr;
|
||||
}
|
||||
}else{
|
||||
//非搜索，还没有子id，差个锤子
|
||||
columnId = (columnId || this.pid) || '-1'
|
||||
}
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',columnId,...findParam,column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.articleList = list;
|
||||
}
|
||||
});
|
||||
},
|
||||
typeFun(record){
|
||||
this.typeOption = record
|
||||
this.nyzyShow= true
|
||||
this.listShow= false
|
||||
this.detailShow= false
|
||||
},
|
||||
loadData(){
|
||||
|
||||
this.nyzyShow= false
|
||||
this.listShow= false
|
||||
this.detailShow= true
|
||||
//查询栏目（包含当前的和候选的）
|
||||
getAction('/gateway/gatewayArticle/queryArticleById',{id:this.id}).then((res)=>{
|
||||
if(res.success){
|
||||
|
|
@ -120,24 +579,8 @@ export default {
|
|||
|
||||
console.log('columnList', this.columnList );
|
||||
|
||||
// if(!this.columnId){
|
||||
// let firstColumn = this.columnList[0]
|
||||
// if(firstColumn){
|
||||
// //this.$to('listPage',{pid:firstColumn.parent,id:firstColumn.id},true)
|
||||
// }
|
||||
// }
|
||||
}
|
||||
});
|
||||
//如果没有ID自动选中一个
|
||||
// if(this.id){
|
||||
// //查询文章列表
|
||||
// getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',columnId:this.id}).then((res)=>{
|
||||
// if(res.success){
|
||||
// let list = res.result.records||res.result;
|
||||
// this.articleList = list;
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
},
|
||||
getFileName(url){
|
||||
if(!url) return '';
|
||||
|
|
@ -145,9 +588,32 @@ export default {
|
|||
let fileAllName = filePaths[filePaths.length-1]
|
||||
return fileAllName.substring(0,fileAllName.lastIndexOf('_'));
|
||||
},
|
||||
|
||||
getDay(dateTime){
|
||||
if(!dateTime) return '';
|
||||
let d = new Date(dateTime);
|
||||
return d.getDate()
|
||||
},
|
||||
getMonthAndDay(dateTime){
|
||||
if(!dateTime) return '';
|
||||
let d = new Date(dateTime);
|
||||
return (d.getMonth()+1) + '-' + d.getDate();
|
||||
},
|
||||
getYearAndMonth(dateTime){
|
||||
if(!dateTime) return '';
|
||||
let d = new Date(dateTime);
|
||||
return d.getFullYear() + '-' + (d.getMonth()+1)
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
.iconClass{
|
||||
width:15px;
|
||||
height:15px;
|
||||
float:left;
|
||||
margin:5px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div>
|
||||
<headerView/>
|
||||
<div class="er_bann10"></div>
|
||||
<!-- <div class="er_bann10"></div> -->
|
||||
<div class="gybscont">
|
||||
<div class="gybsyi clearfloat">
|
||||
<div class="gybsl left"><img src="img/gybs.png" ></div>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<template>
|
||||
<div>
|
||||
<div style="background-color: #f7f7f7;">
|
||||
<headerView/>
|
||||
<!-- <div class="er_bann2"></div> -->
|
||||
<div class="er_bann" v-if="$route.query.pid == 101"></div>
|
||||
<!-- <div class="er_bann" v-if="$route.query.pid == 101"></div>
|
||||
<div class="er_bann2" v-if="$route.query.pid == 102"></div>
|
||||
<div class="er_bann3" v-if="$route.query.pid == 103"></div>
|
||||
<div class="er_bann4" v-if="$route.query.pid == 104"></div>
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
<div class="er_bann9" v-if="$route.query.pid == 304"></div>
|
||||
<div class="er_bann9" v-if="$route.query.pid == 303"></div>
|
||||
<div class="er_bann9" v-if="$route.query.pid == 302"></div>
|
||||
<div class="er_bann9" v-if="$route.query.pid == 301"></div>
|
||||
<div class="er_bann9" v-if="$route.query.pid == 301"></div> -->
|
||||
<div class="weizhibox">
|
||||
<div class="weizhi">
|
||||
<span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,211 @@
|
|||
<template>
|
||||
<div>
|
||||
<headerView/>
|
||||
<!-- <div class="er_bann2"></div> -->
|
||||
<!-- <div class="er_bann" v-if="$route.query.pid == 101"></div>
|
||||
<div class="er_bann2" v-if="$route.query.pid == 102"></div>
|
||||
<div class="er_bann3" v-if="$route.query.pid == 103"></div>
|
||||
<div class="er_bann4" v-if="$route.query.pid == 104"></div>
|
||||
<div class="er_bann5" v-if="$route.query.pid == 105"></div>
|
||||
<div class="er_bann6" v-if="$route.query.pid == 106"></div>
|
||||
<div class="er_bann7" v-if="$route.query.pid == 107"></div>
|
||||
<div class="er_bann8" v-if="$route.query.pid == 501"></div>
|
||||
<div class="er_bann9" v-if="$route.query.pid == 306"></div>
|
||||
<div class="er_bann9" v-if="$route.query.pid == 305"></div>
|
||||
<div class="er_bann9" v-if="$route.query.pid == 304"></div>
|
||||
<div class="er_bann9" v-if="$route.query.pid == 303"></div>
|
||||
<div class="er_bann9" v-if="$route.query.pid == 302"></div>
|
||||
<div class="er_bann9" v-if="$route.query.pid == 301"></div> -->
|
||||
<div class="weizhibox">
|
||||
<div class="weizhi">
|
||||
<span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span>
|
||||
<span>当前位置：</span>
|
||||
<a href="javascript:void(0);" @click="$to('home')">首页 ></a>
|
||||
<!-- <a href="javascript:void(0);" @click="$to('listPage',{pid:thisColumn.parent})">{{parentData.name}} > </a> -->
|
||||
<a href="javascript:void(0);" >{{parentData.name}} > </a>
|
||||
<a href="javascript:void(0);">{{thisColumn.name}}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="er_contant clearfloat">
|
||||
<div class="er_contl left">
|
||||
<div class="hjk_item">
|
||||
<h3>{{parentData.name}}</h3>
|
||||
<div class="" style="width: 60px;height: 3px;background-color: #21c168;margin-top: -3px;"></div>
|
||||
</div>
|
||||
<ul>
|
||||
<template v-for="(col,colIndex) in columnList" >
|
||||
<li v-if="col.id == thisColumn.id" :key="colIndex" class="active2"><a href="javascript:void(0);" class="active3">{{col.name}}</a></li>
|
||||
<li v-if="col.id != thisColumn.id" :key="colIndex"><a href="javascript:void(0);" @click="$to('listPage2',{pid:col.parent,id:col.id})">{{col.name}}</a></li>
|
||||
</template>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="er_contr right">
|
||||
<ul>
|
||||
<li v-for="(art,artIndex) in articleList" :key="artIndex">
|
||||
<a href="javascript:void(0);" class="er_coa" @click="$to('detailedPage2',{id:art.id})">
|
||||
<div class="er_coaimg">
|
||||
<img :src="$tImg(art,'cover')" >
|
||||
</div>
|
||||
<div class="er_item">{{art.title}}</div>
|
||||
<div class="er_neirong">
|
||||
<p class="er_neip over-line3">{{$tfnm(art,'content')}}</p>
|
||||
</div>
|
||||
<a href="javascript:void(0);" class="er_bouutn" >[了解更多]</a>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- <div class="cyh_contr right">
|
||||
<ul>
|
||||
<li v-for="(art,artIndex) in articleList" :key="artIndex">
|
||||
<a href="javascript:void(0);" class="cyh_coa clearfloat" @click="$to('detailedPage',{id:art.id})">
|
||||
<div class="cyhl left">
|
||||
<h3 class="elli">{{art.title}}</h3>
|
||||
<p class="over-line2">{{$tfnm(art,'content',104)}}</p>
|
||||
</div>
|
||||
<div class="cyhr right">
|
||||
<div class="cyhr_date">{{getMonthAndDay(art.updateTime || art.createTime)}}</div>
|
||||
<div class="jianttewr">→</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div> -->
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<footerView/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getwayMixin } from '@/views/gateway/mixins/getwayMixin'
|
||||
import { getAction } from '@/api/manage'
|
||||
import headerView from '@/views/gateway/common/header'
|
||||
import footerView from '@/views/gateway/common/footer'
|
||||
|
||||
export default {
|
||||
mixins:[getwayMixin],
|
||||
components:{
|
||||
headerView,
|
||||
footerView
|
||||
},
|
||||
props:{
|
||||
},
|
||||
data(){
|
||||
return {
|
||||
parentData:{},
|
||||
thisColumn:{},
|
||||
columnList:[],
|
||||
articleList: [],
|
||||
}
|
||||
},
|
||||
computed:{
|
||||
pid(){
|
||||
return this.$route.query.pid || '-1';
|
||||
},
|
||||
id(){
|
||||
return this.$route.query.id;
|
||||
},
|
||||
findStr(){
|
||||
if(this.$route.query.findStr){
|
||||
return '*'+this.$route.query.findStr+'*';
|
||||
}else{
|
||||
return '';
|
||||
}
|
||||
},
|
||||
},
|
||||
mounted(){
|
||||
this.loadData();
|
||||
},
|
||||
watch:{
|
||||
pid(){
|
||||
this.loadData();
|
||||
},
|
||||
id(){
|
||||
this.loadData();
|
||||
},
|
||||
findStr(){
|
||||
this.loadData();
|
||||
}
|
||||
},
|
||||
updated(){
|
||||
},
|
||||
methods:{
|
||||
loadData(){
|
||||
//查询栏目（包含当前的和候选的）
|
||||
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:this.pid,column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
// console.log('list===>',list);
|
||||
//查出根节点
|
||||
this.parentData = list.find(x => !x.parent);
|
||||
if(this.id){
|
||||
this.thisColumn = list.find(x => x.id == this.id);
|
||||
this.columnList = list.filter(x => x.parent);
|
||||
}else{
|
||||
this.thisColumn = list[0];
|
||||
this.columnList = [];
|
||||
this.columnList.push(list[0]);
|
||||
}
|
||||
|
||||
// console.log('this.columnList===>',this.columnList);
|
||||
// console.log('this.thisColumn===>',this.thisColumn);
|
||||
// if(!this.id){
|
||||
// let firstColumn = this.columnList[0]
|
||||
// if(firstColumn){
|
||||
// //this.$to('listPage',{pid:firstColumn.parent,id:firstColumn.id},true)
|
||||
// }
|
||||
// }
|
||||
}
|
||||
});
|
||||
//如果没有ID自动选中一个
|
||||
// if(this.id){
|
||||
let columnId = this.id;
|
||||
//查询文章列表
|
||||
let findParam = {}
|
||||
if(this.findStr){
|
||||
if(this.utils.isCn()){
|
||||
findParam.title = this.findStr;
|
||||
}else if(this.utils.isEn()){
|
||||
findParam.titleen = this.findStr;
|
||||
}
|
||||
}else{
|
||||
//非搜索，还没有子id，差个锤子
|
||||
columnId = (columnId || this.pid) || '-1'
|
||||
}
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',columnId,...findParam,column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.articleList = list;
|
||||
}
|
||||
});
|
||||
// }
|
||||
},
|
||||
getDay(dateTime){
|
||||
if(!dateTime) return '';
|
||||
let d = new Date(dateTime);
|
||||
return d.getDate()
|
||||
},
|
||||
getMonthAndDay(dateTime){
|
||||
if(!dateTime) return '';
|
||||
let d = new Date(dateTime);
|
||||
return (d.getMonth()+1) + '-' + d.getDate();
|
||||
},
|
||||
getYearAndMonth(dateTime){
|
||||
if(!dateTime) return '';
|
||||
let d = new Date(dateTime);
|
||||
return d.getFullYear() + '-' + (d.getMonth()+1)
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
|
|
@ -1,21 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<headerView/>
|
||||
<!-- <div class="er_bann2"></div> -->
|
||||
<div class="er_bann" v-if="$route.query.pid == 101"></div>
|
||||
<div class="er_bann2" v-if="$route.query.pid == 102"></div>
|
||||
<div class="er_bann3" v-if="$route.query.pid == 103"></div>
|
||||
<div class="er_bann4" v-if="$route.query.pid == 104"></div>
|
||||
<div class="er_bann5" v-if="$route.query.pid == 105"></div>
|
||||
<div class="er_bann6" v-if="$route.query.pid == 106"></div>
|
||||
<div class="er_bann7" v-if="$route.query.pid == 107"></div>
|
||||
<div class="er_bann8" v-if="$route.query.pid == 501"></div>
|
||||
<div class="er_bann9" v-if="$route.query.pid == 306"></div>
|
||||
<div class="er_bann9" v-if="$route.query.pid == 305"></div>
|
||||
<div class="er_bann9" v-if="$route.query.pid == 304"></div>
|
||||
<div class="er_bann9" v-if="$route.query.pid == 303"></div>
|
||||
<div class="er_bann9" v-if="$route.query.pid == 302"></div>
|
||||
<div class="er_bann9" v-if="$route.query.pid == 301"></div>
|
||||
<div class="weizhibox">
|
||||
<div class="weizhi">
|
||||
<span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span>
|
||||
|
|
@ -26,42 +11,289 @@
|
|||
<a href="javascript:void(0);">{{thisColumn.name}}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="er_contant clearfloat">
|
||||
<div class="er_contl left">
|
||||
|
||||
<div class="er_contant clearfloat">
|
||||
<div class="er_contll left" style="width: 240px;">
|
||||
<div class="hjk_item">
|
||||
<h3>{{parentData.name}}</h3>
|
||||
<div class="" style="width: 60px;height: 3px;background-color: #21c168;margin-top: -3px;"></div>
|
||||
<h3>区域农业资源</h3>
|
||||
<div class="" style="width: 60px;height: 3px;background-color: #1dcc6a;margin-top: -3px;"></div>
|
||||
</div>
|
||||
<div class="navTab-panel tabsPageContent layoutBox" style="width: 240px;">
|
||||
<div class="page unitBox">
|
||||
<div class="pageFormContent">
|
||||
<div id="leftside">
|
||||
<!-- jtree模板 -->
|
||||
<div id="sidebar">
|
||||
<a-tree
|
||||
:show-line="true"
|
||||
:default-expanded-keys="['10101', '10102', '10103', '10104']"
|
||||
@select="onSelect"
|
||||
>
|
||||
<a-tree-node key="10101">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="typeFun('10101')">西部杂粮杂豆</span>
|
||||
</span>
|
||||
<a-tree-node key="1010101" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010101')">高粱</span>
|
||||
</span>
|
||||
<a-tree-node key="101010101">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010101')">育种</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="101010102">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010102')">栽培</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010102" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010102')">花生</span>
|
||||
</span>
|
||||
<a-tree-node key="101010201">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010201')">育种</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="101010202">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010202')">栽培</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010103" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010103')">绿豆</span>
|
||||
</span>
|
||||
<a-tree-node key="101010301">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010301')">育种</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="101010302">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010302')">栽培</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010104" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010104')">小豆</span>
|
||||
</span>
|
||||
<a-tree-node key="101010401">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010401')">育种</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="101010402">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010402')">栽培</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010105" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010105')">燕麦</span>
|
||||
</span>
|
||||
<a-tree-node key="101010501">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010501')">育种</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="101010502">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010502')">栽培</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010106" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010106')">谷子</span>
|
||||
</span>
|
||||
<a-tree-node key="101010601">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010601')">育种</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="101010602">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010602')">栽培</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010107" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010107')">向日葵</span>
|
||||
</span>
|
||||
<a-tree-node key="101010701">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010701')">育种</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="101010702">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('101010702')">栽培</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="10102">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="typeFun('10102')">东部经济资源</span>
|
||||
</span>
|
||||
<a-tree-node key="1010201" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010201')">大豆</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010202" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010202')">食用菌</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010203" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010203')">中药材</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010204" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010204')">林果资源</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="10103">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="typeFun('10103')">中部粮食资源</span>
|
||||
</span>
|
||||
<a-tree-node key="1010301" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010301')">水稻</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010302" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010302')">玉米</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
|
||||
<a-tree-node key="10104">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="typeFun('10104')">适宜吉林省种植资源</span>
|
||||
</span>
|
||||
<a-tree-node key="1010401" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010401')">高粱</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010402" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010402')">花生</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010403" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010403')">绿豆</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010404" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010404')">小豆</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010405" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010405')">燕麦</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010406" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010406')">谷子</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="1010407" >
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="nyzyFun('1010407')">向日癸</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
</a-tree-node>
|
||||
<a-tree-node key="10105">
|
||||
<span slot="title">
|
||||
<img src="img/smiley_sleep.png" class="iconClass">
|
||||
<span style="float:left;" @click="typeFun('10105')">其他</span>
|
||||
</span>
|
||||
</a-tree-node>
|
||||
|
||||
</a-tree>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="er_contr right" v-show="nyzyShow">
|
||||
<ul>
|
||||
<template v-for="(col,colIndex) in columnList" >
|
||||
<li v-if="col.id == thisColumn.id" :key="colIndex" class="active2"><a href="javascript:void(0);" class="active3">{{col.name}}</a></li>
|
||||
<li v-if="col.id != thisColumn.id" :key="colIndex"><a href="javascript:void(0);" @click="$to('listPage2',{pid:col.parent,id:col.id})">{{col.name}}</a></li>
|
||||
</template>
|
||||
<template v-for="(zyDataList ) in nyzyData" >
|
||||
<template v-if="zyDataList.key == typeOption" >
|
||||
<li v-for="(zyData , zyIndex) in zyDataList.content" :key="zyIndex">
|
||||
<a href="javascript:void(0)" class="er_coa">
|
||||
<div>
|
||||
<div class="er_coaimg" @click="nyzyFun(zyData.code)">
|
||||
<img :src="zyData.picPath" >
|
||||
</div>
|
||||
<div class="er_item" @click="nyzyFun(zyData.code)" v-text="zyData.title" ></div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</template>
|
||||
</template>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="er_contr right">
|
||||
<div class="cyh_contr right" v-show="listShow">
|
||||
<ul>
|
||||
<li v-for="(art,artIndex) in articleList" :key="artIndex">
|
||||
<a href="javascript:void(0);" class="er_coa" @click="$to('detailedPage2',{id:art.id})">
|
||||
<div class="er_coaimg">
|
||||
<img :src="$tImg(art,'cover')" >
|
||||
</div>
|
||||
<div class="er_item">{{art.title}}</div>
|
||||
<div class="er_neirong">
|
||||
<p class="er_neip over-line3">{{$tfnm(art,'content')}}</p>
|
||||
</div>
|
||||
<a href="javascript:void(0);" class="er_bouutn" >[了解更多]</a>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- <div class="cyh_contr right">
|
||||
<ul>
|
||||
<li v-for="(art,artIndex) in articleList" :key="artIndex">
|
||||
<a href="javascript:void(0);" class="cyh_coa clearfloat" @click="$to('detailedPage',{id:art.id})">
|
||||
<a href="javascript:void(0);" class="cyh_coa clearfloat" @click="$to('detailedPage2',{id:art.id})">
|
||||
<div class="cyhl left">
|
||||
<h3 class="elli">{{art.title}}</h3>
|
||||
<p class="over-line2">{{$tfnm(art,'content',104)}}</p>
|
||||
|
|
@ -73,13 +305,11 @@
|
|||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div> -->
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<footerView/>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -104,6 +334,144 @@ export default {
|
|||
thisColumn:{},
|
||||
columnList:[],
|
||||
articleList: [],
|
||||
nyzyShow: true,
|
||||
listShow: false,
|
||||
nyzyData: [
|
||||
{
|
||||
key:'10101',
|
||||
content:[
|
||||
{
|
||||
title: '高粱',
|
||||
code: '1010101',
|
||||
picPath:'img/nyzy_gl.jpg'
|
||||
},
|
||||
{
|
||||
title: '花生',
|
||||
code: '1010102',
|
||||
picPath:'img/nyzy_hs.jpg'
|
||||
},
|
||||
{
|
||||
title: '绿豆',
|
||||
code: '1010103',
|
||||
picPath:'img/nyzy_ld.jpg'
|
||||
},
|
||||
{
|
||||
title: '小豆',
|
||||
code: '1010104',
|
||||
picPath:'img/nyzy_xd.jpg'
|
||||
},
|
||||
{
|
||||
title: '燕麦',
|
||||
code: '1010105',
|
||||
picPath:'img/nyzy_ym.jpg'
|
||||
},
|
||||
{
|
||||
title: '谷子',
|
||||
code: '1010106',
|
||||
picPath:'img/nyzy_gz.jpg'
|
||||
},
|
||||
{
|
||||
title: '向日葵',
|
||||
code: '1010107',
|
||||
picPath:'img/nyzy_xrk.jpg'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
key:'10102',
|
||||
content:[
|
||||
{
|
||||
title: '大豆',
|
||||
code: '1010201',
|
||||
picPath:'img/nyzy_dd.jpg'
|
||||
},
|
||||
{
|
||||
title: '食用菌',
|
||||
code: '1010202',
|
||||
picPath:'img/nyzy_syj.jpg'
|
||||
},
|
||||
{
|
||||
title: '中药材',
|
||||
code: '1010203',
|
||||
picPath:'img/nyzy_zyc.jpg'
|
||||
},
|
||||
{
|
||||
title: '林果资源',
|
||||
code: '1010204',
|
||||
picPath:'img/nyzy_lgzy.jpg'
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
key:'10103',
|
||||
content:[
|
||||
{
|
||||
title: '水稻',
|
||||
code: '1010301',
|
||||
picPath:'img/nyzy_sd.jpg'
|
||||
},
|
||||
{
|
||||
title: '玉米',
|
||||
code: '1010302',
|
||||
picPath:'img/nyzy_ym2.jpg'
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
key:'10104',
|
||||
content:[
|
||||
{
|
||||
title: '高粱',
|
||||
code: '1010401',
|
||||
picPath:'img/nyzy_gl.jpg'
|
||||
},
|
||||
{
|
||||
title: '花生',
|
||||
code: '1010402',
|
||||
picPath:'img/nyzy_hs.jpg'
|
||||
},
|
||||
{
|
||||
title: '绿豆',
|
||||
code: '1010403',
|
||||
picPath:'img/nyzy_ld.jpg'
|
||||
},
|
||||
{
|
||||
title: '小豆',
|
||||
code: '1010404',
|
||||
picPath:'img/nyzy_xd.jpg'
|
||||
},
|
||||
{
|
||||
title: '燕麦',
|
||||
code: '1010405',
|
||||
picPath:'img/nyzy_ym.jpg'
|
||||
},
|
||||
{
|
||||
title: '谷子',
|
||||
code: '1010406',
|
||||
picPath:'img/nyzy_gz.jpg'
|
||||
},
|
||||
{
|
||||
title: '向日癸',
|
||||
code: '1010407',
|
||||
picPath:'img/nyzy_xrk.jpg'
|
||||
},
|
||||
]
|
||||
}
|
||||
],
|
||||
treeData: [
|
||||
{
|
||||
title: 'parent 1',
|
||||
key: '0-0',
|
||||
slots: {
|
||||
icon: 'smile',
|
||||
},
|
||||
children: [
|
||||
{ title: 'leaf', key: '0-0-0', slots: { icon: 'meh' } },
|
||||
{ title: 'leaf', key: '0-0-1', scopedSlots: { icon: 'custom' } },
|
||||
],
|
||||
},
|
||||
],
|
||||
typeOption:'10101',
|
||||
}
|
||||
},
|
||||
computed:{
|
||||
|
|
@ -138,55 +506,92 @@ export default {
|
|||
updated(){
|
||||
},
|
||||
methods:{
|
||||
nyzyFun(record){
|
||||
this.nyzyShow= false
|
||||
this.listShow= true
|
||||
|
||||
|
||||
let columnId = record;
|
||||
//查询文章列表
|
||||
let findParam = {}
|
||||
if(this.findStr){
|
||||
if(this.utils.isCn()){
|
||||
findParam.title = this.findStr;
|
||||
}else if(this.utils.isEn()){
|
||||
findParam.titleen = this.findStr;
|
||||
}
|
||||
}else{
|
||||
//非搜索，还没有子id，差个锤子
|
||||
columnId = (columnId || this.pid) || '-1'
|
||||
}
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',columnId,...findParam,column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.articleList = list;
|
||||
}
|
||||
});
|
||||
},
|
||||
typeFun(record){
|
||||
this.typeOption = record
|
||||
this.nyzyShow= true
|
||||
this.listShow= false
|
||||
},
|
||||
onSelect(selectedKeys, info) {
|
||||
console.log('selected', selectedKeys, info);
|
||||
},
|
||||
loadData(){
|
||||
//查询栏目（包含当前的和候选的）
|
||||
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:this.pid,column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
// console.log('list===>',list);
|
||||
//查出根节点
|
||||
this.parentData = list.find(x => !x.parent);
|
||||
if(this.id){
|
||||
this.thisColumn = list.find(x => x.id == this.id);
|
||||
this.columnList = list.filter(x => x.parent);
|
||||
}else{
|
||||
this.thisColumn = list[0];
|
||||
this.columnList = [];
|
||||
this.columnList.push(list[0]);
|
||||
}
|
||||
|
||||
// console.log('this.columnList===>',this.columnList);
|
||||
// console.log('this.thisColumn===>',this.thisColumn);
|
||||
// if(!this.id){
|
||||
// let firstColumn = this.columnList[0]
|
||||
// if(firstColumn){
|
||||
// //this.$to('listPage',{pid:firstColumn.parent,id:firstColumn.id},true)
|
||||
// }
|
||||
// }
|
||||
}
|
||||
});
|
||||
//如果没有ID自动选中一个
|
||||
// if(this.id){
|
||||
let columnId = this.id;
|
||||
//查询文章列表
|
||||
let findParam = {}
|
||||
if(this.findStr){
|
||||
if(this.utils.isCn()){
|
||||
findParam.title = this.findStr;
|
||||
}else if(this.utils.isEn()){
|
||||
findParam.titleen = this.findStr;
|
||||
}
|
||||
}else{
|
||||
//非搜索，还没有子id，差个锤子
|
||||
columnId = (columnId || this.pid) || '-1'
|
||||
}
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',columnId,...findParam,column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.articleList = list;
|
||||
}
|
||||
});
|
||||
// }
|
||||
var typeOption = this.id
|
||||
if(typeOption.length>5){
|
||||
this.typeOption = typeOption.substring(0,5)
|
||||
|
||||
this.nyzyShow= false
|
||||
this.listShow= true
|
||||
|
||||
let columnId = this.id;
|
||||
//查询文章列表
|
||||
let findParam = {}
|
||||
if(this.findStr){
|
||||
if(this.utils.isCn()){
|
||||
findParam.title = this.findStr;
|
||||
}else if(this.utils.isEn()){
|
||||
findParam.titleen = this.findStr;
|
||||
}
|
||||
}else{
|
||||
//非搜索，还没有子id，差个锤子
|
||||
columnId = (columnId || this.pid) || '-1'
|
||||
}
|
||||
getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',columnId,...findParam,column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
if(res.success){
|
||||
let list = res.result.records||res.result;
|
||||
this.articleList = list;
|
||||
}
|
||||
});
|
||||
|
||||
}else{
|
||||
this.typeOption = this.id
|
||||
this.nyzyShow= true
|
||||
this.listShow= false
|
||||
|
||||
}
|
||||
console.log('--->',this.typeOption);
|
||||
|
||||
//查询栏目（包含当前的和候选的）
|
||||
// getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:this.pid,column: 'createTime',order: 'desc'}).then((res)=>{
|
||||
// if(res.success){
|
||||
// let list = res.result.records||res.result;
|
||||
// // console.log('list===>',list);
|
||||
// //查出根节点
|
||||
// this.parentData = list.find(x => !x.parent);
|
||||
// if(this.id){
|
||||
// this.thisColumn = list.find(x => x.id == this.id);
|
||||
// this.columnList = list.filter(x => x.parent);
|
||||
// }else{
|
||||
// this.thisColumn = list[0];
|
||||
// this.columnList = [];
|
||||
// this.columnList.push(list[0]);
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
},
|
||||
getDay(dateTime){
|
||||
if(!dateTime) return '';
|
||||
|
|
@ -207,5 +612,11 @@ export default {
|
|||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
<style scoped lang="less">
|
||||
.iconClass{
|
||||
width:15px;
|
||||
height:15px;
|
||||
float:left;
|
||||
margin:5px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div>
|
||||
<headerView/>
|
||||
<div class="er_bann9" ></div>
|
||||
<!-- <div class="er_bann9" ></div> -->
|
||||
<div class="weizhibox">
|
||||
<div class="weizhi">
|
||||
<span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span>
|
||||
|
|
|
|||
|
|
@ -114,7 +114,7 @@
|
|||
data () {
|
||||
return {
|
||||
form: this.$form.createForm(this),
|
||||
parentDictCode: 'tqd_gateway_column,name,id,parent is null',
|
||||
parentDictCode: 'tqd_gateway_column,name,id',
|
||||
model: {},
|
||||
labelCol: {
|
||||
xs: { span: 24 },
|
||||
|
|
@ -197,11 +197,12 @@
|
|||
// this.parentDictCode = 'tqd_gateway_column,name,id,id=-1',
|
||||
// this.$nextTick(() => this.$nextTick(() => this.parentDictCode = 'tqd_gateway_column,name,id,parent is null'));
|
||||
this.form.resetFields();
|
||||
this.$refs.dictRef.initDictData();
|
||||
// this.$refs.dictRef.initDictData();
|
||||
this.model = Object.assign({}, record);
|
||||
console.log('record-->',this.model,record);
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
this.form.setFieldsValue(pick(this.model,'createBy','createTime','updateBy','updateTime','sysOrgCode','name','nameen','type','parent','isEnable','icon','sort'))
|
||||
this.form.setFieldsValue(pick(this.model,'name','parent','isEnable'))
|
||||
})
|
||||
},
|
||||
//渲染流程表单数据
|
||||
|
|
|
|||
|
|
@ -29,8 +29,9 @@
|
|||
</a-form-item>
|
||||
</a-col> -->
|
||||
<a-col :span="12">
|
||||
<a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol" help="后台使用的名字，不会显示在门户网站上">
|
||||
<a-input v-decorator="['name', validatorRules.name]" placeholder="请输入名称" ></a-input>
|
||||
<a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol" >
|
||||
<!-- <a-input v-decorator="['name', validatorRules.name]" placeholder="请输入名称" ></a-input> -->
|
||||
<j-dict-select-tag v-decorator="['name', validatorRules.name]" :trigger-change="true" dictCode="yqlj"/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<!-- <a-col :span="12">
|
||||
|
|
|
|||
Loading…
Reference in New Issue