From 66ea36b62f6540d3a7572719f6b2be3a932798f2 Mon Sep 17 00:00:00 2001
From: ruibaby <i@ryanc.cc>
Date: Sat, 4 Jan 2020 22:05:07 +0800
Subject: [PATCH] feat: support comment post/sheet/journal on the admin.

---
 .../components/TargetCommentDrawer.vue        | 46 +++++++++++++++++--
 1 file changed, 42 insertions(+), 4 deletions(-)

diff --git a/src/views/comment/components/TargetCommentDrawer.vue b/src/views/comment/components/TargetCommentDrawer.vue
index 557f7ab1..1792a460 100644
--- a/src/views/comment/components/TargetCommentDrawer.vue
+++ b/src/views/comment/components/TargetCommentDrawer.vue
@@ -49,6 +49,13 @@
         @change="handlePaginationChange"
       ></a-pagination>
     </div>
+    <a-divider class="divider-transparent" />
+    <div class="bottom-control">
+      <a-button
+        type="primary"
+        @click="handleComment"
+      >评论</a-button>
+    </div>
     <a-modal
       v-if="selectedComment"
       :title="'回复给：' + selectedComment.author"
@@ -75,6 +82,31 @@
         </a-form-item>
       </a-form>
     </a-modal>
+    <a-modal
+      title="评论"
+      v-model="commentVisible"
+      @close="onCommentClose"
+      destroyOnClose
+    >
+      <template slot="footer">
+        <a-button
+          key="submit"
+          type="primary"
+          @click="handleCreateClick"
+        >
+          回复
+        </a-button>
+      </template>
+      <a-form layout="vertical">
+        <a-form-item>
+          <a-input
+            type="textarea"
+            :autosize="{ minRows: 8 }"
+            v-model="replyComment.content"
+          />
+        </a-form-item>
+      </a-form>
+    </a-modal>
   </a-drawer>
 </template>
 <script>
@@ -91,6 +123,7 @@ export default {
       selectedComment: {},
       replyComment: {},
       replyCommentVisible: false,
+      commentVisible: false,
       pagination: {
         page: 1,
         size: 10,
@@ -160,8 +193,10 @@ export default {
       this.replyCommentVisible = true
       this.replyComment.parentId = comment.id
       this.replyComment.postId = this.id
-
-      console.log('comment reply', this.replyComment)
+    },
+    handleComment() {
+      this.replyComment.postId = this.id
+      this.commentVisible = true
     },
     handleCreateClick() {
       if (!this.replyComment.content) {
@@ -171,13 +206,12 @@ export default {
         })
         return
       }
-      console.log('target:', this.target)
-      console.log('replyComment:', this.replyComment)
       commentApi.create(this.target, this.replyComment).then(response => {
         this.$message.success('回复成功！')
         this.replyComment = {}
         this.selectedComment = {}
         this.replyCommentVisible = false
+        this.commentVisible = false
         this.loadComments()
       })
     },
@@ -198,6 +232,10 @@ export default {
       this.selectedComment = {}
       this.replyCommentVisible = false
     },
+    onCommentClose() {
+      this.replyComment = {}
+      this.commentVisible = false
+    },
     onClose() {
       this.comments = []
       this.pagination = {