Jelajahi Sumber

优化1:back为空则自动显示;
优化2:设置页面增加刷新按钮,对移动端更加友好,解决浏览器缓存问题。

tianyunperfect 4 tahun lalu
induk
melakukan
bf09efb2d7
2 mengubah file dengan 31 tambahan dan 7 penghapusan
  1. 13 1
      src/pages/Memory/index.tsx
  2. 18 6
      src/pages/Setting/index.tsx

+ 13 - 1
src/pages/Memory/index.tsx

@@ -89,7 +89,6 @@ const TableList: React.FC<{}> = () => {
     // 只要有返回值,就使按钮可见
     setBtnDisable(false);
     if (res.success) {
-      setState({showBack: false});
       setMemory({...memory, ...res.data});
     } else {
       setState({step: Step.MAIN});
@@ -166,6 +165,19 @@ const TableList: React.FC<{}> = () => {
     }
   }, [state.step])
 
+  useEffect(() => {
+    // 判断是否为主页面刷新
+    if (memory.front.length === 0) {
+      return;
+    }
+    // 进入复习页面后
+    if (memory.back.length > 0) {
+      setState({showBack: false});
+    } else {
+      setState({showBack: true});
+    }
+  }, [memory.front]);
+
   return (
     <PageHeaderWrapper title={false}>
       {state.step === Step.MAIN ? (

+ 18 - 6
src/pages/Setting/index.tsx

@@ -43,7 +43,6 @@ const handleUpdate = async (fields: PasswordChange) => {
 };
 
 
-
 const TableList: React.FC<{}> = () => {
   const [success, setSuccess] = useState<InputState>(InputState.default);
 
@@ -59,9 +58,9 @@ const TableList: React.FC<{}> = () => {
     if (res.success) {
       setSuccess(InputState.success);
       return true;
-    } else {
-      setSuccess(InputState.error);
     }
+    setSuccess(InputState.error);
+
     return false;
   }
 
@@ -81,7 +80,7 @@ const TableList: React.FC<{}> = () => {
     const res = await service.updateAccountName(value);
     if (res.success) {
       message.success('修改成功');
-      history.go(0);
+      window.history.go(0);
     } else {
       message.error('修改失败!');
     }
@@ -110,7 +109,7 @@ const TableList: React.FC<{}> = () => {
             validateStatus={success}
             rules={[{required: true, message: '请输入用户名!'}]}
           >
-            <Input />
+            <Input/>
           </Form.Item>
 
           <Form.Item {...tailLayout}>
@@ -156,7 +155,20 @@ const TableList: React.FC<{}> = () => {
           </Form.Item>
         </Form>
       </Card>
-
+      <Card title="刷新页面" style={{width: '100%'}}>
+        <Form
+          {...layout}
+          name="basic"
+        >
+          <Form.Item {...tailLayout}>
+            <Button type="primary" htmlType="button" onClick={()=>{
+              window.location.reload();
+            }}>
+              刷新页面
+            </Button>
+          </Form.Item>
+        </Form>
+      </Card>
     </PageHeaderWrapper>
   );
 };