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

修改页面

This commit is contained in:
wangyan 2022-04-29 14:19:19 +08:00
parent 19266eb3ee
commit 336a330e84
3 changed files with 97 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -22,7 +22,7 @@
<div id="MutiNav"> <div id="MutiNav">
<ul class="multiUl"> <ul class="multiUl">
<li class="multiUlli"> <li class="multiUlli">
<a class="mulgo" href="index.html" title="首页"> <a class="mulgo" href="javascript:void(0);" title="首页" @click="$to('home')">
<span class="mulgochie">首页</span> <span class="mulgochie">首页</span>
</a> </a>
</li> </li>
@ -95,7 +95,7 @@
</blockquote> </blockquote>
</li> </li>
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu"> <li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
<a class="mulgo" href="nycyh.html" title="农业产业化"> <a class="mulgo" href="javascript:void(0);" title="农业产业化" @click="$to('listPage',{pid:102,id:10201})">
<span class="mulgochie">农业产业化</span> <span class="mulgochie">农业产业化</span>
</a> </a>
<blockquote> <blockquote>
@ -121,7 +121,7 @@
</blockquote> </blockquote>
</li> </li>
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu"> <li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
<a class="mulgo" href="bjgh.html" title="布局规划"> <a class="mulgo" title="布局规划" href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10301})">
<span class="mulgochie">布局规划</span> <span class="mulgochie">布局规划</span>
</a> </a>
<blockquote> <blockquote>
@ -151,7 +151,7 @@
</blockquote> </blockquote>
</li> </li>
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu"> <li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
<a class="mulgo" href="lsny.html" title="绿色农业"> <a class="mulgo" title="绿色农业" href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10401})">
<span class="mulgochie">绿色农业</span> <span class="mulgochie">绿色农业</span>
</a> </a>
<blockquote> <blockquote>
@ -181,7 +181,7 @@
</blockquote> </blockquote>
</li> </li>
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu"> <li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
<a class="mulgo" href="kydt.html" title="科研动态"> <a class="mulgo" title="科研动态" href="javascript:void(0);" @click="$to('listPage',{pid:105,id:10501})">
<span class="mulgochie">科研动态</span> <span class="mulgochie">科研动态</span>
</a> </a>
<blockquote> <blockquote>
@ -203,12 +203,12 @@
</blockquote> </blockquote>
</li> </li>
<li class="multiUlli" > <li class="multiUlli" >
<a class="mulgo" href="zlxczx.html" title="助力乡村振兴"> <a class="mulgo" title="助力乡村振兴" href="javascript:void(0);" @click="$to('listPage',{pid:106,id:106})">
<span class="mulgochie">助力乡村振兴</span> <span class="mulgochie">助力乡村振兴</span>
</a> </a>
</li> </li>
<li class="multiUlli"> <li class="multiUlli">
<a class="mulgo" href="qt.html" title="其他"> <a class="mulgo" title="其他" href="javascript:void(0);" @click="$to('listPage',{pid:107,id:107})">
<span class="mulgochie">其他</span> <span class="mulgochie">其他</span>
</a> </a>
</li> </li>

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

