From 1f9e1de998a3200ebe79186927041ffaa4a630fe Mon Sep 17 00:00:00 2001
From: ruibaby <i@ryanc.cc>
Date: Fri, 6 Sep 2019 11:30:19 +0800
Subject: [PATCH] Refactor PostList.vue and SheetList.vue

---
 src/views/post/PostList.vue   | 25 ++++++++++++++++++-
 src/views/sheet/SheetList.vue | 45 +++++++++++++++++++----------------
 2 files changed, 48 insertions(+), 22 deletions(-)

diff --git a/src/views/post/PostList.vue b/src/views/post/PostList.vue
index 18d19d6a..d2bcc93a 100644
--- a/src/views/post/PostList.vue
+++ b/src/views/post/PostList.vue
@@ -146,18 +146,41 @@
               :href="options.blog_url+'/archives/'+record.url"
               target="_blank"
               style="text-decoration: none;"
+              v-if="record.status=='PUBLISHED'"
             >
               <a-tooltip
                 placement="topLeft"
                 :title="'点击访问【'+text+'】'"
               >{{ text }}</a-tooltip>
             </a>
+            <a
+              :href="`${options.blog_url}/api/admin/posts/preview/${record.id}`"
+              target="_blank"
+              style="text-decoration: none;"
+              v-else-if="record.status=='DRAFT'"
+            >
+              <a-tooltip
+                placement="topLeft"
+                :title="'点击预览【'+text+'】'"
+              >{{ text }}</a-tooltip>
+            </a>
+            <a
+              href="javascript:void(0);"
+              style="text-decoration: none;"
+              disabled
+              v-else
+            >
+              {{ text }}
+            </a>
           </span>
           <span
             slot="status"
             slot-scope="statusProperty"
           >
-            <a-badge :status="statusProperty.status" :text="statusProperty.text" />
+            <a-badge
+              :status="statusProperty.status"
+              :text="statusProperty.text"
+            />
           </span>
 
           <span
diff --git a/src/views/sheet/SheetList.vue b/src/views/sheet/SheetList.vue
index 7cc01722..b2c64b69 100644
--- a/src/views/sheet/SheetList.vue
+++ b/src/views/sheet/SheetList.vue
@@ -9,26 +9,6 @@
                 <a-icon type="pushpin" />内置页面
               </span>
 
-              <!-- TODO 移动端展示 -->
-              <!-- <a-collapse
-                :bordered="false"
-                v-if="isMobile()"
-              >
-                <a-collapse-panel
-                  v-for="(item,index) in internalSheets"
-                  :key="index"
-                >
-                  <a
-                    href="javascript:void(0);"
-                    slot="header"
-                  > {{ item.name }} </a>
-                  <div>
-                    访问路径：{{ item.url }}
-                    操作：{{ item.url }}
-                  </div>
-                </a-collapse-panel>
-              </a-collapse> -->
-
               <a-table
                 :columns="internalColumns"
                 :dataSource="internalSheets"
@@ -106,19 +86,42 @@
                     :href="options.blog_url+'/s/'+record.url"
                     target="_blank"
                     style="text-decoration: none;"
+                    v-if="record.status=='PUBLISHED'"
                   >
                     <a-tooltip
                       placement="topLeft"
                       :title="'点击访问【'+text+'】'"
                     >{{ text }}</a-tooltip>
                   </a>
+                  <a
+                    :href="`${options.blog_url}/api/admin/sheets/preview/${record.id}`"
+                    target="_blank"
+                    style="text-decoration: none;"
+                    v-else-if="record.status=='DRAFT'"
+                  >
+                    <a-tooltip
+                      placement="topLeft"
+                      :title="'点击预览【'+text+'】'"
+                    >{{ text }}</a-tooltip>
+                  </a>
+                  <a
+                    href="javascript:void(0);"
+                    style="text-decoration: none;"
+                    disabled
+                    v-else
+                  >
+                    {{ text }}
+                  </a>
                 </span>
 
                 <span
                   slot="status"
                   slot-scope="statusProperty"
                 >
-                  <a-badge :status="statusProperty.status" :text="statusProperty.text"/>
+                  <a-badge
+                    :status="statusProperty.status"
+                    :text="statusProperty.text"
+                  />
                 </span>
 
                 <span