diff --git a/public/img/icon_dbjjzy.png b/public/img/icon_dbjjzy.png
new file mode 100644
index 0000000..5c5ba2f
Binary files /dev/null and b/public/img/icon_dbjjzy.png differ
diff --git a/public/img/icon_dd.png b/public/img/icon_dd.png
new file mode 100644
index 0000000..66b2c5f
Binary files /dev/null and b/public/img/icon_dd.png differ
diff --git a/public/img/icon_gl.png b/public/img/icon_gl.png
new file mode 100644
index 0000000..f795355
Binary files /dev/null and b/public/img/icon_gl.png differ
diff --git a/public/img/icon_gz.png b/public/img/icon_gz.png
new file mode 100644
index 0000000..620b6df
Binary files /dev/null and b/public/img/icon_gz.png differ
diff --git a/public/img/icon_hs.png b/public/img/icon_hs.png
new file mode 100644
index 0000000..62e1d86
Binary files /dev/null and b/public/img/icon_hs.png differ
diff --git a/public/img/icon_ld.png b/public/img/icon_ld.png
new file mode 100644
index 0000000..587cb56
Binary files /dev/null and b/public/img/icon_ld.png differ
diff --git a/public/img/icon_lgzy.png b/public/img/icon_lgzy.png
new file mode 100644
index 0000000..3a91712
Binary files /dev/null and b/public/img/icon_lgzy.png differ
diff --git a/public/img/icon_qt.png b/public/img/icon_qt.png
new file mode 100644
index 0000000..10a8bd5
Binary files /dev/null and b/public/img/icon_qt.png differ
diff --git a/public/img/icon_sd.png b/public/img/icon_sd.png
new file mode 100644
index 0000000..0f5a0de
Binary files /dev/null and b/public/img/icon_sd.png differ
diff --git a/public/img/icon_syj.png b/public/img/icon_syj.png
new file mode 100644
index 0000000..00a2709
Binary files /dev/null and b/public/img/icon_syj.png differ
diff --git a/public/img/icon_syjlszzzy.png b/public/img/icon_syjlszzzy.png
new file mode 100644
index 0000000..621ae11
Binary files /dev/null and b/public/img/icon_syjlszzzy.png differ
diff --git a/public/img/icon_xbzlzd.png b/public/img/icon_xbzlzd.png
new file mode 100644
index 0000000..e31269a
Binary files /dev/null and b/public/img/icon_xbzlzd.png differ
diff --git a/public/img/icon_xd.png b/public/img/icon_xd.png
new file mode 100644
index 0000000..dcd5b83
Binary files /dev/null and b/public/img/icon_xd.png differ
diff --git a/public/img/icon_xm.png b/public/img/icon_xm.png
new file mode 100644
index 0000000..e1da821
Binary files /dev/null and b/public/img/icon_xm.png differ
diff --git a/public/img/icon_xrk.png b/public/img/icon_xrk.png
new file mode 100644
index 0000000..b7a45e7
Binary files /dev/null and b/public/img/icon_xrk.png differ
diff --git a/public/img/icon_ym.png b/public/img/icon_ym.png
new file mode 100644
index 0000000..6f3c6fb
Binary files /dev/null and b/public/img/icon_ym.png differ
diff --git a/public/img/icon_yz.png b/public/img/icon_yz.png
new file mode 100644
index 0000000..d58c498
Binary files /dev/null and b/public/img/icon_yz.png differ
diff --git a/public/img/icon_zblszy.png b/public/img/icon_zblszy.png
new file mode 100644
index 0000000..79edcee
Binary files /dev/null and b/public/img/icon_zblszy.png differ
diff --git a/public/img/icon_zp.png b/public/img/icon_zp.png
new file mode 100644
index 0000000..5776e9a
Binary files /dev/null and b/public/img/icon_zp.png differ
diff --git a/public/img/icon_zyc.png b/public/img/icon_zyc.png
new file mode 100644
index 0000000..fee6324
Binary files /dev/null and b/public/img/icon_zyc.png differ
diff --git a/src/config/router.gateway.js b/src/config/router.gateway.js
index 60e2961..25815f3 100644
--- a/src/config/router.gateway.js
+++ b/src/config/router.gateway.js
@@ -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',
diff --git a/src/views/gateway/common/header.vue b/src/views/gateway/common/header.vue
index ccfb9ca..277efdd 100644
--- a/src/views/gateway/common/header.vue
+++ b/src/views/gateway/common/header.vue
@@ -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'})">
diff --git a/src/views/gateway/common/main.vue b/src/views/gateway/common/main.vue
index 34ea5a1..bb4d909 100644
--- a/src/views/gateway/common/main.vue
+++ b/src/views/gateway/common/main.vue
@@ -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>
diff --git a/src/views/gateway/detailedPage2.vue b/src/views/gateway/detailedPage2.vue
index b8dffac..1c3a6e1 100644
--- a/src/views/gateway/detailedPage2.vue
+++ b/src/views/gateway/detailedPage2.vue
@@ -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>
diff --git a/src/views/gateway/detailedPage3.vue b/src/views/gateway/detailedPage3.vue
new file mode 100644
index 0000000..05d5269
--- /dev/null
+++ b/src/views/gateway/detailedPage3.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/gateway/listPage.vue b/src/views/gateway/listPage.vue
index e3cf525..ac4fbcd 100644
--- a/src/views/gateway/listPage.vue
+++ b/src/views/gateway/listPage.vue
@@ -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 = [];
diff --git a/src/views/gateway/listPage2.vue b/src/views/gateway/listPage2.vue
index ec1b3a7..60e1d6f 100644
--- a/src/views/gateway/listPage2.vue
+++ b/src/views/gateway/listPage2.vue
@@ -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>
diff --git a/src/views/gateway/listPage3.vue b/src/views/gateway/listPage3.vue
new file mode 100644
index 0000000..d94bdc3
--- /dev/null
+++ b/src/views/gateway/listPage3.vue
@@ -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>
\ No newline at end of file