|
@@ -1,6 +1,5 @@
|
|
|
<script setup lang="ts">
|
|
<script setup lang="ts">
|
|
|
import CalendarDate from '@/components/DateRange/src/components/CalendarDate.vue'
|
|
import CalendarDate from '@/components/DateRange/src/components/CalendarDate.vue'
|
|
|
-import AutoSelect from '@/components/AutoSelect/src/AutoSelect.vue'
|
|
|
|
|
import NewbookingTable from './components/NewbookingTable.vue'
|
|
import NewbookingTable from './components/NewbookingTable.vue'
|
|
|
import AddNewAddress from './images/default_add_address@2x.png'
|
|
import AddNewAddress from './images/default_add_address@2x.png'
|
|
|
import NotAvailable from './images/default_destination_not_available@2x.png'
|
|
import NotAvailable from './images/default_destination_not_available@2x.png'
|
|
@@ -26,7 +25,6 @@ const DateValue = ref(
|
|
|
)
|
|
)
|
|
|
const DeliveryTime = ref('')
|
|
const DeliveryTime = ref('')
|
|
|
const bookingTableRef = ref()
|
|
const bookingTableRef = ref()
|
|
|
-const VesselName = ref([])
|
|
|
|
|
const VesselNametest = ref('')
|
|
const VesselNametest = ref('')
|
|
|
const ShipperValue = ref('')
|
|
const ShipperValue = ref('')
|
|
|
const ConsigneeValue = ref('')
|
|
const ConsigneeValue = ref('')
|
|
@@ -56,18 +54,15 @@ const recommendateWarning = ref('')
|
|
|
const ATATimeList = ref(null)
|
|
const ATATimeList = ref(null)
|
|
|
const ETATimeList = ref(null)
|
|
const ETATimeList = ref(null)
|
|
|
const Addressradio = ref()
|
|
const Addressradio = ref()
|
|
|
-const LocationName = ref('')
|
|
|
|
|
const AddressLine1 = ref('')
|
|
const AddressLine1 = ref('')
|
|
|
const AddressLine2 = ref('')
|
|
const AddressLine2 = ref('')
|
|
|
const AddressLine3 = ref('')
|
|
const AddressLine3 = ref('')
|
|
|
const AddressLine4 = ref('')
|
|
const AddressLine4 = ref('')
|
|
|
const CountryCode = ref('')
|
|
const CountryCode = ref('')
|
|
|
const CityCode = ref('')
|
|
const CityCode = ref('')
|
|
|
-const CountryCity = ref('')
|
|
|
|
|
const PostalCode = ref('')
|
|
const PostalCode = ref('')
|
|
|
const ContactPerson = ref('')
|
|
const ContactPerson = ref('')
|
|
|
const ContactNumber = ref('')
|
|
const ContactNumber = ref('')
|
|
|
-const instructions = ref('')
|
|
|
|
|
const modetypeValue = ref('Truck')
|
|
const modetypeValue = ref('Truck')
|
|
|
const Requirements = ref('')
|
|
const Requirements = ref('')
|
|
|
const Modification = ref()
|
|
const Modification = ref()
|
|
@@ -218,10 +213,8 @@ interface CountryItem {
|
|
|
value: string
|
|
value: string
|
|
|
label: string
|
|
label: string
|
|
|
}
|
|
}
|
|
|
-const countrys = ref<CountryItem[]>([])
|
|
|
|
|
const Countryoptions = ref<CountryItem[]>([])
|
|
const Countryoptions = ref<CountryItem[]>([])
|
|
|
const Countryloading = ref(false)
|
|
const Countryloading = ref(false)
|
|
|
-const city = ref<CountryItem[]>([])
|
|
|
|
|
const Cityoptions = ref<CountryItem[]>([])
|
|
const Cityoptions = ref<CountryItem[]>([])
|
|
|
const cityloading = ref(false)
|
|
const cityloading = ref(false)
|
|
|
const querySearchCountry = (query: string) => {
|
|
const querySearchCountry = (query: string) => {
|
|
@@ -263,7 +256,7 @@ const getCurrentStyle = (current: any) => {
|
|
|
const dateString = current.format('YYYY.MM.DD')
|
|
const dateString = current.format('YYYY.MM.DD')
|
|
|
if (specialDates.value != undefined && specialDates.value.includes(dateString)) {
|
|
if (specialDates.value != undefined && specialDates.value.includes(dateString)) {
|
|
|
return {
|
|
return {
|
|
|
- background: 'var(--color-delivery-date-picker-current-cell-bg)',
|
|
|
|
|
|
|
+ background: 'red',
|
|
|
borderRadius: '6px',
|
|
borderRadius: '6px',
|
|
|
color: `var(--color-neutral-1)`
|
|
color: `var(--color-neutral-1)`
|
|
|
}
|
|
}
|
Jack Zhou