From 45de6650bf3b3d65b9dce81af2689c2f3298b64d Mon Sep 17 00:00:00 2001
From: haiyangcui <cuiocean@gmail.com>
Date: Sat, 17 Oct 2020 23:56:35 +0200
Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E4=B8=80EditSites=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=A0=BC=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                  |  2 +-
 src/components/EditSites.vue | 15 ++++++++-------
 src/components/History.vue   |  8 ++++----
 src/components/Setting.vue   | 23 ++++++++++-------------
 src/components/Star.vue      | 12 ++++++------
 5 files changed, 29 insertions(+), 31 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 88ca943..e2af47c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,7 +9,7 @@
       <Star v-show="view === 'Star'" />
       <History v-show="view === 'History'" />
       <Setting v-show="view === 'Setting'" />
-      <EditSites v-if="editSites.show"/>
+      <EditSites v-show="view === 'EditSites'"/>
     </div>
     <transition name="slide">
       <Detail v-if="detail.show"/>
diff --git a/src/components/EditSites.vue b/src/components/EditSites.vue
index cb2919d..48b4888 100644
--- a/src/components/EditSites.vue
+++ b/src/components/EditSites.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="listpage" id="editSites">
     <div class="listpage-content">
-       <div class="listpage-header">
-          <span class="btn" @click="addSite">添加</span>
-          <span class="btn" @click="exportSites">导出</span>
-          <span class="btn" @click="importSites">导入</span>
-          <span class="btn" @click="removeAllSites">清空</span>
-          <span class="btn" @click="resetSitesEvent">重置</span>
-       </div>
+      <div class="listpage-header">
+        <span class="btn" @click="addSite">添加</span>
+        <span class="btn" @click="exportSites">导出</span>
+        <span class="btn" @click="importSites">导入</span>
+        <span class="btn" @click="removeAllSites">清空</span>
+        <span class="btn" @click="resetSitesEvent">重置</span>
+      </div>
       <div class="listpage-body" id="sites-table">
         <el-table
               :data="sites"
@@ -52,6 +52,7 @@
         </el-dialog>
     </div>
    </div>
+
   </div>
 </template>
 <script>
diff --git a/src/components/History.vue b/src/components/History.vue
index c2b01a7..e3b4fb8 100644
--- a/src/components/History.vue
+++ b/src/components/History.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="listpage" id="history">
     <div class="listpage-content">
-       <div class="listpage-header">
-          <span class="btn"></span>
-          <span class="btn" @click="clearAllHistory">清空</span>
-       </div>
+      <div class="listpage-header">
+        <span class="btn"></span>
+        <span class="btn" @click="clearAllHistory">清空</span>
+      </div>
       <div class="listpage-body" id="history-table">
         <el-table
               :data="history"
diff --git a/src/components/Setting.vue b/src/components/Setting.vue
index 007322c..2f61ee9 100644
--- a/src/components/Setting.vue
+++ b/src/components/Setting.vue
@@ -170,6 +170,14 @@ export default {
     }
   },
   computed: {
+    view: {
+      get () {
+        return this.$store.getters.getView
+      },
+      set (val) {
+        this.SET_VIEW(val)
+      }
+    },
     setting: {
       get () {
         return this.$store.getters.getSetting
@@ -177,18 +185,10 @@ export default {
       set (val) {
         this.SET_SETTING(val)
       }
-    },
-    editSites: {
-      get () {
-        return this.$store.getters.getEditSites
-      },
-      set (val) {
-        this.SET_EDITSITES(val)
-      }
     }
   },
   methods: {
-    ...mapMutations(['SET_SETTING', 'SET_EDITSITES']),
+    ...mapMutations(['SET_SETTING', 'SET_VIEW']),
     linkOpen (e) {
       shell.openExternal(e)
     },
@@ -277,10 +277,7 @@ export default {
       this.updateSettingEvent()
     },
     editSitesEvent () {
-      this.editSites = {
-        show: true,
-        sites: this.sitesList
-      }
+      this.view = 'EditSites'
     },
     changeTheme (e) {
       this.d.theme = e
diff --git a/src/components/Star.vue b/src/components/Star.vue
index dff9e75..7148aeb 100644
--- a/src/components/Star.vue
+++ b/src/components/Star.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="listpage" id="star">
     <div class="listpage-content">
-       <div class="listpage-header">
-          <span class="btn" @click="exportFavoritesEvent">导出</span>
-          <span class="btn" @click="importFavoritesEvent">导入</span>
-          <span class="btn" @click="clearFavoritesEvent">清空</span>
-          <span class="btn" @click="updateAllEvent">同步所有收藏</span>
-       </div>
+      <div class="listpage-header">
+        <span class="btn" @click="exportFavoritesEvent">导出</span>
+        <span class="btn" @click="importFavoritesEvent">导入</span>
+        <span class="btn" @click="clearFavoritesEvent">清空</span>
+        <span class="btn" @click="updateAllEvent">同步所有收藏</span>
+      </div>
       <div class="listpage-body" id="list-table">
         <el-table
               :data="list"