feats

src/pages/check/index.jsx

@@ -12,6 +12,7 @@ export default (props) => {
 
   const navigate = useNavigate();
   const actionRef = React.useRef();
+  const [messageApi, contextHolder] = message.useMessage();
 
   const onDelete = (item) => {
     deleteTaCheck(item.checkId).then(() => {
@@ -26,8 +27,16 @@ export default (props) => {
   }
 
   const onCalc = (row) => {
+    messageApi.open({
+      type: 'loading',
+      content: '正在计算, 请稍候...',
+      duration: 0,
+    });
     calcScoreTaCheck(row.checkId).then(() => {
+      messageApi.destroy();
       actionRef.current.reload();
+    }).catch(() => {
+      messageApi.destroy();
     });
   }
 
@@ -126,6 +135,7 @@ export default (props) => {
 
   return (
     <Page>
+      {contextHolder}
       <ProTable
         actionRef={actionRef}
         rowKey="checkId"

src/pages/home/components/AssignedCharts.jsx

@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
 import { Card } from 'antd';
 import * as echarts from 'echarts/core';
-import RangeDate from './RangeDate';
-import * as dayjs from 'dayjs';
+import dayjs from 'dayjs';
 import Chart from '@/components/chart';
 import { getStatIssue } from "@/service/stat";
+import RangeDate from './RangeDate';
 
 export default React.forwardRef((props, ref) => {
   const [option, setOption] = useState({});

src/pages/home/components/ProblemCharts.jsx

@@ -5,13 +5,10 @@ import Chart from '@/components/chart';
 import { getStatProblem } from "@/service/stat";
 
 export default (props) => {
-
   const [option, setOption] = useState({});
-  console.log('---------->', option)
 
   React.useEffect(() => {
     getStatProblem().then((res) => {
-      console.log('====================>', res.map(x => x.name))
       setOption({
         tooltip: {
           trigger: 'axis',
@@ -62,9 +59,8 @@ export default (props) => {
           }
         ]
       });
-    });
-  }, [0]);
-
+    }).catch(console.error);
+  }, []);
 
   return (
     <Card title="问题分类">

src/pages/home/components/RangeDate.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Radio, DatePicker, Button } from 'antd';
-import * as dayjs from 'dayjs';
+import dayjs from 'dayjs';
 // import * as isLeapYear from 'dayjs/plugin/isLeapYear' // 导入插件
 // import 'dayjs/locale/zh-cn' // 导入本地化语言