@ -1,55 +1,42 @@
<template> <template>
<div> <div>
<headerView/> <headerView/>
<!-- banner --> <div class="er_bann2"></div>
<div class="er_banner"> <div class="weizhibox">
<div class="bannerimg"> <div class="weizhi">
<div class="banneritem">{{$tf(parentData,"name")}}</div> <span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span>
</div> <span>当前位置：</span>
</div> <a href="javascript:void(0);" @click="$to('home')">首页 ></a>
<!-- banner --> <a href="javascript:void(0);" @click="$to('listPage',{pid:thisColumn.parent,id:thisColumn.id})">{{parentData.name}} > </a>
<div class="er_cont clearfloat"> <!-- <a href="javascript:void(0);" >{{parentData.name}} > </a> -->
<div class="contl left"> <a href="javascript:void(0);">{{thisColumn.name}}</a>
<ul> </div>
<li v-for="(column,columnIndex) in columnList" :key="columnIndex" :class="thisColumn.id==column.id?'er_active':''"> </div>
<a href="javascript:void(0);" @click="$to('listPage',{pid:column.parent,id:column.id})" :class="thisColumn.id==column.id?'er_active2':''">{{$tf(column,"name")}}</a> <div class="er_contant clearfloat">
</li> <div class="er_contl left">
<!-- <li > <div class="hjk_item">
<a href="javascript:void(0);" class="er_active2">通知公告</a> <h3>{{parentData.name}}</h3>
</li> --> <div class="" style="width: 60px;height: 3px;background-color: #3591EB;margin-top: -3px;"></div>
</ul> </div>
</div> <ul>
<div class="contr right"> <template v-for="(col,colIndex) in columnList" >
<div class="contrupbox clearfloat"> <li v-if="col.id == thisColumn.id" :key="colIndex" class="active2" ><a href="javascript:void(0);" class="active3" @click="$to('listPage',{pid:col.parent,id:col.id})">{{col.name}}</a></li>
<span class="contrupl left">{{$tf(thisColumn,'name')}}</span> <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>
<div class="contrupr right">
<span>{{$t('common.currentLocation')}}</span>
<a href="javascript:void(0);" @click="$to('home')">{{$t('common.homeName')}} </a>
<a href="javascript:void(0);" @click="$to('listPage',{pid:thisColumn.parent})"> > {{$tf(parentData,"name")}}</a>
<a href="javascript:void(0);"> > {{$tf(thisColumn,'name')}}</a>
</div>
</div>
<div class="contrdown">
<h2 class="contitem">{{$tf(articleData,'title')}}</h2>
<div class="contdate">
<span style="margin-right: 14px;">{{$t('common.author')}}<span>{{$tf(articleData,'author')}}</span></span>
<span style="margin-right: 14px;">{{$t('common.source')}}<span>{{$tf(articleData,'source')}}</span></span>
<span>{{$t('common.publishTime')}}<span>{{articleData.updateTime || articleData.createTime}}</span></span>
</div>
<p class="contpp" v-html="$tf(articleData,'content')"></p>
<template v-if="$tFiles(articleData,'files') && $tFiles(articleData,'files').length">
<p class="contpp">
{{$t('common.enclosure')}}
</p>
<p class="contpp" v-for="(file,fileIndex) in $tFiles(articleData,'files')" :key="fileIndex">
<a style="color:#0082f5" :href="file" target="_blank">{{getFileName(file)}}</a>
</p>
</template> </template>
</ul>
</div> </div>
</div> <div class="cyh_contr right">
</div> <div class="xqer_cont">
<h3>{{articleData.title}}</h3>
<div class="xqer_date">
<span>发布日期：<span>{{articleData.updateTime || articleData.createTime}}</span></span>
<span>作者：<span>{{articleData.author}}</span></span>
</div>
<p v-html="articleData.content"></p>
</div>
</div>
</div>
<footerView/> <footerView/>
</div> </div>
</template> </template>
@ -104,6 +91,7 @@ export default {
this.parentData =data.parentGatewayColumn this.parentData =data.parentGatewayColumn
this.thisColumn = data.currentGatewayColumn this.thisColumn = data.currentGatewayColumn
this.columnList = data.gatewayColumnList this.columnList = data.gatewayColumnList
console.log('columnList', this.columnList );
// if(!this.columnId){ // if(!this.columnId){
// let firstColumn = this.columnList[0] // let firstColumn = this.columnList[0]

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

@ -1,50 +1,56 @@
<template> <template>
<div> <div>
<headerView/> <headerView/>
<!-- banner --> <!-- <div class="er_bann2"></div> -->
<div class="er_banner"> <div class="er_bann" v-if="$route.query.pid == 101"></div>
<div class="bannerimg" v-if="parentData"> <div class="er_bann2" v-if="$route.query.pid == 102"></div>
<div class="banneritem">{{$tf(parentData,"name")}}</div> <div class="er_bann3" v-if="$route.query.pid == 103"></div>
</div> <div class="er_bann4" v-if="$route.query.pid == 104"></div>
</div> <div class="er_bann5" v-if="$route.query.pid == 105"></div>
<!-- banner --> <div class="er_bann6" v-if="$route.query.pid == 106"></div>
<div class="er_cont clearfloat"> <div class="er_bann7" v-if="$route.query.pid == 107"></div>
<div class="contl left"> <div class="weizhibox">
<ul> <div class="weizhi">
<li v-for="(column,columnIndex) in columnList" :key="columnIndex" :class="id==column.id?'er_active':''"> <span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span>
<a href="javascript:void(0);" @click="$to('listPage',{pid:column.parent,id:column.id})" :class="id==column.id?'er_active2':''">{{$tf(column,"name")}}</a> <span>当前位置：</span>
</li> <a href="javascript:void(0);" @click="$to('home')">首页 ></a>
<!-- <li > <!-- <a href="javascript:void(0);" @click="$to('listPage',{pid:thisColumn.parent})">{{parentData.name}} > </a> -->
<a href="javascript:void(0);" class="er_active2">通知公告</a> <a href="javascript:void(0);" >{{parentData.name}} > </a>
</li> --> <a href="javascript:void(0);">{{thisColumn.name}}</a>
</ul> </div>
</div> </div>
<div class="contr right"> <div class="er_contant clearfloat">
<div class="contrupbox clearfloat"> <div class="er_contl left">
<span class="contrupl left">{{$tf(thisColumn,'name')}}</span> <div class="hjk_item">
<div class="contrupr right"> <h3>{{parentData.name}}</h3>
<span>{{$t('common.currentLocation')}}</span> <div class="" style="width: 60px;height: 3px;background-color: #3591EB;margin-top: -3px;"></div>
<a href="javascript:void(0);" @click="$to('home')">{{$t('common.homeName')}} </a> </div>
<a href="javascript:void(0);" @click="$to('listPage',{pid:thisColumn.parent})"> > {{$tf(parentData,"name")}}</a> <ul>
<a href="javascript:void(0);"> > {{$tf(thisColumn,'name')}}</a> <template v-for="(col,colIndex) in columnList" >
</div> <li v-if="col.id == thisColumn.id" :key="colIndex" class="active2"><a href="javascript:void(0);" class="active3">{{col.name}}</a></li>
</div> <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>
</template>
</ul>
</div>
<div class="cyh_contr right">
<ul>
<li v-for="(art,artIndex) in articleList" :key="artIndex">
<a href="javascript:void(0);" class="cyh_coa clearfloat" @click="$to('detailedPage',{id:art.id})">
<div class="cyhl left">
<h3 class="elli">{{art.title}}</h3>
<p class="over-line2">{{art.content}}</p>
</div>
<div class="cyhr right">
<div class="cyhr_date">{{art.createTime}}</div>
<div class="jianttewr">→</div>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="contrdown">
<ul>
<li v-for="(article,articleIndex) in articleList" :key="articleIndex">
<a href="javascript:void(0);" class="clearfloat" @click="$to('detailedPage',{id:article.id})">
<span class="dian left"></span>
<h3 class="left elli">{{$tf(article,"title")}}</h3>
<span class="right">{{article.updateTime || article.createTime}}</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<footerView/> <footerView/>
</div> </div>
</template> </template>
@ -112,13 +118,12 @@ export default {
this.parentData = list.find(x => !x.parent); this.parentData = list.find(x => !x.parent);
this.thisColumn = list.find(x => x.id == this.id); this.thisColumn = list.find(x => x.id == this.id);
this.columnList = list.filter(x => x.parent); this.columnList = list.filter(x => x.parent);
// if(!this.id){
if(!this.id){ // let firstColumn = this.columnList[0]
let firstColumn = this.columnList[0] // if(firstColumn){
if(firstColumn){ // //this.$to('listPage',{pid:firstColumn.parent,id:firstColumn.id},true)
//this.$to('listPage',{pid:firstColumn.parent,id:firstColumn.id},true) // }
} // }
}
} }
}); });
//如果没有ID自动选中一个 //如果没有ID自动选中一个