diff --git a/src/views/operation/seaexport/components/SelectTextArea.vue b/src/views/operation/seaexport/components/SelectTextArea.vue
index 07bf1034..30d454ee 100644
--- a/src/views/operation/seaexport/components/SelectTextArea.vue
+++ b/src/views/operation/seaexport/components/SelectTextArea.vue
@@ -1,25 +1,23 @@
 <template>
   <div class="top">
-    <div class="name"
-      ><span
-        @click="handleOpen(2)"
-        style="cursor: pointer"
-        class="copy-btn iconfont icon-bianji"
-      ></span
-      >{{ props.label }}</div
-    >
+    <div class="name">
+      <span @click="handleOpen(2)" style="cursor: pointer" class="copy-btn iconfont icon-bianji">
+      </span>
+      {{ props.label }}
+    </div>
     <selectView
       type="Id"
       ref="consigneenameInput"
       :defaultVal="Id"
-      searchApi="GetConsigneeClientList"
-      :showLabel="['title']"
+      :searchApi="RsearchApi()"
+      showCode="id"
+      :showLabel="['shortName']"
       @change="getSelectViewRes"
       style="flex: 1"
     ></selectView>
-    <a-button class="save-btn" type="link" size="small" icon="save" @click="saveModel('Content')"
-      >保存</a-button
-    >
+    <a-button class="save-btn" type="link" size="small" icon="save" @click="saveModel('Content')">
+      保存
+    </a-button>
     <div class="right">
       <span class="btn-circle" @click="spliceMore('Content')" :style="{ fontSize: '14px' }">*</span>
       <span class="btn" @click="changeCode(35, 'Content')">35</span>
@@ -61,6 +59,8 @@
     () => props.details,
     (nval, oval) => {
       if (nval) {
+        console.log(nval[`${props.field}Id`], 'AAAAAAAAAAAAA')
+
         Content.value = nval[`${props.field}Content`]
         Id.value = nval[`${props.field}Id`]
       }
@@ -92,12 +92,27 @@
       modelTitle.value = '通知人代码'
     }
   }
+  function RsearchApi() {
+    let RData = ''
+    switch (props.field) {
+      case 'shipper':
+        RData = 'GetShipperClientList'
+        break
+      case 'consignee':
+        RData = 'GetConsigneeClientList'
+        break
+      case 'notifyParty':
+        RData = 'GetNotifyPartyClientList'
+        break
+      default:
+        break
+    }
+    return RData
+  }
   function getSelectViewRes({ type, res }) {
     emit('Change', { type, res })
   }
   function getTextareaChange(e) {
-    console.log(e, 'getTextareaChange')
-
     Content.value = e.value
     getSelectViewRes({ type: 'Content', res: e.value })
   }
diff --git a/src/views/operation/seaexport/detail/columns.tsx b/src/views/operation/seaexport/detail/columns.tsx
index f82c38d8..c978eee5 100644
--- a/src/views/operation/seaexport/detail/columns.tsx
+++ b/src/views/operation/seaexport/detail/columns.tsx
@@ -56,9 +56,12 @@ let Rtime = (type) => {
   }
   return RData
 }
-// 业务种类字典
 const salerCodeDict = ref([])
-let ListData: any = await {}
+let ListData: any = {
+  customername: [],
+  carrier: [],
+}
+// 装运方式字典
 const FnblType: any = await getDictOption('bl_type')
 if (FnblType.length) {
   ListData.blType = []
@@ -66,6 +69,15 @@ if (FnblType.length) {
     ListData.blType.push({ label: e.name, value: e.value })
   })
 }
+//揽货人数据
+const FnsaleId: any = await GetSaleList()
+if (FnsaleId.succeeded) {
+  ListData.saleId = []
+  FnsaleId.data.forEach((e) => {
+    ListData.saleId.push({ ...e, label: e.userName, value: e.id })
+  })
+}
+
 const FnsaleDeptId: any = await GetDeptList()
 if (FnsaleDeptId.succeeded) {
   ListData.saleDeptId = []
@@ -73,34 +85,7 @@ if (FnsaleDeptId.succeeded) {
     ListData.saleDeptId.push({ label: e.orgName, value: e.id })
   })
 }
