add ticketList in mainpage

src/pages/index/index.tsx

@@ -1,7 +1,15 @@
 import { View } from '@tarojs/components';
 import { Component, ReactNode } from 'react';
 import Taro from '@tarojs/taro';
-import { AtCard, AtAccordion, AtInputNumber, AtButton, AtList } from 'taro-ui';
+import {
+  AtCard,
+  AtAccordion,
+  AtInputNumber,
+  AtButton,
+  AtList,
+  AtListItem,
+} from 'taro-ui';
+import clockIcon from '@/assets/icons/MainPage/clock.svg';
 import type CustomTabBar from '@/custom-tab-bar';
 import PageFooter from '@/components/PageFooter/PageFooter';
 import pt from '@/plain-text';
@@ -165,6 +173,12 @@ export default class MainPage extends Component<{}, MainPageState> {
     }, submitInterval);
   }
 
+  ticketListPage() {
+    Taro.navigateTo({
+      url: '/pages/user/report/report',
+    });
+  }
+
   render(): ReactNode {
     const mainPage = pt.get().mainPage;
     const memberPage = pt.get().memberPage;
@@ -238,7 +252,18 @@ export default class MainPage extends Component<{}, MainPageState> {
             />
           </View>
           {wechatUser.getAccess() ? (
-            <AtList>{fixListRenderer}</AtList>
+            <View>
+              <AtList>{fixListRenderer}</AtList>
+              <AtList>
+                <AtListItem
+                  title={pt.get().mainPage.ticketList.title}
+                  note={pt.get().mainPage.ticketList.note}
+                  arrow='right'
+                  thumb={clockIcon}
+                  onClick={this.ticketListPage}
+                />
+              </AtList>
+            </View>
           ) : (
             <View></View>
           )}