From edf95221715b2d0bcdb2a4a3eff4dc3d5407283f Mon Sep 17 00:00:00 2001
From: johnniang <johnniang@riseup.net>
Date: Thu, 21 Mar 2019 10:25:55 +0800
Subject: [PATCH] Complete post api and comment api

---
 .prettierrc                       |   5 +
 package.json                      |   4 +
 src/api/comment.js                |  14 +++
 src/api/post.js                   |   9 ++
 src/views/dashboard/Dashboard.vue | 181 ++++++++++++++++--------------
 5 files changed, 130 insertions(+), 83 deletions(-)
 create mode 100644 .prettierrc
 create mode 100644 src/api/comment.js

diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..cbe842ac
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,5 @@
+{
+  "printWidth": 120,
+  "semi": false,
+  "singleQuote": true
+}
diff --git a/package.json b/package.json
index a6c601b5..c0d5dd1c 100644
--- a/package.json
+++ b/package.json
@@ -64,6 +64,10 @@
       "parser": "babel-eslint"
     },
     "rules": {
+      "space-before-function-paren": [
+        "error",
+        "never"
+      ],
       "generator-star-spacing": "off",
       "no-mixed-operators": 0,
       "vue/max-attributes-per-line": [
diff --git a/src/api/comment.js b/src/api/comment.js
new file mode 100644
index 00000000..ba05c67c
--- /dev/null
+++ b/src/api/comment.js
@@ -0,0 +1,14 @@
+import service from '@/utils/service'
+
+const baseUrl = '/admin/api/comments'
+
+const commentApi = {}
+
+commentApi.listLatest = () => {
+  return service({
+    url: `${baseUrl}/latest`,
+    method: 'get'
+  })
+}
+
+export default commentApi
diff --git a/src/api/post.js b/src/api/post.js
index 884c80f0..23b09aa6 100644
--- a/src/api/post.js
+++ b/src/api/post.js
@@ -1,5 +1,14 @@
 import service from '@/utils/service'
 
+const baseUrl = '/admin/api/posts'
+
 const postApi = {}
 
+postApi.listLatest = () => {
+  return service({
+    url: `${baseUrl}/latest`,
+    method: 'get'
+  })
+}
+
 export default postApi
diff --git a/src/views/dashboard/Dashboard.vue b/src/views/dashboard/Dashboard.vue
index 0d09d0df..e53e5abd 100644
--- a/src/views/dashboard/Dashboard.vue
+++ b/src/views/dashboard/Dashboard.vue
@@ -1,17 +1,45 @@
 <template>
   <div class="page-header-index-wide">
     <a-row :gutter="12">
-      <a-col :xl="12" :lg="24" :md="24" :sm="24" :xs="24">
-        <a-card :loading="loading" :bordered="false" title="最新文章" :bodyStyle="{ padding: '0px' }">
-          <a-table :columns="postColumns" :dataSource="postData" :pagination="false">
-
+      <a-col
+        :xl="12"
+        :lg="24"
+        :md="24"
+        :sm="24"
+        :xs="24"
+      >
+        <a-card
+          :loading="postLoading"
+          :bordered="false"
+          title="最新文章"
+          :bodyStyle="{ padding: '0px' }"
+        >
+          <a-table
+            :columns="postColumns"
+            :dataSource="postData"
+            :pagination="false"
+          >
           </a-table>
         </a-card>
       </a-col>
-      <a-col :xl="12" :lg="24" :md="24" :sm="24" :xs="24">
-        <a-card :loading="loading" :bordered="false" title="最新评论" :bodyStyle="{ padding: '0px' }">
-          <a-table :columns="commentColumns" :dataSource="commentData" :pagination="false">
-
+      <a-col
+        :xl="12"
+        :lg="24"
+        :md="24"
+        :sm="24"
+        :xs="24"
+      >
+        <a-card
+          :loading="commentLoading"
+          :bordered="false"
+          title="最新评论"
+          :bodyStyle="{ padding: '0px' }"
+        >
+          <a-table
+            :columns="commentColumns"
+            :dataSource="commentData"
+            :pagination="false"
+          >
           </a-table>
         </a-card>
       </a-col>
@@ -20,95 +48,82 @@
 </template>
 
 <script>
+import postApi from '@/api/post'
+import commentApi from '@/api/comment'
 
-const postColumns = [{
-  title: '标题',
-  dataIndex: 'title',
-  scopedSlots: { customRender: 'name' }
-}, {
-  title: '状态',
-  className: 'status',
-  dataIndex: 'status'
-}, {
-  title: '发布时间',
-  dataIndex: 'date'
-}]
+const postColumns = [
+  {
+    title: '标题',
+    dataIndex: 'title',
+    scopedSlots: { customRender: 'name' }
+  },
+  {
+    title: '状态',
+    className: 'status',
+    dataIndex: 'status'
+  },
+  {
+    title: '发布时间',
+    dataIndex: 'date'
+  }
+]
 
-const commentColumns = [{
-  title: '评论者',
-  dataIndex: 'author',
-  scopedSlots: { customRender: 'name' }
-}, {
-  title: '状态',
-  className: 'status',
-  dataIndex: 'status'
-}, {
-  title: '内容',
-  className: 'content',
-  dataIndex: 'content'
-}, {
-  title: '发布时间',
-  dataIndex: 'date'
-}]
-
-const postData = [{
-  key: '1',
-  title: '测试文章1',
-  status: '已发布',
-  date: '2019-03-20'
-}, {
-  key: '2',
-  title: '测试文章3',
-  status: '草稿',
-  date: '2019-03-20'
-}, {
-  key: '3',
-  title: '测试文章3',
-  status: '回收站',
-  date: '2019-03-20'
-}]
-
-const commentData = [{
-  key: '1',
-  author: 'test1',
-  status: '已发布',
-  content: '测试评论1',
-  date: '2019-03-20'
-}, {
-  key: '2',
-  author: 'test1',
-  status: '草稿',
-  content: '测试评论1',
-  date: '2019-03-20'
-}, {
-  key: '3',
-  author: 'test1',
-  status: '回收站',
-  content: '测试评论1',
-  date: '2019-03-20'
-}]
+const commentColumns = [
+  {
+    title: '评论者',
+    dataIndex: 'author',
+    scopedSlots: { customRender: 'name' }
+  },
+  {
+    title: '状态',
+    className: 'status',
+    dataIndex: 'status'
+  },
+  {
+    title: '内容',
+    className: 'content',
+    dataIndex: 'content'
+  },
+  {
+    title: '发布时间',
+    dataIndex: 'date'
+  }
+]
 
 export default {
   name: 'Dashboard',
-  components: {
-  },
-  data () {
+  components: {},
+  data() {
     return {
       loading: true,
+      postLoading: true,
+      commentLoading: true,
       postColumns,
-      postData,
+      postData: [],
       commentColumns,
-      commentData
+      commentData: []
     }
   },
-  created () {
-    setTimeout(() => {
-      this.loading = !this.loading
-    }, 1000)
+  created() {
+    this.listLatestPosts()
+    this.listLatestComments()
+  },
+  methods: {
+    listLatestPosts() {
+      postApi.listLatest().then(response => {
+        this.postLoading = false
+        this.postData = response.data.data
+      })
+    },
+    listLatestComments() {
+      commentApi.listLatest().then(response => {
+        this.commentLoading = false
+        this.commentData = response.data.data
+      })
+    }
   }
 }
 </script>
 
 <style lang="less" scoped>
-
 </style>