From fbaedaad0e1e495fa6a6adcb68f31feac3e7685b Mon Sep 17 00:00:00 2001
From: Dawn1Ocean <1785590531@qq.com>
Date: Tue, 26 Mar 2024 20:36:27 +0800
Subject: [PATCH] add prolist in logs page

---
 src/pages/logs/Logs.tsx | 67 +++++++++++++++++++++++++++++++++++++++++
 src/router.tsx          |  3 +-
 2 files changed, 69 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/logs/Logs.tsx

diff --git a/src/pages/logs/Logs.tsx b/src/pages/logs/Logs.tsx
new file mode 100644
index 0000000..d6fcc19
--- /dev/null
+++ b/src/pages/logs/Logs.tsx
@@ -0,0 +1,67 @@
+import { FC } from 'react';
+import { EllipsisOutlined } from '@ant-design/icons';
+import { ProList } from '@ant-design/pro-components';
+import { Progress, Tag } from 'antd';
+
+const data = [
+  '语雀的天空',
+  'Ant Design',
+  '蚂蚁金服体验科技',
+  'TechUI',
+  'TechUI 2.0',
+  'Bigfish',
+  'Umi',
+].map((item) => ({
+  title: item,
+  subTitle: <Tag color='#5BD8A6'>语雀专栏</Tag>,
+  actions: [
+    <a key='invite'>邀请</a>,
+    <a key='operate'>操作</a>,
+    <a key='rest'>
+      <EllipsisOutlined />
+    </a>,
+  ],
+  avatar:
+    'https://gw.alipayobjects.com/zos/antfincdn/UCSiy1j6jx/xingzhuang.svg',
+  content: (
+    <div
+      style={{
+        flex: 1,
+        display: 'flex',
+        justifyContent: 'flex-end',
+      }}
+    >
+      <div
+        style={{
+          width: 200,
+        }}
+      >
+        <div>发布中</div>
+        <Progress percent={80} />
+      </div>
+    </div>
+  ),
+}));
+
+const LogsPage: FC = () => {
+  return (
+    <ProList<any>
+      pagination={{
+        defaultPageSize: 5,
+        showSizeChanger: true,
+      }}
+      metas={{
+        title: {},
+        subTitle: {},
+        type: {},
+        avatar: {},
+        content: {},
+        actions: {},
+      }}
+      headerTitle='翻页'
+      dataSource={data}
+    />
+  );
+};
+
+export default LogsPage;
diff --git a/src/router.tsx b/src/router.tsx
index 8c0f46b..fe092c0 100644
--- a/src/router.tsx
+++ b/src/router.tsx
@@ -1,6 +1,7 @@
 import { Routes, Route } from 'react-router-dom';
 import Todo from './components/Todo';
 import DutyTablePage from './pages/duty/DutyTable';
+import LogsPage from './pages/logs/Logs';
 
 export const routes = {
   main: '/',
@@ -35,7 +36,7 @@ export const AppRouter: React.FC = () => {
       <Route path={routes.admin.dutyInfo} element={<Todo />} />
       <Route path={routes.duty.conclusion} element={<Todo />} />
       <Route path={routes.about} element={<Todo />} />
-      <Route path={routes.logs} element={<Todo />} />
+      <Route path={routes.logs} element={<LogsPage />} />
     </Routes>
   );
 };