From 780bb30f814110de029afbaa12ca2d3ac903c143 Mon Sep 17 00:00:00 2001
From: ruibaby <i@ryanc.cc>
Date: Sat, 25 May 2019 14:09:00 +0800
Subject: [PATCH] Perfect sheet page.

---
 src/api/sheet.js              |  7 ++++++
 src/views/sheet/SheetList.vue | 47 ++++++++++++++++++-----------------
 2 files changed, 31 insertions(+), 23 deletions(-)

diff --git a/src/api/sheet.js b/src/api/sheet.js
index 2f436cde8..4f815e2e3 100644
--- a/src/api/sheet.js
+++ b/src/api/sheet.js
@@ -11,6 +11,13 @@ sheetApi.list = () => {
   })
 }
 
+sheetApi.listInternal = () => {
+  return service({
+    url: `${baseUrl}/internal`,
+    method: 'get'
+  })
+}
+
 sheetApi.get = sheetId => {
   return service({
     url: `${baseUrl}/${sheetId}`,
diff --git a/src/views/sheet/SheetList.vue b/src/views/sheet/SheetList.vue
index 68bd477e4..af3cbe690 100644
--- a/src/views/sheet/SheetList.vue
+++ b/src/views/sheet/SheetList.vue
@@ -35,6 +35,20 @@
                 :pagination="false"
                 :rowKey="page => page.id"
               >
+                <template
+                  slot="status"
+                  slot-scope="status"
+                >
+                  <span v-if="status">可用</span>
+                  <span v-else>不可用
+                    <a-tooltip
+                      slot="action"
+                      title="当前主题没有对应模板"
+                    >
+                      <a-icon type="info-circle-o" />
+                    </a-tooltip>
+                  </span>
+                </template>
                 <span
                   slot="action"
                   slot-scope="text, record"
@@ -147,7 +161,7 @@ import optionApi from '@/api/option'
 const internalColumns = [
   {
     title: '页面名称',
-    dataIndex: 'name'
+    dataIndex: 'title'
   },
   {
     title: '访问路径',
@@ -155,7 +169,8 @@ const internalColumns = [
   },
   {
     title: '状态',
-    dataIndex: 'status'
+    dataIndex: 'status',
+    scopedSlots: { customRender: 'status' }
   },
   {
     title: '操作',
@@ -194,26 +209,6 @@ const customColumns = [
     scopedSlots: { customRender: 'action' }
   }
 ]
-const internalSheets = [
-  {
-    id: '1',
-    name: '友情链接',
-    url: '/links',
-    status: '可用'
-  },
-  {
-    id: '2',
-    name: '图库页面',
-    url: '/photos',
-    status: '可用'
-  },
-  {
-    id: '3',
-    name: '日志页面',
-    url: '/journals',
-    status: '实验性'
-  }
-]
 export default {
   mixins: [mixin, mixinDevice],
   data() {
@@ -221,7 +216,7 @@ export default {
       sheetStatus: sheetApi.sheetStatus,
       internalColumns,
       customColumns,
-      internalSheets,
+      internalSheets: [],
       sheets: [],
       options: [],
       keys: ['blog_url']
@@ -237,6 +232,7 @@ export default {
   },
   created() {
     this.loadSheets()
+    this.loadInternalSheets()
     this.loadOptions()
   },
   methods: {
@@ -245,6 +241,11 @@ export default {
         this.sheets = response.data.data.content
       })
     },
+    loadInternalSheets() {
+      sheetApi.listInternal().then(response => {
+        this.internalSheets = response.data.data
+      })
+    },
     loadOptions() {
       optionApi.listAll(this.keys).then(response => {
         this.options = response.data.data