From 501808cb73f02aa34477c3b4d8597df14b4541d1 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Mon, 17 Feb 2020 15:28:49 +0800
Subject: [PATCH] Support turn to posts list page by category.
 (halo-dev/console#66)

---
 src/views/post/CategoryList.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/views/post/CategoryList.vue b/src/views/post/CategoryList.vue
index 3e41307c9..5ab500771 100644
--- a/src/views/post/CategoryList.vue
+++ b/src/views/post/CategoryList.vue
@@ -178,6 +178,19 @@
             >
               {{ text }}
             </ellipsis>
+            <span
+              slot="postCount"
+              slot-scope="text,record"
+              style="cursor: pointer;"
+              @click="handleQueryCategoryPosts(record)"
+            >
+              <a-badge
+                :count="record.postCount"
+                :numberStyle="{backgroundColor: '#00e0ff'} "
+                :showZero="true"
+                :overflowCount="9999"
+              />
+            </span>
             <span
               slot="action"
               slot-scope="text, record"
@@ -251,7 +264,8 @@ const columns = [
   },
   {
     title: '文章数',
-    dataIndex: 'postCount'
+    dataIndex: 'postCount',
+    scopedSlots: { customRender: 'postCount' }
   },
   {
     title: '操作',
@@ -342,6 +356,9 @@ export default {
     handleSelectThumbnail(data) {
       this.$set(this.categoryToCreate, 'thumbnail', encodeURI(data.path))
       this.thumbnailDrawerVisible = false
+    },
+    handleQueryCategoryPosts(category) {
+      this.$router.push({ name: 'PostList', query: { categoryId: category.id } })
     }
   }
 }