From d17c05a72b6974aa96063db4bf3e6f6b9ceaae69 Mon Sep 17 00:00:00 2001
From: sunzehua <sunzehua@jchshipping.net>
Date: Fri, 12 Jul 2024 14:16:12 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E5=AE=9A=E8=88=B1=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/modules/configOptions.ts            |    7 +
 src/store/modules/options.ts                  |    2 +
 src/views/bookingcabin/CabinInventory/api.ts  |  144 ++
 .../bookingcabin/CabinInventory/columns.tsx   |  245 ++
 .../bookingcabin/CabinInventory/detail.vue    | 2066 +++++++++++++++++
 .../bookingcabin/CabinInventory/index.vue     |  451 ++++
 .../bookingcabin/CabinManagement/columns.tsx  |  702 ++++--
 .../bookingcabin/CabinManagement/index.vue    | 1053 ++++-----
 .../bookingcabin/cabinBooking/columns.tsx     |   26 +-
 .../bookingcabin/cabinBooking/detail.vue      |    4 +-
 src/views/bookingcabin/cabinBooking/index.vue |    2 +-
 .../operation/seaexport/api/BookingLedger.js  |    8 +
 12 files changed, 3839 insertions(+), 871 deletions(-)
 create mode 100644 src/views/bookingcabin/CabinInventory/api.ts
 create mode 100644 src/views/bookingcabin/CabinInventory/columns.tsx
 create mode 100644 src/views/bookingcabin/CabinInventory/detail.vue
 create mode 100644 src/views/bookingcabin/CabinInventory/index.vue

diff --git a/src/store/modules/configOptions.ts b/src/store/modules/configOptions.ts
index 74afab59..e93f6894 100644
--- a/src/store/modules/configOptions.ts
+++ b/src/store/modules/configOptions.ts
@@ -21,6 +21,7 @@ import {
   GetTruckClientList,
   GetDispatcherList,
   GetFactorySelectList,
+  GetCodeCountryList
 } from '/@/views/operation/seaexport/api/BookingLedger'
 import { getList } from '/@/views/flowcenter/flowInstances/api'
 import { GetFeeCurrencySelectList, GetClientListByCode } from '/@/api/common/index'
@@ -151,5 +152,11 @@ export default {
     return GetFactorySelectList().then((res) => {
       return res.data
     })
+  },
+  //国家
+  GetCodeCountryList: () => {
+    return GetCodeCountryList().then((res) => {
+      return res.data
+    })
   }
 }
