diff --git a/resources/assets/js/pages/admin/booking/bookingDetail.vue b/resources/assets/js/pages/admin/booking/bookingDetail.vue
index 002b219e..197f77c9 100644
--- a/resources/assets/js/pages/admin/booking/bookingDetail.vue
+++ b/resources/assets/js/pages/admin/booking/bookingDetail.vue
@@ -28,7 +28,7 @@
                   <tbody>
                     <tr class="el-table__row">
                       <td class="el-table_2_column_9 is-right ">
-                        <div class="cell">Order Number :</div>
+                        <div class="cell">Ref No :</div>
                       </td>
                       <td class="el-table_2_column_10 is-left ">
                         <div class="cell">{{ booking_details.id }}</div>
diff --git a/resources/assets/js/pages/admin/booking/completed.vue b/resources/assets/js/pages/admin/booking/completed.vue
index eee2c21b..e3f14b71 100644
--- a/resources/assets/js/pages/admin/booking/completed.vue
+++ b/resources/assets/js/pages/admin/booking/completed.vue
@@ -37,7 +37,7 @@
           </div>
           <el-row :gutter="12" type="flex">
             <el-col :span="12" align="center">
-              <div v-for="cn_bankslip in booking_details.china_bankslip_path">
+              <div v-for="cn_bankslip in booking_details.china_bankslip_path" :key='cn_bankslip'>
                 <a target="_blank" :href="getURL(cn_bankslip)">
                   <img v-if="isImage(cn_bankslip)" v-bind:src="cn_bankslip" class="image">
                   <p v-else>Download</p>
@@ -101,7 +101,7 @@
                   <tbody>
                     <tr class="el-table__row">
                       <td class="el-table_2_column_9 is-right ">
-                        <div class="cell">Order Number :</div>
+                        <div class="cell">Ref No :</div>
                       </td>
                       <td class="el-table_2_column_10 is-left ">
                         <div class="cell">{{ booking_details.id }}</div>
diff --git a/resources/assets/js/pages/admin/booking/supplierBooking.vue b/resources/assets/js/pages/admin/booking/supplierBooking.vue
index ad3da400..c4490a78 100644
--- a/resources/assets/js/pages/admin/booking/supplierBooking.vue
+++ b/resources/assets/js/pages/admin/booking/supplierBooking.vue
@@ -29,7 +29,7 @@
                   <tbody>
                     <tr class="el-table__row">
                       <td class="el-table_2_column_9 is-right ">
-                        <div class="cell">Order Number :</div>
+                        <div class="cell">Ref No :</div>
                       </td>
                       <td class="el-table_2_column_10 is-left ">
                         <div class="cell">{{ booking_details.id }}</div>
diff --git a/resources/assets/js/pages/admin/booking/supplierReport.vue b/resources/assets/js/pages/admin/booking/supplierReport.vue
index 44961a51..72705c4a 100644
--- a/resources/assets/js/pages/admin/booking/supplierReport.vue
+++ b/resources/assets/js/pages/admin/booking/supplierReport.vue
@@ -29,7 +29,7 @@
                   <tbody>
                     <tr class="el-table__row">
                       <td class="el-table_2_column_9 is-right ">
-                        <div class="cell">Order Number :</div>
+                        <div class="cell">Ref No :</div>
                       </td>
                       <td class="el-table_2_column_10 is-left ">
                         <div class="cell">{{ booking_details.id }}</div>
diff --git a/resources/assets/js/pages/admin/booking/uploadChinaBankslip.vue b/resources/assets/js/pages/admin/booking/uploadChinaBankslip.vue
index 5ac9ede6..fa8be99f 100644
--- a/resources/assets/js/pages/admin/booking/uploadChinaBankslip.vue
+++ b/resources/assets/js/pages/admin/booking/uploadChinaBankslip.vue
@@ -29,7 +29,7 @@
                   <tbody>
                     <tr class="el-table__row">
                       <td class="el-table_2_column_9 is-right ">
-                        <div class="cell">Order Number :</div>
+                        <div class="cell">Ref No :</div>
                       </td>
                       <td class="el-table_2_column_10 is-left ">
                         <div class="cell">{{ booking_details.id }}</div>
diff --git a/resources/assets/js/pages/admin/booking/uploadInvoice.vue b/resources/assets/js/pages/admin/booking/uploadInvoice.vue
index fa8adcd4..13c9016d 100644
--- a/resources/assets/js/pages/admin/booking/uploadInvoice.vue
+++ b/resources/assets/js/pages/admin/booking/uploadInvoice.vue
@@ -36,7 +36,7 @@
                   <tbody>
                     <tr class="el-table__row">
                       <td class="el-table_2_column_9 is-right ">
