From dc362ed729cde87793d1b9f8b8a7f37f2d37e565 Mon Sep 17 00:00:00 2001
From: ronger <ronger-x@outlook.com>
Date: Wed, 25 May 2022 21:38:07 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E6=B6=88=E6=81=AF=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83-=E4=B8=80=E9=94=AE=E6=A0=87=E8=AE=B0=E5=B7=B2?=
 =?UTF-8?q?=E8=AF=BB=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/common/notification/list.vue | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/components/common/notification/list.vue b/components/common/notification/list.vue
index 715b514..13a72ee 100644
--- a/components/common/notification/list.vue
+++ b/components/common/notification/list.vue
@@ -1,6 +1,12 @@
 <template>
   <client-only>
     <el-row>
+      <el-col v-if="hasUnReadNotification" style="text-align: right;padding: 20px;">
+        <el-link rel="nofollow" :underline="false"
+                 @click="readAll()">
+          <i class="el-icon-check"></i> 一键标记已读
+        </el-link>
+      </el-col>
       <el-col v-for="notification in notifications.notifications" :key="notification.idNotification">
         <el-col v-if="notification.dataType == 0">
           <el-col :xs="16" :sm="20" :xl="20">
@@ -80,6 +86,18 @@ export default {
       type: Object
     }
   },
+  computed: {
+    hasUnReadNotification: function () {
+      let nums = 0;
+      let notifications = this.notifications.notifications;
+      for (const index in notifications) {
+        if (notifications[index].hasRead === '0') {
+          nums++;
+        }
+      }
+      return nums > 0;
+    }
+  },
   methods: {
     currentChange(page) {
       this.$emit('currentChange', page);
@@ -91,6 +109,13 @@ export default {
         _ts.$store.dispatch('notification/fetchList', {page: 1})
       }).catch(error => console.log(error));
     },
+    readAll() {
+      let _ts = this;
+      this.$axios.$put('/api/notification/read-all').then(function () {
+        _ts.$store.commit('notification/updateState', true)
+        _ts.$store.dispatch('notification/fetchList', {page: 1})
+      }).catch(error => console.log(error));
+    },
     onRouter(notification) {
       if (notification.hasRead === '0') {
         this.read(notification.idNotification);