add report page; optimize style

src/pages/user/inform/inform.tsx

@@ -6,6 +6,7 @@ export default class InformPage extends Component {
   state = {
     phone: '',
     name: '',
+    isLoading: false,
   };
   handleChangePhone(phone: string) {
     this.setState({
@@ -20,7 +21,13 @@ export default class InformPage extends Component {
     return name;
   }
   onSubmit() {
+    this.setState({
+      isLoading: true,
+    });
     console.log(this.state.name, this.state.phone);
+    this.setState({
+      isLoading: false,
+    });
   }
   onReset() {
     this.setState({
@@ -52,8 +59,16 @@ export default class InformPage extends Component {
           value={this.state.name}
           onChange={this.handleChangeName.bind(this)}
         />
-        <AtButton formType='submit'>提交</AtButton>
-        <AtButton formType='reset'>重置</AtButton>
+        <AtButton
+          loading={this.state.isLoading}
+          formType='submit'
+          type='primary'
+        >
+          提交
+        </AtButton>
+        <AtButton formType='reset' type='secondary'>
+          清空
+        </AtButton>
       </AtForm>
     );
   }