diff --git a/src/store/modules/options.ts b/src/store/modules/options.ts
index 5401ee96..005da864 100644
--- a/src/store/modules/options.ts
+++ b/src/store/modules/options.ts
@@ -42,6 +42,8 @@ export const useOptionsStore = defineStore({
     GetFeeCurrencySelectList: null,
     // 用户表
     GetUserList: null,
+    // 国家
+    GetCodeCountryList: null,
     // 车队
     GetTruckClientList: null,
     // 结算单位/结算对象
diff --git a/src/views/bookingcabin/CabinInventory/api.ts b/src/views/bookingcabin/CabinInventory/api.ts
new file mode 100644
index 00000000..220ff430
--- /dev/null
+++ b/src/views/bookingcabin/CabinInventory/api.ts
@@ -0,0 +1,144 @@
+// @ts-ignore
+import { request } from '/@/utils/request'
+import { DataResult, PageRequest } from '/@/api/model/baseModel'
+
+export function SearchShipSailingScheduleSpot(data) {
+  return request<DataResult>({
+    url: '/BookingMSKSPOTAPI/SearchShipSailingSchedule',
+    method: 'post',
+    data,
+  })
+}
+
+export function SearchShipSailingSchedule(data) {
+  return request<DataResult>({
+    url: '/BookingMSKAPI/SearchShipSailingSchedule',
+    method: 'post',
+    data,
+  })
+}
+
+export function getContractno(data) {
+  return request<DataResult>({
+    url: '/Para/QuerytParaContractNoInfo',
+    method: 'get',
+    params: data,
+  })
+}
+
+export function SearchCommodities(data) {
+  return request<DataResult>({
+    url: '/BookingMSKAPI/SearchCommodities',
+    method: 'post',
+    data,
+  })
+}
+
+export function mskGetGetInfoSpot(data) {
+  return request<DataResult>({
+    url: '/BookingMSKSPOTAPI/GetInfo',
+    method: 'get',
+    params: data,
+  })
+}
+
+export function mskGetSaveSpot(data) {
+  return request<DataResult>({
+    url: '/BookingMSKSPOTAPI/Save',
+    method: 'post',
+    data,
+  })
+}
+
+export function SearchLocations(data) {
+  return request<DataResult>({
+    url: '/BookingMSKAPI/SearchLocations',
+    method: 'post',
+    data,
+  })
+}
+
+export function SendMSKBooking(data) {
+  return request<DataResult>({
+    url: '/BookingMSKAPI/SendMSKBooking',
+    method: 'post',
+    data,
+  })
+}
+
+export function mskGetSave(data) {
+  return request<DataResult>({
+    url: '/BookingMSKAPI/Save',
+    method: 'post',
+    data,
+  })
+}
+
+export function mskGetGetInfo(data) {
+  return request<DataResult>({
+    url: '/BookingMSKAPI/GetInfo',
+    method: 'get',
+    params: data,
+  })
+}
+
+export function GetInitInfoMsk() {
+  return request<DataResult>({
+    url: '/BookingMSKSPOTAPI/GetInitInfo',
+    method: 'get',
+  })
+}
+
+export function SendMSKBookingSpot(data) {
+  return request<DataResult>({
+    url: '/BookingMSKSPOTAPI/SendMSKBooking',
+    method: 'post',
+    data,
+  })
+}
+
+export function GetInitInfoMskApi() {
+  return request<DataResult>({
+    url: '/BookingMSKAPI/GetInitInfo',
+    method: 'get',
+  })
+}
+
+export function maskCopySPOT(data) {
+  return request<DataResult>({
+    url: '/BookingMSKSPOTAPI/BatchCopy',
+    method: 'post',
+    data,
+  })
+}
+
+export function SearchCommoditiesSpot(data) {
+  return request<DataResult>({
+    url: '/BookingMSKSPOTAPI/SearchCommodities',
+    method: 'post',
+    data,
+  })
+}
+
+export function SearchLocationsSpot(data) {
+  return request<DataResult>({
+    url: '/BookingMSKSPOTAPI/SearchLocations',
+    method: 'post',
+    data,
+  })
+}
+
+export function CheckWarningBatchCopy(data) {
+  return request<DataResult>({
+    url: '/BookingMSKAPI/CheckWarningBatchCopy',
+    method: 'post',
+    data,
+  })
+}
+export function maskCopy(data) {
+  return request<DataResult>({
+    url: '/BookingMSKAPI/BatchCopy',
+    method: 'post',
+    data,
+  })
+}
\ No newline at end of file
diff --git a/src/views/bookingcabin/CabinInventory/columns.tsx b/src/views/bookingcabin/CabinInventory/columns.tsx
new file mode 100644
index 00000000..7a8569e4
--- /dev/null
+++ b/src/views/bookingcabin/CabinInventory/columns.tsx
@@ -0,0 +1,245 @@
+
+import { ref } from 'vue'
+import { BasicColumn, FormSchema } from '/@/components/Table'
+import { GetCarrierlist } from '/@/views/operation/seaexport/api/BookingLedger'
+import { GetCtnSelectList } from '/@/api/common'
+import { getDictOption } from '/@/utils/dictUtil'
+import { useOptionsStore } from '/@/store/modules/options'
+const optionsStore = useOptionsStore()
+const FnblType = ref([])
+const FncargoId = ref([])
+getDictOption('bl_type').then(res => {
+  FncargoId.value = res
+})
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'vessel',
+    label: '船名',
+    component: 'Input',
+    colProps: { span: 4 },
+  },
+  {
+    field: 'voyno',
+    label: '航次',
+    component: 'Input',
+    colProps: { span: 4 },
+  },
+  {
+    field: 'etD_START',
+    label: 'ETD开始',
+    component: 'DatePicker',
+    required: false,
+    dynamicDisabled: false,
+    colProps: { span: 4 },
+    componentProps: {
+      allowClear: true,
+    }
+  },
+  {
+    field: 'etD_END',
+    label: 'ETD结束',
+    component: 'DatePicker',
+    required: false,
+    dynamicDisabled: false,
+    colProps: { span: 4 },
+    componentProps: {
+      allowClear: true,
+    }
+  },
+  {
+    field: 'PORTLOAD',
+    label: '装货港',
+    component: 'Input',
+    colProps: { span: 4 },
+  },
+  {
+    field: 'carrier',
+    label: '船公司',
+    component: 'Input',
+    colProps: { span: 4 },
+  },
+  {
+    field: 'ctN_STAT',
+    label: '箱型',
+    colProps: { span: 4 },
+    component: 'ApiSelect',
+    componentProps: () => {
+      return {
+        api: GetCtnSelectList,
+        labelField: 'ctnName',
+        valueField: 'ediCode',
+        resultField: 'data'
+      }
+    }
+  },
+  {
+    field: 'etA_START',
+    label: 'ETA开始',
+    component: 'DatePicker',
+    required: false,
+    dynamicDisabled: false,
+    colProps: { span: 4 },
+    componentProps: {
+      allowClear: true,
+    }
+  },
+  {
+    field: 'etA_END',
+    label: 'ETA结束',
+    component: 'DatePicker',
+    required: false,
+    dynamicDisabled: false,
+    colProps: { span: 4 },
+    componentProps: {
+      allowClear: true,
+    }
+  },
+
+  {
+    field: 'PORTDISCHARGE',
+    label: '卸货港',
+    component: 'Input',
+    colProps: { span: 4 },
+  },
+  {
+    field: 'PORTDISCHARGE_COUNTRY_CODE',
+    label: '国家',
+    component: 'ApiSelect',
+    required: false,
+    dynamicDisabled: false,
+    colProps: { span: 3 },
+    componentProps: () => {
+      return {
+        allowClear: true,
+        showSearch: true,
+        option: optionsStore.getOptionsByCode('GetCodeCountryList'),
+        labelField: 'countryName',
+        valueField: 'id',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+      }
+    },
+  },
+  {
+    label: '　',
+    field: 'more',
+    slot: 'more',
+    component: 'Select',
+    colProps: { span: 4 },
+  },
+]
+
+//列表
+export const columns: BasicColumn[] = [
+  {
+    title: '船名/航次',
+    align: 'center',
+    width: 200,
+    dataIndex: 'vessel',
+  },
+  {
+    title: '订舱抬头',
+    align: 'center',
+    width: 200,
+    dataIndex: 'bookinG_PARTY'
+  },
+  {
+    title: '合约号',
+    align: 'center',
+    width: 100,
+    dataIndex: 'contracT_NO'
+  },
+  {
+    title: '订舱方式',
+    align: 'center',
+    width: 100,
+    dataIndex: 'bookinG_SLOT_TYPE_NAME'
+  },
+  {
+    title: '总库存',
+    align: 'center',
+    width: 100,
+    dataIndex: 'totaL_ORDERS'
+  },
+  {
+    title: '剩余库存',
+    align: 'center',
+    width: 100,
+    dataIndex: 'remaiN_CTNS_NUM',
+  },
+  {
+    title: '取消库存',
+    align: 'center',
+    width: 100,
+    dataIndex: 'canceL_NUM'
+  },
+  {
+    title: '收货地',
+    align: 'center',
+    width: 100,
+    dataIndex: 'placereceipt'
+  },
+  {
+    title: '交货地',
+    align: 'center',
+    width: 100,
+    dataIndex: 'placedelivery'
+  },
+  {
+    title: '装货港',
+    align: 'center',
+    width: 100,
+    dataIndex: 'portload'
+  },
+  {
+    title: '卸货港',
+    align: 'center',
+    width: 100,
+    dataIndex: 'portdischarge'
+  },
+  {
+    title: '卸货港国家',
+    align: 'center',
+    width: 100,
+    dataIndex: 'portdischargE_COUNTRY'
+  },
+  {
+    title: '航线',
+    align: 'center',
+    width: 100,
+    dataIndex: 'lanename'
+  },
+  {
+    title: '箱型箱量',
+    align: 'center',
+    width: 100,
+    dataIndex: 'ctN_STAT'
+  },
+  {
+    title: '剩余箱型箱量',
+    align: 'center',
+    width: '110',
+    dataIndex: 'remaiN_CTN_STAT'
+  },
+  {
+    title: 'ETD',
+    align: 'center',
+    width: 100,
+    dataIndex: 'etd',
+  },
+  {
+    title: 'ETA',
+    align: 'center',
+    width: 100,
+    dataIndex: 'eta',
+  },
+  {
+    title: '船公司',
+    align: 'center',
+    width: '150',
+    dataIndex: 'carrier'
+  }
+]
+
+
diff --git a/src/views/bookingcabin/CabinInventory/detail.vue b/src/views/bookingcabin/CabinInventory/detail.vue
new file mode 100644
index 00000000..271cd07e
--- /dev/null
+++ b/src/views/bookingcabin/CabinInventory/detail.vue
@@ -0,0 +1,2066 @@
+<template>
+  <BasicModal width="1200px" v-bind="$attrs" :use-wrapper="true" title="马士基订舱" @register="registerModal"
+    @ok="handleSave">
+    <a-spin :spinning="formLoading">
+      <div class="main">
+        <a-form :rules="rules" ref="form" :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
+          <div class="title">MSK 订舱</div>
+          <div class="backgroud">
+            <a-row>
+              <a-col :span="6">
+                <a-form-item name="productCode">
+                  <div>订舱产品代码</div>
+                  <a-select allowClear @change="handleSelectProduct" size="small" disabled
+                    v-model:value="form.productCode" style="width: 100%">
+                    <a-select-option value="MaerskContract">MaerskContract</a-select-option>
+                    <a-select-option value="MaerskSpot">MaerskSpot</a-select-option>
+                  </a-select>
+                </a-form-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-item label="">
+                  <div>请求类别</div>
+                  <a-select allowClear v-model:value="form.sender" size="small" style="width: 100%">
+                    <a-select-option value="BOOKAPI">BOOKAPI</a-select-option>
+                  </a-select>
+                </a-form-item>
+              </a-col>
+              <a-col :span="6" v-if="mskBookType == 'api'">
+                <a-form-item label="">
+                  <div>订舱合同唯一ID</div>
+                  <a-select :disabled="nodisabled" allowClear @select="handleSelectPrice"
+                    v-model:value="form.priceReferenceId" size="small" style="width: 100%">
+                    <a-select-option v-for="(item, index) in contractnoList" :key="index" :value="item.id">
+                      {{ item.contractName }} - {{ item.contractNo }}
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-item prop="carrierCode" label="">
+                  <div>服务船公司</div>
+                  <a-select allowClear v-model:value="form.carrierCode" size="small" style="width: 100%">
+                    <a-select-option value="MAEU">MAEU</a-select-option>
+                    <a-select-option value="SEAU">SEAU</a-select-option>
+                    <a-select-option value="SEJJ">SEJJ</a-select-option>
+                    <a-select-option value="MCPU">MCPU</a-select-option>
+                    <a-select-option value="MAEI">MAEI</a-select-option>
+                  </a-select>
+                </a-form-item>
+              </a-col>
+            </a-row>
+            <a-row v-if="mskBookType == 'api'">
+              <a-col :span="12">
+                <a-form-item label="">
+                  <div>是否持约</div>
+                  <a-switch @change="handleChangePrice" v-model:checked="form.isBookingPartOwnPrice" />
+                </a-form-item>
+              </a-col>
+            </a-row>
+            <div>
+              <a-row>
+                <a-col :span="6">
+                  <a-form-item label="">
+                    <div>订舱公司名称</div>
+                    <span style="font-weight: bold;">{{ form.bookedByCompanyName }}</span>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="6">
+                  <a-form-item label="">
+                    <div>订舱方ID</div>
+                    <span style="font-weight: bold;">{{ form.bookedByMaerskPartyCode }}</span>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="6">
+                  <a-form-item label="">
+                    <div>订舱公司联系人</div>
+                    <span style="font-weight: bold;">{{ form.bookedByCompanyContactName }}</span>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="6">
+                  <a-form-item label="">
+                    <div>订舱公司邮箱</div>
+                    <span style="font-weight: bold;">{{ form.bookedByCompanyContactEmail }}</span>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="6">
+                  <a-form-item label="">
+                    <div>持约方名称</div>
+                    <span style="font-weight: bold;">{{ form.priceOwnerCompanyName }}</span>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="6">
+                  <a-form-item label="">
+                    <div>持约方ID</div>
+                    <span style="font-weight: bold;">{{ form.priceOwnerMaerskPartyCode }}</span>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="6">
+                  <a-form-item label="">
+                    <div>持约方联系人</div>
+                    <span style="font-weight: bold;">{{ form.priceOwnerContactName }}</span>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="6">
+                  <a-form-item label="">
+                    <div>持约方邮箱</div>
+                    <span style="font-weight: bold;">{{ form.priceOwnerContactEmail }}</span>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+            </div>
+          </div>
+
+          <div class="title">地点、船期详情</div>
+          <div class="backgroud">
+            <a-row>
+              <a-col :span="6">
+                <a-form-item prop="sfcarrierGeoID" label="">
+                  <div>始发地</div>
+                  <a-select v-model:value="form.sfcarrierGeoID" show-search allowClear @search="getSearchLocations"
+                    @select="handleSelect" :filter-option="false" size="small" style="width: 100%">
+                    <a-spin v-if="fetching" slot="notFoundContent" size="small" />
+                    <a-select-option v-for="(item, index) in portloadList" :key="item.carrierGeoID"
+                      :value="item.carrierGeoID">
+                      {{ item.cityName }} <span v-if="item.unRegionName">(</span> {{ item.unRegionName }} <span
+                        v-if="item.unRegionName">)</span> , {{ item.countryName }}
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-item prop="mdsfcarrierGeoID" label="">
+                  <div>目的地</div>
+                  <a-select v-model:value="form.mdsfcarrierGeoID" show-search allowClear @select="handleSelect1"
+                    @search="getSearchLocations1" :filter-option="false" size="small" style="width: 100%">
+                    <a-spin v-if="fetching" slot="notFoundContent" size="small" />
+                    <a-select-option v-for="(item, index) in portdischargeList" :key="item.carrierGeoID"
+                      :value="item.carrierGeoID">
+
+                      {{ item.cityName }} <span v-if="item.unRegionName">(</span> {{ item.unRegionName }} <span
+                        v-if="item.unRegionName">)</span> , {{ item.countryName }}
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-item prop="exportServiceMode" label="">
+                  <div>始发地服务模式</div>
+                  <a-select allowClear v-model:value="form.exportServiceMode" size="small" style="width: 100%">
+                    <a-select-option value="CY">CY</a-select-option>
+                    <a-select-option value="SD">SD</a-select-option>
+                    <a-select-option value="CFS">CFS</a-select-option>
+                  </a-select>
+                </a-form-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-item prop="importServiceMode" label="">
+                  <div>目的地运输条款</div>
+                  <a-select allowClear v-model:value="form.importServiceMode" size="small" style="width: 100%">
+                    <a-select-option value="CY">CY</a-select-option>
+                    <a-select-option value="SD">SD</a-select-option>
+                    <a-select-option value="CFS">CFS</a-select-option>
+                  </a-select>
+                </a-form-item>
+              </a-col>
+            </a-row>
+            <a-row>
+              <a-col :span="6">
+                <a-form-item label="">
+                  <div>预计离港日期</div>
+                  <a-date-picker valueFormat="YYYY-MM-DD" style="width: 70%;"
+                    v-model:value="form.earliestDepartureDate" />
+                  <span @click="handleOpenCQ" class="open-btn">检索船期</span>
+
+                </a-form-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-item label="">
+                  <div>强制不使用船期表订舱</div>
+                  <a-switch v-model:checked="form.isSendNoSchedule">强制不使用船期表订舱</a-switch>
+                </a-form-item>
+              </a-col>
+            </a-row>
+            <div class="box" v-for="(item, index) in shipData" :key="index">
+              <div class="top">
+                <span class="top-text">
+                  {{ item.orignCityName }}<span v-if="item.originRegionName">,</span>
+                  {{ item.originRegionName }}<span v-if="item.originCountryName">,</span>
+                  {{ item.originCountryName }}</span>
+                <div style="margin: 0 20px;">------------------</div>
+                <span class="top-text">
+                  {{ item.deliveryCityName }}<span v-if="item.deliveryRegionName">,</span>
+                  {{ item.deliveryRegionName }}<span v-if="item.deliveryCountryName">,</span>
+                  {{ item.deliveryCountryName }}</span>
+                <span style="margin-left:30px;margin-right: 10px;color: black;;font-weight: bold">{{
+                  item.totalCurrency }}</span>
+                <span style="color: black;font-weight: bold">{{ item.totalAmountShow }}</span>
+              </div>
+              <div style="display: flex;align-items: flex-end;">
+                <div class="left" style="width: 100% !important;padding-right: 10px">
+                  <div class="bottom">
+                    <div class="item">
+                      <div class="item-left">
+                        <i class="iconfont icon-dingwei top-icon"></i>
+                      </div>
+                      <div class="item-right">
+                        <div>离港</div>
+                        <div class="right-text">{{ item.etd }}</div>
+                      </div>
+                    </div>
+                    <div class="item">
+                      <div class="item-left">
+                        <i class="iconfont icon-dingwei top-icon"></i>
+                      </div>
+                      <div class="item-right">
+                        <div>到港</div>
+                        <div class="right-text">{{ item.eta }}</div>
+                      </div>
+                    </div>
+                    <div class="item">
+                      <div class="item-left">
+                        <i class="iconfont icon-shijian1 top-icon"></i>
+                      </div>
+                      <div class="item-right">
+                        <div>运输时间</div>
+                        <div class="right-text">{{ item.days }}天数</div>
+                      </div>
+                    </div>
+                    <div class="item">
+                      <div class="item-left"> <i class="iconfont icon-chuanfanguanli-chuanfanshenqing top-icon"></i>
+                      </div>
+                      <div class="item-right">
+                        <div>船名/航次</div>
+                        <div class="right-text">{{ item.vesselName }} / {{ item.carrierDepartureVoyageNumber }}</div>
+                      </div>
+                    </div>
+                  </div>
+                  <div v-if="item.legs" style="margin-top: 15px;">
+                    <div v-for="(ite, index1) in item.legs" :key="index1" class="leg-item">
+                      <span style="color: rgba(37, 122, 250, 1);font-weight: 700;" v-if="index1 < 9">0{{ index1 + 1
+                        }}</span>
+                      <span style="color: rgba(37, 122, 250, 1);font-weight: 700;" v-else>{{ index1 + 1 }}</span>
+                      <i style="margin: 0 15px;" class="iconfont icon-chuanbo top-icon"></i>
+                      <span style="margin-right: 5px;display: inline-block;width:220px">
+                        {{ ite.from.cityName }}<span v-if="ite.from.regionName">,</span>
+                        {{ ite.from.regionName }}<span v-if="ite.from.countryName">,</span>
+                        {{ ite.from.countryName }}</span>
+                      <span><span style="font-weight: bold;color: black">ETD</span>：{{ ite.etd }}</span>
+                      <span style="margin: 0 10px;">--------</span>
+                      <i style="margin: 0 15px;" class="iconfont icon-chuanbo top-icon"></i>
+                      <span style="margin-right: 10px;display: inline-block;min-width: 240px">
+                        {{ ite.to.cityName }}<span v-if="ite.to.regionName">,</span>
+                        {{ ite.to.regionName }}<span v-if="ite.to.countryName">,</span>
+                        {{ ite.to.countryName }}</span>
+                      <span><span style="font-weight: bold;color: black">ETA</span>：{{ ite.eta }}</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+
+          <div class="title">货物详情</div>
+          <div class="backgroud">
+            <a-row>
+              <a-col :span="6">
+                <a-form-item prop="commodityName" label="">
+                  <div>商品名称</div>
+                  <a-input disabled size="small" ref="commodityName" v-model:value="form.commodityName"
+                    style="width: 70%;" />
+                  <span @click="handleOpenSP" style="height: 20.8px;line-height: 20.8px;" class="open-btn">检索商品</span>
+                </a-form-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-item prop="commodityCodeType" label="">
+                  <div>商品编码类型</div>
+                  <a-select allowClear v-model:value="form.commodityCodeType" size="small" style="width: 100%">
+                    <a-select-option value="MaerskCode">MaerskCode</a-select-option>
+                  </a-select>
+                </a-form-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-item prop="totalCargoWeight" label="">
+                  <div>总重(KGS)</div>
+                  <a-input-number style="width: 90%" size="small" v-model:value="form.totalCargoWeight" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-item prop="cargoType" label="">
+                  <div>货物标志</div>
+                  <a-select allowClear v-model:value="form.cargoType" size="small" style="width: 100%">
+                    <a-select-option value="DRY">DRY</a-select-option>
+                    <a-select-option value="REEFER">REEFER</a-select-option>
+                  </a-select>
+                </a-form-item>
+              </a-col>
+            </a-row>
+            <a-row>
+              <a-col :span="6">
+                <a-form-item label="">
+                  <div>是否冷冻处理</div>
+                  <a-switch @change="handleChagneType" v-model:checked="form.isReefer" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-item label="">
+                  <div>温度</div>
+                  <a-input-number :disabled="disabled" style="width: 100%" size="small"
+                    v-model:value="form.temperature" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-item label="">
+                  <div>货物探测器数量</div>
+                  <a-input-number :min="0" :disabled="disabled" :precision="0" style="width: 100%" size="small"
+                    v-model:value="form.noOfProbes" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-item label="">
+                  <div>通风(m³/hour)</div>
+                  <a-input-number :disabled="disabled" style="width: 74%" size="small"
+                    v-model:value="form.ventilation" />
+                </a-form-item>
+              </a-col>
+            </a-row>
+            <a-row>
+              <a-col :span="6">
+                <a-form-item label="">
+                  <div>湿度(%)</div>
+                  <a-input-number :min="0" :precision="0" :disabled="disabled" style="width: 84%" size="small"
+                    v-model:value="form.humidity" />
+                </a-form-item>
+              </a-col>
+            </a-row>
+          </div>
+
+
+
+
+
+          <div class="title">箱型箱量 <span @click="handleAdd"
+              style="color: #34d8fd;cursor: pointer;margin-left: 30px;font-size: 15px;">添加</span> </div>
+          <a-table :pagination="false" size="small" bordered :data-source="form.ctns" :columns="columns">
+
+            <template #bodyCell="{ column, record, index }">
+              <template v-if="column.dataIndex === 'ctnCode'">
+                <a-select show-search v-model:value="record.ctnCode" @change="handleCtnChange(record)"
+                  :filter-option="filterOption" size="small" style="width: 100%">
+                  <a-select-option v-for="(item, index) in ctnallList" :key="index" :value="item.code">
+                    {{ item.name }}
+                  </a-select-option>
+                </a-select>
+              </template>
+
+              <template v-if="column.dataIndex === 'ctnNum'">
+                <a-input-number style="width: 70%" :min="1" :precision="0" size="small" v-model:value="record.ctnNum" />
+              </template>
+
+              <template v-if="column.dataIndex === 'ctnSufferWeight'">
+                <a-input-number style="width: 70%" :precision="0" size="small" v-model:value="record.ctnSufferWeight" />
+              </template>
+
+              <template v-if="column.dataIndex === 'operation'">
+                <DeleteOutlined style="color: red;" @click="handleDeleteCtn(index)" />
+              </template>
+            </template>
+          </a-table>
+
+          <a-form-item>
+            <a-checkbox v-model:value="form.isShipperOwned">我希望使用托运人自己的集装箱</a-checkbox>
+            <a-checkbox v-model:value="form.isImportReturned">我想使用进口退货集装箱或者其他三角集运选项</a-checkbox>
+          </a-form-item>
+        </a-form>
+      </div>
+    </a-spin>
+    <template #footer>
+      <a-button pre-icon="ant-design:close-outlined" type="warning" :loading="loading" ghost
+        style="margin-right: 0.8rem" @click="closeModal">取消</a-button>
+      <a-button type="success" :loading="loading" pre-icon="ant-design:check-outlined" style="margin-right: 0.8rem"
+        @click="handleSave(false)">发送</a-button>
+      <a-button pre-icon="ant-design:check-circle-outlined" type="primary" :loading="loading"
+        @click="handleSave(true)">保存</a-button>
+    </template>
+  </BasicModal>
+
+
+  <a-modal title="检索船期" :footer="null" :visible="visible" width="1300px" @cancel="visible = false">
+    <div class="backgroud">
+      <div style="display: flex;align-items: center;">
+        <a-form style="width: 95%;" :model="searchForm" :label-col="{ span: 6 }" :wrapper-col="{ span: 22 }">
+          <a-row>
+            <a-col :span="4">
+              <a-form-item label="">
+                <div>始发地</div>
+                <span style="font-weight: bold;">{{ form.placeOfReceiptCityName }}</span>
+              </a-form-item>
+            </a-col>
+            <a-col :span="4">
+              <a-form-item label="">
+                <div>目的地</div>
+                <span style="font-weight: bold;">{{ form.placeOfDeliveryCityName }}</span>
+              </a-form-item>
+            </a-col>
+            <a-col :span="5">
+              <a-form-item label="">
+                <div>箱型</div>
+                <a-select show-search v-model:value="searchForm.isoEquipmentCode" :filter-option="filterOption"
+                  size="small" style="width: 100%">
+                  <a-select-option v-for="(item, index) in ctnallList" :key="index" :value="item.code">
+                    {{ item.name }}
+                  </a-select-option>
+                </a-select>
+              </a-form-item>
+            </a-col>
+            <a-col :span="5">
+              <a-form-item label="">
+                <div>船名</div>
+                <a-input size="small" v-model:value="searchForm.vesselName" />
+              </a-form-item>
+            </a-col>
+            <a-col :span="5">
+              <a-form-item label="">
+                <div>航次号</div>
+                <a-input size="small" v-model:value="searchForm.carrierDepartureVoyageNumber" />
+              </a-form-item>
+            </a-col>
+          </a-row>
+        </a-form>
+        <a-button style="margin-left: 10px;" @click="handleOpenCQ" type="primary">检索</a-button>
+      </div>
+      <a-spin :spinning="cqLoading">
+        <div class="box" v-for="(item, index) in shipList" :key="index">
+          <div class="top">
+            <span class="top-text">
+              {{ item.orignCityName }}<span v-if="item.originRegionName">,</span>
+              {{ item.originRegionName }}<span v-if="item.originCountryName">,</span>
+              {{ item.originCountryName }}</span>
+            <div style="margin: 0 20px;">------------------</div>
+            <span class="top-text">
+              {{ item.deliveryCityName }}<span v-if="item.deliveryRegionName">,</span>
+              {{ item.deliveryRegionName }}<span v-if="item.deliveryCountryName">,</span>
+              {{ item.deliveryCountryName }}</span>
+            <span style="margin-left:30px;margin-right: 10px;color: black;;font-weight: bold">{{
+              item.totalCurrency }}</span>
+            <span style="color: black;font-weight: bold">{{ item.totalAmountShow }}</span>
+          </div>
+          <div style="display: flex;align-items: flex-end;">
+            <div class="left">
+              <div class="bottom">
+                <div class="item">
+                  <div class="item-left">
+                    <i class="iconfont icon-dingwei top-icon"></i>
+                  </div>
+                  <div class="item-right">
+                    <div>离港</div>
+                    <div class="right-text">{{ item.etd }}</div>
+                  </div>
+                </div>
+                <div class="item">
+                  <div class="item-left">
+                    <i class="iconfont icon-dingwei top-icon"></i>
+                  </div>
+                  <div class="item-right">
+                    <div>到港</div>
+                    <div class="right-text">{{ item.eta }}</div>
+                  </div>
+                </div>
+                <div class="item">
+                  <div class="item-left">
+                    <i class="iconfont icon-shijian1 top-icon"></i>
+                  </div>
+                  <div class="item-right">
+                    <div>运输时间</div>
+                    <div class="right-text">{{ item.days }}天数</div>
+                  </div>
+                </div>
+                <div class="item">
+                  <div class="item-left"> <i class="iconfont icon-chuanfanguanli-chuanfanshenqing top-icon"></i> </div>
+                  <div class="item-right">
+                    <div>船名/航次</div>
+                    <div class="right-text">{{ item.vesselName }} / {{ item.carrierDepartureVoyageNumber }}</div>
+                  </div>
+                </div>
+              </div>
+              <div v-if="item.legs" style="margin-top: 15px;">
+                <div v-for="(ite, index1) in item.legs" :key="index1" class="leg-item">
+                  <span style="color: rgba(37, 122, 250, 1);font-weight: 700;" v-if="index1 < 9">0{{ index1 + 1
+                    }}</span>
+                  <span style="color: rgba(37, 122, 250, 1);font-weight: 700;" v-else>{{ index1 + 1 }}</span>
+                  <i style="margin: 0 15px;" class="iconfont icon-chuanbo top-icon"></i>
+                  <span style="margin-right: 5px;display: inline-block;width:220px">
+                    {{ ite.from.cityName }}<span v-if="ite.from.regionName">,</span>
+                    {{ ite.from.regionName }}<span v-if="ite.from.countryName">,</span>
+                    {{ ite.from.countryName }}</span>
+                  <span><span style="font-weight: bold;color: black">ETD</span>：{{ ite.etd }}</span>
+                  <span style="margin: 0 10px;">----------</span>
+                  <i style="margin: 0 15px;" class="iconfont icon-chuanbo top-icon"></i>
+                  <span style="margin-right: 10px;display: inline-block;min-width: 240px">
+                    {{ ite.to.cityName }}<span v-if="ite.to.regionName">,</span>
+                    {{ ite.to.regionName }}<span v-if="ite.to.countryName">,</span>
+                    {{ ite.to.countryName }}</span>
+                  <span><span style="font-weight: bold;color: black">ETA</span>：{{ ite.eta }}</span>
+                </div>
+              </div>
+            </div>
+            <div class="right">
+              <a-button @click="handleSelectCQ(item)" type="primary">选择</a-button>
+            </div>
+          </div>
+        </div>
+      </a-spin>
+      <p>共计 {{ shipList.length }} 条船期记录</p>
+    </div>
+  </a-modal>
+
+  <a-modal title="检索商品" :visible="goodsFlag" width="1200px" @cancel="goodsFlag = false">
+    <div style="display: flex;background-color: rgba(245, 249, 252, 1);padding: 10px;">
+      <a-row style="width:90%">
+        <a-form style="width: 100%;" :model="searchForm" :label-col="{ span: 0 }" :wrapper-col="{ span: 24 }">
+          <a-col :span="24">
+            <a-form-item label="">
+              <div>商品名称</div>
+              <a-input v-model:value="goodsName" />
+            </a-form-item>
+          </a-col>
+        </a-form>
+      </a-row>
+      <a-button @click="getGoodsList" style="margin-left: 20px;margin-top: 21px;" type="primary">检索</a-button>
+    </div>
+    <a-spin :spinning="loading">
+      <div class="good-top">
+        <div style="width: 70px;">商品代码</div>
+        <div style="width: 500px;margin-right: 20px;">商品名称</div>
+        <div style="width: 400px;">货物类型</div>
+        <div style="width: 100px;">商品代码</div>
+        <div></div>
+      </div>
+      <div v-for="(item, index) in goodsList" :key="index" class="goods">
+        <div style="width: 70px;">{{ item.commodityCode }}</div>
+        <div style="width: 500px;margin-right: 20px;">{{ item.commodityName }}</div>
+        <div style="width: 400px;">
+          <div style="display: flex;flex-wrap: wrap;align-items: center;">
+            <div class="goodsType" v-for="(ite, index1) in item.cargoTypes" :key="index1">{{ ite }}</div>
+          </div>
+        </div>
+        <div style="width: 100px;">
+          <a-button @click="handleSelectGoods(item)" type="primary">选择</a-button>
+        </div>
+      </div>
+    </a-spin>
+
+  </a-modal>
+
+
+</template>
+<script lang="ts" setup>
+import { ref, reactive, UnwrapRef } from 'vue'
+import { BasicModal, useModalInner } from '/@/components/Modal'
+import { GetCtnSelectList } from '/@/views/operation/seaexport/api/BookingLedger'
+import {
+  getContractno, SearchCommodities, SearchShipSailingSchedule, mskGetGetInfoSpot, mskGetSaveSpot,
+  SearchLocations, SendMSKBooking, mskGetSave, mskGetGetInfo, GetInitInfoMsk, SendMSKBookingSpot, GetInitInfoMskApi,
+  CheckWarningBatchCopy, maskCopy, SearchLocationsSpot, SearchShipSailingScheduleSpot, maskCopySPOT, SearchCommoditiesSpot
+} from './api'
+import { DeleteOutlined } from '@ant-design/icons-vue';
+let form = reactive({
+  isBookingPartOwnPrice: false,
+  isSendNoSchedule: false,
+  isReefer: false
+}) as any
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner((data) => {
+  setModalProps({ loading: false })
+  form = reactive({
+    "id": 566210329358405,
+    "carrierId": "MSK",
+    "bookingId": 0,
+    "pId": 566210274508869,
+    "mD5": "1f4fb869ba113f84051de1815dd38f7e",
+    "priceReference": "201557970",
+    "productCode": "MaerskContract",
+    "sender": "BOOKAPI",
+    "bookedByCompanyName": "QINGDAO GENSON LOGISTICS CO LTD",
+    "bookedByMaerskPartyCode": "10000007951",
+    "bookedByCompanyContactName": "QINGDAO GENSON LOGISTICS CO LTD",
+    "bookedByCompanyContactEmail": "msk@qdgenson.com",
+    isBookingPartOwnPrice: true,
+    "priceOwnerCompanyName": "QINGDAO GENSON LOGISTICS CO LTD",
+    "priceOwnerMaerskPartyCode": "10000007951",
+    "priceOwnerContactName": "QINGDAO GENSON LOGISTICS CO LTD",
+    "priceOwnerContactEmail": "msk@qdgenson.com",
+    "carrierCode": "MAEU",
+    "earliestDepartureDate": "2024-07-08 00:00:00",
+    "exportServiceMode": "CY",
+    "importServiceMode": "CY",
+    "placeOfReceiptUnLocCode": "CNTAO",
+    "placeOfReceiptCityName": "Qingdao",
+    "placeOfReceiptCountryCode": "CN",
+    "placeOfDeliveryUnLocCode": "DEHAM",
+    "placeOfDeliveryCityName": "Hamburg",
+    "placeOfDeliveryCountryCode": "DE",
+    "originDepartureDateTimeLocal": "2024-07-13 12:00:00",
+    "destinationArrivalDateTimeLocal": "2024-09-05 07:00:00",
+    "isReefer": false,
+    "commodityCode": "003211",
+    "commodityName": "USED - Tires, tyres, rubber",
+    "cargoType": "DRY",
+    "totalCargoWeight": 30000,
+    "commodityCodeType": "MaerskCode",
+    "vesselName": "MAYVIEW MAERSK",
+    "exportVoyageNumber": "428W",
+    "estSailingDays": 54,
+    "priceReferenceId": 565254923329605,
+    "priceReferenceName": "俊鑫约号 201557970",
+    "isShipperOwned": false,
+    "isImportReturned": false,
+    isSendNoSchedule: false,
+    "placeOfReceiptCountryName": "China",
+    "placeOfReceiptRegionName": "Shandong",
+    "placeOfDeliveryCountryName": "Germany",
+    "placeOfDeliveryRegionName": "Hamburg",
+    "userPlaceOfReceiptUnLocCode": "CNTAO",
+    "userPlaceOfReceiptCityName": "Qingdao",
+    "userPlaceOfReceiptCountryCode": "CN",
+    "userPlaceOfReceiptCountryName": "China",
+    "userPlaceOfReceiptRegionName": "Shandong",
+    "userPlaceOfDeliveryCountryName": "Germany",
+    "userPlaceOfDeliveryRegionName": "Hamburg",
+    "userPlaceOfDeliveryUnLocCode": "DEHAM",
+    "userPlaceOfDeliveryCityName": "Hamburg",
+    "userPlaceOfDeliveryCountryCode": "DE",
+    "ctns": [
+      {
+        "ctnCode": "22G1",
+        "ctnName": "20GP",
+        "ctnNum": 1,
+        "ctnSufferWeight": 15000,
+        "id": 566210329882693,
+        "stuffingMeasurementType": "WEIGHT",
+        "stuffingMeasurementUnit": "KGS"
+      },
+      {
+        "ctnCode": "45G11",
+        "ctnName": "40HC",
+        "ctnNum": 1,
+        "ctnSufferWeight": 15000,
+        "id": 566210330300485,
+        "stuffingMeasurementType": "WEIGHT",
+        "stuffingMeasurementUnit": "KGS"
+      }
+    ],
+    "carrierCollectionOriginGeoID": "1YCLYW8V7RZB2",
+    "carrierDeliveryDestinationGeoID": "03KFCBH0IX2TA",
+    "bookingChannelType": "CON_API",
+    "bookingChannelTypeName": "合约订舱",
+    "selectedShipScheduleShow": {
+      "originRegionName": "Shandong",
+      "originCountryName": "China",
+      "pId": 566210274508869,
+      "mD5": "1f4fb869ba113f84051de1815dd38f7e",
+      "totalAmount": 0,
+      "isTransfer": true,
+      "etd": "2024-07-13 12:00:00",
+      "eta": "2024-09-05 07:00:00",
+      "orignCityName": "Qingdao",
+      "orignCarrierCityGeoID": "1YCLYW8V7RZB2",
+      "orignCountryCode": "CN",
+      "orignUNLocationCode": "CNTAO",
+      "deliveryCityName": "Hamburg",
+      "deliveryCarrierCityGeoID": "03KFCBH0IX2TA",
+      "deliveryRegionName": "Hamburg",
+      "deliveryCountryCode": "DE",
+      "deliveryCountryName": "Germany",
+      "deliveryUNLocationCode": "DEHAM",
+      "vesselName": "MAYVIEW MAERSK",
+      "carrierDepartureVoyageNumber": "428W",
+      "days": 54,
+      "legs": [
+        {
+          "sortNo": 1,
+          "vesselName": "MAYVIEW MAERSK",
+          "voyageNo": "428W",
+          "etd": "2024-07-13 12:00:00",
+          "eta": "2024-07-30 19:00:00",
+          "from": {
+            "locationType": "From",
+            "siteGeoId": "2TK5NLOD7R0O6",
+            "cityGeoId": "1YCLYW8V7RZB2",
+            "unLocCode": "CNTAO",
+            "cityName": "Qingdao",
+            "regionName": "Shandong",
+            "countryCode": "CN",
+            "countryName": "China"
+          },
+          "to": {
+            "locationType": "To",
+            "siteGeoId": "00YSAZHW6VRIK",
+            "unLocCode": "MYTPP",
+            "cityName": "Tanjung Pelepas",
+            "countryCode": "MY"
+          }
+        },
+        {
+          "sortNo": 2,
+          "vesselName": "ESTELLE MAERSK",
+          "voyageNo": "429W",
+          "etd": "2024-08-03 15:00:00",
+          "eta": "2024-09-05 07:00:00",
+          "from": {
+            "locationType": "From",
+            "siteGeoId": "00YSAZHW6VRIK",
+            "unLocCode": "MYTPP",
+            "cityName": "Tanjung Pelepas",
+            "countryCode": "MY"
+          },
+          "to": {
+            "locationType": "To",
+            "siteGeoId": "2HSGHGFR6KMT3",
+            "cityGeoId": "03KFCBH0IX2TA",
+            "unLocCode": "DEHAM",
+            "cityName": "Hamburg",
+            "regionName": "Hamburg",
+            "countryCode": "DE",
+            "countryName": "Germany"
+          }
+        }
+      ]
+    }
+  })
+  form.priceReferenceId = form.priceReferenceId + ''
+  form.sfcarrierGeoID = form.placeOfReceiptCityName
+  form.mdsfcarrierGeoID = form.placeOfDeliveryCityName
+  if (!form.selectedShipScheduleShow) {
+    shipData.value.push({
+      deliveryCityName: form.placeOfDeliveryCityName,
+      orignCityName: form.placeOfReceiptCityName,
+      carrierDepartureVoyageNumber: form.exportVoyageNumber,
+      vesselName: form.vesselName,
+      days: form.estSailingDays,
+      atd: form.destinationArrivalDateTimeLocal,
+      etd: form.originDepartureDateTimeLocal
+    })
+  } else {
+    shipData.value.push(form.selectedShipScheduleShow)
+  }
+  if (form.isReefer) {
+    disabled.value = false
+  } else {
+    disabled.value = true
+  }
+})
+
+const loading = ref(false)
+
+const wrapperCol = { span: 22 }
+const labelCol = { span: 0 }
+const formLoading = ref(false)
+
+
+const contractnoList = ref([]) as any
+const nodisabled = ref(false)
+const mskBookType = ref('api')
+import { useMessage } from '../../../hooks/web/useMessage'
+const { createMessage } = useMessage()
+
+const columns = [
+  {
+    title: '箱型',
+    dataIndex: 'ctnCode',
+    width: '30%',
+  },
+  {
+    title: '箱量',
+    dataIndex: 'ctnNum',
+  },
+  {
+    title: '重量(KGS)',
+    dataIndex: 'ctnSufferWeight',
+  },
+  {
+    title: '操作',
+    dataIndex: 'operation',
+    align: 'center'
+  }
+]
+const rules = {
+  cargoType: [{ required: true, message: '请选择货物标志', trigger: 'blur' }],
+  totalCargoWeight: [{ required: true, message: '请填写总重', trigger: 'blur' }],
+  commodityCodeType: [{ required: true, message: '请选择商品编码类型', trigger: 'blur' }],
+  commodityName: [{ required: true, message: '请选择商品', trigger: 'change' }],
+  importServiceMode: [{ required: true, message: '请选择目的地运输条款', trigger: 'blur' }],
+  exportServiceMode: [{ required: true, message: '请选择始发地服务模式', trigger: 'blur' }],
+  sfcarrierGeoID: [{ required: true, message: '请选择始发地', trigger: 'blur' }],
+  mdsfcarrierGeoID: [{ required: true, message: '请选择目的地', trigger: 'blur' }],
+  carrierCode: [{ required: true, message: '请选择服务船公司', trigger: 'blur' }]
+}
+
+const goodsList = ref([]) as any
+const goodsName = ref('')
+const goodsFlag = ref(false)
+
+interface portloadListFace {
+  countryName: any
+  unRegionName: any
+  cityName: any
+  carrierGeoID: any
+}
+const portloadList = ref<portloadListFace[]>([])
+const fetching = ref(false)
+
+
+
+interface portdischargeListFace {
+  countryName: any
+  unRegionName: any
+  cityName: any
+  carrierGeoID: any
+}
+const portdischargeList = ref<portdischargeListFace[]>([])
+
+
+const searchForm = reactive({}) as any
+const shipList = ref([]) as any
+const cqLoading = ref(false)
+
+//打开搜索船期
+function handleOpenCQ() {
+  visible.value = true
+  shipList.value = [
+    {
+      "originRegionName": "Shandong",
+      "originCountryName": "China",
+      "pId": 567308691185733,
+      "mD5": "c465e2cf74f25aed5cd10608705b5a48",
+      "totalAmount": 0,
+      "isTransfer": true,
+      "etd": "2024-07-20 08:00:00",
+      "eta": "2024-08-10 21:15:00",
+      "orignCityName": "Qingdao",
+      "orignCarrierCityGeoID": "1YCLYW8V7RZB2",
+      totalCurrency: "USD",
+      totalAmountShow: 33660.55,
+      "orignCountryCode": "CN",
+      "orignUNLocationCode": "CNTAO",
+      "deliveryCityName": "Sydney",
+      "deliveryCarrierCityGeoID": "3EX6KZTUKSJNI",
+      "deliveryRegionName": "New South Wales",
+      "deliveryCountryCode": "AU",
+      "deliveryCountryName": "Australia",
+      "deliveryUNLocationCode": "AUSYD",
+      "vesselName": "TAMINA",
+      "carrierDepartureVoyageNumber": "426N",
+      "days": 22,
+      "legs": [
+        {
+          "sortNo": 1,
+          "vesselName": "TAMINA",
+          "voyageNo": "426N",
+          "etd": "2024-07-20 08:00:00",
+          "eta": "2024-07-24 01:00:00",
+          "from": {
+            "locationType": "From",
+            "siteGeoId": "2TK5NLOD7R0O6",
+            "cityGeoId": "1YCLYW8V7RZB2",
+            "unLocCode": "CNTAO",
+            "cityName": "Qingdao",
+            "regionName": "Shandong",
+            "countryCode": "CN",
+            "countryName": "China"
+          },
+          "to": {
+            "locationType": "To",
+            "siteGeoId": "2BHTDN37LFJ3V",
+            "unLocCode": "HKHKG",
+            "cityName": "Hong Kong",
+            "countryCode": "HK"
+          }
+        },
+        {
+          "sortNo": 2,
+          "vesselName": "MAERSK FREDERICIA",
+          "voyageNo": "429S",
+          "etd": "2024-07-29 19:00:00",
+          "eta": "2024-08-10 21:15:00",
+          "from": {
+            "locationType": "From",
+            "siteGeoId": "2BHTDN37LFJ3V",
+            "unLocCode": "HKHKG",
+            "cityName": "Hong Kong",
+            "countryCode": "HK"
+          },
+          "to": {
+            "locationType": "To",
+            "siteGeoId": "2V7IAKY71KBBA",
+            "cityGeoId": "3EX6KZTUKSJNI",
+            "unLocCode": "AUSYD",
+            "cityName": "Sydney",
+            "regionName": "New South Wales",
+            "countryCode": "AU",
+            "countryName": "Australia"
+          }
+        }
+      ]
+    },
+    {
+      "originRegionName": "Shandong",
+      "originCountryName": "China",
+      "pId": 567308691185734,
+      "mD5": "1743af639a5d76433c215e942cbc1ec2",
+      "totalAmount": 0,
+      "isTransfer": true,
+      "etd": "2024-07-22 11:00:00",
+      "eta": "2024-08-24 14:00:00",
+      "orignCityName": "Qingdao",
+      "orignCarrierCityGeoID": "1YCLYW8V7RZB2",
+      "orignCountryCode": "CN",
+      "orignUNLocationCode": "CNTAO",
+      "deliveryCityName": "Sydney",
+      "deliveryCarrierCityGeoID": "3EX6KZTUKSJNI",
+      "deliveryRegionName": "New South Wales",
+      "deliveryCountryCode": "AU",
+      "deliveryCountryName": "Australia",
+      "deliveryUNLocationCode": "AUSYD",
+      "vesselName": "MAERSK SEBAROK",
+      "carrierDepartureVoyageNumber": "427N",
+      "days": 34,
+      "legs": [
+        {
+          "sortNo": 1,
+          "vesselName": "MAERSK SEBAROK",
+          "voyageNo": "427N",
+          "etd": "2024-07-22 11:00:00",
+          "eta": "2024-08-04 13:00:00",
+          "from": {
+            "locationType": "From",
+            "siteGeoId": "2TK5NLOD7R0O6",
+            "cityGeoId": "1YCLYW8V7RZB2",
+            "unLocCode": "CNTAO",
+            "cityName": "Qingdao",
+            "regionName": "Shandong",
+            "countryCode": "CN",
+            "countryName": "China"
+          },
+          "to": {
+            "locationType": "To",
+            "siteGeoId": "2BHTDN37LFJ3V",
+            "unLocCode": "HKHKG",
+            "cityName": "Hong Kong",
+            "countryCode": "HK"
+          }
+        },
+        {
+          "sortNo": 2,
+          "vesselName": "GSL MELITA",
+          "voyageNo": "431S",
+          "etd": "2024-08-11 23:00:00",
+          "eta": "2024-08-24 14:00:00",
+          "from": {
+            "locationType": "From",
+            "siteGeoId": "2BHTDN37LFJ3V",
+            "unLocCode": "HKHKG",
+            "cityName": "Hong Kong",
+            "countryCode": "HK"
+          },
+          "to": {
+            "locationType": "To",
+            "siteGeoId": "2V7IAKY71KBBA",
+            "cityGeoId": "3EX6KZTUKSJNI",
+            "unLocCode": "AUSYD",
+            "cityName": "Sydney",
+            "regionName": "New South Wales",
+            "countryCode": "AU",
+            "countryName": "Australia"
+          }
+        }
+      ]
+    },
+    {
+      "originRegionName": "Shandong",
+      "originCountryName": "China",
+      "pId": 567308691185735,
+      "mD5": "6884369f54dce0b7bb1fc213e0a01907",
+      "totalAmount": 0,
+      "isTransfer": false,
+      "etd": "2024-07-12 18:00:00",
+      "eta": "2024-08-03 20:00:00",
+      "orignCityName": "Qingdao",
+      "orignCarrierCityGeoID": "1YCLYW8V7RZB2",
+      "orignCountryCode": "CN",
+      "orignUNLocationCode": "CNTAO",
+      "deliveryCityName": "Sydney",
+      "deliveryCarrierCityGeoID": "3EX6KZTUKSJNI",
+      "deliveryRegionName": "New South Wales",
+      "deliveryCountryCode": "AU",
+      "deliveryCountryName": "Australia",
+      "deliveryUNLocationCode": "AUSYD",
+      "vesselName": "GOOD PROSPECT",
+      "carrierDepartureVoyageNumber": "428S",
+      "days": 23,
+      "legs": [
+        {
+          "sortNo": 1,
+          "vesselName": "GOOD PROSPECT",
+          "voyageNo": "428S",
+          "etd": "2024-07-12 18:00:00",
+          "eta": "2024-08-03 20:00:00",
+          "from": {
+            "locationType": "From",
+            "siteGeoId": "2TK5NLOD7R0O6",
+            "cityGeoId": "1YCLYW8V7RZB2",
+            "unLocCode": "CNTAO",
+            "cityName": "Qingdao",
+            "regionName": "Shandong",
+            "countryCode": "CN",
+            "countryName": "China"
+          },
+          "to": {
+            "locationType": "To",
+            "siteGeoId": "2V7IAKY71KBBA",
+            "cityGeoId": "3EX6KZTUKSJNI",
+            "unLocCode": "AUSYD",
+            "cityName": "Sydney",
+            "regionName": "New South Wales",
+            "countryCode": "AU",
+            "countryName": "Australia"
+          }
+        }
+      ]
+    },
+    {
+      "originRegionName": "Shandong",
+      "originCountryName": "China",
+      "pId": 567308691185736,
+      "mD5": "1d3ef19838149008afa1d5af08c50ceb",
+      "totalAmount": 0,
+      "isTransfer": false,
+      "etd": "2024-07-27 15:01:00",
+      "eta": "2024-08-18 04:00:00",
+      "orignCityName": "Qingdao",
+      "orignCarrierCityGeoID": "1YCLYW8V7RZB2",
+      "orignCountryCode": "CN",
+      "orignUNLocationCode": "CNTAO",
+      "deliveryCityName": "Sydney",
+      "deliveryCarrierCityGeoID": "3EX6KZTUKSJNI",
+      "deliveryRegionName": "New South Wales",
+      "deliveryCountryCode": "AU",
+      "deliveryCountryName": "Australia",
+      "deliveryUNLocationCode": "AUSYD",
+      "vesselName": "MAERSK SEBAROK",
+      "carrierDepartureVoyageNumber": "430S",
+      "days": 22,
+      "legs": [
+        {
+          "sortNo": 1,
+          "vesselName": "MAERSK SEBAROK",
+          "voyageNo": "430S",
+          "etd": "2024-07-27 15:01:00",
+          "eta": "2024-08-18 04:00:00",
+          "from": {
+            "locationType": "From",
+            "siteGeoId": "2TK5NLOD7R0O6",
+            "cityGeoId": "1YCLYW8V7RZB2",
+            "unLocCode": "CNTAO",
+            "cityName": "Qingdao",
+            "regionName": "Shandong",
+            "countryCode": "CN",
+            "countryName": "China"
+          },
+          "to": {
+            "locationType": "To",
+            "siteGeoId": "2V7IAKY71KBBA",
+            "cityGeoId": "3EX6KZTUKSJNI",
+            "unLocCode": "AUSYD",
+            "cityName": "Sydney",
+            "regionName": "New South Wales",
+            "countryCode": "AU",
+            "countryName": "Australia"
+          }
+        }
+      ]
+    },
+    {
+      "originRegionName": "Shandong",
+      "originCountryName": "China",
+      "pId": 567308691185737,
+      "mD5": "452a36c0f7c06362085e9bb8688d57ca",
+      "totalAmount": 0,
+      "isTransfer": false,
+      "etd": "2024-08-04 10:00:00",
+      "eta": "2024-08-24 14:00:00",
+      "orignCityName": "Qingdao",
+      "orignCarrierCityGeoID": "1YCLYW8V7RZB2",
+      "orignCountryCode": "CN",
+      "orignUNLocationCode": "CNTAO",
+      "deliveryCityName": "Sydney",
+      "deliveryCarrierCityGeoID": "3EX6KZTUKSJNI",
+      "deliveryRegionName": "New South Wales",
+      "deliveryCountryCode": "AU",
+      "deliveryCountryName": "Australia",
+      "deliveryUNLocationCode": "AUSYD",
+      "vesselName": "GSL MELITA",
+      "carrierDepartureVoyageNumber": "431S",
+      "days": 21,
+      "legs": [
+        {
+          "sortNo": 1,
+          "vesselName": "GSL MELITA",
+          "voyageNo": "431S",
+          "etd": "2024-08-04 10:00:00",
+          "eta": "2024-08-24 14:00:00",
+          "from": {
+            "locationType": "From",
+            "siteGeoId": "2TK5NLOD7R0O6",
+            "cityGeoId": "1YCLYW8V7RZB2",
+            "unLocCode": "CNTAO",
+            "cityName": "Qingdao",
+            "regionName": "Shandong",
+            "countryCode": "CN",
+            "countryName": "China"
+          },
+          "to": {
+            "locationType": "To",
+            "siteGeoId": "2V7IAKY71KBBA",
+            "cityGeoId": "3EX6KZTUKSJNI",
+            "unLocCode": "AUSYD",
+            "cityName": "Sydney",
+            "regionName": "New South Wales",
+            "countryCode": "AU",
+            "countryName": "Australia"
+          }
+        }
+      ]
+    }
+  ]
+
+  // if (!form.earliestDepartureDate) {
+  //   createMessage.warning('请先选择预计离港日期')
+  //   return false
+  // }
+  // if (!form.sfcarrierGeoID || !form.mdsfcarrierGeoID) {
+  //   createMessage.warning('请先选择始发地和目的地')
+  //   return false
+  // }
+  // if (form.ctns.length === 0) {
+  //   createMessage.warning('请先添加一条箱型箱量')
+  //   return false
+  // }
+  // if (!form.ctns[0].ctnCode || !form.ctns[0].ctnSufferWeight || !form.ctns[0].ctnNum) {
+  //   createMessage.warning('请填写完整箱型箱量')
+  //   return false
+  // }
+  // visible.value = true
+  // this.cqLoading = true
+  // const data = {
+  //   carrierId: 'MSK',
+  //   collectionOriginCityName: form.placeOfReceiptCityName,
+  //   collectionOriginCountryCode: form.placeOfReceiptCountryCode,
+  //   deliveryDestinationCityName: form.placeOfDeliveryCityName,
+  //   deliveryDestinationCountryCode: form.placeOfDeliveryCountryCode,
+  //   cargoType: form.cargoType,
+  //   exportServiceMode: form.exportServiceMode,
+  //   importServiceMode: form.importServiceMode,
+  //   vesselOperatorCarrierCode: form.carrierCode,
+  //   startDate: form.earliestDepartureDate,
+  //   carrierCollectionOriginGeoID: form.carrierCollectionOriginGeoID,
+  //   carrierDeliveryDestinationGeoID: form.carrierDeliveryDestinationGeoID,
+
+  //   collectionOriginUNLocationCode: form.userPlaceOfReceiptUnLocCode,
+  //   collectionOriginUNRegionName: form.userPlaceOfReceiptRegionName,
+  //   collectionOriginCountryName: form.userPlaceOfReceiptCountryName,
+
+  //   deliveryDestinationUNLocationCode: form.userPlaceOfDeliveryUnLocCode,
+  //   deliveryDestinationUNRegionName: form.userPlaceOfDeliveryRegionName,
+  //   deliveryDestinationCountryName: form.userPlaceOfDeliveryCountryName,
+
+  //   ...searchForm.value
+  // }
+  // data.isoEquipmentCode = form.ctns[0].ctnCode
+  // data.ISOEquipmentNum = form.ctns[0].ctnNum
+  // data.stuffingWeight = form.ctns[0].ctnSufferWeight
+  // if (mskBookType.value === 'spot') {
+  //   SearchShipSailingScheduleSpot(data).then(res => {
+  //     if (res.success) {
+  //       shipList.value = res.data
+  //     } else {
+  //       createMessage.error(res.message)
+  //       shipList.value = []
+  //     }
+  //     cqLoading.value = false
+  //   })
+  // }
+  // if (mskBookType.value === 'api') {
+  //   SearchShipSailingSchedule(data).then(res => {
+  //     if (res.success) {
+  //       shipList.value = res.data
+  //     } else {
+  //       createMessage.error(res.message)
+  //       shipList.value = []
+  //     }
+  //     cqLoading.value = false
+  //   })
+  // }
+}
+
+const shipData = ref([]) as any
+
+
+
+const disabled = ref(false)
+
+
+function handleCtnChange(row) {
+  ctnallList.value.forEach(item => {
+    if (item.code === row.ctnCode) {
+      row.ctnName = item.name
+    }
+  })
+}
+
+interface ctnallListFace {
+  code: any
+  name: any
+}
+const ctnallList = ref<ctnallListFace[]>([])
+
+
+const mskSpotInfo = ref({})
+const mskApiInfo = ref({})
+//获取订舱人初始值
+function getinitInfoMsk() {
+  GetInitInfoMsk().then(res => {
+    mskSpotInfo.value = res.data
+  })
+  GetInitInfoMskApi().then(res => {
+    mskApiInfo.value = res.data
+  })
+}
+const mskType = ref('')
+const mskNumber = ref('')
+const mskCopyId = ref('')
+const maskTitle = ref('')
+const showFlag = ref(false)
+import moment from 'moment'
+
+//初始化弹窗
+function init(id, type, number, copyId) {
+  mskType.value = type || 'add'
+  mskNumber.value = number
+  mskCopyId.value = copyId
+  maskTitle.value = '马士基合约订舱'
+  getContractnoList()
+  mskBookType.value = 'api'
+  shipData.value = []
+  if (!id) {
+    form = {
+      ctns: [
+        { ctnSufferWeight: 15000, ctnNum: 1, ctnCode: '22G1', ctnName: '20GP' },
+        { ctnSufferWeight: 15000, ctnNum: 1, ctnCode: '45G11', ctnName: '40HC' }
+      ],
+      isReefer: false,
+      productCode: 'MaerskContract',
+      carrierCode: 'MAEU',
+      isBookingPartOwnPrice: true,
+      importServiceMode: 'CY',
+      exportServiceMode: 'CY',
+      earliestDepartureDate: moment().format('YYYY-MM-DD'),
+      cargoType: 'DRY',
+      sender: 'BOOKAPI',
+      commodityCodeType: 'MaerskCode'
+    }
+    form = { ...form, ...this.mskApiInfo }
+    form.isReefer = false
+
+  } else {
+    formLoading.value = true
+    mskGetGetInfo({ id: id }).then(res => {
+      if (res.success) {
+        if (!res.data.ctns) {
+          res.data.ctns = []
+        }
+        form = res.data
+        form.priceReferenceId = form.priceReferenceId + ''
+        form.sfcarrierGeoID = form.placeOfReceiptCityName
+        form.mdsfcarrierGeoID = form.placeOfDeliveryCityName
+        if (!form.selectedShipScheduleShow) {
+          shipData.value.push({
+            deliveryCityName: form.placeOfDeliveryCityName,
+            orignCityName: form.placeOfReceiptCityName,
+            carrierDepartureVoyageNumber: form.exportVoyageNumber,
+            vesselName: form.vesselName,
+            days: form.estSailingDays,
+            atd: form.destinationArrivalDateTimeLocal,
+            etd: form.originDepartureDateTimeLocal
+          })
+        } else {
+          shipData.value.push(form.selectedShipScheduleShow)
+        }
+        if (form.isReefer) {
+          disabled.value = false
+        } else {
+          disabled.value = true
+        }
+
+      } else {
+        createMessage.error(res.message)
+      }
+      formLoading.value = false
+    })
+  }
+  showFlag.value = true
+}
+//spot初始化弹窗
+function spotInit(id, type, number, copyId) {
+  mskType.value = type || 'add'
+  mskNumber.value = number
+  maskTitle.value = '马士基SPOT订舱'
+  mskCopyId.value = copyId
+  mskBookType.value = 'spot'
+  getContractnoList()
+  shipData.value = []
+  if (!id) {
+    form = {
+      ctns: [
+        { ctnSufferWeight: 18000, ctnNum: 1, ctnCode: '45G11', ctnName: '40HC' }
+      ],
+      isReefer: false,
+      productCode: 'MaerskSpot',
+      carrierCode: 'MAEU',
+      isBookingPartOwnPrice: true,
+      importServiceMode: 'CY',
+      exportServiceMode: 'CY',
+      earliestDepartureDate: moment().format('YYYY-MM-DD'),
+      cargoType: 'DRY',
+      sender: 'BOOKAPI',
+      commodityCodeType: 'MaerskCode'
+    }
+    form.isReefer = false
+    form = { ...form, ...mskSpotInfo.value }
+
+  } else {
+    formLoading.value = true
+    mskGetGetInfoSpot({ id: id }).then(res => {
+      if (res.success) {
+        if (!res.data.ctns) {
+          res.data.ctns = []
+        }
+        form = res.data
+        form.priceReferenceId = null
+        form.sfcarrierGeoID = form.placeOfReceiptCityName
+        form.mdsfcarrierGeoID = form.placeOfDeliveryCityName
+        if (!form.selectedShipScheduleShow) {
+          shipData.value.push({
+            deliveryCityName: form.placeOfDeliveryCityName,
+            orignCityName: form.placeOfReceiptCityName,
+            carrierDepartureVoyageNumber: form.exportVoyageNumber,
+            vesselName: form.vesselName,
+            days: form.estSailingDays,
+            atd: form.destinationArrivalDateTimeLocal,
+            etd: form.originDepartureDateTimeLocal,
+            shipRateTotalCurrency: form.shipRateTotalCurrency,
+            shipRateTotalAmount: form.shipRateTotalAmount
+          })
+        } else {
+          shipData.value.push(form.selectedShipScheduleShow)
+        }
+        if (form.isReefer) {
+          disabled.value = false
+        } else {
+          disabled.value = true
+        }
+
+      } else {
+        createMessage.error(res.message)
+      }
+      formLoading.value = false
+    })
+  }
+  showFlag.value = true
+}
+
+
+function handleChangePrice(val) {
+  // if (val) {
+  //   form.priceOwnerContactEmail = form.bookedByCompanyContactEmail
+  //   form.priceOwnerContactName = form.bookedByCompanyContactName
+  //   form.priceOwnerMaerskPartyCode = form.bookedByMaerskPartyCode
+  //   form.priceOwnerCompanyName = form.bookedByCompanyName
+  // } else {
+  //   form.priceOwnerContactEmail = ''
+  //   form.priceOwnerContactName = ''
+  //   form.priceOwnerMaerskPartyCode = ''
+  //   form.priceOwnerCompanyName = ''
+  // }
+
+}
+function handleSelectPrice(val) {
+  contractnoList.value.forEach(item => {
+    if (item.id === val) {
+      form.priceReference = item.contractNo
+      form.priceReferenceName = item.contractName
+      form.priceOwnerContactEmail = item.contractLinkEmail
+      form.priceOwnerContactName = item.contractLinkName
+      form.priceOwnerMaerskPartyCode = item.contractPartyCode
+      form.priceOwnerCompanyName = item.contractPartyName
+      form.isBookingPartOwnPrice = item.isOurOwnPrice
+    }
+  })
+
+}
+function handleSelectPrice1(val) {
+  contractnoList.value.forEach(item => {
+    if (item.id === val) {
+      form.priceOwnerContactEmail = item.contractLinkEmail
+      form.priceOwnerContactName = item.contractLinkName
+      form.priceOwnerMaerskPartyCode = item.contractPartyCode
+      form.priceOwnerCompanyName = item.contractPartyName
+      form.priceOwnerReference = item.contractNo
+      form.priceOwnerReferenceName = item.contractName
+    }
+  })
+
+}
+
+const visible = ref(false)
+
+//选择船期
+function handleSelectCQ(item) {
+  shipData.value = []
+  form.originDepartureDateTimeLocal = item.etd
+  form.isoEquipmentCode = searchForm.isoEquipmentCode
+  form.destinationArrivalDateTimeLocal = item.eta
+  form.placeOfReceiptUnLocCode = item.orignUNLocationCode
+  form.placeOfDeliveryUnLocCode = item.deliveryUNLocationCode
+  form.placeOfReceiptCountryCode = item.orignCountryCode
+  form.placeOfDeliveryCountryCode = item.deliveryCountryCode
+  form.vesselName = item.vesselName
+  form.carrierVesselCode = item.carrierVesselCode
+  form.exportVoyageNumber = item.carrierDepartureVoyageNumber
+  form.estSailingDays = item.days
+  form.transportMode = item.transportMode
+  form.carrierProductId = item.carrierProductId
+  form.originCountryName = item.originCountryName
+  form.originRegionName = item.originRegionName
+  form.deliveryRegionName = item.deliveryRegionName
+  form.deliveryCountryName = item.deliveryCountryName
+  form.pId = item.pId
+  form.mD5 = item.mD5
+  if (mskBookType.value === 'spot') {
+    form.priceID = item.priceID
+    form.shipRateTotalAmount = item.totalAmountShow
+    form.shipRateTotalCurrency = item.totalCurrency
+  }
+  shipData.value.push(item)
+  visible.value = false
+
+}
+
+const emit = defineEmits(['handleSuccess'])
+function handleSubimt() {
+  this.$refs.form.validate(valid => {
+    if (valid) {
+      form.carrierId = 'MSK'
+      formLoading.value = true
+      if (mskType.value === 'add') {
+        if (mskBookType.value === 'spot') {
+          form.priceReference = form.priceID
+          SendMSKBookingSpot(form).then(res => {
+            if (res.success) {
+              showFlag.value = false
+              createMessage.success('发送成功')
+              emit('handleSuccess')
+            } else {
+              createMessage.error(res.message)
+            }
+            formLoading.value = false
+          })
+        }
+        if (mskBookType.value === 'api') {
+          SendMSKBooking(form).then(res => {
+            if (res.success) {
+              showFlag.value = false
+              createMessage.success('发送成功')
+              this.$emit('handleSuccess')
+            } else {
+              createMessage.error(res.message)
+            }
+            formLoading.value = false
+          })
+        }
+      }
+    } else {
+      console.log('error submit!!');
+      return false;
+    }
+  });
+}
+
+function handleSave() {
+  form.carrierId = 'MSK'
+  if (!form.isBookingPartOwnPrice) {
+    if (!form.priceOwnerReferenceId) {
+      createMessage.warning('请选择持约方合同')
+      return false
+    }
+  }
+  formLoading.value = true
+  if (mskType.value === 'add') {
+    if (mskBookType.value === 'spot') {
+      form.priceReference = form.priceID
+      mskGetSaveSpot(form).then(res => {
+        if (res.success) {
+          showFlag.value = false
+          this.$emit('handleSuccess')
+        } else {
+          createMessage.error(res.message)
+        }
+        formLoading.value = false
+      })
+    }
+    if (mskBookType.value === 'api') {
+      mskGetSave(form).then(res => {
+        if (res.success) {
+          showFlag.value = false
+          this.$emit('handleSuccess')
+        } else {
+          createMessage.error(res.message)
+        }
+        formLoading.value = false
+      })
+    }
+  } else {
+    const data = {
+      originalId: this.mskCopyId,
+      opType: 'copy_edit',
+      copyNum: this.mskNumber,
+      bookingDto: form
+    }
+    delete data.bookingDto.id
+    CheckWarningBatchCopy(data).then(res => {
+      formLoading.value = false
+      if (res.success) {
+        this.handleCopyMore()
+      } else {
+        //二次确认提示
+      }
+    })
+  }
+}
+
+
+function handleCopyMore() {
+  const data = {
+    originalId: this.mskCopyId,
+    opType: 'copy_edit',
+    copyNum: this.mskNumber,
+    bookingDto: form
+  }
+  delete data.bookingDto.id
+  formLoading.value = true
+  if (mskBookType.value === 'api') {
+    maskCopy(data).then(res => {
+      if (res.success) {
+        createMessage.success('复制成功')
+        showFlag.value = false
+        this.$emit('handleSuccessCopy')
+      } else {
+        createMessage.error(res.message)
+      }
+      formLoading.value = false
+    })
+  }
+  if (mskBookType.value === 'spot') {
+    maskCopySPOT(data).then(res => {
+      if (res.success) {
+        createMessage.success('复制成功')
+        showFlag.value = false
+        this.$emit('handleSuccessCopy')
+      } else {
+        createMessage.error(res.message)
+      }
+      formLoading.value = false
+    })
+  }
+}
+function handleSelect(val) {
+  this.portloadList.forEach(item => {
+    if (item.carrierGeoID === val) {
+      form.placeOfReceiptCityName = item.cityName
+      form.carrierCollectionOriginGeoID = item.carrierGeoID
+      // form.placeOfReceiptCountryCode = item.countryCode
+      form.userPlaceOfReceiptUnLocCode = item.unLocationCode
+      form.userPlaceOfReceiptCityName = item.cityName
+      form.userPlaceOfReceiptCountryCode = item.countryCode
+      form.userPlaceOfReceiptCountryName = item.countryName
+      form.userPlaceOfReceiptRegionName = item.unRegionName
+    }
+  })
+}
+function handleSelect1(val) {
+  this.portdischargeList.forEach(item => {
+    if (item.carrierGeoID === val) {
+      form.placeOfDeliveryCityName = item.cityName
+      // form.placeOfDeliveryCountryCode = item.countryCode
+      form.carrierDeliveryDestinationGeoID = item.carrierGeoID
+      form.userPlaceOfDeliveryUnLocCode = item.unLocationCode
+      form.userPlaceOfDeliveryCityName = item.cityName
+      form.userPlaceOfDeliveryCountryCode = item.countryCode
+      form.userPlaceOfDeliveryCountryName = item.countryName
+      form.userPlaceOfDeliveryRegionName = item.unRegionName
+    }
+  })
+}
+
+function getSearchLocations(val) {
+  if (val.length >= 3) {
+    this.fetching = true
+    const data = {
+      cityName: val,
+      carrierId: 'MSK',
+      carrierCode: form.carrierCode
+    }
+    if (mskBookType.value === 'api') {
+      SearchLocations(data).then(res => {
+        if (res.success) {
+          this.portloadList = res.data
+        } else {
+          createMessage.error(res.message)
+        }
+        this.fetching = false
+      })
+    }
+    if (mskBookType.value === 'spot') {
+      SearchLocationsSpot(data).then(res => {
+        if (res.success) {
+          this.portloadList = res.data
+        } else {
+          createMessage.error(res.message)
+        }
+        this.fetching = false
+      })
+    }
+  }
+}
+function getSearchLocations1(val) {
+  if (val.length >= 3) {
+    this.fetching = true
+    const data = {
+      cityName: val,
+      carrierId: 'MSK',
+      carrierCode: form.carrierCode
+    }
+    if (mskBookType.value === 'api') {
+      SearchLocations(data).then(res => {
+        if (res.success) {
+          this.portdischargeList = res.data
+        } else {
+          createMessage.error(res.message)
+        }
+        this.fetching = false
+      })
+    }
+    if (mskBookType.value === 'spot') {
+      SearchLocationsSpot(data).then(res => {
+        if (res.success) {
+          this.portdischargeList = res.data
+        } else {
+          createMessage.error(res.message)
+        }
+        this.fetching = false
+      })
+    }
+  }
+}
+function handleSelectProduct() {
+  if (form.productCode === 'MaerskContract') {
+    this.nodisabled = false
+  } else {
+    this.nodisabled = true
+  }
+}
+function handleChagneType() {
+  if (form.isReefer) {
+    disabled.value = false
+  } else {
+    disabled.value = true
+  }
+}
+function handleSelectGoods(item) {
+  goodsFlag.value = false
+  this.$set(form, 'commodityCode', item.commodityCode)
+  this.$set(form, 'commodityName', item.commodityName)
+  this.$refs.form.validateField('commodityName');
+}
+function handleDeleteCtn(index) {
+  form.ctns.splice(index, 1)
+}
+function handleAdd() {
+  const data = {
+    ctnCode: '',
+    ctnNum: 1,
+    ctnSufferWeight: 0
+  }
+  form.ctns.push(data)
+}
+function filterOption(input, option) {
+  return (
+    option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+  );
+}
+
+
+
+
+function handleOpenSP() {
+  goodsFlag.value = true
+  goodsList.value = [
+    {
+      "commodityName": "Seats, convertible into beds",
+      "commodityCode": "002004",
+      "cargoTypes": [
+        "OOG",
+        "DRY"
+      ]
+    },
+    {
+      "commodityName": "Construction and building material, insulation material, metal",
+      "commodityCode": "002303",
+      "cargoTypes": [
+        "OOG",
+        "DRY",
+        "REEFER"
+      ]
+    },
+    {
+      "commodityName": "Empty tanks, containers, metal, with residue",
+      "commodityCode": "002319",
+      "cargoTypes": [
+        "DANGEROUS",
+        "OOG",
+        "DRY",
+        "REEFER"
+      ]
+    },
+    {
+      "commodityName": "Photo conductor",
+      "commodityCode": "001410",
+      "cargoTypes": [
+        "DRY",
+        "REEFER"
+      ]
+    },
+    {
+      "commodityName": "Photo conductor",
+      "commodityCode": "001410",
+      "cargoTypes": [
+        "DRY",
+        "REEFER"
+      ]
+    },
+    {
+      "commodityName": "USED ELECTRIC VEHICLE solely powered by non-lithium batteries (containing BATTERY IN GOOD STATE - Cars, Motorbikes, Bicycles, Airplanes, Forklifts, Boats, Scooters, Golf carts, others)",
+      "commodityCode": "004617",
+      "cargoTypes": [
+        "DANGEROUS",
+        "DRY"
+      ]
+    },
+    {
+      "commodityName": "USED ELECTRIC VEHICLE, solely Lithium Battery Powered (containing BATTERY IN GOOD STATE - Cars, Motorbikes, Bicycles, Airplanes, Forklifts, Boats, Scooters, Golf carts, others)",
+      "commodityCode": "004613",
+      "cargoTypes": [
+        "DANGEROUS",
+        "OOG",
+        "DRY"
+      ]
+    },
+    {
+      "commodityName": "Empty tanks, containers, metal, cleaned",
+      "commodityCode": "002306",
+      "cargoTypes": [
+        "DANGEROUS",
+        "OOG",
+        "DRY",
+        "REEFER"
+      ]
+    },
+    {
+      "commodityName": "Consolidated Cargo",
+      "commodityCode": "002503",
+      "cargoTypes": [
+        "DANGEROUS",
+        "OOG",
+        "DRY",
+        "REEFER"
+      ]
+    },
+    {
+      "commodityName": "Coconut fibre, coconut husk (not foodstuff)",
+      "commodityCode": "004122",
+      "cargoTypes": [
+        "DRY"
+      ]
+    },
+    {
+      "commodityName": "Confectionery, candy, foodstuff",
+      "commodityCode": "000608",
+      "cargoTypes": [
+        "DRY",
+        "REEFER"
+      ]
+    },
+    {
+      "commodityName": "Apple concentrate, apple juice, non-frozen, foodstuff",
+      "commodityCode": "000602",
+      "cargoTypes": [
+        "DRY",
+        "REEFER"
+      ]
+    },
+    {
+      "commodityName": "Apple concentrate, apple juice, frozen, foodstuff",
+      "commodityCode": "000601",
+      "cargoTypes": [
+        "REEFER"
+      ]
+    },
+    {
+      "commodityName": "Juice, concentrate, frozen, foodstuff",
+      "commodityCode": "000615",
+      "cargoTypes": [
+        "REEFER"
+      ]
+    },
+    {
+      "commodityName": "Coconuts, brazil nuts, cashew nuts",
+      "commodityCode": "000716",
+      "cargoTypes": [
+        "DANGEROUS",
+        "OOG",
+        "DRY",
+        "REEFER"
+      ]
+    },
+    {
+      "commodityName": "Juice, concentrate, non-frozen, foodstuff",
+      "commodityCode": "000616",
+      "cargoTypes": [
+        "DANGEROUS",
+        "DRY",
+        "REEFER"
+      ]
+    }
+  ]
+}
+
+
+//获取商品信息
+function getGoodsList() {
+  const data = {
+    carrierId: 'MSK',
+    commodityName: this.goodsName
+  }
+  this.loading = true
+  if (mskBookType.value === 'api') {
+    SearchCommodities(data).then(res => {
+      if (res.success) {
+        if (form.cargoType) {
+          const arr = [] as any
+          res.data.forEach(item => {
+            if (item.cargoTypes.includes(form.cargoType)) {
+              arr.push(item)
+            }
+          })
+          this.goodsList = arr
+
+        } else {
+          this.goodsList = res.data
+        }
+      } else {
+        createMessage.error(res.message)
+      }
+      this.loading = false
+    })
+  }
+  if (mskBookType.value === 'spot') {
+    SearchCommoditiesSpot(data).then(res => {
+      if (res.success) {
+        if (form.cargoType) {
+          const arr = [] as any
+          res.data.forEach(item => {
+            if (item.cargoTypes.includes(form.cargoType)) {
+              arr.push(item)
+            }
+          })
+          this.goodsList = arr
+
+        } else {
+          this.goodsList = res.data
+        }
+      } else {
+        createMessage.error(res.message)
+      }
+      this.loading = false
+    })
+  }
+}
+
+function getAutoViewRes({ type, res }) {
+  if (type === 'contractno') {
+    form.contractno = res.contractNo || ''
+  }
+}
+function getContractnoList() {
+  getContractno({ carrier: 'MSK' }).then(res => {
+    contractnoList.value = res.data
+  })
+}
+
+
+</script>
+<style lang="less" scoped>
+/deep/ .ant-form-item {
+  margin-bottom: 10px !important;
+}
+
+/deep/ .ant-form-item-label>label {
+  height: 25px !important;
+}
+
+.leg-item {
+  border-radius: 2px;
+  background: rgba(245, 249, 252, 1);
+  border-left: 1px solid rgba(37, 122, 250, 1);
+  margin-top: 5px;
+  display: flex;
+  align-items: center;
+  padding: 12px 15px;
+}
+
+.backgroud {
+  background-color: rgba(245, 249, 252, 1);
+  padding: 15px 20px 5px 20px;
+  margin-bottom: 15px
+}
+
+.open-btn {
+  cursor: pointer;
+  border-radius: 4px;
+  color: rgba(37, 122, 250, 1);
+  height: 28px;
+  line-height: 28px;
+  text-align: center;
+  padding: 0 8px;
+  border: 1px solid rgba(37, 122, 250, 1);
+  display: inline-block;
+  background: white;
+}
+
+.good-top {
+  height: 36px;
+  line-height: 36px;
+  padding: 0 25px;
+  background: rgba(245, 249, 252, 1);
+  display: flex;
+  align-items: center;
+}
+
+.goods {
+  display: flex;
+  align-items: center;
+  padding: 10px 25px;
+  border-bottom: 1px solid rgba(206, 213, 217, 1);
+}
+
+.main {
+  margin: 0 auto;
+}
+
+.right-text {
+  font-size: 12px;
+  color: black;
+  font-weight: 700;
+}
+
+.title {
+  font-weight: bold;
+  color: black;
+  margin-bottom: 10px;
+}
+
+.top-icon {
+  font-size: 17px;
+  color: rgba(37, 122, 250, 1);
+}
+
+.goodsType {
+  border-radius: 209px;
+  background: rgba(235, 247, 255, 1);
+  color: rgba(22, 119, 255, 1);
+  height: 24px;
+  line-height: 24px;
+  text-align: center;
+  padding: 0 10px;
+  margin-right: 10px;
+}
+
+.box {
+  margin: 10px 0;
+  background: white;
+  padding-bottom: 20px;
+  margin-bottom: 20px;
+
+  .left {
+    width: 90%;
+    padding-left: 15px;
+  }
+
+  .right {
+    width: 10%;
+    text-align: right;
+    padding-right: 20px
+  }
+
+  .top {
+    margin-bottom: 15px;
+    display: flex;
+    align-items: center;
+    background: rgba(37, 122, 250, 1);
+    padding: 10px 20px;
+    font-size: 14px;
+    width: 100%;
+    font-weight: 700;
+    color: rgba(255, 255, 255, 1);
+  }
+
+
+
+  .top-text {
+    font-size: 15px;
+  }
+
+  .bottom {
+    display: flex;
+  }
+
+  .goods-item {
+    border-right: 3px black solid;
+    margin-right: 25px;
+    padding-right: 10px;
+  }
+
+  .item {
+    display: flex;
+    width: 21%;
+    margin-right: 15px;
+
+    .item-left {
+      margin-right: 4px;
+    }
+  }
+}
+</style>
diff --git a/src/views/bookingcabin/CabinInventory/index.vue b/src/views/bookingcabin/CabinInventory/index.vue
new file mode 100644
index 00000000..9e94c653
--- /dev/null
+++ b/src/views/bookingcabin/CabinInventory/index.vue
@@ -0,0 +1,451 @@
+<template>
+  <div class="ds-sea-export-table">
+    <BasicTable class="ds-table" @register="registerTable" @row-dbClick="handledbclick">
+      <template #toolbar>
+
+      </template>
+      <template v-slot:bodyCell="{ column, record }">
+        <template v-if="column.dataIndex == 'vessel'">
+          <span>{{ record.vessel }} / {{ record.voyno }}</span>
+        </template>
+        <template v-if="column.dataIndex == 'etd'">
+          <span>{{ record.etd ? record.etd.substring(0, 10) : '' }}</span>
+        </template>
+        <template v-if="column.dataIndex == 'eta'">
+          <span>{{ record.eta ? record.eta.substring(0, 10) : '' }}</span>
+        </template>
+        <template v-if="column.dataIndex == 'shipRateTotalAmount'">
+          <span>{{ record.shipRateTotalCurrency }} {{ record.shipRateTotalAmount }}</span>
+        </template>
+        <template v-if="column.dataIndex == 'isRecvBC'">
+          <BulbFilled style="color: green;font-size: 16px;" :title="record.lstRecvBCDate" v-if="record.isRecvBC" />
+        </template>
+        <template v-if="column.dataIndex == 'isRecvBKCancel'">
+          <BulbFilled style="color: red;font-size: 16px;" :title="record.lstRecvBCDate" v-if="record.isRecvBKCancel" />
+        </template>
+        <template v-if="column.dataIndex == 'isShipperOwned'">
+          <CheckCircleFilled v-if="record.isShipperOwned" style="color: green;font-size: 16px;" />
+        </template>
+        <template v-if="column.dataIndex === 'action'"  >
+           <a>刷新</a>
+        </template>
+      </template>
+    </BasicTable>
+    <cabinModal @register="registerModal"></cabinModal>
+  </div>
+</template>
+<script lang="ts" setup>
+import { BasicTable, useTable, TableAction } from '/@/components/Table'
+import { PageDataByBooking } from '../../operation/seaexport/api/BookingLedger'
+import { columns, searchFormSchema, FeeStatus } from './columns'
+import { BulbFilled, CheckCircleFilled } from '@ant-design/icons-vue';
+import cabinModal from './detail.vue'
+import { useModal } from '/@/components/Modal'
+const [registerModal, { openModal }] = useModal()
+const [registerTable, { reload, getForm, getPaginationRef, getSelectRows, setProps }] = useTable({
+  title: '',
+  api: async (p) => {
+    const res: API.DataResult = await PageDataByBooking(p)
+    return new Promise((resolve) => {
+      resolve({
+        data: [
+          {
+            "vessel": "ARIES",
+            "voyno": "412S",
+            "contracT_NO": "299026908",
+            "bookinG_SLOT_TYPE": "CONTRACT_ORDER",
+            "bookinG_SLOT_TYPE_NAME": "合约订舱",
+            "bookinG_PARTY": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
+            "carrierid": "MSK",
+            "carrier": "马士基",
+            "etd": "2024-04-01 00:00:00",
+            "eta": "2024-04-23 00:00:00",
+            "ctN_STAT": "20OT*8",
+            "usE_CTN_STAT": "",
+            "remaiN_CTN_STAT": "20OT*8",
+            "totaL_ORDERS": 6,
+            "usE_NUM": 0,
+            "canceL_NUM": 0,
+            "totaL_CTNS": 8,
+            "usE_CTNS_NUM": 0,
+            "remaiN_CTNS_NUM": 8,
+            "placereceipt": "Qingdao,Shandong,China",
+            "placedelivery": "Brisbane,Queensland,Australia",
+            "portloadid": "CNTAO",
+            "portload": "QINGDAO",
+            "portdischargeid": "AUBNE",
+            "portdischarge": "BRISBANE, AUSTRALIA",
+            "portdischargE_COUNTRY_CODE": "AU",
+            "portdischargE_COUNTRY": "AUSTRALIA"
+          },
+          {
+            "vessel": "ARIES",
+            "voyno": "412S",
+            "contracT_NO": "299026908",
+            "bookinG_SLOT_TYPE": "CONTRACT_ORDER",
+            "bookinG_SLOT_TYPE_NAME": "合约订舱",
+            "bookinG_PARTY": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
+            "carrierid": "MSK",
+            "carrier": "马士基",
+            "etd": "2024-04-01 00:00:00",
+            "eta": "2024-04-26 00:00:00",
+            "ctN_STAT": "40OH*1",
+            "usE_CTN_STAT": "",
+            "remaiN_CTN_STAT": "40OH*1",
+            "totaL_ORDERS": 1,
+            "usE_NUM": 0,
+            "canceL_NUM": 0,
+            "totaL_CTNS": 1,
+            "usE_CTNS_NUM": 0,
+            "remaiN_CTNS_NUM": 1,
+            "placereceipt": "Qingdao,Shandong,China",
+            "placedelivery": "Melbourne,Victoria,Australia",
+            "portloadid": "CNTAO",
+            "portload": "QINGDAO",
+            "portdischargeid": "AUMEL",
+            "portdischarge": "MELBOURNE,VI,AU",
+            "portdischargE_COUNTRY_CODE": "AU",
+            "portdischargE_COUNTRY": "澳大利亚(AUSTRALIA)"
+          },
+          {
+            "vessel": "CHRISTA SCHULTE",
+            "voyno": "413S",
+            "contracT_NO": "299026908",
+            "bookinG_SLOT_TYPE": "CONTRACT_ORDER",
+            "bookinG_SLOT_TYPE_NAME": "合约订舱",
+            "bookinG_PARTY": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
+            "carrierid": "MSK",
+            "carrier": "马士基",
+            "etd": "2024-03-30 00:00:00",
+            "eta": "2024-04-21 00:00:00",
+            "ctN_STAT": "20OT*1 20TK*1",
+            "usE_CTN_STAT": "",
+            "remaiN_CTN_STAT": "20OT*1 20TK*1",
+            "totaL_ORDERS": 2,
+            "usE_NUM": 0,
+            "canceL_NUM": 0,
+            "totaL_CTNS": 2,
+            "usE_CTNS_NUM": 0,
+            "remaiN_CTNS_NUM": 2,
+            "placereceipt": "Qingdao,Shandong,China",
+            "placedelivery": "Sydney,New South Wales,Australia",
+            "portloadid": "CNTAO",
+            "portload": "QINGDAO",
+            "portdischargeid": "AUSYD",
+            "portdischarge": "SYDNEY, AUSTRALIA",
+            "portdischargE_COUNTRY_CODE": "AU",
+            "portdischargE_COUNTRY": "AUSTRALIA"
+          },
+          {
+            "vessel": "COSCO KOREA",
+            "voyno": "413W",
+            "contracT_NO": "299026908",
+            "bookinG_SLOT_TYPE": "CONTRACT_ORDER",
+            "bookinG_SLOT_TYPE_NAME": "合约订舱",
+            "bookinG_PARTY": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
+            "carrierid": "MSK",
+            "carrier": "马士基",
+            "etd": "2024-03-31 00:00:00",
+            "eta": "2024-04-25 00:00:00",
+            "ctN_STAT": "20OT*1",
+            "usE_CTN_STAT": "",
+            "remaiN_CTN_STAT": "20OT*1",
+            "totaL_ORDERS": 1,
+            "usE_NUM": 0,
+            "canceL_NUM": 0,
+            "totaL_CTNS": 1,
+            "usE_CTNS_NUM": 0,
+            "remaiN_CTNS_NUM": 1,
+            "placereceipt": "Qingdao,Shandong,China",
+            "placedelivery": "Fremantle,Western Australia,Australia",
+            "portloadid": "CNTAO",
+            "portload": "QINGDAO",
+            "portdischargeid": "AUFRE",
+            "portdischarge": "FREMANTLE,WA,AUSTRALIA",
+            "portdischargE_COUNTRY_CODE": "AU",
+            "portdischargE_COUNTRY": "AUSTRALIA"
+          },
+          {
+            "vessel": "COSCO KOREA",
+            "voyno": "413W",
+            "contracT_NO": "299026908",
+            "bookinG_SLOT_TYPE": "CONTRACT_ORDER",
+            "bookinG_SLOT_TYPE_NAME": "合约订舱",
+            "bookinG_PARTY": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
+            "carrierid": "MSK",
+            "carrier": "马士基",
+            "etd": "2024-03-31 00:00:00",
+            "eta": "2024-05-13 00:00:00",
+            "ctN_STAT": "40HC*1 20GP*1",
+            "usE_CTN_STAT": "",
+            "remaiN_CTN_STAT": "40HC*1 20GP*1",
+            "totaL_ORDERS": 2,
+            "usE_NUM": 0,
+            "canceL_NUM": 0,
+            "totaL_CTNS": 2,
+            "usE_CTNS_NUM": 0,
+            "remaiN_CTNS_NUM": 2,
+            "placereceipt": "Qingdao,Shandong,China",
+            "placedelivery": "Adelaide,South Australia,Australia",
+            "portloadid": "CNTAO",
+            "portload": "QINGDAO",
+            "portdischargeid": "AUADL",
+            "portdischarge": "ADELAIDE,SA,AUSTRALIA",
+            "portdischargE_COUNTRY_CODE": "AU",
+            "portdischargE_COUNTRY": "AUSTRALIA"
+          },
+          {
+            "vessel": "GSL VINIA",
+            "voyno": "414S",
+            "contracT_NO": "299026908",
+            "bookinG_SLOT_TYPE": "CONTRACT_ORDER",
+            "bookinG_SLOT_TYPE_NAME": "合约订舱",
+            "bookinG_PARTY": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
+            "carrierid": "MSK",
+            "carrier": "马士基",
+            "etd": "2024-04-10 00:00:00",
+            "eta": "2024-05-17 00:00:00",
+            "ctN_STAT": "40HC*1",
+            "usE_CTN_STAT": "",
+            "remaiN_CTN_STAT": "40HC*1",
+            "totaL_ORDERS": 1,
+            "usE_NUM": 0,
+            "canceL_NUM": 0,
+            "totaL_CTNS": 1,
+            "usE_CTNS_NUM": 0,
+            "remaiN_CTNS_NUM": 1,
+            "placereceipt": "Qingdao,Shandong,China",
+            "placedelivery": "Lyttelton,New Zealand",
+            "portloadid": "CNTAO",
+            "portload": "QINGDAO",
+            "portdischargeid": "NZLYT",
+            "portdischarge": "LYTTELTON, NEW ZEALAND",
+            "portdischargE_COUNTRY_CODE": "NZ",
+            "portdischargE_COUNTRY": "NEW ZEALAND"
+          },
+          {
+            "vessel": "CHRISTA SCHULTE",
+            "voyno": "413S",
+            "contracT_NO": "299026908",
+            "bookinG_SLOT_TYPE": "CONTRACT_ORDER",
+            "bookinG_SLOT_TYPE_NAME": "合约订舱",
+            "bookinG_PARTY": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
+            "carrierid": "MSK",
+            "carrier": "马士基",
+            "etd": "2024-03-30 00:00:00",
+            "eta": "2024-04-26 00:00:00",
+            "ctN_STAT": "20OT*1",
+            "usE_CTN_STAT": "",
+            "remaiN_CTN_STAT": "20OT*1",
+            "totaL_ORDERS": 1,
+            "usE_NUM": 0,
+            "canceL_NUM": 0,
+            "totaL_CTNS": 1,
+            "usE_CTNS_NUM": 0,
+            "remaiN_CTNS_NUM": 1,
+            "placereceipt": "Qingdao,Shandong,China",
+            "placedelivery": "Melbourne,Victoria,Australia",
+            "portloadid": "CNTAO",
+            "portload": "QINGDAO",
+            "portdischargeid": "AUMEL",
+            "portdischarge": "MELBOURNE,VI,AU",
+            "portdischargE_COUNTRY_CODE": "AU",
+            "portdischargE_COUNTRY": "澳大利亚(AUSTRALIA)"
+          },
+          {
+            "vessel": "MAERSK YOSEMITE",
+            "voyno": "415S",
+            "contracT_NO": "298546855",
+            "bookinG_SLOT_TYPE": "CONTRACT_ORDER",
+            "bookinG_SLOT_TYPE_NAME": "合约订舱",
+            "bookinG_PARTY": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
+            "carrierid": "MSK",
+            "carrier": "马士基",
+            "etd": "2024-04-03 00:00:00",
+            "eta": "2024-04-23 00:00:00",
+            "ctN_STAT": "40NOR*2",
+            "usE_CTN_STAT": "",
+            "remaiN_CTN_STAT": "40NOR*2",
+            "totaL_ORDERS": 1,
+            "usE_NUM": 0,
+            "canceL_NUM": 0,
+            "totaL_CTNS": 2,
+            "usE_CTNS_NUM": 0,
+            "remaiN_CTNS_NUM": 2,
+            "placereceipt": "Qingdao,Shandong,China",
+            "placedelivery": "Balboa,Panama",
+            "portloadid": "CNTAO",
+            "portload": "QINGDAO",
+            "portdischargeid": "PABLB",
+            "portdischarge": "BALBOA,PANAMA",
+            "portdischargE_COUNTRY_CODE": "PA",
+            "portdischargE_COUNTRY": "PANAMA"
+          },
+          {
+            "vessel": "MAERSK YOSEMITE",
+            "voyno": "415S",
+            "contracT_NO": "298546855",
+            "bookinG_SLOT_TYPE": "CONTRACT_ORDER",
+            "bookinG_SLOT_TYPE_NAME": "合约订舱",
+            "bookinG_PARTY": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
+            "carrierid": "MSK",
+            "carrier": "马士基",
+            "etd": "2024-04-05 00:00:00",
+            "eta": "2024-06-10 00:00:00",
+            "ctN_STAT": "40NOR*3",
+            "usE_CTN_STAT": "",
+            "remaiN_CTN_STAT": "40NOR*3",
+            "totaL_ORDERS": 1,
+            "usE_NUM": 0,
+            "canceL_NUM": 0,
+            "totaL_CTNS": 3,
+            "usE_CTNS_NUM": 0,
+            "remaiN_CTNS_NUM": 3,
+            "placereceipt": "Qingdao,Shandong,China",
+            "placedelivery": "Caucedo,Dominican Republic",
+            "portloadid": "CNTAO",
+            "portload": "QINGDAO",
+            "portdischargeid": "DO004",
+            "portdischarge": "CAUCEDO",
+            "portdischargE_COUNTRY_CODE": "DO",
+            "portdischargE_COUNTRY": "DOMINICA"
+          },
+          {
+            "vessel": "GSL VINIA",
+            "voyno": "414S",
+            "contracT_NO": "299026908",
+            "bookinG_SLOT_TYPE": "CONTRACT_ORDER",
+            "bookinG_SLOT_TYPE_NAME": "合约订舱",
+            "bookinG_PARTY": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
+            "carrierid": "MSK",
+            "carrier": "马士基",
+            "etd": "2024-04-10 00:00:00",
+            "eta": "2024-05-11 00:00:00",
+            "ctN_STAT": "20GP*1",
+            "usE_CTN_STAT": "",
+            "remaiN_CTN_STAT": "20GP*1",
+            "totaL_ORDERS": 1,
+            "usE_NUM": 0,
+            "canceL_NUM": 0,
+            "totaL_CTNS": 1,
+            "usE_CTNS_NUM": 0,
+            "remaiN_CTNS_NUM": 1,
+            "placereceipt": "Qingdao,Shandong,China",
+            "placedelivery": "Tauranga,New Zealand",
+            "portloadid": "CNTAO",
+            "portload": "QINGDAO",
+            "portdischargeid": "NZTRG",
+            "portdischarge": "TAURANGA, NEW ZEALAND",
+            "portdischargE_COUNTRY_CODE": "NZ",
+            "portdischargE_COUNTRY": "NEW ZEALAND"
+          }
+        ], total: 10
+      })
+    })
+  },
+  beforeFetch: (p) => {
+    var data = getForm().getFieldsValue()
+    const postParam: API.PageRequest = {
+      queryCondition: '',
+      pageCondition: {
+        pageIndex: p.current,
+        pageSize: p.pageSize,
+        sortConditions: []
+      }
+    }
+    console.log(data)
+    return postParam
+  },
+  columns,
+  formConfig: {
+    labelWidth: 120,
+    schemas: searchFormSchema,
+  },
+  clickToRowSelect: false,
+  isTreeTable: false,
+  pagination: true,
+  striped: true,
+  useSearchForm: true,
+  showTableSetting: true,
+  bordered: true,
+  showIndexColumn: true,
+  indexColumnProps: {
+    width: 60,
+  },
+  canResize: true,
+  resizeHeightOffset: 80,
+
+  actionColumn: {
+    width: 50,
+    title: '操作',
+    dataIndex: 'action',
+    fixed: 'right',
+  }
+})
+function handledbclick(record) {
+  console.log('双击')
+}
+function handleAdd() {
+  openModal(true, 123)
+}
+</script>
+
+<style lang="less" scoped>
+/deep/ .ant-form-item {
+  margin-bottom: 10px !important;
+}
+
+/deep/ .ant-card-body {
+  padding-bottom: 0px !important;
+}
+
+.table-operator {
+  margin-bottom: 18px;
+}
+
+.Close {
+  height: 45px;
+  overflow: hidden;
+}
+
+.vxe-table--render-default .vxe-body--row.row--stripe {
+  background: #f5f9fe;
+}
+
+.ant-card-body {
+  padding-top: 10px;
+}
+
+.inline {
+  position: relative;
+}
+
+.inline-right {
+  position: absolute;
+  top: 6px;
+  right: 25px;
+}
+
+.change {
+  display: flex;
+  justify-content: center;
+  margin-top: 25px;
+
+  div {
+    width: 120px;
+    height: 50px;
+    background-color: rgb(247, 249, 250);
+    border: 1px solid rgb(247, 249, 250);
+    color: rgb(105, 102, 102);
+    line-height: 50px;
+    text-align: center;
+    cursor: pointer;
+    transition: box-shadow 0.3s, background-color 0.3s;
+    margin-right: 10px;
+  }
+
+  div:hover {
+    border: 1px solid #d1cfcf;
+  }
+}
+</style>
diff --git a/src/views/bookingcabin/CabinManagement/columns.tsx b/src/views/bookingcabin/CabinManagement/columns.tsx
index 7143334e..59b32efd 100644
--- a/src/views/bookingcabin/CabinManagement/columns.tsx
+++ b/src/views/bookingcabin/CabinManagement/columns.tsx
@@ -1,8 +1,4 @@
-/*
- * @Description: 海运出口列表tsx
- * @Author: lijj
- * @Date: 2024-06-03 15:48:33
- */
+
 import { ref } from 'vue'
 import { BasicColumn, FormSchema } from '/@/components/Table'
 import {
@@ -10,58 +6,100 @@ import {
 } from '/@/views/operation/seaexport/api/BookingLedger'
 // 字典
 import { getDictOption } from '/@/utils/dictUtil'
+import { GetCtnSelectList } from '/@/api/common'
 const FnblType = ref([])
 const FncargoId = ref([])
 getDictOption('bl_type').then(res => {
   FncargoId.value = res
 })
+//合并单元格
+const sharedOnCell = (_, index) => {
+  if (_.isSPan > 1) {
+    return {
+      rowspan: _.isSPan,
+      colspan: 1
+    }
+  }
+  if (_.isSPan == 0) {
+    return {
+      rowspan: _.isSPan,
+      colspan: 1
+    }
+  }
+};
+const sharedOnCell1 = (_, index) => {
+  console.log(index, _.isSPan)
+};
 export const searchFormSchema: FormSchema[] = [
   {
-    field: 'BookingReference',
-    label: '订舱号',
+    field: 'SLOT_BOOKING_NO',
+    label: '舱位提单号',
     component: 'Input',
     colProps: { span: 4 },
   },
   {
-    field: 'BookingCreator',
-    label: '订舱人',
-    component: 'Input',
+    field: 'STATUS',
+    label: '舱位状态',
+    component: 'Select',
+    componentProps: {
+      allowClear: true,
+      optionLabelProp: 'label',
+      options: [
+        {
+          label: '全部',
+          value: '0'
+        },
+        {
+          label: '未取消',
+          value: '1'
+        },
+        {
+          label: '已取消',
+          value: '2'
+        },
+      ]
+    },
     colProps: { span: 4 },
   },
   {
-    field: 'priceReference',
-    label: '合约号',
+    field: 'VESSEL',
+    label: '船名',
     component: 'Input',
     colProps: { span: 4 },
   },
   {
-    field: 'vessel',
-    label: '船名',
+    field: 'VOYNO',
+    label: '航次',
     component: 'Input',
     colProps: { span: 4 },
   },
   {
-    field: 'priceOwnerCompanyName',
-    label: '持约方公司',
+    field: 'PORTLOAD',
+    label: '装货港',
     component: 'Input',
     colProps: { span: 4 },
   },
   {
-    field: 'voyno',
-    label: '航次号',
+    field: 'PORTDISCHARGE',
+    label: '卸货港',
     component: 'Input',
     colProps: { span: 4 },
   },
   {
-    field: 'placeReceiptCity',
-    label: '始发地',
-    component: 'Input',
+    field: 'ETD_START',
+    label: 'ETD开始',
+    component: 'DatePicker',
+    required: false,
+    dynamicDisabled: false,
     colProps: { span: 4 },
+    componentProps: {
+      allowClear: true,
+    }
   },
   {
-    field: 'eDeparture',
-    label: '预计离港时间',
-    component: 'RangePicker',
+    field: 'ETD_END',
+    label: 'ETD结束',
+    component: 'DatePicker',
     required: false,
     dynamicDisabled: false,
     colProps: { span: 4 },
@@ -70,137 +108,160 @@ export const searchFormSchema: FormSchema[] = [
     }
   },
   {
-    field: 'isReefer',
-    label: '是否冷冻处理',
-    component: 'Select',
+    field: 'ETA_START',
+    label: 'ETA开始',
+    component: 'DatePicker',
+    required: false,
+    dynamicDisabled: false,
+    colProps: { span: 4 },
     componentProps: {
       allowClear: true,
-      optionLabelProp: 'label',
-      options: [
-        {
-          label: '是',
-          value: '1'
-        },
-        {
-          label: '否',
-          value: '0'
-        }
-      ]
-    },
+    }
+  },
+  {
+    field: 'ETA_END',
+    label: 'ETA结束',
+    component: 'DatePicker',
+    required: false,
+    dynamicDisabled: false,
     colProps: { span: 4 },
+    componentProps: {
+      allowClear: true,
+    }
   },
   {
-    field: 'bookedByCompanyPartyCode',
-    label: '订舱公司代码',
+    field: 'createdUserName',
+    label: '创建人',
     component: 'Input',
     colProps: { span: 4 },
   },
   {
-    field: 'placeDeliveryCity',
-    label: '目的地',
+    field: 'updatedUserName',
+    label: '更新人',
     component: 'Input',
     colProps: { span: 4 },
   },
   {
-    field: 'etd',
-    label: 'ETD',
-    component: 'RangePicker',
-    required: false,
-    dynamicDisabled: false,
+    field: 'CARRIER',
+    label: '船公司',
+    component: 'Input',
     colProps: { span: 4 },
-    componentProps: {
-      allowClear: true,
-    }
   },
   {
-    field: 'commodityCodeType',
-    label: '货物标志',
+    field: 'CONTRACT_NO',
+    label: '合约号',
+    component: 'Input',
+    colProps: { span: 4 },
+  },
+  {
+    field: 'SI_RLT_STAT',
+    label: 'SI回执',
     component: 'Select',
+    colProps: { span: 4 },
     componentProps: {
       allowClear: true,
       optionLabelProp: 'label',
       options: [
         {
-          label: 'DRY',
-          value: 'DRY'
+          label: '有',
+          value: '有'
         },
         {
-          label: 'REEFER',
-          value: 'REEFER'
+          label: '无',
+          value: '无'
         }
       ]
     },
-    colProps: { span: 4 },
   },
   {
-    field: 'priceOwnerCompanyPartyCode',
-    label: '持约方公司代码',
-    component: 'Input',
-    colProps: { span: 4 },
-  },
-  {
-    field: 'bookedByCompanyName',
-    label: '订舱公司',
-    component: 'Input',
-    colProps: { span: 4 },
-  },
-  {
-    field: 'eta',
-    label: 'ETA',
-    component: 'RangePicker',
-    required: false,
-    dynamicDisabled: false,
+    field: 'VGM_RLT_STAT',
+    label: 'VGM回执',
+    component: 'Select',
     colProps: { span: 4 },
     componentProps: {
       allowClear: true,
-    }
+      optionLabelProp: 'label',
+      options: [
+        {
+          label: '有',
+          value: '有'
+        },
+        {
+          label: '无',
+          value: '无'
+        }
+      ]
+    },
   },
   {
-    field: 'isbookingPartOwnPrice',
-    label: '是否持约方',
+    field: 'CARRIAGE_TYPE',
+    label: '承运模式',
     component: 'Select',
+    colProps: { span: 4 },
     componentProps: {
       allowClear: true,
       optionLabelProp: 'label',
       options: [
         {
-          label: '是',
-          value: '1'
+          label: '直达',
+          value: 'DIRECT_SHIP'
         },
         {
-          label: '否',
-          value: '0'
+          label: '中转',
+          value: 'TRANSFER_SHIP'
         }
       ]
     },
-    colProps: { span: 4 },
   },
   {
-    field: 'job',
-    label: '定时时间',
-    component: 'RangePicker',
-    required: false,
-    dynamicDisabled: false,
+    field: 'BOOKING_SLOT_TYPE',
+    label: '订舱方式',
+    component: 'Select',
     colProps: { span: 4 },
     componentProps: {
       allowClear: true,
-    }
+      optionLabelProp: 'label',
+      options: [
+        {
+          label: '合约订舱',
+          value: 'CONTRACT_ORDER'
+        },
+        {
+          label: 'SPOT订舱',
+          value: 'SPOT_ORDER'
+        }
+      ]
+    },
   },
   {
-    field: 'TotalAmountStart',
-    label: '预估金额开始',
+    field: 'LANENAME',
+    label: '航线名称',
     component: 'Input',
     colProps: { span: 4 },
   },
   {
-    field: 'TotalAmountEnd',
-    label: '预估金额结束',
+    field: 'ctN_STAT',
+    label: '箱型',
+    colProps: { span: 4 },
+    component: 'ApiSelect',
+    componentProps: () => {
+      return {
+        api: GetCtnSelectList,
+        labelField: 'ctnName',
+        valueField: 'ediCode',
+        resultField: 'data'
+      }
+    }
+  },
+  {
+    field: 'labelIdArray',
+    label: '标签',
     component: 'Input',
     colProps: { span: 4 },
   },
   {
-    field: 'BookingChannelType',
-    label: '订舱类别',
+    field: 'LOAD_GUARANTEE_FLAG',
+    label: '舱保类型',
     component: 'Select',
     colProps: { span: 4 },
     componentProps: {
@@ -208,41 +269,35 @@ export const searchFormSchema: FormSchema[] = [
       optionLabelProp: 'label',
       options: [
         {
-          label: '合约订舱',
-          value: 'CON_API'
+          label: '全部舱保',
+          value: 'FULL'
         },
         {
-          label: 'SPOT订舱',
-          value: 'SPOT_API'
+          label: '部分舱保',
+          value: 'PART'
         }
       ]
     },
   },
   {
-    field: 'TotalCurrency',
-    label: '预估币别',
-    component: 'Input',
-    colProps: { span: 4 },
-  },
-  {
-    field: 'carrierId',
-    label: '船公司',
-    component: 'ApiSelect',
-    required: false,
-    dynamicDisabled: false,
+    field: 'spliT_OR_MERGE_FLAG',
+    label: '拆/合票',
+    component: 'Select',
     colProps: { span: 4 },
-    componentProps: () => {
-      return {
-        api: GetCarrierlist,
-        immediate: false,
-        labelField: 'shortName',
-        valueField: 'id',
-        resultField: 'data',
-        filterOption: (input: string, option: any) => {
-          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+    componentProps: {
+      allowClear: true,
+      optionLabelProp: 'label',
+      options: [
+        {
+          label: '拆票',
+          value: 1
+        },
+        {
+          label: '合票',
+          value: 2
         }
-      }
-    }
+      ]
+    },
   },
   {
     label: '　',
@@ -252,219 +307,372 @@ export const searchFormSchema: FormSchema[] = [
     colProps: { span: 4 },
   },
 ]
-// 费用状态
-export const FeeStatus = [
-  '审核通过',
-  '录入状态',
-  '提交审核',
-  '申请修改 ',
-  '申请删除',
-  '撤销申请',
-  '驳回提交',
-  '驳回申请, 部分结算, 结算完毕',
-]
+
 //列表
 export const columns: BasicColumn[] = [
   {
-    title: '订舱号',
+    title: '标签',
     align: 'center',
     width: 100,
-    dataIndex: 'bookingReference'
+    dataIndex: 'labelList',
+    customCell: sharedOnCell,
+  },
+  {
+    title: '舱位提单号',
+    align: 'center',
+    width: 160,
+    dataIndex: 'sloT_BOOKING_NO',
+    customCell: sharedOnCell,
   },
   {
-    title: '类别',
+    title: '订舱编号',
     align: 'center',
-    width: 60,
-    dataIndex: 'bookingChannelTypeName'
+    width: 150,
+    dataIndex: 'sloT_NO',
+    customCell: sharedOnCell,
   },
   {
-    title: '起运港',
+    title: '船名/航次',
+    align: 'center',
+    width: 150,
+    dataIndex: 'vessel',
+    customCell: sharedOnCell,
+  },
+  {
+    title: '船公司',
     align: 'center',
     width: 100,
-    dataIndex: 'placeReceiptCity'
+    dataIndex: 'carrier',
+    customCell: sharedOnCell,
   },
   {
-    title: '目的港',
+    title: '合约号',
     align: 'center',
     width: 100,
-    dataIndex: 'placeDeliveryCity'
+    dataIndex: 'contracT_NO',
+    customCell: sharedOnCell,
   },
   {
-    title: '箱型箱量',
+    title: '承运模式',
     align: 'center',
-    width: 80,
-    dataIndex: 'ctnStat'
+    width: 100,
+    dataIndex: 'carriagE_TYPE_NAME',
+    customCell: sharedOnCell,
   },
   {
-    title: '船名/航次',
+    title: '订舱方式',
     align: 'center',
-    width: 200,
-    dataIndex: 'vessel'
+    width: 100,
+    dataIndex: 'bookinG_SLOT_TYPE_NAME',
+    customCell: sharedOnCell,
   },
   {
     title: 'ETD',
     align: 'center',
     width: 100,
-    dataIndex: 'etd'
+    dataIndex: 'etd',
+    customCell: sharedOnCell,
   },
   {
-    title: '总重（KGS）',
+    title: 'ETA',
     align: 'center',
-    width: 130,
-    dataIndex: 'totalCargoWeight'
+    width: 100,
+    dataIndex: 'eta',
+    customCell: sharedOnCell,
   },
   {
-    title: '合约号',
+    title: 'CANCELLATION',
     align: 'center',
-    width: 160,
-    dataIndex: 'priceReference'
+    width: 150,
+    dataIndex: 'iS_CANCELLATION',
+    customCell: sharedOnCell,
   },
   {
-    title: '船公司',
+    title: '委托单位',
+    align: 'center',
+    width: 100,
+    dataIndex: 'customername',
+  },
+  {
+    title: '客服',
+    align: 'center',
+    width: 100,
+    dataIndex: 'custservice'
+  },
+  {
+    title: '操作',
+    align: 'center',
+    width: '80',
+    dataIndex: 'op'
+  },
+  {
+    title: '单证',
+    align: 'center',
+    width: '80',
+    dataIndex: 'doc'
+  },
+  {
+    title: '商务',
+    align: 'center',
+    width: '80',
+    dataIndex: 'business'
+  },
+  {
+    title: '销售',
+    align: 'center',
+    width: 100,
+    dataIndex: 'sale'
+  },
+  {
+    title: 'SHIPPER',
+    align: 'center',
+    width: 100,
+    dataIndex: 'shipper'
+  },
+  {
+    title: '品名',
+    align: 'center',
+    width: 100,
+    dataIndex: 'goodsname'
+  },
+  {
+    title: '卖价',
+    align: 'center',
+    width: 100,
+    dataIndex: 'sellinG_PRICE'
+  },
+  {
+    title: '销售日期',
     align: 'center',
     width: 100,
-    dataIndex: 'carrierId'
+    dataIndex: 'salE_TIME'
   },
   {
-    title: 'BC',
+    title: '是否拆合票',
     align: 'center',
-    width: 50,
-    dataIndex: 'isRecvBC'
+    width: 100,
+    dataIndex: 'spliT_OR_MERGE_FLAG',
+    customCell: sharedOnCell,
   },
   {
-    title: 'Cancellation',
+    title: '舱保类型',
     align: 'center',
     width: 100,
-    dataIndex: 'isRecvBKCancel'
+    dataIndex: 'loaD_GUARANTEE_FLAG_NAME',
+    customCell: sharedOnCell1,
+  },
+  {
+    title: '收货地',
+    align: 'center',
+    width: '180',
+    dataIndex: 'placereceipt',
+    customCell: sharedOnCell,
+  },
+  {
+    title: '交货地',
+    align: 'center',
+    width: '180',
+    dataIndex: 'placedelivery',
+    customCell: sharedOnCell,
+  },
+  {
+    title: '装货港',
+    align: 'center',
+    width: '180',
+    dataIndex: 'portload',
+    customCell: sharedOnCell,
+  },
+  {
+    title: '卸货港',
+    align: 'center',
+    width: '180',
+    dataIndex: 'portdischarge',
+    customCell: sharedOnCell,
+  },
+  {
+    title: '卸货港国家',
+    align: 'center',
+    width: '180',
+    dataIndex: 'portdischargE_COUNTRY',
+    customCell: sharedOnCell,
+  },
+  {
+    title: '箱型箱量',
+    align: 'center',
+    width: 100,
+    dataIndex: 'ctN_STAT',
+    customCell: sharedOnCell,
+  },
+  {
+    title: 'WEEK',
+    align: 'center',
+    width: 100,
+    dataIndex: 'weeK_AT',
+    customCell: sharedOnCell,
+  },
+  {
+    title: '样单截止时间',
+    align: 'center',
+    width: 150,
+    dataIndex: 'sI_CUT_DATE',
+    customCell: sharedOnCell,
+  },
+  {
+    title: 'VGM截止时间',
+    align: 'center',
+    width: 150,
+    dataIndex: 'vgM_SUBMISSION_CUT_DATE',
+    customCell: sharedOnCell,
+  },
+  {
+    title: '截港时间',
+    align: 'center',
+    width: 150,
+    dataIndex: 'cY_CUT_DATE',
+    customCell: sharedOnCell,
   },
   {
-    title: '状态',
+    title: '入港清单截止',
     align: 'center',
-    width: 130,
-    dataIndex: 'statusName'
+    width: 150,
+    dataIndex: 'manifesT_CUT_DATE',
+    customCell: sharedOnCell,
   },
   {
-    title: 'SOC',
+    title: 'MDGF截止',
     align: 'center',
-    width: 50,
-    dataIndex: 'isShipperOwned'
+    width: 150,
+    dataIndex: 'mdgF_CUT_DATE',
+    customCell: sharedOnCell,
   },
   {
-    title: '订舱人',
+    title: '航线',
     align: 'center',
-    width: 130,
-    dataIndex: 'createdUserName'
+    width: 100,
+    dataIndex: 'lanename',
+    customCell: sharedOnCell,
   },
   {
-    title: '订舱日期',
+    title: '创建日期',
     align: 'center',
     width: 150,
-    dataIndex: 'createdTime'
+    dataIndex: 'createdTime',
+    customCell: sharedOnCell,
   },
   {
-    title: '金额',
+    title: '创建人',
     align: 'center',
     width: 100,
-    dataIndex: 'shipRateTotalAmount'
+    dataIndex: 'createdUserName',
+    customCell: sharedOnCell,
   },
   {
-    title: '发送结果',
+    title: '更新日期',
     align: 'center',
     width: 150,
-    dataIndex: 'notes',
-    ellipsis: true
-  }
-]
-
-// BatchModification表单
-export const BatchModificationFormSchema: FormSchema[] = [
+    dataIndex: 'updatedTime',
+    customCell: sharedOnCell,
+  },
   {
-    label: '场站联系方式',
-    field: 'YardTel',
-    component: 'Input',
-    show: false,
+    title: '更新人',
+    align: 'center',
+    width: 100,
+    dataIndex: 'updatedUserName',
+    customCell: sharedOnCell,
   },
   {
-    label: '场站联系人',
-    field: 'YardATTN',
-    component: 'Input',
-    show: false,
+    title: 'VGM回执',
+    align: 'center',
+    width: 100,
+    dataIndex: 'VGM_RLT_STAT',
+    customCell: sharedOnCell,
   },
   {
-    label: '',
-    field: 'InnerVoyno',
-    component: 'Input',
-    show: false,
+    title: 'SI回执',
+    align: 'center',
+    width: 100,
+    dataIndex: 'SI_RLT_STAT',
+    customCell: sharedOnCell,
   },
   {
-    label: '',
-    field: 'AgentContent',
-    component: 'Input',
-    show: false,
+    title: '提箱',
+    align: 'center',
+    width: 100,
+    dataIndex: 'TAKE_CTN_RLT_STAT',
+    customCell: sharedOnCell,
   },
   {
-    label: '',
-    field: 'TemperatureSet',
-    component: 'Input',
-    show: false,
+    title: '还箱',
+    align: 'center',
+    width: 100,
+    dataIndex: 'RETURN_CTN_RLT_STAT',
+    customCell: sharedOnCell,
   },
   {
-    label: '',
-    field: 'yard',
-    component: 'Input',
-    show: false,
+    title: '预甩',
+    align: 'center',
+    width: 100,
+    dataIndex: 'NOMINATION_RLT_STAT',
+    customCell: sharedOnCell,
   },
-
   {
-    label: '',
-    field: 'carrier',
-    component: 'Input',
-    show: false,
+    title: '舱位变更',
+    align: 'center',
+    width: 100,
+    dataIndex: 'AMENDMENT_RLT_STAT',
+    customCell: sharedOnCell,
   },
-
   {
-    label: '订舱代理',
-    field: 'forwarder',
-    component: 'Input',
-    show: false,
+    title: '舱位取消',
+    align: 'center',
+    width: 100,
+    dataIndex: 'CANCELLATION_RLT_STAT',
+    customCell: sharedOnCell,
   },
-
   {
-    label: '船司航线',
-    field: 'Lane',
-    component: 'Input',
-    show: false,
+    title: '卸船未提货',
+    align: 'center',
+    width: 100,
+    dataIndex: 'DISCHARGE_FULL_RLT_STAT',
+    customCell: sharedOnCell,
   },
-
   {
-    field: 'hblno',
-    label: '分提单号',
-    component: 'Input',
-    required: false,
-    dynamicDisabled: false,
-    colProps: { span: 4 },
+    title: '提箱未还空箱',
+    align: 'center',
+    width: 150,
+    dataIndex: 'GATE_OUTFULL_RLT_STAT',
+    customCell: sharedOnCell,
   },
   {
-    field: 'agent',
-    label: 'AGENT',
-    component: 'InputTextArea',
-    required: false,
-    dynamicDisabled: false,
-    colProps: { span: 12 },
-    componentProps: {
-      rows: 3,
-    },
+    title: '费用信息',
+    align: 'center',
+    width: 100,
+    dataIndex: 'typeCode',
+    customCell: sharedOnCell,
   },
   {
-    field: 'Remark',
-    label: '备注',
-    component: 'InputTextArea',
-    required: false,
-    dynamicDisabled: false,
-
-    colProps: { span: 12 },
-    componentProps: {
-      rows: 3,
-    },
+    title: '备注',
+    align: 'center',
+    width: 100,
+    dataIndex: 'remark',
+    customCell: sharedOnCell,
+  },
+  {
+    title: '计费时间',
+    align: 'center',
+    width: 100,
+    dataIndex: 'pricE_CALCULATION_DATE',
+    customCell: sharedOnCell,
+  },
+  {
+    title: '操作',
+    align: 'center',
+    width: 100,
+    dataIndex: 'action',
+    customCell: sharedOnCell,
+    fixed: 'right'
   },
 ]
+
+
+
diff --git a/src/views/bookingcabin/CabinManagement/index.vue b/src/views/bookingcabin/CabinManagement/index.vue
index 0bebcd9b..75d25742 100644
--- a/src/views/bookingcabin/CabinManagement/index.vue
+++ b/src/views/bookingcabin/CabinManagement/index.vue
@@ -8,11 +8,27 @@
         </a-button>
         <a-button type="link" size="mini">
           <span class="iconfont icon-jiahao2fill"></span>
-          批量复制
+          作废
         </a-button>
         <a-button type="link" size="mini">
           <span class="iconfont icon-jiahao2fill"></span>
-          批量发送
+          分配标签
+        </a-button>
+        <a-button type="link" size="mini">
+          <span class="iconfont icon-jiahao2fill"></span>
+          多提单号查询
+        </a-button>
+        <a-button type="link" size="mini">
+          <span class="iconfont icon-jiahao2fill"></span>
+          合票
+        </a-button>
+        <a-button type="link" size="mini">
+          <span class="iconfont icon-jiahao2fill"></span>
+          导入
+        </a-button>
+        <a-button type="link" size="mini">
+          <span class="iconfont icon-jiahao2fill"></span>
+          导出
         </a-button>
       </template>
       <template v-slot:bodyCell="{ column, record }">
@@ -22,9 +38,18 @@
         <template v-if="column.dataIndex == 'etd'">
           <span>{{ record.etd ? record.etd.substring(0, 10) : '' }}</span>
         </template>
+        <template v-if="column.dataIndex == 'spliT_OR_MERGE_FLAG'" >
+          <span v-if="record.spliT_OR_MERGE_FLAG == 1">拆票</span>
+          <span v-if="record.spliT_OR_MERGE_FLAG == 2">合票</span>
+          <span v-if="record.spliT_OR_MERGE_FLAG == 0"></span>
+        </template>
         <template v-if="column.dataIndex == 'shipRateTotalAmount'">
           <span>{{ record.shipRateTotalCurrency }} {{ record.shipRateTotalAmount }}</span>
         </template>
+        <template v-if="column.dataIndex == 'iS_CANCELLATION'">
+          <BulbOutlined v-if="record.iS_CANCELLATION" style="color: red;font-size: 16px;"
+            :title="record.cancellatioN_DATE" />
+        </template>
         <template v-if="column.dataIndex == 'isRecvBC'">
           <BulbFilled style="color: green;font-size: 16px;" :title="record.lstRecvBCDate" v-if="record.isRecvBC" />
         </template>
@@ -35,33 +60,31 @@
           <CheckCircleFilled v-if="record.isShipperOwned" style="color: green;font-size: 16px;" />
         </template>
         <template v-if="column.key === 'action'">
-          <TableAction
-            :actions="[
-              {
-                icon: 'clarity:note-edit-line',
-                tooltip: '编辑',
-                onClick: () => {
-                },
+          <TableAction :actions="[
+            {
+              icon: 'clarity:note-edit-line',
+              tooltip: '编辑',
+              onClick: () => {
               },
-              {
-                icon: 'ant-design:delete-outlined',
-                tooltip: '删除',
-                onClick: () => {
-                },
+            },
+            {
+              icon: 'ant-design:delete-outlined',
+              tooltip: '删除',
+              onClick: () => {
               },
-            ]"
-          />
+            },
+          ]" />
         </template>
       </template>
     </BasicTable>
-    <cabinModal @register="registerModal" ></cabinModal>
+    <cabinModal @register="registerModal"></cabinModal>
   </div>
 </template>
-<script lang="ts" setup >
+<script lang="ts" setup>
 import { BasicTable, useTable, TableAction } from '/@/components/Table'
 import { PageDataByBooking } from '../../operation/seaexport/api/BookingLedger'
 import { columns, searchFormSchema, FeeStatus } from './columns'
-import { BulbFilled, CheckCircleFilled } from '@ant-design/icons-vue';
+import { BulbFilled, CheckCircleFilled,BulbOutlined } from '@ant-design/icons-vue';
 import cabinModal from './detail.vue'
 import { useModal } from '/@/components/Modal'
 const [registerModal, { openModal }] = useModal()
@@ -70,574 +93,419 @@ const [registerTable, { reload, getForm, getPaginationRef, getSelectRows, setPro
   api: async (p) => {
     const res: API.DataResult = await PageDataByBooking(p)
     return new Promise((resolve) => {
-      resolve({
-        data: [
-          {
-            "id": 549945839833157,
-            "bookingId": 0,
-            "carrierId": "MSK",
-            "priceReference": "299026908",
-            "productCode": "MaerskContract",
-            "sender": "BOOKAPI",
-            "bookedByCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "bookedByCompanyPartyCode": "40604755162",
-            "bookedByCompanyContact": "Samantha",
-            "bookedByCompanyEmail": "chengsi.booking@qdchengsi.com",
-            "isbookingPartOwnPrice": true,
-            "priceOwnerCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "priceOwnerCompanyPartyCode": "40604755162",
-            "priceOwnerCompanyContact": "Samantha",
-            "priceOwnerCompanyContactEmail": "chengsi.booking@qdchengsi.com",
-            "carrierCode": "MAEU",
-            "earliestDepartureDate": "2024-06-03 00:00:00",
-            "exportServiceMode": "CY",
-            "importServiceMode": "CY",
-            "placeReceiptCity": "Xingang",
-            "placeReceiptUnlocCode": "CNTXG",
-            "placeDeliveryCity": "Fremantle",
-            "placeDeliveryUnlocCode": "AUFRE",
-            "etd": "2024-06-06 06:00:00",
-            "atd": "2024-07-04 06:00:00",
-            "vessel": "MUNICH MAERSK",
-            "vesselCode": "Y25",
-            "voyno": "422W",
-            "transportMode": "MVS",
-            "totalCargoWeight": 15000,
-            "isReefer": false,
-            "commodityCodeType": "MaerskCode",
-            "goodsCode": "002001",
-            "goodsName": "Furniture",
-            "cargoType": "DRY",
-            "ctnStat": "20GP*1",
-            "bookingReference": "APU039370",
-            "status": "SUCC",
-            "statusName": "发送成功",
-            "isJob": false,
-            "priceReferenceId": 526940048404549,
-            "priceReferenceName": "成思约号",
-            "createdTime": "2024-05-23 09:55:23",
-            "updatedTime": "2024-05-23 14:39:35",
-            "createdUserId": 524224711663685,
-            "createdUserName": "周荟瑾",
-            "updatedUserId": 524224711450693,
-            "updatedUserName": "石慧",
-            "isShipperOwned": false,
-            "isImportReturned": false,
-            "isRecvBC": true,
-            "lstRecvBCDate": "2024-05-23 14:39:35",
-            "isRecvBKCancel": false,
-            "estSailingDays": 28
-          },
-          {
-            "id": 547877379878981,
-            "bookingId": 0,
-            "carrierId": "MSK",
-            "priceReference": "299026908",
-            "productCode": "MaerskContract",
-            "sender": "BOOKAPI",
-            "bookedByCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "bookedByCompanyPartyCode": "40604755162",
-            "bookedByCompanyContact": "Samantha",
-            "bookedByCompanyEmail": "chengsi.booking@qdchengsi.com",
-            "isbookingPartOwnPrice": true,
-            "priceOwnerCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "priceOwnerCompanyPartyCode": "40604755162",
-            "priceOwnerCompanyContact": "Samantha",
-            "priceOwnerCompanyContactEmail": "chengsi.booking@qdchengsi.com",
-            "carrierCode": "MAEU",
-            "earliestDepartureDate": "2024-05-17 00:00:00",
-            "exportServiceMode": "CY",
-            "importServiceMode": "CY",
-            "placeReceiptCity": "Qingdao",
-            "placeReceiptUnlocCode": "CNTAO",
-            "placeDeliveryCity": "Fremantle",
-            "placeDeliveryUnlocCode": "AUFRE",
-            "etd": "2024-05-26 01:00:00",
-            "atd": "2024-06-20 07:00:00",
-            "vessel": "SEAMAX NORWALK",
-            "vesselCode": "E5O",
-            "voyno": "421W",
-            "transportMode": "MVS",
-            "totalCargoWeight": 19000,
-            "isReefer": false,
-            "commodityCodeType": "MaerskCode",
-            "goodsCode": "002303",
-            "goodsName": "Construction and building material, insulation material, metal",
-            "cargoType": "DRY",
-            "ctnStat": "20GP*1",
-            "bookingReference": "APU037220",
-            "status": "SUCC",
-            "statusName": "发送成功",
-            "isJob": false,
-            "priceReferenceId": 526940048404549,
-            "priceReferenceName": "成思约号",
-            "createdTime": "2024-05-17 13:38:48",
-            "updatedTime": "2024-05-28 10:47:08",
-            "createdUserId": 524224711618629,
-            "createdUserName": "黄妍锋",
-            "updatedUserId": 524224711450693,
-            "updatedUserName": "石慧",
-            "isShipperOwned": false,
-            "isImportReturned": false,
-            "isRecvBC": true,
-            "lstRecvBCDate": "2024-05-17 17:21:04",
-            "isRecvBKCancel": true,
-            "lstRecvBKCancelDate": "2024-05-28 10:47:08",
-            "estSailingDays": 26
-          },
-          {
-            "id": 545724194451525,
-            "bookingId": 0,
-            "carrierId": "MSK",
-            "priceReference": "299026908",
-            "productCode": "MaerskContract",
-            "sender": "BOOKAPI",
-            "bookedByCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "bookedByCompanyPartyCode": "40604755162",
-            "bookedByCompanyContact": "Samantha",
-            "bookedByCompanyEmail": "chengsi.booking@qdchengsi.com",
-            "isbookingPartOwnPrice": true,
-            "priceOwnerCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "priceOwnerCompanyPartyCode": "40604755162",
-            "priceOwnerCompanyContact": "Samantha",
-            "priceOwnerCompanyContactEmail": "chengsi.booking@qdchengsi.com",
-            "carrierCode": "MAEU",
-            "earliestDepartureDate": "2024-05-22 00:00:00",
-            "exportServiceMode": "CY",
-            "importServiceMode": "CY",
-            "placeReceiptCity": "Xingang",
-            "placeReceiptUnlocCode": "CNTXG",
-            "placeDeliveryCity": "Adelaide",
-            "placeDeliveryUnlocCode": "AUADL",
-            "etd": "2024-05-23 12:00:00",
-            "atd": "2024-07-15 06:30:00",
-            "vessel": "MARIT MAERSK",
-            "vesselCode": "2AM",
-            "voyno": "421W",
-            "transportMode": "MVS",
-            "totalCargoWeight": 15000,
-            "isReefer": false,
-            "commodityCodeType": "MaerskCode",
-            "goodsCode": "001406",
-            "goodsName": "Handtools",
-            "cargoType": "DRY",
-            "ctnStat": "20GP*1",
-            "bookingReference": "APU034841",
-            "status": "SUCC",
-            "statusName": "发送成功",
-            "isJob": false,
-            "priceReferenceId": 526940048404549,
-            "priceReferenceName": "成思约号",
-            "createdTime": "2024-05-11 11:37:28",
-            "updatedTime": "2024-05-11 14:42:30",
-            "createdUserId": 524224711577669,
-            "createdUserName": "邵长叶",
-            "updatedUserId": 524224711450693,
-            "updatedUserName": "石慧",
-            "isShipperOwned": false,
-            "isImportReturned": false,
-            "isRecvBC": true,
-            "lstRecvBCDate": "2024-05-11 14:42:30",
-            "isRecvBKCancel": false,
-            "estSailingDays": 53
-          },
-          {
-            "id": 545059126878277,
-            "bookingId": 0,
-            "carrierId": "MSK",
-            "priceReference": "299026908",
-            "productCode": "MaerskContract",
-            "sender": "BOOKAPI",
-            "bookedByCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "bookedByCompanyPartyCode": "40604755162",
-            "bookedByCompanyContact": "Samantha",
-            "bookedByCompanyEmail": "chengsi.booking@qdchengsi.com",
-            "isbookingPartOwnPrice": true,
-            "priceOwnerCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "priceOwnerCompanyPartyCode": "40604755162",
-            "priceOwnerCompanyContact": "Samantha",
-            "priceOwnerCompanyContactEmail": "chengsi.booking@qdchengsi.com",
-            "carrierCode": "MAEU",
-            "earliestDepartureDate": "2024-05-09 00:00:00",
-            "exportServiceMode": "CY",
-            "importServiceMode": "CY",
-            "placeReceiptCity": "Qingdao",
-            "placeReceiptUnlocCode": "CNTAO",
-            "placeDeliveryCity": "Adelaide",
-            "placeDeliveryUnlocCode": "AUADL",
-            "etd": "2024-05-26 01:00:00",
-            "atd": "2024-07-07 06:00:00",
-            "vessel": "MAERSK AMAZON",
-            "vesselCode": "N8E",
-            "voyno": "421W",
-            "transportMode": "MVS",
-            "totalCargoWeight": 15000,
-            "isReefer": false,
-            "commodityCodeType": "MaerskCode",
-            "goodsCode": "004205",
-            "goodsName": "Fiber Glass",
-            "cargoType": "DRY",
-            "ctnStat": "20GP*1",
-            "bookingReference": "APU033535",
-            "status": "SUCC",
-            "statusName": "发送成功",
-            "isJob": false,
-            "priceReferenceId": 526940048404549,
-            "priceReferenceName": "成思约号",
-            "createdTime": "2024-05-09 14:31:18",
-            "updatedTime": "2024-05-28 10:45:43",
-            "createdUserId": 524224711618629,
-            "createdUserName": "黄妍锋",
-            "updatedUserId": 524224711450693,
-            "updatedUserName": "石慧",
-            "isShipperOwned": false,
-            "isImportReturned": false,
-            "isRecvBC": true,
-            "lstRecvBCDate": "2024-05-09 15:07:50",
-            "isRecvBKCancel": true,
-            "lstRecvBKCancelDate": "2024-05-28 10:45:43",
-            "estSailingDays": 43
-          },
-          {
-            "id": 545000833998917,
-            "bookingId": 0,
-            "carrierId": "MSK",
-            "priceReference": "299026908",
-            "productCode": "MaerskContract",
-            "sender": "BOOKAPI",
-            "bookedByCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "bookedByCompanyPartyCode": "40604755162",
-            "bookedByCompanyContact": "Samantha",
-            "bookedByCompanyEmail": "chengsi.booking@qdchengsi.com",
-            "isbookingPartOwnPrice": true,
-            "priceOwnerCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "priceOwnerCompanyPartyCode": "40604755162",
-            "priceOwnerCompanyContact": "Samantha",
-            "priceOwnerCompanyContactEmail": "chengsi.booking@qdchengsi.com",
-            "carrierCode": "MAEU",
-            "earliestDepartureDate": "2024-05-09 00:00:00",
-            "exportServiceMode": "CY",
-            "importServiceMode": "CY",
-            "placeReceiptCity": "Qingdao",
-            "placeReceiptUnlocCode": "CNTAO",
-            "placeDeliveryCity": "Fremantle",
-            "placeDeliveryUnlocCode": "AUFRE",
-            "etd": "2024-05-26 01:00:00",
-            "atd": "2024-06-20 07:00:00",
-            "vessel": "MAERSK AMAZON",
-            "vesselCode": "N8E",
-            "voyno": "421W",
-            "transportMode": "MVS",
-            "totalCargoWeight": 23000,
-            "isReefer": false,
-            "commodityCodeType": "MaerskCode",
-            "goodsCode": "002303",
-            "goodsName": "Construction and building material, insulation material, metal",
-            "cargoType": "DRY",
-            "ctnStat": "20GP*1",
-            "bookingReference": "APU033415",
-            "status": "SUCC",
-            "statusName": "发送成功",
-            "isJob": false,
-            "priceReferenceId": 526940048404549,
-            "priceReferenceName": "成思约号",
-            "createdTime": "2024-05-09 10:34:06",
-            "updatedTime": "2024-05-09 13:54:16",
-            "createdUserId": 524224711618629,
-            "createdUserName": "黄妍锋",
-            "updatedUserId": 524224711450693,
-            "updatedUserName": "石慧",
-            "isShipperOwned": false,
-            "isImportReturned": false,
-            "isRecvBC": true,
-            "lstRecvBCDate": "2024-05-09 13:54:16",
-            "isRecvBKCancel": false,
-            "estSailingDays": 26
-          },
-          {
-            "id": 541508895010885,
-            "bookingId": 0,
-            "carrierId": "MSK",
-            "priceReference": "299026908",
-            "productCode": "MaerskContract",
-            "sender": "BOOKAPI",
-            "bookedByCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "bookedByCompanyPartyCode": "40604755162",
-            "bookedByCompanyContact": "Samantha",
-            "bookedByCompanyEmail": "chengsi.booking@qdchengsi.com",
-            "isbookingPartOwnPrice": true,
-            "priceOwnerCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "priceOwnerCompanyPartyCode": "40604755162",
-            "priceOwnerCompanyContact": "Samantha",
-            "priceOwnerCompanyContactEmail": "chengsi.booking@qdchengsi.com",
-            "carrierCode": "MAEU",
-            "earliestDepartureDate": "2024-04-29 00:00:00",
-            "exportServiceMode": "CY",
-            "importServiceMode": "CY",
-            "placeReceiptCity": "Qingdao",
-            "placeReceiptUnlocCode": "CNTAO",
-            "placeDeliveryCity": "Fremantle",
-            "placeDeliveryUnlocCode": "AUFRE",
-            "etd": "2024-05-19 01:00:00",
-            "atd": "2024-06-13 07:00:00",
-            "vessel": "CSCL AFRICA",
-            "vesselCode": "B29",
-            "voyno": "420W",
-            "transportMode": "MVS",
-            "totalCargoWeight": 50000,
-            "isReefer": false,
-            "commodityCodeType": "MaerskCode",
-            "goodsCode": "002802",
-            "goodsName": "Paper, paperboard, packing material",
-            "cargoType": "DRY",
-            "ctnStat": "40HC*2",
-            "bookingReference": "APU029625",
-            "status": "SUCC",
-            "statusName": "发送成功",
-            "isJob": false,
-            "priceReferenceId": 526940048404549,
-            "priceReferenceName": "成思约号",
-            "createdTime": "2024-04-29 13:45:22",
-            "updatedTime": "2024-04-29 14:50:40",
-            "createdUserId": 524224711618629,
-            "createdUserName": "黄妍锋",
-            "updatedUserId": 524224711450693,
-            "updatedUserName": "石慧",
-            "isShipperOwned": false,
-            "isImportReturned": false,
-            "isRecvBC": true,
-            "lstRecvBCDate": "2024-04-29 14:50:40",
-            "isRecvBKCancel": false,
-            "estSailingDays": 26
-          },
-          {
-            "id": 541105120493637,
-            "bookingId": 0,
-            "carrierId": "MSK",
-            "priceReference": "299026908",
-            "productCode": "MaerskContract",
-            "sender": "BOOKAPI",
-            "bookedByCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "bookedByCompanyPartyCode": "40604755162",
-            "bookedByCompanyContact": "Samantha",
-            "bookedByCompanyEmail": "chengsi.booking@qdchengsi.com",
-            "isbookingPartOwnPrice": true,
-            "priceOwnerCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "priceOwnerCompanyPartyCode": "40604755162",
-            "priceOwnerCompanyContact": "Samantha",
-            "priceOwnerCompanyContactEmail": "chengsi.booking@qdchengsi.com",
-            "carrierCode": "MAEU",
-            "earliestDepartureDate": "2024-04-28 00:00:00",
-            "exportServiceMode": "CY",
-            "importServiceMode": "CY",
-            "placeReceiptCity": "Qingdao",
-            "placeReceiptUnlocCode": "CNTAO",
-            "placeDeliveryCity": "Fremantle",
-            "placeDeliveryUnlocCode": "AUFRE",
-            "etd": "2024-05-10 17:00:00",
-            "atd": "2024-06-06 07:00:00",
-            "vessel": "A.P. MOLLER",
-            "vesselCode": "257",
-            "voyno": "419W",
-            "transportMode": "MVS",
-            "totalCargoWeight": 15000,
-            "isReefer": false,
-            "commodityCodeType": "MaerskCode",
-            "goodsCode": "004205",
-            "goodsName": "Fiber Glass",
-            "cargoType": "DRY",
-            "ctnStat": "20GP*1",
-            "bookingReference": "APU029252",
-            "status": "SUCC",
-            "statusName": "发送成功",
-            "isJob": false,
-            "priceReferenceId": 526940048404549,
-            "priceReferenceName": "成思约号",
-            "createdTime": "2024-04-28 10:22:24",
-            "updatedTime": "2024-04-28 11:19:11",
-            "createdUserId": 524224711618629,
-            "createdUserName": "黄妍锋",
-            "updatedUserId": 524224711450693,
-            "updatedUserName": "石慧",
-            "isShipperOwned": false,
-            "isImportReturned": false,
-            "isRecvBC": true,
-            "lstRecvBCDate": "2024-04-28 11:19:11",
-            "isRecvBKCancel": false,
-            "estSailingDays": 27
-          },
-          {
-            "id": 540501793177669,
-            "bookingId": 0,
-            "carrierId": "MSK",
-            "priceReference": "299026908",
-            "productCode": "MaerskContract",
-            "sender": "BOOKAPI",
-            "bookedByCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "bookedByCompanyPartyCode": "40604755162",
-            "bookedByCompanyContact": "Samantha",
-            "bookedByCompanyEmail": "chengsi.booking@qdchengsi.com",
-            "isbookingPartOwnPrice": true,
-            "priceOwnerCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "priceOwnerCompanyPartyCode": "40604755162",
-            "priceOwnerCompanyContact": "Samantha",
-            "priceOwnerCompanyContactEmail": "chengsi.booking@qdchengsi.com",
-            "carrierCode": "MAEU",
-            "earliestDepartureDate": "2024-04-26 00:00:00",
-            "exportServiceMode": "CY",
-            "importServiceMode": "CY",
-            "placeReceiptCity": "Qingdao",
-            "placeReceiptUnlocCode": "CNTAO",
-            "placeDeliveryCity": "Adelaide",
-            "placeDeliveryUnlocCode": "AUADL",
-            "etd": "2024-05-06 07:00:00",
-            "atd": "2024-06-17 06:00:00",
-            "vessel": "NORTHERN JUVENILE",
-            "vesselCode": "G8V",
-            "voyno": "418W",
-            "transportMode": "MVS",
-            "totalCargoWeight": 27000,
-            "isReefer": false,
-            "commodityCodeType": "MaerskCode",
-            "goodsCode": "002303",
-            "goodsName": "Construction and building material, insulation material, metal",
-            "cargoType": "DRY",
-            "ctnStat": "20GP*1",
-            "bookingReference": "APU028904",
-            "status": "SUCC",
-            "statusName": "发送成功",
-            "isJob": false,
-            "priceReferenceId": 526940048404549,
-            "priceReferenceName": "成思约号",
-            "createdTime": "2024-04-26 17:27:28",
-            "updatedTime": "2024-05-05 13:30:47",
-            "createdUserId": 524224711618629,
-            "createdUserName": "黄妍锋",
-            "updatedUserId": 524224711450693,
-            "updatedUserName": "石慧",
-            "isShipperOwned": false,
-            "isImportReturned": false,
-            "isRecvBC": true,
-            "lstRecvBCDate": "2024-04-26 18:20:14",
-            "isRecvBKCancel": true,
-            "lstRecvBKCancelDate": "2024-05-05 13:30:47",
-            "estSailingDays": 42
-          },
-          {
-            "id": 540498213204037,
-            "bookingId": 0,
-            "carrierId": "MSK",
-            "priceReference": "299026908",
-            "productCode": "MaerskContract",
-            "sender": "BOOKAPI",
-            "bookedByCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "bookedByCompanyPartyCode": "40604755162",
-            "bookedByCompanyContact": "Samantha",
-            "bookedByCompanyEmail": "chengsi.booking@qdchengsi.com",
-            "isbookingPartOwnPrice": true,
-            "priceOwnerCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "priceOwnerCompanyPartyCode": "40604755162",
-            "priceOwnerCompanyContact": "Samantha",
-            "priceOwnerCompanyContactEmail": "chengsi.booking@qdchengsi.com",
-            "carrierCode": "MAEU",
-            "earliestDepartureDate": "2024-04-26 00:00:00",
-            "exportServiceMode": "CY",
-            "importServiceMode": "CY",
-            "placeReceiptCity": "Qingdao",
-            "placeReceiptUnlocCode": "CNTAO",
-            "placeDeliveryCity": "Adelaide",
-            "placeDeliveryUnlocCode": "AUADL",
-            "etd": "2024-05-06 07:00:00",
-            "atd": "2024-06-17 06:00:00",
-            "vessel": "NORTHERN JUVENILE",
-            "vesselCode": "G8V",
-            "voyno": "418W",
-            "transportMode": "MVS",
-            "totalCargoWeight": 15000,
-            "isReefer": false,
-            "commodityCodeType": "MaerskCode",
-            "goodsCode": "001408",
-            "goodsName": "Machinery or mechanical appliances, new",
-            "cargoType": "DRY",
-            "ctnStat": "40HC*1",
-            "bookingReference": "APU028896",
-            "status": "SUCC",
-            "statusName": "发送成功",
-            "isJob": false,
-            "priceReferenceId": 526940048404549,
-            "priceReferenceName": "成思约号",
-            "createdTime": "2024-04-26 17:12:54",
-            "updatedTime": "2024-05-05 13:29:17",
-            "createdUserId": 524224711618629,
-            "createdUserName": "黄妍锋",
-            "updatedUserId": 524224711450693,
-            "updatedUserName": "石慧",
-            "isShipperOwned": false,
-            "isImportReturned": false,
-            "isRecvBC": true,
-            "lstRecvBCDate": "2024-04-26 18:20:15",
-            "isRecvBKCancel": true,
-            "lstRecvBKCancelDate": "2024-05-05 13:29:17",
-            "estSailingDays": 42
-          },
-          {
-            "id": 539391497457733,
-            "bookingId": 0,
-            "carrierId": "MSK",
-            "priceReference": "299026908",
-            "productCode": "MaerskContract",
-            "sender": "BOOKAPI",
-            "bookedByCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "bookedByCompanyPartyCode": "40604755162",
-            "bookedByCompanyContact": "Samantha",
-            "bookedByCompanyEmail": "chengsi.booking@qdchengsi.com",
-            "isbookingPartOwnPrice": true,
-            "priceOwnerCompanyName": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
-            "priceOwnerCompanyPartyCode": "40604755162",
-            "priceOwnerCompanyContact": "Samantha",
-            "priceOwnerCompanyContactEmail": "chengsi.booking@qdchengsi.com",
-            "carrierCode": "MAEU",
-            "earliestDepartureDate": "2024-04-23 00:00:00",
-            "exportServiceMode": "CY",
-            "importServiceMode": "CY",
-            "placeReceiptCity": "Qingdao",
-            "placeReceiptUnlocCode": "CNTAO",
-            "placeDeliveryCity": "Fremantle",
-            "placeDeliveryUnlocCode": "AUFRE",
-            "etd": "2024-05-06 07:00:00",
-            "atd": "2024-05-30 07:00:00",
-            "vessel": "NORTHERN JUVENILE",
-            "vesselCode": "G8V",
-            "voyno": "418W",
-            "transportMode": "MVS",
-            "totalCargoWeight": 15000,
-            "isReefer": false,
-            "commodityCodeType": "MaerskCode",
-            "goodsCode": "002802",
-            "goodsName": "Paper, paperboard, packing material",
-            "cargoType": "DRY",
-            "ctnStat": "40HC*1",
-            "bookingReference": "APU027035",
-            "status": "SUCC",
-            "statusName": "发送成功",
-            "isJob": false,
-            "priceReferenceId": 526940048404549,
-            "priceReferenceName": "成思约号",
-            "createdTime": "2024-04-23 14:09:39",
-            "updatedTime": "2024-04-23 16:00:10",
-            "createdUserId": 524224711618629,
-            "createdUserName": "黄妍锋",
-            "updatedUserId": 524224711450693,
-            "updatedUserName": "石慧",
-            "isShipperOwned": false,
-            "isImportReturned": false,
-            "isRecvBC": true,
-            "lstRecvBCDate": "2024-04-23 16:00:10",
-            "isRecvBKCancel": false,
-            "estSailingDays": 24
-          }
-        ], total: 10
-      })
+      const arr = [
+        {
+          "id": 563488536383557,
+          "createdTime": "2024-06-30 16:20:45",
+          "updatedTime": "2024-06-30 20:59:33",
+          "createdUserName": "石慧",
+          "updatedUserName": "石慧",
+          "labelList": [],
+          "sloT_BOOKING_NO": "238699308",
+          "contracT_NO": "299026908",
+          "bookinG_PARTY": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
+          "vessel": "MORTEN MAERSK3",
+          "voyno": "424W3",
+          "etd": "2024-06-15 00:00:00",
+          "eta": "2024-07-25 00:00:00",
+          "placereceipt": "Dalian,Liaoning,China",
+          "placedelivery": "Melbourne,Victoria,Australia",
+          "portloadid": "CNDAL",
+          "portload": "DALIAN",
+          "portdischargeid": "AUMEL",
+          "portdischarge": "MELBOURNE,VI,AU",
+          "portdischargE_COUNTRY_CODE": "AU",
+          "portdischargE_COUNTRY": "澳大利亚(AUSTRALIA)",
+          "transfeR_PORT_1": "CO BUSAN INTERNATIONAL TRANSHIPMENT",
+          "transfeR_PORT_2": "Beilun Container Terminal Phase 4",
+          "carrierid": "MSK",
+          "carrier": "马士基",
+          "carriagE_TYPE": "TRANSFER_SHIP",
+          "carriagE_TYPE_NAME": "中转",
+          "bookinG_SLOT_TYPE": "CONTRACT_ORDER",
+          "bookinG_SLOT_TYPE_NAME": "合约订舱",
+          "ctN_STAT": "20GP* 3 ",
+          "weeK_AT": 24,
+          "detensioN_FREE_DAYS": 0,
+          "sI_CUT_DATE": "2024-06-30 20:00:00",
+          "vgM_SUBMISSION_CUT_DATE": "2024-06-30 20:00:00",
+          "manifesT_CUT_DATE": "2024-06-11 14:30:00",
+          "iS_CANCELLATION": true,
+          "custoM_SI_CUT_DATE": "2024-06-11 10:00:00",
+          "pricE_CALCULATION_DATE": "2024-06-15 00:00:00"
+        },
+        {
+          "id": 562064187785285,
+          "createdTime": "2024-06-30 16:20:45",
+          "updatedTime": "2024-06-30 20:59:33",
+          "createdUserName": "石慧",
+          "updatedUserName": "石慧",
+          "labelList": [],
+          "sloT_BOOKING_NO": "232397405",
+          "loaD_GUARANTEE_FLAG_NAME": "全部舱保",
+          "spliT_OR_MERGE_FLAG": 0,
+          "contracT_NO": "299026908",
+          "bookinG_PARTY": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
+          "vessel": "MORTEN MAERSK3",
+          "voyno": "424W3",
+          "etd": "2024-06-15 00:00:00",
+          "eta": "2024-07-25 00:00:00",
+          "placereceipt": "Dalian,Liaoning,China",
+          "placedelivery": "Melbourne,Victoria,Australia",
+          "portloadid": "CNDAL",
+          "portload": "DALIAN",
+          "portdischargeid": "AUMEL",
+          "portdischarge": "MELBOURNE,VI,AU",
+          "portdischargE_COUNTRY_CODE": "AU",
+          "portdischargE_COUNTRY": "澳大利亚(AUSTRALIA)",
+          "transfeR_PORT_1": "CO BUSAN INTERNATIONAL TRANSHIPMENT",
+          "transfeR_PORT_2": "Beilun Container Terminal Phase 4",
+          "carrierid": "MSK",
+          "carrier": "马士基",
+          "carriagE_TYPE": "TRANSFER_SHIP",
+          "carriagE_TYPE_NAME": "中转",
+          "bookinG_SLOT_TYPE": "CONTRACT_ORDER",
+          "bookinG_SLOT_TYPE_NAME": "合约订舱",
+          "ctN_STAT": "20GP* 3 ",
+          "weeK_AT": 24,
+          "detensioN_FREE_DAYS": 0,
+          "sI_CUT_DATE": "2024-06-30 20:00:00",
+          "vgM_SUBMISSION_CUT_DATE": "2024-06-30 20:00:00",
+          "manifesT_CUT_DATE": "2024-06-11 14:30:00",
+          "iS_CANCELLATION": true,
+          "custoM_SI_CUT_DATE": "2024-06-11 10:00:00",
+          "pricE_CALCULATION_DATE": "2024-06-15 00:00:00",
+          "bookingSlotSaleInfoList": [
+            {
+              "id": 562064420188229,
+              "bookinG_ID": 562064397226053,
+              "bookinG_SLOT_ID": 562064187785285,
+              "customerid": 505381205700677,
+              "customername": "青岛测试",
+              "custserviceid": "519572541472837",
+              "custservice": "丛黎晓",
+              "saleid": "519572541472837",
+              "sale": "何雨菲",
+              "opid": "519572983967813",
+              "op": "纪亚男",
+              "docid": "519572338753605",
+              "doc": "何雨菲",
+              "businessid": "",
+              "business": "123",
+              "shipper": "123",
+              "goodsname": "123",
+              "sellinG_PRICE": "123",
+              "salE_TIME": "2024-06-26 15:45:30",
+              "updateFlag": false,
+              "createdUserId": 505423895470149
+            },
+            {
+              "id": 562064648892485,
+              "bookinG_ID": 562064635387973,
+              "bookinG_SLOT_ID": 562064187785285,
+              "customerid": 505381205700677,
+              "customername": "青岛测试",
+              "custserviceid": "519572541472837",
+              "custservice": "丛黎晓",
+              "saleid": "519572541472837",
+              "sale": "何雨菲",
+              "opid": "519572983967813",
+              "op": "纪亚男",
+              "docid": "519572338753605",
+              "doc": "何雨菲",
+              "businessid": "",
+              "business": "",
+              "salE_TIME": "2024-06-26 15:46:32",
+              "updateFlag": false,
+              "createdUserId": 505423895470149
+            }
+          ]
+        },
+        {
+          "id": 559255102201925,
+          "createdTime": "2024-06-18 17:14:52",
+          "updatedTime": "2024-06-18 18:53:25",
+          "createdUserName": "石慧",
+          "updatedUserName": "石慧",
+          "spliT_OR_MERGE_FLAG": 0,
+          "sloT_BOOKING_NO": "XIA1380066",
+          "contracT_NO": "QHOF247973",
+          "bookinG_PARTY": "SUNNINESS LOGISTICS CO LTD",
+          "vessel": "CMA CGM TUTICORIN",
+          "voyno": "0TND5S1MA",
+          "etd": "2024-07-01 09:00:00",
+          "placereceipt": "CNXMN (XIAMEN)",
+          "placedelivery": "MXLZC (LAZARO CARDENAS)",
+          "portloadid": "CNXIA",
+          "portload": "XIAMEN",
+          "portdischargeid": "MXLZC",
+          "portdischarge": "LAZARO CARDENAS,MEXICO",
+          "portdischargE_COUNTRY_CODE": "MX",
+          "portdischargE_COUNTRY": "墨西哥(MEXICO)",
+          "carrierid": "CMA",
+          "carrier": "法国达飞",
+          "carriagE_TYPE": "DIRECT_SHIP",
+          "carriagE_TYPE_NAME": "直达",
+          "bookinG_SLOT_TYPE": "CONTRACT_ORDER",
+          "bookinG_SLOT_TYPE_NAME": "合约订舱",
+          "ctN_STAT": "40GP*1",
+          "detensioN_FREE_DAYS": 0,
+          "sI_CUT_DATE": "2024-06-27 09:00:00",
+          "cY_CUT_DATE": "2024-06-29 04:00:00",
+          "vgM_SUBMISSION_CUT_DATE": "2024-06-29 04:00:00",
+          "iS_CANCELLATION": false,
+          "bookingSlotSaleInfoList": [
+            {
+              "id": 559258301587525,
+              "bookinG_ID": 559258276556869,
+              "bookinG_SLOT_ID": 559255102201925,
+              "updateFlag": false,
+              "createdUserId": 505423895470149
+            }
+          ]
+        },
+        {
+          "id": 559234884751429,
+          "createdTime": "2024-06-18 15:52:36",
+          "updatedTime": "2024-06-25 11:01:56",
+          "createdUserName": "石慧",
+          "updatedUserName": "石慧",
+          "labelList": [],
+          "spliT_OR_MERGE_FLAG": 0,
+          "sloT_BOOKING_NO": "XIA1356764",
+          "contracT_NO": "QHOFXP244396",
+          "bookinG_PARTY": "SUNNINESS LOGISTICS CO LTD",
+          "vessel": "CMA CGM UNITY",
+          "voyno": "0MEI1W1MA",
+          "etd": "2024-05-27 08:00:00",
+          "eta": "2024-09-21 22:00:00",
+          "placereceipt": "CNXMN (XIAMEN)",
+          "placedelivery": "MXZLO (MANZANILLO, MX)",
+          "portloadid": "CNXIA",
+          "portload": "XIAMEN",
+          "portdischargeid": "PAMIT",
+          "portdischarge": "MANZANILLO,PANAMA",
+          "portdischargE_COUNTRY_CODE": "PA",
+          "portdischargE_COUNTRY": "PANAMA",
+          "carrierid": "CMA",
+          "carrier": "法国达飞",
+          "carriagE_TYPE": "DIRECT_SHIP",
+          "carriagE_TYPE_NAME": "直达",
+          "bookinG_SLOT_TYPE": "CONTRACT_ORDER",
+          "bookinG_SLOT_TYPE_NAME": "合约订舱",
+          "ctN_STAT": "40HC* 1 ",
+          "detensioN_FREE_DAYS": 0,
+          "sI_CUT_DATE": "2024-05-23 16:00:00",
+          "cY_CUT_DATE": "2024-05-24 09:00:00",
+          "vgM_SUBMISSION_CUT_DATE": "2024-05-24 09:00:00",
+          "iS_CANCELLATION": false,
+          "bookingSlotSaleInfoList": [
+            {
+              "id": 559948185612357,
+              "bookinG_ID": 559948173021253,
+              "bookinG_SLOT_ID": 559234884751429,
+              "customerid": 505381205700677,
+              "customername": "青岛测试",
+              "custserviceid": "519572541472837",
+              "custservice": "丛黎晓",
+              "saleid": "519572541472837",
+              "sale": "何雨菲",
+              "opid": "519572983967813",
+              "op": "纪亚男",
+              "docid": "519572338753605",
+              "doc": "何雨菲",
+              "businessid": "",
+              "business": "",
+              "salE_TIME": "2024-06-20 16:14:23",
+              "updateFlag": false,
+              "createdUserId": 505423895470149
+            }
+          ]
+        },
+        {
+          "id": 554957557194821,
+          "createdTime": "2024-06-06 13:48:07",
+          "updatedTime": "2024-06-26 11:27:33",
+          "createdUserName": "单证007",
+          "updatedUserName": "单证007",
+          "labelList": [],
+          "spliT_OR_MERGE_FLAG": 0,
+          "sloT_BOOKING_NO": "2222",
+          "sloT_NO": "222",
+          "ctN_STAT": "",
+          "detensioN_FREE_DAYS": 0,
+          "sI_CUT_DATE": "2024-06-26 11:00:00",
+          "cY_CUT_DATE": "2024-06-26 11:00:00",
+          "vgM_SUBMISSION_CUT_DATE": "2024-06-26 11:00:00",
+          "mdgF_CUT_DATE": "2024-06-26 11:00:00",
+          "manifesT_CUT_DATE": "2024-06-26 11:00:00",
+          "iS_CANCELLATION": false
+        },
+        {
+          "id": 547926230757445,
+          "createdTime": "2024-05-17 16:57:34",
+          "createdUserName": "超级管理员",
+          "labelList": [
+            {
+              "id": 549232334430277,
+              "name": "测试2",
+              "scope": 1,
+              "color": "#10dacd"
+            },
+            {
+              "id": 549232370462789,
+              "name": "测试3",
+              "scope": 1,
+              "color": "#d60040"
+            },
+            {
+              "id": 548907868680261,
+              "name": "测试1",
+              "scope": 1,
+              "color": "#23b388"
+            }
+          ],
+          "spliT_OR_MERGE_FLAG": 0,
+          "sloT_BOOKING_NO": "QGD0884913",
+          "vessel": "CMA CGM TROCADERO",
+          "voyno": "0FMFVW1MA",
+          "portload": "QINGDAO",
+          "portdischarge": "MOGADISHU",
+          "carrierid": "CMA",
+          "carrier": "法国达飞",
+          "bookinG_SLOT_TYPE": "SPOT_ORDER",
+          "bookinG_SLOT_TYPE_NAME": "SPOT订舱",
+          "detensioN_FREE_DAYS": 0,
+          "vgM_SUBMISSION_CUT_DATE": "2024-06-01 21:00:00",
+          "iS_CANCELLATION": false
+        },
+        {
+          "id": 547900976529477,
+          "createdTime": "2024-05-17 15:14:49",
+          "updatedTime": "2024-06-24 10:44:18",
+          "createdUserName": "邵芳",
+          "updatedUserName": "邵芳",
+          "spliT_OR_MERGE_FLAG": 2,
+          "loaD_GUARANTEE_FLAG": "FULL",
+          "loaD_GUARANTEE_FLAG_NAME": "全部舱保",
+          "sloT_BOOKING_NO": "238699307BB",
+          "contracT_NO": "299026908",
+          "bookinG_PARTY": "QINGDAO CHENGSI FREIGHT FORWARDER CO",
+          "vessel": "MORTEN MAERSK",
+          "voyno": "424W",
+          "etd": "2024-06-15 00:00:00",
+          "eta": "2024-07-25 00:00:00",
+          "placereceipt": "Dalian,Liaoning,China",
+          "placedelivery": "Melbourne,Victoria,Australia",
+          "portloadid": "CNDAL",
+          "portload": "DALIAN",
+          "portdischargeid": "AUMEL",
+          "portdischarge": "MELBOURNE,VI,AU",
+          "portdischargE_COUNTRY_CODE": "AU",
+          "portdischargE_COUNTRY": "澳大利亚(AUSTRALIA)",
+          "transfeR_PORT_1": "CO BUSAN INTERNATIONAL TRANSHIPMENT",
+          "transfeR_PORT_2": "Beilun Container Terminal Phase 4",
+          "carrierid": "MSK",
+          "carrier": "马士基",
+          "carriagE_TYPE": "TRANSFER_SHIP",
+          "carriagE_TYPE_NAME": "中转",
+          "bookinG_SLOT_TYPE": "CONTRACT_ORDER",
+          "bookinG_SLOT_TYPE_NAME": "合约订舱",
+          "ctN_STAT": "20GP* 3 ",
+          "weeK_AT": 24,
+          "detensioN_FREE_DAYS": 0,
+          "sI_CUT_DATE": "2024-06-11 16:00:00",
+          "manifesT_CUT_DATE": "2024-06-11 14:30:00",
+          "iS_CANCELLATION": false,
+          "custoM_SI_CUT_DATE": "2024-06-11 10:00:00",
+          "pricE_CALCULATION_DATE": "2024-05-17 00:00:00",
+          "bookingSlotSaleInfoList": [
+            {
+              "id": 561288040603717,
+              "bookinG_ID": 561288029708358,
+              "bookinG_SLOT_ID": 547900976529477,
+              "customerid": 505381205700677,
+              "customername": "青岛测试",
+              "custserviceid": "519572541472837",
+              "custservice": "丛黎晓",
+              "saleid": "519572541472837",
+              "sale": "何雨菲",
+              "opid": "519572983967813",
+              "op": "纪亚男",
+              "docid": "519572338753605",
+              "doc": "何雨菲",
+              "businessid": "",
+              "business": "",
+              "updateFlag": false,
+              "createdUserId": 505423895470149
+            }
+          ]
+        },
+        {
+          "id": 547555377487941,
+          "createdTime": "2024-05-16 15:48:34",
+          "createdUserName": "超级管理员",
+          "spliT_OR_MERGE_FLAG": 0,
+          "sloT_BOOKING_NO": "QGD0877999",
+          "vessel": "CSL MANHATTAN",
+          "voyno": "0WU07E1MA",
+          "portload": "QINGDAO",
+          "portdischarge": "MANZANILLO, MX",
+          "carrierid": "CMA",
+          "carrier": "法国达飞",
+          "bookinG_SLOT_TYPE": "SPOT_ORDER",
+          "bookinG_SLOT_TYPE_NAME": "SPOT订舱",
+          "detensioN_FREE_DAYS": 0,
+          "vgM_SUBMISSION_CUT_DATE": "2024-06-01 05:00:00",
+          "iS_CANCELLATION": false
+        },
+        {
+          "id": 546477107662917,
+          "createdTime": "2024-05-13 14:41:05",
+          "createdUserName": "超级管理员",
+          "spliT_OR_MERGE_FLAG": 0,
+          "sloT_BOOKING_NO": "test22",
+          "detensioN_FREE_DAYS": 0,
+          "iS_CANCELLATION": false
+        },
+        {
+          "id": 546476199157829,
+          "createdTime": "2024-05-13 14:37:23",
+          "createdUserName": "超级管理员",
+          "spliT_OR_MERGE_FLAG": 0,
+          "sloT_BOOKING_NO": "test111",
+          "detensioN_FREE_DAYS": 0,
+          "iS_CANCELLATION": false
+        }
+      ] as any
+      for (let i = arr.length - 1; i >= 0; i--) {
+        if (arr[i].bookingSlotSaleInfoList && arr[i].bookingSlotSaleInfoList.length > 1) {
+          arr[i].bookingSlotSaleInfoList.forEach((ite, index) => {
+            const data = JSON.parse(JSON.stringify(arr[i]))
+            delete data.bookingSlotSaleInfoList
+            data.isRemark = true
+            data.dzmarkLoading = false
+            if (index === 0) {
+              data.isSPan = arr[i].bookingSlotSaleInfoList.length
+            } else {
+              data.isSPan = 0
+            }
+            arr.push({
+              ...ite, ...data
+            })
+          })
+          arr.splice(i, 1)
+        }
+        arr[i].isRemark = true
+        arr[i].dzmarkLoading = false
+      }
+      console.log(arr)
+      setProps({
+        showIndexColumn: false,
+      }),
+        resolve({
+          data: arr, total: 10
+        })
     })
   },
   beforeFetch: (p) => {
@@ -650,7 +518,6 @@ const [registerTable, { reload, getForm, getPaginationRef, getSelectRows, setPro
         sortConditions: []
       }
     }
-    console.log(data)
     return postParam
   },
   columns,
@@ -665,20 +532,14 @@ const [registerTable, { reload, getForm, getPaginationRef, getSelectRows, setPro
   useSearchForm: true,
   showTableSetting: true,
   bordered: true,
-  showIndexColumn: true,
+  showIndexColumn: false,
   indexColumnProps: {
     width: 60,
   },
   canResize: true,
   resizeHeightOffset: 80,
-
-  actionColumn: {
-    width: 80,
-    title: '操作',
-    dataIndex: 'action',
-    fixed: 'right',
-  }
 })
+
 function handledbclick(record) {
   console.log('双击')
 }
diff --git a/src/views/bookingcabin/cabinBooking/columns.tsx b/src/views/bookingcabin/cabinBooking/columns.tsx
index 376fe0d3..d3b268b4 100644
--- a/src/views/bookingcabin/cabinBooking/columns.tsx
+++ b/src/views/bookingcabin/cabinBooking/columns.tsx
@@ -1,8 +1,4 @@
-/*
- * @Description: 海运出口列表tsx
- * @Author: lijj
- * @Date: 2024-06-03 15:48:33
- */
+
 import { ref } from 'vue'
 import { BasicColumn, FormSchema } from '/@/components/Table'
 import {
@@ -252,17 +248,7 @@ export const searchFormSchema: FormSchema[] = [
     colProps: { span: 4 },
   },
 ]
-// 费用状态
-export const FeeStatus = [
-  '审核通过',
-  '录入状态',
-  '提交审核',
-  '申请修改 ',
-  '申请删除',
-  '撤销申请',
-  '驳回提交',
-  '驳回申请, 部分结算, 结算完毕',
-]
+
 //列表
 export const columns: BasicColumn[] = [
   {
@@ -376,14 +362,6 @@ export const columns: BasicColumn[] = [
   }
 ]
 
-export const detailSchemas: FormSchema[] = [
-  {
-    field: 'BookingReference',
-    label: '订舱号',
-    component: 'Input',
-    colProps: { span: 4 },
-  },
 
-]
 
 
diff --git a/src/views/bookingcabin/cabinBooking/detail.vue b/src/views/bookingcabin/cabinBooking/detail.vue
index 12b9feeb..271cd07e 100644
--- a/src/views/bookingcabin/cabinBooking/detail.vue
+++ b/src/views/bookingcabin/cabinBooking/detail.vue
@@ -370,9 +370,6 @@
             </template>
           </a-table>
 
-
-
-
           <a-form-item>
             <a-checkbox v-model:value="form.isShipperOwned">我希望使用托运人自己的集装箱</a-checkbox>
             <a-checkbox v-model:value="form.isImportReturned">我想使用进口退货集装箱或者其他三角集运选项</a-checkbox>
@@ -563,6 +560,7 @@
 <script lang="ts" setup>
 import { ref, reactive, UnwrapRef } from 'vue'
 import { BasicModal, useModalInner } from '/@/components/Modal'
+import { GetCtnSelectList } from '/@/views/operation/seaexport/api/BookingLedger'
 import {
   getContractno, SearchCommodities, SearchShipSailingSchedule, mskGetGetInfoSpot, mskGetSaveSpot,
   SearchLocations, SendMSKBooking, mskGetSave, mskGetGetInfo, GetInitInfoMsk, SendMSKBookingSpot, GetInitInfoMskApi,
diff --git a/src/views/bookingcabin/cabinBooking/index.vue b/src/views/bookingcabin/cabinBooking/index.vue
index e6e4b7cf..dab7ec72 100644
--- a/src/views/bookingcabin/cabinBooking/index.vue
+++ b/src/views/bookingcabin/cabinBooking/index.vue
@@ -663,6 +663,7 @@ const [registerTable, { reload, getForm, getPaginationRef, getSelectRows, setPro
   pagination: true,
   striped: true,
   useSearchForm: true,
+  rowSelection:true,
   showTableSetting: true,
   bordered: true,
   showIndexColumn: true,
@@ -671,7 +672,6 @@ const [registerTable, { reload, getForm, getPaginationRef, getSelectRows, setPro
   },
   canResize: true,
   resizeHeightOffset: 80,
-
   actionColumn: {
     width: 80,
     title: '操作',
diff --git a/src/views/operation/seaexport/api/BookingLedger.js b/src/views/operation/seaexport/api/BookingLedger.js
index fd6f1d36..3ae3d815 100644
--- a/src/views/operation/seaexport/api/BookingLedger.js
+++ b/src/views/operation/seaexport/api/BookingLedger.js
@@ -633,6 +633,14 @@ export function GetFactorySelectList(parameter) {
     params: parameter,
   })
 }
+// 获取国家下拉列表-客户端 (Auth)
+export function GetCodeCountryList(parameter) {
+  return request({
+    url: '/mainApi/CodeCountry/GetCodeCountrySelectList',
+    method: 'post',
+    data: parameter,
+  })
+}
 // 海运出口规则引擎校验 (Auth)
 export function ExcuteRuleEngine(parameter) {
   return request({