jialong.yu
/
FE_IASF_client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 3 Wiki Activity

添加新闻公告

Browse Source
master
yujialong 2 years ago
parent ca6c5d6426
commit ea09b5f0bf
3 changed files with 79 additions and 35 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 110
      src/pages/column/index.vue
  2. 2
      src/pages/newsPress/index.vue
  3. 2
      src/pages/newsProcurement/index.vue

110
src/pages/column/index.vue
Unescape View File

@ -63,36 +63,45 @@
<div class="article-wrap"> <div class="article-wrap">
<ul class="articles"> <ul class="articles">
<li v-for="(item, i) in articles" :key="i" @click="toArtice(item)"> <li v-for="(item, i) in articles" :key="i" :class="{'news-notice': info.listStyleId === 55}" @click="toArtice(item)">
<div class="texts"> <template v-if="info.listStyleId === 55">
<p v-if="(item.listStyleId === 10 || item.listStyleId === 15) && item.classificationName" <div class="releaseTime">
class="type"> <p class="d">{{ item.date }}</p>
{{ item.classificationName }} <p class="m">{{ item.month }}</p>
</p> </div>
<h6>{{ item.title }}</h6> <div class="news-title">{{ item.title }}</div>
<template v-if="item.listStyleId === 11"> </template>
<span class="meta">{{ item.releaseTime }}</span> <template v-else>
<div class="des" v-html="item.mainBody"></div> <div class="texts">
</template> <p v-if="(item.listStyleId === 10 || item.listStyleId === 15) && item.classificationName"
<span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName && ' | ' + class="type">
item.labelName }}</span> {{ item.classificationName }}
<template v-if="item.listStyleId === 15 || item.listStyleId === 16"> </p>
<div v-if="item.keynoteSpeaker" class="meta m-b-10"> <h6>{{ item.title }}</h6>
<img class="icon" src="@/assets/images/mine.png" alt="" /> {{ item.keynoteSpeaker }} <template v-if="item.listStyleId === 11">
</div> <span class="meta">{{ item.releaseTime }}</span>
<div v-if="item.activityStartTime" class="meta m-b-10"> <div class="des" v-html="item.mainBody"></div>
<img class="icon" src="@/assets/images/time.png" alt="" /> </template>
{{ item.activityStartTime + ' ~ ' + item.activityEndTime }} <span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName && ' | ' +
</div> item.labelName }}</span>
<div v-if="item.offlineLocation" class="meta m-b-10"> <template v-if="item.listStyleId === 15 || item.listStyleId === 16">
<img class="icon" src="@/assets/images/location.png" alt="" /> {{ item.offlineLocation }} <div v-if="item.keynoteSpeaker" class="meta m-b-10">
</div> <img class="icon" src="@/assets/images/mine.png" alt="" /> {{ item.keynoteSpeaker }}
<div v-if="item.onlineLocation" class="meta"> </div>
<img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }} <div v-if="item.activityStartTime" class="meta m-b-10">
</div> <img class="icon" src="@/assets/images/time.png" alt="" />
</template> {{ item.activityStartTime + ' ~ ' + item.activityEndTime }}
</div> </div>
<img class="pic" :src="item.titleImg" alt="" onerror="javascript:this.src='./images/1.png';" /> <div v-if="item.offlineLocation" class="meta m-b-10">
<img class="icon" src="@/assets/images/location.png" alt="" /> {{ item.offlineLocation }}
</div>
<div v-if="item.onlineLocation" class="meta">
<img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }}
</div>
</template>
</div>
<img class="pic" :src="item.titleImg" alt="" onerror="javascript:this.src='./images/1.png';" />
</template>
</li> </li>
</ul> </ul>
<div v-if="articles.length" class="pagination"> <div v-if="articles.length" class="pagination">
@ -154,7 +163,7 @@ export default {
sameStyle: 1, sameStyle: 1,
allColumnId: [], allColumnId: [],
showNav: false, showNav: false,
showNavIds: [10, 11, 12, 16], // 显示侧导航的模板id showNavIds: [10, 11, 12, 16, 55], // 显示侧导航的模板id
isFilter: false, isFilter: false,
page: 1, page: 1,
pageSize: 10, pageSize: 10,
@ -435,7 +444,16 @@ export default {
...this.form ...this.form
}) })
.then(({ data }) => { .then(({ data }) => {
this.articles = Util.removeTag(data.records); const articles = Util.removeTag(data.records);
articles.forEach(e => {
// 把发布日期分割成年月和日，新闻中心-通知公告要展示
if (e.releaseTime) {
const date = e.releaseTime.split('-')
e.date = date[2]
e.month = date[0] + '/' + date[1]
}
})
this.articles = articles
this.total = +data.total; this.total = +data.total;
// 如果栏目那勾选了“只有一篇文章时，以详情方式展示”，并且只有一篇文章，则跳转到详情页 // 如果栏目那勾选了“只有一篇文章时，以详情方式展示”，并且只有一篇文章，则跳转到详情页
// this.total == 1 && this.info.showWithDetails && this.$router.push(`/article?articleId=${this.articles[0].id}&id=${this.articles[0].columnId}`) // this.total == 1 && this.info.showWithDetails && this.$router.push(`/article?articleId=${this.articles[0].id}&id=${this.articles[0].columnId}`)
@ -751,7 +769,33 @@ export default {
height: 244px; height: 244px;
} }
} }
.news-notice {
.releaseTime {
width: 88px;
height: 88px;
padding: 10px 0 16px;
margin-right: 24px;
color: #fff;
text-align: center;
background: #0B5086;
}
.d {
font-size: 2rem;
font-family: DINCondensed-Bold, DINCondensed;
font-weight: bold;
line-height: 43px;
}
.m {
font-size: .9rem;
line-height: 20px;
}
.news-title {
width: calc(100% - 110px);
font-size: 1.1rem;
color: #333;
line-height: 1.6;
}
}
.right { .right {
width: 14%; width: 14%;
min-width: 240px; min-width: 240px;

2
src/pages/newsPress/index.vue
Unescape View File

@ -89,7 +89,7 @@ export default {
}, },
// 获取上级面包屑 // 获取上级面包屑
getColumn() { getColumn() {
this.$post(`${this.api.oneLevelChecksThemAll}?id=${this.id}&isSort=1`).then(({ data }) => { this.$post(`${this.api.oneLevelChecksThemAll}?id=${this.id}&isSort=1&siteId=${this.site}`).then(({ data }) => {
this.getParent(data, this.id) this.getParent(data, this.id)
}).catch(err => {}) }).catch(err => {})
}, },

2
src/pages/newsProcurement/index.vue
Unescape View File

@ -89,7 +89,7 @@ export default {
}, },
// 获取上级面包屑 // 获取上级面包屑
getColumn() { getColumn() {
this.$post(`${this.api.oneLevelChecksThemAll}?id=${this.id}&isSort=1`).then(({ data }) => { this.$post(`${this.api.oneLevelChecksThemAll}?id=${this.id}&isSort=1&siteId=${this.site}`).then(({ data }) => {
this.getParent(data, this.id) this.getParent(data, this.id)
}).catch(err => {}) }).catch(err => {})
}, },

Write Preview
Loading…
Cancel
Save