From 92799887d7915362825d4740aa27eafb1c88c141 Mon Sep 17 00:00:00 2001
From: Litrix <wbpstn@163.com>
Date: Thu, 18 Apr 2024 17:57:35 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20=E6=B7=BB=E5=8A=A0=E9=AA=8C?=
 =?UTF-8?q?=E8=AF=81=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                |   5 ++
 src/App.vue                    |  76 ++++++++++++++++------
 src/api/index.ts               |   2 +-
 src/assets/avatar1.jpg         | Bin 0 -> 12219 bytes
 src/assets/icons/Validate.svg  |   5 ++
 src/components/VerifyInput.vue | 115 +++++++++++++++++++++++++++++++++
 src/router/index.ts            |  34 ++--------
 src/schemas/index.ts           |  13 +++-
 8 files changed, 198 insertions(+), 52 deletions(-)
 create mode 100644 src/assets/avatar1.jpg
 create mode 100644 src/assets/icons/Validate.svg
 create mode 100644 src/components/VerifyInput.vue

diff --git a/components.d.ts b/components.d.ts
index e9e012a..dcb45b9 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -19,14 +19,19 @@ declare module 'vue' {
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElHeader: typeof import('element-plus/es')['ElHeader']
     ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElImage: typeof import('element-plus/es')['ElImage']
     ElInput: typeof import('element-plus/es')['ElInput']
+    ElPopover: typeof import('element-plus/es')['ElPopover']
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
     Game2048: typeof import('./src/components/Game2048.vue')['default']
     IconCsLock: typeof import('~icons/cs/lock')['default']
+    IconCsValidate: typeof import('~icons/cs/validate')['default']
     IconEpLoading: typeof import('~icons/ep/loading')['default']
     IconEpUserFilled: typeof import('~icons/ep/user-filled')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
+    VerifyInput: typeof import('./src/components/VerifyInput.vue')['default']
+    VerifyInputImage: typeof import('./src/components/VerifyInputImage.vue')['default']
   }
 }
diff --git a/src/App.vue b/src/App.vue
index 314a4ad..f979ce3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -60,16 +60,7 @@
               </template>
             </el-input>
           </el-form-item>
-          <el-form-item style="margin-bottom: 0">
-            <el-button
-              type="primary"
-              style="width: 100%"
-              @click="submitLoginForm"
-              :loading="logining"
-            >
-              登录
-            </el-button>
-          </el-form-item>
+          <verify-input v-model="loginFormData" :disabled="logining" />
         </el-form>
       </el-tab-pane>
       <el-tab-pane label="注册" name="register">
@@ -136,6 +127,7 @@
   display: flex;
   align-items: center;
 }
+
 .title-container {
   font-size: 1.2em;
 }
@@ -145,15 +137,22 @@
 </style>
 <script setup lang="ts">
 import axiosInstance from '@/api';
-import { loginResponseSchema, registerResponseSchema } from '@/schemas';
+import { getAvailableRoutes } from '@/router';
+import {
+  loginResponseSchema,
+  registerResponseSchema,
+  userInfoResponseSchema,
+  verifyResponseSchema
+} from '@/schemas';
 import { useUserStore } from '@/stores';
-import { errorMessage, timeout } from '@/utils';
+import { errorMessage } from '@/utils';
 import { Avatar, CloseBold } from '@element-plus/icons-vue';
 import { AxiosError } from 'axios';
-import { type FormInstance, type FormRules, ElMessage } from 'element-plus';
+import { ElMessage, type FormInstance, type FormRules } from 'element-plus';
 import { partial, pick } from 'lodash-es';
-import { onMounted, reactive, ref, watch, onBeforeMount } from 'vue';
+import { onMounted, reactive, ref, watch } from 'vue';
 import { RouterView, useRoute, useRouter } from 'vue-router';
+import { type VerifyImagePath } from '@/components/VerifyInput.vue';
 import { z } from 'zod';
 const router = useRouter();
 const route = useRoute();
