feat：添加组件实例

2022-03-07 12:18:42 +08:00
parent 8bcbcac531
commit 5fcc47816c
10 changed files with 1251 additions and 839 deletions
--- a/src/views/examples/table/post/post-table.js
+++ b/src/views/examples/table/post/post-table.js
@@ -0,0 +1,99 @@
+import { h } from 'vue'
+import { NButton, NSwitch } from 'naive-ui'
+import { getPosts } from '@/api/post'
+import { formatDateTime } from '@/utils'
+
+export async function getTableData() {
+  try {
+    const res = await getPosts()
+    if (res.code === 0) {
+      return res.data
+    }
+    console.warn(res.message)
+    return []
+  } catch (error) {
+    console.error(error)
+    return []
+  }
+}
+
+export function createColumns({ handleDelete, handleRecommend, handlePublish }) {
+  return [
+    { type: 'selection' },
+    { title: '标题', key: 'title', width: 150 },
+    { title: '分类', key: 'category', width: 80 },
+    {
+      title: '描述',
+      key: 'description',
+      width: 200,
+    },
+    { title: '创建人', key: 'author', width: 80 },
+    {
+      title: '创建时间',
+      key: 'createDate',
+      width: 150,
+      render(row) {
+        return h('span', formatDateTime(row['createDate']))
+      },
+    },
+    {
+      title: '最后更新时间',
+      key: 'updateDate',
+      width: 150,
+      render(row) {
+        return h('span', formatDateTime(row['updateDate']))
+      },
+    },
+    {
+      title: '推荐',
+      key: 'isRecommend',
+      width: 100,
+      align: 'center',
+      fixed: 'right',
+      render(row) {
+        return h(NSwitch, {
+          size: 'small',
+          defaultValue: row['isRecommend'],
+          loading: !!row.recommending,
+          onUpdateValue: () => handleRecommend(row),
+        })
+      },
+    },
+    {
+      title: '发布',
+      key: 'isPublish',
+      width: 100,
+      align: 'center',
+      fixed: 'right',
+      render(row) {
+        return h(NSwitch, {
+          size: 'small',
+          defaultValue: row['isPublish'],
+          loading: !!row.publishing,
+          onUpdateValue: () => handlePublish(row),
+        })
+      },
+    },
+    {
+      title: '操作',
+      key: 'actions',
+      width: 120,
+      align: 'center',
+      fixed: 'right',
+      render(row) {
+        return [
+          h(
+            NButton,
+            {
+              size: 'small',
+              type: 'error',
+              style: 'margin-left: 15px;',
+              onClick: () => handleDelete(row),
+            },
+            { default: () => '删除' }
+          ),
+        ]
+      },
+    },
+  ]
+}