yangjun
/
nyzy_vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整样式

This commit is contained in:
yangjun 2022-06-14 17:29:11 +08:00
parent cd94ab4982
commit 752abead94
28 changed files with 662 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/img/icon_dbjjzy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
public/img/icon_dd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/img/icon_gl.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
public/img/icon_gz.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
public/img/icon_hs.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/img/icon_ld.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/img/icon_lgzy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
public/img/icon_qt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
public/img/icon_sd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
public/img/icon_syj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/img/icon_syjlszzzy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
public/img/icon_xbzlzd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
public/img/icon_xd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
public/img/icon_xm.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
public/img/icon_xrk.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/img/icon_ym.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
public/img/icon_yz.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
public/img/icon_zblszy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
public/img/icon_zp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
public/img/icon_zyc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

14
src/config/router.gateway.js
View File

@ -29,6 +29,13 @@ export default [
//redirect: '/user/login',
component: () => import(/* webpackChunkName: "user" */ '@/views/gateway/listPage2')
},
{
path: '/listPage3',
name: 'listPage3',
//component: BlankLayout,
//redirect: '/user/login',
component: () => import(/* webpackChunkName: "user" */ '@/views/gateway/listPage3')
},
{
path: '/listPageSearch',
name: 'listPageSearch',
@ -50,6 +57,13 @@ export default [
//redirect: '/user/login',
component: () => import(/* webpackChunkName: "user" */ '@/views/gateway/detailedPage2')
},
{
path: '/detailedPage3',
name: 'detailedPage3',
//component: BlankLayout,
//redirect: '/user/login',
component: () => import(/* webpackChunkName: "user" */ '@/views/gateway/detailedPage3')
},
{
path: '/gybs',
name: 'gybs',

42
src/views/gateway/common/header.vue
View File

@ -16,10 +16,50 @@
</div>
<div id="MutiNav">
<ul class="multiUl">
<li class="multiUlli">
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
<a class="mulgo" href="javascript:void(0);" title="首页" @click="$to('home',{pid:'home'})">
<span class="mulgochie">首页</span>
</a>
<blockquote>
<div class="ChildNavIn">
<div class="gersawd clearfloat">
<div class="vdas">
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:301})" class="fjsjkih2 left">
<span><i class="iconfont">&#xe672;</i></span>
<span>工作动态</span>
</a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:302})" class="fjsjkih2 left">
<span><i class="iconfont">&#xe67e;</i></span>
<span>行业要闻</span>
</a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:401})" class="fjsjkih2 left">
<span><i class="iconfont">&#xe854;</i></span>
<span>数据中心</span>
</a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:304})" class="fjsjkih2 left">
<span><i class="iconfont">&#xe627;</i></span>
<span>科研成果</span>
</a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:305})" class="fjsjkih2 left">
<span><i class="iconfont">&#xe748;</i></span>
<span>政策文件</span>
</a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:306})" class="fjsjkih2 left">
<span><i class="iconfont">&#xe7c2;</i></span>
<span>最新动态</span>
</a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:303})" class="fjsjkih2 left">
<span><i class="iconfont">&#xe777;</i></span>
<span>合作交流</span>
</a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:501})" class="fjsjkih2 left" style="border: 0;">
<span><i class="iconfont">&#xe71e;</i></span>
<span>专题专栏</span>
</a>
</div>
</div>
</div>
</blockquote>
</li>
<li class="multiUlli" >
<a class="mulgo" href="javascript:void(0);" title="关于本所" @click="$to('gybs',{pid:'gybs'})">

42
src/views/gateway/common/main.vue
View File

