From 7da2f730eb044a75d2cb229277191b608e6e15ff Mon Sep 17 00:00:00 2001
From: ruibaby <i@ryanc.cc>
Date: Wed, 28 Aug 2019 00:12:38 +0800
Subject: [PATCH] Support attachment type for theme setting.

---
 src/views/interface/ThemeList.vue             |  6 +---
 .../interface/components/ThemeSetting.vue     | 35 ++++++++++++++++++-
 2 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/src/views/interface/ThemeList.vue b/src/views/interface/ThemeList.vue
index a4ff2d35..c4174162 100644
--- a/src/views/interface/ThemeList.vue
+++ b/src/views/interface/ThemeList.vue
@@ -245,13 +245,9 @@
 <script>
 import ThemeSetting from './components/ThemeSetting'
 import themeApi from '@/api/theme'
-import Verte from 'verte'
-import 'verte/dist/verte.css'
-
 export default {
   components: {
-    ThemeSetting,
-    Verte
+    ThemeSetting
   },
   data() {
     return {
diff --git a/src/views/interface/components/ThemeSetting.vue b/src/views/interface/components/ThemeSetting.vue
index 28345d80..78b4420c 100644
--- a/src/views/interface/components/ThemeSetting.vue
+++ b/src/views/interface/components/ThemeSetting.vue
@@ -127,6 +127,19 @@
                       v-else-if="item.type == 'COLOR'"
                       style="display: inline-block;height: 24px;"
                     ></verte>
+                    <a-input
+                      v-model="themeSettings[item.name]"
+                      :defaultValue="item.defaultValue"
+                      v-else-if="item.type == 'ATTACHMENT'"
+                    >
+                      <a
+                        href="javascript:void(0);"
+                        slot="addonAfter"
+                        @click="handleShowSelectAttachment(item.name)"
+                      >
+                        <a-icon type="picture" />
+                      </a>
+                    </a-input>
                     <a-input
                       v-model="themeSettings[item.name]"
                       :defaultValue="item.defaultValue"
@@ -147,6 +160,13 @@
       </a-col>
     </a-row>
 
+    <AttachmentSelectDrawer
+      v-model="attachmentDrawerVisible"
+      @listenToSelect="handleSelectAttachment"
+      title="选择附件"
+      isChooseAvatar
+    />
+
     <footer-tool-bar
       v-if="themeConfiguration.length>0"
       :style="{ width: isSideMenu() && isDesktop() ? `calc(100% - ${sidebarOpened ? 256 : 80}px)` : '100%'}"
@@ -162,20 +182,25 @@
 import { mixin, mixinDevice } from '@/utils/mixin.js'
 import AttachmentSelectDrawer from '../../attachment/components/AttachmentSelectDrawer'
 import FooterToolBar from '@/components/FooterToolbar'
+import Verte from 'verte'
+import 'verte/dist/verte.css'
 import themeApi from '@/api/theme'
 export default {
   name: 'ThemeSetting',
   mixins: [mixin, mixinDevice],
   components: {
     AttachmentSelectDrawer,
-    FooterToolBar
+    FooterToolBar,
+    Verte
   },
   data() {
     return {
+      attachmentDrawerVisible: false,
       selectedTheme: this.theme,
       themeConfiguration: [],
       themeSettings: [],
       settingLoading: true,
+      selectedField: '',
       wrapperCol: {
         xl: { span: 12 },
         lg: { span: 12 },
@@ -237,6 +262,14 @@ export default {
     },
     onClose() {
       this.$emit('close', false)
+    },
+    handleShowSelectAttachment(field) {
+      this.selectedField = field
+      this.attachmentDrawerVisible = true
+    },
+    handleSelectAttachment(data) {
+      this.themeSettings[this.selectedField] = encodeURI(data.path)
+      this.attachmentDrawerVisible = false
     }
   }
 }