From 749237a02d60d08c34b2b309d1c3ad431e0313e6 Mon Sep 17 00:00:00 2001
From: lion <njy1822574439@outlook.com>
Date: Fri, 22 Jul 2022 16:41:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=AE=B0=E4=BD=8F=E6=8E=88?=
 =?UTF-8?q?=E6=9D=83=E7=A0=81=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DashBoard.vue | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/components/DashBoard.vue b/src/components/DashBoard.vue
index 1de4d39..e7e22d2 100644
--- a/src/components/DashBoard.vue
+++ b/src/components/DashBoard.vue
@@ -50,10 +50,10 @@
         <template #prefix>
           请输入授权码：
         </template>
-        <template #append>
-          <el-button @click="validate" type="primary">验证</el-button>
-        </template>
       </el-input>
+      <el-checkbox v-model="isRemember" style="margin-left: 180px">是否记住授权码</el-checkbox>
+      <el-button @click="validate" type="primary" @keydown.enter="validate" style="margin-left: 100px">验证</el-button>
+
     </el-col>
 
   </div>
@@ -61,7 +61,7 @@
 
 <script>
 import store from "../store";
-import {computed, ref} from "vue";
+import {computed, ref, onMounted} from "vue";
 import {ElMessage} from "element-plus"
 export default {
   name: "DashBoard",
@@ -69,8 +69,13 @@ export default {
     const link = ref("")
     const AuthCode = ref("")
     const keyword = ref("")
+    const isRemember = ref(false)
     let timer
 
+    const loadComplete = computed(() => {
+      return store.getters.loadComplete
+    })
+
     function post(){
       if(link.value.trim() === ''){
         ElMessage("请输入链接后再提交")
@@ -99,6 +104,7 @@ export default {
       }
       else{
         store.dispatch("validate", AuthCode.value)
+        localStorage.setItem("auth", AuthCode.value)
       }
     }
 
@@ -117,14 +123,16 @@ export default {
       timer = setTimeout(() => {
         store.dispatch("searchByKeyword", keyword.value)
       }, 500)
-
     }
 
-    const loadComplete = computed(() => {
-      return store.getters.loadComplete
+    onMounted(() => {
+      const auth = localStorage.getItem("auth")
+      if(auth !== null){
+        store.dispatch("validate", auth)
+      }
     })
 
-    return {link, post, query,  validate, loadComplete, AuthCode, searchByLink, keyword, searchByKeyword, store}
+    return {post, query,  validate, searchByLink, searchByKeyword, link, loadComplete, AuthCode,  keyword, isRemember, store}
   }
 }
 </script>
@@ -140,7 +148,7 @@ export default {
     width: auto;
     background-color: ghostwhite;
     display: block;
-    margin-left: 200px;
+    margin-left: 180px;
     margin-top: 200px;
   }
 </style>
\ No newline at end of file