From e4c8c021ec753da9d2a125c2a28439a38e6f401a Mon Sep 17 00:00:00 2001
From: edmondlang <edmond_wuiming@hotmail.com>
Date: Thu, 7 Oct 2021 20:02:56 +0800
Subject: [PATCH] implement api from create-delivery-packing-list-api

---
 .../ContainerProfileSectionComponent.vue      |  2 +-
 ...CreateDeliveryPackinglistFormComponent.vue | 35 ++++++++++---------
 2 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/resources/assets/vue/components/containers/elements/ContainerProfileSectionComponent.vue b/resources/assets/vue/components/containers/elements/ContainerProfileSectionComponent.vue
index e63f607d..f2e0e2a7 100644
--- a/resources/assets/vue/components/containers/elements/ContainerProfileSectionComponent.vue
+++ b/resources/assets/vue/components/containers/elements/ContainerProfileSectionComponent.vue
@@ -469,7 +469,7 @@
                         </div>
 
                         <div class="col-12 col-sm-12 col-md-8" v-show="$store.getters.isShowing('createDeliveryPackingListFormSection')">
-                            <create-delivery-packinglist-form-component :section="'containerListSection'"></create-delivery-packinglist-form-component>
+                            <create-delivery-packinglist-form-component :section="'containerListSection'" :data="selectedPackageList"></create-delivery-packinglist-form-component>
                         </div>
 
                         <div class="col-12 col-sm-12 col-md-4 mt-2 mt-md-0">
diff --git a/resources/assets/vue/components/containers/elements/CreateDeliveryPackinglistFormComponent.vue b/resources/assets/vue/components/containers/elements/CreateDeliveryPackinglistFormComponent.vue
index 95437774..79aecce6 100644
--- a/resources/assets/vue/components/containers/elements/CreateDeliveryPackinglistFormComponent.vue
+++ b/resources/assets/vue/components/containers/elements/CreateDeliveryPackinglistFormComponent.vue
@@ -1,7 +1,6 @@
 <template>
     <div class="row justify-content-center" @keyup.enter="submitForm">
         <div class="col">
-            <error-message-component class="m-b-20" :error="error"></error-message-component>
             <div class="row">
                 <div class="col">
                     <div class="row m-b-10">
@@ -13,7 +12,7 @@
                             </div>
                             <div class="row text-center justify-content-center">
                                 <div class="col p-r-5">
-                                    <div class="b-a b-thick p-t-15 p-b-15 p-l-35 p-r-35 pointer" :class="{ 'b-primary': parameters.deliveryType === 'driver', 'b-grey': parameters.deliveryType !== 'driver'}"  @click="parameters.deliveryType = 'driver'">
+                                    <div class="b-a b-thick p-t-15 p-b-15 p-l-35 p-r-35 pointer" :class="{ 'b-primary': parameters.company_module_id === 'driver', 'b-grey': parameters.company_module_id !== 'driver'}"  @click="parameters.company_module_id = 'driver'">
                                         <div class="row m-b-15 justify-content-center">
                                             <div class="col-8">
                                                 <img src="/images/guangzhou-map.png" class="w-100">
@@ -21,13 +20,13 @@
                                         </div>
                                         <div class="row">
                                             <div class="col">
-                                                <h5 class="no-margin" :class="{ 'text-primary': parameters.deliveryType === 'driver', 'semi-bold': parameters.deliveryType === 'driver'}">Driver</h5>
+                                                <h5 class="no-margin" :class="{ 'text-primary': parameters.company_module_id === 'driver', 'semi-bold': parameters.company_module_id === 'driver'}">Driver</h5>
                                             </div>
                                         </div>
                                     </div>
                                 </div>
                                 <div class="col p-l-5">
-                                    <div class="b-a b-thick p-t-15 p-b-15 p-l-35 p-r-35 pointer" :class="{ 'b-primary': parameters.deliveryType === 'courierService', 'b-grey': parameters.deliveryType !== 'courierService' }"  @click="parameters.deliveryType = 'courierService'">
+                                    <div class="b-a b-thick p-t-15 p-b-15 p-l-35 p-r-35 pointer" :class="{ 'b-primary': parameters.company_module_id === 'courierService', 'b-grey': parameters.company_module_id !== 'courierService' }"  @click="parameters.company_module_id = 'courierService'">
                                         <div class="row m-b-15 justify-content-center">
                                             <div class="col-8">
                                                 <img src="/images/yiwu-map.png" class="w-100">
@@ -35,7 +34,7 @@
                                         </div>
                                         <div class="row">
                                             <div class="col">
-                                                <h5 class="no-margin" :class="{ 'text-primary': parameters.deliveryType === 'courierService', 'semi-bold': parameters.deliveryType === 'courierService'}">Courier Service</h5>
+                                                <h5 class="no-margin" :class="{ 'text-primary': parameters.company_module_id === 'courierService', 'semi-bold': parameters.company_module_id === 'courierService'}">Courier Service</h5>
                                             </div>
                                         </div>
                                     </div>
@@ -44,7 +43,7 @@
                         </div>
                     </div>
                     
-                    <div class="row" v-show="parameters.deliveryType === 'courierService'">
+                    <div class="row" v-show="parameters.company_module_id === 'courierService'">
                         <div class="col">
                            <div class="row m-b-10">
                                <div class="col">
@@ -106,7 +105,7 @@
                         </div>
                     </div>
 
-                    <div class="row" v-show="parameters.deliveryType === 'driver'">
+                    <div class="row" v-show="parameters.company_module_id === 'driver'">
                         <div class="col m-b-10">
                            <div class="btn btn-xs btn-primary no-border btn-block text-left b-rad-none p-t-0 p-b-0 p-l-15 p-r-15" @click="driver.status = !driver.status">
                                 <div class="row">
@@ -160,6 +159,8 @@
                         </div>
                     </div>
 
+                    <p>{{item.length}}</p>
+
                     <div class="row">
                         <div class="col-12 col-md-6 pr-md-1">
                             <validation-wrapper-component class="m-b-10" :validator="$v.parameters.etd">
@@ -187,20 +188,16 @@
     </div>
 </template>
 <script>
-    import createContainerFormValidation from '../../../general/mixins/containers/validation/createContainerFormValidation';
     import componentHandler from '../../../general/mixins/componentHandler';
     import modalFormHandler from '../../../general/mixins/modalFormHandler';
+    import { required } from "vuelidate/lib/validators";
 
     export default {
         data() {
             return {
-                error: '',
                 parameters: {
-                    deliveryType: this.deliveryType,
-                    container_reference: this.container_reference,
-                    container_number: this.container_number,
-                    seal_reference: this.seal_reference,
-                    container_type: 1,
+                    company_module_id: this.company_module_id,
+                    packing_list_id: [160, 161],
                     etd: this.etd, 
                     eta: this.eta, 
                 },
@@ -216,6 +213,12 @@
                 },
             };
         },
+        validations: {
+            parameters: {
+                etd: { required },
+                eta: { required },
+            }
+        },
         methods: {
             updateCourierService(courierService){
                 this.courierService = {
@@ -232,10 +235,10 @@
                 }
             },
             submitForm(){
-                this.submit(this.route('api.packing_list.container.create.load'), 'post', this.section, true, true)
+                this.submit(this.route('api.packing_list.create.deliver'), 'post', this.section, true, true)
             },
         },
-        mixins: [createContainerFormValidation, componentHandler, modalFormHandler]
+        mixins: [componentHandler, modalFormHandler]
     }
 
 </script>
\ No newline at end of file