From 13cfe264f2ad09c1192b8fd9960c292dba32945c Mon Sep 17 00:00:00 2001
From: fzlins <fzlins2013@gmail.com>
Date: Fri, 9 Dec 2022 12:38:52 -0500
Subject: [PATCH] =?UTF-8?q?feat:=E4=BF=9D=E5=AD=98=E8=BF=87=E6=BB=A4?=
 =?UTF-8?q?=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/options/views/Home.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/options/views/Home.vue b/src/options/views/Home.vue
index cf348a69c..e8c6158fc 100644
--- a/src/options/views/Home.vue
+++ b/src/options/views/Home.vue
@@ -63,7 +63,7 @@
             </v-container>
           </v-card>
         </v-menu>
-        <v-select v-model="selectedHeaders" :items="headers" :label="$t('home.selectColumns')" multiple outlined return-object>
+        <v-select v-model="selectedHeaders" class="select" :items="headers" :label="$t('home.selectColumns')" multiple outlined return-object>
             <template v-slot:selection="{ item, index }">
               <v-chip v-if="index === 0">
                 <span>{{ item.text }}</span>
@@ -383,12 +383,27 @@ export default Vue.extend({
     };
   },
   created() {
-    this.selectedHeaders = this.headers;
+    let saveHeaders = localStorage.getItem("HomeHeaders");
+console.log(saveHeaders)
+    if (saveHeaders && saveHeaders.length > 1)
+    {
+      let homeHeaders = saveHeaders.split(";");
+      this.selectedHeaders =  this.headers.filter(s => homeHeaders.includes(s.value))
+    }
+    else
+      this.selectedHeaders = this.headers
     this.init();
   },
   computed: {
     //Done to get the ordered headers
     showHeaders() : any[] {
+      var saveHeaders = "";
+      for (var header of this.headers.filter(s => this.selectedHeaders.includes(s)))
+      {
+        saveHeaders += ";"+ header.value;
+      }
+
+      localStorage.setItem('HomeHeaders', saveHeaders)
       return this.headers.filter(s => this.selectedHeaders.includes(s));
     }
   },
@@ -846,5 +861,9 @@ export default Vue.extend({
     z-index: 999;
     border: 1px solid black;
   }
+
+  .select {
+    max-width: 180px;
+  }
 }
 </style>