@ -22,7 +22,7 @@
<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>
<a href="javascript:void(0);" class="ltxta elli" @click="$to('detailedPage',{id:lbt.id})" style="color:white">{{lbt.title}}</a>
</div>
</el-carousel-item>
</el-carousel>
@ -42,7 +42,7 @@
<div class="tab_boxdas" v-show="currentTab == 301">
<ul>
<li>
<span class="tagup" @click="$to('detailedPage',{id:gzdtList[0].id})">
<span class="tagup" @click="$to('detailedPage3',{id:gzdtList[0].id})">
<h3 class="elli">{{gzdtList[0].title}}</h3>
<p class="over-line2">{{$tfnm(gzdtList[0],'content',84)}}</p>
</span>
@ -50,7 +50,7 @@
<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})">
<a class="clearfloat" href="javascript:void(0);" @click="$to('detailedPage3',{id:gzdt.id})">
<h3 class="elli">> {{gzdt.title}}</h3>
<span>{{gzdt.createTime}}</span>
</a>
@ -62,14 +62,14 @@
<div class="tab_boxdas" v-show="currentTab == 302">
<ul>
<li>
<span class="tagup" @click="$to('detailedPage',{id:hyywList[0].id})">
<span class="tagup" @click="$to('detailedPage3',{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})">
<a class="clearfloat" href="javascript:void(0);" @click="$to('detailedPage3',{id:hyyw.id})">
<h3 class="elli">> {{hyyw.title}}</h3>
<span>{{hyyw.createTime}}</span>
</a>
@ -85,28 +85,28 @@
<div class="kjrukou">
<ul>
<li>
<a href="javascript:void(0);" @click="$to('listPage',{pid:102,id:10201})">
<a href="javascript:void(0);" @click="$to('listPage2',{pid:101,id:10101})">
<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})">
<a href="javascript:void(0);" @click="$to('listPage2',{pid:101,id:10102})">
<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})">
<a href="javascript:void(0);" @click="$to('listPage2',{pid:101,id:10103})">
<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})">
<a href="javascript:void(0);" @click="$to('listPage2',{pid:101,id:10104})">
<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>
@ -125,7 +125,7 @@
<!-- 数据中心 -->
<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:sjzxTab})" class="right">更多></a>
<a href="javascript:void(0);" @click="$to('listPage',{id:sjzxTab,pid:401})" class="right">更多></a>
</div>
<div id="tab">
<ul class="tab_menu">
@ -137,7 +137,7 @@
<div class="h_ldown">
<ul>
<li v-for="(kycg,kycgIndex) in sjzxList" :key="kycgIndex">
<a href="javascript:void(0);" @click="$to('detailedPage',{id:kycg.id})" class="elli">
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="elli">
<span class="spimg">></span>
{{kycg.title}}
</a>
@ -149,7 +149,7 @@
<!-- 科研成果 -->
<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:kycgTab})" class="right">更多></a>
<a href="javascript:void(0);" @click="$to('listPage',{id:kycgTab,pid:304})" class="right">更多></a>
</div>
<div id="tab">
<ul class="tab_menu">
@ -165,7 +165,7 @@
<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>
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycgList[0].id})">[阅读]</a>
<span>{{getYearMonthDay(kycgList[0].updateTime || kycgList[0].createTime)}}</span>
</div>
</div>
@ -174,7 +174,7 @@
<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">
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="clearfloat">
<span class="sadfa">></span>
<h4 class="elli">{{kycg.title}}</h4>
<span class="sadfasp">{{getYearMonthDay(kycg.updateTime || kycg.createTime)}}</span>
@ -189,7 +189,7 @@
<!-- 政策文件 -->
<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>
<a href="javascript:void(0);" @click="$to('listPage',{id:zcwjTab,pid:305})" class="right">更多></a>
</div>
<div id="tab">
<ul class="tab_menu">
@ -200,7 +200,7 @@
<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">
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="elli">
<span class="spimg">></span>
{{kycg.title}}
</a>
@ -215,7 +215,7 @@
<!-- 特色农业资源最新动态 -->
<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:'301'})" class="right">更多></a>
<a href="javascript:void(0);" @click="$to('listPage',{pid:'306'})" class="right">更多></a>
</div>
<div class="h_ldown" style="margin-top: 14px;">
<div class="tsnyzyb">
@ -226,7 +226,7 @@
<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">
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="elli">
<span class="spimg">></span>
{{kycg.title}}
</a>
@ -240,7 +240,7 @@
<!-- 合作交流 -->
<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>
<a href="javascript:void(0);" @click="$to('listPage',{pid:303})" class="right">更多></a>
</div>
<div class="h_rdown" style="margin-top: 14px;">
<div class="spbox clearfloat" >
@ -249,7 +249,7 @@
<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>
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:hzjlList[0].id})">[阅读]</a>
<span>{{getYearMonthDay(hzjlList[0].updateTime || hzjlList[0].createTime)}}</span>
</div>
</div>
@ -258,7 +258,7 @@
<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">
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="clearfloat">
<span class="sadfa">></span>
<h4 class="elli">{{kycg.title}}</h4>
<span class="sadfasp">{{getYearMonthDay(kycg.updateTime || kycg.createTime)}}</span>

80
src/views/gateway/detailedPage2.vue
View File

