From 1e04c1f8b4f64cc382a8601df4831809adb2af4f Mon Sep 17 00:00:00 2001
From: ZTL-UwU <zhangtianli2006@163.com>
Date: Tue, 11 Jun 2024 22:43:34 +0800
Subject: [PATCH] feat: improve login

Signed-off-by: ZTL-UwU <zhangtianli2006@163.com>
---
 pages/admin.vue | 35 +++++++++++++++++++++++++++++++++--
 pages/login.vue | 40 ----------------------------------------
 2 files changed, 33 insertions(+), 42 deletions(-)
 delete mode 100644 pages/login.vue

diff --git a/pages/admin.vue b/pages/admin.vue
index 877cc84..2950658 100644
--- a/pages/admin.vue
+++ b/pages/admin.vue
@@ -1,4 +1,20 @@
 <template>
+  <Card v-if="error && !list" class="md:mx-auto md:w-1/2">
+    <CardHeader>
+      <CardTitle>
+        请输入管理员密码
+      </CardTitle>
+      <CardDescription>
+        登陆管理系统
+      </CardDescription>
+    </CardHeader>
+    <CardContent>
+      <Input v-model="inputPassword" />
+      <Button class="w-full mt-4" @click="checkPassword">
+        登陆
+      </Button>
+    </CardContent>
+  </Card>
   <Card v-for="post in list" :key="post.id" class="mb-4">
     <CardHeader class="flex flex-row">
       <CardTitle class="text-lg">
@@ -26,14 +42,29 @@ import { useToast } from '~/components/ui/toast';
 import { categoryMap } from '~/constants';
 import { useAdminStore } from '~/store/admin';
 
-const adminStore = useAdminStore();
 const { toast } = useToast();
 const { $api } = useNuxtApp();
 
-const { data: list } = await $api.guideReviewList.useQuery({
+const adminStore = useAdminStore();
+const inputPassword = ref('');
+
+const { data: list, error } = await $api.guideReviewList.useQuery({
   password: adminStore.password,
 });
 
+async function checkPassword() {
+  try {
+    await $api.checkPassword.query({ password: inputPassword.value });
+    adminStore.password = inputPassword.value;
+    toast({ title: '登陆成功' });
+    list.value = await $api.guideReviewList.query({
+      password: adminStore.password,
+    });
+  } catch (err) {
+    toast({ variant: 'destructive', title: '密码错误' });
+  }
+}
+
 async function approve(id: number) {
   try {
     await $api.modify.mutate({
diff --git a/pages/login.vue b/pages/login.vue
deleted file mode 100644
index 552acd5..0000000
--- a/pages/login.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-  <Card class="md:mx-auto md:w-1/2">
-    <CardHeader>
-      <CardTitle>
-        请输入管理员密码
-      </CardTitle>
-      <CardDescription>
-        登陆管理系统
-      </CardDescription>
-    </CardHeader>
-    <CardContent>
-      <Input v-model="inputPassword" />
-      <Button class="w-full mt-4" @click="checkPassword">
-        登陆
-      </Button>
-    </CardContent>
-  </Card>
-</template>
-
-<script setup lang="ts">
-import { useToast } from '~/components/ui/toast';
-import { useAdminStore } from '~/store/admin';
-
-const adminStore = useAdminStore();
-const inputPassword = ref('');
-
-const { toast } = useToast();
-const { $api } = useNuxtApp();
-
-async function checkPassword() {
-  try {
-    await $api.checkPassword.query({ password: inputPassword.value });
-    adminStore.password = inputPassword.value;
-    toast({ title: '登陆成功' });
-    navigateTo('/admin');
-  } catch (err) {
-    toast({ variant: 'destructive', title: '密码错误' });
-  }
-}
-</script>