From c75156c4ce18e9e2029a26e787441ce12625cdd5 Mon Sep 17 00:00:00 2001
From: Larch-C <tu4tu23min@outlook.com>
Date: Sat, 17 May 2025 18:08:55 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=F0=9F=8E=88=20perf:=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E4=BA=86=E7=99=BB=E5=BD=95=E7=95=8C=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/images/astrbot_logo_mini.webp  | Bin 0 -> 10668 bytes
 dashboard/src/components/shared/Logo.vue      |  70 +++++++
 .../views/authentication/auth/LoginPage.vue   | 102 +++++++++-
 .../authentication/authForms/AuthLogin.vue    | 179 +++++++++++++-----
 4 files changed, 299 insertions(+), 52 deletions(-)
 create mode 100644 dashboard/src/assets/images/astrbot_logo_mini.webp
 create mode 100644 dashboard/src/components/shared/Logo.vue

diff --git a/dashboard/src/assets/images/astrbot_logo_mini.webp b/dashboard/src/assets/images/astrbot_logo_mini.webp
new file mode 100644
index 0000000000000000000000000000000000000000..f6a868c54357a3e42592a2b2d2c326e194176b27
GIT binary patch
literal 10668
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
D2_=XN

literal 0
HcmV?d00001

diff --git a/dashboard/src/components/shared/Logo.vue b/dashboard/src/components/shared/Logo.vue
new file mode 100644
index 000000000..294fae094
--- /dev/null
+++ b/dashboard/src/components/shared/Logo.vue
@@ -0,0 +1,70 @@
+<template>
+  <div class="logo-container">
+    <div class="logo-content">
+      <div class="logo-image">
+        <img width="110" src="@/assets/images/astrbot_logo_mini.webp" alt="AstrBot Logo">
+      </div>
+      <div class="logo-text">
+        <h2 class="text-secondary">AstrBot 仪表盘</h2>
+        <h4 class="text-disabled">登录以继续</h4>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+// No props or other logic needed for this simple component
+</script>
+
+<style scoped>
+.logo-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  margin-bottom: 10px;
+}
+
+.logo-content {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  padding: 10px;
+}
+
+.logo-image {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.logo-image img {
+  transition: transform 0.3s ease;
+}
+
+.logo-image img:hover {
+  transform: scale(1.05);
+}
+
+.logo-text {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.logo-text h2 {
+  margin: 0;
+  font-size: 1.8rem;
+  font-weight: 600;
+  color: #5e35b1;
+  letter-spacing: 0.5px;
+}
+
+.logo-text h4 {
+  margin: 4px 0 0 0;
+  font-size: 1rem;
+  font-weight: 400;
+  color: #616161;
+  letter-spacing: 0.3px;
+}
+</style>
diff --git a/dashboard/src/views/authentication/auth/LoginPage.vue b/dashboard/src/views/authentication/auth/LoginPage.vue
index 63a1f809c..4bcefe07c 100644
--- a/dashboard/src/views/authentication/auth/LoginPage.vue
+++ b/dashboard/src/views/authentication/auth/LoginPage.vue
@@ -1,23 +1,111 @@
 <script setup lang="ts">
 import AuthLogin from '../authForms/AuthLogin.vue';
+import Logo from '@/components/shared/Logo.vue';
+import { onMounted, ref } from 'vue';
+import { useAuthStore } from '@/stores/auth';
+import { useRouter } from 'vue-router';
+
+const cardVisible = ref(false);
+const router = useRouter();
+const authStore = useAuthStore();
+
+onMounted(() => {
+  // 检查用户是否已登录，如果已登录则重定向
+  if (authStore.has_token()) {
+    router.push(authStore.returnUrl || '/');
+    return;
+  }
+  
+  // 添加一个小延迟以获得更好的动画效果
+  setTimeout(() => {
+    cardVisible.value = true;
+  }, 100);
+});
 </script>
 
 <template>
-  <div style="display: flex; justify-content: center; flex-direction: column; align-items: center; height: 100vh; background-color: aliceblue;">
-    <v-card variant="outlined" style="max-width: 500px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);">
-      <v-card-text class="pa-9">
-        <div class="text-center">
+  <div class="login-page-container">
+    <div class="login-background"></div>
+    <v-card 
+      variant="outlined" 
+      class="login-card" 
+      :class="{ 'card-visible': cardVisible }"
+    >
+      <v-card-text class="pa-10">
+        <div class="logo-wrapper">
           <Logo />
-          <h2 class="text-secondary text-h2 mt-4">AstrBot 仪表盘</h2>
-          <h4 class="text-disabled text-h4 mt-3">登录以继续</h4>
+        </div>
+        <div class="divider-container">
+          <v-divider class="custom-divider"></v-divider>
         </div>
         <AuthLogin />
       </v-card-text>
     </v-card>
   </div>
-
 </template>
+
 <style lang="scss">
+.login-page-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  width: 100%;
+  position: relative;
+  background: linear-gradient(135deg, #ebf5fd 0%, #e0e9f8 100%);
+  overflow: hidden;
+}
+
+.login-background {
+  position: absolute;
+  width: 200%;
+  height: 200%;
+  top: -50%;
+  left: -50%;
+  background: radial-gradient(circle, rgba(94, 53, 177, 0.03) 0%, rgba(30, 136, 229, 0.06) 70%);
+  z-index: 0;
+  animation: rotate 60s linear infinite;
+}
+
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.login-card {
+  max-width: 520px;
+  width: 90%;
+  border-radius: 12px !important;
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.07) !important;
+  background-color: rgba(255, 255, 255, 0.98) !important;
+  transform: translateY(20px);
+  opacity: 0;
+  transition: all 0.5s ease;
+  z-index: 1;
+  
+  &.card-visible {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+.logo-wrapper {
+  margin-bottom: 10px;
+}
+
+.divider-container {
+  margin: 20px 0;
+}
+
+.custom-divider {
+  border-color: rgba(0, 0, 0, 0.05) !important;
+  opacity: 0.8;
+}
+
 .loginBox {
   max-width: 475px;
   margin: 0 auto;
diff --git a/dashboard/src/views/authentication/authForms/AuthLogin.vue b/dashboard/src/views/authentication/authForms/AuthLogin.vue
index 55081f08a..ff446ead0 100644
--- a/dashboard/src/views/authentication/authForms/AuthLogin.vue
+++ b/dashboard/src/views/authentication/authForms/AuthLogin.vue
@@ -8,9 +8,12 @@ const valid = ref(false);
 const show1 = ref(false);
 const password = ref('');
 const username = ref('');
+const loading = ref(false);
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 async function validate(values: any, { setErrors }: any) {
+  loading.value = true;
+  
   // md5加密
   let password_ = password.value;
   if (password.value != '') {
@@ -21,67 +24,153 @@ async function validate(values: any, { setErrors }: any) {
   const authStore = useAuthStore();
   return authStore.login(username.value, password_).then((res) => {
     console.log(res);
+    loading.value = false;
   }).catch((err) => {
     setErrors({ apiError: err });
+    loading.value = false;
   });
 }
 
 </script>
 
 <template>
-  <Form @submit="validate" class="mt-7 loginForm" v-slot="{ errors, isSubmitting }">
-    <v-text-field v-model="username" label="用户名" class="mt-4 mb-8" required density="comfortable"
-      hide-details="auto" variant="outlined" color="primary"></v-text-field>
-    <v-text-field v-model="password" label="密码" required density="comfortable" variant="outlined"
-      color="primary" hide-details="auto" :append-icon="show1 ? 'mdi-eye' : 'mdi-eye-off'"
-      :type="show1 ? 'text' : 'password'" @click:append="show1 = !show1" class="pwdInput"></v-text-field>
+  <Form @submit="validate" class="mt-4 login-form" v-slot="{ errors, isSubmitting }">
+    <v-text-field 
+      v-model="username" 
+      label="用户名" 
+      class="mb-6 input-field" 
+      required 
+      density="comfortable"
+      hide-details="auto" 
+      variant="outlined" 
+      color="primary"
+      prepend-inner-icon="mdi-account"
+      :disabled="loading"
+    ></v-text-field>
+    
+    <v-text-field 
+      v-model="password" 
+      label="密码" 
+      required 
+      density="comfortable" 
+      variant="outlined"
+      color="primary" 
+      hide-details="auto" 
+      :append-icon="show1 ? 'mdi-eye' : 'mdi-eye-off'"
+      :type="show1 ? 'text' : 'password'" 
+      @click:append="show1 = !show1" 
+      class="pwd-input"
+      prepend-inner-icon="mdi-lock"
+      :disabled="loading"
+    ></v-text-field>
 
-    <small>默认用户名和密码为 astrbot。</small>
-    <v-btn color="secondary" :loading="isSubmitting" block class="mt-8" variant="flat" size="large" :disabled="valid"
-      type="submit">
-      登录</v-btn>
-    <div v-if="errors.apiError" class="mt-2">
-      <v-alert color="error">{{ errors.apiError }}</v-alert>
+    <div class="mt-1 mb-5 hint-text">
+      <small>默认用户名和密码为 astrbot</small>
+    </div>
+    
+    <v-btn 
+      color="secondary" 
+      :loading="isSubmitting || loading" 
+      block 
+      class="login-btn" 
+      variant="flat" 
+      size="large" 
+      :disabled="valid"
+      type="submit"
+      elevation="2"
+    >
+      <span class="login-btn-text">登录</span>
+    </v-btn>
+    
+    <div v-if="errors.apiError" class="mt-4 error-container">
+      <v-alert 
+        color="error" 
+        variant="tonal" 
+        density="comfortable"
+        icon="mdi-alert-circle"
+        border="start"
+      >
+        {{ errors.apiError }}
+      </v-alert>
     </div>
   </Form>
-
 </template>
 
 <style lang="scss">
-.custom-devider {
-  border-color: rgba(0, 0, 0, 0.08) !important;
-}
-
-.googleBtn {
-  border-color: rgba(0, 0, 0, 0.08);
-  margin: 30px 0 20px 0;
-}
-
-.outlinedInput .v-field {
-  border: 1px solid rgba(0, 0, 0, 0.08);
-  box-shadow: none;
-}
-
-.orbtn {
-  padding: 2px 40px;
-  border-color: rgba(0, 0, 0, 0.08);
-  margin: 20px 15px;
-}
-
-.pwdInput {
-  position: relative;
-
-  .v-input__append {
-    position: absolute;
-    right: 10px;
-    top: 50%;
-    transform: translateY(-50%);
-  }
-}
-
-.loginForm {
+.login-form {
   .v-text-field .v-field--active input {
     font-weight: 500;
   }
+
+  .input-field, .pwd-input {
+    .v-field__field {
+      padding-top: 10px;
+    }
+    
+    .v-field__outline {
+      opacity: 0.7;
+    }
+    
+    &:hover .v-field__outline {
+      opacity: 0.9;
+    }
+    
+    .v-field--focused .v-field__outline {
+      opacity: 1;
+    }
+    
+    .v-field__prepend-inner {
+      padding-right: 8px;
+      opacity: 0.7;
+    }
+  }
+
+  .pwd-input {
+    position: relative;
+
+    .v-input__append {
+      position: absolute;
+      right: 10px;
+      top: 50%;
+      transform: translateY(-50%);
+      opacity: 0.7;
+      
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
+  
+  .login-btn {
+    margin-top: 12px;
+    height: 48px;
+    transition: all 0.3s ease;
+    letter-spacing: 0.5px;
+    
+    &:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 5px 15px rgba(94, 53, 177, 0.2) !important;
+    }
+    
+    .login-btn-text {
+      font-size: 1.05rem;
+      font-weight: 500;
+    }
+  }
+  
+  .hint-text {
+    color: rgba(0, 0, 0, 0.5);
+    padding-left: 5px;
+  }
+  
+  .error-container {
+    .v-alert {
+      border-left-width: 4px !important;
+    }
+  }
+}
+
+.custom-devider {
+  border-color: rgba(0, 0, 0, 0.08) !important;
 }
 </style>

From f67b9f5f6ec691bfd80557db67d8477e9a79a2cc Mon Sep 17 00:00:00 2001
From: Larch-C <tu4tu23min@outlook.com>
Date: Sat, 17 May 2025 18:09:49 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=F0=9F=90=9E=20fix:=20=E8=A7=A3=E5=86=B3?=
 =?UTF-8?q?=E4=BA=86=E5=A6=82=E6=9E=9C=E6=AD=A4=E5=89=8D=E5=B7=B2=E7=BB=8F?=
 =?UTF-8?q?=E7=99=BB=E5=BD=95=E4=BD=86=E6=9C=AA=E8=87=AA=E8=A1=8C=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dashboard/src/router/index.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/dashboard/src/router/index.ts b/dashboard/src/router/index.ts
index a56154f18..c44e0249d 100644
--- a/dashboard/src/router/index.ts
+++ b/dashboard/src/router/index.ts
@@ -24,6 +24,11 @@ router.beforeEach(async (to, from, next) => {
   const authRequired = !publicPages.includes(to.path);
   const auth: AuthStore = useAuthStore();
 
+  // 如果用户已登录且试图访问登录页面，则重定向到首页或之前尝试访问的页面
+  if (to.path === '/auth/login' && auth.has_token()) {
+    return next(auth.returnUrl || '/');
+  }
+
   if (to.matched.some((record) => record.meta.requiresAuth)) {
     if (authRequired && !auth.has_token()) {
       auth.returnUrl = to.fullPath;

From ac7f43520b5348caa885ced48d250da4b39e0a99 Mon Sep 17 00:00:00 2001
From: Soulter <905617992@qq.com>
Date: Sat, 17 May 2025 21:30:05 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=8E=88=20perf:=20adjust=20login=20inp?=
 =?UTF-8?q?ut=20padding=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dashboard/src/views/authentication/authForms/AuthLogin.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/dashboard/src/views/authentication/authForms/AuthLogin.vue b/dashboard/src/views/authentication/authForms/AuthLogin.vue
index ff446ead0..b2b356087 100644
--- a/dashboard/src/views/authentication/authForms/AuthLogin.vue
+++ b/dashboard/src/views/authentication/authForms/AuthLogin.vue
@@ -104,7 +104,8 @@ async function validate(values: any, { setErrors }: any) {
 
   .input-field, .pwd-input {
     .v-field__field {
-      padding-top: 10px;
+      padding-top: 5px;
+      padding-bottom: 5px;
     }
     
     .v-field__outline {