refactor: login page

src/views/login.vue

@@ -1,64 +0,0 @@
-<script setup lang="ts">
-import { infoType } from "./type";
-import { useRouter } from "vue-router";
-import { reactive, onBeforeMount } from "vue";
-import { getVerify, getLogin } from "/@/api/user";
-import { storageSession } from "/@/utils/storage";
-import { warnMessage, successMessage } from "/@/utils/message";
-import info, { ContextProps } from "../components/ReInfo/index.vue";
-
-const router = useRouter();
-
-// 刷新验证码
-const refreshGetVerify = async () => {
-  let { svg }: infoType = await getVerify();
-  contextInfo.svg = svg;
-};
-
-const contextInfo: ContextProps = reactive({
-  userName: "",
-  passWord: "",
-  verify: null,
-  svg: null
-});
-
-const toPage = (info: Object): void => {
-  storageSession.setItem("info", info);
-  router.push("/");
-};
-
-// 登录
-const onLogin = async () => {
-  let { userName, passWord, verify } = contextInfo;
-  let { code, info, accessToken }: infoType = await getLogin({
-    username: userName,
-    password: passWord,
-    verify: verify
-  });
-  code === 0
-    ? successMessage(info) &&
-      toPage({
-        username: userName,
-        accessToken
-      })
-    : warnMessage(info);
-};
-
-const refreshVerify = (): void => {
-  refreshGetVerify();
-};
-
-onBeforeMount(() => {
-  // refreshGetVerify();
-});
-</script>
-
-<template>
-  <div class="login">
-    <info
-      :ruleForm="contextInfo"
-      @on-behavior="onLogin"
-      @refreshVerify="refreshVerify"
-    />
-  </div>
-</template>

src/views/register.vue

@@ -1,53 +0,0 @@
-<script setup lang="ts">
-import { reactive, onBeforeMount } from "vue";
-import info, { ContextProps } from "../components/ReInfo/index.vue";
-import { getRegist, getVerify } from "/@/api/user";
-import { useRouter } from "vue-router";
-import { warnMessage, successMessage } from "/@/utils/message";
-
-const router = useRouter();
-
-// 刷新验证码
-const refreshGetVerify = async () => {
-  let { svg } = await getVerify();
-  contextInfo.svg = svg;
-};
-
-const contextInfo: ContextProps = reactive({
-  userName: "",
-  passWord: "",
-  verify: null,
-  svg: null
-});
-
-// 注册
-const onRegist = async () => {
-  let { userName, passWord, verify } = contextInfo;
-  let { code, info } = await getRegist({
-    username: userName,
-    password: passWord,
-    verify: verify
-  });
-  code === 0
-    ? successMessage(info) && router.push("/login")
-    : warnMessage(info);
-};
-
-const refreshVerify = (): void => {
-  refreshGetVerify();
-};
-
-onBeforeMount(() => {
-  // refreshGetVerify();
-});
-</script>
-
-<template>
-  <div class="register">
-    <info
-      :ruleForm="contextInfo"
-      @on-behavior="onRegist"
-      @refreshVerify="refreshVerify"
-    />
-  </div>
-</template>