From b80d0c5dd5ca242427a07f4891e8a0dc354889b3 Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期三, 19 一月 2022 23:46:29 +0800
Subject: [PATCH] 后台查看功能完成
---
src/views/homePage/moreMessage.vue | 212 ++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 152 insertions(+), 60 deletions(-)
diff --git a/src/views/homePage/moreMessage.vue b/src/views/homePage/moreMessage.vue
index d0673e5..88b6789 100644
--- a/src/views/homePage/moreMessage.vue
+++ b/src/views/homePage/moreMessage.vue
@@ -5,100 +5,185 @@
</el-row>
<div class="mart15">
<div v-if="this.$route.query.type == '閫氱煡鍏憡'">
- <ul>
- <li class="lieBiao flex-v flex-between" :key="index" v-for="(item, index) in noticeList">
- <div class="time">
- <span>{{ item.year }}</span>
- <span>{{ item.month }}</span>
- </div>
- <div class="title liPointer" @click="toNoticeMsg(item.id,item.count)">
- {{ item.news }}
- </div>
- </li>
- </ul>
+ <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 class="fenye">
+ <el-pagination
+ background
+ @current-change="handleCurrentChange"
+ :current-page.sync="currentPage"
+ :page-size="pageSize"
+ layout="prev, pager, next,total"
+ :total="total">
+ </el-pagination>
+ </div>
+ </el-card>
</div>
<div v-if="this.$route.query.type == '瀛﹂櫌鍔ㄦ��'">
<ul>
- <li class="lieBiao flex-v flex-between" :key="index" v-for="(item, index) in schoolList">
- <!-- <a href="item.path"> {{ item.title }} </a> -->
- <!-- <router-link :to="{name:'schoolMessage',params:{id:item.id}}" >{{ item.title }} </router-link> -->
- <div class="time">
- <span>{{ item.year }}</span>
- <span>{{ item.month }}</span>
+ <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 class="fenye">
+ <el-pagination
+ background
+ @current-change="handleCurrentChange"
+ :current-page.sync="currentPage"
+ :page-size="pageSize"
+ layout="prev, pager, next,total"
+ :total="total">
+ </el-pagination>
</div>
- <div class="title liPointer" @click="toSchoolMsg(item.id,item.count)">
- {{ item.news }}
- </div>
- </li>
+ </el-card>
</ul>
</div>
<div v-if="this.$route.query.type == '宸ヤ綔鐘舵��'">
- <ul>
- <li class="lieBiao flex-v flex-between" :key="index" v-for="(item, index) in workList">
- <!-- <a href="item.path"> {{ item.title }} </a> -->
- <!-- <router-link :to="{name:'schoolMessage',params:{id:item.id}}" >{{ item.title }} </router-link> -->
- <div class="time">
- <span>{{ item.year }}</span>
- <span>{{ item.month }}</span>
+ <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 class="fenye">
+ <el-pagination
+ background
+ @current-change="handleCurrentChange"
+ :current-page.sync="currentPage"
+ :page-size="pageSize"
+ layout="prev, pager, next,total"
+ :total="total">
+ </el-pagination>
</div>
- <div class="title liPointer" @click="toWorkMsg(item.id,item.count)">{{ item.news }}</div>
- </li>
+ </el-card>
</ul>
</div>
</div>
</div>
</template>
<script>
+import {getNewsList} from '../../api/api'
export default {
name: 'moreMessage',
data() {
return {
- noticeList: [{id:1,year: 2022,month:'1-10',count:10, news:'浣犺蛋杩囩殑鍦版柟鍙墿涓嬫�濆康闅炬嵄锛屾妸浣犺棌鍦ㄥ績澶达紝姣忓ぉ姣忓鎯充綘'},{id:2,year: 2022,month:'1-10',count:11, news:'浣犺蛋杩囩殑鍦版柟鍙墿涓嬫�濆康闅炬嵄锛屾妸浣犺棌鍦ㄥ績澶达紝姣忓ぉ姣忓鎯充綘'},
- {id:3,year: 2022,month:'1-10',count:12, news:'浣犺蛋杩囩殑鍦版柟鍙墿涓嬫�濆康闅炬嵄锛屾妸浣犺棌鍦ㄥ績澶达紝姣忓ぉ姣忓鎯充綘'},{id:4,year: 2022,month:'1-10',count:13, news:'浣犺蛋杩囩殑鍦版柟鍙墿涓嬫�濆康闅炬嵄锛屾妸浣犺棌鍦ㄥ績澶达紝姣忓ぉ姣忓鎯充綘'},
- {id:5,year: 2022,month:'1-10',count:14, news:'浣犺蛋杩囩殑鍦版柟鍙墿涓嬫�濆康闅炬嵄锛屾妸浣犺棌鍦ㄥ績澶达紝姣忓ぉ姣忓鎯充綘'},{id:6,year: 2022,month:'1-10',count:14, news:'浣犺蛋杩囩殑鍦版柟鍙墿涓嬫�濆康闅炬嵄锛屾妸浣犺棌鍦ㄥ績澶达紝姣忓ぉ姣忓鎯充綘'},
- {id:6,year: 2022,month:'1-10',count:15, news:'浣犺蛋杩囩殑鍦版柟鍙墿涓嬫�濆康闅炬嵄锛屾妸浣犺棌鍦ㄥ績澶达紝姣忓ぉ姣忓鎯充綘'},{id:6,year: 2022,month:'1-10',count:16, news:'浣犺蛋杩囩殑鍦版柟鍙墿涓嬫�濆康闅炬嵄锛屾妸浣犺棌鍦ㄥ績澶达紝姣忓ぉ姣忓鎯充綘'},
- {id:6,year: 2022,month:'1-10',count:16, news:'浣犺蛋杩囩殑鍦版柟鍙墿涓嬫�濆康闅炬嵄锛屾妸浣犺棌鍦ㄥ績澶达紝姣忓ぉ姣忓鎯充綘'},{id:6,year: 2022,month:'1-10',count:17, news:'浣犺蛋杩囩殑鍦版柟鍙墿涓嬫�濆康闅炬嵄锛屾妸浣犺棌鍦ㄥ績澶达紝姣忓ぉ姣忓鎯充綘'}],
-
- schoolList: [{id:1,year: 2022,month:'1-10',count:10, news:'鍞愪笁钘忓弬瑙佸コ鐜嬮櫅涓�'},{id:2,year: 2022,month:'1-10',count:11, news:'鍞愪笁钘忓弬瑙佸コ鐜嬮櫅涓�'},
- {id:3,year: 2022,month:'1-10',count:12, news:'鍞愪笁钘忓弬瑙佸コ鐜嬮櫅涓�'},{id:4,year: 2022,month:'1-10',count:13, news:'鍞愪笁钘忓弬瑙佸コ鐜嬮櫅涓�'},
- {id:5,year: 2022,month:'1-10',count:14, news:'鍞愪笁钘忓弬瑙佸コ鐜嬮櫅涓�'},{id:6,year: 2022,month:'1-10',count:14, news:'鍞愪笁钘忓弬瑙佸コ鐜嬮櫅涓�'},
- {id:6,year: 2022,month:'1-10',count:15, news:'鍞愪笁钘忓弬瑙佸コ鐜嬮櫅涓�'},{id:6,year: 2022,month:'1-10',count:16, news:'鍞愪笁钘忓弬瑙佸コ鐜嬮櫅涓�'},
- {id:6,year: 2022,month:'1-10',count:16, news:'鍞愪笁钘忓弬瑙佸コ鐜嬮櫅涓�'},{id:6,year: 2022,month:'1-10',count:17, news:'鍞愪笁钘忓弬瑙佸コ鐜嬮櫅涓�'}],
-
- workList: [{id:1,year: 2022,month:'1-10',count:10, news:'榛戜汉瓒呯櫧绔圭偔娣辨磥鐗欒啅'},{id:2,year: 2022,month:'1-10',count:11, news:'榛戜汉瓒呯櫧绔圭偔娣辨磥鐗欒啅'},
- {id:3,year: 2022,month:'1-10',count:12, news:'榛戜汉瓒呯櫧绔圭偔娣辨磥鐗欒啅'},{id:4,year: 2022,month:'1-10',count:13, news:'榛戜汉瓒呯櫧绔圭偔娣辨磥鐗欒啅'},
- {id:5,year: 2022,month:'1-10',count:14, news:'榛戜汉瓒呯櫧绔圭偔娣辨磥鐗欒啅'},{id:6,year: 2022,month:'1-10',count:14, news:'榛戜汉瓒呯櫧绔圭偔娣辨磥鐗欒啅'},
- {id:6,year: 2022,month:'1-10',count:15, news:'榛戜汉瓒呯櫧绔圭偔娣辨磥鐗欒啅'},{id:6,year: 2022,month:'1-10',count:16, news:'榛戜汉瓒呯櫧绔圭偔娣辨磥鐗欒啅'},
- {id:6,year: 2022,month:'1-10',count:16, news:'榛戜汉瓒呯櫧绔圭偔娣辨磥鐗欒啅'},{id:6,year: 2022,month:'1-10',count:17, news:'榛戜汉瓒呯櫧绔圭偔娣辨磥鐗欒啅'}],
+ noticeList: [],
+ schoolList: [],
+ workList: [],
+ currentPage:1,
+ pageSize:4,
+ total:0,
}
},
+ mounted(){
+ this.getnotice();
+ this.getwork();
+ this.getschool();
+ },
methods: {
- toNoticeMsg(id,count) {
+ handleCurrentChange(val){
+ console.log(`褰撳墠椤�: ${val}`);
+ this.getnotice();
+ this.getwork();
+ this.getschool();
+ },
+ //鑾峰彇鏂伴椈鍒楄〃
+ getnotice(){
+ const data = {
+ current:this.currentPage,
+ newsCategoryId:42,
+ size:this.pageSize
+ }
+ getNewsList(data).then(res => {
+ console.log(res);
+ if(res.code == 200){
+ this.noticeList = res.data.records
+ this.total = Number(res.data.total)
+ }
+ }).catch(error => {
+ console.log(error);
+ })
+ },
+ getwork(){
+ const data = {
+ current:this.currentPage,
+ newsCategoryId:43,
+ size:this.pageSize
+ }
+ getNewsList(data).then(res => {
+ console.log(res);
+ if(res.code == 200){
+ this.workList = res.data.records
+ this.total = Number(res.data.total)
+ }
+ }).catch(error => {
+ console.log(error);
+ })
+ },
+ getschool(){
+ const data = {
+ current:this.currentPage,
+ newsCategoryId:44,
+ size:this.pageSize
+ }
+ getNewsList(data).then(res => {
+ console.log(res);
+ if(res.code == 200){
+ this.schoolList = res.data.records
+ this.total = Number(res.data.total)
+ }
+ }).catch(error => {
+ console.log(error);
+ })
+ },
+ toNoticeMsg(id) {
this.$router.push({
- path: '/home/noticeMessage',
+ path: '/home/news',
query: {
id: id,
- count: count
}
})
window.location.reload()
},
- toSchoolMsg(id,count) {
+ toSchoolMsg(id) {
this.$router.push({
- path: '/home/schoolMessage',
+ path: '/home/news',
query: {
id: id,
- count: count
}
})
window.location.reload()
},
- toWorkMsg(id,count) {
+ toWorkMsg(id) {
this.$router.push({
- path: '/home/workMessage',
+ path: '/home/news',
query: {
id: id,
- count: count
}
})
window.location.reload()
@@ -117,17 +202,24 @@
margin-bottom: 10px;
}
.time {
- width: 80px;
+ width: 100px;
+ padding: 17px 0px;
display: flex;
flex-direction: column;
- padding: 8px;
background-color: rgb(1, 72, 153);
color: white;
text-align: center;
}
.title {
- width: 1030px;
- height: 70px;
+ 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>
\ No newline at end of file
--
Gitblit v1.8.0