add about page

src/app.config.ts

@@ -3,8 +3,11 @@ export default defineAppConfig({
     'pages/index/index',
     'pages/repair/repair',
     'pages/user/user',
+    'pages/user/myTicket/myTicket',
     'pages/user/inform/inform',
     'pages/user/settings/settings',
+    'pages/user/settings/about/about',
+    'pages/user/report/report',
   ],
   window: {
     backgroundTextStyle: 'light',

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>
     );
   }

src/pages/user/myTicket/myTicket.config.ts

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  usingComponents: {},
+});

src/pages/user/myTicket/myTicket.tsx

@@ -0,0 +1,9 @@
+import { Component, ReactNode } from 'react';
+import './myTicket.scss';
+import { View } from '@tarojs/components';
+
+export default class SettingsPage extends Component {
+  render(): ReactNode {
+    return <View></View>;
+  }
+}

src/pages/user/report/report.config.ts

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  usingComponents: {},
+});

src/pages/user/report/report.tsx

@@ -0,0 +1,54 @@
+import { AtTextarea, AtButton, AtForm } from 'taro-ui';
+import { Component, ReactNode } from 'react';
+import './report.scss';
+
+export default class SettingsPage extends Component {
+  state = {
+    report: '',
+    isLoading: false,
+  };
+  handleChange(report: string) {
+    this.setState({
+      report,
+    });
+  }
+  onSubmit() {
+    this.setState({
+      isLoading: true,
+    });
+    console.log(this.state.report);
+    this.setState({
+      isLoading: false,
+    });
+  }
+  onReset() {
+    this.setState({
+      Report: '',
+    });
+  }
+  render(): ReactNode {
+    return (
+      <AtForm
+        onSubmit={this.onSubmit.bind(this)}
+        onReset={this.onReset.bind(this)}
+      >
+        <AtTextarea
+          value={this.state.report}
+          onChange={this.handleChange.bind(this)}
+          maxLength={200}
+          placeholder='无论是有关于小程序的建议，还是关于E志者协会的建议，都可以提出来哦！'
+        />
+        <AtButton
+          loading={this.state.isLoading}
+          formType='submit'
+          type='primary'
+        >
+          提交
+        </AtButton>
+        <AtButton formType='reset' type='secondary'>
+          清空
+        </AtButton>
+      </AtForm>
+    );
+  }
+}

src/pages/user/settings/about/about.config.ts

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  usingComponents: {},
+});

src/pages/user/settings/about/about.tsx

@@ -0,0 +1,9 @@
+import { Component, ReactNode } from 'react';
+import './about.scss';
+import { View } from '@tarojs/components';
+
+export default class SettingsPage extends Component {
+  render(): ReactNode {
+    return <View></View>;
+  }
+}

src/pages/user/settings/settings.tsx

@@ -1,10 +1,30 @@
-import { View } from '@tarojs/components';
+import { AtButton } from 'taro-ui';
 import { Component, ReactNode } from 'react';
-import Taro from '@tarojs/taro';
 import './settings.scss';
+import Taro from '@tarojs/taro';
+import { View } from '@tarojs/components';
 
 export default class SettingsPage extends Component {
+  handleQuit() {
+    console.log('Quit');
+  }
+
+  handleAbout() {
+    Taro.navigateTo({
+      url: '/pages/user/settings/about/about',
+    });
+  }
   render(): ReactNode {
-    return <View></View>;
+    return (
+      <View>
+        <AtButton type='secondary' onClick={this.handleAbout.bind(this)}>
+          关于 EVA Notify
+        </AtButton>
+
+        <AtButton type='primary' onClick={this.handleQuit.bind(this)}>
+          退出账号
+        </AtButton>
+      </View>
+    );
   }
 }

src/pages/user/user.tsx

@@ -14,6 +14,12 @@ export default class UserPage extends Component {
   }
   // 以上是TabBar相关
 
+  myTicketPage() {
+    Taro.navigateTo({
+      url: '/pages/user/myTicket/myTicket',
+    });
+  }
+
   informPage() {
     Taro.navigateTo({
       url: '/pages/user/inform/inform',
@@ -26,10 +32,23 @@ export default class UserPage extends Component {
     });
   }
 
+  reportPage() {
+    Taro.navigateTo({
+      url: '/pages/user/report/report',
+    });
+  }
+
   render(): ReactNode {
     return (
       <View>
         <AtList>
+          <AtListItem
+            title='我的工单'
+            note='在这里查看历史工单！'
+            arrow='right'
+            iconInfo={{ size: 25, color: '#E69966', value: 'clock' }}
+            onClick={this.myTicketPage}
+          />
           <AtListItem
             title='我的信息'
             note='能帮助亦可更好地找到你哦！'
@@ -42,9 +61,17 @@ export default class UserPage extends Component {
             note='配置小程序'
             extraText=''
             arrow='right'
-            iconInfo={{ size: 25, color: '#FF4949', value: 'filter' }}
+            iconInfo={{ size: 25, color: '#808080', value: 'filter' }}
             onClick={this.settingsPage}
           />
+          <AtListItem
+            title='意见反馈'
+            note='有什么想说的都可以告诉我们哦！'
+            extraText=''
+            arrow='right'
+            iconInfo={{ size: 25, color: '#9ACD32', value: 'message' }}
+            onClick={this.reportPage}
+          />
         </AtList>
       </View>
     );