From cfe681eefd9fb81e4e5a79830f11a966f12ee9f6 Mon Sep 17 00:00:00 2001
From: sunzehua <sunzehua@jchshipping.net>
Date: Wed, 13 Nov 2024 16:13:30 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E7=A5=A8=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Print/printModal.vue           |    7 +-
 src/views/operation/invoiceApply/columns.tsx  |   10 +-
 .../invoiceApply/detail/InvoiceDetails.vue    |    3 +-
 .../operation/invoiceApply/detail/index.vue   |  197 +-
 src/views/operation/invoiceApply/index.vue    |    3 +-
 .../detail/modules/aiRecognition.vue          |   59 +
 .../detail/modules/operationArea.vue          | 2726 ++++++++---------
 7 files changed, 1379 insertions(+), 1626 deletions(-)
 create mode 100644 src/views/operation/seaexport/detail/modules/aiRecognition.vue

diff --git a/src/components/Print/printModal.vue b/src/components/Print/printModal.vue
index 3b23476b..95f15320 100644
--- a/src/components/Print/printModal.vue
+++ b/src/components/Print/printModal.vue
@@ -79,7 +79,12 @@ function print() {
 const shareFlag = ref(false)
 const codeUrl = ref('')
 function copy() {
-    navigator.clipboard.writeText(fileURL.value)
+    const el = document.createElement('input')
+    el.setAttribute('value', fileURL.value)
+    document.body.appendChild(el)
+    el.select()
+    document.execCommand('copy')
+    document.body.removeChild(el)
     createMessage.success("复制成功")
 }
 function downLoad() {
diff --git a/src/views/operation/invoiceApply/columns.tsx b/src/views/operation/invoiceApply/columns.tsx
index 3fbf03dd..c505ae56 100644
--- a/src/views/operation/invoiceApply/columns.tsx
+++ b/src/views/operation/invoiceApply/columns.tsx
@@ -142,8 +142,14 @@ export const columns: BasicColumn[] = [
     align: 'left',
   },
   {
-    title: '申请金额',
-    dataIndex: 'applyAmount',
+    title: '申请金额RMB',
+    dataIndex: 'applyAmountRMB',
+    width: 100,
+    align: 'left',
+  },
+  {
+    title: '申请金额USD',
+    dataIndex: 'applyAmountUSD',
     width: 100,
     align: 'left',
   },
diff --git a/src/views/operation/invoiceApply/detail/InvoiceDetails.vue b/src/views/operation/invoiceApply/detail/InvoiceDetails.vue
index 75c02444..52d3a799 100644
--- a/src/views/operation/invoiceApply/detail/InvoiceDetails.vue
+++ b/src/views/operation/invoiceApply/detail/InvoiceDetails.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <a-modal width="1600px" @cancel="open = false" :visible="open" title="添加发票申请明细" :footer="null">
+        <a-modal  :maskClosable="false" style="top: 20px" width="1600px" @cancel="open = false" :visible="open" title="添加发票申请明细" :footer="null">
             <div style="padding-bottom:5px ;">
                 <div>
                     <BasicTable class="ds-table" @selection-change="onSelectChange" :rowClassName="rowClassName"
@@ -784,4 +784,5 @@ defineExpose({ init, changeCustIn })
         padding: 0 5px;
     }
 }
+
 </style>
\ No newline at end of file
diff --git a/src/views/operation/invoiceApply/detail/index.vue b/src/views/operation/invoiceApply/detail/index.vue
index a98a86d1..0349b525 100644
--- a/src/views/operation/invoiceApply/detail/index.vue
+++ b/src/views/operation/invoiceApply/detail/index.vue
@@ -160,7 +160,7 @@
                 <a-select v-model:value="tempNameId" style="width: 80%">
                     <a-select-option :value="item.id" v-for="(item, index) in tempList" :key="index">{{
                         item.name
-                    }}</a-select-option>
+                        }}</a-select-option>
                 </a-select>
             </a-modal>
         </a-spin>
@@ -197,6 +197,7 @@ import { useGo } from '/@/hooks/web/usePage'
 import { useUserStore } from '/@/store/modules/user'
 import { numberThousandFormat } from '/@/utils/commonUtil'
 import { useMultipleTabStore } from '/@/store/modules/multipleTab'
+import moment from 'moment'
 const tabStore = useMultipleTabStore()
 const userStore = useUserStore()
 const go = useGo()
@@ -253,6 +254,7 @@ const bankForm = [
         componentProps: ({ formModel }) => {
             return {
                 options: bankListAll.value,
+                allowClear: false,
                 mode: 'SECRET_COMBOBOX_MODE_DO_NOT_USE',
                 fieldNames: {
                     label: 'invoiceHeader',
@@ -275,30 +277,22 @@ const bankForm = [
                                 customerBankId: obj.id,
                                 customerBankName: obj.bankName + obj.bankAccountNo,
                             })
-                            setFieldsValue({
-                                usdCustomerBankId: '-',
-                                usdCustomerBankName: '-',
-                            })
                         }
                         if (obj.currency == 'USD') {
                             setFieldsValue({
                                 usdCustomerBankId: obj.id,
                                 usdCustomerBankName: obj.bankName + obj.bankAccountNo,
                             })
-                            setFieldsValue({
-                                customerBankId: '-',
-                                customerBankName: '-',
-                            })
                         }
                     }
                     if (!obj && !e) {
                         setFieldsValue({
-                            customerBankId: '-',
-                            customerBankName: '-',
-                            usdCustomerBankId: '-',
-                            usdCustomerBankName: '-',
-                            taxID: '-',
-                            customerAddTel: '-',
+                            customerBankId: '',
+                            customerBankName: '',
+                            usdCustomerBankId: '',
+                            usdCustomerBankName: '',
+                            taxID: '',
+                            customerAddTel: '',
                         })
                     }
                 },
