From b7a049eec8e8794ffffba533f86759f054bb866c Mon Sep 17 00:00:00 2001
From: MyFaith <myfaith0725@gmail.com>
Date: Thu, 11 Apr 2019 00:09:00 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E6=B7=BB=E5=8A=A0=E5=88=86?=
 =?UTF-8?q?=E7=B1=BB-=E4=B8=8A=E7=BA=A7=E7=9B=AE=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/category.js             |  7 +++++++
 src/views/post/CategoryList.vue | 26 +++++++++++++++++++++++---
 2 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/src/api/category.js b/src/api/category.js
index 398715a80..61c26f847 100644
--- a/src/api/category.js
+++ b/src/api/category.js
@@ -11,6 +11,13 @@ categoryApi.listAll = () => {
   })
 }
 
+categoryApi.listTree = () => {
+  return service({
+    url: `${baseUrl}/tree_view`,
+    method: 'get'
+  })
+}
+
 categoryApi.create = (category) => {
   return service({
     url: baseUrl,
diff --git a/src/views/post/CategoryList.vue b/src/views/post/CategoryList.vue
index 5797c9ef2..bca99c0de 100644
--- a/src/views/post/CategoryList.vue
+++ b/src/views/post/CategoryList.vue
@@ -17,9 +17,15 @@
               <a-input v-model="categoryToCreate.slugNames" />
             </a-form-item>
             <a-form-item label="上级目录：">
-              <a-select>
-                <a-select-option value="1">上级目录</a-select-option>
-              </a-select>
+              <a-tree-select
+                :treeData="categoriesTree"
+                placeholder="请选择上级目录，默认为顶级目录"
+                treeDefaultExpandAll
+                v-model="categoryToCreate.parentId"
+                :treeDataSimpleMode="true"
+                :allowClear="true"
+              >
+              </a-tree-select>
             </a-form-item>
             <a-form-item label="描述：" help="*分类描述，部分主题可显示">
               <a-input type="textarea" v-model="categoryToCreate.description" :autosize="{ minRows: 3 }" />
@@ -99,6 +105,18 @@ export default {
   created() {
     this.loadCategories()
   },
+  computed: {
+    categoriesTree() {
+      return this.categories.map(category => {
+        return {
+          id: category.id,
+          title: category.name,
+          value: category.id.toString(),
+          pId: category.parentId
+        }
+      })
+    }
+  },
   methods: {
     loadCategories() {
       categoryApi.listAll().then(response => {
@@ -107,7 +125,9 @@ export default {
     },
     createCategory() {
       categoryApi.create(this.categoryToCreate).then(response => {
+        this.$message.success('添加成功！')
         this.loadCategories()
+        this.categoryToCreate = {}
       })
     },
     editCategory(id) {