From d8b1426336ceaefd9cbbf34566fba46d449a6f64 Mon Sep 17 00:00:00 2001
From: edmondlang <edmond_wuiming@hotmail.com>
Date: Sun, 14 Jul 2024 21:00:11 +0800
Subject: [PATCH] update 1688 ORDER REFERENCE design

---
 .../elements/BookingConfirmationComponent.vue  | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/resources/assets/vue/components/bookings/elements/BookingConfirmationComponent.vue b/resources/assets/vue/components/bookings/elements/BookingConfirmationComponent.vue
index 01974869..c958f018 100644
--- a/resources/assets/vue/components/bookings/elements/BookingConfirmationComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/BookingConfirmationComponent.vue
@@ -157,7 +157,7 @@
                                                             <alipay-account-form-component v-if="isAlipayOrder" section="customerProfileSection" :disabled="formDisabled" :data="Object.keys(parameters.bankAccount).length ? parameters.bankAccount  : {account_no: account_no, company_id: data.company.id, country_id: 2, account_type: 2}" :company_id="data.company.id" :country_id="2" :type="2" v-on:createdBank="updateBank($event)" :serviceType="data.serviceType" :closable=false v-on:close="clearAccount()"></alipay-account-form-component>
                                                         </div>
                                                     </div>
-                                                    <div v-if="isOneSizEightEightOrder">
+                                                    <div class="b-t b-dashed m-t-15 b-grey" v-if="isOneSizEightEightOrder">
                                                         <div class="row p-r-15 m-t-10" v-for="(order, index) in order_reference_no">
                                                             <div class="col p-r-0">
                                                                 <div class="form-group no-margin form-group-default">
@@ -167,7 +167,7 @@
                                                                     <input type="text" class="form-control" v-model="order_reference_no[index]">
                                                                 </div>
                                                             </div>
-                                                            <div class="col-auto bg-danger pointer" v-if="index !== 0" @click="order_reference_no.splice(index, 1)">
+                                                            <div class="col-auto bg-danger pointer" v-if="order_reference_no.length > 1" @click="order_reference_no.splice(index, 1)">
                                                                 <div class="row h-100 align-items-center">
                                                                     <div class="col">
                                                                         <i class="fa fa-times fa-fw text-white"></i>
@@ -175,11 +175,10 @@
                                                                 </div>
                                                             </div>
                                                         </div>
-                                                        <div class="row">
-                                                            <div class="col">
-                                                                <div class="btn btn-sm btn-success btn-block b-rad-none" @click="order_reference_no.push('')">Add Order Reference</div>
-                                                            </div>
-                                                        </div>
+                                                        <button class="btn btn-xs btn-outline-primary b-rad-none m-t-10" @click="order_reference_no.push('')" :disabled="isLatestReferenceEmpty">
+                                                            <i class="fa fa-plus m-r-5"></i>
+                                                            Add Order Reference
+                                                        </button>
                                                     </div>
                                                     
                                                 </div>
@@ -381,8 +380,11 @@
                 return [1, 2];
             }
 
-
             return [];
+          },
+          isLatestReferenceEmpty() {
+            var latestValue = this.order_reference_no[this.order_reference_no.length - 1];
+            return latestValue == '' || latestValue == undefined;
           }
         },
         created(){