implement api from create-delivery-packing-list-api

This commit is contained in:
edmondlang
2021-10-07 20:02:56 +08:00
parent 46891669f1
commit e4c8c021ec
2 changed files with 20 additions and 17 deletions
@@ -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">
@@ -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>