-                        <div class="cell">Order Number :</div>
+                        <div class="cell">Ref No :</div>
                       </td>
                       <td class="el-table_2_column_10 is-left ">
                         <div class="cell">{{ booking_details.id }}</div>
diff --git a/resources/assets/js/pages/admin/booking/verification.vue b/resources/assets/js/pages/admin/booking/verification.vue
index 65b13a07..39b2f2b3 100644
--- a/resources/assets/js/pages/admin/booking/verification.vue
+++ b/resources/assets/js/pages/admin/booking/verification.vue
@@ -31,7 +31,7 @@
                   <tbody>
                     <tr class="el-table__row">
                       <td class="el-table_2_column_9 is-right ">
-                        <div class="cell">Order Number :</div>
+                        <div class="cell">Ref No :</div>
                       </td>
                       <td class="el-table_2_column_10 is-left ">
                         <div class="cell">{{ booking_details.id }}</div>
diff --git a/resources/assets/js/pages/admin/complete-orders.vue b/resources/assets/js/pages/admin/complete-orders.vue
index bccc9a90..9ed8dac5 100644
--- a/resources/assets/js/pages/admin/complete-orders.vue
+++ b/resources/assets/js/pages/admin/complete-orders.vue
@@ -6,7 +6,7 @@
     </div>
     <h1 align="center" style="margin-bottom:50px;">Completed Orders</h1>
     <el-table :data="tableData" stripe height="500" style="width: 100%">
-        <el-table-column label="No." prop="id" sortable></el-table-column>
+        <el-table-column label="Ref No." prop="id" sortable></el-table-column>
         <el-table-column label="Order Date"  prop="created_at" width="180" sortable></el-table-column>
         <el-table-column label="Marking" width="120" prop="marking"></el-table-column>
         <el-table-column label="Rate" prop="rate" width="74"></el-table-column>
diff --git a/resources/assets/js/pages/admin/home.vue b/resources/assets/js/pages/admin/home.vue
index 167a4daf..da9b88cc 100644
--- a/resources/assets/js/pages/admin/home.vue
+++ b/resources/assets/js/pages/admin/home.vue
@@ -8,7 +8,7 @@
   <el-row :gutter="20">
     <div>
       <el-table :data="bookingTable">
-        <el-table-column label="No." width="100">
+        <el-table-column label="Ref No." width="100">
           <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">Update</el-button>
           <el-button slot-scope="scope" type="text" @click="(event) => { BookingStatus(scope.row.admin_status, scope.row.id) }"> {{ scope.row.id }}</el-button>
         </el-table-column>
diff --git a/resources/assets/js/pages/admin/upload-supplier-bank-slip.vue b/resources/assets/js/pages/admin/upload-supplier-bank-slip.vue
index 7f853d77..7dcbc597 100644
--- a/resources/assets/js/pages/admin/upload-supplier-bank-slip.vue
+++ b/resources/assets/js/pages/admin/upload-supplier-bank-slip.vue
@@ -5,7 +5,7 @@
             <el-button type="primary" icon="el-icon-plus" @click="AddNewDialogVisible = true">Add New</el-button>
         </div><br>
             <el-table :data="tableData" stripe style="width: 100%">
-            <el-table-column label="Order No" sortable></el-table-column>
+            <el-table-column label="Ref No" sortable></el-table-column>
             <el-table-column label="Amount (RMB)" sortable></el-table-column>
             <el-table-column label="Date" sortable></el-table-column>
             <el-table-column label="Bank Slip File"></el-table-column>
diff --git a/resources/assets/js/pages/booking/completed.vue b/resources/assets/js/pages/booking/completed.vue
index e3446bfe..19c6c4e8 100644
--- a/resources/assets/js/pages/booking/completed.vue
+++ b/resources/assets/js/pages/booking/completed.vue
@@ -24,7 +24,7 @@
         <div class="card">
           <div class="card-header">China Bank Slip</div>
           <div class="row">
-            <div v-for="cn_bankslip in booking_details.china_bankslip_path">
+            <div  v-for="cn_bankslip in booking_details.china_bankslip_path" :key='cn_bankslip'> 
               <a target="_blank" :href="getURL(cn_bankslip)">
                 <img v-if="isImage(cn_bankslip)" v-bind:src="cn_bankslip" class="image">
                 <p v-else>Download</p>
