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

修改样式

This commit is contained in:
yangjun 2022-07-05 14:56:18 +08:00
parent 752abead94
commit ee3df61827
20 changed files with 639 additions and 838 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
public/css/style.css
View File

@ -114,7 +114,7 @@ ul{
#MutiNav .multiUl{
width: 1200px;
margin: auto;
height: 50px;
height: 55px;
clear: both;
display: block;
}
@ -328,6 +328,10 @@ blockquote{
background: url(../img/sy_banner.jpg) center;
height: 290px;
}
.detailHtml{
background: url(../img/xqy.jpg) center;
height: 290px;
}
.contant{
width: 1200px;
margin: -134px auto 0 auto;
@ -734,15 +738,16 @@ blockquote{
color: #EE8515;
}
.h_ldown{
margin-top: 54px;
margin-top: 64px;
}
.h_ldown ul li{
margin-top: 12px;
padding-bottom: 9px;
margin-top: 14px;
padding-bottom: 11px;
border-bottom: 1px #ebebeb dashed;
}
.h_ldown ul li:last-child{
border: 0;
padding: 0;
}
.h_ldown ul li a{
display: block;
@ -792,8 +797,8 @@ blockquote{
font-size: 15px;
}
.h_rdown ul li:last-child{
border: 0;
padding: 0;
}
.h_rdown ul li:hover h4{
color: #ee8515;
@ -1055,7 +1060,6 @@ blockquote{
border-bottom: 1px #1dcc6a solid;
}
.er_contl ul li{
padding: 0 20px;
line-height: 60px;
border-bottom: 1px #DDDDDD dashed;
border-left: 2px #FFFFFF solid;

BIN
public/img/xqy.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 125 KiB

11
src/components/jeecg/JEditor.vue
View File

@ -51,7 +51,16 @@
},
toolbar: {
type: [String, Array],
default: 'undo redo | formatselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | lists link unlink image media table | removeformat | fullscreen',
default: ["undo redo save | cut copy paste | forecolor backcolor bold italic underline strikethrough link unlink " +
"openlink anchor | alignleft aligncenter alignright alignjustify alignnone outdent indent | " +
"bullist numlist ",
"styleselect formatselect fontselect fontsizeselect | table tabledelete tablecellprops tablemergecells| blockquote subscript superscript removeformat | ltr rtl " +
"tablesplitcells tableinsertrowbefore tableinsertrowafter tabledeleterow tablerowprops tablecutrow " +
"tablecopyrow tablepasterowbefore tablepasterowafter tableinsertcolbefore tableinsertcolafter tabledeletecol | " +
"image media fullscreen",
"insertdatetime charmap emoticons hr pagebreak template code pastetext print visualblocks visualchars " +
"nonbreaking searchreplace preview kityformula-editor indent2em ",
],
branding:false
}
},

19
src/components/menu/index.js
View File

@ -8,7 +8,7 @@ export default {
props: {
menu: {
type: Array,
required: true
required: true/* */
},
theme: {
type: String,
@ -76,11 +76,13 @@ export default {
updateMenu () {
const routes = this.$route.matched.concat()
const { hidden } = this.$route.meta
let fullPath = ''
if (routes.length >= 3 && hidden) {
routes.pop()
this.selectedKeys = [routes[routes.length - 1].path]
} else {
this.selectedKeys = [routes.pop().path]
let route = routes.pop();
this.selectedKeys = [route.path]
}
const openKeys = []
if (this.mode === 'inline') {
@ -88,9 +90,20 @@ export default {
openKeys.push(item.path)
})
}
fullPath = this.$route.fullPath
console.log('this.selectedKeys[0] => ',this.selectedKeys[0],fullPath,routes);
//update-begin-author:taoyan date:20190510 for:online表单菜单点击展开的一级目录不对
if(!this.selectedKeys || this.selectedKeys[0].indexOf(":")<0){
if(!this.selectedKeys || this.selectedKeys[0].indexOf(":")<0 || fullPath.indexOf("?") == -1){
this.collapsed ? (this.cachedOpenKeys = openKeys) : (this.openKeys = openKeys)
}else if(fullPath.indexOf("?") != -1) {
if(fullPath.indexOf('/') != -1){
let pathList = fullPath.split('/');
if(pathList && pathList.length > 1){
let newKey = '/'+pathList[1];
console.log('newKey =>',newKey);
this.collapsed ? (this.cachedOpenKeys = newKey) : (this.openKeys = newKey)
}
}
}
//update-end-author:taoyan date:20190510 for:online表单菜单点击展开的一级目录不对
},

8
src/components/page/GlobalHeader.vue
View File

@ -6,7 +6,7 @@
:style="{ padding: '0' }">
<div v-if="mode === 'sidemenu'" class="header" :class="theme">
<a-icon
<!-- <a-icon
v-if="device==='mobile'"
class="trigger"
:type="collapsed ? 'menu-fold' : 'menu-unfold'"
@ -15,7 +15,7 @@
v-else
class="trigger"
:type="collapsed ? 'menu-unfold' : 'menu-fold'"
@click="toggle"/>
@click="toggle"/> -->
<span v-if="device === 'desktop'"></span>
<span v-else>Jeecg-Boot</span>
@ -33,11 +33,11 @@
:menu="menus"
:theme="theme"></s-menu>
</div>
<a-icon
<!-- <a-icon
v-else
class="trigger"
:type="collapsed ? 'menu-fold' : 'menu-unfold'"
@click="toggle"></a-icon>
@click="toggle"></a-icon> -->
</div>
<user-menu class="header-index-right" :theme="theme" :style="topMenuStyle.headerIndexRight"/>
</div>

28
src/components/tools/UserMenu.vue
View File

@ -2,11 +2,11 @@
<div class="user-wrapper" :class="theme">
<!-- update_begin author:zhaoxin date:20191129 for: 做头部菜单栏导航 -->
<!-- update-begin author:sunjianlei date:20191@20 for: 解决全局样式冲突的问题 -->
<span class="action" @click="showClick">
<!-- <span class="action" @click="showClick">
<a-icon type="search"></a-icon>
</span>
</span> -->
<!-- update-begin author:sunjianlei date:20200219 for: 菜单搜索改为动态组件，在手机端呈现出弹出框 -->
<component :is="searchMenuComp" v-show="searchMenuVisible || isMobile()" class="borders" :visible="searchMenuVisible" title="搜索菜单" :footer="null" @cancel="searchMenuVisible=false">
<!-- <component :is="searchMenuComp" v-show="searchMenuVisible || isMobile()" class="borders" :visible="searchMenuVisible" title="搜索菜单" :footer="null" @cancel="searchMenuVisible=false">
<a-select
class="search-input"
showSearch
@ -22,23 +22,23 @@
>
<a-select-option v-for="(site,index) in searchMenuOptions" :key="index" :value="site.id">{{site.meta.title}}</a-select-option>
</a-select>
</component>
</component> -->
<!-- update-end author:sunjianlei date:20200219 for: 菜单搜索改为动态组件，在手机端呈现出弹出框 -->
<!-- update-end author:sunjianlei date:20191220 for: 解决全局样式冲突的问题 -->
<!-- update_end author:zhaoxin date:20191129 for: 做头部菜单栏导航 -->
<span class="action">
<!-- <span class="action">
<a class="logout_title" target="_blank" href="http://doc.jeecg.com">
<a-icon type="question-circle-o"></a-icon>
</a>
</span>
<header-notice class="action"/>
</span> -->
<!-- <header-notice class="action"/> -->
<a-dropdown>
<span class="action action-full ant-dropdown-link user-dropdown-menu">
<a-avatar class="avatar" size="small" :src="getAvatar()"/>
<span v-if="isDesktop()">欢迎您，{{ nickname() }}</span>
</span>
<a-menu slot="overlay" class="user-dropdown-menu-wrapper">
<a-menu-item key="0">
<!-- <a-menu-item key="0">
<router-link :to="{ name: 'account-center' }">
<a-icon type="user"/>
<span>个人中心</span>
@ -49,20 +49,20 @@
<a-icon type="setting"/>
<span>账户设置</span>
</router-link>
</a-menu-item>
<a-menu-item key="3" @click="systemSetting">
</a-menu-item> -->
<a-menu-item key="0" @click="systemSetting">
<a-icon type="tool"/>
<span>系统设置</span>
</a-menu-item>
<a-menu-item key="4" @click="updatePassword">
<a-menu-item key="1" @click="updatePassword">
<a-icon type="setting"/>
<span>密码修改</span>
</a-menu-item>
<a-menu-item key="5" @click="updateCurrentDepart">
<!-- <a-menu-item key="5" @click="updateCurrentDepart">
<a-icon type="cluster"/>
<span>切换部门</span>
</a-menu-item>
<a-menu-item key="6" @click="clearCache">
</a-menu-item> -->
<a-menu-item key="2" @click="clearCache">
<a-icon type="sync"/>
<span>清理缓存</span>
</a-menu-item>

8
src/views/gateway/common/footer.vue
View File

@ -75,9 +75,11 @@ export default {
},
methods:{
yqljChange(record){
var url = record.target.value
console.log(url);
window.open(url,"_blank")
var url = record.target.value
console.log(url);
if(url){
window.open(url,"_blank")
}
},
loadData(){
//友情链接

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

@ -3,13 +3,13 @@
<div class="header">
<div class="h_down clearfloat">
<div class="logo left"><img src="img/logo.png" ></div>
<div class="h_home right" style="padding: 36px 0 0 10px;">
<div class="h_home right" style="padding: 30px 0 0 10px;">
<a href="javascript:void(0)" @click="addShow">设为首页</a>
<a href="javascript:void(0)"> | </a>
<a href="javascript:void(0)" @click="addFavo">加入收藏</a>
</div>
<div class="sch_downbox right">
<input v-model="searchText" placeholder="请输入要搜索的内容" />
<input v-model="searchText" placeholder="请输入要搜索的内容" @keyup.enter="() => {searchText?$to('listPageSearch',{findStr:searchText}):''}"/>
<span class="sch_img right" @click="() => {searchText?$to('listPageSearch',{findStr:searchText}):''}"><img src="img/search.png" ></span>
</div>
</div>
@ -310,24 +310,24 @@ export default {
},
computed:{
banClass(){
let r = 'ban';
let r = 'detailHtml';
switch (this.$route.query.pid) {
case 101: r = 'baner8'; break;
case 102: r = 'baner4'; break;
case 103: r = 'baner'; break;
case 104: r = 'baner5'; break;
case 105: r = 'baner3'; break;
case 106: r = 'baner7'; break;
case 107: r = 'baner6'; break;
case '101': r = 'baner8'; break;
case '102': r = 'baner4'; break;
case '103': r = 'baner'; break;
case '104': r = 'baner5'; break;
case '105': r = 'baner3'; break;
case '106': r = 'baner7'; break;
case '107': r = 'baner6'; break;
case 'gybs': r = 'baner2'; break;
case 'home': r = 'ban'; break;
case 501: r = 'baner'; break;
case 306: r = 'baner'; break;
case 305: r = 'baner'; break;
case 304: r = 'baner'; break;
case 303: r = 'baner'; break;
case 302: r = 'baner'; break;
case 301: r = 'baner'; break;
case '501': r = 'detailHtml'; break;
case '306': r = 'detailHtml'; break;
case '305': r = 'detailHtml'; break;
case '304': r = 'detailHtml'; break;
case '303': r = 'detailHtml'; break;
case '302': r = 'detailHtml'; break;
case '301': r = 'baner8'; break;
default:
break;
}

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

@ -6,11 +6,16 @@
<div class="scrollbox cl">
<!-- 头条 -->
<div id="scrollDiv">
<el-carousel height="100px" direction="vertical" :autoplay="true" indicator-position="outside">
<el-carousel height="100px" direction="vertical" :autoplay="true" indicator-position="outside" ref="prev">
<el-carousel-item v-for="(tt,ttIndex) in ttList" :key="ttIndex" class="toutiaoItem">
<h2 class="toutiaoH" @click="$to('detailedPage',{id:tt.id})">{{tt.title}}</h2>
<p class="elli" @click="$to('detailedPage',{id:tt.id})">{{$tfnm(tt,'content',60)}}</p>
<h2 class="toutiaoH" style="cursor:pointer;" @click="$to('detailedPage',{id:tt.id})">{{tt.title}}</h2>
<p class="elli" style="cursor:pointer;" @click="$to('detailedPage',{id:tt.id})">{{$tfnm(tt,'content',60)}}</p>
</el-carousel-item>
<div style="position: absolute;top: 0;right:0;z-index: 99999;">
<div @click="()=>$refs.prev.prev()" class="txfd"><i class="el-icon-arrow-up"></i></div>
<div @click="()=>$refs.prev.next()" class="txfd"><i class="el-icon-arrow-down"></i></div>
</div>
</el-carousel>
</div>
</div>
@ -18,31 +23,42 @@
<!-- 轮播图 -->
<div class="PageOneL left">
<div id="inlunbo" class="pos1">
<el-carousel height="400px">
<!-- <a-carousel >
<div height="400px" 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})" style="color:white !important;">{{lbt.title}}</a>
</div>
</div>
</a-carousel> -->
<el-carousel height="400px" indicator-position="none" ref="prev2">
<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})" style="color:white">{{lbt.title}}</a>
<a href="javascript:void(0);" class="ltxta elli" @click="$to('detailedPage',{id:lbt.id})" style="color:white !important;">{{lbt.title}}</a>
</div>
</el-carousel-item>
</el-carousel>
<div style="position: absolute;bottom: 0;right:0;z-index: 99999;color: white;margin: 0 8px 18px 0;">
<span @click="()=>$refs.prev2.setActiveItem(lbtIndex)" class="txfd hdpfy" v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex">{{lbtIndex+1}}</span>
</div>
</div>
</div>
<!-- 工作动态、行业要闻切换 -->
<div class="PageOneR right">
<div id="tab">
<div class="PageOneRUp">
<a href="javascript:void(0);" @click="$to('listPage',{pid:currentTab})" class="gengdduo right">更多></a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:currentTab})" class="gengdduo right">更多></a>
<ul class="tab_menu">
<li :class="currentTab == 301 ? 'selected' : ''" @mouseenter="changeTab(301)">工作动态</li>
<li :class="currentTab == 302 ? 'selected' : ''" @mouseenter="changeTab(302)">行业要闻</li>
<li :class="currentTab == 301 ? 'selected' : ''" @mouseenter="changeTab(301)" style="font-size: 18px;">工作动态</li>
<li :class="currentTab == 302 ? 'selected' : ''" @mouseenter="changeTab(302)" style="font-size: 18px;">行业要闻</li>
</ul>
</div>
<div class="tab_box">
<div class="tab_boxdas" v-show="currentTab == 301">
<ul>
<li>
<span class="tagup" @click="$to('detailedPage3',{id:gzdtList[0].id})">
<span class="tagup" @click="$to('detailedPage3',{id:gzdtList[0].id})" style="cursor:pointer;">
<h3 class="elli">{{gzdtList[0].title}}</h3>
<p class="over-line2">{{$tfnm(gzdtList[0],'content',84)}}</p>
</span>
@ -62,7 +78,7 @@
<div class="tab_boxdas" v-show="currentTab == 302">
<ul>
<li>
<span class="tagup" @click="$to('detailedPage3',{id:hyywList[0].id})">
<span class="tagup" @click="$to('detailedPage3',{id:hyywList[0].id})" style="cursor:pointer;">
<h3 class="elli">{{hyywList[0].title}}</h3>
<p class="over-line2">{{$tfnm(hyywList[0],'content',84)}}</p>
</span>
@ -125,7 +141,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',{id:sjzxTab,pid:401})" class="right">更多></a>
<a href="javascript:void(0);" @click="$to('listPage3',{id:sjzxTab,pid:401})" class="right">更多></a>
</div>
<div id="tab">
<ul class="tab_menu">
@ -149,7 +165,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',{id:kycgTab,pid:304})" class="right">更多></a>
<a href="javascript:void(0);" @click="$to('listPage3',{id:kycgTab,pid:304})" class="right">更多></a>
</div>
<div id="tab">
<ul class="tab_menu">
@ -158,14 +174,13 @@
<li :class="kycgTab == 30403 ? 'selected' : ''" @mouseenter="changeTabKycg(30403)">发表论文</li>
</ul>
</div>
<div class="h_rdown">
<div class="spbox clearfloat">
<span class="spimg"><img :src="kycgList[0].cover?$tImg(kycgList[0],'cover'):'img/kycg_1.png'" ></span>
<!-- <div class="h_rdown"> -->
<!-- <div class="spbox clearfloat" @click="$to('detailedPage3',{id:kycgList[0].id})" style="cursor:pointer;">
<span class="spimg" ><img :src="kycgList[0].cover?$tImg(kycgList[0],'cover'):'img/kycg_1.png'" style="width:210px;height:146px;" ></span>
<div class="spcont">
<a class="spydsb elli">{{kycgList[0].title}}</a>
<p class="over-line2">{{$tfnm(kycgList[0],'content',84)}}</p>
<div class="yueduit clearfloat">
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycgList[0].id})">[阅读]</a>
<span>{{getYearMonthDay(kycgList[0].updateTime || kycgList[0].createTime)}}</span>
</div>
</div>
@ -182,14 +197,24 @@
</li>
</template>
</template>
</ul>
</div>
</ul> -->
<div class="h_ldown">
<ul>
<li v-for="(kycg,kycgIndex) in kycgList" :key="kycgIndex">
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="elli">
<span class="spimg">></span>
{{kycg.title}}
</a>
</li>
</ul>
</div>
<!-- </div> -->
</div>
<div class="h_l right">
<!-- 政策文件 -->
<div class="h_lup clearfloat">
<span class="h_lupl left">政策<span class="h_luph">文件</span></span>
<a href="javascript:void(0);" @click="$to('listPage',{id:zcwjTab,pid:305})" class="right">更多></a>
<a href="javascript:void(0);" @click="$to('listPage3',{id:zcwjTab,pid:305})" class="right">更多></a>
</div>
<div id="tab">
<ul class="tab_menu">
@ -215,12 +240,12 @@
<!-- 特色农业资源最新动态 -->
<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:'306'})" class="right">更多></a>
<a href="javascript:void(0);" @click="$to('listPage3',{id:'306',pid:'1'})" class="right">更多></a>
</div>
<div class="h_ldown" style="margin-top: 14px;">
<div class="tsnyzyb">
<a href="" class="elli">{{tsnyzyList[0].title}}</a>
<div class="tsnyzyimg"><img :src="tsnyzyList[0].cover?$tImg(tsnyzyList[0],'cover'):'img/tu3.png'" alt=""></div>
<div class="tsnyzyb" @click="$to('detailedPage3',{id:tsnyzyList[0].id})" style="cursor:pointer;">
<a href="javascript:void(0);" class="elli" style="color:white !important">{{tsnyzyList[0].title}}</a>
<div class="tsnyzyimg"><img :src="tsnyzyList[0].cover?$tImg(tsnyzyList[0],'cover'):'img/tu3.png'" alt="" style="width:300px;height:146px;"></div>
</div>
<ul>
<template v-for="(kycg,kycgIndex) in tsnyzyList">
@ -240,16 +265,16 @@
<!-- 合作交流 -->
<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:303})" class="right">更多></a>
<a href="javascript:void(0);" @click="$to('listPage3',{id:303,pid:1})" class="right">更多></a>
</div>
<div class="h_rdown" style="margin-top: 14px;">
<div class="spbox clearfloat" >
<span class="spimg"><img :src="hzjlList[0].cover?$tImg(hzjlList[0],'cover'):'img/kycg_1.png'" ></span>
<div class="spbox clearfloat" @click="$to('detailedPage3',{id:hzjlList[0].id})" style="cursor:pointer;">
<span class="spimg"><img :src="hzjlList[0].cover?$tImg(hzjlList[0],'cover'):'img/kycg_1.png'" style="width:210px;height:146px;"></span>
<div class="spcont">
<a class="spydsb elli">{{hzjlList[0].title}}</a>
<p class="over-line2">{{$tfnm(hzjlList[0],'content',84)}}</p>
<div class="yueduit clearfloat">
<a href="javascript:void(0);" @click="$to('detailedPage3',{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>
@ -273,13 +298,13 @@
<!-- 专题专栏 -->
<div class="h_lup clearfloat">
<span class="h_lupl left">专题<span class="h_luph">专栏</span></span>
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50101})" class="right">更多></a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:501})" class="right">更多></a>
</div>
<div class="h_ldown" style="margin-top: 14px;">
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50101})" class="elli" style="margin-bottom: 10px;"><img src="img/zt_1.png" alt="" style="height: 80px;"></a>
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50102})" class="elli" style="margin-bottom: 10px;"><img src="img/zt_2.png" alt="" style="height: 80px;"></a>
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50103})" class="elli" style="margin-bottom: 10px;"><img src="img/zt_3.png" alt="" style="height: 80px;"></a>
<a href="javascript:void(0);" @click="$to('listPage',{pid:501,id:50104})" class="elli"><img src="img/zt_4.png" alt="" style="height: 80px;"></a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:501,id:50101})" class="elli" style="margin-bottom: 10px;"><img src="img/zt_1.png" alt="" style="height: 80px;"></a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:501,id:50102})" class="elli" style="margin-bottom: 10px;"><img src="img/zt_2.png" alt="" style="height: 80px;"></a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:501,id:50103})" class="elli" style="margin-bottom: 10px;"><img src="img/zt_3.png" alt="" style="height: 80px;"></a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:501,id:50104})" class="elli"><img src="img/zt_4.png" alt="" style="height: 80px;"></a>
</div>
</div>
@ -371,7 +396,7 @@ export default {
}
});
//数据中心
getAction('/gateway/gatewayArticle/list',{pageSize:7,isRelease:'Y',columnId:'40101',column: 'createTime',order: 'desc'}).then((res)=>{
getAction('/gateway/gatewayArticle/list',{pageSize:6,isRelease:'Y',columnId:'40101',column: 'createTime',order: 'desc'}).then((res)=>{
if(res.success){
let list = res.result.records||res.result;
this.sjzxList = list;
@ -379,7 +404,7 @@ export default {
});
//科研成果
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:'304',column: 'createTime',order: 'desc'}).then((res)=>{
getAction('/gateway/gatewayArticle/list',{pageSize:6,isRelease:'Y',columnId:'30401',column: 'createTime',order: 'desc'}).then((res)=>{
if(res.success){
let list = res.result.records||res.result;
this.kycgList = list;
@ -387,7 +412,7 @@ export default {
});
//政策文件
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:'30501',column: 'createTime',order: 'desc'}).then((res)=>{
getAction('/gateway/gatewayArticle/list',{pageSize:6,isRelease:'Y',columnId:'30501',column: 'createTime',order: 'desc'}).then((res)=>{
if(res.success){
let list = res.result.records||res.result;
this.zcwjList = list;
@ -417,7 +442,7 @@ export default {
changeTabSjzx(index){
console.log('changeTabSjzx-->',index);
this.sjzxTab = index;
getAction('/gateway/gatewayArticle/list',{pageSize:7,isRelease:'Y',columnId:index,column: 'createTime',order: 'desc'}).then((res)=>{
getAction('/gateway/gatewayArticle/list',{pageSize:6,isRelease:'Y',columnId:index,column: 'createTime',order: 'desc'}).then((res)=>{
if(res.success){
let list = res.result.records||res.result;
this.sjzxList = list;
@ -427,7 +452,7 @@ export default {
//科研成果
changeTabKycg(index){
this.kycgTab = index;
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:index,column: 'createTime',order: 'desc'}).then((res)=>{
getAction('/gateway/gatewayArticle/list',{pageSize:6,isRelease:'Y',columnId:index,column: 'createTime',order: 'desc'}).then((res)=>{
if(res.success){
let list = res.result.records||res.result;
this.kycgList = list;
@ -437,7 +462,7 @@ export default {
//政策文件
changeTabZcwj(index){
this.zcwjTab = index;
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:index,column: 'createTime',order: 'desc'}).then((res)=>{
getAction('/gateway/gatewayArticle/list',{pageSize:6,isRelease:'Y',columnId:index,column: 'createTime',order: 'desc'}).then((res)=>{
if(res.success){
let list = res.result.records||res.result;
this.zcwjList = list;
@ -584,6 +609,16 @@ export default {
margin-bottom: 10px;
color: #333;
}
.txfd{
width:25px;height:25px;line-height:25px;margin-top:16px;color:white;text-align:center;margin-right:5px;cursor:pointer;
& :hover{
transform: scale(2);
}
}
.hdpfy{
margin: 0px 5px 18px 0px;
border: 1px #d6cccc solid;
padding: 3px 8px;
background-color: #9f8383fa;
}
</style>

54
src/views/gateway/detailedPage.vue
View File

@ -1,54 +1,29 @@
<template>
<div>
<div style="background-color: #f7f7f7;">
<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);" v-show="parentData.name!='首页'" @click="$to('listPage',{pid:thisColumn.parent?thisColumn.parent:thisColumn.id,id:thisColumn.parent?thisColumn.id:null})">{{parentData.name}} > </a>
<a href="javascript:void(0);">{{thisColumn.name}}</a>
</div>
</div>
<div class="er_contant clearfloat">
<div class="er_contl left">
<div class="hjk_item">
<h3>{{parentData.name}}</h3>
<div class="" style="width: 60px;height: 3px;background-color: #21c168;margin-top: -3px;"></div>
</div>
<ul>
<template v-for="(col,colIndex) in columnList" >
<li v-if="col.id == thisColumn.id" :key="colIndex" class="active2" ><a href="javascript:void(0);" class="active3" @click="$to('listPage',{pid:col.parent?col.parent:col.id,id:col.parent?col.id:null})">{{col.name}}</a></li>
<li v-if="col.id != thisColumn.id" :key="colIndex"><a href="javascript:void(0);" @click="$to('listPage',{pid:col.parent?col.parent:col.id,id:col.id})">{{col.name}}</a></li>
</template>
</ul>
</div>
<div class="cyh_contr right">
<div class="cyh_contr " style="width:100%;">
<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>
<span v-show="articleData.author">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;作者：<span>{{articleData.author}}</span></span>
</div>
<p v-html="articleData.content"></p>
<p v-html="linkOpenToNewPage(articleData.content)"></p>
<div v-if="articleData.files" style="cursor:pointer;" @click="downloadFile(articleData.files)">
<span>附件：</span>
<span>{{fujian(articleData.files)}}</span>
</div>
</div>
</div>
</div>
@ -95,6 +70,17 @@ export default {
updated(){
},
methods:{
fujian(record){
var arr = record.split("/");
return arr[1];
},
linkOpenToNewPage(v){
console.log('linkOpenToNewPage => ',v,typeof v);
if(v.indexOf("<a ")>-1){
v = v.replaceAll("<a ",'<a target="_blank"')
}
return v;
},
loadData(){
//查询栏目（包含当前的和候选的）
getAction('/gateway/gatewayArticle/queryArticleById',{id:this.id}).then((res)=>{

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

@ -1,335 +1,30 @@
<template>
<div>
<div style="background-color: #f7f7f7;">
<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('listPage2',{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);" v-show="parentData.name!='首页'" @click="$to('listPage2',{pid:thisColumn.parent?thisColumn.parent:thisColumn.id,id:thisColumn.parent?thisColumn.id:null})">{{parentData.name}} > </a>
<a href="javascript:void(0);">{{thisColumn.name}}</a>
</div>
</div>
<div class="er_contant clearfloat">
<div class="er_contll left" style="width: 240px;">
<div class="hjk_item">
<h3>区域农业资源</h3>
<div class="" style="width: 60px;height: 3px;background-color: #1dcc6a;margin-top: -3px;"></div>
</div>
<div class="navTab-panel tabsPageContent layoutBox" style="width: 240px;">
<div class="page unitBox">
<div class="pageFormContent">
<div id="leftside">
<!-- jtree模板 -->
<div id="sidebar" style="background-color: white;">
<a-tree
:show-line="true"
:default-expanded-keys="['10101', '10102', '10103', '10104']"
@select="onSelect"
>
<a-tree-node key="10101">
<span slot="title">
<img src="img/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010702')">栽培</span>
</span>
</a-tree-node>
</a-tree-node>
</a-tree-node>
<a-tree-node key="10102">
<span slot="title">
<img src="img/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/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/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/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/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/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/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/icon_ym.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010302')">玉米</span>
</span>
</a-tree-node>
</a-tree-node>
<a-tree-node key="10104">
<span slot="title">
<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/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/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/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/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/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/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/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/icon_qt.png" class="iconClass">
<span style="float:left;" @click="typeFun('10105')">其他</span>
</span>
</a-tree-node>
</a-tree>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="er_contr right" v-show="nyzyShow">
<ul>
<template v-for="(zyDataList ) in nyzyData" >
<template v-if="zyDataList.key == typeOption" >
<li v-for="(zyData , zyIndex) in zyDataList.content" :key="zyIndex">
<a href="javascript:void(0)" class="er_coa">
<div>
<div class="er_coaimg" @click="nyzyFun(zyData.code)">
<img :src="zyData.picPath" >
</div>
<div class="er_item" @click="nyzyFun(zyData.code)" v-text="zyData.title" ></div>
</div>
</a>
</li>
</template>
</template>
</ul>
</div>
<div class="cyh_contr right" v-show="listShow">
<ul>
<li v-for="(art,artIndex) in articleList" :key="artIndex">
<a href="javascript:void(0);" class="cyh_coa clearfloat" @click="$to('detailedPage2',{id:art.id})">
<div class="cyhl left">
<h3 class="elli">{{art.title}}</h3>
<p class="over-line2">{{$tfnm(art,'content',104)}}</p>
</div>
<div class="cyhr right">
<div class="cyhr_date">{{getMonthAndDay(art.updateTime || art.createTime)}}</div>
<div class="jianttewr">→</div>
</div>
</a>
</li>
</ul>
</div>
<div class="cyh_contr right" v-show="detailShow">
<div class="cyh_contr" style="width:100%;">
<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>
<span v-show="articleData.author">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;作者：<span>{{articleData.author}}</span></span>
</div>
<p v-html="articleData.content"></p>
<div v-if="articleData.files" style="cursor:pointer;" @click="downloadFile(articleData.files)">
<span>附件：</span>
<span>{{fujian(articleData.files)}}</span>
</div>
</div>
</div>
</div>
@ -515,6 +210,11 @@ export default {
updated(){
},
methods:{
fujian(record){
var arr = record.split("/");
return arr[1];
},
onSelect(selectedKeys, info) {
console.log('selected', selectedKeys, info);
},

124
src/views/gateway/detailedPage3.vue
View File

@ -1,132 +1,30 @@
<template>
<div>
<div style="background-color: #f7f7f7;">
<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);" v-show="parentData.name!='首页'" @click="$to('listPage',{pid:thisColumn.parent?thisColumn.parent:thisColumn.id,id:thisColumn.parent?thisColumn.id:null})">{{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="cyh_contr " style="width:100%;">
<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>
<span v-show="articleData.author">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;作者：<span>{{articleData.author}}</span></span>
</div>
<p v-html="articleData.content"></p>
<div v-if="articleData.files" style="cursor:pointer;" @click="downloadFile(articleData.files)">
<span>附件：</span>
<span>{{fujian(articleData.files)}}</span>
</div>
</div>
</div>
</div>
@ -175,6 +73,10 @@ export default {
updated(){
},
methods:{
fujian(record){
var arr = record.split("/");
return arr[1];
},
handleClick(record){
console.log('record-->',record);
this.loadData2(record.key)

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

@ -1,27 +1,11 @@
<template>
<div style="background-color: #f7f7f7;">
<headerView/>
<!-- <div class="er_bann2"></div> -->
<!-- <div class="er_bann" v-if="$route.query.pid == 101"></div>
<div class="er_bann2" v-if="$route.query.pid == 102"></div>
<div class="er_bann3" v-if="$route.query.pid == 103"></div>
<div class="er_bann4" v-if="$route.query.pid == 104"></div>
<div class="er_bann5" v-if="$route.query.pid == 105"></div>
<div class="er_bann6" v-if="$route.query.pid == 106"></div>
<div class="er_bann7" v-if="$route.query.pid == 107"></div>
<div class="er_bann8" v-if="$route.query.pid == 501"></div>
<div class="er_bann9" v-if="$route.query.pid == 306"></div>
<div class="er_bann9" v-if="$route.query.pid == 305"></div>
<div class="er_bann9" v-if="$route.query.pid == 304"></div>
<div class="er_bann9" v-if="$route.query.pid == 303"></div>
<div class="er_bann9" v-if="$route.query.pid == 302"></div>
<div class="er_bann9" v-if="$route.query.pid == 301"></div> -->
<div class="weizhibox">
<div class="weizhi">
<span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span>
<span>当前位置：</span>
<a href="javascript:void(0);" @click="$to('home')">首页 ></a>
<!-- <a href="javascript:void(0);" @click="$to('listPage',{pid:thisColumn.parent})">{{parentData.name}} > </a> -->
<a href="javascript:void(0);" >{{parentData.name}} > </a>
<a href="javascript:void(0);">{{thisColumn.name}}</a>
</div>
@ -34,8 +18,8 @@
</div>
<ul>
<template v-for="(col,colIndex) in columnList" >
<li v-if="col.id == thisColumn.id" :key="colIndex" class="active2"><a href="javascript:void(0);" class="active3">{{col.name}}</a></li>
<li v-if="col.id != thisColumn.id" :key="colIndex"><a href="javascript:void(0);" @click="$to('listPage',{pid:col.parent,id:col.id})">{{col.name}}</a></li>
<li v-if="col.id == thisColumn.id" :key="colIndex" class="active2"><a href="javascript:void(0);" class="active3" style="margin-left: 20px;font-size: 18px;">{{col.name}}</a></li>
<li v-if="col.id != thisColumn.id" :key="colIndex"><a href="javascript:void(0);" style="margin-left: 20px;font-size: 18px;" @click="$to('listPage',{pid:col.parent,id:col.id})">{{col.name}}</a></li>
</template>
</ul>
</div>

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

@ -6,14 +6,16 @@
<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);" >区域农业资源 </a>
<a href="javascript:void(0);" v-show="parentData2.name && parentData2.name != '首页'&& parentData2.name != '区域农业资源'&& parentData2.name != '工作动态'" >{{parentData2.name}} > </a>
<a href="javascript:void(0);" v-show="parentData.name && parentData.name != '首页'" >{{parentData.name}} > </a>
<a href="javascript:void(0);">{{syname}}</a>
</div>
</div>
<div class="er_contant clearfloat">
<div class="er_contll left" style="width: 240px;">
<div class="hjk_item">
<h3>区域农业资源</h3>
<h3>{{syname}}</h3>
<div class="" style="width: 60px;height: 3px;background-color: #1dcc6a;margin-top: -3px;"></div>
</div>
<div class="navTab-panel tabsPageContent layoutBox" style="width: 240px;">
@ -23,19 +25,20 @@
<!-- jtree模板 -->
<div id="sidebar" style="background-color: white;">
<a-tree
:show-line="true"
:default-expanded-keys="['10101', '10102', '10103', '10104']"
:showLine="true"
:defaultExpandAll="true"
:defaultSelectedKeys="defaultSelectedKeys"
@select="onSelect"
>
<a-tree-node key="10101">
<span slot="title">
<span slot="title" >
<img src="img/icon_xbzlzd.png" class="iconClass">
<span style="float:left;" @click="typeFun('10101')">西部杂粮杂豆</span>
<span style="float:left;" @click="typeFun('10101')" >西部杂粮杂豆</span>
</span>
<a-tree-node key="1010101" >
<span slot="title">
<img src="img/icon_gl.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010101')">高粱</span>
<span style="float:left;font-size:14px;" @click="nyzyFun('1010101')">高粱</span>
</span>
<a-tree-node key="101010101">
<span slot="title">
@ -43,17 +46,17 @@
<span style="float:left;font-size:12px" @click="nyzyFun('101010101')">育种</span>
</span>
</a-tree-node>
<a-tree-node key="101010102">
<a-tree-node key="101010102" >
<span slot="title">
<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">
<a-tree-node key="1010102" >
<span slot="title" class="ant-tree-node-selected">
<img src="img/icon_hs.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010102')">花生</span>
<span style="float:left;font-size:14px;" @click="nyzyFun('1010102')">花生</span>
</span>
<a-tree-node key="101010201">
<span slot="title">
@ -259,7 +262,7 @@
<a-tree-node key="10105">
<span slot="title">
<img src="img/icon_qt.png" class="iconClass">
<span style="float:left;" @click="typeFun('10105')">其他</span>
<span style="float:left;" @click="nyzyFun('10105')">其他</span>
</span>
</a-tree-node>
@ -328,148 +331,151 @@ export default {
},
data(){
return {
parentData:{},
thisColumn:{},
columnList:[],
articleList: [],
nyzyShow: true,
listShow: false,
nyzyData: [
parentData:{},
parentData2:{},
thisColumn:{},
columnList:[],
articleList: [],
nyzyShow: true,
listShow: false,
nyzyData: [
{
key:'10101',
content:[
{
title: '高粱',
code: '1010101',
picPath:'img/nyzy_gl.jpg'
},
{
title: '花生',
code: '1010102',
picPath:'img/nyzy_hs.jpg'
},
{
title: '绿豆',
code: '1010103',
picPath:'img/nyzy_ld.jpg'
},
{
title: '小豆',
code: '1010104',
picPath:'img/nyzy_xd.jpg'
},
{
title: '燕麦',
code: '1010105',
picPath:'img/nyzy_ym.jpg'
},
{
title: '谷子',
code: '1010106',
picPath:'img/nyzy_gz.jpg'
},
{
title: '向日葵',
code: '1010107',
picPath:'img/nyzy_xrk.jpg'
}
]
key:'10101',
content:[
{
title: '高粱',
code: '1010101',
picPath:'img/nyzy_gl.jpg'
},
{
key:'10102',
content:[
{
title: '大豆',
code: '1010201',
picPath:'img/nyzy_dd.jpg'
},
{
title: '食用菌',
code: '1010202',
picPath:'img/nyzy_syj.jpg'
},
{
title: '中药材',
code: '1010203',
picPath:'img/nyzy_zyc.jpg'
},
{
title: '林果资源',
code: '1010204',
picPath:'img/nyzy_lgzy.jpg'
},
]
title: '花生',
code: '1010102',
picPath:'img/nyzy_hs.jpg'
},
{
key:'10103',
content:[
{
title: '水稻',
code: '1010301',
picPath:'img/nyzy_sd.jpg'
},
{
title: '玉米',
code: '1010302',
picPath:'img/nyzy_ym2.jpg'
},
]
title: '绿豆',
code: '1010103',
picPath:'img/nyzy_ld.jpg'
},
{
key:'10104',
content:[
{
title: '高粱',
code: '1010401',
picPath:'img/nyzy_gl.jpg'
},
{
title: '花生',
code: '1010402',
picPath:'img/nyzy_hs.jpg'
},
{
title: '绿豆',
code: '1010403',
picPath:'img/nyzy_ld.jpg'
},
{
title: '小豆',
code: '1010404',
picPath:'img/nyzy_xd.jpg'
},
{
title: '燕麦',
code: '1010405',
picPath:'img/nyzy_ym.jpg'
},
{
title: '谷子',
code: '1010406',
picPath:'img/nyzy_gz.jpg'
},
{
title: '向日癸',
code: '1010407',
picPath:'img/nyzy_xrk.jpg'
},
]
title: '小豆',
code: '1010104',
picPath:'img/nyzy_xd.jpg'
},
{
title: '燕麦',
code: '1010105',
picPath:'img/nyzy_ym.jpg'
},
{
title: '谷子',
code: '1010106',
picPath:'img/nyzy_gz.jpg'
},
{
title: '向日葵',
code: '1010107',
picPath:'img/nyzy_xrk.jpg'
}
],
treeData: [
{
title: 'parent 1',
key: '0-0',
slots: {
icon: 'smile',
},
children: [
{ title: 'leaf', key: '0-0-0', slots: { icon: 'meh' } },
{ title: 'leaf', key: '0-0-1', scopedSlots: { icon: 'custom' } },
],
},
]
},
{
key:'10102',
content:[
{
title: '大豆',
code: '1010201',
picPath:'img/nyzy_dd.jpg'
},
{
title: '食用菌',
code: '1010202',
picPath:'img/nyzy_syj.jpg'
},
{
title: '中药材',
code: '1010203',
picPath:'img/nyzy_zyc.jpg'
},
{
title: '林果资源',
code: '1010204',
picPath:'img/nyzy_lgzy.jpg'
},
]
},
{
key:'10103',
content:[
{
title: '水稻',
code: '1010301',
picPath:'img/nyzy_sd.jpg'
},
{
title: '玉米',
code: '1010302',
picPath:'img/nyzy_ym2.jpg'
},
]
},
{
key:'10104',
content:[
{
title: '高粱',
code: '1010401',
picPath:'img/nyzy_gl.jpg'
},
{
title: '花生',
code: '1010402',
picPath:'img/nyzy_hs.jpg'
},
{
title: '绿豆',
code: '1010403',
picPath:'img/nyzy_ld.jpg'
},
{
title: '小豆',
code: '1010404',
picPath:'img/nyzy_xd.jpg'
},
{
title: '燕麦',
code: '1010405',
picPath:'img/nyzy_ym.jpg'
},
{
title: '谷子',
code: '1010406',
picPath:'img/nyzy_gz.jpg'
},
{
title: '向日癸',
code: '1010407',
picPath:'img/nyzy_xrk.jpg'
},
]
}
],
treeData: [
{
title: 'parent 1',
key: '0-0',
slots: {
icon: 'smile',
},
children: [
{ title: 'leaf', key: '0-0-0', slots: { icon: 'meh' } },
{ title: 'leaf', key: '0-0-1', scopedSlots: { icon: 'custom' } },
],
},
],
typeOption:'10101',
syname:'',
defaultSelectedKeys: [],
}
},
computed:{
@ -477,6 +483,7 @@ export default {
return this.$route.query.pid || '-1';
},
id(){
this.defaultSelectedKeys = [`${this.$route.query.id}`]
return this.$route.query.id;
},
findStr(){
@ -488,6 +495,7 @@ export default {
},
},
mounted(){
this.defaultSelectedKeys = [`${this.id}`]
this.loadData();
},
watch:{
@ -495,7 +503,7 @@ export default {
this.loadData();
},
id(){
this.loadData();
this.loadData();
},
findStr(){
this.loadData();
@ -505,10 +513,32 @@ export default {
},
methods:{
nyzyFun(record){
document.documentElement.scrollTop = 0;
//查询栏目（包含当前的和候选的）
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:record,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){
let list = res.result.records
var zlist = list.find(x => x.id==record);
this.syname = zlist.name
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:zlist.parent,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){
let list = res.result.records
var zlist2 = list.find(x => x.id==zlist.parent);
console.log('zlist2--->',zlist2);
this.parentData = zlist2
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:zlist2.parent,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){
let list3 = res.result.records
console.log('111--->',list3);
this.parentData2 = list3.find(x => x.id==zlist2.parent||x.parent=='1');
}
});
}
});
}
});
this.nyzyShow= false
this.listShow= true
let columnId = record;
//查询文章列表
let findParam = {}
@ -533,12 +563,55 @@ export default {
this.typeOption = record
this.nyzyShow= true
this.listShow= false
document.documentElement.scrollTop = 0;
//查询栏目（包含当前的和候选的）
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:record,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){
let list = res.result.records
var zlist = list.find(x => x.id==record);
this.syname = zlist.name
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:zlist.parent,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){
let list = res.result.records
var zlist2 = list.find(x => x.id==zlist.parent);
console.log('zlist2--->',zlist2);
this.parentData = zlist2
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:zlist2.parent,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){
let list3 = res.result.records
console.log('111--->',list3);
this.parentData2 = list3.find(x => x.id==zlist2.parent||x.parent=='1');
}
});
}
});
}
});
},
onSelect(selectedKeys, info) {
console.log('selected', selectedKeys, info);
},
loadData(){
var typeOption = this.id
//查询栏目（包含当前的和候选的）
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:typeOption,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){
let list = res.result.records
var zlist = list.find(x => x.id==typeOption);
this.syname = zlist.name
//查出根节点
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:zlist.parent,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){
let list = res.result.records
//查出根节点
this.parentData = list.find(x => x.id==zlist.parent);
}
});
}
});
if(typeOption.length>5){
this.typeOption = typeOption.substring(0,5)
@ -571,25 +644,10 @@ export default {
this.listShow= false
}
console.log('--->',this.typeOption);
//查询栏目（包含当前的和候选的）
// getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:this.pid,column: 'createTime',order: 'desc'}).then((res)=>{
// if(res.success){
// let list = res.result.records||res.result;
// // console.log('list===>',list);
// //查出根节点
// this.parentData = list.find(x => !x.parent);
// if(this.id){
// this.thisColumn = list.find(x => x.id == this.id);
// this.columnList = list.filter(x => x.parent);
// }else{
// this.thisColumn = list[0];
// this.columnList = [];
// this.columnList.push(list[0]);
// }
// }
// });
this.$nextTick(() => {
this.defaultSelectedKeys = [`${this.id}`]
});
console.log('this.defaultSelectedKeys-->',this.defaultSelectedKeys);
},
getDay(dateTime){
if(!dateTime) return '';
@ -617,4 +675,18 @@ export default {
float:left;
margin:5px;
}
.activeSpan{
background-color: #bae7ff;
}
.ant-tree-node-selected {
background-color: #bae7ff;
}
#sidebar{
/deep/.anticon svg{
width: 10px !important;
}
/deep/.ant-tree-switcher/deep/.ant-tree-switcher-noop{
display: none !important;
}
}
</style>

209
src/views/gateway/listPage3.vue
View File

@ -6,7 +6,9 @@
<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);" v-if="parentData.name && parentData.name != '首页'" >{{parentData.name}} > </a>
<a href="javascript:void(0);">{{syname}}</a>
<!-- <a href="javascript:void(0);">{{syname}}</a> -->
</div>
</div>
<div class="er_contant clearfloat">
@ -17,68 +19,122 @@
</div>
<div class="s-side">
<a-menu
style="width: 240px"
style="width: 240px;"
mode="inline"
:openKeys="openKeys"
@click="handleClick"
@openChange="onOpenChange"
>
<a-menu-item key="301" >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;工作动态
<a-menu-item key="301" :class="syname =='工作动态'?'active2':''">
<span :class="syname =='工作动态'?'active3':''" style="font-size:18px;">
工作动态
</span>
</a-menu-item>
<a-menu-item key="302" >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;行业要闻
<a-menu-item key="302" :class="syname =='行业要闻'?'active2':''" >
<span :class="syname =='行业要闻'?'active3':''" style="font-size:18px;">
行业要闻
</span>
</a-menu-item>
<a-sub-menu key="401">
<span slot="title"><span>数据中心</span></span>
<a-menu-item key="40101">
<a-sub-menu key="401" :class="syname =='数据中心'?'active2':''">
<span slot="title" >
<span :class="syname =='数据中心'?'active3':''" style="font-size:18px;">
数据中心
</span>
</span>
<a-menu-item key="40101" :class="syname =='微观经济调查'?'active2':''">
<span :class="syname =='微观经济调查'?'active3':''" style="font-size:18px;">
微观经济调查
</span>
</a-menu-item>
<a-menu-item key="40102">
<a-menu-item key="40102" :class="syname =='农业资源数据'?'active2':''">
<span :class="syname =='农业资源数据'?'active3':''" style="font-size:18px;">
农业资源数据
</span>
</a-menu-item>
<a-menu-item key="40103">
<a-menu-item key="40103" :class="syname =='遥感数据'?'active2':''">
<span :class="syname =='遥感数据'?'active3':''" style="font-size:18px;">
遥感数据
</span>
</a-menu-item>
</a-sub-menu>
<a-sub-menu key="304">
<span slot="title"><span>科研成果</span></span>
<a-menu-item key="30401">
成果登记
<a-sub-menu key="304" :class="syname =='科研成果'?'active2':''" style="font-size:18px;">
<span slot="title">
<span :class="syname =='科研成果'?'active3':''" style="font-size:18px;">
科研成果
</span>
</span>
<a-menu-item key="30401" :class="syname =='成果登记'?'active2':''">
<span :class="syname =='成果登记'?'active3':''" style="font-size:18px;">
成果登记
</span>
</a-menu-item>
<a-menu-item key="30402">
获奖情况
<a-menu-item key="30402" :class="syname =='获奖情况'?'active2':''">
<span :class="syname =='获奖情况'?'active3':''" style="font-size:18px;">
获奖情况
</span>
</a-menu-item>
<a-menu-item key="30403">
发表论文
<a-menu-item key="30403" :class="syname =='发表论文'?'active2':''">
<span :class="syname =='发表论文'?'active3':''" style="font-size:18px;">
发表论文
</span>
</a-menu-item>
</a-sub-menu>
<a-sub-menu key="305">
<span slot="title"><span>政策文件</span></span>
<a-menu-item key="30501">
省内政策
<a-sub-menu key="305" :class="syname =='政策文件'?'active2':''">
<span slot="title">
<span :class="syname =='政策文件'?'active3':''" style="font-size:18px;">
政策文件
</span>
</span>
<a-menu-item key="30501" :class="syname =='省内政策'?'active2':''">
<span :class="syname =='省内政策'?'active3':''" style="font-size:18px;">
省内政策
</span>
</a-menu-item>
<a-menu-item key="30502">
国内政策
<a-menu-item key="30502" :class="syname =='国内政策'?'active2':''">
<span :class="syname =='国内政策'?'active3':''" style="font-size:18px;">
国内政策
</span>
</a-menu-item>
</a-sub-menu>
<a-menu-item key="306" >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;特色农业资源最新动态
<a-menu-item key="306" :class="syname =='特色农业资源最新动态'?'active2':''">
<span :class="syname =='特色农业资源最新动态'?'active3':''" style="font-size:18px;">
特色农业资源最新动态
</span>
</a-menu-item>
<a-menu-item key="303" >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;合作交流
<a-menu-item key="303" :class="syname =='合作交流'?'active2':''">
<span :class="syname =='合作交流'?'active3':''" style="font-size:18px;">
合作交流
</span>
</a-menu-item>
<a-sub-menu key="501">
<span slot="title"><span>专题专栏</span></span>
<a-menu-item key="50101">
土壤
<a-sub-menu key="501" :class="syname =='专题专栏'?'active2':''">
<span slot="title">
<span :class="syname =='专题专栏'?'active3':''" style="font-size: 18px;">
专题专栏
</span>
</span>
<a-menu-item key="50101" :class="syname =='土壤'?'active2':''">
<span :class="syname =='土壤'?'active3':''" style="font-size:18px;">
土壤
</span>
</a-menu-item>
<a-menu-item key="50102">
水资源
<a-menu-item key="50102" :class="syname =='水资源'?'active2':''">
<span :class="syname =='水资源'?'active3':''" style="font-size:18px;">
水资源
</span>
</a-menu-item>
<a-menu-item key="50103">
气候资源
<a-menu-item key="50103" :class="syname =='气候资源'?'active2':''">
<span :class="syname =='气候资源'?'active3':''" style="font-size:18px;">
气候资源
</span>
</a-menu-item>
<a-menu-item key="50104">
生物资源
<a-menu-item key="50104" :class="syname =='生物资源'?'active2':''">
<span :class="syname =='生物资源'?'active3':''" style="font-size:18px;">
生物资源
</span>
</a-menu-item>
</a-sub-menu>
</a-menu>
@ -128,6 +184,9 @@ export default {
columnList:[],
articleList: [],
syname:'',
rootSubmenuKeys:['401','304','305','501'],
openKeys: [],
fpid:'',
}
},
computed:{
@ -146,10 +205,15 @@ export default {
},
},
mounted(){
// this.openKeys = [this.$route.query.pid];
// this.openKeys = [this.pid];
this.openKeys = [`${this.pid}`];
this.loadData();
},
watch:{
pid(){
this.openKeys = [`${this.pid}`];
console.log("this.pid =>",this.pid,this.openKeys)
this.loadData();
},
id(){
@ -172,6 +236,7 @@ export default {
loadData(id){
//如果没有ID自动选中一个
// if(this.id){
let columnId = id||this.id;
if(columnId == '301'){this.syname = "工作动态"}
else if(columnId == '302'){this.syname = "行业要闻"}
@ -194,11 +259,28 @@ export default {
else if(columnId == '40102'){this.syname = "农业资源数据"}
else if(columnId == '40103'){this.syname = "遥感数据"}
//查询栏目（包含当前的和候选的）
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:columnId,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){
let list = res.result.records
// console.log('list===>',list);
//查出根节点
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:list[0].parent,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){
let list = res.result.records
console.log('list===>',list);
//查出根节点
this.parentData = list.find(x => !x.parent||x.parent=='1');
}
});
}
});
//查询文章列表
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.parentData = list.find(x => !x.parent||x.parent=='1');
this.articleList = list;
}
});
@ -219,9 +301,56 @@ export default {
let d = new Date(dateTime);
return d.getFullYear() + '-' + (d.getMonth()+1)
},
onOpenChange(openKeys) {
const latestOpenKey = openKeys.find(key => this.openKeys.indexOf(key) === -1);
if (this.rootSubmenuKeys.indexOf(latestOpenKey) === -1) {
this.openKeys = openKeys;
} else {
this.openKeys = latestOpenKey ? [latestOpenKey] : [];
}
},
},
}
</script>
<style scoped>
<style scoped lang="less">
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
background-color: #fff;
}
.ant-menu-inline .ant-menu-item:after {
border-right: 0;
background-color: white;
}
/deep/ .ant-menu-submenu > .ant-menu{
background-color: #ecf8f1;
}
.ant-menu-inline > .ant-menu-item{
height: 50px;
line-height: 50px;
margin: 0;
}
/deep/ .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title{
height: 50px;
line-height: 50px;
margin: 0;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item{
height: 50px;
line-height: 50px;
margin: 0;
background-color: #ecf8f1;
border-left: 2px #ecf8f1 solid;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item:hover{
border-left: 2px #ecf8f1 solid;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item:hover span{
color: #07a54d;
font-weight: 600;
}
.ant-menu-sub.ant-menu-inline:hover li{
color: #07a54d !important;
}
</style>

6
src/views/gateway/listPageSearch.vue
View File

@ -1,5 +1,5 @@
<template>
<div>
<div style="background-color: #f7f7f7;">
<headerView/>
<!-- <div class="er_bann9" ></div> -->
<div class="weizhibox">
@ -8,7 +8,7 @@
<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);" >搜索 </a>
<a href="javascript:void(0);" > &nbsp;搜索 </a>
</div>
</div>
<div class="er_contant clearfloat">
@ -18,7 +18,7 @@
<div class="" style="width: 60px;height: 3px;background-color: #21c168;margin-top: -3px;"></div>
</div>
<ul>
<li class="active2"><a href="javascript:void(0);" class="active3">搜索</a></li>
<li class="active2"><a href="javascript:void(0);" class="active3" style="margin-left: 20px;font-size: 18px;">搜索</a></li>
</ul>
</div>
<div class="cyh_contr right">

8
src/views/gateway/mixins/getwayMixin.js
View File

@ -56,7 +56,13 @@ export const getwayMixin = {
// if(name == this.$router.name){
// }
this.$router.push({name,query,replace})
// this.$router.push({name,query,replace})
// window.open('','_blank')
const{ href } = this.$router.resolve({name,query,replace});
window.open(href,'_blank');
},
/* 图片预览 */
getImgView(text){

10
src/views/modules/nd/GatewayArticleListLb.vue
View File

@ -36,7 +36,7 @@
<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
<!-- <a @click="handleToggleSearch" style="margin-left: 8px">
{{ toggleSearchStatus ? '收起' : '展开' }}
{{ toggleSearchStatus ? '收起' : '展开' }}/gateway/GatewayArticleListLb?columnId=001
<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
</a> -->
</span>
@ -290,7 +290,13 @@
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
},
columnId(){
return this.$route.query.columnId || '-1';
var fullPath = this.$route.fullPath
if(fullPath.indexOf("columnId=")>-1){
var arr = fullPath.split("columnId=");
return arr[1]
}else{
return this.$route.query.columnId || '-1';
}
},
},
watch:{

69
src/views/modules/nd/GatewayArticleListQy.vue
View File

@ -164,11 +164,6 @@
return parseInt(index)+1;
}
},
// {
// title:'创建人',
// align:"center",
// dataIndex: 'createBy'
// },
{
title:'创建日期',
align:"center",
@ -177,11 +172,6 @@
return !text?"":(text.length>10?text.substr(0,10):text)
}
},
// {
// title:'更新人',
// align:"center",
// dataIndex: 'updateBy'
// },
{
title:'更新日期',
align:"center",
@ -190,70 +180,21 @@
return !text?"":(text.length>10?text.substr(0,10):text)
}
},
// {
// title:'所属部门',
// align:"center",
// dataIndex: 'sysOrgCode'
// },
{
title:'标题',
align:"center",
dataIndex: 'title'
},
// {
// title:'title',
// align:"center",
// dataIndex: 'titleen'
// },
{
title:'栏目',
align:"center",
dataIndex: 'columnId_dictText'
},
// {
// title:'封面图',
// align:"center",
// dataIndex: 'cover',
// scopedSlots: {customRender: 'imgSlot'}
// },
// {
// title:'center',
// align:"center",
// dataIndex: 'coveren',
// scopedSlots: {customRender: 'imgSlot'}
// },
{
title:'作者',
align:"center",
dataIndex: 'author'
},
// {
// title:'author',
// align:"center",
// dataIndex: 'authoren'
// },
// {
// title:'来源',
// align:"center",
// dataIndex: 'source'
// },
// {
// title:'source',
// align:"center",
// dataIndex: 'sourceen'
// },
// {
// title:'文章内容',
// align:"center",
// dataIndex: 'content',
// scopedSlots: {customRender: 'htmlSlot'}
// },
// {
// title:'文章内容-英文版',
// align:"center",
// dataIndex: 'contenten',
// scopedSlots: {customRender: 'htmlSlot'}
// },
{
title:'是否发布',
align:"center",
@ -283,14 +224,20 @@
},
created() {
this.$set(this.dictOptions, 'isRelease', [{text:'是',value:'Y'},{text:'否',value:'N'}])
this.getSuperFieldList();
this.getSuperFieldList();
},
computed: {
importExcelUrl: function(){
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
},
columnId(){
return this.$route.query.columnId || '-1';
var fullPath = this.$route.fullPath
if(fullPath.indexOf("columnId=")>-1){
var arr = fullPath.split("columnId=");
return arr[1]
}else{
return this.$route.query.columnId || '-1';
}
},
},
watch:{

8
src/views/modules/nd/GatewayArticleListUse.vue
View File

@ -290,7 +290,13 @@
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
},
columnId(){
return this.$route.query.columnId || '-1';
var fullPath = this.$route.fullPath
if(fullPath.indexOf("columnId=")>-1){
var arr = fullPath.split("columnId=");
return arr[1]
}else{
return this.$route.query.columnId || '-1';
}
},
},
watch:{