-const Fncustomername: any = await GetControllerClientList()
-if (Fncustomername.succeeded) {
-  ListData.customername = []
-  Fncustomername.data.forEach((e) => {
-    ListData.customername.push({ label: `${e.codeName}/${e.shortName}`, value: e.id, ...e })
-  })
-}
-const FnsourceId: any = await GetClientSourceSelectList()
-if (FnsourceId.succeeded) {
-  ListData.sourceId = []
-  FnsourceId.data.forEach((e) => {
-    ListData.sourceId.push({ label: e.sourceName, value: e.id })
-  })
-}
-const FnstlName: any = await GetClientStlModeSelectList()
-if (FnstlName.succeeded) {
-  ListData.stlName = []
-  FnstlName.data.forEach((e) => {
-    ListData.stlName.push({ label: e.stlName, value: e.id })
-  })
-}
-const Fncarrier: any = await GetCarrierlist()
-if (Fncarrier.succeeded) {
-  ListData.carrier = []
-  Fncarrier.data.forEach((e) => {
-    ListData.carrier.push({ label: e.codeName, value: e.id })
-  })
-}
+
 const FnforwarderId: any = await GetAgentCnClientList()
 if (FnforwarderId.succeeded) {
   ListData.forwarderId = []
@@ -119,7 +104,7 @@ const Fnvoyno: any = await GetVoynoSelectList()
 if (Fnvoyno.succeeded) {
   ListData.voyno = []
   Fnvoyno.data.forEach((e) => {
-    ListData.voyno.push({ label: e.voyNo, value: e.id })
+    ListData.voyno.push({ label: e.voyNo, value: e.voyNo })
   })
 }
 const FnlaneId: any = await GetClientLanesSelectList()
@@ -144,14 +129,6 @@ if (FnshipAgencyId.succeeded) {
 //   })
 // }
 
-const FnsaleId: any = await GetSaleList()
-if (FnsaleId.succeeded) {
-  ListData.saleId = []
-  FnsaleId.data.forEach((e) => {
-    ListData.saleId.push({ ...e, label: e.userName, value: e.id })
-  })
-}
-
 const FncustomerService: any = await GetCustomerServiceList()
 if (FncustomerService.succeeded) {
   ListData.customerService = []
@@ -331,6 +308,7 @@ if (Fnctn.length) {
 
 import { BasicColumn, FormSchema } from '/@/components/Table'
 import { Tag } from 'ant-design-vue'
+import { resolve } from 'path'
 const LockType = [
   { label: '锁定', value: true },
   { label: '未锁定', value: false },
@@ -399,6 +377,7 @@ export const basicInfoFormSchema: FormSchema[] = [
     dynamicDisabled: false,
     defaultValue: ListData.blType[0].label,
     colProps: { span: 4 },
+
     componentProps: {
       options: ListData.blType,
       allowClear: true,
@@ -418,7 +397,7 @@ export const basicInfoFormSchema: FormSchema[] = [
   {
     label: '委托单位',
     field: 'customerId',
-    component: 'Select',
+    component: 'ApiSelect',
     required: false,
     dynamicDisabled: false,
     // defaultValue: '',
@@ -426,8 +405,20 @@ export const basicInfoFormSchema: FormSchema[] = [
     componentProps: ({ formActionType, formModel }) => {
       return {
         allowClear: true,
-        options: ListData.customername,
         showSearch: true,
+        api: () => {
+          return new Promise((resolve) => {
+            GetControllerClientList().then((res) => {
+              res.data.forEach((e) => {
+                e.label = `${e.codeName}/${e.shortName}`
+              })
+              ListData.customername = res.data
+              resolve(res)
+            })
+          })
+        },
+        valueField: 'id',
+        resultField: 'data',
         filterOption: (input: string, option: any) => {
           let RData = false
 
@@ -458,7 +449,7 @@ export const basicInfoFormSchema: FormSchema[] = [
   {
     label: '业务来源',
     field: 'sourceId',
-    component: 'Select',
+    component: 'ApiSelect',
     required: false,
     dynamicDisabled: false,
     // defaultValue: '',
@@ -466,8 +457,11 @@ export const basicInfoFormSchema: FormSchema[] = [
     componentProps: ({ formActionType, formModel }) => {
       return {
         allowClear: true,
-        options: ListData.sourceId,
         showSearch: true,
+        api: GetClientSourceSelectList,
+        labelField: 'sourceName',
+        valueField: 'id',
+        resultField: 'data',
         filterOption: (input: string, option: any) => {
           return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
         },
@@ -519,18 +513,23 @@ export const basicInfoFormSchema: FormSchema[] = [
   {
     field: 'stlName',
     label: '结算方式',
-    component: 'Select',
+    component: 'ApiSelect',
     required: false,
     dynamicDisabled: true,
-    // defaultValue: '',
     colProps: { span: 4 },
-    componentProps: {
-      options: ListData.stlName,
-      allowClear: true,
-      showSearch: true,
-      filterOption: (input: string, option: any) => {
-        return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
-      },
+    componentProps: () => {
+      return {
+        // options: ListData.stlName,
+        allowClear: true,
+        showSearch: true,
+        api: GetClientStlModeSelectList,
+        labelField: 'stlName',
+        valueField: 'id',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+      }
     },
   },
   {
@@ -573,28 +572,56 @@ export const basicInfoFormSchema: FormSchema[] = [
     colProps: { span: 4 },
   },
   {
-    label: '船公司',
+    label: '',
     field: 'carrier',
-    component: 'Select',
+    component: 'Input',
+    show: false,
+  },
+  {
+    label: '船公司',
+    field: 'carrierId',
+    component: 'ApiSelect',
     required: false,
     dynamicDisabled: false,
-    // defaultValue: '',
     colProps: { span: 4 },
-    componentProps: {
-      allowClear: true,
-      options: ListData.carrier,
-      showSearch: true,
-      filterOption: (input: string, option: any) => {
-        let RData = false
-        if (option.codeName.toLowerCase().indexOf(input.toLowerCase()) >= 0) {
-          RData = true
-        } else if (option.shortName.toLowerCase().indexOf(input.toLowerCase()) >= 0) {
-          RData = true
-        } else if (option.enShortName.toLowerCase().indexOf(input.toLowerCase()) >= 0) {
-          RData = true
-        }
-        return RData
-      },
+    componentProps: ({ formModel }) => {
+      return {
+        allowClear: true,
+        showSearch: true,
+        api: () => {
+          return new Promise((resolve) => {
+            GetCarrierlist().then((res) => {
+              ListData.carrier = res.data
+              resolve(res)
+            })
+          })
+        },
+        labelField: 'codeName',
+        valueField: 'id',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          let RData = false
+          if (option.codeName.toLowerCase().indexOf(input.toLowerCase()) >= 0) {
+            RData = true
+          } else if (option.shortName.toLowerCase().indexOf(input.toLowerCase()) >= 0) {
+            RData = true
+          } else if (option.enShortName.toLowerCase().indexOf(input.toLowerCase()) >= 0) {
+            RData = true
+          }
+          return RData
+        },
+        onChange: (e) => {
+          if (e) {
+            ListData.carrier.forEach((item) => {
+              if (item.value == e) {
+                formModel.carrier = item.label
+              }
+            })
+          } else {
+            formModel.carrier = ''
+          }
+        },
+      }
     },
   },
   {
@@ -653,20 +680,39 @@ export const basicInfoFormSchema: FormSchema[] = [
     },
   },
   {
-    label: '船名',
+    label: '船名Name',
     field: 'vessel',
+    component: 'Input',
+    show: false,
+  },
+  {
+    label: '船名',
+    field: 'vesselId',
     component: 'Select',
     required: false,
     dynamicDisabled: false,
     // defaultValue: '',
     colProps: { span: 4 },
-    componentProps: {
-      allowClear: true,
-      options: ListData.vessel,
-      showSearch: true,
-      filterOption: (input: string, option: any) => {
-        return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
-      },
+    componentProps: ({ formModel }) => {
+      return {
+        allowClear: true,
+        showSearch: true,
+        options: ListData.vessel,
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: (e) => {
+          if (e) {
+            ListData.vessel.forEach((item) => {
+              if (item.value == e) {
+                formModel.vessel = item.label
+              }
+            })
+          } else {
+            formModel.vessel = ''
+          }
+        },
+      }
     },
   },
   {
@@ -732,29 +778,60 @@ export const basicInfoFormSchema: FormSchema[] = [
       }
     },
   },
+  {
+    label: '船代Name',
+    field: 'shipAgency',
+    component: 'Input',
+    show: false,
+  },
   {
     label: '船代',
     field: 'shipAgencyId',
-    component: 'Select',
+    component: 'ApiSelect',
     required: false,
     dynamicDisabled: false,
     // defaultValue: '',
     colProps: { span: 4 },
-    componentProps: {
-      allowClear: true,
-      options: ListData.customername,
-      showSearch: true,
-      filterOption: (input: string, option: any) => {
-        let RData = false
-        if (option.codeName.toLowerCase().indexOf(input.toLowerCase()) >= 0) {
-          RData = true
-        } else if (option.shortName.toLowerCase().indexOf(input.toLowerCase()) >= 0) {
-          RData = true
-        } else if (option.enShortName.toLowerCase().indexOf(input.toLowerCase()) >= 0) {
-          RData = true
-        }
-        return RData
-      },
+    componentProps: ({ formModel }) => {
+      return {
+        allowClear: true,
+        showSearch: true,
+        api: () => {
+          return new Promise((resolve) => {
+            GetControllerClientList().then((res) => {
+              res.data.forEach((e) => {
+                e.label = `${e.codeName}/${e.shortName}`
+              })
+              ListData.customername = res.data
+              resolve(res)
+            })
+          })
+        },
+        valueField: 'id',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          let RData = false
+          if (option.codeName.toLowerCase().indexOf(input.toLowerCase()) >= 0) {
+            RData = true
+          } else if (option.shortName.toLowerCase().indexOf(input.toLowerCase()) >= 0) {
+            RData = true
+          } else if (option.enShortName.toLowerCase().indexOf(input.toLowerCase()) >= 0) {
+            RData = true
+          }
+          return RData
+        },
+        onChange: (e) => {
+          if (e) {
+            ListData.customername.forEach((item) => {
+              if (item.value == e) {
+                formModel.shipAgency = item.label
+              }
+            })
+          } else {
+            formModel.shipAgency = ''
+          }
+        },
+      }
     },
   },
   {
@@ -788,7 +865,6 @@ export const basicInfoFormSchema: FormSchema[] = [
         },
         onChange: async (e, obj) => {
           if (e && obj) {
-            console.log(e, obj, '揽货人!!!!!!!!!!')
             let saleDeptIdArr: any = []
             formModel.sale = obj.label
             formModel.saleOrgId = obj.defaultOrgId
@@ -800,7 +876,6 @@ export const basicInfoFormSchema: FormSchema[] = [
               })
               if (obj.defaultOrgId) {
                 await GetDeptList({ orgId: obj.defaultOrgId }).then((res) => {
-                  console.log(res, '所属分部 查询 所属部门')
                   res.data.forEach((item) => {
                     saleDeptIdArr.push({ label: item.orgName, value: item.id })
                   })
@@ -827,7 +902,6 @@ export const basicInfoFormSchema: FormSchema[] = [
                     onChange: (e, obj) => {
                       formModel.saleDeptId = ''
                       GetDeptList({ orgId: e }).then((res) => {
-                        console.log(res, '所属分部 查询 所属部门')
                         let Arr: any = []
                         res.data.forEach((item) => {
                           Arr.push({ label: item.orgName, value: item.id })
@@ -1044,6 +1118,13 @@ export const mailingInfoFormSchemaL: FormSchema[] = [
     // defaultValue: '',
     show: false,
   },
+  {
+    label: '',
+    field: 'shipperId',
+    component: 'Input',
+    // defaultValue: '',
+    show: false,
+  },
   {
     field: '',
     component: 'SelectTextArea',
@@ -1055,7 +1136,12 @@ export const mailingInfoFormSchemaL: FormSchema[] = [
         field: 'shipper',
         onChange: (e) => {
           if (e) {
-            formModel[`shipper${e.type}`] = e.res
+            if (e.type == 'Id') {
+              formModel.shipper = e.res.shortName
+              formModel.shipperId = e.res.id
+            } else {
+              formModel[`shipper${e.type}`] = e.res
+            }
           }
         },
       }
@@ -1075,6 +1161,13 @@ export const mailingInfoFormSchemaL: FormSchema[] = [
     // defaultValue: '',
     show: false,
   },
+  {
+    label: '',
+    field: 'consigneeId',
+    component: 'Input',
+    // defaultValue: '',
+    show: false,
+  },
   {
     field: '',
     component: 'SelectTextArea',
@@ -1086,7 +1179,12 @@ export const mailingInfoFormSchemaL: FormSchema[] = [
         field: 'consignee',
         onChange: (e) => {
           if (e) {
-            formModel[`consignee${e.type}`] = e.res
+            if (e.type == 'Id') {
+              formModel.consignee = e.res.shortName
+              formModel.consigneeId = e.res.id
+            } else {
+              formModel[`consignee${e.type}`] = e.res
+            }
           }
         },
       }
@@ -1106,6 +1204,13 @@ export const mailingInfoFormSchemaL: FormSchema[] = [
     // defaultValue: '',
     show: false,
   },
+  {
+    label: '',
+    field: 'notifyPartyId',
+    component: 'Input',
+    // defaultValue: '',
+    show: false,
+  },
   {
     field: '',
     component: 'SelectTextArea',
@@ -1117,7 +1222,12 @@ export const mailingInfoFormSchemaL: FormSchema[] = [
         field: 'notifyParty',
         onChange: (e) => {
           if (e) {
-            formModel[`notifyParty${e.type}`] = e.res
+            if (e.type == 'Id') {
+              formModel.notifyParty = e.res.shortName
+              formModel.notifyPartyId = e.res.id
+            } else {
+              formModel[`notifyParty${e.type}`] = e.res
+            }
           }
         },
       }
@@ -2304,8 +2414,6 @@ export const ediMoreFormSchema: FormSchema[] = [
           return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
         },
         onChange: (e, obj) => {
-          console.log(e, obj)
-
           if (e) {
             formModel.salerCodeName = obj.name
           } else {
@@ -2513,378 +2621,6 @@ export const ediMoreFormSchema: FormSchema[] = [
     colProps: { span: 4 },
   },
 ]
-// export const ediMoreFormSchema: FormSchema[] = [
-//   {
-//     label: '报关单号',
-//     field: 'customNo',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     field: 'customDate',
-//     label: '报关日期',
-//     component: 'DatePicker',
-//     required: false,
-//     dynamicDisabled: false,
-//     // defaultValue: '',
-//     colProps: { span: 4 },
-//     componentProps: {
-//       allowClear: true,
-//     },
-//   },
-//   {
-//     label: '商检单号',
-//     field: 'inspectionNo',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     field: 'inspectionDate',
-//     label: '商检日期',
-//     component: 'DatePicker',
-//     required: false,
-//     dynamicDisabled: false,
-//     // defaultValue: '',
-//     colProps: { span: 4 },
-//     componentProps: {
-//       allowClear: true,
-//     },
-//   },
-//   {
-//     label: 'EDI备注',
-//     field: 'ediRemark',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: '单位编码',
-//     field: 'enterprise',
-//     component: 'Input',
-//     show: false,
-//   },
-//   {
-//     field: 'enterpriseId',
-//     label: '单位',
-//     component: 'Select',
-//     required: false,
-//     dynamicDisabled: false,
-//     // defaultValue: '',
-//     colProps: { span: 4 },
-//     componentProps: ({ schema, tableAction, formActionType, formModel }) => {
-//       return {
-//         options: ListData.enterprise,
-//         allowClear: true,
-//         showSearch: true,
-//         filterOption: (input: string, option: any) => {
-//           return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
-//         },
-//         onChange: (e) => {
-//           if (e) {
-//             ListData.enterprise.forEach((item) => {
-//               if (item.value == e) {
-//                 formModel.enterprise = item.label
-//               }
-//             })
-//           } else {
-//             formModel.enterprise = ''
-//           }
-//         },
-//       }
-//     },
-//   },
-//   {
-//     label: '报关票数',
-//     field: 'customsNum',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: '预录',
-//     field: 'preRecord',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     field: 'isMoreGood',
-//     label: '是否多品名',
-//     component: 'RadioGroup',
-//     required: false,
-//     dynamicDisabled: false,
-//     defaultValue: true,
-//     colProps: { span: 4 },
-//     componentProps: {
-//       options: [
-//         { label: '是', value: true },
-//         { label: '否', value: false },
-//       ],
-//     },
-//   },
-//   // {
-//   //   field: 'termDelivery',
-//   //   label: '贸易方式',
-//   //   component: 'Select',
-//   //   required: false,
-//   //   dynamicDisabled: false,
-//   //   // defaultValue: '',
-//   //   colProps: { span: 4 },
-//   //   componentProps: {
-//   //     options: ListData.termDelivery,
-//   //     allowClear: true,
-//   //     showSearch: true,
-//   //     filterOption: (input: string, option: any) => {
-//   //       return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
-//   //     },
-//   //   },
-//   // },
-//   {
-//     field: 'insperctService',
-//     label: '报检项目',
-//     component: 'Select',
-//     required: false,
-//     dynamicDisabled: false,
-//     // defaultValue: '',
-//     colProps: { span: 4 },
-//     componentProps: {
-//       options: ListData.insperctService,
-//       allowClear: true,
-//       showSearch: true,
-//       filterOption: (input: string, option: any) => {
-//         return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
-//       },
-//     },
-//   },
-//   {
-//     field: 'vessel2N',
-//     label: '船名',
-//     component: 'Select',
-//     required: false,
-//     dynamicDisabled: false,
-//     // defaultValue: '',
-//     colProps: { span: 4 },
-//     componentProps: {
-//       options: ListData.vessel,
-//       allowClear: true,
-//       showSearch: true,
-//       filterOption: (input: string, option: any) => {
-//         return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
-//       },
-//     },
-//   },
-//   {
-//     label: '二程航次',
-//     field: 'voyno2N',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: '发送方EDI代码',
-//     field: 'sendCode',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: '接收方EDI代码',
-//     field: 'receiveCode',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: 'EDI联系人名称',
-//     field: 'ediAttn',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: 'EDI联系人电话',
-//     field: 'ediAttnTel',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: 'EDI联系人邮箱',
-//     field: 'ediAttnMail',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: 'AMS收货人',
-//     field: 'amsConsignee',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: 'AMS通知人',
-//     field: 'amsNotifyParty',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: '操作英文名称',
-//     field: 'opEName',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: '操作电话',
-//     field: 'opTel',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: '操作邮箱',
-//     field: 'opEmail',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   // {
-//   //   label: '商品名称',
-//   //   field: 'goodsName',
-//   //   component: 'Input',
-//   //   required: false,
-//   //   colProps: { span: 4 },
-//   // },
-//   {
-//     field: 'isContainerSoc',
-//     label: '是否SOC箱',
-//     component: 'RadioGroup',
-//     required: false,
-//     dynamicDisabled: false,
-//     defaultValue: true,
-//     colProps: { span: 4 },
-//     componentProps: {
-//       options: [
-//         { label: '是', value: true },
-//         { label: '否', value: false },
-//       ],
-//     },
-//   },
-//   {
-//     label: 'SCAC代码',
-//     field: 'scaccode',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: 'ITN编号',
-//     field: 'itncode',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: '订舱人说明',
-//     field: 'orderRemark',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: '付款方',
-//     field: 'freightpayer',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: '第一层包装皮重',
-//     field: 'kingTareweight',
-//     component: 'InputNumber',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     label: '指定业务员',
-//     field: 'xmcywy',
-//     component: 'Input',
-//     required: false,
-//     colProps: { span: 4 },
-//   },
-//   {
-//     field: 'weiTuoFang',
-//     label: '委托方',
-//     component: 'InputTextArea',
-//     required: false,
-//     dynamicDisabled: false,
-//     // defaultValue: '',
-//     colProps: { span: 24 },
-//     componentProps: {
-//       rows: 3,
-//     },
-//   },
-//   // {
-//   //   label: '业务备注',
-//   //   field: 'divider-selects',
-//   //   component: 'Divider',
-//   //   colProps: { span: 24 },
-//   // },
-//   // {
-//   //   field: 'exRemark1',
-//   //   label: '辅助字段1',
-//   //   component: 'InputTextArea',
-//   //   required: false,
-//   //   dynamicDisabled: false,
-//   //   // defaultValue: '',
-//   //   colProps: { span: 12 },
-//   //   componentProps: {
-//   //     rows: 3,
-//   //   },
-//   // },
-//   // {
-//   //   field: 'exRemark2',
-//   //   label: '辅助字段2',
-//   //   component: 'InputTextArea',
-//   //   required: false,
-//   //   dynamicDisabled: false,
-//   //   // defaultValue: '',
-//   //   colProps: { span: 12 },
-//   //   componentProps: {
-//   //     rows: 3,
-//   //   },
-//   // },
-//   // {
-//   //   field: 'exRemark3',
-//   //   label: '辅助字段3',
-//   //   component: 'InputTextArea',
-//   //   required: false,
-//   //   dynamicDisabled: false,
-//   //   // defaultValue: '',
-//   //   colProps: { span: 12 },
-//   //   componentProps: {
-//   //     rows: 3,
-//   //   },
-//   // },
-//   // {
-//   //   field: 'exRemark4',
-//   //   label: '辅助字段4',
-//   //   component: 'InputTextArea',
-//   //   required: false,
-//   //   dynamicDisabled: false,
-//   //   // defaultValue: '',
-//   //   colProps: { span: 12 },
-//   //   componentProps: {
-//   //     rows: 3,
-//   //   },
-//   // },
-// ]
-
-// mastetMore表单
 export const mastetMoreFormSchema: FormSchema[] = [
   {
     label: '',
@@ -2902,8 +2638,6 @@ export const mastetMoreFormSchema: FormSchema[] = [
         label: '发货人',
         onChange: (e) => {
           if (e) {
-            console.log(e)
-
             formModel.masterShipperContent = e.res
           }
         },
@@ -3393,22 +3127,30 @@ export const BatchModificationFormSchema: FormSchema[] = [
     label: '',
     field: 'carrier',
     component: 'Input',
-
     show: false,
   },
   {
     label: '船公司',
     field: 'carrierId',
-    component: 'Select',
+    component: 'ApiSelect',
     required: false,
     dynamicDisabled: false,
-
     colProps: { span: 4 },
     componentProps: ({ formModel }) => {
       return {
-        options: ListData.carrier,
         allowClear: true,
         showSearch: true,
+        api: () => {
+          return new Promise((resolve) => {
+            GetCarrierlist().then((res) => {
+              ListData.carrier = res.data
+              resolve(res)
+            })
+          })
+        },
+        labelField: 'codeName',
+        valueField: 'id',
+        resultField: 'data',
         filterOption: (input: string, option: any) => {
           return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
         },
@@ -3654,20 +3396,39 @@ export const BatchModificationFormSchema: FormSchema[] = [
     colProps: { span: 4 },
   },
   {
-    label: '船名',
+    label: '船名Name',
     field: 'vessel',
+    component: 'Input',
+    show: false,
+  },
+  {
+    label: '船名',
+    field: 'vesselId',
     component: 'Select',
     required: false,
     dynamicDisabled: false,
-
+    // defaultValue: '',
     colProps: { span: 4 },
-    componentProps: {
-      allowClear: true,
-      options: ListData.vessel,
-      showSearch: true,
-      filterOption: (input: string, option: any) => {
-        return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
-      },
+    componentProps: ({ formModel }) => {
+      return {
+        allowClear: true,
+        showSearch: true,
+        options: ListData.vessel,
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: (e) => {
+          if (e) {
+            ListData.vessel.forEach((item) => {
+              if (item.value == e) {
+                formModel.vessel = item.label
+              }
+            })
+          } else {
+            formModel.vessel = ''
+          }
+        },
+      }
     },
   },
   {
@@ -3676,7 +3437,6 @@ export const BatchModificationFormSchema: FormSchema[] = [
     component: 'Select',
     required: false,
     dynamicDisabled: false,
-
     colProps: { span: 4 },
     componentProps: {
       allowClear: true,
@@ -3826,7 +3586,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
   {
     label: '业务来源',
     field: 'sourceId',
-    component: 'Select',
+    component: 'ApiSelect',
     required: false,
     dynamicDisabled: false,
 
@@ -3834,8 +3594,11 @@ export const BatchModificationFormSchema: FormSchema[] = [
     componentProps: ({ formActionType, formModel }) => {
       return {
         allowClear: true,
-        options: ListData.sourceId,
         showSearch: true,
+        api: GetClientSourceSelectList,
+        labelField: 'sourceName',
+        valueField: 'id',
+        resultField: 'data',
         filterOption: (input: string, option: any) => {
           return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
         },
@@ -3875,21 +3638,60 @@ export const BatchModificationFormSchema: FormSchema[] = [
       }
     },
   },
+  {
+    label: '船代Name',
+    field: 'shipAgency',
+    component: 'Input',
+    show: false,
+  },
   {
     label: '船代',
     field: 'shipAgencyId',
-    component: 'Select',
+    component: 'ApiSelect',
     required: false,
     dynamicDisabled: false,
-
+    // defaultValue: '',
     colProps: { span: 4 },
-    componentProps: {
-      allowClear: true,
-      options: ListData.shipAgencyId,
-      showSearch: true,
-      filterOption: (input: string, option: any) => {
-        return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
-      },
+    componentProps: ({ formModel }) => {
+      return {
+        allowClear: true,
+        showSearch: true,
+        api: () => {
+          return new Promise((resolve) => {
+            GetControllerClientList().then((res) => {
+              res.data.forEach((e) => {
+                e.label = `${e.codeName}/${e.shortName}`
+              })
+              ListData.customername = res.data
+              resolve(res)
+            })
+          })
+        },
+        valueField: 'id',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          let RData = false
+          if (option.codeName.toLowerCase().indexOf(input.toLowerCase()) >= 0) {
+            RData = true
+          } else if (option.shortName.toLowerCase().indexOf(input.toLowerCase()) >= 0) {
+            RData = true
+          } else if (option.enShortName.toLowerCase().indexOf(input.toLowerCase()) >= 0) {
+            RData = true
+          }
+          return RData
+        },
+        onChange: (e) => {
+          if (e) {
+            ListData.customername.forEach((item) => {
+              if (item.value == e) {
+                formModel.shipAgency = item.label
+              }
+            })
+          } else {
+            formModel.shipAgency = ''
+          }
+        },
+      }
     },
   },
   // {
@@ -4076,15 +3878,27 @@ export const BatchModificationFormSchema: FormSchema[] = [
   {
     label: '委托单位',
     field: 'customerName',
-    component: 'Select',
+    component: 'ApiSelect',
     required: false,
     dynamicDisabled: false,
 
     colProps: { span: 4 },
     componentProps: {
       allowClear: true,
-      options: ListData.customername,
       showSearch: true,
+      api: () => {
+        return new Promise((resolve) => {
+          GetControllerClientList().then((res) => {
+            res.data.forEach((e) => {
+              e.label = `${e.codeName}/${e.shortName}`
+            })
+            ListData.customername = res.data
+            resolve(res)
+          })
+        })
+      },
+      valueField: 'id',
+      resultField: 'data',
       filterOption: (input: string, option: any) => {
         let RData = false
 
diff --git a/src/views/operation/seaexport/detail/components/selectView.vue b/src/views/operation/seaexport/detail/components/selectView.vue
index 358036c5..4443ac80 100644
--- a/src/views/operation/seaexport/detail/components/selectView.vue
+++ b/src/views/operation/seaexport/detail/components/selectView.vue
@@ -133,9 +133,8 @@
   watch(
     () => props.defaultVal,
     (nval) => {
-      if (['sourceDetailId'].includes(props.type) && nval) {
-        console.log(nval, props.details, 123123132)
-        FnInit(['sourceDetailId'])
+      if (['Id'].includes(props.type) && nval) {
+        FnInit(['Id'])
       }
 
       if (inEdit.value) {
@@ -175,8 +174,9 @@
         open.value = false
       }
     }
-    if (inInit) {
+    if (inInit.value) {
       FnInit([
+        'Id',
         'sourceId',
         'operatorId',
         'saleId',
@@ -238,18 +238,13 @@
     }
   }
   function getSelectFirst(e, canClick = true) {
-    console.log(e, canClick, RefselectView.value, 'getSelectFirst')
-
     // if (canClick) {
     //   RefselectView.value.$refs.vcSelect.$refs.arrow.click()
     // } else {
     //   RefselectView.value.focus()
     // }
     RefselectView.value.focus()
-    console.log(open.value)
-
     open.value = true
-    console.log(open.value)
     if (
       [
         // ---------------basicInfo----------------
@@ -320,13 +315,9 @@
         'shippercountry',
       ].includes(props.type)
     ) {
-      console.log(props.type)
-
       // if (props.type === 'blType') {
       //   selectList.value = emnuData(props.type)
       //   inLoading.value = false
-      //   console.log(selectList.value)
-
       //   return false
       // }
       // if (props.type === 'yard') {
@@ -698,12 +689,6 @@
         return GetCustomerServiceList
       case 'GetDeptList':
         return GetDeptList
-      case 'GetShipperClientList':
-        return GetShipperClientList
-      case 'GetConsigneeClientList':
-        return GetConsigneeClientList
-      case 'GetNotifyPartyClientList':
-        return GetNotifyPartyClientList
       case 'GetCarrierlist':
         return GetCarrierlist
       case 'GetAgentClientList':
@@ -732,11 +717,15 @@
         return GetPackageSelectList
       case 'GetEnterpriseClientList':
         return GetEnterpriseClientList
+      case 'GetShipperClientList':
+        return GetShipperClientList
+      case 'GetConsigneeClientList':
+        return GetConsigneeClientList
+      case 'GetNotifyPartyClientList':
+        return GetNotifyPartyClientList
     }
   }
   function handleChange(op) {
-    console.log(op)
-
     let Dop = op[0]
     inEdit.value = true
     setTimeout(() => {
@@ -751,10 +740,10 @@
       setTimeout(() => {
         const num = Dop.key
         value.value = selectList.value[num][props.showLabel[0]]
-
+        let res = { ...selectList.value[num] }
         emit('change', {
           type: props.type,
-          res: selectList.value[num],
+          res,
         })
       }, 100)
     }
diff --git a/src/views/operation/seaexport/detail/index.vue b/src/views/operation/seaexport/detail/index.vue
index 1fd2432a..3901dac8 100644
--- a/src/views/operation/seaexport/detail/index.vue
+++ b/src/views/operation/seaexport/detail/index.vue
@@ -812,6 +812,8 @@
       })
       ctnInfo.push(e)
     })
+    console.log(RefmailingInfo.value.getFieldsValueL())
+
     let _data = {
       ...initDetail,
       ...RefbasicInfo.value.getFieldsValue(),
diff --git a/src/views/operation/seaexport/detail/modules/operationArea.vue b/src/views/operation/seaexport/detail/modules/operationArea.vue
index 01d58235..47ff6b69 100644
--- a/src/views/operation/seaexport/detail/modules/operationArea.vue
+++ b/src/views/operation/seaexport/detail/modules/operationArea.vue
@@ -725,7 +725,7 @@
     <!-- 打印弹窗 start -->
     <a-modal
       :zIndex="1005"
-      width="50vw"
+      width="35vw"
       :maskClosable="false"
       v-model:visible="PrintModalVisible"
       title="打印"
@@ -738,19 +738,28 @@
               <TableAction
                 :actions="[
                   {
-                    icon: 'clarity:note-edit-line',
+                    icon: 'ant-design:file-pdf-outlined',
                     tooltip: 'pdf',
-                    onClick: FnCilckTemplateType.bind(null, record),
+                    onClick: FnCilckTemplateType.bind(null, {
+                      templateId: record.id,
+                      printType: 1,
+                    }),
                   },
                   {
-                    icon: 'clarity:note-edit-line',
-                    tooltip: 'xlsx',
-                    onClick: FnCilckTemplateType.bind(null, record),
+                    icon: 'ant-design:file-excel-outlined',
+                    tooltip: 'excel',
+                    onClick: FnCilckTemplateType.bind(null, {
+                      templateId: record.id,
+                      printType: 2,
+                    }),
                   },
                   {
-                    icon: 'clarity:note-edit-line',
-                    tooltip: 'docx',
-                    onClick: FnCilckTemplateType.bind(null, record),
+                    icon: 'ant-design:file-word-outlined',
+                    tooltip: 'word',
+                    onClick: FnCilckTemplateType.bind(null, {
+                      templateId: record.id,
+                      printType: 3,
+                    }),
                   },
                 ]"
               />
@@ -978,7 +987,6 @@
     handleSearchInfoFn: () => {
       let Arr: any = []
       var data = getForm().getFieldsValue()
-      console.log(data)
       if (data.templateName == '') {
         GetPrintData()
       } else {
@@ -989,13 +997,13 @@
             }
           })
         })
-        console.log(Arr)
         dataSource.value = Arr
       }
     },
+    maxHeight: 400,
     columns,
     formConfig: {
-      labelWidth: 120,
+      labelWidth: 100,
       schemas: searchFormSchema,
     },
     // 空值分页
@@ -1030,12 +1038,11 @@
     dataSource.value = [...res.data]
   }
   // 打印方法
-  function FnCilckTemplateType(templateId) {
-    console.log(templateId)
-
+  function FnCilckTemplateType({ templateId, printType }) {
     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}',
     })
@@ -1043,40 +1050,43 @@
         if (!res.succeeded) {
           notification.error({ message: res.message, duration: 3 })
         } else {
-          // 1.pdf; 2.xlsx; 3.doc
-          let base64ToBlob = (code) => {
-            code = code.replace(/[\n\r]/g, '') // 检查base64字符串是否符合base64编码
-            // atob() 方法用于解码使用 base-64 编码的字符串。
-            const raw = window.atob(code)
-            const rawLength = raw.length
-            const uInt8Array = new Uint8Array(rawLength)
-            for (let i = 0; i < rawLength; ++i) {
-              // 将解码后的逐个字符转换成Unicode序号，放入Unit8Array数组
-              uInt8Array[i] = raw.charCodeAt(i)
-            }
-            // 通过Blob将Uint8Array数组转换成pdf类型的文件对象
-            let type = ''
-            switch (res.data.printType) {
-              case '2':
-                type = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
-                break
-              case '3':
-                type = 'application/msword'
-                break
-              default:
-                type = 'application/pdf'
-                break
-            }
-            return new Blob([uInt8Array], { type })
-          }
+          // // 1.pdf; 2.excel; 3.word
+          // let base64ToBlob = (code) => {
+          //   code = code.replace(/[\n\r]/g, '') // 检查base64字符串是否符合base64编码
+          //   // atob() 方法用于解码使用 base-64 编码的字符串。
+          //   const raw = window.atob(code)
+          //   const rawLength = raw.length
+          //   const uInt8Array = new Uint8Array(rawLength)
+          //   for (let i = 0; i < rawLength; ++i) {
+          //     // 将解码后的逐个字符转换成Unicode序号，放入Unit8Array数组
+          //     uInt8Array[i] = raw.charCodeAt(i)
+          //   }
+          //   // 通过Blob将Uint8Array数组转换成pdf类型的文件对象
+          //   let type = ''
+          //   switch (res.data.printType) {
+          //     case '2':
+          //       type = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+          //       break
+          //     case '3':
+          //       type = 'application/msword'
+          //       break
+          //     default:
+          //       type = 'application/pdf'
+          //       break
+          //   }
+          //   return new Blob([uInt8Array], { type })
+          // }
 
-          const blob = base64ToBlob(res.data.printData)
-          if (window.navigator && window.navigator.msSaveOrOpenBlob) {
-            window.navigator.msSaveOrOpenBlob(blob)
-          } else {
-            const fileURL = URL.createObjectURL(blob)
-            window.open(fileURL) //打开ppf文件
-          }
+          // const blob = base64ToBlob(res.data.printData)
+          // ''
+          // if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+          //   window.navigator.msSaveOrOpenBlob(blob)
+          // } else {
+          //   const fileURL = URL.createObjectURL(blob)
+          //   window.open(fileURL) //打开ppf文件
+          // }
+          let fileURL = `http://60.209.125.238:3009/PrintTempFile/${res.data}`
+          window.open(fileURL)
         }
       })
       .catch((err) => {
@@ -1144,13 +1154,11 @@
       // getYardlist()
     }
     if (type === 'initCabin') {
-      console.log('放舱')
       getLetterYard()
       // BookingOrderPrintTemplateWithHistoryList({
       //   cateCode: 'fangcang',
       //   printType: 10,
       // }).then((res) => {
-      //   console.log(res.data)
       //   initCabinSendData.value = res.data
       // })
     } else if (type === 'ladingBill') {
@@ -1288,8 +1296,6 @@
   }
   // 订阅运踪
   function traceSend() {
-    console.log(props.details.yard, props.details.yardId, traceValue.value.includes('1'))
-
     if (!traceValue.value) {
       notification.error({ message: '请选择订阅内容', duration: 3 })
       return false
@@ -1543,7 +1549,6 @@
   }
   function FnGoSendCar() {
     BookingTruckGetTruckListByBooking({ bookingId: id.value }).then((res) => {
-      console.log(res)
       router.push({
         name: 'SendCarAdd',
         query: {
@@ -1554,7 +1559,6 @@
     })
   }
   function FnGoExpress() {
-    console.log(id.value)
     router.push({
       name: 'ExpressModuleDetails',
       query: {