changeImageUploader

resources/assets/js/pages/booking/uploadUserBankSlip.vue

@@ -70,7 +70,7 @@
 			<el-dialog :visible.sync="dialogVisible">
 				<img :src="dialogImageUrl" width="100%" alt="">
 			</el-dialog> -->
-			<el-upload 
+			<!-- <el-upload 
 				class="avatar-uploader"
 				ref="upload"
 				action="'/api/booking/' + booking_id + '/upload-user-bankslip'"
@@ -81,7 +81,21 @@
 				algin="center">
 				<img v-if="imageUrl" :src="imageUrl" class="avatar">
 				<i v-else class="el-icon-plus avatar-uploader-icon"></i>
+			</el-upload> -->
+			<el-upload
+				action="'/api/booking/' + booking_id + '/upload-user-bankslip'"				
+				list-type="picture-card"
+				:on-preview="handlePictureCardPreview"
+				:on-remove="handleRemove"
+				:algin="center"
+				:on-success="handleUploadSuccess" 
+				:on-change="beforeFileUpload">
+				<img v-if="imageUrl" :src="imageUrl" class="avatar">
+				<i v-else class="el-icon-plus avatar-uploader-icon"></i>
 			</el-upload>
+			<el-dialog :visible.sync="dialogVisible">
+			<img width="100%" :src="dialogImageUrl" alt="">
+			</el-dialog>
 			<!-- <el-upload
 				class="upload-demo"
 				ref="upload"

resources/assets/js/pages/home.vue

@@ -514,6 +514,7 @@ export default {
       dialogFormVisible1: false,
       formLabelWidth: '0px',
       bookingTable: [],
+      cancelledBooking: [],
       bookingTableComplete: [],
       url: 'api/booking',
       completeBookingurl : "api/user-complete-booking",
@@ -536,6 +537,7 @@ export default {
   },
   mounted () {
     this.getBooking()
+    this.getCancelledBookings()
     this.initBooking()
     this.getRate()
     this.getBookingTableComplete()
@@ -579,6 +581,13 @@ export default {
         $this.makePagination(response.data)
       })
     },
+    getCancelledBookings(){
+      let $this = this
+      axios.get("booking/cancelled/list").then(response => {
+        this.cancelledBooking= response.data.data
+        $this.makePagination(response.data)
+      })
+    },
     cancelBooking(id){
       console.log(id)
       let $this = this