From d5e307d4bbee7cf6f955a91885d67d216886b71c Mon Sep 17 00:00:00 2001
From: ruibaby <i@ryanc.cc>
Date: Fri, 3 Jan 2020 12:16:55 +0800
Subject: [PATCH] feat: support set summary for sheet.

---
 src/views/comment/components/CommentTab.vue   |  2 +
 .../components/TargetCommentDrawer.vue        | 22 +++++++--
 .../comment/components/TargetCommentTree.vue  | 48 +++++++++++++++----
 .../sheet/components/SheetSettingDrawer.vue   | 17 +++++++
 4 files changed, 76 insertions(+), 13 deletions(-)

diff --git a/src/views/comment/components/CommentTab.vue b/src/views/comment/components/CommentTab.vue
index 2d7e2ec1..a758fa69 100644
--- a/src/views/comment/components/CommentTab.vue
+++ b/src/views/comment/components/CommentTab.vue
@@ -437,6 +437,7 @@ const postColumns = [
   {
     title: '昵称',
     dataIndex: 'author',
+    width: '150px',
     scopedSlots: { customRender: 'author' }
   },
   {
@@ -474,6 +475,7 @@ const sheetColumns = [
   {
     title: '昵称',
     dataIndex: 'author',
+    width: '150px',
     scopedSlots: { customRender: 'author' }
   },
   {
diff --git a/src/views/comment/components/TargetCommentDrawer.vue b/src/views/comment/components/TargetCommentDrawer.vue
index 12415aa8..557f7ab1 100644
--- a/src/views/comment/components/TargetCommentDrawer.vue
+++ b/src/views/comment/components/TargetCommentDrawer.vue
@@ -7,13 +7,19 @@
     destroyOnClose
     @close="onClose"
   >
-    <a-row type="flex" align="middle">
+    <a-row
+      type="flex"
+      align="middle"
+    >
       <a-col :span="24">
         <a-list itemLayout="horizontal">
           <a-list-item>
             <a-list-item-meta>
               <template slot="description">
-                <p v-html="description" class="comment-drawer-content"></p>
+                <p
+                  v-html="description"
+                  class="comment-drawer-content"
+                ></p>
               </template>
               <h3 slot="title">{{ title }}</h3>
             </a-list-item-meta>
@@ -51,13 +57,21 @@
       destroyOnClose
     >
       <template slot="footer">
-        <a-button key="submit" type="primary" @click="handleCreateClick">
+        <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-input
+            type="textarea"
+            :autosize="{ minRows: 8 }"
+            v-model="replyComment.content"
+          />
         </a-form-item>
       </a-form>
     </a-modal>
diff --git a/src/views/comment/components/TargetCommentTree.vue b/src/views/comment/components/TargetCommentTree.vue
index 96d0b743..adb09d17 100644
--- a/src/views/comment/components/TargetCommentTree.vue
+++ b/src/views/comment/components/TargetCommentTree.vue
@@ -2,11 +2,17 @@
   <div>
     <a-comment>
       <template slot="actions">
-        <a-dropdown :trigger="['click']" v-if="comment.status === 'AUDITING'">
+        <a-dropdown
+          :trigger="['click']"
+          v-if="comment.status === 'AUDITING'"
+        >
           <span href="javascript:void(0);">通过</span>
           <a-menu slot="overlay">
             <a-menu-item key="1">
-              <span href="javascript:void(0);" @click="handleEditStatusClick('PUBLISHED')">通过</span>
+              <span
+                href="javascript:void(0);"
+                @click="handleEditStatusClick('PUBLISHED')"
+              >通过</span>
             </a-menu-item>
             <a-menu-item key="2">
               <span href="javascript:void(0);">通过并回复</span>
@@ -14,7 +20,10 @@
           </a-menu>
         </a-dropdown>
 
-        <span v-else-if="comment.status === 'PUBLISHED'" @click="handleReplyClick">回复</span>
+        <span
+          v-else-if="comment.status === 'PUBLISHED'"
+          @click="handleReplyClick"
+        >回复</span>
 
         <a-popconfirm
           v-else-if="comment.status === 'RECYCLE'"
@@ -36,16 +45,37 @@
           <span>回收站</span>
         </a-popconfirm>
 
-        <a-popconfirm :title="'你确定要永久删除该评论？'" @confirm="handleDeleteClick" okText="确定" cancelText="取消">
+        <a-popconfirm
+          :title="'你确定要永久删除该评论？'"
+          @confirm="handleDeleteClick"
+          okText="确定"
+          cancelText="取消"
+        >
           <span>删除</span>
         </a-popconfirm>
       </template>
-      <a slot="author" :href="comment.authorUrl" target="_blank">
-        <a-icon type="user" v-if="comment.isAdmin" style="margin-right: 3px;" />
-        {{ comment.author }}-->{{ comment.id }}
+      <a
+        slot="author"
+        :href="comment.authorUrl"
+        target="_blank"
+      >
+        <a-icon
+          type="user"
+          v-if="comment.isAdmin"
+          style="margin-right: 3px;"
+        />
+        {{ comment.author }}
       </a>
-      <a-avatar size="large" slot="avatar" :src="avatar" :alt="comment.author" />
-      <p slot="content" v-html="content"></p>
+      <a-avatar
+        size="large"
+        slot="avatar"
+        :src="avatar"
+        :alt="comment.author"
+      />
+      <p
+        slot="content"
+        v-html="content"
+      ></p>
       <a-tooltip slot="datetime">
         <span slot="title">{{ comment.createTime | moment }}</span>
         <span>{{ comment.createTime | timeAgo }}</span>
diff --git a/src/views/sheet/components/SheetSettingDrawer.vue b/src/views/sheet/components/SheetSettingDrawer.vue
index 62db48eb..50e0eda7 100644
--- a/src/views/sheet/components/SheetSettingDrawer.vue
+++ b/src/views/sheet/components/SheetSettingDrawer.vue
@@ -67,6 +67,23 @@
         </div>
         <a-divider />
 
+        <div :style="{ marginBottom: '16px' }">
+          <h3 class="post-setting-drawer-title">摘要</h3>
+          <div class="post-setting-drawer-item">
+            <a-form layout="vertical">
+              <a-form-item>
+                <a-input
+                  type="textarea"
+                  :autosize="{ minRows: 5 }"
+                  v-model="selectedSheet.summary"
+                  placeholder="不填写则会自动生成"
+                />
+              </a-form-item>
+            </a-form>
+          </div>
+        </div>
+        <a-divider />
+
         <div :style="{ marginBottom: '16px' }">
           <h3 class="post-setting-drawer-title">缩略图</h3>
           <div class="post-setting-drawer-item">