@ -38,7 +38,7 @@
<div class="pageFormContent">
<div id="leftside">
<!-- jtree模板 -->
<div id="sidebar">
<div id="sidebar" style="background-color: white;">
<a-tree
:show-line="true"
:default-expanded-keys="['10101', '10102', '10103', '10104']"
@ -46,131 +46,131 @@
>
<a-tree-node key="10101">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_xbzlzd.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">
<img src="img/icon_gl.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010101')">高粱</span>
</span>
<a-tree-node key="101010101">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010101')">育种</span>
</span>
</a-tree-node>
<a-tree-node key="101010102">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @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">
<img src="img/icon_hs.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010102')">花生</span>
</span>
<a-tree-node key="101010201">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010201')">育种</span>
</span>
</a-tree-node>
<a-tree-node key="101010202">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @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">
<img src="img/icon_ld.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010103')">绿豆</span>
</span>
<a-tree-node key="101010301">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010301')">育种</span>
</span>
</a-tree-node>
<a-tree-node key="101010302">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @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">
<img src="img/icon_xd.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010104')">小豆</span>
</span>
<a-tree-node key="101010401">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010401')">育种</span>
</span>
</a-tree-node>
<a-tree-node key="101010402">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @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">
<img src="img/icon_xm.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010105')">燕麦</span>
</span>
<a-tree-node key="101010501">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010501')">育种</span>
</span>
</a-tree-node>
<a-tree-node key="101010502">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @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">
<img src="img/icon_gz.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010106')">谷子</span>
</span>
<a-tree-node key="101010601">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010601')">育种</span>
</span>
</a-tree-node>
<a-tree-node key="101010602">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @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">
<img src="img/icon_xrk.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010107')">向日葵</span>
</span>
<a-tree-node key="101010701">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010701')">育种</span>
</span>
</a-tree-node>
<a-tree-node key="101010702">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010702')">栽培</span>
</span>
</a-tree-node>
@ -178,48 +178,48 @@
</a-tree-node>
<a-tree-node key="10102">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_dbjjzy.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">
<img src="img/icon_dd.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010201')">大豆</span>
</span>
</a-tree-node>
<a-tree-node key="1010202" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_syj.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010202')">食用菌</span>
</span>
</a-tree-node>
<a-tree-node key="1010203" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_zyc.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010203')">中药材</span>
</span>
</a-tree-node>
<a-tree-node key="1010204" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_lgzy.png" class="iconClass">
<span style="float:left;font-size:14px" @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">
<img src="img/icon_zblszy.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">
<img src="img/icon_sd.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010301')">水稻</span>
</span>
</a-tree-node>
<a-tree-node key="1010302" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_ym.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010302')">玉米</span>
</span>
</a-tree-node>
@ -227,55 +227,55 @@
<a-tree-node key="10104">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_syjlszzzy.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">
<img src="img/icon_gl.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010401')">高粱</span>
</span>
</a-tree-node>
<a-tree-node key="1010402" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_hs.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010402')">花生</span>
</span>
</a-tree-node>
<a-tree-node key="1010403" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_ld.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010403')">绿豆</span>
</span>
</a-tree-node>
<a-tree-node key="1010404" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_xd.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010404')">小豆</span>
</span>
</a-tree-node>
<a-tree-node key="1010405" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_xm.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010405')">燕麦</span>
</span>
</a-tree-node>
<a-tree-node key="1010406" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_gz.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010406')">谷子</span>
</span>
</a-tree-node>
<a-tree-node key="1010407" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_xrk.png" class="iconClass">
<span style="float:left;font-size:14px" @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">
<img src="img/icon_qt.png" class="iconClass">
<span style="float:left;" @click="typeFun('10105')">其他</span>
</span>
</a-tree-node>

272
src/views/gateway/detailedPage3.vue Normal file
View File

