src/pages/Admin/DutyInfo.tsx

@@ -1,73 +1,12 @@
-import { PageContainer, ProForm, ProFormRadio, ProFormText } from '@ant-design/pro-components';
+import { Todo } from '@/components';
-import { Card, Col, Row, Space, message } from 'antd';
+import { PageContainer } from '@ant-design/pro-components';
-
+import { Card } from 'antd';
-const waitTime = (time: number = 100) => {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve(true);
-    }, time);
-  });
-};
 
 const Logs: React.FC = () => {
-
   return (
     <PageContainer>
       <Card>
-      <ProForm<{
+        <Todo />
-      name: string;
-      company?: string;
-      useMode?: string;
-    }>
-      submitter={{
-        render: (props, doms) => {
-          return (
-            <Row>
-              <Col span={14} offset={4}>
-                <Space>{doms}</Space>
-              </Col>
-            </Row>);
-        },
-      }}
-      onFinish={async (values) => {
-        await waitTime(2000);
-        console.log(values);
-        message.success('提交成功');
-      }}
-      params={{}}
-      request={async () => {
-        await waitTime(100);
-        return {
-          name: '蚂蚁设计有限公司',
-          useMode: 'chapter',
-        };
-      }}
-    >
-      <ProFormRadio.Group
-        style={{
-          margin: 16,
-        }}
-      />
-      <ProFormText
-        width="md"
-        name="name"
-        label="签约客户名称"
-        tooltip="最长为 24 位"
-        placeholder="请输入名称"
-      />
-      <ProFormText
-        width="md"
-        name="company"
-        label="我方公司名称"
-        placeholder="请输入名称"
-      />
-      <ProFormText
-        name={['contract', 'name']}
-        width="md"
-        label="合同名称"
-        placeholder="请输入名称"
-      />
-    </ProForm>
       </Card>
     </PageContainer>
   );

src/pages/Welcome/index.tsx

@@ -1,12 +1,12 @@
-import type { TinyRingConfig } from '@ant-design/charts';
 import { Tiny } from '@ant-design/charts';
 import { PageContainer, ProCard, StatisticCard } from '@ant-design/pro-components';
 import { Card, Statistic } from 'antd';
 import RcResizeObserver from 'rc-resize-observer';
 import { useState } from 'react';
+import type { TinyRingConfig } from '@ant-design/charts';
 
 const percentRing = (percent: number, frontColor: string): React.JSX.Element => {
-  const TinyRing = Tiny.Ring as (props: TinyRingConfig) => JSX.Element;
+  const TinyRing = Tiny.Ring;
   const config: TinyRingConfig = {
     percent: percent / 100,
     width: 120,
@@ -52,7 +52,7 @@ const Logs: React.FC = () => {
   const [responsive, setResponsive] = useState(false);
   return (
     <PageContainer>
-      <Card style={{ color: '#f5f5f5' }}>
+      <Card>
         <RcResizeObserver
           key="resize-observer"
           onResize={(offset) => {
@@ -60,19 +60,18 @@ const Logs: React.FC = () => {
           }}
         >
           <ProCard split={responsive ? 'horizontal' : 'vertical'}>
-            <ProCard colSpan="45%">
+            <ProCard title="左侧详情" colSpan="48%">
-              <ProCard hoverable>左侧内容</ProCard>
+              左侧内容
             </ProCard>
             <ProCard colSpan="20%">
               <StatisticCard
-                hoverable
+                style={{ marginTop: '2vh' }}
-                style={{ marginTop: '0vh' }}
                 statistic={{
                   title: '今日预填写工单数',
                   value: indexData.todayPT,
                   description: (
                     <Statistic
-                      style={{ marginTop: '15vh', marginBottom: '8vh' }}
+                      style={{ marginTop: '15vh' }}
                       title="今日反馈数"
                       value={indexData.report}
                     />
@@ -83,7 +82,6 @@ const Logs: React.FC = () => {
             <ProCard>
               <StatisticCard.Group direction={responsive ? 'row' : 'column'}>
                 <StatisticCard
-                  hoverable
                   chart={percentRing(
                     Math.round(((indexData.oreo / indexData.totalPT) * 1000) / 10),
                     '#00CC66',
@@ -96,7 +94,6 @@ const Logs: React.FC = () => {
                   chartPlacement="left"
                 />
                 <StatisticCard
-                  hoverable
                   style={{ marginTop: '3vh' }}
                   chart={percentRing(
                     Math.round((indexData.allSuccess / indexData.all) * 1000) / 10,