updated complete order plage

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

@@ -3,39 +3,48 @@
         <progress-track v-model="status"></progress-track>
 
         <div align="center">
-            <h4 style="margin-top:5%;">Transfer Completed</h4>
-            <h5> Please upload your PO </h5>
+            <h4 style="margin-top:5%;">Processing Invoice</h4>
             <br>
         </div>
 
         <!-- upload card -->
         <br>
         <el-row :gutter="12" justify="center" align="center">
-            <el-col :span="12">
+            <el-col :span="8">
                 <el-card class="box-card">
                     <div slot="header" class="clearfix">
-                        <span>Upload PO</span>
+                        <span>Purchase Order</span>
                         <!-- <el-button style="float: right; padding: 3px 0" type="text">Operation button</el-button> -->
                     </div>
-
-                    <!-- upload image -->
-                    <el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove"
-                        :file-list="fileList" multiple>
-                        <i class="el-icon-upload"></i>
-                        <div class="el-upload__text">Drop file here or
-                            <em>click to upload</em>
-                        </div>
-                        <div class="el-upload__tip" slot="tip">jpg/png files with a size less than 1mb</div>
-                    </el-upload>
-                    <br>
-                    <!-- upload image end -->
+                  <el-row type="flex" :gutter="12">
+                        <el-col :span="12">
+                            <a href="https://placeholder.com">
+                                <img width="100%" height="100%" src="http://via.placeholder.com/700x800">
+                            </a>
+                        </el-col>
+                    </el-row>
 
                 </el-card>
             </el-col>
-            <el-col :span="12">
+            <el-col :span="8">
                 <el-card class="box-card">
                     <div slot="header" class="clearfix">
-                        <span>Proof : China BankSlip</span>
+                        <span>Invoice</span>
+                        <!-- <el-button style="float: right; padding: 3px 0" type="text">Operation button</el-button> -->
+                    </div>
+                    <el-row type="flex" :gutter="12">
+                        <el-col :span="12">
+                            <a href="https://placeholder.com">
+                                <img width="100%" height="100%" src="http://via.placeholder.com/700x800">
+                            </a>
+                        </el-col>
+                    </el-row>
+                </el-card>
+            </el-col>
+            <el-col :span="8">
+                <el-card class="box-card">
+                    <div slot="header" class="clearfix">
+                        <span>China Bank Slip</span>
                         <!-- <el-button style="float: right; padding: 3px 0" type="text">Operation button</el-button> -->
                     </div>
                     <el-row type="flex" :gutter="12">
@@ -105,7 +114,7 @@
         },
         data() {
             return {
-                status: 5,
+                status: 6,
                 bookingConfirmTable: [{
                     data1: 'Order Number :',
                     data2: '001'

resources/assets/js/pages/home.vue

@@ -452,7 +452,7 @@
       BookingStatus(index, row) {
 
         // TODO : Get booking status from server 
-        this.status = 5
+        this.status = 6
         
         switch (this.status) {
           case 1:
@@ -484,7 +484,7 @@
 
           case 6:
             this.$router.push({
-              name: 'booking.user.complete'
+              name: 'booking.complete'
             })
             break;
           default: