From f37af7dacd23fe1efed7c2d035dbc08268471f24 Mon Sep 17 00:00:00 2001
From: Dawn_Ocean <1785590531@qq.com>
Date: Thu, 7 Mar 2024 01:40:11 +0800
Subject: [PATCH] optimize form submit logic

---
 src/pages/user/inform/inform.tsx | 16 +++++++++++++++-
 src/pages/user/report/report.tsx | 16 +++++++++++++++-
 2 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/src/pages/user/inform/inform.tsx b/src/pages/user/inform/inform.tsx
index 1edfa36..4f219b2 100644
--- a/src/pages/user/inform/inform.tsx
+++ b/src/pages/user/inform/inform.tsx
@@ -1,12 +1,14 @@
 import { Component, ReactNode } from 'react';
-import { AtForm, AtInput, AtButton } from 'taro-ui';
+import { AtForm, AtInput, AtButton, AtMessage } from 'taro-ui';
 import './inform.scss';
+import Taro from '@tarojs/taro';
 
 export default class InformPage extends Component {
   state = {
     phone: '',
     name: '',
     isLoading: false,
+    isDisable: false,
   };
   handleChangePhone(phone: string) {
     this.setState({
@@ -23,11 +25,21 @@ export default class InformPage extends Component {
   onSubmit() {
     this.setState({
       isLoading: true,
+      isDisable: true,
     });
     console.log(this.state.name, this.state.phone);
     this.setState({
       isLoading: false,
     });
+    Taro.atMessage({
+      message: '提交成功',
+      type: 'success',
+    });
+    setTimeout(() => {
+      this.setState({
+        isDisable: false,
+      });
+    }, 1000);
   }
   onReset() {
     this.setState({
@@ -42,6 +54,7 @@ export default class InformPage extends Component {
         onSubmit={this.onSubmit.bind(this)}
         onReset={this.onReset.bind(this)}
       >
+        <AtMessage />
         <AtInput
           name='phone'
           title='手机号码'
@@ -63,6 +76,7 @@ export default class InformPage extends Component {
           loading={this.state.isLoading}
           formType='submit'
           type='primary'
+          disabled={this.state.isDisable}
         >
           提交
         </AtButton>
diff --git a/src/pages/user/report/report.tsx b/src/pages/user/report/report.tsx
index 6df6c4a..86eb13f 100644
--- a/src/pages/user/report/report.tsx
+++ b/src/pages/user/report/report.tsx
@@ -1,11 +1,13 @@
-import { AtTextarea, AtButton, AtForm } from 'taro-ui';
+import { AtTextarea, AtButton, AtForm, AtMessage } from 'taro-ui';
 import { Component, ReactNode } from 'react';
 import './report.scss';
+import Taro from '@tarojs/taro';
 
 export default class SettingsPage extends Component {
   state = {
     report: '',
     isLoading: false,
+    isDisable: false,
   };
   handleChange(report: string) {
     this.setState({
@@ -15,11 +17,21 @@ export default class SettingsPage extends Component {
   onSubmit() {
     this.setState({
       isLoading: true,
+      isDisable: true,
     });
     console.log(this.state.report);
     this.setState({
       isLoading: false,
     });
+    Taro.atMessage({
+      message: '提交成功',
+      type: 'success',
+    });
+    setTimeout(() => {
+      this.setState({
+        isDisable: false,
+      });
+    }, 1000);
   }
   onReset() {
     this.setState({
@@ -32,6 +44,7 @@ export default class SettingsPage extends Component {
         onSubmit={this.onSubmit.bind(this)}
         onReset={this.onReset.bind(this)}
       >
+        <AtMessage />
         <AtTextarea
           value={this.state.report}
           onChange={this.handleChange.bind(this)}
@@ -42,6 +55,7 @@ export default class SettingsPage extends Component {
           loading={this.state.isLoading}
           formType='submit'
           type='primary'
+          disabled={this.state.isDisable}
         >
           提交
         </AtButton>