beautify /user/inform /user/report ui

src/pages/user/inform/inform.tsx

@@ -60,7 +60,7 @@ export default class InformPage extends Component {
 
   render(): ReactNode {
     return (
-      <View>
+      <View style={{ marginTop: '30rpx', width: '94%', marginLeft: '3%' }}>
         <AtForm onSubmit={this.onSubmit.bind(this)}>
           <AtMessage />
           <AtInput
@@ -83,6 +83,7 @@ export default class InformPage extends Component {
             value={this.state.name}
             onChange={this.handleChangeName.bind(this)}
           />
+          <View style={{ marginTop: '30rpx' }}>
             <AtButton
               loading={this.state.isLoading}
               formType='submit'
@@ -91,6 +92,7 @@ export default class InformPage extends Component {
             >
               {pt.get().button.buttonText.submit}
             </AtButton>
+          </View>
         </AtForm>
       </View>
     );

src/pages/user/report/report.tsx

@@ -3,6 +3,7 @@ import { Component, ReactNode } from 'react';
 import Taro from '@tarojs/taro';
 import pt from '@/plain-text';
 import { reportMessage } from '@/service/report';
+import { View } from '@tarojs/components';
 import './report.scss';
 
 const submitInterval = 5000;
@@ -55,6 +56,7 @@ export default class ReportPage extends Component {
   }
   render(): ReactNode {
     return (
+      <View style={{ marginTop: '30rpx', width: '94%', marginLeft: '3%' }}>
         <AtForm
           onSubmit={this.onSubmit.bind(this)}
           onReset={this.onReset.bind(this)}
@@ -66,6 +68,29 @@ export default class ReportPage extends Component {
             maxLength={200}
             placeholder={pt.get().reportPage.placeHolderText}
           />
+          <View className='at-row'>
+            <View
+              className='at-col'
+              style={{
+                marginTop: '30rpx',
+                marginRight: '10rpx',
+                marginLeft: '10rpx',
+                width: '50%',
+              }}
+            >
+              <AtButton formType='reset' type='secondary'>
+                {pt.get().button.buttonText.reset}
+              </AtButton>
+            </View>
+            <View
+              className='at-col'
+              style={{
+                marginTop: '30rpx',
+                marginRight: '10rpx',
+                marginLeft: '10rpx',
+                width: '50%',
+              }}
+            >
               <AtButton
                 loading={this.state.isLoading}
                 formType='submit'
@@ -74,10 +99,10 @@ export default class ReportPage extends Component {
               >
                 {pt.get().button.buttonText.submit}
               </AtButton>
-        <AtButton formType='reset' type='secondary'>
+            </View>
-          {pt.get().button.buttonText.reset}
+          </View>
-        </AtButton>
         </AtForm>
+      </View>
     );
   }
 }

src/service/submitTicket.ts

@@ -3,6 +3,8 @@ import Taro from '@tarojs/taro';
 import pt from '@/plain-text';
 import { getUrl } from '.';
 
+const relaunchInterval = 1000;
+
 export function submitTicket(that: RepairPage) {
   that.setState({
     isLoading: true,
@@ -30,9 +32,11 @@ export function submitTicket(that: RepairPage) {
         message: pt.get().button.submitText.success,
         type: 'success',
       });
+      setTimeout(() => {
         Taro.reLaunch({
           url: '/pages/repair/repair',
         });
+      }, relaunchInterval);
     })
     .catch((err) => {
       console.log(err);