@@ -167,11 +166,15 @@ watch(showLoginRegisterDialog, (value) => {
     registerFormRef.value?.resetFields();
   }
 });
+
 const loginRegisterDialogActiveName = ref('login');
 const loginFormRef = ref<FormInstance>();
 const loginFormData = reactive({
   username: 'wubaopu2',
-  password: '123456'
+  password: '123456',
+  verifyImage: 'none' as VerifyImagePath,
+  verifyCode: '',
+  lastVerifyTime: undefined as number | undefined
 });
 const loginFormRules = reactive<FormRules<typeof loginFormData>>({
   username: [
@@ -188,7 +191,10 @@ const registerFormRef = ref<FormInstance>();
 const registerFormData = reactive({
   username: '',
   password: '',
-  confirmPassword: ''
+  confirmPassword: '',
+  verifyImage: 'none' as VerifyImagePath,
+  verifyCode: '',
+  lastVerifyTime: undefined as number | undefined
 });
 const registerFormRules = reactive<FormRules<typeof registerFormData>>({
   ...loginFormRules,
@@ -216,6 +222,7 @@ interface LoginParams {
   username: string;
   password: string;
 }
+
 async function login(params: LoginParams = pick(loginFormData, 'username', 'password')) {
   try {
     const loginResp = loginResponseSchema.parse(
@@ -229,8 +236,9 @@ async function login(params: LoginParams = pick(loginFormData, 'username', 'pass
   } catch (e) {
     if (e instanceof AxiosError) {
       ElMessage.error(loginErrorMessage(e.code, e.message));
-    } else if (e instanceof z.ZodError) {
-      ElMessage.error('登录失败: 响应数据错误');
+    } else {
+      ElMessage.error('error');
+      console.log(e);
     }
     return false;
   }
@@ -276,8 +284,9 @@ async function register() {
   } catch (e) {
     if (e instanceof AxiosError) {
       ElMessage.error(registerErrorMessage(e.code, e.message));
-    } else if (e instanceof z.ZodError) {
-      ElMessage.error('注册失败: 响应数据错误');
+    } else {
+      ElMessage.error('error');
+      console.log(e);
     }
     console.log('error', e);
     return false;
@@ -306,4 +315,31 @@ async function logout() {
   await router.push('/');
   window.location.reload();
 }
+onMounted(async () => {
+  try {
+    console.log((await axiosInstance.get('/api/user/info')).data);
+    const userInfoResponse = userInfoResponseSchema.parse(
+      (await axiosInstance.get('/api/user/info')).data
+    );
+    console.log(userInfoResponse);
+    if (userInfoResponse.type === 'error') {
+      ElMessage.error(
+        errorMessage('获取用户信息失败', userInfoResponse.code, userInfoResponse.msg)
+      );
+      return false;
+    }
+    // 判断是否已登录.
+    if (userStore.token !== null) {
+      userStore.updateUserInfo(userInfoResponse);
+    }
+    getAvailableRoutes(userInfoResponse.data.auth.permissions[0].routers);
+  } catch (e) {
+    console.log(e);
+    if (e instanceof AxiosError) {
+      ElMessage.error(errorMessage('获取用户信息失败', e.code, e.message));
+    }
+  } finally {
+    userStore.initialized = true;
+  }
+});
 </script>
diff --git a/src/api/index.ts b/src/api/index.ts
index 0045460..632ba5d 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -1,7 +1,7 @@
 import axios from 'axios';
 import { useUserStore } from '@/stores';
 const axiosInstance = axios.create({
-  baseURL: 'http://wzpmc.cn:18080/'
+  baseURL: 'http://pc.wzpmc.cn:18080/'
 });
 // 自动添加token到请求中.
 axiosInstance.interceptors.request.use((config) => {
diff --git a/src/assets/avatar1.jpg b/src/assets/avatar1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..8c00888be290f037b531927fd46514f137fa649f
GIT binary patch
literal 12219
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
T;WHR<Fm1<9yKMsygzx`96f?_q

literal 0
HcmV?d00001

diff --git a/src/assets/icons/Validate.svg b/src/assets/icons/Validate.svg
new file mode 100644
index 0000000..8c2ad2b
--- /dev/null
+++ b/src/assets/icons/Validate.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 14 14">
+  <path fill="currentColor" fill-rule="evenodd"
+    d="M8 3a3 3 0 1 1-6 0a3 3 0 0 1 6 0m-1.95 9.5H.5A.5.5 0 0 1 0 12a5 5 0 0 1 9.725-1.64l-.076.11l-.601-.404A2 2 0 0 0 6.05 12.5m7.8-3.3a.75.75 0 0 0-1.2-.9l-2.67 3.9l-1.65-1.11a.75.75 0 1 0-.9 1.2l2.25 1.56a.75.75 0 0 0 1.05-.15z"
+    clip-rule="evenodd" />
+</svg>
diff --git a/src/components/VerifyInput.vue b/src/components/VerifyInput.vue
new file mode 100644
index 0000000..1c0c9c3
--- /dev/null
+++ b/src/components/VerifyInput.vue
@@ -0,0 +1,115 @@
+<template>
+  <el-form-item>
+    <el-input v-model="model.verifyCode" placeholder="请输入验证码" :disabled="props.disabled">
+      <template #prepend>
+        <el-icon><icon-cs-validate /></el-icon>
+      </template>
+      <template #append>
+        <el-button v-if="model.verifyImage === 'none'" class="verify" @click="getVerifyImage">
+          获取验证码
+        </el-button>
+        <el-icon v-else-if="model.verifyImage === 'fetching'" class="is-loading verify">
+          <icon-ep-loading />
+        </el-icon>
+        <template v-else>
+          <el-popover v-if="model.lastVerifyTime !== undefined" :content="popOverMessage">
+            <template #reference>
+              <el-image
+                class="verify"
+                :src="model.verifyImage.img"
+                @click="getVerifyImage"
+              ></el-image>
+            </template>
+          </el-popover>
+        </template>
+      </template>
+    </el-input>
+  </el-form-item>
+</template>
+<style scoped lang="scss">
+.verify {
+  height: 30px;
+}
+</style>
+<script setup lang="ts">
+import axiosInstance from '@/api';
+import { verifyResponseSchema } from '@/schemas';
+import { errorMessage, timeout } from '@/utils';
+import { AxiosError } from 'axios';
+import { ElMessage } from 'element-plus';
+import { partial } from 'lodash-es';
+import { toRef, watchEffect } from 'vue';
+import { watch } from 'vue';
+import { computed, ref } from 'vue';
+
+export type VerifyImagePath =
+  | 'none'
+  | 'fetching'
+  | {
+      key: string;
+      img: string;
+    };
+const model = defineModel<{
+  verifyImage: VerifyImagePath;
+  verifyCode: string;
+  lastVerifyTime: number | undefined;
+}>({ required: true });
+const props = defineProps<{ disabled: boolean }>();
+const canRefresh = ref(true);
+const popOverMessage = ref('');
+const refreshCooldown = ref(0);
+const verifyErrorMessage = partial(errorMessage, '获取验证码');
+watchEffect(() => {
+  const lastVerifyTime = toRef(model.value, 'lastVerifyTime');
+  if (lastVerifyTime.value !== undefined) {
+    if (refreshCooldown.value > 0) {
+      popOverMessage.value = `过${refreshCooldown.value.toFixed(0)}秒再试`;
+    } else {
+      popOverMessage.value = '看不清? 点击换一张';
+    }
+  }
+});
+async function cooldown() {
+  canRefresh.value = false;
+  for (refreshCooldown.value = 10; refreshCooldown.value > 0; refreshCooldown.value--) {
+    await timeout(1000);
+  }
+  canRefresh.value = true;
+}
+async function getVerifyImage() {
+  if (model.value.verifyImage === 'fetching' || !canRefresh.value) {
+    return;
+  }
+  let succeed = false;
+  const original = model.value.verifyImage;
+  model.value.verifyImage = 'fetching';
+  try {
+    try {
+      const verifyResponse = verifyResponseSchema.parse(
+        (await axiosInstance.get('/api/user/verify')).data
+      );
+      console.log(verifyResponse);
+      if (verifyResponse.type === 'error') {
+        ElMessage.error(verifyErrorMessage(verifyResponse.code, verifyResponse.msg));
+        return;
+      }
+      const { img, key } = verifyResponse.data;
+      model.value.verifyImage = {
+        key,
+        img
+      };
+      model.value.lastVerifyTime = Date.now();
+      cooldown();
+      succeed = true;
+    } catch (e) {
+      if (e instanceof AxiosError) {
+        ElMessage.error(verifyErrorMessage(e.code, e.message));
+      }
+    }
+  } finally {
+    if (!succeed) {
+      model.value.verifyImage = original;
+    }
+  }
+}
+</script>
diff --git a/src/router/index.ts b/src/router/index.ts
index 38827fc..ad868e6 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,10 +1,6 @@
-import axiosInstance from '@/api';
-import { userInfoResponseSchema, type Route } from '@/schemas';
+import { type Route } from '@/schemas';
 import { useUserStore } from '@/stores';
-import { errorMessage, timeout } from '@/utils';
-import { AxiosError } from 'axios';
-import { ElMessage } from 'element-plus';
-import { type Component } from 'vue';
+import { watch, type Component } from 'vue';
 import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router';
 const routes: RouteRecordRaw[] = [
   {
@@ -39,7 +35,7 @@ function _getAvailableRoutes(routeResponses: Route[], root: boolean, pathList: s
   }
   return res;
 }
-function getAvailableRoutes(routeResponse: Route[]) {
+export function getAvailableRoutes(routeResponse: Route[]) {
   _getAvailableRoutes(routeResponse, true, []);
 }
 router.beforeEach(async (to) => {
@@ -48,29 +44,7 @@ router.beforeEach(async (to) => {
   // await timeout(1000);
   console.log(userStore.initialized);
   if (!userStore.initialized) {
-    try {
-      const userInfoResponse = userInfoResponseSchema.parse(
-        (await axiosInstance.get('/api/user/info')).data
-      );
-      console.log(userInfoResponse);
-      if (userInfoResponse.type === 'error') {
-        ElMessage.error(
-          errorMessage('获取用户信息失败', userInfoResponse.code, userInfoResponse.msg)
-        );
-        return false;
-      }
-      // 判断是否已登录.
-      if (userStore.token !== null) {
-        userStore.updateUserInfo(userInfoResponse);
-      }
-      getAvailableRoutes(userInfoResponse.data.auth.permissions[0].routers);
-    } catch (e) {
-      if (e instanceof AxiosError) {
-        ElMessage.error(errorMessage('获取用户信息失败', e.code, e.message));
-      }
-    } finally {
-      userStore.initialized = true;
-    }
+    await new Promise((resolve) => watch(() => userStore.initialized, resolve));
   }
   if (userStore.addedRouteSet.has(to.fullPath) || to.fullPath === '/404') {
     return true;
diff --git a/src/schemas/index.ts b/src/schemas/index.ts
index 9a5df64..6b2fe6b 100644
--- a/src/schemas/index.ts
+++ b/src/schemas/index.ts
@@ -44,9 +44,20 @@ const routeResponsesSchema: z.ZodSchema<Route[]> = z.lazy(() =>
 );
 export const userInfoResponseSchema = createResponseSchema(
   idAndNameSchema.extend({
-    avatar: z.string(),
+    avatar: z.nullable(z.string()),
     auth: idAndNameSchema.extend({
       permissions: idAndNameSchema.extend({ routers: routeResponsesSchema }).array()
     })
   })
 );
+export const verifyResponseSchema = createResponseSchema(
+  z
+    .object({
+      img: z.string(),
+      key: z.string()
+    })
+    .transform((raw) => {
+      raw.img = `data:image/png;base64,${raw.img}`;
+      return raw;
+    })
+);