From 29073465edbe5f5b0fcfd1ecbf0828a4e169b471 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Sun, 20 Mar 2022 14:08:15 +0800
Subject: [PATCH] feat: theme visual settings page add back button (#514)

Signed-off-by: Ryan Wang <i@ryanc.cc>
---
 src/views/interface/ThemeVisualSetting.vue        | 15 ++++++++++++---
 .../interface/components/ThemeSettingForm.vue     |  1 +
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/views/interface/ThemeVisualSetting.vue b/src/views/interface/ThemeVisualSetting.vue
index d1e8ae1d..db30d9da 100644
--- a/src/views/interface/ThemeVisualSetting.vue
+++ b/src/views/interface/ThemeVisualSetting.vue
@@ -1,11 +1,17 @@
 <template>
   <a-row :gutter="0">
-    <a-col :md="6" :sm="24" class="h-screen" style="border-right: 1px solid #f2f2f2">
+    <a-col :md="5" :sm="24" class="h-screen" style="border-right: 1px solid #f2f2f2">
       <a-spin :spinning="theme.loading" class="h-full">
-        <ThemeSettingForm :theme="theme.data" :wrapperCol="{ span: 24 }" @saved="onSettingsSaved" />
+        <ThemeSettingForm :theme="theme.data" :wrapperCol="{ span: 24 }" @saved="onSettingsSaved">
+          <template #descriptions-item>
+            <a-descriptions-item>
+              <a-button @click="handleRouteToThemeSetting()">返回</a-button>
+            </a-descriptions-item>
+          </template>
+        </ThemeSettingForm>
       </a-spin>
     </a-col>
-    <a-col :md="18" :sm="24" class="h-screen">
+    <a-col :md="19" :sm="24" class="h-screen">
       <iframe
         id="themeViewIframe"
         :src="options.blog_url"
@@ -57,6 +63,9 @@ export default {
         this.theme.loading = false
       }
     },
+    handleRouteToThemeSetting() {
+      this.$router.push({ name: 'ThemeSetting', query: { themeId: this.theme.id } })
+    },
     onSettingsSaved() {
       document.getElementById('themeViewIframe').contentWindow.location.reload()
     }
diff --git a/src/views/interface/components/ThemeSettingForm.vue b/src/views/interface/components/ThemeSettingForm.vue
index 6d5cd10e..6e446e26 100644
--- a/src/views/interface/components/ThemeSettingForm.vue
+++ b/src/views/interface/components/ThemeSettingForm.vue
@@ -34,6 +34,7 @@
           <a-descriptions-item label="存储位置">
             {{ theme.themePath }}
           </a-descriptions-item>
+          <slot name="descriptions-item" />
         </a-descriptions>
       </a-tab-pane>
       <a-tab-pane v-for="(group, index) in form.configurations" :key="index + 1" :tab="group.label">