优化消息弹窗交互

web/public/js/components/messages/message-row.js

@@ -1,5 +1,5 @@
 Vue.component("message-row", {
-    props: ["v-message"],
+	props: ["v-message", "v-can-close"],
 	data: function () {
 		let paramsJSON = this.vMessage.params
 		let params = null
@@ -9,7 +9,8 @@ Vue.component("message-row", {
 
 		return {
 			message: this.vMessage,
-            params: params
+			params: params,
+			isClosing: false
 		}
 	},
 	methods: {
@@ -20,6 +21,8 @@ Vue.component("message-row", {
 			})
 		},
 		readMessage: function (messageId) {
+			let that = this
+
 			Tea.action("/messages/readPage")
 				.params({"messageIds": [messageId]})
 				.post()
@@ -30,12 +33,19 @@ Vue.component("message-row", {
 					}
 
 					// 刷新当前页面
+					if (that.vCanClose && typeof (NotifyPopup) != "undefined") {
+						that.isClosing = true
+						setTimeout(function () {
+							NotifyPopup({})
+						}, 1000)
+					} else {
 						teaweb.reload()
+					}
 				})
 		}
 	},
 	template: `<div>
-<table class="ui table selectable">
+<table class="ui table selectable" v-if="!isClosing">
 	<tr :class="{error: message.level == 'error', positive: message.level == 'success', warning: message.level == 'warning'}">
 		<td style="position: relative">
 			<strong>{{message.datetime}}</strong>

web/views/@default/messages/index.html

@@ -8,6 +8,6 @@
 
 <p class="comment" v-if="messages.length == 0">暂时还没有消息。</p>
 
-<message-row v-for="message in messages" :v-message="message" :key="message.id"></message-row>
+<message-row v-for="message in messages" :v-message="message" :key="message.id" :v-can-close="messages.length == 1"></message-row>
 
 <div class="page" v-html="page"></div>