From c590aaeca3e0a066016d2ff2c7c4cf96a7ca446f Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期三, 16 十一月 2022 09:35:29 +0800
Subject: [PATCH] first commit
---
src/views/homePage/moreMessage.vue | 186 +++++++++++++++++++++++-----------------------
1 files changed, 94 insertions(+), 92 deletions(-)
diff --git a/src/views/homePage/moreMessage.vue b/src/views/homePage/moreMessage.vue
index 88b6789..62a0481 100644
--- a/src/views/homePage/moreMessage.vue
+++ b/src/views/homePage/moreMessage.vue
@@ -17,14 +17,8 @@
</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">
+ <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>
@@ -43,22 +37,16 @@
</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">
+ <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>
+ </el-card>
</ul>
</div>
<div v-if="this.$route.query.type == '宸ヤ綔鐘舵��'">
- <ul>
- <el-card>
+ <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">
@@ -70,24 +58,18 @@
</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">
+ <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>
+ </el-card>
</ul>
</div>
</div>
</div>
</template>
<script>
-import {getNewsList} from '../../api/api'
+import { getNewsList } from '../../api/api'
export default {
name: 'moreMessage',
data() {
@@ -95,77 +77,99 @@
noticeList: [],
schoolList: [],
workList: [],
- currentPage:1,
- pageSize:4,
- total:0,
+ currentPagenotice: 1, //閫氱煡鍏憡鐨勫綋鍓嶉〉
+ currentPageschool: 1, //瀛﹂櫌鍔ㄦ�佺殑褰撳墠椤�
+ currentPagework: 1, //宸ヤ綔鍔ㄦ�佺殑褰撳墠椤�
+ pageSize: 10,
+ totalnotice: 0, //閫氱煡鍏憡鏂伴椈鐨勬�绘潯鏁�
+ totalschool: 0, //瀛﹂櫌鍔ㄦ�佹柊闂荤殑鎬绘潯鏁�
+ totalwork: 0 //宸ヤ綔鍔ㄦ�佹柊闂荤殑鎬绘潯鏁�
}
},
- mounted(){
- this.getnotice();
- this.getwork();
- this.getschool();
+ mounted() {
+ this.getnotice()
+ this.getwork()
+ this.getschool()
},
methods: {
- handleCurrentChange(val){
- console.log(`褰撳墠椤�: ${val}`);
- this.getnotice();
- this.getwork();
- this.getschool();
+ //閫氱煡鍏憡鐨勫垎椤靛垏鎹�
+ 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(){
+ getnotice() {
const data = {
- current:this.currentPage,
- newsCategoryId:42,
- size:this.pageSize
+ 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.total = Number(res.data.total)
- }
- }).catch(error => {
- console.log(error);
- })
+ 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(){
+ getwork() {
const data = {
- current:this.currentPage,
- newsCategoryId:43,
- size:this.pageSize
+ 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.total = Number(res.data.total)
- }
- }).catch(error => {
- console.log(error);
- })
+ 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(){
+ getschool() {
const data = {
- current:this.currentPage,
- newsCategoryId:44,
- size:this.pageSize
+ 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.total = Number(res.data.total)
- }
- }).catch(error => {
- console.log(error);
- })
+ 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,
+ id: id
}
})
window.location.reload()
@@ -174,7 +178,7 @@
this.$router.push({
path: '/home/news',
query: {
- id: id,
+ id: id
}
})
window.location.reload()
@@ -183,7 +187,7 @@
this.$router.push({
path: '/home/news',
query: {
- id: id,
+ id: id
}
})
window.location.reload()
@@ -191,12 +195,12 @@
}
}
</script>
-<style >
+<style>
.underline {
border-bottom: 1px solid #0f99e9;
}
.lieBiao {
- width: 95%;
+ width: 100%;
height: 60px;
background: rgb(241, 241, 241);
margin-bottom: 10px;
@@ -204,22 +208,20 @@
.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;
+ width: 980px;
height: 50px;
overflow: hidden;
line-height: 60px;
/* // background-color: rgb(179, 19, 19); */
padding: 0 0 0 10px;
}
-.ul{
- width: 700px;
- margin: 0 auto;
+.ul {
+ width: 1100px;
+ margin: 0;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0