From 3fbb5e3166522734fd5407bcdf76c384d40e9dfa Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期一, 10 一月 2022 16:03:25 +0800
Subject: [PATCH] 1.0
---
src/views/homePage/moreMessage.vue | 114 ++++++++++++++++++++++++++++++++++----------------------
1 files changed, 69 insertions(+), 45 deletions(-)
diff --git a/src/views/homePage/moreMessage.vue b/src/views/homePage/moreMessage.vue
index 3142aab..d0673e5 100644
--- a/src/views/homePage/moreMessage.vue
+++ b/src/views/homePage/moreMessage.vue
@@ -6,36 +6,42 @@
<div class="mart15">
<div v-if="this.$route.query.type == '閫氱煡鍏憡'">
<ul>
- <li
- class="lieBiao flex-v flex-conter padt10 liPointer"
- :key="index"
- v-for="(item, index) in noticeList"
- >
+ <li class="lieBiao flex-v flex-between" :key="index" v-for="(item, index) in noticeList">
<div class="time">
- <span>{{ item.date }}</span>
- <span>{{ item.years }}</span>
+ <span>{{ item.year }}</span>
+ <span>{{ item.month }}</span>
</div>
- <div class="title" @click="toNoticeMsg(item.title)">
- {{ item.title }}
+ <div class="title liPointer" @click="toNoticeMsg(item.id,item.count)">
+ {{ item.news }}
</div>
</li>
</ul>
</div>
<div v-if="this.$route.query.type == '瀛﹂櫌鍔ㄦ��'">
<ul>
- <li :key="index" v-for="(item, index) in schoolList" class="liPointer">
+ <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 @click="toNoticeMsg(item.title)">{{ item.title }}</div>
+ <div class="time">
+ <span>{{ item.year }}</span>
+ <span>{{ item.month }}</span>
+ </div>
+ <div class="title liPointer" @click="toSchoolMsg(item.id,item.count)">
+ {{ item.news }}
+ </div>
</li>
</ul>
</div>
<div v-if="this.$route.query.type == '宸ヤ綔鐘舵��'">
<ul>
- <li :key="index" v-for="(item, index) in workList" class="liPointer">
+ <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 @click="toNoticeMsg(item.title)">{{ item.title }}</div>
+ <div class="time">
+ <span>{{ item.year }}</span>
+ <span>{{ item.month }}</span>
+ </div>
+ <div class="title liPointer" @click="toWorkMsg(item.id,item.count)">{{ item.news }}</div>
</li>
</ul>
</div>
@@ -47,39 +53,55 @@
name: 'moreMessage',
data() {
return {
- noticeList: [
- { years: '2021', date: '11-2', title: '鎴戞槸鏍囬1' },
- { years: '2021', date: '11-2', title: '鎴戞槸鏍囬2' },
- { years: '2021', date: '11-2', title: '鎴戞槸鏍囬3' },
- { years: '2021', date: '11-2', title: '鎴戞槸鏍囬4' },
- { years: '2021', date: '11-2', title: '鎴戞槸鏍囬5' }
- ],
- schoolList: [
- { id: '1', title: '瀛︽牎鐘舵��1' },
- { id: '2', title: '瀛︽牎鐘舵��2' },
- { id: '3', title: '瀛︽牎鐘舵��3' },
- { id: '4', title: '瀛︽牎鐘舵��4' },
- { id: '5', title: '瀛︽牎鐘舵��5' },
- { id: '6', title: '瀛︽牎鐘舵��6' }
- ],
- workList: [
- { id:'1', title: '宸ヤ綔鐘舵��1' },
- { id:'2', title: '宸ヤ綔鐘舵��2' },
- { id:'3', title: '宸ヤ綔鐘舵��3' },
- { id:'4', title: '宸ヤ綔鐘舵��4' },
- { id:'5', title: '宸ヤ綔鐘舵��5' },
- { id:'6', title: '宸ヤ綔鐘舵��6' },
- ]
+ 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:'榛戜汉瓒呯櫧绔圭偔娣辨磥鐗欒啅'}],
}
},
methods: {
- toNoticeMsg(t) {
+ toNoticeMsg(id,count) {
this.$router.push({
path: '/home/noticeMessage',
query: {
- title: t
+ id: id,
+ count: count
}
})
+ window.location.reload()
+ },
+ toSchoolMsg(id,count) {
+ this.$router.push({
+ path: '/home/schoolMessage',
+ query: {
+ id: id,
+ count: count
+ }
+ })
+ window.location.reload()
+ },
+ toWorkMsg(id,count) {
+ this.$router.push({
+ path: '/home/workMessage',
+ query: {
+ id: id,
+ count: count
+ }
+ })
+ window.location.reload()
}
}
}
@@ -90,20 +112,22 @@
}
.lieBiao {
width: 95%;
- height: 80px;
- background: rgb(202, 202, 202);
- overflow: hidden;
+ height: 60px;
+ background: rgb(241, 241, 241);
margin-bottom: 10px;
}
.time {
- width: 100px;
- overflow: hidden;
+ width: 80px;
display: flex;
flex-direction: column;
+ padding: 8px;
+ background-color: rgb(1, 72, 153);
+ color: white;
+ text-align: center;
}
.title {
- width: 500px;
+ width: 1030px;
height: 70px;
overflow: hidden;
}
-</style>
\ No newline at end of file
+</style>
\ No newline at end of file
--
Gitblit v1.8.0