通知修复

src/helpers/notification.js

@@ -66,9 +66,9 @@ export const createNotification = data => {
   const timemap = dayjs().valueOf()
   const callback_key = `${timemap}_${createRandom()}`
   clickEvents[callback_key] = onClick
-  clickEvents[callback_key] = onShow
-  clickEvents[callback_key] = onError
-  clickEvents[callback_key] = onClose
+  showEvents[callback_key] = onShow
+  errorEvents[callback_key] = onError
+  closeEvents[callback_key] = onClose
   notificationWorker.postMessage({
     ...rest,
     timemap,

src/views/main/abnormal/index.vue

@@ -14,7 +14,7 @@
         <div>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</div>
         <div>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</div>
       </el-collapse-item>
-      <div>21312312</div>
+      <div @click="send">21312312</div>
       <el-collapse-item title="反馈 Feedback" name="2">
         <div>控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；</div>
         <div>页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。</div>
@@ -32,10 +32,22 @@
   </div>
 </template>
 <script>
+import { createNotification } from '@/helpers/notification'
 import title from './title'
 export default {
   components: {
     'title-item': title
+  },
+  methods: {
+    send() {
+      createNotification({
+        title: '测试发送通知',
+        body: '您有一条待处理通知，请及时处理',
+        onClick: () => {
+          this.$router.replace('/main/main')
+        }
+      })
+    }
   }
 }
 </script>