From 01234a60420237d75e7eb1021dea1df07397c04a Mon Sep 17 00:00:00 2001
From: Dawn1Ocean <1785590531@qq.com>
Date: Tue, 2 Apr 2024 19:21:12 +0800
Subject: [PATCH] add procard in welcome

---
 config/routes.ts                 |  2 +-
 src/pages/Admin/Report/index.tsx |  6 +++++-
 src/pages/Welcome/index.tsx      | 35 ++++++++++++++++++++++++++++----
 3 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/config/routes.ts b/config/routes.ts
index cb6808a..7510edc 100644
--- a/config/routes.ts
+++ b/config/routes.ts
@@ -23,7 +23,7 @@ export default [
     name: '值班管理',
     icon: 'team',
     routes: [
-      { path: '/leader', redirect: '/admin/dutyinfo' },
+      { path: '/leader', redirect: '/leader/conclusion' },
       { path: '/leader/conclusion', name: '值班总结', component: './Leader/Conclusion' },
     ],
   },
diff --git a/src/pages/Admin/Report/index.tsx b/src/pages/Admin/Report/index.tsx
index 57b69b4..c992dd4 100644
--- a/src/pages/Admin/Report/index.tsx
+++ b/src/pages/Admin/Report/index.tsx
@@ -53,7 +53,11 @@ const Logs: React.FC = () => {
             extra: {
               dataIndex: 'time',
               render: (_, row) => {
-                return <div>{moment(row.time).format('YYYY-M-D HH:mm:ss')}</div>;
+                return (
+                  <div style={{ marginLeft: '3vh' }}>
+                    {moment(row.time).format('YYYY-M-D HH:mm:ss')}
+                  </div>
+                );
               },
               search: false,
             },
diff --git a/src/pages/Welcome/index.tsx b/src/pages/Welcome/index.tsx
index d6a98d1..ffb74ba 100644
--- a/src/pages/Welcome/index.tsx
+++ b/src/pages/Welcome/index.tsx
@@ -1,12 +1,39 @@
-import { Todo } from '@/components';
-import { PageContainer } from '@ant-design/pro-components';
-import { Card } from 'antd';
+import { PageContainer, ProCard } from '@ant-design/pro-components';
+import { Card, Statistic } from 'antd';
+import RcResizeObserver from 'rc-resize-observer';
+import { useState } from 'react';
+
+const { Divider } = ProCard;
 
 const Logs: React.FC = () => {
+  const [responsive, setResponsive] = useState(false);
   return (
     <PageContainer>
       <Card>
-        <Todo />
+        <RcResizeObserver
+          key="resize-observer"
+          onResize={(offset) => {
+            setResponsive(offset.width < 596);
+          }}
+        >
+          <ProCard.Group direction={responsive ? 'column' : 'row'}>
+            <ProCard>
+              <Statistic title="今日UV" value={79.0} precision={2} />
+            </ProCard>
+            <Divider type={responsive ? 'horizontal' : 'vertical'} />
+            <ProCard>
+              <Statistic title="冻结金额" value={112893.0} precision={2} />
+            </ProCard>
+            <Divider type={responsive ? 'horizontal' : 'vertical'} />
+            <ProCard>
+              <Statistic title="信息完整度" value={93} suffix="/ 100" />
+            </ProCard>
+            <Divider type={responsive ? 'horizontal' : 'vertical'} />
+            <ProCard>
+              <Statistic title="冻结金额" value={112893.0} />
+            </ProCard>
+          </ProCard.Group>
+        </RcResizeObserver>
       </Card>
     </PageContainer>
   );