@@ -57,7 +57,7 @@
             <table class="table table-striped">
               <tbody>
                 <tr>
-                  <td>Order Number :</td>
+                  <td>Ref No :</td>
                   <td>{{ booking_details.id }}</td>
                 </tr>
                 <tr>
diff --git a/resources/assets/js/pages/booking/confirmation.vue b/resources/assets/js/pages/booking/confirmation.vue
index 18b06a6f..24dc64a5 100644
--- a/resources/assets/js/pages/booking/confirmation.vue
+++ b/resources/assets/js/pages/booking/confirmation.vue
@@ -13,7 +13,7 @@
             <table class="table table-striped">
               <tbody>
                 <tr>
-                  <td>Order Number :</td>
+                  <td>Ref No :</td>
                   <td>{{ booking_details.id }}</td>
                 </tr>
                 <tr>
diff --git a/resources/assets/js/pages/booking/po.vue b/resources/assets/js/pages/booking/po.vue
index ab8d5d5f..8f248d6b 100644
--- a/resources/assets/js/pages/booking/po.vue
+++ b/resources/assets/js/pages/booking/po.vue
@@ -53,7 +53,7 @@
             <table class="table table-striped">
               <tbody>
                 <tr>
-                  <td>Order Number :</td>
+                  <td>Ref No :</td>
                   <td>{{ booking_details.id }}</td>
                 </tr>
                 <tr>
diff --git a/resources/assets/js/pages/booking/poComplete.vue b/resources/assets/js/pages/booking/poComplete.vue
index 2bcec40f..78a53e43 100644
--- a/resources/assets/js/pages/booking/poComplete.vue
+++ b/resources/assets/js/pages/booking/poComplete.vue
@@ -69,7 +69,7 @@
             <table class="table table-striped">
               <tbody>
                 <tr>
-                  <td>Order Number :</td>
+                  <td>Ref No :</td>
                   <td>{{ booking_details.id }}</td>
                 </tr>
                 <tr>
diff --git a/resources/assets/js/pages/booking/transfer.vue b/resources/assets/js/pages/booking/transfer.vue
index 1346fc78..877f757b 100644
--- a/resources/assets/js/pages/booking/transfer.vue
+++ b/resources/assets/js/pages/booking/transfer.vue
@@ -15,7 +15,7 @@
             <table class="table table-striped">
               <tbody>
                 <tr>
-                  <td>Order Number :</td>
+                  <td>Ref No:</td>
                   <td>{{ booking_details.id }}</td>
                 </tr>
                 <tr>
diff --git a/resources/assets/js/pages/booking/uploadPo.vue b/resources/assets/js/pages/booking/uploadPo.vue
index ff36bce7..6fe76174 100644
--- a/resources/assets/js/pages/booking/uploadPo.vue
+++ b/resources/assets/js/pages/booking/uploadPo.vue
@@ -56,7 +56,7 @@
             <table class="table table-striped">
               <tbody>
                 <tr>
-                  <td>Order Number :</td>
+                  <td>Ref No :</td>
                   <td>{{ booking_details.id }}</td>
                 </tr>
                 <tr>
diff --git a/resources/assets/js/pages/home.vue b/resources/assets/js/pages/home.vue
index d493758e..775d4ff6 100644
--- a/resources/assets/js/pages/home.vue
+++ b/resources/assets/js/pages/home.vue
@@ -287,7 +287,7 @@
     <el-row :gutter="20">
       <div>
         <el-table :data="bookingTable">
-          <el-table-column label="No." width="100">
+          <el-table-column label="Ref No." width="100">
             <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">Update</el-button>
             <el-button slot-scope="scope" type="text" @click="(event) => { BookingStatus(scope.row.status, scope.row.id) }"> {{ scope.row.id }}</el-button>
           </el-table-column>
diff --git a/resources/assets/js/pages/settings/admin-malaysia-bank.vue b/resources/assets/js/pages/settings/admin-malaysia-bank.vue
index 7cd0186f..ebf2f3ad 100644
--- a/resources/assets/js/pages/settings/admin-malaysia-bank.vue
+++ b/resources/assets/js/pages/settings/admin-malaysia-bank.vue
@@ -187,12 +187,7 @@
 					.then((response) => {
 						this.loading_btn = false;
 						this.tableData = response.data;
-						this.$message({
-                    showClose: true,
-                    message: 'Data Updated Successfully',
-                    type: 'success',
-                    duration: 5000
-                });
+						
             
 					})
 					.catch((error) => {