|
|
|
|
@ -321,7 +321,7 @@ |
|
|
|
|
</template> |
|
|
|
|
<template v-else> |
|
|
|
|
<div class="article-wrap"> |
|
|
|
|
<ul class="articles"> |
|
|
|
|
<ul :class="['articles', {media: info.listStyleId === 74}]"> |
|
|
|
|
<li v-for="(item, i) in articles" |
|
|
|
|
:key="i" |
|
|
|
|
:class="{'news-notice': info.listStyleId === 55, 'org': info.listStyleId === 68}" |
|
|
|
|
@ -335,10 +335,29 @@ |
|
|
|
|
<div class="news-title">{{ item.title }}</div> |
|
|
|
|
</template> |
|
|
|
|
<template v-else> |
|
|
|
|
<img class="pic" |
|
|
|
|
<img v-if="info.listStyleId !== 74" |
|
|
|
|
class="pic" |
|
|
|
|
:src="item.titleImg" |
|
|
|
|
alt="" |
|
|
|
|
onerror="javascript:this.src='./images/1.png';" /> |
|
|
|
|
|
|
|
|
|
<template v-else> |
|
|
|
|
<video v-if="Util.isVideo(item.fileList[0].fileName.substring(item.fileList[0].fileName.lastIndexOf('.') + 1))" |
|
|
|
|
class="media-video" |
|
|
|
|
controls |
|
|
|
|
preload> |
|
|
|
|
<source :src="item.fileList[0].filePath" |
|
|
|
|
type="video/mp4"> |
|
|
|
|
您的浏览器不支持 video 标签。 |
|
|
|
|
</video> |
|
|
|
|
<el-image v-else |
|
|
|
|
class="media-pic" |
|
|
|
|
:style="{backgroundImage: 'url(' + item.fileList[0].filePath + ')'}" |
|
|
|
|
:src="item.fileList[0].filePath" |
|
|
|
|
:preview-src-list="[item.fileList[0].filePath]"> |
|
|
|
|
</el-image> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<div class="texts"> |
|
|
|
|
<p v-if="(item.listStyleId === 10 || item.listStyleId === 15) && item.classificationName" |
|
|
|
|
class="type"> |
|
|
|
|
@ -383,13 +402,11 @@ |
|
|
|
|
<el-button v-if="item.listStyleId === 15 || item.listStyleId == 68" |
|
|
|
|
type="primary" |
|
|
|
|
class="readDetailBtn">{{ $t('column.readDetail') }}</el-button> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
<div v-if="articles.length" |
|
|
|
|
<div v-if="articles.length > pageSize" |
|
|
|
|
class="pagination"> |
|
|
|
|
<el-pagination background |
|
|
|
|
@current-change="currentChange" |
|
|
|
|
@ -410,31 +427,46 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 选择了“列表样式”，不用显示右侧部分 --> |
|
|
|
|
<div v-if="info.listStyleId !== 73" |
|
|
|
|
class="right"> |
|
|
|
|
<p class="l-title">{{ $t('column.hot') }}</p> |
|
|
|
|
<ul class="list"> |
|
|
|
|
<li v-for="(item, i) in hots" |
|
|
|
|
:key="i" |
|
|
|
|
:title="item.title" |
|
|
|
|
@click="toArtice(item)"> |
|
|
|
|
<p class="text">{{ item.title }}</p> |
|
|
|
|
<span class="date">{{ item.releaseTime }}</span> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
|
|
|
|
|
<p class="l-title">{{ $t('column.latestNews') }}</p> |
|
|
|
|
<ul class="list"> |
|
|
|
|
<li v-for="(item, i) in news" |
|
|
|
|
:key="i" |
|
|
|
|
:title="item.title" |
|
|
|
|
@click="toArtice(item)"> |
|
|
|
|
<p class="text">{{ item.title }}</p> |
|
|
|
|
<span class="date">{{ item.releaseTime }}</span> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
<template v-if="info.listStyleId !== 73 && info.listStyleId !== 74"> |
|
|
|
|
<div v-if="site == 2" |
|
|
|
|
class="right"> |
|
|
|
|
<p class="l-title">{{ $t('column.latestNews') }}</p> |
|
|
|
|
<ul class="list"> |
|
|
|
|
<li v-for="(item, i) in site2News" |
|
|
|
|
:key="i" |
|
|
|
|
:title="item.title" |
|
|
|
|
@click="toArtice(item)"> |
|
|
|
|
<p class="text">{{ item.title }}</p> |
|
|
|
|
<span class="date">{{ item.releaseTime }}</span> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
<!-- 选择了“列表样式”，不用显示右侧部分 --> |
|
|
|
|
<div v-else |
|
|
|
|
class="right"> |
|
|
|
|
<p class="l-title">{{ $t('column.hot') }}</p> |
|
|
|
|
<ul class="list"> |
|
|
|
|
<li v-for="(item, i) in hots" |
|
|
|
|
:key="i" |
|
|
|
|
:title="item.title" |
|
|
|
|
@click="toArtice(item)"> |
|
|
|
|
<p class="text">{{ item.title }}</p> |
|
|
|
|
<span class="date">{{ item.releaseTime }}</span> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
|
|
|
|
|
<p class="l-title">{{ $t('column.latestNews') }}</p> |
|
|
|
|
<ul class="list"> |
|
|
|
|
<li v-for="(item, i) in news" |
|
|
|
|
:key="i" |
|
|
|
|
:title="item.title" |
|
|
|
|
@click="toArtice(item)"> |
|
|
|
|
<p class="text">{{ item.title }}</p> |
|
|
|
|
<span class="date">{{ item.releaseTime }}</span> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -449,6 +481,7 @@ export default { |
|
|
|
|
mixins: [mixins], |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
Util, |
|
|
|
|
loaded: false, |
|
|
|
|
fromColumn: this.$route.query.column, |
|
|
|
|
columnId: '', |
|
|
|
|
@ -469,7 +502,7 @@ export default { |
|
|
|
|
sameStyle: 1, |
|
|
|
|
allColumnId: [], |
|
|
|
|
showNav: false, |
|
|
|
|
showNavIds: [10, 11, 12, 16, 55, 68, 73], // 显示侧导航的模板id |
|
|
|
|
showNavIds: [10, 11, 12, 16, 55, 68, 73, 74], // 显示侧导航的模板id |
|
|
|
|
isFilter: false, |
|
|
|
|
page: 1, |
|
|
|
|
pageSize: 10, |
|
|
|
|
@ -479,6 +512,7 @@ export default { |
|
|
|
|
value: 'id', |
|
|
|
|
label: 'columnName' |
|
|
|
|
}, |
|
|
|
|
site2News: [], |
|
|
|
|
news: [], |
|
|
|
|
hots: [], |
|
|
|
|
deepestId: '', |
|
|
|
|
@ -677,15 +711,24 @@ export default { |
|
|
|
|
}, |
|
|
|
|
// 最新资讯 |
|
|
|
|
getNews () { |
|
|
|
|
this.$post(this.api.newlyPublishedArticles, { |
|
|
|
|
pageNum: 1, |
|
|
|
|
pageSize: 5, |
|
|
|
|
siteId: this.site |
|
|
|
|
}) |
|
|
|
|
.then(({ data }) => { |
|
|
|
|
if (this.site == 2) { |
|
|
|
|
this.$post(this.api.newlyPublishedArticles, { |
|
|
|
|
siteId: this.site, |
|
|
|
|
columnIds: [411, 412, 413], |
|
|
|
|
pageNum: 1, |
|
|
|
|
pageSize: 10, |
|
|
|
|
}).then(({ data }) => { |
|
|
|
|
this.site2News = Util.removeTag(data.records); |
|
|
|
|
}).catch((res) => { }); |
|
|
|
|
} else { |
|
|
|
|
this.$post(this.api.newlyPublishedArticles, { |
|
|
|
|
pageNum: 1, |
|
|
|
|
pageSize: 5, |
|
|
|
|
siteId: this.site |
|
|
|
|
}).then(({ data }) => { |
|
|
|
|
this.news = Util.removeTag(data.records); |
|
|
|
|
}) |
|
|
|
|
.catch((res) => { }); |
|
|
|
|
}).catch((res) => { }); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 会议时间筛选回调 |
|
|
|
|
switchChange (item) { |
|
|
|
|
@ -1121,6 +1164,43 @@ export default { |
|
|
|
|
height: auto; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.media { |
|
|
|
|
display: flex; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
margin-left: 10px; |
|
|
|
|
li { |
|
|
|
|
flex-direction: column; |
|
|
|
|
width: calc(25% - 20px); |
|
|
|
|
margin-right: 20px; |
|
|
|
|
background-color: transparent; |
|
|
|
|
&:nth-child(4n) { |
|
|
|
|
margin-right: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.media-video { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 200px; |
|
|
|
|
} |
|
|
|
|
/deep/.media-pic { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 200px; |
|
|
|
|
// background-size: 100% auto; |
|
|
|
|
background-position: center center; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
img { |
|
|
|
|
opacity: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.texts { |
|
|
|
|
width: 100% !important; |
|
|
|
|
padding-left: 0; |
|
|
|
|
} |
|
|
|
|
h6 { |
|
|
|
|
margin-top: 10px; |
|
|
|
|
margin-bottom: 0; |
|
|
|
|
text-align: center; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.news-notice { |
|
|
|
|
.releaseTime { |
|
|
|
|
width: 88px; |
|
|
|
|
@ -1253,6 +1333,8 @@ export default { |
|
|
|
|
} |
|
|
|
|
.detail { |
|
|
|
|
flex: 1; |
|
|
|
|
padding: 10px 15px; |
|
|
|
|
background-color: #fff; |
|
|
|
|
h2 { |
|
|
|
|
margin-bottom: 1rem; |
|
|
|
|
font-size: 1.9rem; |
|
|
|
|
|
