From d705970d1ffb4583498c2d3906437c44ebca2c8a Mon Sep 17 00:00:00 2001
From: Dawn1Ocean <1785590531@qq.com>
Date: Tue, 19 Mar 2024 19:42:29 +0800
Subject: [PATCH] beautify /user/inform /user/report ui

---
 src/pages/user/inform/inform.tsx | 20 ++++-----
 src/pages/user/report/report.tsx | 69 ++++++++++++++++++++++----------
 src/service/submitTicket.ts      | 10 +++--
 3 files changed, 65 insertions(+), 34 deletions(-)

diff --git a/src/pages/user/inform/inform.tsx b/src/pages/user/inform/inform.tsx
index 11a1f7d..0e5276e 100644
--- a/src/pages/user/inform/inform.tsx
+++ b/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,14 +83,16 @@ export default class InformPage extends Component {
             value={this.state.name}
             onChange={this.handleChangeName.bind(this)}
           />
-          <AtButton
-            loading={this.state.isLoading}
-            formType='submit'
-            type='primary'
-            disabled={this.state.isDisable}
-          >
-            {pt.get().button.buttonText.submit}
-          </AtButton>
+          <View style={{ marginTop: '30rpx' }}>
+            <AtButton
+              loading={this.state.isLoading}
+              formType='submit'
+              type='primary'
+              disabled={this.state.isDisable}
+            >
+              {pt.get().button.buttonText.submit}
+            </AtButton>
+          </View>
         </AtForm>
       </View>
     );
diff --git a/src/pages/user/report/report.tsx b/src/pages/user/report/report.tsx
index f74e7c8..eea11cb 100644
--- a/src/pages/user/report/report.tsx
+++ b/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,29 +56,53 @@ export default class ReportPage extends Component {
   }
   render(): ReactNode {
     return (
-      <AtForm
-        onSubmit={this.onSubmit.bind(this)}
-        onReset={this.onReset.bind(this)}
-      >
-        <AtMessage />
-        <AtTextarea
-          value={this.state.report}
-          onChange={this.handleChange.bind(this)}
-          maxLength={200}
-          placeholder={pt.get().reportPage.placeHolderText}
-        />
-        <AtButton
-          loading={this.state.isLoading}
-          formType='submit'
-          type='primary'
-          disabled={this.state.isDisable}
+      <View style={{ marginTop: '30rpx', width: '94%', marginLeft: '3%' }}>
+        <AtForm
+          onSubmit={this.onSubmit.bind(this)}
+          onReset={this.onReset.bind(this)}
         >
-          {pt.get().button.buttonText.submit}
-        </AtButton>
-        <AtButton formType='reset' type='secondary'>
-          {pt.get().button.buttonText.reset}
-        </AtButton>
-      </AtForm>
+          <AtMessage />
+          <AtTextarea
+            value={this.state.report}
+            onChange={this.handleChange.bind(this)}
+            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'
+                type='primary'
+                disabled={this.state.isDisable}
+              >
+                {pt.get().button.buttonText.submit}
+              </AtButton>
+            </View>
+          </View>
+        </AtForm>
+      </View>
     );
   }
 }
diff --git a/src/service/submitTicket.ts b/src/service/submitTicket.ts
index 2262ac3..0f099e5 100644
--- a/src/service/submitTicket.ts
+++ b/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',
       });
-      Taro.reLaunch({
-        url: '/pages/repair/repair',
-      });
+      setTimeout(() => {
+        Taro.reLaunch({
+          url: '/pages/repair/repair',
+        });
+      }, relaunchInterval);
     })
     .catch((err) => {
       console.log(err);