add retrieve in service

src/pages/TicketDetail/TicketDetail.tsx

@@ -19,6 +19,7 @@ import Taro from '@tarojs/taro';
 import wechatUser from '@/wechat';
 import { addToOreo } from '@/service/addToOreo';
 import { pickTicket } from '@/service/pickTicket';
+import { retrieve } from '@/service/retrieve';
 
 const submitInterval = 5000;
 
@@ -37,6 +38,8 @@ interface TicketDetailState {
   isOreoDisable: boolean;
   isPickLoading: boolean;
   isPickDisable: boolean;
+  isRetrieveLoading: boolean;
+  isRetrieveDisable: boolean;
 }
 
 export default class TicketDetail extends Component<{}, TicketDetailState> {
@@ -55,6 +58,8 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
     isOreoDisable: false,
     isPickLoading: false,
     isPickDisable: false,
+    isRetrieveLoading: false,
+    isRetrieveDisable: false,
   };
 
   componentDidMount(): void {
@@ -140,11 +145,17 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
     return;
   }
 
-  handleCommentConfirm(): void {
-    return;
-  }
-
   handleRetrieveConfirm(): void {
+    this.setState({
+      isRetrieveDisable: true,
+      showRetrieveModal: false,
+    });
+    retrieve(this);
+    setTimeout(() => {
+      this.setState({
+        isRetrieveDisable: false,
+      });
+    }, submitInterval);
     return;
   }
 
@@ -264,7 +275,12 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
           className='at-col'
           style={{ marginLeft: 10, paddingRight: 5, width: '50%' }}
         >
-          <AtButton type='primary' onClick={this.onRetrieved.bind(this)}>
+          <AtButton
+            loading={this.state.isRetrieveLoading}
+            disabled={this.state.isRetrieveDisable}
+            type='primary'
+            onClick={this.onRetrieved.bind(this)}
+          >
             {pt.get().ticketDetail.tookAway}
           </AtButton>
         </View>