add relaunch ticketdetail after changing it

src/pages/TicketDetail/TicketDetail.tsx

@@ -28,13 +28,11 @@ interface TicketDetailState {
   id: number;
   isMember: boolean;
   showOreoModal: boolean;
-  showCommentModal: boolean;
+  showCommentLayout: boolean;
   showRetrieveModal: boolean;
   showStatusSheet: boolean;
   showPickModal: boolean;
   comment: string;
-  isLoading: boolean;
-  isDisable: boolean;
   isOreoLoading: boolean;
   isOreoDisable: boolean;
   isPickLoading: boolean;
@@ -43,6 +41,8 @@ interface TicketDetailState {
   isRetrieveDisable: boolean;
   isStatusLoading: boolean;
   isStatusDisable: boolean;
+  isCommentLoading: boolean;
+  isCommentDisable: boolean;
 }
 
 export default class TicketDetail extends Component<{}, TicketDetailState> {
@@ -50,13 +50,11 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
     id: 0,
     isMember: false,
     showOreoModal: false,
-    showCommentModal: false,
+    showCommentLayout: false,
     showRetrieveModal: false,
     showStatusSheet: false,
     showPickModal: false,
     comment: '',
-    isLoading: false,
-    isDisable: false,
     isOreoLoading: false,
     isOreoDisable: false,
     isPickLoading: false,
@@ -65,6 +63,8 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
     isRetrieveDisable: false,
     isStatusLoading: false,
     isStatusDisable: false,
+    isCommentLoading: false,
+    isCommentDisable: false,
   };
 
   componentDidMount(): void {
@@ -84,7 +84,7 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
 
   onAddComment(): void {
     this.setState({
-      showCommentModal: true,
+      showCommentLayout: true,
     });
   }
 
@@ -114,7 +114,7 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
 
   handleCommentCancel(): void {
     this.setState({
-      showCommentModal: false,
+      showCommentLayout: false,
     });
   }
 
@@ -201,7 +201,8 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
 
   onCommentSubmit() {
     this.setState({
-      isDisable: true,
+      isCommentDisable: true,
+      showCommentLayout: false,
     });
     if (this.state.comment == '') {
       Taro.atMessage({
@@ -210,7 +211,7 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
       });
       setTimeout(() => {
         this.setState({
-          isDisable: false,
+          isCommentDisable: false,
         });
       }, submitInterval);
       return;
@@ -218,7 +219,7 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
     submitComment(this);
     setTimeout(() => {
       this.setState({
-        isDisable: false,
+        isCommentDisable: false,
       });
     }, submitInterval);
   }
@@ -278,7 +279,12 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
             className='at-col'
             style={{ marginLeft: 10, paddingRight: 5, width: '50%' }}
           >
-            <AtButton type='secondary' onClick={this.onAddComment.bind(this)}>
+            <AtButton
+              disabled={this.state.isCommentDisable}
+              loading={this.state.isCommentLoading}
+              type='secondary'
+              onClick={this.onAddComment.bind(this)}
+            >
               {pt.get().ticketDetail.addNote}
             </AtButton>
           </View>
@@ -306,7 +312,12 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
           className='at-col'
           style={{ marginRight: 10, paddingLeft: 5, width: '50%' }}
         >
-          <AtButton type='secondary' onClick={this.onAddComment.bind(this)}>
+          <AtButton
+            disabled={this.state.isCommentDisable}
+            loading={this.state.isCommentLoading}
+            type='secondary'
+            onClick={this.onAddComment.bind(this)}
+          >
             {pt.get().ticketDetail.addNote}
           </AtButton>
         </View>
@@ -354,12 +365,11 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
           content={pt.get().modal.pick.content}
         />
         <AtFloatLayout
-          isOpened={this.state.showCommentModal}
+          isOpened={this.state.showCommentLayout}
           title={pt.get().ticketDetail.comment.title}
           onClose={this.handleCommentCancel.bind(this)}
         >
           <AtForm onSubmit={this.onCommentSubmit.bind(this)}>
-            <AtMessage />
             <AtTextarea
               value={this.state.comment}
               onChange={this.handleCommentChange.bind(this)}
@@ -367,12 +377,7 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
               height={200}
               placeholder={pt.get().ticketDetail.comment.placeholder}
             />
-            <AtButton
-              loading={this.state.isLoading}
-              formType='submit'
-              type='primary'
-              disabled={this.state.isDisable}
-            >
+            <AtButton formType='submit' type='primary'>
               {pt.get().button.buttonText.submit}
             </AtButton>
           </AtForm>