diff --git a/resources/assets/js/pages/admin/booking/completed.vue b/resources/assets/js/pages/admin/booking/completed.vue
index 2b2ab439..c5976df1 100644
--- a/resources/assets/js/pages/admin/booking/completed.vue
+++ b/resources/assets/js/pages/admin/booking/completed.vue
@@ -402,6 +402,14 @@
         var getUrl = window.location;
         var baseUrl = getUrl.protocol + "//" + getUrl.host;
         return baseUrl + path;
+      },
+      downloadReport(){
+        let canvas = document.getElementById('myCanvas')
+        var dataString = canvas.toDataURL("image/png");
+        var link = document.createElement("a");
+        link.download = 'image';
+        link.href = dataString;
+        link.click();
       }
     },
     directives: {
diff --git a/resources/assets/js/pages/admin/booking/uploadChinaBankslip.vue b/resources/assets/js/pages/admin/booking/uploadChinaBankslip.vue
index 20754df2..ed7f1d6c 100644
--- a/resources/assets/js/pages/admin/booking/uploadChinaBankslip.vue
+++ b/resources/assets/js/pages/admin/booking/uploadChinaBankslip.vue
@@ -438,6 +438,14 @@
         var getUrl = window.location;
         var baseUrl = getUrl.protocol + "//" + getUrl.host;
         return baseUrl + path;
+      },
+      downloadReport(){
+        let canvas = document.getElementById('myCanvas')
+        var dataString = canvas.toDataURL("image/png");
+        var link = document.createElement("a");
+        link.download = 'image';
+        link.href = dataString;
+        link.click();
       }
     },
     directives: {
diff --git a/resources/assets/js/pages/admin/booking/uploadInvoice.vue b/resources/assets/js/pages/admin/booking/uploadInvoice.vue
index 6d69b7e1..411a2aad 100644
--- a/resources/assets/js/pages/admin/booking/uploadInvoice.vue
+++ b/resources/assets/js/pages/admin/booking/uploadInvoice.vue
@@ -390,6 +390,14 @@
         })
     },
     methods: {
+      downloadReport(){
+        let canvas = document.getElementById('myCanvas')
+        var dataString = canvas.toDataURL("image/png");
+        var link = document.createElement("a");
+        link.download = 'image';
+        link.href = dataString;
+        link.click();
+      },
       confirmInvoice () {
       this.loading_btn = true
       axios
diff --git a/resources/assets/js/pages/admin/booking/x2Completed.vue b/resources/assets/js/pages/admin/booking/x2Completed.vue
index 556765e9..bcd9b4b3 100644
--- a/resources/assets/js/pages/admin/booking/x2Completed.vue
+++ b/resources/assets/js/pages/admin/booking/x2Completed.vue
@@ -355,6 +355,14 @@
       })
   },
   methods: {
+    downloadReport(){
+        let canvas = document.getElementById('myCanvas')
+        var dataString = canvas.toDataURL("image/png");
+        var link = document.createElement("a");
+        link.download = 'image';
+        link.href = dataString;
+        link.click();
+      },
     getExtension(path){
       return path.slice(-3);
     },