From 85f5114499d2e78ae28956f27786f21efd80af1f Mon Sep 17 00:00:00 2001
From: ruibaby <i@ryanc.cc>
Date: Thu, 16 May 2019 14:39:35 +0800
Subject: [PATCH] Refactor comment management.

---
 src/components/Tools/HeaderCommentTab.vue     |  8 +++++
 src/views/comment/CommentList.vue             |  2 +-
 .../comment/{ => components}/CommentTab.vue   |  2 +-
 src/views/dashboard/Dashboard.vue             |  6 ++--
 .../dashboard/components/RecentCommentTab.vue | 36 +++++++------------
 5 files changed, 26 insertions(+), 28 deletions(-)
 create mode 100644 src/components/Tools/HeaderCommentTab.vue
 rename src/views/comment/{ => components}/CommentTab.vue (99%)

diff --git a/src/components/Tools/HeaderCommentTab.vue b/src/components/Tools/HeaderCommentTab.vue
new file mode 100644
index 00000000..f6601216
--- /dev/null
+++ b/src/components/Tools/HeaderCommentTab.vue
@@ -0,0 +1,8 @@
+<template>
+  <div></div>
+</template>
+<script>
+export default {}
+</script>
+<style lang="less" scoped>
+</style>
diff --git a/src/views/comment/CommentList.vue b/src/views/comment/CommentList.vue
index 83e670ec..53d61157 100644
--- a/src/views/comment/CommentList.vue
+++ b/src/views/comment/CommentList.vue
@@ -21,7 +21,7 @@
 
 <script>
 import { PageView } from '@/layouts'
-import CommentTab from './CommentTab'
+import CommentTab from './components/CommentTab'
 export default {
   components: {
     PageView,
diff --git a/src/views/comment/CommentTab.vue b/src/views/comment/components/CommentTab.vue
similarity index 99%
rename from src/views/comment/CommentTab.vue
rename to src/views/comment/components/CommentTab.vue
index 518536e2..cceb53eb 100644
--- a/src/views/comment/CommentTab.vue
+++ b/src/views/comment/components/CommentTab.vue
@@ -321,7 +321,7 @@ export default {
     type: {
       type: String,
       required: false,
-      default: 'post',
+      default: 'posts',
       validator: function(value) {
         return ['posts', 'sheets', 'journals'].indexOf(value) !== -1
       }
diff --git a/src/views/dashboard/Dashboard.vue b/src/views/dashboard/Dashboard.vue
index a2e4f595..b6a99053 100644
--- a/src/views/dashboard/Dashboard.vue
+++ b/src/views/dashboard/Dashboard.vue
@@ -136,19 +136,19 @@
                       tab="文章"
                       key="1"
                     >
-                      <recent-comment-tab type="post"></recent-comment-tab>
+                      <recent-comment-tab type="posts"></recent-comment-tab>
                     </a-tab-pane>
                     <a-tab-pane
                       tab="页面"
                       key="2"
                     >
-                      <recent-comment-tab type="sheet"></recent-comment-tab>
+                      <recent-comment-tab type="sheets"></recent-comment-tab>
                     </a-tab-pane>
                     <a-tab-pane
                       tab="日志"
                       key="3"
                     >
-                      <recent-comment-tab type="journal"></recent-comment-tab>
+                      <recent-comment-tab type="journals"></recent-comment-tab>
                     </a-tab-pane>
                   </a-tabs>
                 </div>
diff --git a/src/views/dashboard/components/RecentCommentTab.vue b/src/views/dashboard/components/RecentCommentTab.vue
index 6d370b6c..1ea1b6ad 100644
--- a/src/views/dashboard/components/RecentCommentTab.vue
+++ b/src/views/dashboard/components/RecentCommentTab.vue
@@ -10,12 +10,18 @@
       :key="index"
     >
       <a-comment :avatar="'//gravatar.loli.net/avatar/'+item.gavatarMd5+'/?s=256&d=mp'">
-        <template slot="author">
+        <template slot="author" v-if="type==='posts'">
           {{ item.author }} 发表在 《<a
             href="javascript:void(0);"
             target="_blank"
           >{{ item.post.title }}</a>》
         </template>
+        <template slot="author" v-else-if="type==='sheets'">
+          {{ item.author }} 发表在 《<a
+            href="javascript:void(0);"
+            target="_blank"
+          >{{ item.sheet.title }}</a>》
+        </template>
         <template slot="actions">
           <span>回复</span>
         </template>
@@ -44,9 +50,9 @@ export default {
     type: {
       type: String,
       required: false,
-      default: 'post',
+      default: 'posts',
       validator: function(value) {
-        return ['post', 'sheet', 'journal'].indexOf(value) !== -1
+        return ['posts', 'sheets', 'journals'].indexOf(value) !== -1
       }
     }
   },
@@ -70,26 +76,10 @@ export default {
   methods: {
     loadComments() {
       this.loading = true
-      switch (this.type) {
-        case 'post':
-          commentApi.latestPostComment(5, 'PUBLISHED').then(response => {
-            this.comments = response.data.data
-            this.loading = false
-          })
-          break
-        case 'sheet':
-          commentApi.latestSheetComment(5, 'PUBLISHED').then(response => {
-            this.comments = response.data.data
-            this.loading = false
-          })
-          break
-        case 'journal':
-          commentApi.latestJournalComment(5, 'PUBLISHED').then(response => {
-            this.comments = response.data.data
-            this.loading = false
-          })
-          break
-      }
+      commentApi.latestComment(this.type, 5, 'PUBLISHED').then(response => {
+        this.comments = response.data.data
+        this.loading = false
+      })
     }
   }
 }