@@ -333,6 +327,7 @@ const bankForm = [
             return {
                 options: bankList.value,
                 showSearch: true,
+                allowClear: false,
                 fieldNames: {
                     label: 'name',
                     value: 'name',
@@ -341,7 +336,7 @@ const bankForm = [
                     if (obj) {
                         obj.invoiceAddress = obj.invoiceAddress ? obj.invoiceAddress : ''
                         obj.invoiceTel = obj.invoiceTel ? obj.invoiceTel : ''
-                        obj.invoiceHeader = obj.invoiceHeader ? obj.invoiceHeader : '-'
+                        obj.invoiceHeader = obj.invoiceHeader ? obj.invoiceHeader : ''
                         formModel.customerBankId = obj.id
                         formModel.invoiceHeader = obj.invoiceHeader
                         formModel.invoiceTel = obj.invoiceTel ? obj.invoiceTel : ''
@@ -349,11 +344,11 @@ const bankForm = [
                         formModel.customerAddTel = obj.invoiceAddress + ' ' + obj.invoiceTel
                     }
                     if (!obj && !e) {
-                        formModel.customerBankId = '-'
+                        formModel.customerBankId = ''
                         setFieldsValue({
-                            invoiceHeader: '-',
-                            taxID: '-',
-                            customerAddTel: '-'
+                            invoiceHeader: '',
+                            taxID: '',
+                            customerAddTel: ''
                         })
                     }
                 },
@@ -374,6 +369,7 @@ const bankForm = [
         field: 'usdCustomerBankName',
         label: 'USD开户行及账号',
         colProps: { span: 24 },
+        allowClear: false,
         component: 'Select',
         componentProps: ({ formModel }) => {
             return {
@@ -389,8 +385,8 @@ const bankForm = [
                 onChange: (e, obj) => {
                     if (obj) {
                         formModel.usdCustomerBankId = obj.id
-                        obj.invoiceAddress = obj.invoiceAddress ? obj.invoiceAddress : '-'
-                        obj.invoiceTel = obj.invoiceTel ? obj.invoiceTel : '-'
+                        obj.invoiceAddress = obj.invoiceAddress ? obj.invoiceAddress : ''
+                        obj.invoiceTel = obj.invoiceTel ? obj.invoiceTel : ''
                         setFieldsValue({
                             invoiceHeader: obj.invoiceHeader,
                             taxID: obj.invoiceTaxNo,
@@ -398,12 +394,12 @@ const bankForm = [
                         })
                     }
                     if (!obj && !e) {
-                        formModel.usdCustomerBankId = '-'
-                        setFieldsValue({
-                            invoiceHeader: '-',
-                            taxID: '-',
-                            customerAddTel: '-'
-                        })
+                        // formModel.usdCustomerBankId = '-'
+                        // setFieldsValue({
+                        //     invoiceHeader: '-',
+                        //     taxID: '-',
+                        //     customerAddTel: '-'
+                        // })
                     }
                 },
             }
@@ -457,7 +453,12 @@ const bottomForm = [
         label: '申请日期',
         component: 'DatePicker',
         colProps: { span: 4 },
-        defaultValue: dayjs().format('YYYY-MM-DD'),
+        componentProps: (e) => {
+            return {
+                valueFormat: 'YYYY-MM-DD',
+                format: 'YYYY-MM-DD',
+            }
+        },
     },
     {
         label: '客户名称',
@@ -601,97 +602,7 @@ const bottomForm = [
         },
     },
 ]
-const bottomFormEdit = [
-    {
-        field: 'customer',
-        label: '',
-        component: 'DEdit',
-        show: false,
-        colProps: { span: 12 },
-    },
-    {
-        field: 'customerId',
-        label: '',
-        component: 'DEdit',
-        show: false,
-        colProps: { span: 12 },
-    },
-    {
-        field: 'createByName',
-        label: '申请人',
-        slot: 'createByNameSlot',
-        component: 'DEdit',
-        colProps: { span: 4 },
-    },
-    {
-        field: 'createTime',
-        label: '申请日期',
-        component: 'DEdit',
-        colProps: { span: 4 },
-        defaultValue: '',
-        componentProps: (e) => {
-            return {
-                valueFormat: 'YYYY-MM-DD',
-                format: 'YYYY-MM-DD',
-                onEdit: () => {
-                    const { formActionType } = e
-                    formActionType ? formActionType.linkageForm(e) : null
-                },
-            }
-        },
-    },
-    {
-        label: '客户名称',
-        field: 'customerName',
-        component: 'DEdit',
-        colProps: { span: 4 },
-        componentProps: (e) => {
-            const { formModel } = e
-            return {
-                onEdit: () => {
-                    const { formActionType } = e
-                    formActionType ? formActionType.linkageForm(e) : null
-                },
-            }
-        },
-    },
-    {
-        field: 'saleDeptId',
-        label: '',
-        component: 'Input',
-        show: false,
-        colProps: { span: 12 },
-    },
-    {
-        field: 'saleDeptName',
-        label: '所属分部',
-        component: 'DEdit',
-        colProps: { span: 4 },
-        componentProps: (e) => {
-            return {
-                onEdit: () => {
-                    const { formActionType } = e
-                    formActionType ? formActionType.linkageForm(e) : null
-                },
-            }
-        },
-    },
-    {
-        label: '代开客户',
-        field: 'autualCustomerName',
-        component: 'DEdit',
-        dynamicDisabled: false,
-        colProps: { span: 4 },
-        componentProps: (e) => {
-            return {
-                onEdit: () => {
-                    const { formActionType } = e
-                    formActionType ? formActionType.linkageForm(e) : null
-                },
-            }
-        },
-    },
-]
+
 
 const route = useRoute()
 const { createMessage } = useMessage()
@@ -718,6 +629,7 @@ const [
 ] = useForm({
     labelWidth: 100,
     schemas: bottomForm,
+    readonly: true,
     showActionButtonGroup: false,
 })
 const linkageForm = (e) => {
@@ -853,25 +765,9 @@ function init() {
             createByName: userStore.getUserInfo ? userStore.getUserInfo.userName : '',
         })
         feeTableRef.value.open()
+        bottomRsetFieldsValue({ createTime: dayjs().format('YYYY-MM-DD') })
     }
-    // bankForm.forEach((item) => {
-    //     if (item.show !== false && item.component !== 'Divider') {
-    //         EditBankForm.forEach((item2) => {
-    //             if (item.field == item2.field) {
-    //                 updateSchema(item2)
-    //             }
-    //         })
-    //     }
-    // })
-    bottomForm.forEach((item) => {
-        if (item.show !== false && item.component !== 'Divider') {
-            bottomFormEdit.forEach((item2) => {
-                if (item.field == item2.field) {
-                    updateSchemaBottom(item2)
-                }
-            })
-        }
-    })
+
 }
 function handleWithdraw() {
     if (!loading.value) {
@@ -908,17 +804,19 @@ function getDetail() {
             form.value.statusText = res.data.statusText
             form.value.status = res.data.status
             form.value.applicationNO = res.data.applicationNO
+            form.value.currency = res.data.currency
             details.value = res.data.details
             feeTableRef.value.changeCust(res.data.customerId)
             amountArr.value = []
+            totalRmb.value = 0
             if (res.data.currency == 'RMB') {
                 form.value.isRMB = true
                 res.data.isRMB = true
                 res.data.isYB = false
                 res.data.summaryItems.forEach(item => {
                     totalRmb.value += Number(item.amount)
-                    totalRmb.value = numberThousandFormat(totalRmb.value, 2, true)
                 })
+                totalRmb.value = numberThousandFormat(totalRmb.value, 2, false)
             } else {
                 form.value.isYB = true
                 res.data.isRMB = false
@@ -1129,16 +1027,17 @@ function addLeftSave(arr, query, exchang, type) {
 }
 const tempNameId = ref('')
 function handleRender() {
-    let temp = null
-    tempList.value.forEach((item) => {
-        if (item.id == tempNameId.value) {
-            temp = item.content
-        }
-    })
-    if (temp != null && temp != '') {
+    if (tempNameId.value) {
+        let currency = null
+        tempList.value.forEach((item) => {
+            if (item.id == tempNameId.value) {
+                currency = item.currency
+            }
+        })
         const data = {
             id: id.value,
-            template: temp ? temp : null,
+            currency: currency,
+            templateId: tempNameId.value,
         }
         RenderTemplate(data).then((res) => {
             if (res.succeeded) {
@@ -1333,4 +1232,8 @@ function handleSelect(value) {
 .orange {
     color: #ffa500;
 }
+
+:deep(.ds-form-onlyread) {
+    height: 19px !important;
+}
 </style>
diff --git a/src/views/operation/invoiceApply/index.vue b/src/views/operation/invoiceApply/index.vue
index 7cdaf7a7..7fdf3c9d 100644
--- a/src/views/operation/invoiceApply/index.vue
+++ b/src/views/operation/invoiceApply/index.vue
@@ -132,7 +132,8 @@ const [registerTable, { reload, getForm, getSelectRows, getRawDataSource }] = us
     const res: API.DataResult = await GetList(p)
     return new Promise((resolve) => {
       res.data.forEach(item=>{
-        item.applyAmount = item.applyAmount.toFixed(2)
+        item.applyAmountRMB = item.applyAmountRMB.toFixed(2)
+        item.applyAmountUSD = item.applyAmountUSD.toFixed(2)
       })
       resolve({ data: [...res.data], total: res.count })
     })
diff --git a/src/views/operation/seaexport/detail/modules/aiRecognition.vue b/src/views/operation/seaexport/detail/modules/aiRecognition.vue
new file mode 100644
index 00000000..b505c02c
--- /dev/null
+++ b/src/views/operation/seaexport/detail/modules/aiRecognition.vue
@@ -0,0 +1,59 @@
+<template>
+    <!-- ai识别 -->
+    <a-drawer title="AI识别" width="65vw" :destroyOnClose="true" :mask="false" placement="right" :visible="aiFlag"
+        @close="aiOnClose" class="OCRBox">
+        <a-spin :spinning="uloading">
+            <a-upload-dragger v-if="!fileUrl" :file-list="fileList" accept=".pdf" :before-upload="beforeUpload" name="file"
+                :customRequest="uploadFile">
+                <p class="ant-upload-drag-icon">
+                    <inbox-outlined></inbox-outlined>
+                </p>
+                <p class="ant-upload-text">点击或将文件拖拽上传</p>
+                <p class="ant-upload-hint">
+                    支持文件格式：.png,.jpg,.jpeg,.xls,.xlsx,.doc,.docx,.rtf,.pdf,.bmp,.tif,.html,.htm,.odt,.xlsm
+                </p>
+            </a-upload-dragger>
+            <div class="list" v-else >
+                <div class="left" >
+                    <iframe width="100%" height="1000px" :src="fileUrl" frameborder="0"></iframe>
+                </div>
+              <div class="right" ></div>
+            </div>
+             
+
+        </a-spin>
+    </a-drawer>
+</template>
+<script lang="ts" setup>
+import { ref, reactive, h, watch, nextTick } from 'vue'
+import { InboxOutlined } from '@ant-design/icons-vue';
+import axios from 'axios'
+const aiFlag = ref(false)
+const uloading = ref(false)
+const fileList = ref([])
+function aiOnClose() {
+
+}
+const fileUrl = ref('')
+
+function beforeUpload() {
+
+}
+function uploadFile(file) {
+    fileUrl.value = window.URL.createObjectURL(file.file)
+}
+function init() {
+    aiFlag.value = true
+}
+defineExpose({
+    init, uploadFile
+})
+</script>
+<style lang="less" scoped >
+.list{
+    display: flex;
+    .left{
+        width: 50%;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/operation/seaexport/detail/modules/operationArea.vue b/src/views/operation/seaexport/detail/modules/operationArea.vue
index 55e95e52..7e9014b5 100644
--- a/src/views/operation/seaexport/detail/modules/operationArea.vue
+++ b/src/views/operation/seaexport/detail/modules/operationArea.vue
@@ -2,33 +2,20 @@
   <div class="operation-area">
     <div>
       <template v-if="status === 'WAIT_BC'">
-        <a-button @click="openfile" type="link"
-          ><i class="iconfont icon-52" style="margin-left: 30px"></i>上传BC并放舱</a-button
-        >
+        <a-button @click="openfile" type="link"><i class="iconfont icon-52"
+            style="margin-left: 30px"></i>上传BC并放舱</a-button>
       </template>
-      <a-button
-        v-repeat
-        v-if="source == 'edit' || source == 'copy' || status == 'WAIT_BOOKING'"
-        type="link"
-        @click="openModel('bookingSpace')"
-      >
+      <a-button v-repeat v-if="source == 'edit' || source == 'copy' || status == 'WAIT_BOOKING'" type="link"
+        @click="openModel('bookingSpace')">
         <span class="iconfont icon-gongdanqueren"></span>
         订舱
       </a-button>
-      <a-button
-        v-if="source == 'edit' || source == 'copy' || source == 'copy' || status == 'WAIT_SI'"
-        type="link"
-        @click="openModel('cutOff')"
-      >
+      <a-button v-if="source == 'edit' || source == 'copy' || source == 'copy' || status == 'WAIT_SI'" type="link"
+        @click="openModel('cutOff')">
         <span class="iconfont icon-lanjie"></span>
         截单
       </a-button>
-      <a-popconfirm
-        title="您当前未选择服务项目，是否继续操作？"
-        ok-text="是"
-        cancel-text="否"
-        @confirm="openModel('vgm')"
-      >
+      <a-popconfirm title="您当前未选择服务项目，是否继续操作？" ok-text="是" cancel-text="否" @confirm="openModel('vgm')">
         <a-button v-if="source == 'edit' || source == 'copy' || status == 'WAIT_VGM'" type="link">
           <span class="iconfont icon-lanjie"></span>
           VGM
@@ -38,11 +25,8 @@
         <span class="iconfont icon-dingwei"></span>
         运踪
       </a-button>
-      <a-button
-        v-if="source == 'edit' || source == 'copy' || status == 'WAIT_CANGDAN'"
-        type="link"
-        @click="openPreOrderFun"
-      >
+      <a-button v-if="source == 'edit' || source == 'copy' || status == 'WAIT_CANGDAN'" type="link"
+        @click="openPreOrderFun">
         <span class="iconfont icon-chuanfanguanli-chuanfanshenqing"></span>
         舱单
       </a-button>
@@ -50,11 +34,8 @@
         <span class="iconfont icon-touzijilu"></span>
         下货纸
       </a-button>
-      <a-button
-        v-if="source == 'edit' || source == 'copy' || status == 'WAIT_SPACE_RELEASE'"
-        type="link"
-        @click="FnOpBusinessYard"
-      >
+      <a-button v-if="source == 'edit' || source == 'copy' || status == 'WAIT_SPACE_RELEASE'" type="link"
+        @click="FnOpBusinessYard">
         <span class="iconfont icon-a-fahuodaifahuo"></span>
         放舱
       </a-button>
@@ -62,34 +43,18 @@
         <span class="iconfont icon-yunshu1"></span>
         派车
       </a-button>
-      <a-button
-        v-if="source == 'edit' || source == 'copy'"
-        type="link"
-        v-repeat
-        @click="FnTxxpLink"
-      >
+      <a-button v-if="source == 'edit' || source == 'copy'" type="link" v-repeat @click="FnTxxpLink">
         <span class="iconfont icon-a-xiaopiaofapiao-01"></span>
         小票
       </a-button>
-      <a-upload
-        v-if="source == 'edit' || source == 'copy'"
-        :file-list="fileList"
-        accept=".pdf"
-        :before-upload="beforeUpload"
-        name="file"
-        :customRequest="uploadFile"
-      >
+      <a-upload v-if="source == 'edit' || source == 'copy'" :file-list="fileList" accept=".pdf"
+        :before-upload="beforeUpload" name="file" :customRequest="uploadFile">
         <a-button v-if="source == 'edit' || source == 'copy'" type="link" v-repeat @click="ShowOCR">
           <span class="iconfont icon-OCR"></span>
           OCR
         </a-button>
       </a-upload>
-      <a-button
-        v-if="source == 'edit' || source == 'copy'"
-        type="link"
-        v-repeat
-        @click="handleSubmitTelex"
-      >
+      <a-button v-if="source == 'edit' || source == 'copy'" type="link" v-repeat @click="handleSubmitTelex">
         <span class="iconfont icon-lunchuan"></span>
         电放
       </a-button>
@@ -97,45 +62,34 @@
         <span class="iconfont icon-weibiaoti--"></span>
         保函
       </a-button>
-      <a-button
-        v-if="source == 'edit' || source == 'copy'"
-        type="link"
-        v-repeat
-        @click="changeConfig"
-      >
+      <a-button v-if="source == 'edit' || source == 'copy'" type="link" v-repeat @click="changeConfig">
         <span class="iconfont icon-a-gaipei1"></span>
         改配
       </a-button>
-      <a-button
-        v-if="
-          source == 'edit' ||
-          source == 'copy' ||
-          (source == 'Pending' && status == 'RETURN_CABIN_AUDIT')
-        "
-        type="link"
-        v-repeat
-        @click="returnCabin"
-      >
+      <a-button v-if="
+        source == 'edit' ||
+        source == 'copy' ||
+        (source == 'Pending' && status == 'RETURN_CABIN_AUDIT')
+      " type="link" v-repeat @click="returnCabin">
         <span class="iconfont icon-tuihuotuihuo"></span>
         退舱
       </a-button>
+      <!-- <a-upload v-if="source == 'edit' || source == 'copy'" :file-list="fileList" accept=".pdf"
+        :before-upload="beforeUpload" name="file" :customRequest="uploadFileByAi">
+        <a-button v-if="source == 'edit' || source == 'copy'" type="link" v-repeat @click="ShowAi">
+          <span class="iconfont icon-OCR"></span>
+          AI识别
+        </a-button>
+      </a-upload> -->
     </div>
     <!-- 放舱(场站入货) -->
     <OpBusinessYardDetails :details="details" @register="OYregisterModal" />
     <!-- 派车信息 -->
     <OpBusinessTruckDetails :businessId="details.id" @register="OTregisterModal" />
     <!-- 弹窗部分 start -->
-    <a-modal
-      :title="emnuHeader(modelType)"
-      :destroyOnClose="true"
-      class="ds-modal-small"
-      :width="['bookingSpace', 'cutOff'].includes(modelType) ? 600 : 1200"
-      :visible="bookingModelvisible"
-      :confirmLoading="bookingModelconfirm"
-      :maskClosable="false"
-      @ok="handleModelSubmit"
-      @cancel="handleModelCancel"
-    >
+    <a-modal :title="emnuHeader(modelType)" :destroyOnClose="true" class="ds-modal-small"
+      :width="['bookingSpace', 'cutOff'].includes(modelType) ? 600 : 1200" :visible="bookingModelvisible"
+      :confirmLoading="bookingModelconfirm" :maskClosable="false" @ok="handleModelSubmit" @cancel="handleModelCancel">
       <template v-if="['bookingSpace', 'cutOff'].includes(modelType)">
         <div class="modal-card">
           <a-form layout="vertical" class="ds-form-detail">
@@ -152,41 +106,21 @@
       <template v-else-if="['ladingBill', 'vgmlink'].includes(modelType)">
         <div class="model-btn-list" v-if="modelType === 'ladingBill'">
           <a-button class="btn" @click="saveModel" :loading="SaveLoading">保存</a-button>
-          <a-button
-            class="btn"
-            type="primary"
-            @click="removeModel"
-            :loading="DelLoading"
-            v-if="['ladingBill'].includes(modelType)"
-          >
+          <a-button class="btn" type="primary" @click="removeModel" :loading="DelLoading"
+            v-if="['ladingBill'].includes(modelType)">
             删除
           </a-button>
           <template v-if="modelType === 'ladingBill'">
             <a-button class="btn" type="primary" @click="downLoadFile"> 打印 </a-button>
           </template>
-          <a-button
-            class="btn"
-            type="primary"
-            v-if="modelType == 'initCabin'"
-            @click="sendModel"
-            :loading="SendLoading"
-          >
+          <a-button class="btn" type="primary" v-if="modelType == 'initCabin'" @click="sendModel"
+            :loading="SendLoading">
             发送
           </a-button>
-          <a-button
-            class="btn"
-            type="primary"
-            v-if="modelType == 'initCabin'"
-            @click="handleOpenHis"
-          >
+          <a-button class="btn" type="primary" v-if="modelType == 'initCabin'" @click="handleOpenHis">
             引入
           </a-button>
-          <a-button
-            class="btn"
-            type="primary"
-            v-if="modelType == 'initCabin'"
-            @click="handleOpenHisData"
-          >
+          <a-button class="btn" type="primary" v-if="modelType == 'initCabin'" @click="handleOpenHisData">
             历史
           </a-button>
         </div>
@@ -194,29 +128,16 @@
           <a-row :gutter="16">
             <a-col :span="24">
               <a-col :span="18">
-                <a-form-item
-                  label="TO"
-                  :labelCol="{ xs: { span: 24 }, sm: { span: 2 } }"
-                  :wrapperCol="{ xs: { span: 24 }, sm: { span: 21 } }"
-                  has-feedback
-                  :style="{ marginLeft: '-18px' }"
-                >
+                <a-form-item label="TO" :labelCol="{ xs: { span: 24 }, sm: { span: 2 } }"
+                  :wrapperCol="{ xs: { span: 24 }, sm: { span: 21 } }" has-feedback :style="{ marginLeft: '-18px' }">
                   <a-input :allowClear="true" v-model="initCabinFrom.toName" />
                 </a-form-item>
               </a-col>
               <a-col :span="6" v-if="modelType == 'initCabin'">
-                <a-form-item
-                  label="打印格式"
-                  :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
-                  :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                  has-feedback
-                >
+                <a-form-item label="打印格式" :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
+                  :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                   <a-select :allowClear="true" v-model="initCabinFrom.templateId">
-                    <a-select-option
-                      v-for="item in initCabinSendData"
-                      :value="item.id"
-                      :key="item.id"
-                    >
+                    <a-select-option v-for="item in initCabinSendData" :value="item.id" :key="item.id">
                       {{ item.displayName }}
                     </a-select-option>
                   </a-select>
@@ -225,101 +146,62 @@
             </a-col>
 
             <a-col :span="6">
-              <a-form-item
-                label="ATTN"
-                :labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
-                :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                has-feedback
-              >
+              <a-form-item label="ATTN" :labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
+                :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                 <a-input :allowClear="true" v-model="initCabinFrom.attn" />
               </a-form-item>
             </a-col>
             <a-col :span="6">
-              <a-form-item
-                label="电话"
-                :labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
-                :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                has-feedback
-              >
+              <a-form-item label="电话" :labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
+                :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                 <a-input :allowClear="true" v-model="initCabinFrom.attnTel" />
               </a-form-item>
             </a-col>
             <a-col :span="6">
-              <a-form-item
-                label="邮箱"
-                :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
-                :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                has-feedback
-              >
+              <a-form-item label="邮箱" :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
+                :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                 <a-input :allowClear="true" v-model="initCabinFrom.attnMail" />
               </a-form-item>
             </a-col>
             <a-col :span="6">
-              <a-form-item
-                label="手机"
-                :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
-                :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                has-feedback
-              >
+              <a-form-item label="手机" :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
+                :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                 <a-input :allowClear="true" v-model="initCabinFrom.attnPhone" />
               </a-form-item>
             </a-col>
 
             <a-col :span="6">
-              <a-form-item
-                label="FROM"
-                :labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
-                :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                has-feedback
-              >
+              <a-form-item label="FROM" :labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
+                :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                 <a-input :allowClear="true" v-model="initCabinFrom.fromName" />
               </a-form-item>
             </a-col>
             <a-col :span="6">
-              <a-form-item
-                label="电话"
-                :labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
-                :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                has-feedback
-              >
+              <a-form-item label="电话" :labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
+                :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                 <a-input :allowClear="true" v-model="initCabinFrom.fromTel" />
               </a-form-item>
             </a-col>
             <a-col :span="6">
-              <a-form-item
-                label="邮箱"
-                :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
-                :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                has-feedback
-              >
+              <a-form-item label="邮箱" :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
+                :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                 <a-input :allowClear="true" v-model="initCabinFrom.fromMail" />
               </a-form-item>
             </a-col>
             <a-col :span="6">
-              <a-form-item
-                label="手机"
-                :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
-                :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                has-feedback
-              >
+              <a-form-item label="手机" :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
+                :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                 <a-input :allowClear="true" v-model="initCabinFrom.fromPhone" />
               </a-form-item>
             </a-col>
             <template v-if="modelType === 'vgmlink'">
               <div class="item-box" style="padding-top: 0px; padding-bottom: 0px">
                 <a-col :span="24">
-                  <a-form-item
-                    label="VGM提交地址"
-                    :labelCol="{ xs: { span: 24 }, sm: { span: 3 } }"
-                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                    has-feedback
-                  >
+                  <a-form-item label="VGM提交地址" :labelCol="{ xs: { span: 24 }, sm: { span: 3 } }"
+                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                     <div class="box-flex">
-                      <a-input
-                        style="width: 1000px !important; text-align: left"
-                        :allowClear="true"
-                        v-model="initCabinFrom.orderUrl.urlVgm"
-                      />
+                      <a-input style="width: 1000px !important; text-align: left" :allowClear="true"
+                        v-model="initCabinFrom.orderUrl.urlVgm" />
                       <span style="margin-left: 7px"><i class="iconfont icon-fuzhi2"></i></span>
                     </div>
                   </a-form-item>
@@ -327,135 +209,80 @@
               </div>
               <div class="item-box vgm-info">
                 <a-col :span="6">
-                  <a-form-item
-                    label="主提单号"
-                    :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
-                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                    has-feedback
-                  >
+                  <a-form-item label="主提单号" :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
+                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                     {{ details.mblno || '--' }}
                   </a-form-item>
                 </a-col>
                 <a-col :span="6">
-                  <a-form-item
-                    label="分提单号"
-                    :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
-                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                    has-feedback
-                  >
+                  <a-form-item label="分提单号" :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
+                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                     {{ details.hblno || '--' }}
                   </a-form-item>
                 </a-col>
                 <a-col :span="6">
-                  <a-form-item
-                    label="海关航次"
-                    :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
-                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                    has-feedback
-                  >
+                  <a-form-item label="海关航次" :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
+                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                     {{ details.voyno || '--' }}
                   </a-form-item>
                 </a-col>
                 <a-col :span="6">
-                  <a-form-item
-                    label="开船日期"
-                    :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
-                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                    has-feedback
-                  >
+                  <a-form-item label="开船日期" :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
+                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                     {{ details.etd || '--' }}
                   </a-form-item>
                 </a-col>
                 <a-col :span="6">
-                  <a-form-item
-                    label="截港时间"
-                    :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
-                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                    has-feedback
-                  >
+                  <a-form-item label="截港时间" :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
+                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                     {{ details.closingdate || '--' }}
                   </a-form-item>
                 </a-col>
                 <a-col :span="6">
-                  <a-form-item
-                    label="截单时间"
-                    :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
-                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                    has-feedback
-                  >
+                  <a-form-item label="截单时间" :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
+                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                     {{ details.closedocdate || '--' }}
                   </a-form-item>
                 </a-col>
                 <a-col :span="12">
-                  <a-form-item
-                    label="截VGM时间"
-                    :labelCol="{ xs: { span: 24 }, sm: { span: 4 } }"
-                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                    has-feedback
-                  >
+                  <a-form-item label="截VGM时间" :labelCol="{ xs: { span: 24 }, sm: { span: 4 } }"
+                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                     {{ details.closevgmdate || '--' }}
                   </a-form-item>
                 </a-col>
                 <a-col :span="6">
-                  <a-form-item
-                    label="装货港"
-                    :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
-                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                    has-feedback
-                  >
+                  <a-form-item label="装货港" :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
+                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                     {{ details.portload || '--' }}
                   </a-form-item>
                 </a-col>
                 <a-col :span="6">
-                  <a-form-item
-                    label="卸货港"
-                    :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
-                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                    has-feedback
-                  >
+                  <a-form-item label="卸货港" :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
+                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                     {{ details.portdischarge || '--' }}
                   </a-form-item>
                 </a-col>
                 <a-col :span="6">
-                  <a-form-item
-                    label="目的地"
-                    :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
-                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                    has-feedback
-                  >
+                  <a-form-item label="目的地" :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
+                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                     {{ details.destination || '--' }}
                   </a-form-item>
                 </a-col>
                 <a-col :span="6">
-                  <a-form-item
-                    label="件重尺"
-                    :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
-                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                    has-feedback
-                  >
+                  <a-form-item label="件重尺" :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
+                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                     {{ details.pkgs || '--' }} / {{ details.kgs || '--' }} /
                     {{ details.cbm || '--' }}
                   </a-form-item>
                 </a-col>
               </div>
-              <div
-                class="item-box vgm-remarks"
-                style="padding-top: 0px; padding-bottom: 0px; height: 85px"
-              >
+              <div class="item-box vgm-remarks" style="padding-top: 0px; padding-bottom: 0px; height: 85px">
                 <a-col :span="24">
-                  <a-form-item
-                    label="备注"
-                    :labelCol="{ xs: { span: 24 }, sm: { span: 3 } }"
-                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
-                    has-feedback
-                  >
+                  <a-form-item label="备注" :labelCol="{ xs: { span: 24 }, sm: { span: 3 } }"
+                    :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
                     <div class="box-flex">
-                      <a-textarea
-                        style="width: 1000px !important; text-align: left"
-                        :allowClear="true"
-                        :auto-size="{ minRows: 3, maxRows: 3 }"
-                        v-model="initCabinFrom.remark"
-                      />
+                      <a-textarea style="width: 1000px !important; text-align: left" :allowClear="true"
+                        :auto-size="{ minRows: 3, maxRows: 3 }" v-model="initCabinFrom.remark" />
                     </div>
                   </a-form-item>
                 </a-col>
@@ -466,30 +293,18 @@
       </template>
       <template #footer v-if="['bookingSpace', 'cutOff'].includes(modelType)">
         <a-button @click="handleModelCancel">关闭</a-button>
-        <a-button type="primary" @click="handleModelSubmit('save')" :loading="EDISloading"
-          >保存 <template v-if="modelType === 'cutOff'">ESI</template
-          ><template v-else>EDI</template>文件</a-button
-        >
-        <a-button type="primary" @click="handleModelSubmit('send')" :loading="EDIUloading"
-          >上传 <template v-if="modelType === 'cutOff'">ESI</template
-          ><template v-else>EDI</template></a-button
-        >
+        <a-button type="primary" @click="handleModelSubmit('save')" :loading="EDISloading">保存 <template
+            v-if="modelType === 'cutOff'">ESI</template><template v-else>EDI</template>文件</a-button>
+        <a-button type="primary" @click="handleModelSubmit('send')" :loading="EDIUloading">上传 <template
+            v-if="modelType === 'cutOff'">ESI</template><template v-else>EDI</template></a-button>
       </template>
       <template #footer v-else-if="['initCabin', 'ladingBill', 'vgmlink'].includes(modelType)">
         <a-button @click="handleModelCancel">关闭</a-button>
       </template>
     </a-modal>
     <!-- OCR抽屉 start -->
-    <a-drawer
-      title="OCR"
-      width="45vw"
-      :destroyOnClose="true"
-      :mask="false"
-      placement="right"
-      :visible="OcrVisible"
-      @close="OcrOnClose"
-      class="OCRBox"
-    >
+    <a-drawer title="OCR" width="45vw" :destroyOnClose="true" :mask="false" placement="right" :visible="OcrVisible"
+      @close="OcrOnClose" class="OCRBox">
       <a-spin :spinning="uloading">
         <a-row justify="end" :style="{ width: '100%', marginTop: '5px' }">
           <a-col :span="6" :offset="18">
@@ -503,17 +318,8 @@
           </a-col>
         </a-row>
 
-        <canvas
-          class="CV"
-          id="myCanvas"
-          ref="myCanvas"
-          width="893"
-          height="1262"
-          @mousedown="mousedown"
-          @mouseup="mouseup"
-          @mousemove="mousemove"
-          :style="{ backgroundImage: `url(${imgSrc})` }"
-        ></canvas>
+        <canvas class="CV" id="myCanvas" ref="myCanvas" width="893" height="1262" @mousedown="mousedown"
+          @mouseup="mouseup" @mousemove="mousemove" :style="{ backgroundImage: `url(${imgSrc})` }"></canvas>
         <ul class="CvBox" v-if="CvBoxType" :style="{ left: `${Bx}px`, top: `${By}px` }">
           <li v-for="item in BCvData" :key="item.name" @click="FnClickCvBox(item)">{{
             item.name
@@ -522,27 +328,12 @@
       </a-spin>
     </a-drawer>
     <!-- 运踪弹窗 -->
-    <a-modal
-      width="500px"
-      class="ds-modal-small"
-      :maskClosable="false"
-      v-model:visible="traceModalVisible"
-      title="运踪订阅"
-    >
+    <a-modal width="500px" class="ds-modal-small" :maskClosable="false" v-model:visible="traceModalVisible"
+      title="运踪订阅">
       <div class="modal-card">
-        <a-form
-          ref="traceRef"
-          class="ds-detail-form"
-          layout="vertical"
-          :model="traceForm"
-          :rules="rules"
-        >
+        <a-form ref="traceRef" class="ds-detail-form" layout="vertical" :model="traceForm" :rules="rules">
           <a-form-item label="请选择订阅内容" name="traceValue">
-            <a-checkbox-group
-              class="trace-check"
-              v-model:value="traceForm.traceValue"
-              :options="traceOptions"
-            />
+            <a-checkbox-group class="trace-check" v-model:value="traceForm.traceValue" :options="traceOptions" />
           </a-form-item>
         </a-form>
       </div>
@@ -551,28 +342,16 @@
         <a-button :loading="tloading" type="primary" @click="traceSend">订阅</a-button>
       </template>
     </a-modal>
-    <a-modal
-      @cancel="fileFlag = false"
-      :visible="fileFlag"
-      title="上传BC并放舱"
-      @ok="handleSaveFile"
-    >
+    <a-modal @cancel="fileFlag = false" :visible="fileFlag" title="上传BC并放舱" @ok="handleSaveFile">
       <div style="margin: 15px 0">
         <a-spin :spinning="fileLoad">
           <BasicForm @register="registerForm" />
-          <a-upload
-            :file-list="upFileList"
-            :before-upload="beforeUploadBC"
-            :max-count="1"
-            accept=".xlsm,.xlsx,.xls,.pdf,.txt,.pms,.jpeg,.png"
-            :rules="[{ required: true, message: '请上传文件！' }]"
-            @remove="handleRemove"
-          >
+          <a-upload :file-list="upFileList" :before-upload="beforeUploadBC" :max-count="1"
+            accept=".xlsm,.xlsx,.xls,.pdf,.txt,.pms,.jpeg,.png" :rules="[{ required: true, message: '请上传文件！' }]"
+            @remove="handleRemove">
             <a-button style="margin-top: 15px">
-              <span
-                class="iconfont icon-shujushangchuan-shixin"
-                :style="{ fontSize: '12px', marginRight: '5px' }"
-              ></span>
+              <span class="iconfont icon-shujushangchuan-shixin"
+                :style="{ fontSize: '12px', marginRight: '5px' }"></span>
               选择文件
             </a-button>
           </a-upload>
@@ -584,20 +363,9 @@
     <!-- 邮件发送弹窗 -->
     <EmailModal ref="emailModal" temCode="bill_of_lading"></EmailModal>
     <!-- 打印保函弹窗 -->
-    <DsPrint
-      ref="dsPrint"
-      code="sea_freight_f_export"
-      temCode="bill_of_letter"
-      :cid="details.carrierId"
-    />
+    <DsPrint ref="dsPrint" code="sea_freight_f_export" temCode="bill_of_letter" :cid="details.carrierId" />
     <!-- 改配 -->
-    <a-modal
-      width="500px"
-      class="ds-modal-small"
-      :maskClosable="false"
-      v-model:visible="changeConfigFlag"
-      title="改配确认"
-    >
+    <a-modal width="500px" class="ds-modal-small" :maskClosable="false" v-model:visible="changeConfigFlag" title="改配确认">
       <BasicForm @register="registerFormC" />
       <template #footer>
         <a-button @click="changeConfigFlag = false">取 消</a-button>
@@ -605,13 +373,7 @@
       </template>
     </a-modal>
     <!-- 退舱 -->
-    <a-modal
-      width="500px"
-      class="ds-modal-small"
-      :maskClosable="false"
-      v-model:visible="returnCabinFlag"
-      title="退舱确认"
-    >
+    <a-modal width="500px" class="ds-modal-small" :maskClosable="false" v-model:visible="returnCabinFlag" title="退舱确认">
       <a-spin :spinning="cabinLoad">
         <BasicForm @register="registerFormR" />
       </a-spin>
@@ -620,560 +382,567 @@
         <a-button v-repeat type="primary" @click="handleCancelCabin">退 舱</a-button>
       </template>
     </a-modal>
+    <!-- ai识别 -->
+     <aiRecognition ref="aiRecognitionRef" ></aiRecognition>
   </div>
 </template>
 <script lang="ts" setup>
-  import preOrder from './preOrder.vue'
-  // 放舱组件
-  import OpBusinessYardDetails from './Letter/OpBusinessYardDetails.vue'
-  // 派车信息组件
-  import OpBusinessTruckDetails from './Letter/OpBusinessTruckDetails.vue'
-  // 邮件发送组件
-  import EmailModal from '/@/components/EmailModal/index.vue'
-  // 打印组件
-  import DsPrint from '/@/components/Print/index.vue'
-  import {
-    GetOpenPrintModuleList,
-    GetOpenPrintTemplateList,
-    GetOpenJsonPrintInfo,
-    SendBookingOrClosingEDI,
-    SendXHZ,
-    VgmSend,
-    LetterYard,
-    SampleBill,
-    SampleBillPdf,
-    TxxpLink,
-    UploadOcrFile,
-    GetOcrImg,
-    DownloadBookingOrClosingEDI,
-    CreateRefundAuditTask,
-    GetOcrText,
-    SendTrace,
-    SubmitTelex,
-    GetClientParamListById,
-    GetChangeOrderStatus,
-    CreateChangeTaskAsync,
-  } from '/@/views/operation/seaexport/api/BookingLedger.js'
-  import { BookingTruckGetTruckListByBooking } from '/@/views/operation/seaexport/api/SendCar.js'
-  import { ref, reactive, h, watch, nextTick } from 'vue'
-  import { Modal } from 'ant-design-vue'
-  import { GetCarrierSelectList } from '/@/api/common'
-  import { useModal } from '/@/components/Modal'
-  import { useAppStore } from '/@/store/modules/app'
-  const appStore = useAppStore()
-  import { useRoute, useRouter } from 'vue-router'
-  const router = useRouter()
-  const route = useRoute()
-  const source = route.query.source || 'edit'
-  import { useMessage } from '/@/hooks/web/useMessage'
-  const { notification, createMessage } = useMessage()
-  import { columns, searchFormSchema } from './operationAreaColumns'
-  import { BasicTable, useTable, TableAction } from '/@/components/Table'
-  import { fileForm } from '/@/views/taskmanage/columns'
-  import { changeForm, returnCabinForm } from './baseInfo'
-  import { UploadBcThenRunTask } from '/@/views/taskmanage/api'
-  const emit = defineEmits([
-    'refresh',
-    'copy',
-    'save',
-    'ocrUpflie',
-    'handleSetCtnList',
-    'removeOrder',
-    'addSedList',
-    'changePage',
-    'GetData',
-    'GetDefault',
-    'SetOCR',
-    'changeConfig',
-  ])
-  const props = defineProps({
-    // 海运出口详情数据
-    details: {
-      type: Object,
-      default: {},
-    },
-    scrollTop: {
-      type: Number,
-      default: 0,
-    },
-    // 业务id
-    id: {
-      type: String,
-    },
-    // 任务类型
-    taskType: {
-      type: String,
+import preOrder from './preOrder.vue'
+// 放舱组件
+import OpBusinessYardDetails from './Letter/OpBusinessYardDetails.vue'
+// 派车信息组件
+import OpBusinessTruckDetails from './Letter/OpBusinessTruckDetails.vue'
+// 邮件发送组件
+import EmailModal from '/@/components/EmailModal/index.vue'
+// 打印组件
+import DsPrint from '/@/components/Print/index.vue'
+import {
+  GetOpenPrintModuleList,
+  GetOpenPrintTemplateList,
+  GetOpenJsonPrintInfo,
+  SendBookingOrClosingEDI,
+  SendXHZ,
+  VgmSend,
+  LetterYard,
+  SampleBill,
+  SampleBillPdf,
+  TxxpLink,
+  UploadOcrFile,
+  GetOcrImg,
+  DownloadBookingOrClosingEDI,
+  CreateRefundAuditTask,
+  GetOcrText,
+  SendTrace,
+  SubmitTelex,
+  GetClientParamListById,
+  GetChangeOrderStatus,
+  CreateChangeTaskAsync,
+} from '/@/views/operation/seaexport/api/BookingLedger.js'
+import { BookingTruckGetTruckListByBooking } from '/@/views/operation/seaexport/api/SendCar.js'
+import { ref, reactive, h, watch, nextTick } from 'vue'
+import { Modal } from 'ant-design-vue'
+import { GetCarrierSelectList } from '/@/api/common'
+import { useModal } from '/@/components/Modal'
+import { useAppStore } from '/@/store/modules/app'
+const appStore = useAppStore()
+import { useRoute, useRouter } from 'vue-router'
+const router = useRouter()
+const route = useRoute()
+const source = route.query.source || 'edit'
+import { useMessage } from '/@/hooks/web/useMessage'
+const { notification, createMessage } = useMessage()
+import { columns, searchFormSchema } from './operationAreaColumns'
+import { BasicTable, useTable, TableAction } from '/@/components/Table'
+import { fileForm } from '/@/views/taskmanage/columns'
+import { changeForm, returnCabinForm } from './baseInfo'
+import aiRecognition from './aiRecognition.vue'
+import { UploadBcThenRunTask } from '/@/views/taskmanage/api'
+const emit = defineEmits([
+  'refresh',
+  'copy',
+  'save',
+  'ocrUpflie',
+  'handleSetCtnList',
+  'removeOrder',
+  'addSedList',
+  'changePage',
+  'GetData',
+  'GetDefault',
+  'SetOCR',
+  'changeConfig',
+])
+const props = defineProps({
+  // 海运出口详情数据
+  details: {
+    type: Object,
+    default: {},
+  },
+  scrollTop: {
+    type: Number,
+    default: 0,
+  },
+  // 业务id
+  id: {
+    type: String,
+  },
+  // 任务类型
+  taskType: {
+    type: String,
+  },
+})
+// =============
+const id = ref(props.id)
+const spinning = ref(false)
+const PrintModalVisible = ref(false)
+const forwarderFlag = ref(false)
+const modelType = ref('')
+const bookingModelvisible = ref(false)
+const bookingModelconfirm = ref(false)
+const status = ref(route.query.status)
+const fileFlag = ref(false)
+const aiRecognitionRef = ref('')
+// 改配弹窗开关
+const changeConfigFlag = ref(false)
+// 退舱弹窗开关
+const returnCabinFlag = ref(false)
+// 表单校验规则
+const rules = {
+  traceValue: [
+    {
+      type: 'array',
+      required: true,
+      message: '请选择订阅内容',
+      trigger: 'change',
     },
-  })
-  // =============
-  const id = ref(props.id)
-  const spinning = ref(false)
-  const PrintModalVisible = ref(false)
-  const forwarderFlag = ref(false)
-  const modelType = ref('')
-  const bookingModelvisible = ref(false)
-  const bookingModelconfirm = ref(false)
-  const status = ref(route.query.status)
-  const fileFlag = ref(false)
-  // 改配弹窗开关
-  const changeConfigFlag = ref(false)
-  // 退舱弹窗开关
-  const returnCabinFlag = ref(false)
-  // 表单校验规则
-  const rules = {
-    traceValue: [
-      {
-        type: 'array',
-        required: true,
-        message: '请选择订阅内容',
-        trigger: 'change',
-      },
-    ],
+  ],
+}
+const initCabinFrom = ref({
+  toName: '',
+  attn: '',
+  attnTel: '',
+  attnMail: '',
+  attnPhone: '',
+  fromName: '',
+  fromTel: '',
+  fromMail: '',
+  fromPhone: '',
+  orderUrl: {
+    urlTxxp: '',
+    urlVgm: '',
+    urlVgmSi: '',
+  },
+  remark: '',
+  yard: '',
+  yardid: '',
+  closeDocTime: '',
+  closingTime: '',
+  vgmTime: '',
+  yardcontract: '',
+  yardcontracttel: '',
+})
+const yardData = ref('')
+const yardSelectData = ref([])
+const initCabinSendData = ref([])
+const hsaBillPdf = ref(false)
+const billPdf = ref('')
+const billPdfTip = ref('')
+const cabinSpaceFlag = ref(false)
+const fileList = ref([])
+const fileName = ref('')
+const Rdata = ref('')
+const scale = ref('1.5')
+const imgSrc = ref('')
+const OcrVisible = ref(false)
+const CvBoxType = ref(false)
+const cabinShow = ref(true)
+const cabinLoad = ref(false)
+const changeFlag = ref(true)
+const EDISloading = ref(false)
+const voltaForm = ref({
+  notifyAddr: '',
+  shpperName: '',
+  consigneeName: '',
+  shpperAddr: '',
+  consigneeAddr: '',
+  notifyName: '',
+  notifySecondName: '',
+  notifySecondAddr: '',
+})
+// const voltaFlag = ref(false)
+// const voltaData = ref([])
+const bookingModelFrom = reactive({
+  id: props.id,
+  orderNo: props.details.mblno,
+  useForwarderCode: false,
+  forwarderCode: '',
+  forwarderName: '',
+  fileRole: 9,
+  sendType: 'B',
+  send: false,
+})
+// 改配表单
+const changeConfigForm = reactive({
+  changeReason: null,
+  isRefund: true,
+  changeRemark: null,
+})
+const EDIUloading = ref(false)
+// const radioStyle = ref({
+//   display: 'block',
+//   height: '30px',
+//   lineHeight: '30px',
+// })
+const mskBookingOrder = ref()
+watch(scale, () => {
+  if (fileName.value) {
+    GetOcrImg({ fileName: fileName.value, scale: scale.value }).then((res) => {
+      imgSrc.value = window.URL.createObjectURL(new Blob([res]))
+    })
   }
-  const initCabinFrom = ref({
-    toName: '',
-    attn: '',
-    attnTel: '',
-    attnMail: '',
-    attnPhone: '',
-    fromName: '',
-    fromTel: '',
-    fromMail: '',
-    fromPhone: '',
-    orderUrl: {
-      urlTxxp: '',
-      urlVgm: '',
-      urlVgmSi: '',
-    },
-    remark: '',
-    yard: '',
-    yardid: '',
-    closeDocTime: '',
-    closingTime: '',
-    vgmTime: '',
-    yardcontract: '',
-    yardcontracttel: '',
-  })
-  const yardData = ref('')
-  const yardSelectData = ref([])
-  const initCabinSendData = ref([])
-  const hsaBillPdf = ref(false)
-  const billPdf = ref('')
-  const billPdfTip = ref('')
-  const cabinSpaceFlag = ref(false)
-  const fileList = ref([])
-  const fileName = ref('')
-  const Rdata = ref('')
-  const scale = ref('1.5')
-  const imgSrc = ref('')
-  const OcrVisible = ref(false)
-  const CvBoxType = ref(false)
-  const cabinShow = ref(true)
-  const cabinLoad = ref(false)
-  const changeFlag = ref(true)
-  const EDISloading = ref(false)
-  const voltaForm = ref({
-    notifyAddr: '',
-    shpperName: '',
-    consigneeName: '',
-    shpperAddr: '',
-    consigneeAddr: '',
-    notifyName: '',
-    notifySecondName: '',
-    notifySecondAddr: '',
-  })
-  // const voltaFlag = ref(false)
-  // const voltaData = ref([])
-  const bookingModelFrom = reactive({
-    id: props.id,
-    orderNo: props.details.mblno,
-    useForwarderCode: false,
-    forwarderCode: '',
-    forwarderName: '',
-    fileRole: 9,
-    sendType: 'B',
-    send: false,
-  })
-  // 改配表单
-  const changeConfigForm = reactive({
-    changeReason: null,
-    isRefund: true,
-    changeRemark: null,
-  })
-  const EDIUloading = ref(false)
-  // const radioStyle = ref({
-  //   display: 'block',
-  //   height: '30px',
-  //   lineHeight: '30px',
-  // })
-  const mskBookingOrder = ref()
-  watch(scale, () => {
-    if (fileName.value) {
-      GetOcrImg({ fileName: fileName.value, scale: scale.value }).then((res) => {
-        imgSrc.value = window.URL.createObjectURL(new Blob([res]))
+})
+// ============================================
+//保存
+function saveFun() {
+  if (!appStore.getsaveFlag) {
+    emit('save')
+  }
+}
+// 设默认值
+function GetDefault(formNo) {
+  emit('GetDefault', formNo)
+}
+// ============================================
+function refreshPage() {
+  emit('refresh')
+}
+function cancelRefresh() {
+  return false
+}
+function openfile() {
+  fileFlag.value = true
+  setTimeout(() => {
+    setFieldsValueL({
+      carrierId: props.details.carrierId,
+      carrierCode: props.details.carrier,
+      carrier: props.details.carrier,
+    })
+  }, 100)
+}
+function copyBooking() {
+  emit('copy')
+}
+// 打印
+const cateCode = ref('')
+const dataSource = ref<any>([])
+// 打印表格
+const [registerTable, { reload, getForm, setTableData }] = useTable({
+  // 打印表格 搜索 重置
+  handleSearchInfoFn: () => {
+    let Arr: any = []
+    var data = getForm().getFieldsValue()
+    if (data.templateName == '') {
+      GetPrintData()
+    } else {
+      Object.keys(data).forEach((item) => {
+        dataSource.value.forEach((item2) => {
+          if (item2[item].includes(data[item])) {
+            Arr.push(item2)
+          }
+        })
       })
+      dataSource.value = Arr
     }
-  })
-  // ============================================
-  //保存
-  function saveFun() {
-    if (!appStore.getsaveFlag) {
-      emit('save')
+  },
+  maxHeight: 400,
+  columns,
+  formConfig: {
+    labelWidth: 100,
+    schemas: searchFormSchema,
+  },
+  // 空值分页
+  pagination: false,
+  // 表格边框
+  bordered: true,
+  // 搜索表单
+  useSearchForm: true,
+  // 表格设置工具
+  showTableSetting: false,
+  // 操作列配置
+  actionColumn: {
+    width: 80,
+    title: '操作',
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+function ShowAi(){
+  aiRecognitionRef.value.init()
+}
+// 打开打印
+async function GetPrintData() {
+  spinning.value = true
+  PrintModalVisible.value = true
+  const e: any = await GetOpenPrintModuleList()
+  let ApiData: any = {}
+  e.data.forEach(async (item) => {
+    if (item.moduleName == '海运出口') {
+      ApiData.id = item.id
     }
-  }
-  // 设默认值
-  function GetDefault(formNo) {
-    emit('GetDefault', formNo)
-  }
-  // ============================================
-  function refreshPage() {
-    emit('refresh')
-  }
-  function cancelRefresh() {
-    return false
-  }
-  function openfile() {
-    fileFlag.value = true
-    setTimeout(() => {
-      setFieldsValueL({
-        carrierId: props.details.carrierId,
-        carrierCode: props.details.carrier,
-        carrier: props.details.carrier,
-      })
-    }, 100)
-  }
-  function copyBooking() {
-    emit('copy')
-  }
-  // 打印
-  const cateCode = ref('')
-  const dataSource = ref<any>([])
-  // 打印表格
-  const [registerTable, { reload, getForm, setTableData }] = useTable({
-    // 打印表格 搜索 重置
-    handleSearchInfoFn: () => {
-      let Arr: any = []
-      var data = getForm().getFieldsValue()
-      if (data.templateName == '') {
-        GetPrintData()
-      } else {
-        Object.keys(data).forEach((item) => {
-          dataSource.value.forEach((item2) => {
-            if (item2[item].includes(data[item])) {
-              Arr.push(item2)
-            }
-          })
-        })
-        dataSource.value = Arr
-      }
-    },
-    maxHeight: 400,
-    columns,
-    formConfig: {
-      labelWidth: 100,
-      schemas: searchFormSchema,
-    },
-    // 空值分页
-    pagination: false,
-    // 表格边框
-    bordered: true,
-    // 搜索表单
-    useSearchForm: true,
-    // 表格设置工具
-    showTableSetting: false,
-    // 操作列配置
-    actionColumn: {
-      width: 80,
-      title: '操作',
-      dataIndex: 'action',
-      fixed: 'right',
-    },
   })
-  // 打开打印
-  async function GetPrintData() {
-    spinning.value = true
-    PrintModalVisible.value = true
-    const e: any = await GetOpenPrintModuleList()
-    let ApiData: any = {}
-    e.data.forEach(async (item) => {
-      if (item.moduleName == '海运出口') {
-        ApiData.id = item.id
+  const res: any = await GetOpenPrintTemplateList(ApiData)
+  spinning.value = false
+  dataSource.value = [...res.data]
+}
+// 打印方法
+function FnCilckTemplateType({ templateId, printType }) {
+  spinning.value = true
+  notification.success({ message: '搜索文件中...', duration: 3 })
+  GetOpenJsonPrintInfo({
+    templateId,
+    printType,
+    jsonDataStr:
+      '{"GID":"52fc4ecf-5c88-49a8-aa1f-08da84ccc2d3","BILLTYPE":false,"TRUCKNO":"鲁A789","BoxWeigth":10540,"BoxCode":"A124","BoxCode2":null,"ISTwoBox":false,"CORPID":null,"CreateDate":"2023-12-22T09:55:43.0332931+08:00","CreateID":null,"Creator":null,"TURNOVERDATE":"2023-12-22T09:55:43.0333166+08:00","Modifier":null,"ModifyDate":null,"ModifyID":null,"REMARK":null}',
+  })
+    .then((res) => {
+      if (!res.succeeded) {
+        notification.error({ message: res.message, duration: 3 })
+      } else {
+        let fileURL = `http://118.190.144.189:3009/PrintTempFile/${res.data}`
+        window.open(fileURL)
       }
+      spinning.value = false
     })
-    const res: any = await GetOpenPrintTemplateList(ApiData)
-    spinning.value = false
-    dataSource.value = [...res.data]
-  }
-  // 打印方法
-  function FnCilckTemplateType({ templateId, printType }) {
-    spinning.value = true
-    notification.success({ message: '搜索文件中...', duration: 3 })
-    GetOpenJsonPrintInfo({
-      templateId,
-      printType,
-      jsonDataStr:
-        '{"GID":"52fc4ecf-5c88-49a8-aa1f-08da84ccc2d3","BILLTYPE":false,"TRUCKNO":"鲁A789","BoxWeigth":10540,"BoxCode":"A124","BoxCode2":null,"ISTwoBox":false,"CORPID":null,"CreateDate":"2023-12-22T09:55:43.0332931+08:00","CreateID":null,"Creator":null,"TURNOVERDATE":"2023-12-22T09:55:43.0333166+08:00","Modifier":null,"ModifyDate":null,"ModifyID":null,"REMARK":null}',
+    .catch((err) => {
+      console.log(err)
+      spinning.value = false
     })
-      .then((res) => {
-        if (!res.succeeded) {
-          notification.error({ message: res.message, duration: 3 })
+}
+// 邮件发送组件
+const emailModal = ref(null)
+function openModel(type) {
+  forwarderFlag.value = false
+  if (['initCabin', 'ladingBill', 'vgmlink'].includes(type)) {
+    if (!props.id) {
+      notification.error({ message: '请保存主单后，进行操作', duration: 3 })
+      return false
+    }
+  }
+  if (type == 'ladingBill') {
+    cateCode.value = 'tidan'
+  } else if (type == 'initCabin') {
+    cateCode.value = 'fangcang'
+  }
+  if (['bookingSpace', 'cutOff', 'initCabin', 'ladingBill', 'vgmlink'].includes(type)) {
+    // 订舱
+    if (type === 'bookingSpace' || type === 'cutOff') {
+      const id = props.details.forwarderId
+      // 根据订舱代理id获取往来单位参数
+      GetClientParamListById({ id }).then((res) => {
+        const { data } = res
+        const Email = data.filter((item) => {
+          return item.itemCode == 'EMAIL'
+        })
+        if (Email.length) {
+          const ids = []
+          if (type === 'bookingSpace') {
+            if (props.details.saleId) ids.push(props.details.saleId)
+            if (props.details.operatorId) ids.push(props.details.operatorId)
+          }
+          if (type === 'cutOff') {
+            if (props.details.saleId) ids.push(props.details.doc)
+            if (props.details.operatorId) ids.push(props.details.operatorId)
+          }
+          // 发送邮件
+          emailModal.value.init(ids, props.details)
         } else {
-          let fileURL = `http://118.190.144.189:3009/PrintTempFile/${res.data}`
-          window.open(fileURL)
+          // EDI弹窗
+          modelType.value = type
+          bookingModelvisible.value = true
         }
-        spinning.value = false
-      })
-      .catch((err) => {
-        console.log(err)
-        spinning.value = false
       })
-  }
-  // 邮件发送组件
-  const emailModal = ref(null)
-  function openModel(type) {
-    forwarderFlag.value = false
-    if (['initCabin', 'ladingBill', 'vgmlink'].includes(type)) {
-      if (!props.id) {
-        notification.error({ message: '请保存主单后，进行操作', duration: 3 })
-        return false
-      }
-    }
-    if (type == 'ladingBill') {
-      cateCode.value = 'tidan'
-    } else if (type == 'initCabin') {
-      cateCode.value = 'fangcang'
-    }
-    if (['bookingSpace', 'cutOff', 'initCabin', 'ladingBill', 'vgmlink'].includes(type)) {
-      // 订舱
-      if (type === 'bookingSpace' || type === 'cutOff') {
-        const id = props.details.forwarderId
-        // 根据订舱代理id获取往来单位参数
-        GetClientParamListById({ id }).then((res) => {
-          const { data } = res
-          const Email = data.filter((item) => {
-            return item.itemCode == 'EMAIL'
-          })
-          if (Email.length) {
-            const ids = []
-            if (type === 'bookingSpace') {
-              if (props.details.saleId) ids.push(props.details.saleId)
-              if (props.details.operatorId) ids.push(props.details.operatorId)
-            }
-            if (type === 'cutOff') {
-              if (props.details.saleId) ids.push(props.details.doc)
-              if (props.details.operatorId) ids.push(props.details.operatorId)
-            }
-            // 发送邮件
-            emailModal.value.init(ids, props.details)
-          } else {
-            // EDI弹窗
-            modelType.value = type
-            bookingModelvisible.value = true
-          }
-        })
-      }
-    } else if (['vgm', 'paper'].includes(type)) {
-      openDialog(type)
-    } else if (type === 'trace') {
-      traceModalVisible.value = true
-    }
-    if (['initCabin', 'ladingBill', 'vgmlink'].includes(type)) {
-      initCabinFrom.value = {
-        toName: '',
-        attn: '',
-        attnTel: '',
-        attnMail: '',
-        attnPhone: '',
-        fromName: '',
-        fromTel: '',
-        fromMail: '',
-        fromPhone: '',
-        orderUrl: {
-          urlTxxp: '',
-          urlVgm: '',
-          urlVgmSi: '',
-        },
-        remark: '',
-        yard: props.details.yard,
-        yardid: props.details.yardid,
-        closeDocTime: props.details.closedocdate,
-        closingTime: props.details.closingdate,
-        vgmTime: props.details.closevgmdate,
-        yardcontract: props.details.yardcontract,
-        yardcontracttel: props.details.yardcontracttel,
-      }
-      // getYardlist()
-    }
-    if (type === 'ladingBill') {
-      getSampleBill()
-      sampleBillPdf()
-    } else if (type === 'vgmlink') {
-      getVgmLink()
-    } else if (type === 'cabinSpace') {
-      cabinSpaceFlag.value = true
     }
+  } else if (['vgm', 'paper'].includes(type)) {
+    openDialog(type)
+  } else if (type === 'trace') {
+    traceModalVisible.value = true
   }
-  // 订舱 保存 或 上传 EDI
-  function handleModelSubmit(type) {
-    if (type == 'save') {
-      // 保存EDI文件
-      // EDISloading.value = true
-      downloadBookingOrEDI(type)
-    } else {
-      // 上传EDI
-      // EDIUloading.value = true
-      sendBookingOrEDI(type)
+  if (['initCabin', 'ladingBill', 'vgmlink'].includes(type)) {
+    initCabinFrom.value = {
+      toName: '',
+      attn: '',
+      attnTel: '',
+      attnMail: '',
+      attnPhone: '',
+      fromName: '',
+      fromTel: '',
+      fromMail: '',
+      fromPhone: '',
+      orderUrl: {
+        urlTxxp: '',
+        urlVgm: '',
+        urlVgmSi: '',
+      },
+      remark: '',
+      yard: props.details.yard,
+      yardid: props.details.yardid,
+      closeDocTime: props.details.closedocdate,
+      closingTime: props.details.closingdate,
+      vgmTime: props.details.closevgmdate,
+      yardcontract: props.details.yardcontract,
+      yardcontracttel: props.details.yardcontracttel,
     }
-    // const data = {
-    //   ...bookingModelFrom,
-    //   id: props.details.id,
-    //   fileRole: bookingModelFrom.fileRole,
-    //   sendType: modelType.value === 'bookingSpace' ? 'B' : 'E',
-    // }
-    // EDISloading.value = true
-    // if (modelType.value === 'bookingSpace') {
-    //   // 订舱
-    //   if (type == 'save') {
-    //     // 保存EDI文件
-    //     EDISloading.value = true
-    //     downloadBookingOrEDI(type)
-    //   } else {
-    //     // 上传EDI
-    //     EDIUloading.value = true
-    //     sendBookingOrEDI(type)
-    //   }
-    // } else {
-    //   // 截单
-    //   CheckAndInitVOLTAEdi(data).then((res) => {
-    //     if (res.code === 200) {
-    //       voltaForm.value = res.data.extra
-    //       voltaFlag.value = true
-    //       if (res.data.msg) {
-    //         notification.warning({ message: res.data.msg, duration: 3 })
-    //       }
-    //       if (!voltaForm.value.notifySecondAddr) {
-    //         voltaForm.value.notifySecondAddr = ''
-    //       }
-    //       if (!voltaForm.value.notifySecondName) {
-    //         voltaForm.value.notifySecondName = ''
-    //       }
-    //       voltaData.value = res.data.extra.contaList
-    //       EDISloading.value = false
-    //     } else {
-    //       // this.$message.error(res.message)
-    //       if (modelType.value === 'bookingSpace') {
-    //         bookingModelFrom.sendType = 'B'
-    //       } else if (modelType.value === 'cutOff') {
-    //         bookingModelFrom.sendType = 'E'
-    //       }
-    //       bookingModelFrom.send = type === 'send'
-    //       bookingModelFrom.orderNo = props.details.mblno
-    //       bookingModelFrom.id = props.id
-    //       if (type == 'save') {
-    //         // 保存EDI文件
-    //         EDISloading.value = true
-    //         downloadBookingOrEDI(type)
-    //       } else {
-    //         // 上传EDI
-    //         EDIUloading.value = true
-    //         sendBookingOrEDI(type)
-    //       }
-    //     }
-    //   }).catch(() => {
-    //     EDISloading.value = false
-    //   })
-    // }
+    // getYardlist()
   }
-  import { BasicForm, useForm } from '/@/components/Form/index'
-  const fileLoad = ref(false)
-  const upFileList = ref([])
-  function handleSaveFile() {
-    if (!getFieldsValueL().carrierId) {
-      createMessage.warning('请选择船公司')
-      return false
-    }
-    if (upFileList.value.length == 0) {
-      createMessage.warning('请选择文件')
-      return false
-    }
-    fileLoad.value = true
-    const pkIdArr = [route.query.taskId]
-    const postData = new FormData()
-    postData.append('file', upFileList.value[0])
-    UploadBcThenRunTask(postData, getFieldsValueL().carrierCode, pkIdArr[0])
-      .then((res) => {
-        fileLoad.value = false
-        if (res.succeeded) {
-          createMessage.success(res.message)
-          fileFlag.value = false
-          emit('refresh', 'hideBtn')
-        }
-      })
-      .catch((err) => {
-        fileLoad.value = false
-      })
+  if (type === 'ladingBill') {
+    getSampleBill()
+    sampleBillPdf()
+  } else if (type === 'vgmlink') {
+    getVgmLink()
+  } else if (type === 'cabinSpace') {
+    cabinSpaceFlag.value = true
+  }
+}
+// 订舱 保存 或 上传 EDI
+function handleModelSubmit(type) {
+  if (type == 'save') {
+    // 保存EDI文件
+    // EDISloading.value = true
+    downloadBookingOrEDI(type)
+  } else {
+    // 上传EDI
+    // EDIUloading.value = true
+    sendBookingOrEDI(type)
   }
-  function handleRemove(file: any) {
-    const index = upFileList.value.indexOf(file)
-    const newFileList = upFileList.value.slice()
-    newFileList.splice(index, 1)
-    upFileList.value = newFileList
+  // const data = {
+  //   ...bookingModelFrom,
+  //   id: props.details.id,
+  //   fileRole: bookingModelFrom.fileRole,
+  //   sendType: modelType.value === 'bookingSpace' ? 'B' : 'E',
+  // }
+  // EDISloading.value = true
+  // if (modelType.value === 'bookingSpace') {
+  //   // 订舱
+  //   if (type == 'save') {
+  //     // 保存EDI文件
+  //     EDISloading.value = true
+  //     downloadBookingOrEDI(type)
+  //   } else {
+  //     // 上传EDI
+  //     EDIUloading.value = true
+  //     sendBookingOrEDI(type)
+  //   }
+  // } else {
+  //   // 截单
+  //   CheckAndInitVOLTAEdi(data).then((res) => {
+  //     if (res.code === 200) {
+  //       voltaForm.value = res.data.extra
+  //       voltaFlag.value = true
+  //       if (res.data.msg) {
+  //         notification.warning({ message: res.data.msg, duration: 3 })
+  //       }
+  //       if (!voltaForm.value.notifySecondAddr) {
+  //         voltaForm.value.notifySecondAddr = ''
+  //       }
+  //       if (!voltaForm.value.notifySecondName) {
+  //         voltaForm.value.notifySecondName = ''
+  //       }
+  //       voltaData.value = res.data.extra.contaList
+  //       EDISloading.value = false
+  //     } else {
+  //       // this.$message.error(res.message)
+  //       if (modelType.value === 'bookingSpace') {
+  //         bookingModelFrom.sendType = 'B'
+  //       } else if (modelType.value === 'cutOff') {
+  //         bookingModelFrom.sendType = 'E'
+  //       }
+  //       bookingModelFrom.send = type === 'send'
+  //       bookingModelFrom.orderNo = props.details.mblno
+  //       bookingModelFrom.id = props.id
+  //       if (type == 'save') {
+  //         // 保存EDI文件
+  //         EDISloading.value = true
+  //         downloadBookingOrEDI(type)
+  //       } else {
+  //         // 上传EDI
+  //         EDIUloading.value = true
+  //         sendBookingOrEDI(type)
+  //       }
+  //     }
+  //   }).catch(() => {
+  //     EDISloading.value = false
+  //   })
+  // }
+}
+import { BasicForm, useForm } from '/@/components/Form/index'
+const fileLoad = ref(false)
+const upFileList = ref([])
+function handleSaveFile() {
+  if (!getFieldsValueL().carrierId) {
+    createMessage.warning('请选择船公司')
+    return false
   }
-  function beforeUploadBC(file, fileList) {
-    upFileList.value = [file]
+  if (upFileList.value.length == 0) {
+    createMessage.warning('请选择文件')
     return false
   }
-  const [registerForm, { getFieldsValue: getFieldsValueL, setFieldsValue: setFieldsValueL }] =
-    useForm({
-      labelWidth: 100,
-      schemas: fileForm,
-      showActionButtonGroup: false,
+  fileLoad.value = true
+  const pkIdArr = [route.query.taskId]
+  const postData = new FormData()
+  postData.append('file', upFileList.value[0])
+  UploadBcThenRunTask(postData, getFieldsValueL().carrierCode, pkIdArr[0])
+    .then((res) => {
+      fileLoad.value = false
+      if (res.succeeded) {
+        createMessage.success(res.message)
+        fileFlag.value = false
+        emit('refresh', 'hideBtn')
+      }
+    })
+    .catch((err) => {
+      fileLoad.value = false
     })
-  // 改配表单
-  const [registerFormC, { validate, setFieldsValue }] = useForm({
+}
+function handleRemove(file: any) {
+  const index = upFileList.value.indexOf(file)
+  const newFileList = upFileList.value.slice()
+  newFileList.splice(index, 1)
+  upFileList.value = newFileList
+}
+function beforeUploadBC(file, fileList) {
+  upFileList.value = [file]
+  return false
+}
+const [registerForm, { getFieldsValue: getFieldsValueL, setFieldsValue: setFieldsValueL }] =
+  useForm({
     labelWidth: 100,
-    schemas: changeForm,
+    schemas: fileForm,
     showActionButtonGroup: false,
   })
-  // 退舱表单
-  const [registerFormR, { validate: validater, setFieldsValue: setFieldsValuer }] = useForm({
-    labelWidth: 100,
-    schemas: returnCabinForm,
-    showActionButtonGroup: false,
+// 改配表单
+const [registerFormC, { validate, setFieldsValue }] = useForm({
+  labelWidth: 100,
+  schemas: changeForm,
+  showActionButtonGroup: false,
+})
+// 退舱表单
+const [registerFormR, { validate: validater, setFieldsValue: setFieldsValuer }] = useForm({
+  labelWidth: 100,
+  schemas: returnCabinForm,
+  showActionButtonGroup: false,
+})
+// 改配
+const changeConfig = () => {
+  GetChangeOrderStatus({ id: props.id }).then((res) => {
+    if (res.data == '未审单') {
+      createMessage.warning('此单未审，可直接编辑调整！')
+    } else {
+      changeConfigFlag.value = true
+      nextTick(() => {
+        if (res.data == '已审未出号') {
+          setFieldsValue({
+            orderProgress: 1,
+          })
+        } else if (res.data == '已出号未申报') {
+          setFieldsValue({
+            orderProgress: 2,
+          })
+        } else if (res.data == '已申报') {
+          setFieldsValue({
+            orderProgress: 3,
+          })
+        }
+      })
+      setFieldsValue({
+        changeReason: null,
+        changeRemark: null,
+      })
+    }
   })
-  // 改配
-  const changeConfig = () => {
-    GetChangeOrderStatus({ id: props.id }).then((res) => {
-      if (res.data == '未审单') {
-        createMessage.warning('此单未审，可直接编辑调整！')
-      } else {
-        changeConfigFlag.value = true
-        nextTick(() => {
-          if (res.data == '已审未出号') {
-            setFieldsValue({
-              orderProgress: 1,
-            })
-          } else if (res.data == '已出号未申报') {
-            setFieldsValue({
-              orderProgress: 2,
-            })
-          } else if (res.data == '已申报') {
-            setFieldsValue({
-              orderProgress: 3,
-            })
-          }
-        })
-        setFieldsValue({
-          changeReason: null,
-          changeRemark: null,
-        })
-      }
-    })
-  }
-  function sendBookingOrEDI(type) {
-    const postData = JSON.parse(JSON.stringify(bookingModelFrom))
-    postData.send = true
-    ;(postData.sendType = modelType.value === 'bookingSpace' ? 'B' : 'E'),
+}
+function sendBookingOrEDI(type) {
+  const postData = JSON.parse(JSON.stringify(bookingModelFrom))
+  postData.send = true
+    ; (postData.sendType = modelType.value === 'bookingSpace' ? 'B' : 'E'),
       SendBookingOrClosingEDI(postData)
         .then((res) => {
           EDISloading.value = false
@@ -1189,24 +958,24 @@
           EDISloading.value = false
           EDIUloading.value = false
         })
-  }
-  // 发送改配
-  const sendChangeConfig = async () => {
-    const postData = await validate()
-    postData['id'] = props.id
-    CreateChangeTaskAsync(postData)
-      .then((res) => {
-        createMessage.success('已进入改配页面！')
-        emit('changeConfig')
-        changeConfigFlag.value = false
-      })
-      .catch(() => {
-        changeConfigFlag.value = false
-      })
-  }
-  function downloadBookingOrEDI(type) {
-    const postData = JSON.parse(JSON.stringify(bookingModelFrom))
-    ;(postData.sendType = modelType.value === 'bookingSpace' ? 'B' : 'E'),
+}
+// 发送改配
+const sendChangeConfig = async () => {
+  const postData = await validate()
+  postData['id'] = props.id
+  CreateChangeTaskAsync(postData)
+    .then((res) => {
+      createMessage.success('已进入改配页面！')
+      emit('changeConfig')
+      changeConfigFlag.value = false
+    })
+    .catch(() => {
+      changeConfigFlag.value = false
+    })
+}
+function downloadBookingOrEDI(type) {
+  const postData = JSON.parse(JSON.stringify(bookingModelFrom))
+    ; (postData.sendType = modelType.value === 'bookingSpace' ? 'B' : 'E'),
       DownloadBookingOrClosingEDI(postData)
         .then((res) => {
           EDISloading.value = false
@@ -1240,635 +1009,644 @@
           EDISloading.value = false
           EDIUloading.value = false
         })
-  }
-  // 订舱 MSK
-  function handleOPenMsk() {
-    mskBookingOrder.value.showFlag = true
-  }
+}
+// 订舱 MSK
+function handleOPenMsk() {
+  mskBookingOrder.value.showFlag = true
+}
 
-  const traceModalVisible = ref(false)
-  // 运踪弹窗部分
-  const traceForm = reactive({
-    traceValue: [],
-  })
-  const traceOptions = [
-    { label: '起运港', value: '1' },
-    { label: '目的港', value: '2' },
-  ]
-  const traceRef = ref(null)
-  const tloading = ref(false)
-  // 订阅运踪
-  function traceSend() {
-    traceRef.value
-      .validate()
-      .then(() => {
-        if (traceForm.traceValue.includes('1') && !props.details.yardId) {
-          return createMessage.warning('请选择场站！')
-        }
-        if (traceForm.traceValue.includes('2') && !props.details.carrierId) {
-          return createMessage.warning('请选择船公司！')
-        }
-        const query = {
-          businessId: props.id,
-          mblno: props.details.mblno,
-          yard: traceForm.traceValue.includes('1') ? props.details.yard : '',
-          yardId: traceForm.traceValue.includes('1') ? props.details.yardId : '',
-          carrierId: traceForm.traceValue.includes('2') ? props.details.carrierId : '',
-          carrier: traceForm.traceValue.includes('2') ? props.details.carrier : '',
-          isBook: !!traceForm.traceValue.includes('2'),
-          isFrontPort: !!traceForm.traceValue.includes('1'),
-        }
-        tloading.value = true
-        SendTrace([query])
-          .then((res) => {
-            tloading.value = false
-            if (res.succeeded) {
-              createMessage.success('订阅成功！')
-              traceModalVisible.value = false
-              traceForm.traceValue = []
-            } else {
-              traceModalVisible.value = false
-              traceForm.traceValue = []
-            }
-          })
-          .catch((err) => {
-            tloading.value = false
-            console.log(err)
-          })
-      })
-      .catch((error) => {
-        console.log('error', error)
-      })
-  }
-  // 打开对话框 VGM
-  function openDialog(type) {
-    let content
-    if (type === 'vgm') {
-      content = h('div', '确认发送VGM吗?')
-    } else if (type === 'paper') {
-      content = h('div', '确认发送下货纸吗?')
-    }
-    Modal.confirm({
-      title: '温馨提示',
-      content: content,
-      class: 'ds-modal-small',
-      onOk() {
-        if (type === 'vgm') {
-          vgmSend()
-        } else if (type === 'paper') {
-          FnsendXHZ()
-        }
-      },
-      onCancel() {},
+const traceModalVisible = ref(false)
+// 运踪弹窗部分
+const traceForm = reactive({
+  traceValue: [],
+})
+const traceOptions = [
+  { label: '起运港', value: '1' },
+  { label: '目的港', value: '2' },
+]
+const traceRef = ref(null)
+const tloading = ref(false)
+// 订阅运踪
+function traceSend() {
+  traceRef.value
+    .validate()
+    .then(() => {
+      if (traceForm.traceValue.includes('1') && !props.details.yardId) {
+        return createMessage.warning('请选择场站！')
+      }
+      if (traceForm.traceValue.includes('2') && !props.details.carrierId) {
+        return createMessage.warning('请选择船公司！')
+      }
+      const query = {
+        businessId: props.id,
+        mblno: props.details.mblno,
+        yard: traceForm.traceValue.includes('1') ? props.details.yard : '',
+        yardId: traceForm.traceValue.includes('1') ? props.details.yardId : '',
+        carrierId: traceForm.traceValue.includes('2') ? props.details.carrierId : '',
+        carrier: traceForm.traceValue.includes('2') ? props.details.carrier : '',
+        isBook: !!traceForm.traceValue.includes('2'),
+        isFrontPort: !!traceForm.traceValue.includes('1'),
+      }
+      tloading.value = true
+      SendTrace([query])
+        .then((res) => {
+          tloading.value = false
+          if (res.succeeded) {
+            createMessage.success('订阅成功！')
+            traceModalVisible.value = false
+            traceForm.traceValue = []
+          } else {
+            traceModalVisible.value = false
+            traceForm.traceValue = []
+          }
+        })
+        .catch((err) => {
+          tloading.value = false
+          console.log(err)
+        })
     })
-  }
-  // 发送 VGM
-  function vgmSend() {
-    VgmSend(id.value)
-      .then((res) => {
-        if (res.succeeded) {
-          createMessage.success('VGM发送成功！')
-        }
-      })
-      .catch((err) => {
-        console.log(err)
-      })
-  }
-  function FnsendXHZ() {
-    SendXHZ({ id: id.value })
-      .then((res) => {
-        if (res.succeeded) {
-          createMessage.success('下货纸发送成功！')
-        }
-      })
-      .catch((err) => {
-        console.log(err)
-      })
-  }
-  function getYardlist(name = '') {
-    // GetYardlist({
-    //   keyword: name,
-    // })
-    //   .then((res) => {
-    //     if (res.code === 200) {
-    //       yardData.value = res.data
-    //       const arr: Array<any> = []
-    //       res.data.map((item, index) => {
-    //         arr.push({
-    //           ...{ selectShowTab: item.name + ' / ' + item.code },
-    //           ...item,
-    //         })
-    //       })
-    //       yardSelectData.value = arr
-    //       that.$forceUpdate()
-    //     }
-    //   })
-    //   .catch((err) => {
-    //     console.log(err)
-    //   })
-  }
-  function getLetterYard() {
-    LetterYard(id.value)
-      .then((res) => {
-        if (res.succeeded) {
-          initCabinFrom.value = { ...initCabinFrom.value, ...res.data }
-        } else {
-          notification.error({ message: res.message, duration: 3 })
-        }
-      })
-      .catch((err) => {
-        console.log(err)
-      })
-  }
-  function frompre() {}
-  function getSampleBill() {
-    SampleBill(id.value)
-      .then((res) => {
-        if (res.succeeded) {
-          initCabinFrom.value = res.data
-        } else {
-          notification.error({ message: res.message, duration: 3 })
-        }
-      })
-      .catch((err) => {
-        console.log(err)
-      })
-  }
-  function sampleBillPdf() {
-    SampleBillPdf(id.value)
-      .then((res) => {
-        if (res.succeeded) {
-          hsaBillPdf.value = true
-          billPdf.value = res.data.description
-        } else {
-          hsaBillPdf.value = false
-          billPdfTip.value = res.message
-        }
-      })
-      .catch((err) => {
-        console.log(err)
-      })
-  }
-  function getVgmLink() {
-    LetterYard(id.value)
-      .then((res) => {
-        if (res.succeeded) {
-          initCabinFrom.value = { ...initCabinFrom.value, ...res.data }
-        } else {
-          notification.error({ message: res.message, duration: 3 })
-        }
-      })
-      .catch((err) => {
-        console.log(err)
-      })
-  }
-  function FnTxxpLink() {
-    TxxpLink({ id: id.value })
-      .then((res) => {
-        if (res.succeeded) {
-          copyFun(res.data)
-        }
-      })
-      .catch((err) => {
-        console.log(err)
-      })
-  }
-  const [LCregisterModal, { openModal: LCopenModal }] = useModal()
-  function FnLetterChange() {
-    LCopenModal(true, {
-      isParent: false,
-      isUpdate: false,
-      id: props.details.id,
+    .catch((error) => {
+      console.log('error', error)
     })
+}
+// 打开对话框 VGM
+function openDialog(type) {
+  let content
+  if (type === 'vgm') {
+    content = h('div', '确认发送VGM吗?')
+  } else if (type === 'paper') {
+    content = h('div', '确认发送下货纸吗?')
   }
-  const [LSregisterModal, { openModal: LSopenModal }] = useModal()
-  function FnSurChange() {
-    LSopenModal(true, {
-      isParent: false,
-      isUpdate: true,
-      id: props.details.id,
+  Modal.confirm({
+    title: '温馨提示',
+    content: content,
+    class: 'ds-modal-small',
+    onOk() {
+      if (type === 'vgm') {
+        vgmSend()
+      } else if (type === 'paper') {
+        FnsendXHZ()
+      }
+    },
+    onCancel() { },
+  })
+}
+// 发送 VGM
+function vgmSend() {
+  VgmSend(id.value)
+    .then((res) => {
+      if (res.succeeded) {
+        createMessage.success('VGM发送成功！')
+      }
     })
-  }
-  const [OYregisterModal, { openModal: OYopenModal }] = useModal()
-  function FnOpBusinessYard() {
-    OYopenModal(true, {
-      isParent: false,
-      isUpdate: true,
-      info: props.details,
+    .catch((err) => {
+      console.log(err)
     })
-  }
-  const [OTregisterModal, { openModal: OTopenModal }] = useModal()
-  function FnOpBusinessTruck() {
-    OTopenModal(true, {
-      isParent: false,
-      isUpdate: true,
-      info: props.details,
+}
+function FnsendXHZ() {
+  SendXHZ({ id: id.value })
+    .then((res) => {
+      if (res.succeeded) {
+        createMessage.success('下货纸发送成功！')
+      }
     })
-  }
-  // ========== OCR ==========
-  const myCanvas = ref()
-  const flag = ref(false)
-  const x = ref(0)
-  const y = ref(0)
-  const width = ref(0)
-  const height = ref(0)
-  const Bx = ref(0)
-  const By = ref(0)
-  const BCvData = ref([
-    { name: '发货人', code: 'shipperContent' },
-    { name: '收货人', code: 'consigneeContent' },
-    { name: '装货港', code: 'loadPort' },
-    { name: '目的地', code: 'destination' },
-    { name: '唛头', code: 'marks' },
-    { name: '货物描述', code: 'description' },
-    // { name: '包装', code: 'kindPkgs' },
-    { name: '件数', code: 'pkgs' },
-    { name: '尺码', code: 'cbm' },
-    { name: '毛重', code: 'kgs' },
-    { name: '卸货港', code: 'dischargePort' },
-    { name: '通知人', code: 'notifyPartyContent' },
-  ])
-  // 退舱按钮
-  const returnCabin = () => {
-    // 未订舱不可退舱
-    if (!props?.details?.isBooking) {
-      return createMessage.warning('该订单暂未订舱！')
-    }
-    returnCabinFlag.value = true
-  }
-  // function uploadFile(file) {
-  //   const formData = new FormData()
-  //   formData.append('file', file.file)
-  //   // formData.append('bookingId', id.value)
-  //   const type = file.file.type
-  //   let id = id.value
-  //   if (route.query.isCopy) {
-  //     id = 0
-  //   }
-  //   if (!id.value) {
-  //     id = 0
-  //   }
-  //   BookingOrderOcrUpFile({ data: formData, parameter: { bookingId: id } }).then((res) => {
-  //     if (res.success) {
-  //       fileName.value = res.data.ocrFileName
-  //       if (id == 0) {
-  //         emit('ocrUpflie', res.data.uploadFileName)
-  //       }
-  //       BookingOrderOcrGetImg({ fileName: fileName.value, scale: scale.value }).then((res) => {
-  //         imgSrc.value = window.URL.createObjectURL(
-  //           new Blob([res], { type: `${type};chartset=UTF-8` }),
-  //         )
+    .catch((err) => {
+      console.log(err)
+    })
+}
+function getYardlist(name = '') {
+  // GetYardlist({
+  //   keyword: name,
+  // })
+  //   .then((res) => {
+  //     if (res.code === 200) {
+  //       yardData.value = res.data
+  //       const arr: Array<any> = []
+  //       res.data.map((item, index) => {
+  //         arr.push({
+  //           ...{ selectShowTab: item.name + ' / ' + item.code },
+  //           ...item,
+  //         })
   //       })
-  //     } else {
-  //       notification.error({ message: res.message, duration: 3 })
+  //       yardSelectData.value = arr
+  //       that.$forceUpdate()
   //     }
   //   })
-  // }
-  function FnClickCvBox(data) {
-    let details = { ...props.details }
-    const Arr = ['pkgs', 'cbm', 'kgs', 'portdischarge', 'destination', 'kindpkgs']
-    let Type = false
-    Arr.forEach((item) => {
-      if (data.code == item) {
-        Type = true
+  //   .catch((err) => {
+  //     console.log(err)
+  //   })
+}
+function getLetterYard() {
+  LetterYard(id.value)
+    .then((res) => {
+      if (res.succeeded) {
+        initCabinFrom.value = { ...initCabinFrom.value, ...res.data }
+      } else {
+        notification.error({ message: res.message, duration: 3 })
       }
     })
-    if (Type) {
-      if (data.code == 'pkgs' || data.code == 'cbm' || data.code == 'kgs') {
-        details[data.code] = parseFloat(Rdata.value)
+    .catch((err) => {
+      console.log(err)
+    })
+}
+function frompre() { }
+function getSampleBill() {
+  SampleBill(id.value)
+    .then((res) => {
+      if (res.succeeded) {
+        initCabinFrom.value = res.data
       } else {
-        details[data.code] = Rdata.value
+        notification.error({ message: res.message, duration: 3 })
       }
-    } else {
-      details[data.code] = details[data.code] + Rdata.value
-    }
-    CvBoxType.value = false
-    BCvData.value.forEach((item, index) => {
-      if (item.code == data.code) {
-        BCvData.value.splice(index, 1)
-        BCvData.value.push(item)
+    })
+    .catch((err) => {
+      console.log(err)
+    })
+}
+function sampleBillPdf() {
+  SampleBillPdf(id.value)
+    .then((res) => {
+      if (res.succeeded) {
+        hsaBillPdf.value = true
+        billPdf.value = res.data.description
+      } else {
+        hsaBillPdf.value = false
+        billPdfTip.value = res.message
+      }
+    })
+    .catch((err) => {
+      console.log(err)
+    })
+}
+function getVgmLink() {
+  LetterYard(id.value)
+    .then((res) => {
+      if (res.succeeded) {
+        initCabinFrom.value = { ...initCabinFrom.value, ...res.data }
+      } else {
+        notification.error({ message: res.message, duration: 3 })
       }
     })
-    emit('SetOCR', details)
+    .catch((err) => {
+      console.log(err)
+    })
+}
+function FnTxxpLink() {
+  TxxpLink({ id: id.value })
+    .then((res) => {
+      if (res.succeeded) {
+        copyFun(res.data)
+      }
+    })
+    .catch((err) => {
+      console.log(err)
+    })
+}
+const [LCregisterModal, { openModal: LCopenModal }] = useModal()
+function FnLetterChange() {
+  LCopenModal(true, {
+    isParent: false,
+    isUpdate: false,
+    id: props.details.id,
+  })
+}
+const [LSregisterModal, { openModal: LSopenModal }] = useModal()
+function FnSurChange() {
+  LSopenModal(true, {
+    isParent: false,
+    isUpdate: true,
+    id: props.details.id,
+  })
+}
+const [OYregisterModal, { openModal: OYopenModal }] = useModal()
+function FnOpBusinessYard() {
+  OYopenModal(true, {
+    isParent: false,
+    isUpdate: true,
+    info: props.details,
+  })
+}
+const [OTregisterModal, { openModal: OTopenModal }] = useModal()
+function FnOpBusinessTruck() {
+  OTopenModal(true, {
+    isParent: false,
+    isUpdate: true,
+    info: props.details,
+  })
+}
+// ========== OCR ==========
+const myCanvas = ref()
+const flag = ref(false)
+const x = ref(0)
+const y = ref(0)
+const width = ref(0)
+const height = ref(0)
+const Bx = ref(0)
+const By = ref(0)
+const BCvData = ref([
+  { name: '发货人', code: 'shipperContent' },
+  { name: '收货人', code: 'consigneeContent' },
+  { name: '装货港', code: 'loadPort' },
+  { name: '目的地', code: 'destination' },
+  { name: '唛头', code: 'marks' },
+  { name: '货物描述', code: 'description' },
+  // { name: '包装', code: 'kindPkgs' },
+  { name: '件数', code: 'pkgs' },
+  { name: '尺码', code: 'cbm' },
+  { name: '毛重', code: 'kgs' },
+  { name: '卸货港', code: 'dischargePort' },
+  { name: '通知人', code: 'notifyPartyContent' },
+])
+// 退舱按钮
+const returnCabin = () => {
+  // 未订舱不可退舱
+  if (!props?.details?.isBooking) {
+    return createMessage.warning('该订单暂未订舱！')
   }
-  function mouseup(e) {
-    flag.value = false
-    if (imgSrc.value && width.value != 0 && height.value != 0) {
-      GetOcrText({
-        fileName: fileName.value,
-        x: x.value,
-        y: y.value,
-        w: width.value,
-        h: height.value,
-        scale: scale.value,
-      }).then((res) => {
-        Rdata.value = res.data
-        Bx.value = x.value + width.value
-        By.value = y.value + height.value
-        CvBoxType.value = true
-      })
+  returnCabinFlag.value = true
+}
+// function uploadFile(file) {
+//   const formData = new FormData()
+//   formData.append('file', file.file)
+//   // formData.append('bookingId', id.value)
+//   const type = file.file.type
+//   let id = id.value
+//   if (route.query.isCopy) {
+//     id = 0
+//   }
+//   if (!id.value) {
+//     id = 0
+//   }
+//   BookingOrderOcrUpFile({ data: formData, parameter: { bookingId: id } }).then((res) => {
+//     if (res.success) {
+//       fileName.value = res.data.ocrFileName
+//       if (id == 0) {
+//         emit('ocrUpflie', res.data.uploadFileName)
+//       }
+//       BookingOrderOcrGetImg({ fileName: fileName.value, scale: scale.value }).then((res) => {
+//         imgSrc.value = window.URL.createObjectURL(
+//           new Blob([res], { type: `${type};chartset=UTF-8` }),
+//         )
+//       })
+//     } else {
+//       notification.error({ message: res.message, duration: 3 })
+//     }
+//   })
+// }
+function FnClickCvBox(data) {
+  let details = { ...props.details }
+  const Arr = ['pkgs', 'cbm', 'kgs', 'portdischarge', 'destination', 'kindpkgs']
+  let Type = false
+  Arr.forEach((item) => {
+    if (data.code == item) {
+      Type = true
     }
-  }
-  function mousemove(e) {
-    if (imgSrc.value) {
-      drawRect(e)
+  })
+  if (Type) {
+    if (data.code == 'pkgs' || data.code == 'cbm' || data.code == 'kgs') {
+      details[data.code] = parseFloat(Rdata.value)
+    } else {
+      details[data.code] = Rdata.value
     }
+  } else {
+    details[data.code] = details[data.code] + Rdata.value
   }
-  function drawRect(e) {
-    if (flag.value) {
-      const canvas = myCanvas.value
-      var ctx = canvas.getContext('2d')
-      const Dx = x.value
-      const Dy = y.value
-      ctx.clearRect(0, 0, canvas.width, canvas.height)
-      ctx.beginPath()
-      // 设置线条颜色，必须放在绘制之前
-      ctx.strokeStyle = '#e1271d'
-      // 线宽设置，必须放在绘制之前
-      ctx.lineWidth = 1
-      width.value = e.offsetX - Dx
-      height.value = e.offsetY - Dy
-      ctx.strokeRect(Dx, Dy, e.offsetX - Dx, e.offsetY - Dy)
+  CvBoxType.value = false
+  BCvData.value.forEach((item, index) => {
+    if (item.code == data.code) {
+      BCvData.value.splice(index, 1)
+      BCvData.value.push(item)
     }
+  })
+  emit('SetOCR', details)
+}
+function mouseup(e) {
+  flag.value = false
+  if (imgSrc.value && width.value != 0 && height.value != 0) {
+    GetOcrText({
+      fileName: fileName.value,
+      x: x.value,
+      y: y.value,
+      w: width.value,
+      h: height.value,
+      scale: scale.value,
+    }).then((res) => {
+      Rdata.value = res.data
+      Bx.value = x.value + width.value
+      By.value = y.value + height.value
+      CvBoxType.value = true
+    })
   }
-  function mousedown(e) {
-    myCanvas.value.getContext('2d').clearRect(0, 0, myCanvas.value.width, myCanvas.value.height)
-    if (imgSrc.value) {
-      flag.value = true
-      x.value = e.offsetX // 鼠标落下时的X
-      y.value = e.offsetY // 鼠标落下时的Y
-      CvBoxType.value = false
-      width.value = 0
-      height.value = 0
-    }
+}
+function mousemove(e) {
+  if (imgSrc.value) {
+    drawRect(e)
+  }
+}
+function drawRect(e) {
+  if (flag.value) {
+    const canvas = myCanvas.value
+    var ctx = canvas.getContext('2d')
+    const Dx = x.value
+    const Dy = y.value
+    ctx.clearRect(0, 0, canvas.width, canvas.height)
+    ctx.beginPath()
+    // 设置线条颜色，必须放在绘制之前
+    ctx.strokeStyle = '#e1271d'
+    // 线宽设置，必须放在绘制之前
+    ctx.lineWidth = 1
+    width.value = e.offsetX - Dx
+    height.value = e.offsetY - Dy
+    ctx.strokeRect(Dx, Dy, e.offsetX - Dx, e.offsetY - Dy)
   }
+}
+function mousedown(e) {
+  myCanvas.value.getContext('2d').clearRect(0, 0, myCanvas.value.width, myCanvas.value.height)
+  if (imgSrc.value) {
+    flag.value = true
+    x.value = e.offsetX // 鼠标落下时的X
+    y.value = e.offsetY // 鼠标落下时的Y
+    CvBoxType.value = false
+    width.value = 0
+    height.value = 0
+  }
+}
 
-  function copyFun(data) {
-    const copyInput = document.createElement('input')
-    document.body.appendChild(copyInput)
-    copyInput.setAttribute('value', data)
-    copyInput.select()
-    document.execCommand('Copy', false, null)
-    createMessage.success('复制成功！')
-    copyInput.remove()
+function copyFun(data) {
+  const copyInput = document.createElement('input')
+  document.body.appendChild(copyInput)
+  copyInput.setAttribute('value', data)
+  copyInput.select()
+  document.execCommand('Copy', false, null)
+  createMessage.success('复制成功！')
+  copyInput.remove()
+}
+function beforeUpload(file) {
+  // this.$bus.$emit('WebTest001', { upFileList: file, attachCode: 'other', attachName: '其他' })
+}
+function uploadFile(file) {
+  const formData = new FormData()
+  let Did: any = id.value
+  if (route.query.isCopy) {
+    Did = 0
   }
-  function beforeUpload(file) {
-    // this.$bus.$emit('WebTest001', { upFileList: file, attachCode: 'other', attachName: '其他' })
+  if (!id.value) {
+    Did = 0
   }
-  function uploadFile(file) {
-    const formData = new FormData()
-    let Did: any = id.value
-    if (route.query.isCopy) {
-      Did = 0
-    }
-    if (!id.value) {
-      Did = 0
-    }
-    formData.append('LinkId', Did)
-    formData.append('TypeCode', 'other')
-    formData.append('TypeName', '其他')
+  formData.append('LinkId', Did)
+  formData.append('TypeCode', 'other')
+  formData.append('TypeName', '其他')
 
-    formData.append('file', file.file)
+  formData.append('file', file.file)
 
-    const type = file.file.type
-    uloading.value = true
-    UploadOcrFile({
-      data: formData,
-      // parameter: { LinkId: Did, TypeCode: 'other', TypeName: '其他' },
+  const type = file.file.type
+  uloading.value = true
+  UploadOcrFile({
+    data: formData,
+    // parameter: { LinkId: Did, TypeCode: 'other', TypeName: '其他' },
+  })
+    .then((res) => {
+      uloading.value = false
+      if (res.succeeded) {
+        fileName.value = res.data
+        GetOcrImg({ fileName: fileName.value, scale: scale.value }).then((res) => {
+          imgSrc.value = window.URL.createObjectURL(
+            new Blob([res], { type: `${type};chartset=UTF-8` }),
+          )
+        })
+      }
     })
-      .then((res) => {
-        uloading.value = false
-        if (res.succeeded) {
-          fileName.value = res.data
-          GetOcrImg({ fileName: fileName.value, scale: scale.value }).then((res) => {
-            imgSrc.value = window.URL.createObjectURL(
-              new Blob([res], { type: `${type};chartset=UTF-8` }),
-            )
-          })
-        }
-      })
-      .catch(() => {
-        uloading.value = false
-      })
-  }
-  const uloading = ref(false)
-  function ShowOCR() {
-    if (OcrVisible.value) {
-      OcrOnClose()
-    } else {
-      OcrVisible.value = true
-    }
-  }
-  function OcrOnClose() {
-    imgSrc.value = ''
-    OcrVisible.value = false
-    CvBoxType.value = false
-  }
-  async function handleCancelCabin(b) {
-    cabinLoad.value = true
-    const postData = await validater()
-    postData['id'] = props.details.id
-    if (b) postData['isReserveFee'] = true
-    CreateRefundAuditTask(postData)
-      .then((res) => {
-        cabinLoad.value = false
-        returnCabinFlag.value = false
-        if (res.message == '存在业务相关费用,是否保留费用?') {
-          Modal.confirm({
-            title: '提示',
-            okText: '确定',
-            cancelText: '取消',
-            content: res.message,
-            onOk() {
-              handleCancelCabin(true)
-            },
-            onCancel() {
-              console.log('Cancel')
-            },
-          })
-        } else {
-          createMessage.success(res.message)
-        }
-      })
-      .catch(() => {
-        cabinLoad.value = false
-        returnCabinFlag.value = false
-      })
-  }
-  function removeOrder() {
-    emit('removeOrder')
-  }
-  function cancelRemove() {
-    console.log('== 取消删除 ==')
-  }
-  function addChild() {
-    emit('addSedList')
-  }
-  function FnGoSendCar() {
-    BookingTruckGetTruckListByBooking({ bookingId: id.value }).then((res) => {
-      router.push({
-        name: 'SendCarAdd',
-        query: {
-          type: 'Edit',
-          BookingId: id.value,
-        },
-      })
+    .catch(() => {
+      uloading.value = false
     })
+}
+function uploadFileByAi(file) {
+  aiRecognitionRef.value.uploadFile(file)
+}
+const uloading = ref(false)
+function ShowOCR() {
+  if (OcrVisible.value) {
+    OcrOnClose()
+  } else {
+    OcrVisible.value = true
   }
-  function FnGoExpress() {
+}
+function OcrOnClose() {
+  imgSrc.value = ''
+  OcrVisible.value = false
+  CvBoxType.value = false
+}
+async function handleCancelCabin(b) {
+  cabinLoad.value = true
+  const postData = await validater()
+  postData['id'] = props.details.id
+  if (b) postData['isReserveFee'] = true
+  CreateRefundAuditTask(postData)
+    .then((res) => {
+      cabinLoad.value = false
+      returnCabinFlag.value = false
+      if (res.message == '存在业务相关费用,是否保留费用?') {
+        Modal.confirm({
+          title: '提示',
+          okText: '确定',
+          cancelText: '取消',
+          content: res.message,
+          onOk() {
+            handleCancelCabin(true)
+          },
+          onCancel() {
+            console.log('Cancel')
+          },
+        })
+      } else {
+        createMessage.success(res.message)
+      }
+    })
+    .catch(() => {
+      cabinLoad.value = false
+      returnCabinFlag.value = false
+    })
+}
+function removeOrder() {
+  emit('removeOrder')
+}
+function cancelRemove() {
+  console.log('== 取消删除 ==')
+}
+function addChild() {
+  emit('addSedList')
+}
+function FnGoSendCar() {
+  BookingTruckGetTruckListByBooking({ bookingId: id.value }).then((res) => {
     router.push({
-      name: 'ExpressModuleDetails',
+      name: 'SendCarAdd',
       query: {
-        type: 'Add',
-        Ids: `${id.value}`,
+        type: 'Edit',
+        BookingId: id.value,
       },
     })
+  })
+}
+function FnGoExpress() {
+  router.push({
+    name: 'ExpressModuleDetails',
+    query: {
+      type: 'Add',
+      Ids: `${id.value}`,
+    },
+  })
+}
+function FnchangePage(type) {
+  // if (this.inChildLoading) {
+  //   this.$message.error('加载中，请稍后')
+  //   return false
+  // }
+  if (!props.id) {
+    notification.error({ message: '请先保存订单', duration: 3 })
+    return false
   }
-  function FnchangePage(type) {
-    // if (this.inChildLoading) {
-    //   this.$message.error('加载中，请稍后')
-    //   return false
-    // }
-    if (!props.id) {
-      notification.error({ message: '请先保存订单', duration: 3 })
-      return false
-    }
-    if (changeFlag.value) {
-      emit('changePage', type)
-      changeFlag.value = false
-      setTimeout(() => {
-        changeFlag.value = true
-      }, 4000)
-    }
-  }
-  function emnuHeader(type) {
-    let title = ''
-    switch (type) {
-      case 'bookingSpace':
-        title = '订舱'
-        break
-      case 'cutOff':
-        title = '截单'
-        break
-      case 'initCabin':
-        title = '放舱'
-        break
-      case 'ladingBill':
-        title = '样单'
-        break
-      case 'vgmlink':
-        title = 'vgm链接'
-        break
-    }
-    return title
+  if (changeFlag.value) {
+    emit('changePage', type)
+    changeFlag.value = false
+    setTimeout(() => {
+      changeFlag.value = true
+    }, 4000)
   }
-  // 打印保函
-  // const bhLoading = ref(false)
-  const dsPrint = ref(null)
-  const printBh = () => {
-    dsPrint.value.init()
-    //   bhLoading.value = true
-    //   PrintShippingOrderLetterPDF({ id: props.id }).then(res => {
-    //     bhLoading.value = false
-    //     const fileURL = `http://118.190.144.189:3008/printtempfile/${res.data}`
-    //     window.open(fileURL)
-    //   }).catch(() => {
-    //     bhLoading.value = false
-    //   })
-    // }
+}
+function emnuHeader(type) {
+  let title = ''
+  switch (type) {
+    case 'bookingSpace':
+      title = '订舱'
+      break
+    case 'cutOff':
+      title = '截单'
+      break
+    case 'initCabin':
+      title = '放舱'
+      break
+    case 'ladingBill':
+      title = '样单'
+      break
+    case 'vgmlink':
+      title = 'vgm链接'
+      break
   }
-  function handleModelCancel() {
-    modelType.value = ''
-    bookingModelvisible.value = false
-    EDISloading.value = false
-    EDIUloading.value = false
-    Object.assign(bookingModelFrom, {
-      id: props.id,
-      orderNo: props.details.mblno,
-      useForwarderCode: false,
-      forwarderCode: '',
-      forwarderName: '',
-      fileRole: 9,
-      sendType: 'B',
-      send: false,
-    })
+  return title
+}
+// 打印保函
+// const bhLoading = ref(false)
+const dsPrint = ref(null)
+const printBh = () => {
+  dsPrint.value.init()
+  //   bhLoading.value = true
+  //   PrintShippingOrderLetterPDF({ id: props.id }).then(res => {
+  //     bhLoading.value = false
+  //     const fileURL = `http://118.190.144.189:3008/printtempfile/${res.data}`
+  //     window.open(fileURL)
+  //   }).catch(() => {
+  //     bhLoading.value = false
+  //   })
+  // }
+}
+function handleModelCancel() {
+  modelType.value = ''
+  bookingModelvisible.value = false
+  EDISloading.value = false
+  EDIUloading.value = false
+  Object.assign(bookingModelFrom, {
+    id: props.id,
+    orderNo: props.details.mblno,
+    useForwarderCode: false,
+    forwarderCode: '',
+    forwarderName: '',
+    fileRole: 9,
+    sendType: 'B',
+    send: false,
+  })
+}
+// 舱单
+const visible = ref(false)
+const serviceItem = ref([])
+function handleVisibleChange(Dvisible) {
+  if (!Dvisible) {
+    visible.value = false
+    return
   }
-  // 舱单
-  const visible = ref(false)
-  const serviceItem = ref([])
-  function handleVisibleChange(Dvisible) {
-    if (!Dvisible) {
-      visible.value = false
-      return
-    }
-    const arr: any = []
-    serviceItem.value.forEach((item: any) => {
-      if (item.isYield) {
-        arr.push(1)
-      }
-    })
-    if (arr.length === 0) {
-      visible.value = true
-    } else {
-      openPreOrderFun()
+  const arr: any = []
+  serviceItem.value.forEach((item: any) => {
+    if (item.isYield) {
+      arr.push(1)
     }
+  })
+  if (arr.length === 0) {
+    visible.value = true
+  } else {
+    openPreOrderFun()
   }
-  const RefpreOrder = ref()
-  function openPreOrderFun() {
-    if (!id.value) {
-      return createMessage.warning('请先保存主单！')
-    }
-    RefpreOrder.value.init()
+}
+const RefpreOrder = ref()
+function openPreOrderFun() {
+  if (!id.value) {
+    return createMessage.warning('请先保存主单！')
   }
-  const telxLoad = ref(false)
-  function handleSubmitTelex() {
-    telxLoad.value = true
-    SubmitTelex({ ids: [props.id] }).then((res) => {
-      if (res.succeeded) {
-        if (res.data[0].isSuccess) {
-          notification.success({ message: '提交成功', duration: 3 })
-        } else {
-          notification.warning({ message: res.data[0].failReason, duration: 3 })
-        }
+  RefpreOrder.value.init()
+}
+const telxLoad = ref(false)
+function handleSubmitTelex() {
+  telxLoad.value = true
+  SubmitTelex({ ids: [props.id] }).then((res) => {
+    if (res.succeeded) {
+      if (res.data[0].isSuccess) {
+        notification.success({ message: '提交成功', duration: 3 })
+      } else {
+        notification.warning({ message: res.data[0].failReason, duration: 3 })
       }
-      telxLoad.value = false
-    })
-  }
+    }
+    telxLoad.value = false
+  })
+}
 </script>
 <style lang="less" scoped>
-  .operation-area {
-    display: flex;
-    height: 48px;
-    align-items: center;
-    span {
-      display: inline-block;
-    }
-    .ant-btn-link {
-      padding: 0px 10px !important;
-      height: 20px;
-    }
+.operation-area {
+  display: flex;
+  height: 48px;
+  align-items: center;
+
+  span {
+    display: inline-block;
   }
-  .OCRBox {
-    .ant-drawer-body {
-      position: relative;
-      padding: 0 !important;
-    }
-    .CvBox {
-      position: absolute;
-      width: 100px;
-      border: 1px solid #f0f0f0;
-      box-shadow: 0 1px 2px -2px #00000029, 0 3px 6px #0000001f, 0 5px 12px 4px #00000017;
-      padding: 0;
-      background: #ffffff;
-      li {
-        width: 100%;
-        text-align: center;
-        list-style-type: none;
-        padding: 3px 0;
-        &:hover {
-          background: #f0f0f0;
-        }
+
+  .ant-btn-link {
+    padding: 0px 10px !important;
+    height: 20px;
+  }
+}
+
+.OCRBox {
+  .ant-drawer-body {
+    position: relative;
+    padding: 0 !important;
+  }
+
+  .CvBox {
+    position: absolute;
+    width: 100px;
+    border: 1px solid #f0f0f0;
+    box-shadow: 0 1px 2px -2px #00000029, 0 3px 6px #0000001f, 0 5px 12px 4px #00000017;
+    padding: 0;
+    background: #ffffff;
+
+    li {
+      width: 100%;
+      text-align: center;
+      list-style-type: none;
+      padding: 3px 0;
+
+      &:hover {
+        background: #f0f0f0;
       }
     }
   }
+}
 </style>