From 6089708a072f450319bc0093435d8f7b04d81f3c Mon Sep 17 00:00:00 2001
From: zhangyiming <zhangyiming@tiamaes.com>
Date: Fri, 4 Dec 2020 20:32:25 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E8=81=94=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/login.ts    | 11 +++++++++++
 src/main.ts         |  2 +-
 src/router/index.ts |  2 +-
 src/views/home.vue  |  2 +-
 src/views/login.vue | 40 ++++++++++++++++++++++++++++++++--------
 5 files changed, 46 insertions(+), 11 deletions(-)
 create mode 100644 src/api/login.ts

diff --git a/src/api/login.ts b/src/api/login.ts
new file mode 100644
index 000000000..f3510b784
--- /dev/null
+++ b/src/api/login.ts
@@ -0,0 +1,11 @@
+import { http } from "../utils/http"
+
+// 获取验证码
+export const getVerify = (): any => {
+  return http.request("get", "/captcha")
+}
+
+// 登录
+export const getLogin = (data: object): any => {
+  return http.request("post", "/login", data)
+}
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index f87a54416..ee047f61b 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -9,7 +9,7 @@ import ElementPlus from 'element-plus'
 import 'element-plus/lib/theme-chalk/index.css'
 
 // 导入公共样式
-import './assets/index.css'
+import "./assets/index.css"
 
 const app = createApp(App)
 
diff --git a/src/router/index.ts b/src/router/index.ts
index 5931e7433..6d55bbb31 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -34,7 +34,7 @@ const router = createRouter({
 const whiteList = ["/login", "/register"]
 
 router.beforeEach((to, _from, next) => {
-  whiteList.indexOf(to.path) !== -1 || storageSession.getItem("Token") ? next() : next("/login") // 全部重定向到登录页
+  whiteList.indexOf(to.path) !== -1 || storageSession.getItem("accessToken") ? next() : next("/login") // 全部重定向到登录页
 })
 
 export default router
diff --git a/src/views/home.vue b/src/views/home.vue
index f7da0e65c..d95d453be 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div>Home</div>
 </template>
 
 <script lang='ts'>
diff --git a/src/views/login.vue b/src/views/login.vue
index 215f35cc0..0b17269ee 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -16,17 +16,23 @@ import {
   onBeforeMount,
   getCurrentInstance,
 } from "vue";
-import { http } from "../utils/http";
 import info, { ContextProps } from "../components/info.vue";
-
+import { getVerify, getLogin } from "../api/login";
+import { useRouter } from "vue-router";
+import { storageSession } from "../utils/storage";
 export default {
   components: {
     info,
   },
   setup() {
+    const message = getCurrentInstance()?.appContext.config.globalProperties
+      .$message;
+
+    const router = useRouter();
+
     // 刷新验证码
-    const getVerify = async () => {
-      let { svg } = await http.request("get", "/captcha");
+    const refreshGetVerify = async () => {
+      let { svg } = await getVerify();
       contextInfo.svg = svg;
     };
 
@@ -37,22 +43,40 @@ export default {
       svg: null,
     });
 
+    const toPage = (token: string): void => {
+      storageSession.setItem("accessToken", token);
+      router.push("/");
+    };
+
     // 登录
-    const onLogin = (): void => {
-      console.log(contextInfo.userName);
+    const onLogin = async () => {
+      let { userName, passWord, verify } = contextInfo;
+      let { code, info, accessToken } = await getLogin({
+        username: userName,
+        password: passWord,
+        verify: verify,
+      });
+      code === 0
+        ? message({
+            message: info,
+            type: "success",
+          }) && toPage(accessToken)
+        : message(info);
     };
 
     const refreshVerify = (): void => {
-      getVerify();
+      refreshGetVerify();
     };
 
     onBeforeMount(() => {
-      getVerify();
+      refreshGetVerify();
     });
 
     return {
       contextInfo,
       onLogin,
+      router,
+      toPage,
       refreshVerify,
     };
   },