|
@@ -472,6 +472,8 @@ const SearchShipment = () => {
|
|
|
let obj = {
|
|
let obj = {
|
|
|
text_search: CreateNewBOokingSearch.value,
|
|
text_search: CreateNewBOokingSearch.value,
|
|
|
vessel: VesselNametest.value,
|
|
vessel: VesselNametest.value,
|
|
|
|
|
+ consignee: ConsigneeValue.value,
|
|
|
|
|
+ shipper: ShipperValue.value,
|
|
|
eta_start: ETATimeList.value != null ? ETATimeList.value[0] : '',
|
|
eta_start: ETATimeList.value != null ? ETATimeList.value[0] : '',
|
|
|
eta_end: ETATimeList.value != null ? ETATimeList.value[1] : '',
|
|
eta_end: ETATimeList.value != null ? ETATimeList.value[1] : '',
|
|
|
ata_start: ATATimeList.value != null ? ATATimeList.value[0] : '',
|
|
ata_start: ATATimeList.value != null ? ATATimeList.value[0] : '',
|
|
@@ -717,11 +719,13 @@ onUnmounted(() => {
|
|
|
<template>
|
|
<template>
|
|
|
<div>
|
|
<div>
|
|
|
<div class="Title" :style="{width: isWide? 'calc(100% - 232px)' : 'calc(100% - 64px)'}" >
|
|
<div class="Title" :style="{width: isWide? 'calc(100% - 232px)' : 'calc(100% - 64px)'}" >
|
|
|
- <div v-if="a == undefined">Create New Booking</div>
|
|
|
|
|
- <div v-else>Modify Booking</div>
|
|
|
|
|
- <div class="flex">
|
|
|
|
|
- <el-button @click="CancelRulesVisible = true" class="el-button--default create-button"><span class="font_family icon-icon_return_b"></span> Cancel</el-button>
|
|
|
|
|
- <el-button :disabled="isNotSubmit" @click="SubmitBooking" class="el-button--main create-button"><span class="font_family icon-icon_submit_b"></span> Submit</el-button>
|
|
|
|
|
|
|
+ <div class="title_flex">
|
|
|
|
|
+ <div v-if="a == undefined">Create New Booking</div>
|
|
|
|
|
+ <div v-else>Modify Booking</div>
|
|
|
|
|
+ <div class="flex">
|
|
|
|
|
+ <el-button @click="CancelRulesVisible = true" class="el-button--default create-button"><span class="font_family icon-icon_return_b"></span> Cancel</el-button>
|
|
|
|
|
+ <el-button :disabled="isNotSubmit" @click="SubmitBooking" class="el-button--main create-button"><span class="font_family icon-icon_submit_b"></span> Submit</el-button>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="booking-info" v-if="a != undefined">
|
|
<div class="booking-info" v-if="a != undefined">
|
|
@@ -1206,21 +1210,25 @@ onUnmounted(() => {
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
.Title {
|
|
.Title {
|
|
|
position: fixed;
|
|
position: fixed;
|
|
|
- display: flex;
|
|
|
|
|
border: 1px solid var(--color-border);
|
|
border: 1px solid var(--color-border);
|
|
|
border-top: none;
|
|
border-top: none;
|
|
|
border-width: 1px 0 1px 0;
|
|
border-width: 1px 0 1px 0;
|
|
|
font-size: var(--font-size-6);
|
|
font-size: var(--font-size-6);
|
|
|
font-weight: 700;
|
|
font-weight: 700;
|
|
|
padding: 0 37px 0 24px;
|
|
padding: 0 37px 0 24px;
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
height: 68px;
|
|
height: 68px;
|
|
|
top: 48px;
|
|
top: 48px;
|
|
|
z-index: 1000;
|
|
z-index: 1000;
|
|
|
background-color: var(--color-mode);
|
|
background-color: var(--color-mode);
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
}
|
|
}
|
|
|
|
|
+.title_flex {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ height: 68px;
|
|
|
|
|
+}
|
|
|
.flex {
|
|
.flex {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
}
|
|
}
|