添加复习按钮点击置灰逻辑

bin/push.sh

@@ -1,4 +1,4 @@
-umi build
+#umi build
 
 remote=root@www.tianyunperfect.cn
 

src/pages/Memory/index.tsx

@@ -1,5 +1,5 @@
 import { Button, message } from 'antd';
-import React, { useEffect } from 'react';
+import React, {useEffect, useState} from 'react';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { useSingleState } from 'nice-hooks';
 import Quill from '@/pages/Memory/components/Quill';
@@ -21,6 +21,8 @@ interface State {
 }
 
 const TableList: React.FC<{}> = () => {
+  const [btnDisable, setBtnDisable] = useState(false);
+
   const [state, setState] = useSingleState<State>({
     remindCount: 0,
     step: Step.MAIN, // 0 主页，1 复习，2 添加
@@ -67,6 +69,8 @@ const TableList: React.FC<{}> = () => {
    * @param res
    */
   const memoryRes = (res: any) => {
+    // 只要有返回值，就使按钮可见
+    setBtnDisable(false);
     if (res.success) {
       setState({ showBack: false });
       setMemory({ ...memory, ...res.data });
@@ -76,6 +80,7 @@ const TableList: React.FC<{}> = () => {
   };
 
   const memorySuccess = async (factorInt: number) => {
+    setBtnDisable(true);
     memoryRes(await service.memorySuccess({ id: memory.id, factor: factorInt }));
   };
 
@@ -174,6 +179,7 @@ const TableList: React.FC<{}> = () => {
               <div className={styles.divBottom}>
                 <Button
                   type="primary"
+                  disabled={btnDisable}
                   onClick={() => {
                     memorySuccess(0.5);
                   }}
@@ -183,6 +189,7 @@ const TableList: React.FC<{}> = () => {
                 <span> </span>
                 <Button
                   type="primary"
+                  disabled={btnDisable}
                   onClick={() => {
                     memorySuccess(2);
                   }}
@@ -192,6 +199,7 @@ const TableList: React.FC<{}> = () => {
                 <span> </span>
                 <Button
                   type="primary"
+                  disabled={btnDisable}
                   onClick={() => {
                     memorySuccess(3);
                   }}
@@ -201,6 +209,7 @@ const TableList: React.FC<{}> = () => {
                 <span> </span>
                 <Button
                   type="primary"
+                  disabled={btnDisable}
                   onClick={async () => {
                     memoryRes(await service.delay(memory));
                   }}
@@ -211,6 +220,7 @@ const TableList: React.FC<{}> = () => {
                 <div>
                   <Button
                     type="primary"
+                    disabled={btnDisable}
                     onClick={async () => {
                       memoryRes(await service.restart(memory));
                     }}
@@ -220,6 +230,7 @@ const TableList: React.FC<{}> = () => {
                   <span> </span>
                   <Button
                     type="primary"
+                    disabled={btnDisable}
                     onClick={async () => {
                       memoryRes(await service.noMemory(memory));
                     }}
@@ -229,6 +240,7 @@ const TableList: React.FC<{}> = () => {
                   <span> </span>
                   <Button
                     type="primary"
+                    disabled={btnDisable}
                     onClick={async () => {
                       memoryRes(await service.delete(memory));
                     }}