diff --git a/src/views/bookingcabin/CabinManagement/detail.vue b/src/views/bookingcabin/CabinManagement/detail.vue
deleted file mode 100644
index 5c184180..00000000
--- a/src/views/bookingcabin/CabinManagement/detail.vue
+++ /dev/null
@@ -1,1161 +0,0 @@
-<template>
-  <BasicModal width="1100px" v-bind="$attrs" :use-wrapper="true" title="马士基订舱" @register="registerModal"
-    @ok="handleSave">
-    <a-spin :spinning="formLoading">
-      <div class="main">
-        <div class="title">MSK 订舱</div>
-        <a-form :rules="rules" ref="form" :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
-          <a-row>
-            <a-col :span="12">
-              <a-form-item label="订舱产品代码">
-                <a-select allowClear @change="handleSelectProduct" size="small" disabled v-model="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="12">
-              <a-form-item label="请求类别">
-                <a-select allowClear v-model="form.sender" size="small" style="width: 100%">
-                  <a-select-option value="BOOKAPI">BOOKAPI</a-select-option>
-                </a-select>
-              </a-form-item>
-            </a-col>
-          </a-row>
-          <a-row>
-            <a-col :span="12" v-if="mskBookType == 'api'">
-              <a-form-item label="订舱合同唯一ID">
-                <a-select :disabled="nodisabled" allowClear @select="handleSelectPrice" v-model="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="12">
-              <a-form-item prop="carrierCode" label="服务船公司">
-                <a-select allowClear v-model="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="是否持约">
-                <a-switch @change="handleChangePrice" v-model="form.isBookingPartOwnPrice" />
-              </a-form-item>
-            </a-col>
-
-          </a-row>
-          <div>
-            <a-row>
-              <a-col :span="12">
-                <a-form-item label="订舱公司名称">
-                  {{ form.bookedByCompanyName }}
-                </a-form-item>
-              </a-col>
-              <a-col :span="12">
-                <a-form-item label="订舱方ID">
-                  {{ form.bookedByMaerskPartyCode }}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-row>
-              <a-col :span="12">
-                <a-form-item label="订舱公司联系人">
-                  {{ form.bookedByCompanyContactName }}
-                </a-form-item>
-              </a-col>
-              <a-col :span="12">
-                <a-form-item label="订舱公司邮箱">
-                  {{ form.bookedByCompanyContactEmail }}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-row>
-              <a-col :span="12">
-                <a-form-item label="持约方名称">
-                  {{ form.priceOwnerCompanyName }}
-                </a-form-item>
-              </a-col>
-              <a-col :span="12">
-                <a-form-item label="持约方ID">
-                  {{ form.priceOwnerMaerskPartyCode }}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-row>
-              <a-col :span="12">
-                <a-form-item label="持约方联系人">
-                  {{ form.priceOwnerContactName }}
-                </a-form-item>
-              </a-col>
-              <a-col :span="12">
-                <a-form-item label="持约方邮箱">
-                  {{ form.priceOwnerContactEmail }}
-                </a-form-item>
-              </a-col>
-            </a-row>
-          </div>
-          <div class="title">地点、船期详情</div>
-          <a-row>
-            <a-col :span="12">
-              <a-form-item prop="sfcarrierGeoID" label="始发地">
-                <a-select v-model="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="12">
-              <a-form-item prop="mdsfcarrierGeoID" label="目的地">
-                <a-select v-model="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-row>
-          <a-row>
-            <a-col :span="12">
-              <a-form-item prop="exportServiceMode" label="始发地服务模式">
-                <a-select allowClear v-model="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="12">
-              <a-form-item prop="importServiceMode" label="目的地运输条款">
-                <a-select allowClear v-model="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="12">
-              <a-form-item label="预计离港日期">
-                <a-date-picker valueFormat="YYYY-MM-DD" style="width: 72%;" v-model="form.earliestDepartureDate" />
-                <span @click="handleOpenCQ" style="color: #02A7F0;cursor: pointer;margin-left: 15px;">检索船期</span>
-              </a-form-item>
-            </a-col>
-          </a-row>
-          <a-row>
-            <a-col :span="16">
-              <a-form-item label="强制不使用船期表订舱">
-                <a-switch v-model="form.isSendNoSchedule">强制不使用船期表订舱</a-switch>
-              </a-form-item>
-            </a-col>
-          </a-row>
-          <div class="box" v-for="(item, index) in shipData" :key="index">
-            <div class="left" style="width: 100%;">
-              <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>
-                <img style="margin: 0 15px;" src="../../assets/icons/u92.svg" alt="">
-                <span class="top-text">
-                  {{ item.deliveryCityName }}<span v-if="item.deliveryCityName">,</span>
-                  {{ item.deliveryRegionName }}<span v-if="item.deliveryRegionName">,</span>
-                  {{ item.deliveryCountryName }}</span>
-                <span
-                  style="margin-left:30px;margin-right: 10px;color: black;color: rgb(2, 167, 240);font-weight: bold">{{
-                    item.totalCurrency
-                  }}</span>
-                <span style="color: black;color: rgb(2, 167, 240);font-weight: bold">{{ item.totalAmountShow }}</span>
-              </div>
-              <div class="bottom">
-                <div class="item">
-                  <div class="item-left"> <img src="../../assets/icons/u90.svg" alt=""> </div>
-                  <div class="item-right">
-                    <div>离港</div>
-                    <div>{{ item.etd }}</div>
-                  </div>
-                </div>
-                <div class="item">
-                  <div class="item-left"> <img src="../../assets/icons/u90.svg" alt=""> </div>
-                  <div class="item-right">
-                    <div>到港</div>
-                    <div>{{ item.eta }}</div>
-                  </div>
-                </div>
-                <div class="item">
-                  <div class="item-left"> <img src="../../assets/icons/u102.svg" alt=""> </div>
-                  <div class="item-right">
-                    <div>运输时间</div>
-                    <div>{{ item.days }}天数</div>
-                  </div>
-                </div>
-                <div class="item">
-                  <div class="item-left"> <img src="../../assets/icons/u98.svg" alt=""> </div>
-                  <div class="item-right">
-                    <div>船名/航次</div>
-                    <div>{{ item.vesselName }} / {{ item.carrierDepartureVoyageNumber }}</div>
-                  </div>
-                </div>
-              </div>
-              <div v-if="item.legs">
-                <div v-for="(ite, index1) in item.legs" :key="index1" style="margin-top: 10px;">
-                  <a-tag color="green">{{ index1 + 1 }}</a-tag>
-                  <img style="margin: 0 10px 0 0" src="../../assets/icons/u1041.svg" alt="">
-                  <span style="margin-right: 5px;display: inline-block;width: 240px;">
-                    {{ 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>
-                  <img style="margin: 0 10px" src="../../assets/icons/u1041.svg" alt="">
-                  <span style="margin-right: 10px;display: inline-block;width: 240px;">
-                    {{ ite.to.cityName }}<span v-if="ite.to.regionName">,</span>
-                    {{ ite.to.regionName }}<span v-if="ite.to.regionName">,</span>
-                    {{ ite.to.countryName }}</span>
-                  <span><span style="font-weight: bold;color: black">ETA</span>：{{ ite.eta }}</span>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="title">货物详情</div>
-          <a-row>
-            <a-col :span="12">
-              <a-form-item prop="commodityName" label="商品名称">
-                <a-input disabled ref="commodityName" v-model="form.commodityName" style="width: 75%;" size="small" />
-                <span @click="handleOpenSP" style="color: #02A7F0;cursor: pointer;margin-left: 15px;">检索商品</span>
-              </a-form-item>
-            </a-col>
-            <a-col :span="12">
-              <a-form-item prop="commodityCodeType" label="商品编码类型">
-                <a-select allowClear v-model="form.commodityCodeType" size="small" style="width: 100%">
-                  <a-select-option value="MaerskCode">MaerskCode</a-select-option>
-                </a-select>
-              </a-form-item>
-            </a-col>
-          </a-row>
-          <a-row>
-            <a-col :span="12">
-              <a-form-item prop="totalCargoWeight" label="总重">
-                <a-input-number style="width: 90%" size="small" v-model="form.totalCargoWeight" />KGS
-              </a-form-item>
-            </a-col>
-            <a-col :span="12">
-              <a-form-item prop="cargoType" label="货物标志">
-                <a-select allowClear v-model="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="12">
-              <a-form-item label="是否冷冻处理">
-                <a-switch @change="handleChagneType" v-model="form.isReefer" />
-              </a-form-item>
-            </a-col>
-            <a-col :span="12">
-              <a-form-item label="温度">
-                <a-input-number :disabled="disabled" style="width: 100%" size="small" v-model="form.temperature" />
-              </a-form-item>
-            </a-col>
-          </a-row>
-          <a-row>
-            <a-col :span="12">
-              <a-form-item label="货物探测器数量">
-                <a-input-number :min="0" :disabled="disabled" :precision="0" style="width: 100%" size="small"
-                  v-model="form.noOfProbes" />
-              </a-form-item>
-            </a-col>
-            <a-col :span="12">
-              <a-form-item label="通风">
-                <a-input-number :disabled="disabled" style="width: 74%" size="small" v-model="form.ventilation" />
-                m³/hour
-              </a-form-item>
-            </a-col>
-          </a-row>
-          <a-row>
-            <a-col :span="12">
-              <a-form-item label="湿度">
-                <a-input-number :min="0" :precision="0" :disabled="disabled" style="width: 84%" size="small"
-                  v-model="form.humidity" />%
-              </a-form-item>
-            </a-col>
-          </a-row>
-          <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.key === 'ctnCode'">
-                <a-select show-search v-model="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.key === 'ctnNum'">
-                <a-input-number style="width: 70%" :min="1" :precision="0" size="small" v-model="record.ctnNum" />
-              </template>
-
-              <template v-if="column.key === 'ctnSufferWeight'">
-                <a-input-number style="width: 70%" :precision="0" size="small" v-model="record.ctnSufferWeight" />
-              </template>
-
-              <template v-if="column.key === 'ctnSufferWeight'">
-                <a-icon type="delete" style="color: red;" @click="handleDeleteCtn(index)" />
-              </template>
-            </template>
-          </a-table>
-          <a-form-item>
-            <a-checkbox v-model="form.isShipperOwned">我希望使用托运人自己的集装箱</a-checkbox>
-          </a-form-item>
-          <a-form-item>
-            <a-checkbox v-model="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>
-</template>
-<script lang="ts" setup>
-import { ref } from 'vue'
-import { BasicModal, useModalInner } from '/@/components/Modal'
-import {
-  getContractno, SearchCommodities, SearchShipSailingSchedule, mskGetGetInfoSpot, mskGetSaveSpot,
-  SearchLocations, SendMSKBooking, mskGetSave, mskGetGetInfo, GetInitInfoMsk, SendMSKBookingSpot, GetInitInfoMskApi,
-  CheckWarningBatchCopy, maskCopy, SearchLocationsSpot, SearchShipSailingScheduleSpot, maskCopySPOT, SearchCommoditiesSpot
-} from './api'
-const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
-  setModalProps({ loading: false })
-})
-const loading = ref(false)
-
-const wrapperCol = { span: 18 }
-const labelCol = { span: 6 }
-const formLoading = ref(false)
-
-
-const contractnoList = ref([]) as any
-const nodisabled = ref(false)
-const mskBookType = ref('')
-import { useMessage } from '../../../hooks/web/useMessage'
-const { createMessage } = useMessage()
-const form = ref({}) as any
-const columns = [
-  {
-    title: '箱型',
-    dataIndex: 'ctnCode',
-    width: '30%',
-    scopedSlots: { customRender: 'ctnCode' }
-  },
-  {
-    title: '箱量',
-    dataIndex: 'ctnNum',
-    scopedSlots: { customRender: 'ctnNum' }
-  },
-  {
-    title: '重量(KGS)',
-    dataIndex: 'ctnSufferWeight',
-    scopedSlots: { customRender: 'ctnSufferWeight' }
-  },
-  {
-    title: '操作',
-    dataIndex: 'operation',
-    scopedSlots: { customRender: 'operation' }
-  }
-]
-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' }]
-}
-
-
-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 = ref({}) as any
-const shipList = ref([]) as any
-const cqLoading = ref(false)
-
-//打开搜索船期
-function handleOpenCQ() {
-  if (!form.value.earliestDepartureDate) {
-    createMessage.warning('请先选择预计离港日期')
-    return false
-  }
-  if (!form.value.sfcarrierGeoID || !form.value.mdsfcarrierGeoID) {
-    createMessage.warning('请先选择始发地和目的地')
-    return false
-  }
-  if (form.value.ctns.length === 0) {
-    createMessage.warning('请先添加一条箱型箱量')
-    return false
-  }
-  if (!form.value.ctns[0].ctnCode || !form.value.ctns[0].ctnSufferWeight || !form.value.ctns[0].ctnNum) {
-    createMessage.warning('请填写完整箱型箱量')
-    return false
-  }
-  visible.value = true
-  this.cqLoading = true
-  const data = {
-    carrierId: 'MSK',
-    collectionOriginCityName: form.value.placeOfReceiptCityName,
-    collectionOriginCountryCode: form.value.placeOfReceiptCountryCode,
-    deliveryDestinationCityName: form.value.placeOfDeliveryCityName,
-    deliveryDestinationCountryCode: form.value.placeOfDeliveryCountryCode,
-    cargoType: form.value.cargoType,
-    exportServiceMode: form.value.exportServiceMode,
-    importServiceMode: form.value.importServiceMode,
-    vesselOperatorCarrierCode: form.value.carrierCode,
-    startDate: form.value.earliestDepartureDate,
-    carrierCollectionOriginGeoID: form.value.carrierCollectionOriginGeoID,
-    carrierDeliveryDestinationGeoID: form.value.carrierDeliveryDestinationGeoID,
-
-    collectionOriginUNLocationCode: form.value.userPlaceOfReceiptUnLocCode,
-    collectionOriginUNRegionName: form.value.userPlaceOfReceiptRegionName,
-    collectionOriginCountryName: form.value.userPlaceOfReceiptCountryName,
-
-    deliveryDestinationUNLocationCode: form.value.userPlaceOfDeliveryUnLocCode,
-    deliveryDestinationUNRegionName: form.value.userPlaceOfDeliveryRegionName,
-    deliveryDestinationCountryName: form.value.userPlaceOfDeliveryCountryName,
-
-    ...searchForm.value
-  }
-  data.isoEquipmentCode = form.value.ctns[0].ctnCode
-  data.ISOEquipmentNum = form.value.ctns[0].ctnNum
-  data.stuffingWeight = form.value.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.value = {
-      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.value = { ...form.value, ...this.mskApiInfo }
-    form.value.isReefer = false
-
-  } else {
-    formLoading.value = true
-    mskGetGetInfo({ id: id }).then(res => {
-      if (res.success) {
-        if (!res.data.ctns) {
-          res.data.ctns = []
-        }
-        form.value = res.data
-        form.value.priceReferenceId = form.value.priceReferenceId + ''
-        form.value.sfcarrierGeoID = form.value.placeOfReceiptCityName
-        form.value.mdsfcarrierGeoID = form.value.placeOfDeliveryCityName
-        if (!form.value.selectedShipScheduleShow) {
-          shipData.value.push({
-            deliveryCityName: form.value.placeOfDeliveryCityName,
-            orignCityName: form.value.placeOfReceiptCityName,
-            carrierDepartureVoyageNumber: form.value.exportVoyageNumber,
-            vesselName: form.value.vesselName,
-            days: form.value.estSailingDays,
-            atd: form.value.destinationArrivalDateTimeLocal,
-            etd: form.value.originDepartureDateTimeLocal
-          })
-        } else {
-          shipData.value.push(form.value.selectedShipScheduleShow)
-        }
-        if (form.value.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.value = {
-      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.value.isReefer = false
-    form.value = { ...form.value, ...mskSpotInfo.value }
-
-  } else {
-    formLoading.value = true
-    mskGetGetInfoSpot({ id: id }).then(res => {
-      if (res.success) {
-        if (!res.data.ctns) {
-          res.data.ctns = []
-        }
-        form.value = res.data
-        form.value.priceReferenceId = null
-        form.value.sfcarrierGeoID = form.value.placeOfReceiptCityName
-        form.value.mdsfcarrierGeoID = form.value.placeOfDeliveryCityName
-        if (!form.value.selectedShipScheduleShow) {
-          shipData.value.push({
-            deliveryCityName: form.value.placeOfDeliveryCityName,
-            orignCityName: form.value.placeOfReceiptCityName,
-            carrierDepartureVoyageNumber: form.value.exportVoyageNumber,
-            vesselName: form.value.vesselName,
-            days: form.value.estSailingDays,
-            atd: form.value.destinationArrivalDateTimeLocal,
-            etd: form.value.originDepartureDateTimeLocal,
-            shipRateTotalCurrency: form.value.shipRateTotalCurrency,
-            shipRateTotalAmount: form.value.shipRateTotalAmount
-          })
-        } else {
-          shipData.value.push(form.value.selectedShipScheduleShow)
-        }
-        if (form.value.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.value.priceOwnerContactEmail = form.value.bookedByCompanyContactEmail
-    form.value.priceOwnerContactName = form.value.bookedByCompanyContactName
-    form.value.priceOwnerMaerskPartyCode = form.value.bookedByMaerskPartyCode
-    form.value.priceOwnerCompanyName = form.value.bookedByCompanyName
-  } else {
-    form.value.priceOwnerContactEmail = ''
-    form.value.priceOwnerContactName = ''
-    form.value.priceOwnerMaerskPartyCode = ''
-    form.value.priceOwnerCompanyName = ''
-  }
-
-}
-function handleSelectPrice(val) {
-  contractnoList.value.forEach(item => {
-    if (item.id === val) {
-      form.value.priceReference = item.contractNo
-      form.value.priceReferenceName = item.contractName
-      form.value.priceOwnerContactEmail = item.contractLinkEmail
-      form.value.priceOwnerContactName = item.contractLinkName
-      form.value.priceOwnerMaerskPartyCode = item.contractPartyCode
-      form.value.priceOwnerCompanyName = item.contractPartyName
-      form.value.isBookingPartOwnPrice = item.isOurOwnPrice
-    }
-  })
-
-}
-function handleSelectPrice1(val) {
-  contractnoList.value.forEach(item => {
-    if (item.id === val) {
-      form.value.priceOwnerContactEmail = item.contractLinkEmail
-      form.value.priceOwnerContactName = item.contractLinkName
-      form.value.priceOwnerMaerskPartyCode = item.contractPartyCode
-      form.value.priceOwnerCompanyName = item.contractPartyName
-      form.value.priceOwnerReference = item.contractNo
-      form.value.priceOwnerReferenceName = item.contractName
-    }
-  })
-
-}
-
-const visible = ref(false)
-
-//选择船期
-function handleSelectCQ(item) {
-  shipData.value = []
-  form.value.originDepartureDateTimeLocal = item.etd
-  form.value.isoEquipmentCode = searchForm.value.isoEquipmentCode
-  form.value.destinationArrivalDateTimeLocal = item.eta
-  form.value.placeOfReceiptUnLocCode = item.orignUNLocationCode
-  form.value.placeOfDeliveryUnLocCode = item.deliveryUNLocationCode
-  form.value.placeOfReceiptCountryCode = item.orignCountryCode
-  form.value.placeOfDeliveryCountryCode = item.deliveryCountryCode
-  form.value.vesselName = item.vesselName
-  form.value.carrierVesselCode = item.carrierVesselCode
-  form.value.exportVoyageNumber = item.carrierDepartureVoyageNumber
-  form.value.estSailingDays = item.days
-  form.value.transportMode = item.transportMode
-  form.value.carrierProductId = item.carrierProductId
-  form.value.originCountryName = item.originCountryName
-  form.value.originRegionName = item.originRegionName
-  form.value.deliveryRegionName = item.deliveryRegionName
-  form.value.deliveryCountryName = item.deliveryCountryName
-  form.value.pId = item.pId
-  form.value.mD5 = item.mD5
-  if (mskBookType.value === 'spot') {
-    form.value.priceID = item.priceID
-    form.value.shipRateTotalAmount = item.totalAmountShow
-    form.value.shipRateTotalCurrency = item.totalCurrency
-  }
-  shipData.value.push(item)
-  visible.value = false
-
-}
-
-const emit = defineEmits(['handleSuccess'])
-function handleSubimt() {
-  this.$refs.form.validate(valid => {
-    if (valid) {
-      form.value.carrierId = 'MSK'
-      formLoading.value = true
-      if (mskType.value === 'add') {
-        if (mskBookType.value === 'spot') {
-          form.value.priceReference = form.value.priceID
-          SendMSKBookingSpot(form.value).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.value).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.value.carrierId = 'MSK'
-  if (!form.value.isBookingPartOwnPrice) {
-    if (!form.value.priceOwnerReferenceId) {
-      createMessage.warning('请选择持约方合同')
-      return false
-    }
-  }
-  formLoading.value = true
-  if (mskType.value === 'add') {
-    if (mskBookType.value === 'spot') {
-      form.value.priceReference = form.value.priceID
-      mskGetSaveSpot(form.value).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.value).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.value
-    }
-    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.value
-  }
-  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.value.placeOfReceiptCityName = item.cityName
-      form.value.carrierCollectionOriginGeoID = item.carrierGeoID
-      // form.value.placeOfReceiptCountryCode = item.countryCode
-      form.value.userPlaceOfReceiptUnLocCode = item.unLocationCode
-      form.value.userPlaceOfReceiptCityName = item.cityName
-      form.value.userPlaceOfReceiptCountryCode = item.countryCode
-      form.value.userPlaceOfReceiptCountryName = item.countryName
-      form.value.userPlaceOfReceiptRegionName = item.unRegionName
-    }
-  })
-}
-function handleSelect1(val) {
-  this.portdischargeList.forEach(item => {
-    if (item.carrierGeoID === val) {
-      form.value.placeOfDeliveryCityName = item.cityName
-      // form.value.placeOfDeliveryCountryCode = item.countryCode
-      form.value.carrierDeliveryDestinationGeoID = item.carrierGeoID
-      form.value.userPlaceOfDeliveryUnLocCode = item.unLocationCode
-      form.value.userPlaceOfDeliveryCityName = item.cityName
-      form.value.userPlaceOfDeliveryCountryCode = item.countryCode
-      form.value.userPlaceOfDeliveryCountryName = item.countryName
-      form.value.userPlaceOfDeliveryRegionName = item.unRegionName
-    }
-  })
-}
-
-function getSearchLocations(val) {
-  if (val.length >= 3) {
-    this.fetching = true
-    const data = {
-      cityName: val,
-      carrierId: 'MSK',
-      carrierCode: form.value.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.value.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.value.productCode === 'MaerskContract') {
-    this.nodisabled = false
-  } else {
-    this.nodisabled = true
-  }
-}
-function handleChagneType() {
-  if (form.value.isReefer) {
-    disabled.value = false
-  } else {
-    disabled.value = true
-  }
-}
-function handleSelectGoods(item) {
-  this.goodsFlag = false
-  this.$set(form.value, 'commodityCode', item.commodityCode)
-  this.$set(form.value, 'commodityName', item.commodityName)
-  this.$refs.form.validateField('commodityName');
-}
-function handleDeleteCtn(index) {
-  form.value.ctns.splice(index, 1)
-}
-function handleAdd() {
-  const data = {
-    ctnCode: '',
-    ctnNum: 1,
-    ctnSufferWeight: 0
-  }
-  form.value.ctns.push(data)
-}
-function filterOption(input, option) {
-  return (
-    option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
-  );
-}
-function handleClick(val, index) {
-  this.goodsList[index].goodsType = val
-
-}
-function handleOpenSP() {
-  this.goodsFlag = true
-}
-//获取商品信息
-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.value.cargoType) {
-          const arr = [] as any
-          res.data.forEach(item => {
-            if (item.cargoTypes.includes(form.value.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.value.cargoType) {
-          const arr = [] as any
-          res.data.forEach(item => {
-            if (item.cargoTypes.includes(form.value.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.value.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: 0px !important;
-}
-
-/deep/ .ant-form-item-label>label {
-  height: 25px !important;
-}
-
-.main {
-  margin: 0 auto;
-}
-
-.title {
-  font-weight: bold;
-  color: black;
-  padding-bottom: 5px;
-  border-bottom: 1px solid black;
-  padding-left: 10px;
-  margin-bottom: 20px;
-  margin-top: 15px;
-}
-
-.box {
-  border: 1px black dashed;
-  padding: 15px;
-  margin: 10px 0;
-  display: flex;
-  align-items: center;
-
-  .left {
-    width: 90%;
-  }
-
-  .right {
-    width: 10%;
-  }
-
-  .top {
-    margin-bottom: 15px;
-  }
-
-  .goodsType {
-    border: 1px black dashed;
-    padding: 3px;
-    margin-right: 10px;
-    margin-bottom: 5px;
-    cursor: pointer;
-
-    &.active {
-      border: 1px #23bb6e solid;
-      color: #23bb6e;
-    }
-  }
-
-  .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: 10px;
-    }
-  }
-}
-</style>