diff --git a/resources/assets/js/pages/booking/uploadUserBankSlip.vue b/resources/assets/js/pages/booking/uploadUserBankSlip.vue
index 72866171..cc394a7e 100644
--- a/resources/assets/js/pages/booking/uploadUserBankSlip.vue
+++ b/resources/assets/js/pages/booking/uploadUserBankSlip.vue
@@ -32,7 +32,7 @@
 
     <div align="center">
 
-      <vue-countdown :time="booking.timeout">
+      <vue-countdown countdownend="handleCoutdownend" :time="booking.timeout">
         <template slot-scope="props">Time Remaining：<br>{{ props.days }} days, {{ props.hours }} hours, {{ props.minutes }} minutes, {{ props.seconds }} seconds.</template>
       </vue-countdown>
       <!-- <button v-on:click="startTimer">Start timer</button> -->
@@ -163,6 +163,17 @@
      
     },
     methods: {
+      handleCoutdownend(){
+        this.$message({
+          showClose: true,
+          message: 'Booking timeout, please make another booking.',
+          type: 'error',
+          duration: 30000,
+        });
+        this.$router.push({
+          name: 'home'
+        })
+      },
       handleRemove(file, fileList) {
         console.log(file, fileList)
       },