|
@@ -12,11 +12,15 @@
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</el-tabs>
|
|
<el-scrollbar style="height:300px">
|
|
<el-scrollbar style="height:300px">
|
|
- <avue-notice :data="data"
|
|
|
|
- :option="option"
|
|
|
|
- @click="goUrl"
|
|
|
|
- @page-change="pageChange"
|
|
|
|
- v-loading="loading"
|
|
|
|
|
|
+ <div class="allRead" v-show="activeName == 'unread'">
|
|
|
|
+ <el-button type="text" @click="allRead" :disabled="data.length==0">一键已读</el-button>
|
|
|
|
+ </div>
|
|
|
|
+ <avue-notice
|
|
|
|
+ :data="data"
|
|
|
|
+ :option="option"
|
|
|
|
+ @click="goUrl"
|
|
|
|
+ @page-change="pageChange"
|
|
|
|
+ v-loading="loading"
|
|
>
|
|
>
|
|
</avue-notice>
|
|
</avue-notice>
|
|
</el-scrollbar>
|
|
</el-scrollbar>
|
|
@@ -140,6 +144,18 @@ export default {
|
|
this.assistMessage()
|
|
this.assistMessage()
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ allRead() {
|
|
|
|
+ console.log('一键全读');
|
|
|
|
+ this.data.forEach(e => {
|
|
|
|
+ getMsgDetail(e.id).then(res => {
|
|
|
|
+ this.$set(e, "isRead", res.data.data.isRead);
|
|
|
|
+ this.assistMessage();
|
|
|
|
+ })
|
|
|
|
+ .finally(() => {
|
|
|
|
+ this.afterData(this.data)
|
|
|
|
+ });
|
|
|
|
+ });
|
|
|
|
+ },
|
|
afterData(data){
|
|
afterData(data){
|
|
if(data.length === 0 ) return this.data = []
|
|
if(data.length === 0 ) return this.data = []
|
|
if (this.activeName == 'unread') {
|
|
if (this.activeName == 'unread') {
|
|
@@ -195,4 +211,11 @@ export default {
|
|
::v-deep .avue-notice__tag {
|
|
::v-deep .avue-notice__tag {
|
|
margin-left: 15px;
|
|
margin-left: 15px;
|
|
}
|
|
}
|
|
|
|
+.allRead {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: end;
|
|
|
|
+ ::v-deep button {
|
|
|
|
+ padding: 0px;
|
|
|
|
+ }
|
|
|
|
+}
|
|
</style>
|
|
</style>
|