This commit is contained in:
daihh
2022-10-24 18:01:15 +08:00
4 changed files with 36 additions and 16 deletions

View File

@@ -238,6 +238,7 @@
.ach-ul{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
border-bottom: 1px solid rgba($color: #999999, $alpha: 0.21);
padding-bottom: 4px;
::v-deep .ach-box{
@@ -245,11 +246,11 @@
width: 58px;
// margin: 0 auto;/
text-align: center;
margin-left: 4px;
margin-right: 40px;
margin-left: 22px;
margin-right:22px;
margin-bottom: 18px;
&:nth-child(3){
// margin-right: 0px;
&:nth-child(1){
margin-left: 0px;
}
.medal-text{
font-size: 12px;

View File

@@ -140,6 +140,8 @@
mounted() {
this.$bus.$on('followIndex',(num)=>{
this.activeName = "7";
this.$refs.followList.resetActive();
this.$refs.followList.getPage();
})
},
methods:{

View File

@@ -44,10 +44,10 @@
<div class="msg-list" v-for="(item, index) in data" :key="index">
<div class="msg-top">
<div>
<span style="padding-right: 10px;"><el-checkbox v-model="item.checked" @change="setCheckAll"></el-checkbox></span>
<span style="padding-right: 10px;"><el-checkbox v-model="item.checked" @change="setCheckAll(item)"></el-checkbox></span>
<span v-if="!item.isRead" style="font-size:12px;padding:5px 7px; border-radius: 2px;background: #FF6562;color: #fff;margin-right: 5px">未读</span>
<span v-else style="font-size:14px;padding:5px 7px; background: #eee; border-radius: 2px; color: #666666;margin-right: 5px">已读</span>
<a :href="returnRouter(item)">
@@ -56,7 +56,7 @@
</div>
</div>
<div class="msg-body">
<a :href="returnRouter(item)">
<a :href="returnRouter(item)">
<div class="msg-body-content">{{item.tip}}-{{ item.content }}</div>
</a>
<div class="msg-body-but">
@@ -64,7 +64,7 @@
</div>
</div>
<div class="msg-time">{{ item.msgTime }}</div>
</div>
</div>
<div style="text-align: center;margin-top: 50px" v-if="total > queryData.pageSize">
@@ -112,6 +112,7 @@ export default {
checkAll: false,
data: [],
totalPages: '',
checkedIds:[],
isIndeterminate: false,
url: ''
};
@@ -181,8 +182,14 @@ export default {
// console.log(this.data,"点击加载中最后一次添加操作的data数据")
// }
// },
setCheckAll(e) {
let flag = !e;
setCheckAll(item) {
if(item.checked){
this.checkedIds.push(item.id);
}else{
let obj = this.checkedIds.indexOf(item.id);
this.checkedIds.splice(obj, 1)
}
let flag = !item.checked;
let has = this.data.some(msg => {
return msg.checked == flag;
});
@@ -191,7 +198,7 @@ export default {
this.isIndeterminate = true;
} else {
this.isIndeterminate = false;
this.checkAll = e;
this.checkAll = item.checked;
}
},
//改变已读状态的操作
@@ -202,17 +209,27 @@ export default {
if (!this.data[i].isRead) {
ids.push(this.data[i].id);
}
}
if (ids.length !== 0) {
if(this.checkedIds.length>0){
apiMessage.updateIsRead(this.checkedIds).then(res => {
if (res.status == 200) {
this.$store.dispatch('refrashMsg');
this.queryMessage(true)
}
});
this.checkedIds = [];
return;
}
if(this.checkAll){
apiMessage.updateIsRead(ids).then(res => {
if (res.status == 200) {
this.$store.dispatch('refrashMsg');
this.queryMessage(true)
}
});
return;
}
// this.queryMessage();
},
delChooseList() {
let list = this.data.filter(item => item.checked).map(v => v.id);