From 85ed8ac740909ad1513ebed7eea3b61c67661c05 Mon Sep 17 00:00:00 2001
From: xxiaoccpm <3570544406@qq.com>
Date: Thu, 18 Jul 2024 17:45:24 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=88=E5=B9=B6=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/book/index.ts    | 16 ++++++++++++++++
 src/api/book/user.d.ts   |  4 ++++
 src/utils/request.ts     |  6 ++++++
 src/utils/tokenUtil.ts   | 14 ++++++++++++++
 src/views/book/index.vue | 12 ++++++++++--
 src/views/book/login.vue | 26 ++++++++++++++++++++------
 6 files changed, 70 insertions(+), 8 deletions(-)
 create mode 100644 src/api/book/index.ts
 create mode 100644 src/api/book/user.d.ts
 create mode 100644 src/utils/tokenUtil.ts

diff --git a/src/api/book/index.ts b/src/api/book/index.ts
new file mode 100644
index 0000000..dc6d0e0
--- /dev/null
+++ b/src/api/book/index.ts
@@ -0,0 +1,16 @@
+import service from '@/utils/request'
+import { LoginVo } from '@/api/book/user'
+
+/*
+ * 用户登录
+ * */
+export const useLogin = (data: LoginVo) => {
+	return service.post('/maku/t_user/login', data)
+}
+
+/*
+ * 获取用户信息
+ * */
+export const getUserInfo = () => {
+	return service.get('/maku/t_user/info')
+}
diff --git a/src/api/book/user.d.ts b/src/api/book/user.d.ts
new file mode 100644
index 0000000..a030f76
--- /dev/null
+++ b/src/api/book/user.d.ts
@@ -0,0 +1,4 @@
+export interface LoginVo {
+	username: string
+	password: string
+}
diff --git a/src/utils/request.ts b/src/utils/request.ts
index d33a2ce..7ac43ed 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -4,6 +4,7 @@ import { ElMessage } from 'element-plus'
 import { useUserStore } from '@/store/modules/user'
 import cache from '@/utils/cache'
 import { ElMessageBox } from 'element-plus/es'
+import { getCookie } from '@/utils/tokenUtil'
 
 // axios实例
 const service = axios.create({
@@ -21,6 +22,11 @@ service.interceptors.request.use(
 			config.headers.Authorization = userStore.token
 		}
 
+		var token = getCookie('book_user')
+		if (token) {
+			config.headers['cookie'] = token
+		}
+
 		config.headers['Accept-Language'] = cache.getLanguage()
 
 		// 追加时间戳，防止GET请求缓存
diff --git a/src/utils/tokenUtil.ts b/src/utils/tokenUtil.ts
new file mode 100644
index 0000000..f333559
--- /dev/null
+++ b/src/utils/tokenUtil.ts
@@ -0,0 +1,14 @@
+export function getCookie(name: string) {
+	let nameEQ = name + '='
+	let ca = document.cookie.split(';')
+	for (let i = 0; i < ca.length; i++) {
+		let c = ca[i]
+		while (c.charAt(0) === ' ') {
+			c = c.substring(1, c.length)
+		}
+		if (c.indexOf(nameEQ) === 0) {
+			return c.substring(nameEQ.length, c.length)
+		}
+	}
+	return null
+}
diff --git a/src/views/book/index.vue b/src/views/book/index.vue
index f33f263..96db162 100644
--- a/src/views/book/index.vue
+++ b/src/views/book/index.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { useRouter } from 'vue-router'
-import { ref } from 'vue'
-
+import { onMounted, ref } from 'vue'
+import { getCookie } from '@/utils/tokenUtil'
+import { getUserInfo } from '@/api/book'
 const router = useRouter()
 // 记录切换值
 const changeValue = ref('/book/index')
@@ -14,6 +15,13 @@ const changeRouters = () => {
 	}
 	router.push(changeValue.value)
 }
+
+onMounted(() => {
+	console.log(getCookie('book_user'))
+	// getUserInfo().then(res => {
+	// 	console.log(res)
+	// })
+})
 </script>
 
 <template>
diff --git a/src/views/book/login.vue b/src/views/book/login.vue
index f35813a..06603ea 100644
--- a/src/views/book/login.vue
+++ b/src/views/book/login.vue
@@ -1,15 +1,29 @@
 <script setup lang="ts">
 import { useRoute, useRouter } from 'vue-router'
 import { onMounted, ref } from 'vue'
+import { useLogin } from '@/api/book'
+import { ElNotification } from 'element-plus'
 
 const route = useRoute()
 const router = useRouter()
+const loginForm = ref({
+	username: 'admin1',
+	password: '123456',
+	rePassword: '123456'
+})
 const handleLogin = () => {
 	if (active.value == '0') {
 		console.log('登录')
-		if (route.query.returnUrl) {
-			router.push(route.query.returnUrl as string)
-		}
+		useLogin(loginForm.value).then(res => {
+			ElNotification({
+				title: '登录成功！！',
+				type: 'success'
+			})
+			if (route.query.returnUrl) {
+				router.push(route.query.returnUrl as string)
+			}
+			window.document.cookie = 'book_user=' + res.data
+		})
 	} else if (active.value == '1') {
 		active.value = '0'
 	}
@@ -32,9 +46,9 @@ const active = ref('0')
 						<div :class="{ active: active == '0' }" @click="active = '0'">用户登录</div>
 						<div :class="{ active: active == '1' }" @click="active = '1'">用户注册</div>
 					</div>
-					<input class="fm-text" placeholder="用户名" />
-					<input class="fm-text" placeholder="密码" type="password" />
-					<input v-if="active == '1'" class="fm-text" placeholder="确认密码" type="password" />
+					<input v-model="loginForm.username" class="fm-text" placeholder="用户名" />
+					<input v-model="loginForm.password" class="fm-text" placeholder="密码" type="password" />
+					<input v-if="active == '1'" v-model="loginForm.rePassword" class="fm-text" placeholder="确认密码" type="password" />
 					<button @click.prevent="handleLogin">{{ active == '0' ? '登录' : '注册' }}</button>
 				</form>
 			</div>