修改样式
This commit is contained in:
parent
752abead94
commit
ee3df61827
|
|
@ -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;
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 125 KiB |
|
|
@ -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
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -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表单菜单点击展开的一级目录不对
|
||||
},
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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(){
|
||||
//友情链接
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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"> 作者：<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)=>{
|
||||
|
|
|
|||
|
|
@ -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"> 作者：<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);
|
||||
},
|
||||
|
|
|
|||
|
|
@ -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" >
|
||||
工作动态
|
||||
</a-menu-item>
|
||||
<a-menu-item key="302" >
|
||||
行业要闻
|
||||
</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" >
|
||||
特色农业资源最新动态
|
||||
</a-menu-item>
|
||||
<a-menu-item key="303" >
|
||||
合作交流
|
||||
</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"> 作者：<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)
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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" >
|
||||
工作动态
|
||||
<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" >
|
||||
行业要闻
|
||||
<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" >
|
||||
特色农业资源最新动态
|
||||
<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" >
|
||||
合作交流
|
||||
<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>
|
||||
|
|
@ -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);" > 搜索 </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">
|
||||
|
|
|
|||
|
|
@ -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){
|
||||
|
|
|
|||
|
|
@ -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:{
|
||||
|
|
|
|||
|
|
@ -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:{
|
||||
|
|
|
|||
|
|
@ -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:{
|
||||
|
|
|
|||
Loading…
Reference in New Issue