From 23e14c2ea2793c08d5f087df99682c2551a1338b Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Thu, 15 Apr 2021 00:00:32 +0800
Subject: [PATCH] fix: some bug

---
 src/components/info/index.vue | 39 ++++++++++++++---------------------
 src/views/login.vue           | 25 ++++++++--------------
 src/views/register.vue        |  2 +-
 3 files changed, 25 insertions(+), 41 deletions(-)

diff --git a/src/components/info/index.vue b/src/components/info/index.vue
index 82367cfd9..65267c4f2 100644
--- a/src/components/info/index.vue
+++ b/src/components/info/index.vue
@@ -26,23 +26,14 @@
           v-model.number="ruleForm.verify"
           placeholder="请输入验证码"
         ></el-input>
-        <span
-          class="verify"
-          title="刷新"
-          v-html="ruleForm.svg"
-          @click.prevent="refreshVerify"
-        ></span>
+        <span class="verify" title="刷新" v-html="ruleForm.svg" @click.prevent="refreshVerify"></span>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" @click.prevent="onBehavior">
-          {{ tipsFalse }}
-        </el-button>
+        <el-button type="primary" @click.prevent="onBehavior">{{ tipsFalse }}</el-button>
         <el-button @click="resetForm">重置</el-button>
         <span class="tips" @click="changPage">{{ tips }}</span>
       </el-form-item>
-      <span title="测试用户 直接登录" class="secret" @click="noSecret"
-        >免密登录</span
-      >
+      <span title="测试用户 直接登录" class="secret" @click="noSecret">免密登录</span>
     </el-form>
   </div>
 </template>
@@ -55,7 +46,7 @@ import {
   onBeforeMount,
   getCurrentInstance,
   watch,
-  nextTick,
+  nextTick
 } from "vue";
 import { storageSession } from "/@/utils/storage";
 
@@ -75,8 +66,8 @@ export default defineComponent({
   props: {
     ruleForm: {
       type: Object as PropType<ContextProps>,
-      require: true,
-    },
+      require: true
+    }
   },
   emits: ["onBehavior", "refreshVerify"],
   setup(props, ctx) {
@@ -103,12 +94,12 @@ export default defineComponent({
       userName: [{ required: true, message: "请输入用户名", trigger: "blur" }],
       passWord: [
         { required: true, message: "请输入密码", trigger: "blur" },
-        { min: 6, message: "密码长度必须不小于6位", trigger: "blur" },
+        { min: 6, message: "密码长度必须不小于6位", trigger: "blur" }
       ],
       verify: [
         { required: true, message: "请输入验证码", trigger: "blur" },
-        { type: "number", message: "验证码必须是数字类型", trigger: "blur" },
-      ],
+        { type: "number", message: "验证码必须是数字类型", trigger: "blur" }
+      ]
     });
 
     // 点击登录或注册
@@ -140,14 +131,14 @@ export default defineComponent({
     const noSecret = (): void => {
       storageSession.setItem("info", {
         username: "测试用户",
-        accessToken: "eyJhbGciOiJIUzUxMiJ9.test",
+        accessToken: "eyJhbGciOiJIUzUxMiJ9.test"
       });
       router.push("/");
     };
 
-    onBeforeMount(()=>{
+    onBeforeMount(() => {
       vm = getCurrentInstance(); //获取组件实例
-    })
+    });
 
     return {
       rules,
@@ -157,9 +148,9 @@ export default defineComponent({
       onBehavior,
       refreshVerify,
       changPage,
-      noSecret,
+      noSecret
     };
-  },
+  }
 });
 </script>
 
@@ -176,7 +167,7 @@ export default defineComponent({
   display: flex;
   justify-content: center;
   align-items: center;
-  @media screen and (max-width: 750px){
+  @media screen and (max-width: 750px) {
     width: 88vw;
     right: 25px;
     top: 22vh;
diff --git a/src/views/login.vue b/src/views/login.vue
index e4e00578d..ae675fd6b 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -1,19 +1,12 @@
 <template>
   <div class="login">
-    <info
-      :ruleForm="contextInfo"
-      @on-behavior="onLogin"
-      @refreshVerify="refreshVerify"
-    />
+    <info :ruleForm="contextInfo" @on-behavior="onLogin" @refreshVerify="refreshVerify" />
   </div>
 </template>
 
 <script lang="ts">
-import {
-  reactive,
-  onBeforeMount,
-} from "vue";
-import info, { ContextProps } from "/@/components/Info/index.vue";
+import { reactive, onBeforeMount } from "vue";
+import info, { ContextProps } from "../components/info/index.vue";
 import { getVerify, getLogin } from "/@/api/user";
 import { useRouter } from "vue-router";
 import { storageSession } from "/@/utils/storage";
@@ -21,7 +14,7 @@ import { warnMessage, successMessage } from "/@/utils/message";
 export default {
   name: "login",
   components: {
-    info,
+    info
   },
   setup() {
     const router = useRouter();
@@ -36,7 +29,7 @@ export default {
       userName: "",
       passWord: "",
       verify: null,
-      svg: null,
+      svg: null
     });
 
     const toPage = (info: Object): void => {
@@ -50,13 +43,13 @@ export default {
       let { code, info, accessToken } = await getLogin({
         username: userName,
         password: passWord,
-        verify: verify,
+        verify: verify
       });
       code === 0
         ? successMessage(info) &&
           toPage({
             username: userName,
-            accessToken,
+            accessToken
           })
         : warnMessage(info);
     };
@@ -74,8 +67,8 @@ export default {
       onLogin,
       router,
       toPage,
-      refreshVerify,
+      refreshVerify
     };
-  },
+  }
 };
 </script>
diff --git a/src/views/register.vue b/src/views/register.vue
index 1a0471041..652eb8833 100644
--- a/src/views/register.vue
+++ b/src/views/register.vue
@@ -12,7 +12,7 @@ import {
   onBeforeMount,
   getCurrentInstance
 } from "vue";
-import info, { ContextProps } from "/@/components/Info/index.vue";
+import info, { ContextProps } from "../components/info/index.vue";
 import { getRegist, getVerify } from "/@/api/user";
 import { useRouter } from "vue-router";
 import { warnMessage, successMessage } from "/@/utils/message";