changed property type and tools required dropdown into vue Select-component

resources/assets/vue/components/addresses/forms/AddressFormComponent.vue

@@ -71,6 +71,46 @@
                             </div>
                         </div>
                     </div>
+                    <div class="row">
+                        <div class="col">
+                            <div class="row m-b-15">
+                                <div class="col-12 col-md pr-md-1 pb-3 pb-md-0">
+                                    <validation-wrapper-component :validator="$v.parameters.pickup_time">
+                                        <label>收货时间 Available Hours</label>
+                                        <input type="time" class="form-control" name="pickup_time" v-model="parameters.pickup_time">
+                                    </validation-wrapper-component>
+                                </div>
+                                <div class="col-12 col-md pl-md-1">
+                                    <validation-wrapper-component :validator="$v.parameters.latest_pickup_time">
+                                        <label>最晚收货时间 Latest Available Hours</label>
+                                        <input type="time" class="form-control" name="latest_pickup_time" v-model="parameters.latest_pickup_time">
+                                    </validation-wrapper-component> 
+                                </div>
+                            </div>
+                            <div class="row m-b-15">
+                                <div class="col-12 col-md pr-md-1 pb-3 pb-md-0">
+                                    <validation-wrapper-component selectable class="m-b-15" :validator="$v.parameters.property_type">
+                                        <label class="text-primary">房型 Receiver's Property Type</label>
+                                        <select-component :options="propertyOptions" v-model="parameters.property_type"></select-component>
+                                    </validation-wrapper-component>
+                                </div>
+                                <div class="col-12 col-md pl-md-1">
+                                    <validation-wrapper-component selectable class="m-b-15" :validator="$v.parameters.tools_required">
+                                        <label class="text-primary">卸货工具 Tools required to unload goods</label>
+                                        <select-component :options="[{'id': 1, 'text': 'Manpower'}, {'id': 2, 'text': 'Forklift'}, {'id': 3, 'text': 'None of the above'}]" v-model="parameters.tools_required"></select-component>
+                                    </validation-wrapper-component>
+                                </div>
+                            </div>
+                            <div class="col no-padding">
+                                <div class="row">
+                                    <div class="col"></div>
+                                    <div class="col-12 col-sm-7">
+                                        <h6 class="text-right fs-12 text-danger m-b-15 text-right">**kindly reply within 2 hours while warehouse contact to arrange for delivery, otherwise, reschedule of delivery date will apply.</h6>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
                 </div>
             </div>
             <div class="row" v-if="[7,8].includes($store.getters.getCompanyModuleType)">
@@ -174,8 +214,19 @@
                     remark: '',
                     phone: '',
                     person_in_charge: '',
-				}
-
+                    pickup_time: '',
+                    latest_pickup_time: '',
+                    property_type: '',
+                    tools_required: '',
+				},
+                propertyOptions: [
+                { id: 1, text: '住家-Landed house' },
+                { id: 2, text: '公寓-Condominium (Drop on lobby only)' },
+                { id: 3, text: '工厂-Factory' },
+                { id: 4, text: '店面-Shop' },
+                { id: 5, text: '商场-Shopping Mall (Drop on loading bay only)' },
+                { id: 6, text: 'Others' },
+                ],
             }            
 		},
         created(){

resources/assets/vue/general/mixins/addresses/validation/addressFormValidation.js

@@ -19,6 +19,10 @@ export default {
             remark: {},
             phone: {required, numeric},
             person_in_charge: { required },
+            pickup_time: { required },
+            latest_pickup_time: { required },
+            property_type: {},
+            tools_required: {},
         }
     },
     mixins: [addressFormHandler]