From 53950459e24f718637c56a66590c9288bf1284e7 Mon Sep 17 00:00:00 2001
From: Jia Sheng <jiasheng@etctech.com.my>
Date: Tue, 6 Aug 2024 22:33:07 +0800
Subject: [PATCH] show warning on manual po, add periodic 1688 manual po

---
 .../bookings/forms/PurchaseOrderFormComponent.vue   | 13 +++++++++++--
 .../sections/BookingDetailsSectionComponent.vue     |  2 +-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue b/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
index b9a0f2d6..30daf141 100644
--- a/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="row">
+    <div class="row" :class="{'bg-danger-lighter': $store.getters.isAdmin && companySegmentIds.includes(24)}">
         <div class="col">
             <div class="row no-margin">
                 <div class="col p-b-15 p-l-0 p-r-0">
@@ -12,9 +12,12 @@
                     </div>
                     <div class="row" v-if="!submitted">
                         <div class="col-auto">
-                            <div class="bg-danger p-l-15 p-r-15 p-t-5 p-b-5">
+                            <div class="bg-danger p-l-15 p-r-15 p-t-5 p-b-5 m-b-10">
                                 <p class="m-b-0 text-white fs-12" >Any Purchase Orders that aren't submitted within 60 days will be closed for editing.</p>
                             </div>
+                            <div class="bg-danger p-l-15 p-r-15 p-t-5 p-b-5" v-if="$store.getters.isAdmin && companySegmentIds.includes(24)">
+                                <p class="m-b-0 text-white fs-12" >Please note that this customer request to manual fill up the PO.</p>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
@@ -203,6 +206,12 @@
     import { required, requiredIf } from "vuelidate/lib/validators";
 
     export default {
+        props:{
+            companySegmentIds: {
+                type: Array,
+                required: true
+            }
+        },
         data(){
             return {
                 interval:false,
diff --git a/resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue b/resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue
index 9d05e193..59018579 100644
--- a/resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue
+++ b/resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue
@@ -279,7 +279,7 @@
                                             </div>
                                         </div>
                                     </div>
-                                    <purchase-order-form-component v-if="!oneSixEightEightServiceIds.includes(booking.service.id) || $store.getters.isAdmin || [199, 510].includes($store.getters.getCompanyId) || companySegmentIds.includes(24)" :data="booking" :section="section"></purchase-order-form-component>
+                                    <purchase-order-form-component v-if="!oneSixEightEightServiceIds.includes(booking.service.id) || $store.getters.isAdmin || [199, 510].includes($store.getters.getCompanyId) || companySegmentIds.includes(24) || companySegmentIds.includes(35)" :data="booking" :section="section" :companySegmentIds="companySegmentIds"></purchase-order-form-component>
                                 </div>
                             </div>
                             <div class="row m-t-15" v-if="booking.status === 3 && $store.getters.isSuperAdmin || ($store.getters.isCustomer && $store.getters.getCompanyId === 199)">