From a938a0b586e721eccf3701376d516ef5ecd62b90 Mon Sep 17 00:00:00 2001
From: Layzzi <Shadow_sock@icloud.com>
Date: Wed, 20 Jan 2021 16:01:57 +0800
Subject: [PATCH] swal

tips in Push.vue modified into swal
---
 public/index.html       |  1 +
 src/components/Push.vue | 15 ++++++---------
 src/main.js             |  4 ++++
 src/router/index.js     |  5 +++++
 4 files changed, 16 insertions(+), 9 deletions(-)
diff --git a/public/index.html b/public/index.html
index ae2876b..d9b7b0e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,6 +7,7 @@
     <title>学生事务系统 - 消息推送</title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.12.7/dist/sweetalert2.all.min.js"></script>
   </head>
   <body style="margin: 0;">
     <noscript>
diff --git a/src/components/Push.vue b/src/components/Push.vue
index 84caf3b..82738e6 100644
--- a/src/components/Push.vue
+++ b/src/components/Push.vue
@@ -5,7 +5,6 @@
       <v-text-field label="链接文字" outlined v-model="linkText"></v-text-field>
       <v-text-field label="链接" outlined v-model="link"></v-text-field>
       <v-textarea :error-message="error" label="正文(markdown语法)" v-model="text" outlined auto-grow></v-textarea>
-      <p>{{ tip }}</p>
       <v-btn color="primary" large :disabled="!link || !linkText || !text" :loading="loading" @click="submit">推送</v-btn>
     </v-form>
   </div>
@@ -29,12 +28,6 @@ export default {
   components: {
     Group
   },
-  watch: {
-    text () { this.tip = this.error = '' },
-    link () { this.tip = this.error = '' },
-    group () { this.tip = this.error = '' },
-    linkText () { this.tip = this.error = ''}
-  },
   methods: {
     async submit () {
       this.loading = true
@@ -47,10 +40,14 @@ export default {
           }
         }, { headers: { token: SS.token } })
         .then(() => {
-          this.tip = '推送已发布'
+          this.$swal.fire('推送已发布', '', 'success')
         })
         .catch(err => {
-          this.error = err.response.data
+          this.$swal.fire(({
+            icon: 'error',
+            title: '错误',
+            html: `<code>${err.response.data}<code>`
+          }))
         })
       this.loading = false
     }
diff --git a/src/main.js b/src/main.js
index bbe7f0e..016ec9a 100644
--- a/src/main.js
+++ b/src/main.js
@@ -9,6 +9,10 @@ Vue.config.productionTip = false
 Vue.prototype.$ajax = axios.create({
   baseURL: 'https://sas.aauth.link/'
 })
+Vue.prototype.$swal = window.Swal
+Vue.prototype.$swal.catch = err => {
+  window.Swal.fire('错误', err.response ? err.response.data : '网络错误', 'error')
+}
 
 new Vue({
   router,
diff --git a/src/router/index.js b/src/router/index.js
index b0b2e69..b45a6f4 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -16,4 +16,9 @@ const router = new VueRouter({
   routes
 })
 
+router.beforeEach((to, from, next) => {
+  window.Swal.close()
+  next()
+})
+
 export default router
