From ff09b193287c6c53ec4447c763673858a0862a72 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Tue, 4 Apr 2023 19:30:52 +0800
Subject: [PATCH] =?UTF-8?q?fix(dialog):=20snackbar=20=E6=9B=BF=E6=8D=A2=20?=
 =?UTF-8?q?dialog?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/GCG.vue  | 10 +++++++---
 src/pages/News.vue | 29 ++++++++++++++++++++++-------
 2 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/src/pages/GCG.vue b/src/pages/GCG.vue
index 18ec1a07..56540d60 100644
--- a/src/pages/GCG.vue
+++ b/src/pages/GCG.vue
@@ -104,14 +104,13 @@
 				</div>
 			</div>
 		</div>
+		<v-snackbar v-model="snackbar" timeout="1500" color="error"> 未找到相关卡牌 </v-snackbar>
 	</div>
 </template>
 <script lang="ts" setup>
 // vue
 import { ref, onMounted } from "vue";
 import TLoading from "../components/t-loading.vue";
-// tauri
-import { dialog } from "@tauri-apps/api";
 // utils
 import { createTGWindow } from "../utils/TGWindow";
 import { ReadAllTGData } from "../utils/TGIndex";
@@ -119,9 +118,14 @@ import { ReadAllTGData } from "../utils/TGIndex";
 import { BaseCard, ActionCard, CharacterCard, MonsterCard } from "../interface/GCG";
 import { OBC_CONTENT_API } from "../plugins/Mys/interface/utils";
 
+// loading
 const loading = ref(true);
+// snackbar
+const snackbar = ref(false);
+// search
 const doSearch = ref(false);
 const search = ref("");
+// data
 const tab = ref("character");
 const CardsInfoC = ref([] as CharacterCard[]);
 const CardsInfoA = ref([] as ActionCard[]);
@@ -152,7 +156,7 @@ async function searchCard() {
 	res.sort((a, b) => a.name.localeCompare(b.name));
 	loading.value = false;
 	if (res.length == 0) {
-		await dialog.message("未找到相关卡牌");
+		snackbar.value = true;
 		doSearch.value = false;
 	} else {
 		CardsInfoS.value = res;
diff --git a/src/pages/News.vue b/src/pages/News.vue
index 66ea42f2..03d9085e 100644
--- a/src/pages/News.vue
+++ b/src/pages/News.vue
@@ -133,6 +133,9 @@
 				</div>
 			</v-window-item>
 		</v-window>
+		<v-snackbar v-model="snackbar" timeout="1500" :color="snackbarColor">
+			{{ snackbarText }}
+		</v-snackbar>
 	</div>
 </template>
 
@@ -141,8 +144,6 @@
 import { onMounted, ref } from "vue";
 import { useRouter } from "vue-router";
 import TLoading from "../components/t-loading.vue";
-// tauri
-import { dialog } from "@tauri-apps/api";
 // store
 import useAppStore from "../store/modules/app";
 // plugin
@@ -159,6 +160,10 @@ const appStore = useAppStore();
 const loading = ref(true);
 const loadingTitle = ref("正在加载");
 const loadingSub = ref(false);
+// snackbar
+const snackbar = ref(false);
+const snackbarText = ref("");
+const snackbarColor = ref("success");
 // 路由
 const router = useRouter();
 // search
@@ -219,7 +224,9 @@ async function loadMore(data: string) {
 	switch (data) {
 		case "notice":
 			if (rawData.value.notice.is_last) {
-				await dialog.message("已经是最后一页了");
+				snackbarText.value = "已经是最后一页了";
+				snackbarColor.value = "#35acce";
+				snackbar.value = true;
 				loadingSub.value = false;
 				return;
 			}
@@ -232,7 +239,9 @@ async function loadMore(data: string) {
 			break;
 		case "activity":
 			if (rawData.value.activity.is_last) {
-				await dialog.message("已经是最后一页了");
+				snackbarText.value = "已经是最后一页了";
+				snackbarColor.value = "#35acce";
+				snackbar.value = true;
 				loadingSub.value = false;
 				return;
 			}
@@ -245,7 +254,9 @@ async function loadMore(data: string) {
 			break;
 		case "news":
 			if (rawData.value.news.is_last) {
-				await dialog.message("已经是最后一页了");
+				snackbarText.value = "已经是最后一页了";
+				snackbarColor.value = "#35acce";
+				snackbar.value = true;
 				loadingSub.value = false;
 				return;
 			}
@@ -302,14 +313,18 @@ async function toJson(item: NewsCard | string) {
 
 async function searchPost() {
 	if (search.value === "") {
-		await dialog.message("请输入搜索内容");
+		snackbarText.value = "请输入搜索内容";
+		snackbarColor.value = "error";
+		snackbar.value = true;
 		return;
 	}
 	if (!isNaN(Number(search.value))) {
 		await toPost(search.value);
 		await toJson(search.value);
 	} else {
-		await dialog.message("请输入数字");
+		snackbarText.value = "请输入搜索内容";
+		snackbarColor.value = "error";
+		snackbar.value = true;
 		return;
 	}
 }