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 | 228 ++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 161 insertions(+), 67 deletions(-)
diff --git a/src/views/homePage/moreMessage.vue b/src/views/homePage/moreMessage.vue
index d0673e5..62a0481 100644
--- a/src/views/homePage/moreMessage.vue
+++ b/src/views/homePage/moreMessage.vue
@@ -5,100 +5,189 @@
</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>
+ <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>
- <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>
+ <el-pagination background @current-change="handleCurrentChange2" :current-page.sync="currentPageschool" :page-size="pageSize" layout="prev, pager, next,total" :total="totalschool">
+ </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>
+ <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>
- <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: [],
+ currentPagenotice: 1, //閫氱煡鍏憡鐨勫綋鍓嶉〉
+ currentPageschool: 1, //瀛﹂櫌鍔ㄦ�佺殑褰撳墠椤�
+ currentPagework: 1, //宸ヤ綔鍔ㄦ�佺殑褰撳墠椤�
+ pageSize: 10,
+ totalnotice: 0, //閫氱煡鍏憡鏂伴椈鐨勬�绘潯鏁�
+ totalschool: 0, //瀛﹂櫌鍔ㄦ�佹柊闂荤殑鎬绘潯鏁�
+ totalwork: 0 //宸ヤ綔鍔ㄦ�佹柊闂荤殑鎬绘潯鏁�
}
},
+ mounted() {
+ this.getnotice()
+ this.getwork()
+ this.getschool()
+ },
methods: {
- toNoticeMsg(id,count) {
+ //閫氱煡鍏憡鐨勫垎椤靛垏鎹�
+ 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/noticeMessage',
+ path: '/home/news',
query: {
- id: id,
- count: count
+ id: id
}
})
window.location.reload()
},
- toSchoolMsg(id,count) {
+ toSchoolMsg(id) {
this.$router.push({
- path: '/home/schoolMessage',
+ path: '/home/news',
query: {
- id: id,
- count: count
+ id: id
}
})
window.location.reload()
},
- toWorkMsg(id,count) {
+ toWorkMsg(id) {
this.$router.push({
- path: '/home/workMessage',
+ path: '/home/news',
query: {
- id: id,
- count: count
+ id: id
}
})
window.location.reload()
@@ -106,28 +195,33 @@
}
}
</script>
-<style >
+<style>
.underline {
border-bottom: 1px solid #0f99e9;
}
.lieBiao {
- width: 95%;
+ width: 100%;
height: 60px;
background: rgb(241, 241, 241);
margin-bottom: 10px;
}
.time {
- width: 80px;
- display: flex;
- flex-direction: column;
- padding: 8px;
+ width: 100px;
+ padding: 17px 0px;
background-color: rgb(1, 72, 153);
color: white;
text-align: center;
}
.title {
- width: 1030px;
- height: 70px;
+ width: 980px;
+ height: 50px;
overflow: hidden;
+ line-height: 60px;
+ /* // background-color: rgb(179, 19, 19); */
+ padding: 0 0 0 10px;
}
-</style>
\ No newline at end of file
+.ul {
+ width: 1100px;
+ margin: 0;
+}
+</style>
--
Gitblit v1.8.0