From 739c1800433ce79ed87e504ef65bf93c12f98295 Mon Sep 17 00:00:00 2001
From: ronger <ronger-x@outlook.com>
Date: Tue, 27 Apr 2021 21:12:16 +0800
Subject: [PATCH] =?UTF-8?q?:bug:=20=E6=B6=88=E6=81=AF=E6=A0=87=E8=AE=B0?=
 =?UTF-8?q?=E5=B7=B2=E8=AF=BB=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/common/notification/list.vue | 50 +++++++++++++------------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/components/common/notification/list.vue b/components/common/notification/list.vue
index a8dde54..715b514 100644
--- a/components/common/notification/list.vue
+++ b/components/common/notification/list.vue
@@ -9,7 +9,8 @@
             <el-col style="font-size: 12px;color: #7f828b;">{{ notification.createdTime }}</el-col>
           </el-col>
           <el-col :xs="8" :sm="4" :xl="4" class="text-right" style="padding-right: 1rem;">
-            <el-link rel="nofollow" v-if="notification.hasRead === '0'" :underline="false" @click="read(notification.idNotification)">
+            <el-link rel="nofollow" v-if="notification.hasRead === '0'" :underline="false"
+                     @click="read(notification.idNotification)">
               <i class="el-icon-check"></i> 标记已读
             </el-link>
           </el-col>
@@ -21,7 +22,8 @@
             <el-col style="font-size: 12px;color: #7f828b;">{{ notification.createdTime }}</el-col>
           </el-col>
           <el-col :xs="8" :sm="4" :xl="4" class="text-right" style="padding-right: 1rem;">
-            <el-link rel="nofollow" v-if="notification.hasRead === '0'" :underline="false" @click="read(notification.idNotification)">
+            <el-link rel="nofollow" v-if="notification.hasRead === '0'" :underline="false"
+                     @click="read(notification.idNotification)">
               <i class="el-icon-check"></i> 标记已读
             </el-link>
           </el-col>
@@ -71,32 +73,32 @@
 </template>
 
 <script>
-  export default {
-    name: "NotificationList",
-    props: {
-      notifications: {
-        type: Object
-      }
+export default {
+  name: "NotificationList",
+  props: {
+    notifications: {
+      type: Object
+    }
+  },
+  methods: {
+    currentChange(page) {
+      this.$emit('currentChange', page);
     },
-    methods: {
-      currentChange(page) {
-        this.$emit('currentChange', page);
-      },
-      read(id) {
-        let _ts = this;
-        this.$axios.$put('/api/notification/read/' + id).then(function () {
-          _ts.$store.commit('notification/updateState', true)
-          _ts.currentChange(1);
-        }).catch(error => console.log(error));
-      },
-      onRouter(notification) {
-        if (notification.hasRead === '0') {
-          this.read(notification.idNotification);
-        }
-        window.location.href = notification.dataUrl;
+    read(id) {
+      let _ts = this;
+      this.$axios.$put('/api/notification/read/' + id).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);
       }
+      window.location.href = notification.dataUrl;
     }
   }
+}
 </script>
 
 <style scoped>