@ -0,0 +1,272 @@
<template>
<div>
<headerView/>
<!-- <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>
<div class="er_bann5" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 105"></div>
<div class="er_bann6" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 106"></div>
<div class="er_bann7" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 107"></div>
<div class="er_bann8" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 501"></div>
<div class="er_bann9" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 306"></div>
<div class="er_bann9" v-if="(thisColumn.parent?thisColumn.parent:thisColumn.id) == 305"></div>
<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="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?thisColumn.parent:thisColumn.id,id:thisColumn.parent?thisColumn.id:null})">{{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>
<div class="s-side">
<a-menu
style="width: 240px"
mode="inline"
@click="handleClick"
>
<a-menu-item key="301" >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;工作动态
</a-menu-item>
<a-menu-item key="302" >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;行业要闻
</a-menu-item>
<a-sub-menu key="401">
<span slot="title"><span>数据中心</span></span>
<a-menu-item key="40101">
微观经济调查
</a-menu-item>
<a-menu-item key="40102">
农业资源数据
</a-menu-item>
<a-menu-item key="40103">
遥感数据
</a-menu-item>
</a-sub-menu>
<a-sub-menu key="304">
<span slot="title"><span>科研成果</span></span>
<a-menu-item key="30401">
成果登记
</a-menu-item>
<a-menu-item key="30402">
获奖情况
</a-menu-item>
<a-menu-item key="30403">
发表论文
</a-menu-item>
</a-sub-menu>
<a-sub-menu key="305">
<span slot="title"><span>政策文件</span></span>
<a-menu-item key="30501">
省内政策
</a-menu-item>
<a-menu-item key="30502">
国内政策
</a-menu-item>
</a-sub-menu>
<a-menu-item key="306" >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;特色农业资源最新动态
</a-menu-item>
<a-menu-item key="303" >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;合作交流
</a-menu-item>
<a-sub-menu key="501">
<span slot="title"><span>专题专栏</span></span>
<a-menu-item key="50101">
土壤
</a-menu-item>
<a-menu-item key="50102">
水资源
</a-menu-item>
<a-menu-item key="50103">
气候资源
</a-menu-item>
<a-menu-item key="50104">
生物资源
</a-menu-item>
</a-sub-menu>
</a-menu>
</div>
</div>
<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('detailedPage3',{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">
<span>发布日期：<span>{{articleData.updateTime || articleData.createTime}}</span></span>
<span v-show="articleData.author">作者：<span>{{articleData.author}}</span></span>
</div>
<p v-html="articleData.content"></p>
</div>
</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: [],
articleData:{},
detailShow:true,
listShow:false,
}
},
computed:{
id(){
return this.$route.query.id || '-1';
}
},
mounted(){
this.loadData();
},
watch:{
id(){
this.loadData();
},
},
updated(){
},
methods:{
handleClick(record){
console.log('record-->',record);
this.loadData2(record.key)
},
loadData2(id){
this.detailShow = false
this.listShow = true
//如果没有ID自动选中一个
// if(this.id){
let columnId = id||this.id;
if(columnId == '301'){this.syname = "工作动态"}
else if(columnId == '302'){this.syname = "行业要闻"}
else if(columnId == '304'){this.syname = "科研成果";columnId == '30401'}
else if(columnId == '30401'){this.syname = "成果登记"}
else if(columnId == '30402'){this.syname = "获奖情况"}
else if(columnId == '30403'){this.syname = "发表论文"}
else if(columnId == '305'){this.syname = "政策文件";columnId == '30501'}
else if(columnId == '30501'){this.syname = "省内政策"}
else if(columnId == '30502'){this.syname = "国内政策"}
else if(columnId == '306'){this.syname = "特色农业资源最新动态"}
else if(columnId == '303'){this.syname = "合作交流"}
else if(columnId == '501'){this.syname = "专题专栏";columnId == '50101'}
else if(columnId == '50101'){this.syname = "土壤"}
else if(columnId == '50102'){this.syname = "水资源"}
else if(columnId == '50103'){this.syname = "气候资源"}
else if(columnId == '50104'){this.syname = "生物资源"}
else if(columnId == '401'){this.syname = "数据中心"; columnId='40101'}
else if(columnId == '40101'){this.syname = "微观经济调查"}
else if(columnId == '40102'){this.syname = "农业资源数据"}
else if(columnId == '40103'){this.syname = "遥感数据"}
getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',columnId:columnId,column: 'createTime',order: 'desc'}).then((res)=>{
if(res.success){
let list = res.result.records||res.result;
this.articleList = list;
}
});
// }
},
loadData(){
this.detailShow = true
this.listShow = false
let columnId =this.id;
//查询栏目（包含当前的和候选的）
getAction('/gateway/gatewayArticle/queryArticleById',{id:columnId}).then((res)=>{
if(res.success){
console.log('res =>',res.result);
let data = res.result;
this.articleData = data;
this.thisColumn = data.currentGatewayColumn
//查出根节点
if(data.parentGatewayColumn){
this.parentData = data.parentGatewayColumn
}else{
this.parentData = data.currentGatewayColumn
}
if(data.gatewayColumnList && data.gatewayColumnList.length > 0){
this.columnList = data.gatewayColumnList
}else{
this.columnList = [];
this.columnList.push(data.currentGatewayColumn);
}
}
});
},
getFileName(url){
if(!url) return '';
let filePaths = url.split('/');
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>
</style>

10
src/views/gateway/listPage.vue
View File

@ -118,15 +118,15 @@ export default {
methods:{
loadData(){
//查询栏目（包含当前的和候选的）
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:this.pid,column: 'createTime',order: 'desc'}).then((res)=>{
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:this.pid,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){
let list = res.result.records||res.result;
// console.log('list===>',list);
let list = res.result.records
console.log('list===>',list);
//查出根节点
this.parentData = list.find(x => !x.parent);
this.parentData = list.find(x => !x.parent||x.parent=='1');
if(this.id){
this.thisColumn = list.find(x => x.id == this.id);
this.columnList = list.filter(x => x.parent);
this.columnList = list.filter(x => x.parent&&x.parent!='1');
}else{
this.thisColumn = list[0];
this.columnList = [];

86
src/views/gateway/listPage2.vue
View File

@ -1,14 +1,12 @@
<template>
<div>
<div style="background-color: #f7f7f7;">
<headerView/>
<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>
<a href="javascript:void(0);" >区域农业资源 </a>
</div>
</div>
@ -23,7 +21,7 @@
<div class="pageFormContent">
<div id="leftside">
<!-- jtree模板 -->
<div id="sidebar">
<div id="sidebar" style="background-color: white;">
<a-tree
:show-line="true"
:default-expanded-keys="['10101', '10102', '10103', '10104']"
@ -31,131 +29,131 @@
>
<a-tree-node key="10101">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_xbzlzd.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">
<img src="img/icon_gl.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010101')">高粱</span>
</span>
<a-tree-node key="101010101">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010101')">育种</span>
</span>
</a-tree-node>
<a-tree-node key="101010102">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @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">
<img src="img/icon_hs.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010102')">花生</span>
</span>
<a-tree-node key="101010201">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010201')">育种</span>
</span>
</a-tree-node>
<a-tree-node key="101010202">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @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">
<img src="img/icon_ld.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010103')">绿豆</span>
</span>
<a-tree-node key="101010301">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010301')">育种</span>
</span>
</a-tree-node>
<a-tree-node key="101010302">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @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">
<img src="img/icon_xd.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010104')">小豆</span>
</span>
<a-tree-node key="101010401">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010401')">育种</span>
</span>
</a-tree-node>
<a-tree-node key="101010402">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @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">
<img src="img/icon_xm.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010105')">燕麦</span>
</span>
<a-tree-node key="101010501">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010501')">育种</span>
</span>
</a-tree-node>
<a-tree-node key="101010502">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @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">
<img src="img/icon_gz.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010106')">谷子</span>
</span>
<a-tree-node key="101010601">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010601')">育种</span>
</span>
</a-tree-node>
<a-tree-node key="101010602">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @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">
<img src="img/icon_xrk.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010107')">向日葵</span>
</span>
<a-tree-node key="101010701">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010701')">育种</span>
</span>
</a-tree-node>
<a-tree-node key="101010702">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010702')">栽培</span>
</span>
</a-tree-node>
@ -163,48 +161,48 @@
</a-tree-node>
<a-tree-node key="10102">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_dbjjzy.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">
<img src="img/icon_dd.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010201')">大豆</span>
</span>
</a-tree-node>
<a-tree-node key="1010202" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_syj.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010202')">食用菌</span>
</span>
</a-tree-node>
<a-tree-node key="1010203" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_zyc.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010203')">中药材</span>
</span>
</a-tree-node>
<a-tree-node key="1010204" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_lgzy.png" class="iconClass">
<span style="float:left;font-size:14px" @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">
<img src="img/icon_zblszy.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">
<img src="img/icon_sd.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010301')">水稻</span>
</span>
</a-tree-node>
<a-tree-node key="1010302" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_ym.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010302')">玉米</span>
</span>
</a-tree-node>
@ -212,55 +210,55 @@
<a-tree-node key="10104">
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_syjlszzzy.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">
<img src="img/icon_gl.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010401')">高粱</span>
</span>
</a-tree-node>
<a-tree-node key="1010402" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_hs.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010402')">花生</span>
</span>
</a-tree-node>
<a-tree-node key="1010403" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_ld.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010403')">绿豆</span>
</span>
</a-tree-node>
<a-tree-node key="1010404" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_xd.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010404')">小豆</span>
</span>
</a-tree-node>
<a-tree-node key="1010405" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_xm.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010405')">燕麦</span>
</span>
</a-tree-node>
<a-tree-node key="1010406" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_gz.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010406')">谷子</span>
</span>
</a-tree-node>
<a-tree-node key="1010407" >
<span slot="title">
<img src="img/smiley_sleep.png" class="iconClass">
<img src="img/icon_xrk.png" class="iconClass">
<span style="float:left;font-size:14px" @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">
<img src="img/icon_qt.png" class="iconClass">
<span style="float:left;" @click="typeFun('10105')">其他</span>
</span>
</a-tree-node>

227
src/views/gateway/listPage3.vue Normal file
View File

@ -0,0 +1,227 @@
<template>
<div style="background-color: #f7f7f7;">
<headerView/>
<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);">{{syname}}</a>
</div>
</div>
<div class="er_contant clearfloat">
<div class="er_contl left">
<div class="hjk_item">
<h3>{{syname}}</h3>
<div class="" style="width: 60px;height: 3px;background-color: #21c168;margin-top: -3px;"></div>
</div>
<div class="s-side">
<a-menu
style="width: 240px"
mode="inline"
@click="handleClick"
>
<a-menu-item key="301" >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;工作动态
</a-menu-item>
<a-menu-item key="302" >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;行业要闻
</a-menu-item>
<a-sub-menu key="401">
<span slot="title"><span>数据中心</span></span>
<a-menu-item key="40101">
微观经济调查
</a-menu-item>
<a-menu-item key="40102">
农业资源数据
</a-menu-item>
<a-menu-item key="40103">
遥感数据
</a-menu-item>
</a-sub-menu>
<a-sub-menu key="304">
<span slot="title"><span>科研成果</span></span>
<a-menu-item key="30401">
成果登记
</a-menu-item>
<a-menu-item key="30402">
获奖情况
</a-menu-item>
<a-menu-item key="30403">
发表论文
</a-menu-item>
</a-sub-menu>
<a-sub-menu key="305">
<span slot="title"><span>政策文件</span></span>
<a-menu-item key="30501">
省内政策
</a-menu-item>
<a-menu-item key="30502">
国内政策
</a-menu-item>
</a-sub-menu>
<a-menu-item key="306" >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;特色农业资源最新动态
</a-menu-item>
<a-menu-item key="303" >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;合作交流
</a-menu-item>
<a-sub-menu key="501">
<span slot="title"><span>专题专栏</span></span>
<a-menu-item key="50101">
土壤
</a-menu-item>
<a-menu-item key="50102">
水资源
</a-menu-item>
<a-menu-item key="50103">
气候资源
</a-menu-item>
<a-menu-item key="50104">
生物资源
</a-menu-item>
</a-sub-menu>
</a-menu>
</div>
</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('detailedPage3',{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: [],
syname:'',
}
},
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:{
titleClick(record){
console.log('titleClick-->',record);
},
handleClick(record){
console.log('record-->',record);
this.loadData(record.key)
},
loadData(id){
//如果没有ID自动选中一个
// if(this.id){
let columnId = id||this.id;
if(columnId == '301'){this.syname = "工作动态"}
else if(columnId == '302'){this.syname = "行业要闻"}
else if(columnId == '304'){this.syname = "科研成果";columnId = '30401'}
else if(columnId == '30401'){this.syname = "成果登记"}
else if(columnId == '30402'){this.syname = "获奖情况"}
else if(columnId == '30403'){this.syname = "发表论文"}
else if(columnId == '305'){this.syname = "政策文件";columnId = '30501'}
else if(columnId == '30501'){this.syname = "省内政策"}
else if(columnId == '30502'){this.syname = "国内政策"}
else if(columnId == '306'){this.syname = "特色农业资源最新动态"}
else if(columnId == '303'){this.syname = "合作交流"}
else if(columnId == '501'){this.syname = "专题专栏";columnId = '50101'}
else if(columnId == '50101'){this.syname = "土壤"}
else if(columnId == '50102'){this.syname = "水资源"}
else if(columnId == '50103'){this.syname = "气候资源"}
else if(columnId == '50104'){this.syname = "生物资源"}
else if(columnId == '401'){this.syname = "数据中心"; columnId='40101'}
else if(columnId == '40101'){this.syname = "微观经济调查"}
else if(columnId == '40102'){this.syname = "农业资源数据"}
else if(columnId == '40103'){this.syname = "遥感数据"}
//查询文章列表
getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',columnId:columnId,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>