From 1ef4d76a64e7576a830d605697b898a418f0747d Mon Sep 17 00:00:00 2001
From: Eterlaze <1215710470@qq.com>
Date: Wed, 4 Dec 2024 11:34:47 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E6=B3=A8=E5=86=8C=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E4=BF=AE=E5=A4=8D=E4=B8=8E=E4=BC=98=E5=8C=96-?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E7=AE=A1=E7=90=86=E5=91=98=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Vue/src/views/Login.vue | 51 +++++++++++++++++++++++++++++++++++++++--
 1 file changed, 49 insertions(+), 2 deletions(-)

diff --git a/Vue/src/views/Login.vue b/Vue/src/views/Login.vue
index c86a8391..3e49b831 100644
--- a/Vue/src/views/Login.vue
+++ b/Vue/src/views/Login.vue
@@ -54,8 +54,7 @@
       <a-button :loading="submitLoading" class="submit-btn" type="primary" @click="submitLogin">
         确认登录
       </a-button>
-      <div class="des">管理员登录</div>
-    </div>
+      <a-button class="admin-login-btn" type="link" @click="adminLogin">管理员登录</a-button>
   </div>
 </div>
 </template>
@@ -99,6 +98,37 @@ export default {
 
       }
     },
+	
+  adminLogin() {
+      if (!this.checkEmail()) {
+        this.$message.error('请输入正确格式的邮箱');
+        return; // 邮箱格式不正确时，不执行后续代码
+      }
+  
+      this.adminLoading = true;
+      AdminLogin(this.form).then((response) => {
+        this.adminLoading = false;
+        if (response && response.status) {
+          this.$store.commit('user/saveToken', response.data.token);
+          this.$store.commit('user/saveLoginUser', response.data.admin);
+          this.$router.push("/admin-home");
+          this.$message.success("管理员登录成功");
+        } else {
+          this.$message.error(response.data.msg || "管理员登录失败");
+        }
+      }).catch((error) => {
+        this.adminLoading = false;
+        let errorMessage = "管理员登录请求失败，请稍后重试";
+        if (error.response && error.response.data && error.response.data.msg) {
+          errorMessage = error.response.data.msg;
+        } else if (error.message) {
+          errorMessage = error.message;
+        }
+        console.error("管理员登录请求错误:", error);
+        this.$message.error(errorMessage);
+      });
+    },
+
 
     submitLogin() {
       if (this.checkEmail()) {
@@ -266,5 +296,22 @@ export default {
 .title-with-logo span {
   white-space: nowrap; /* 防止文本换行 */
 }
+.admin-login-btn {
+  display: block; /* 使按钮独占一行 */
+  width: 100%; /* 宽度100% */
+  padding: 0px; /* 内边距 */
+  background-color: transparent; /* 透明背景 */
+  color: #4a90e2; /* 文字颜色 */
+  border: none; /* 无边框 */
+  font-size: 14px; /* 字体大小 */
+  cursor: pointer; /* 鼠标悬停时显示手型 */
+  text-align: center; /* 文字居中 */
+  margin-top: 10px; /* 与上一个按钮的间距 */
+}
+
+.admin-login-btn:hover {
+  background-color: #e6f7ff; /* 鼠标悬停时的背景颜色 */
+  color: #1890ff; /* 鼠标悬停时的文字颜色 */
+}
 
 </style>