add addToOreo in service

src/pages/TicketDetail/TicketDetail.tsx

@@ -17,6 +17,7 @@ import PageFooter from '@/components/PageFooter/PageFooter';
 import { submitComment } from '@/service/submitComment';
 import Taro from '@tarojs/taro';
 import wechatUser from '@/wechat';
+import { addToOreo } from '@/service/addToOreo';
 
 const submitInterval = 5000;
 
@@ -31,6 +32,10 @@ interface TicketDetailState {
   comment: string;
   isLoading: boolean;
   isDisable: boolean;
+  isOreoLoading: boolean;
+  isOreoDisable: boolean;
+  isPickLoading: boolean;
+  isPickDisable: boolean;
 }
 
 export default class TicketDetail extends Component<{}, TicketDetailState> {
@@ -45,6 +50,10 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
     comment: '',
     isLoading: false,
     isDisable: false,
+    isOreoLoading: false,
+    isOreoDisable: false,
+    isPickLoading: false,
+    isPickDisable: false,
   };
 
   componentDidMount(): void {
@@ -117,6 +126,16 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
   }
 
   handleOreoConfirm(): void {
+    this.setState({
+      isOreoDisable: true,
+      showOreoModal: false,
+    });
+    addToOreo(this);
+    setTimeout(() => {
+      this.setState({
+        isOreoDisable: false,
+      });
+    }, submitInterval);
     return;
   }
 
@@ -188,7 +207,12 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
             className='at-col'
             style={{ marginLeft: 10, paddingRight: 5, width: '50%' }}
           >
-            <AtButton type='primary' onClick={this.onAddToOreo.bind(this)}>
+            <AtButton
+              loading={this.state.isOreoLoading}
+              disabled={this.state.isOreoDisable}
+              type='primary'
+              onClick={this.onAddToOreo.bind(this)}
+            >
               {pt.get().ticketDetail.addToOreo}
             </AtButton>
           </View>
@@ -251,6 +275,7 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
 
     return (
       <View>
+        <AtMessage />
         <AtModal
           isOpened={this.state.showOreoModal}
           title={pt.get().modal.addToOreo.title}