From d79368b0e1325e0cc5adb35baa2651d9a3f066be Mon Sep 17 00:00:00 2001
From: ruibaby <i@ryanc.cc>
Date: Tue, 7 Jan 2020 18:46:36 +0800
Subject: [PATCH] feat: custom permalink.

---
 src/api/post.js                 | 19 +++++++++++
 src/utils/permissions.js        |  2 +-
 src/views/system/OptionForm.vue | 59 ++++++++++++++++++++++++++++++++-
 3 files changed, 78 insertions(+), 2 deletions(-)

diff --git a/src/api/post.js b/src/api/post.js
index 9653e35d..338e6f01 100644
--- a/src/api/post.js
+++ b/src/api/post.js
@@ -124,4 +124,23 @@ postApi.postStatus = {
     text: '私密'
   }
 }
+
+postApi.permalinkType = {
+  DEFAULT: {
+    type: 'DEFAULT',
+    text: '默认'
+  },
+  DATE: {
+    type: 'DATE',
+    text: '年月日型'
+  },
+  DAY: {
+    type: 'DAY',
+    text: '年月型'
+  },
+  ID: {
+    type: 'ID',
+    text: 'ID 型'
+  }
+}
 export default postApi
diff --git a/src/utils/permissions.js b/src/utils/permissions.js
index 78a91310..40f99961 100644
--- a/src/utils/permissions.js
+++ b/src/utils/permissions.js
@@ -5,4 +5,4 @@ export function actionToObject(json) {
     this.$log.debug('err', e.message)
   }
   return []
-}
\ No newline at end of file
+}
diff --git a/src/views/system/OptionForm.vue b/src/views/system/OptionForm.vue
index 7825dbd1..e6e18539 100644
--- a/src/views/system/OptionForm.vue
+++ b/src/views/system/OptionForm.vue
@@ -70,7 +70,7 @@
                 <a-form-item label="屏蔽搜索引擎：">
                   <a-switch v-model="options.seo_spider_disabled" />
                 </a-form-item>
-                <a-form-item label="关键词： ">
+                <a-form-item label="关键词：">
                   <a-input
                     v-model="options.seo_keywords"
                     placeholder="多个关键词以英文状态下的逗号隔开"
@@ -579,6 +579,61 @@
                 </a-tabs>
               </div>
             </a-tab-pane>
+            <a-tab-pane key="permalink">
+              <span slot="tab">
+                <a-icon type="link" />固定链接
+              </span>
+              <a-form
+                layout="vertical"
+                :wrapperCol="wrapperCol"
+              >
+                <a-form-item label="文章固定链接类型：">
+                  <template slot="help">
+                    <span v-if="options.post_permalink_type === 'DEFAULT'">{{ options.blog_url }}/archives/${url}</span>
+                    <span v-else-if="options.post_permalink_type === 'DATE'">{{ options.blog_url }}/1970/01/${url}</span>
+                    <span v-else-if="options.post_permalink_type === 'DAY'">{{ options.blog_url }}/1970/01/01/${url}</span>
+                    <span v-else-if="options.post_permalink_type === 'ID'">{{ options.blog_url }}/?p=${id}</span>
+                  </template>
+                  <a-select v-model="options.post_permalink_type">
+                    <a-select-option
+                      v-for="item in Object.keys(permalinkType)"
+                      :key="item"
+                      :value="item"
+                    >{{ permalinkType[item].text }}</a-select-option>
+                  </a-select>
+                </a-form-item>
+                <a-form-item label="自定义页面前缀：">
+                  <template slot="help">
+                    <span>{{ options.blog_url }}/{{ options.sheet_prefix }}/${url}</span>
+                  </template>
+                  <a-input v-model="options.sheet_prefix" />
+                </a-form-item>
+                <a-form-item label="归档前缀：">
+                  <template slot="help">
+                    <span>{{ options.blog_url }}/{{ options.archives_prefix }}</span>
+                  </template>
+                  <a-input v-model="options.archives_prefix" />
+                </a-form-item>
+                <a-form-item label="分类前缀：">
+                  <template slot="help">
+                    <span>{{ options.blog_url }}/{{ options.categories_prefix }}/${slugName}</span>
+                  </template>
+                  <a-input v-model="options.categories_prefix" />
+                </a-form-item>
+                <a-form-item label="标签前缀：">
+                  <template slot="help">
+                    <span>{{ options.blog_url }}/{{ options.tags_prefix }}/${slugName}</span>
+                  </template>
+                  <a-input v-model="options.tags_prefix" />
+                </a-form-item>
+                <a-form-item>
+                  <a-button
+                    type="primary"
+                    @click="handleSaveOptions"
+                  >保存</a-button>
+                </a-form-item>
+              </a-form>
+            </a-tab-pane>
             <a-tab-pane key="api">
               <span slot="tab">
                 <a-icon type="thunderbolt" />API 设置
@@ -675,6 +730,7 @@ import { mapActions } from 'vuex'
 import optionApi from '@/api/option'
 import mailApi from '@/api/mail'
 import attachmentApi from '@/api/attachment'
+import postApi from '@/api/post'
 
 export default {
   components: {
@@ -683,6 +739,7 @@ export default {
   data() {
     return {
       attachmentType: attachmentApi.type,
+      permalinkType: postApi.permalinkType,
       wrapperCol: {
         xl: { span: 8 },
         lg: { span: 8 },