<template>
|
<div>
|
<el-row class="underline">
|
<h3 style="color: rgb(1, 72, 153)">{{ this.$route.query.type }}</h3>
|
</el-row>
|
<div class="mart15">
|
<div v-if="this.$route.query.type == '通知公告'">
|
<el-card>
|
<ul class="ul">
|
<li class="lieBiao liPointer flex-v flex-between" :key="index" v-for="(item, index) in noticeList">
|
<div class="time">
|
{{ item.releaseTime }}
|
</div>
|
<div class="title" @click="toNoticeMsg(item.id)">
|
{{ item.title }}
|
</div>
|
</li>
|
</ul>
|
<!-- 分页 -->
|
<div>
|
<el-pagination
|
background
|
@current-change="handleCurrentChange1"
|
:current-page="currentPagenotice"
|
:page-size="pageSize"
|
layout="prev, pager, next,total"
|
:total="totalnotice">
|
</el-pagination>
|
</div>
|
</el-card>
|
</div>
|
<div v-if="this.$route.query.type == '学院动态'">
|
<ul>
|
<el-card>
|
<ul class="ul">
|
<li class="lieBiao liPointer flex-v flex-between" :key="index" v-for="(item, index) in schoolList">
|
<div class="time">
|
{{ item.releaseTime }}
|
</div>
|
<div class="title" @click="toSchoolMsg(item.id)">
|
{{ item.title }}
|
</div>
|
</li>
|
</ul>
|
<!-- 分页 -->
|
<div>
|
<el-pagination
|
background
|
@current-change="handleCurrentChange2"
|
:current-page.sync="currentPageschool"
|
:page-size="pageSize"
|
layout="prev, pager, next,total"
|
:total="totalschool">
|
</el-pagination>
|
</div>
|
</el-card>
|
</ul>
|
</div>
|
<div v-if="this.$route.query.type == '工作状态'">
|
<ul>
|
<el-card>
|
<ul class="ul">
|
<li class="lieBiao liPointer flex-v flex-between" :key="index" v-for="(item, index) in workList">
|
<div class="time">
|
{{ item.releaseTime }}
|
</div>
|
<div class="title" @click="toWorkMsg(item.id)">
|
{{ item.title }}
|
</div>
|
</li>
|
</ul>
|
<!-- 分页 -->
|
<div>
|
<el-pagination
|
background
|
@current-change="handleCurrentChange3"
|
:current-page.sync="currentPagework"
|
:page-size="pageSize"
|
layout="prev, pager, next,total"
|
:total="totalwork">
|
</el-pagination>
|
</div>
|
</el-card>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
import {getNewsList} from '../../api/api'
|
export default {
|
name: 'moreMessage',
|
data() {
|
return {
|
noticeList: [],
|
schoolList: [],
|
workList: [],
|
currentPagenotice:1, //通知公告的当前页
|
currentPageschool:1, //学院动态的当前页
|
currentPagework:1, //工作动态的当前页
|
pageSize:4,
|
totalnotice:0, //通知公告新闻的总条数
|
totalschool:0, //学院动态新闻的总条数
|
totalwork:0, //工作动态新闻的总条数
|
}
|
},
|
mounted(){
|
this.getnotice();
|
this.getwork();
|
this.getschool();
|
},
|
methods: {
|
//通知公告的分页切换
|
handleCurrentChange1(val){
|
// console.log(`当前页: ${val}`);
|
this.currentPagenotice = val;
|
this.getnotice();
|
},
|
//学院动态的分页切换
|
handleCurrentChange2(val){
|
// console.log(`当前页: ${val}`);
|
this.currentPageschool = val;
|
this.getschool();
|
},
|
//工作动态的分页切换
|
handleCurrentChange3(val){
|
// console.log(`当前页: ${val}`);
|
this.currentPagework = val;
|
this.getwork();
|
},
|
//获取新闻列表
|
getnotice(){
|
const data = {
|
current:this.currentPagenotice,
|
newsCategoryId:42,
|
size:this.pageSize
|
}
|
getNewsList(data).then(res => {
|
// console.log(res);
|
if(res.code == 200){
|
this.noticeList = res.data.records
|
this.totalnotice = res.data.total
|
}
|
}).catch(error => {
|
console.log(error);
|
})
|
},
|
getwork(){
|
const data = {
|
current:this.currentPagework,
|
newsCategoryId:43,
|
size:this.pageSize
|
}
|
getNewsList(data).then(res => {
|
// console.log(res);
|
if(res.code == 200){
|
this.workList = res.data.records
|
this.totalwork = Number(res.data.total)
|
}
|
}).catch(error => {
|
console.log(error);
|
})
|
},
|
getschool(){
|
const data = {
|
current:this.currentPageschool,
|
newsCategoryId:44,
|
size:this.pageSize
|
}
|
getNewsList(data).then(res => {
|
// console.log(res);
|
if(res.code == 200){
|
this.schoolList = res.data.records
|
this.totalschool = Number(res.data.total)
|
}
|
}).catch(error => {
|
console.log(error);
|
})
|
},
|
toNoticeMsg(id) {
|
this.$router.push({
|
path: '/home/news',
|
query: {
|
id: id,
|
}
|
})
|
window.location.reload()
|
},
|
toSchoolMsg(id) {
|
this.$router.push({
|
path: '/home/news',
|
query: {
|
id: id,
|
}
|
})
|
window.location.reload()
|
},
|
toWorkMsg(id) {
|
this.$router.push({
|
path: '/home/news',
|
query: {
|
id: id,
|
}
|
})
|
window.location.reload()
|
}
|
}
|
}
|
</script>
|
<style >
|
.underline {
|
border-bottom: 1px solid #0f99e9;
|
}
|
.lieBiao {
|
width: 95%;
|
height: 60px;
|
background: rgb(241, 241, 241);
|
margin-bottom: 10px;
|
}
|
.time {
|
width: 100px;
|
padding: 17px 0px;
|
display: flex;
|
flex-direction: column;
|
background-color: rgb(1, 72, 153);
|
color: white;
|
text-align: center;
|
}
|
.title {
|
width: 550px;
|
height: 50px;
|
overflow: hidden;
|
line-height: 60px;
|
/* // background-color: rgb(179, 19, 19); */
|
padding: 0 0 0 10px;
|
}
|
.ul{
|
width: 700px;
|
margin: 0 auto;
|
}
|
</style>
|
