diff --git a/src/components/Form/src/Ds/components/DEdit.vue b/src/components/Form/src/Ds/components/DEdit.vue
index 27391fe1..6cf40e9c 100644
--- a/src/components/Form/src/Ds/components/DEdit.vue
+++ b/src/components/Form/src/Ds/components/DEdit.vue
@@ -1,5 +1,9 @@
 <template>
   <div class="ds-edit" @mouseover="showTooltip = true" @mouseleave="showTooltip = false">
+    <div class="JiaoYan" v-if="label == '客户简称' && route.path == '/CustomerinfoclientDetail'">
+      <span class="text" v-if="!appStore.getIsAvailableDisabled">请完成客户校验</span>
+      <span class="iconfont icon-shenhe" @click="CilckVerify"></span>
+    </div>
     <span class="label"><span class="required" v-if="required">*</span>{{ label }}:</span>
     <span class="state">{{ GetState() }}</span>
     <span class="iconfont icon-bianji1" @click="CilckEdit" v-show="showTooltip"></span>
@@ -10,9 +14,10 @@
   import { useRuleFormItem } from '/@/hooks/component/useFormItem'
   import { useAttrs } from '/@/hooks/core/useAttrs'
   import { useI18n } from '/@/hooks/web/useI18n'
-  import { useAppStore } from '/@/store/modules/app'
   import dayjs from 'dayjs'
-  const appStore = useAppStore()
+  import { useRoute } from 'vue-router'
+  import { useAppStore } from '/@/store/modules/app'
+
   type OptionsItem = { label: string; value: string; disabled?: boolean }
   export default defineComponent({
     name: 'DEdit',
@@ -70,6 +75,8 @@
     },
     emits: ['change', 'update:value', 'edit'],
     setup(props, { emit }) {
+      const route = useRoute()
+      const appStore = useAppStore()
       const showTooltip = ref(false)
       const attrs = useAttrs()
       const { t } = useI18n()
@@ -140,13 +147,40 @@
       function CilckEdit() {
         emit('edit')
       }
-
-      return { attrs, t, showTooltip, props, state, CilckEdit, GetState }
+      function CilckVerify() {
+        emit('edit', 'Verify')
+      }
+      return {
+        attrs,
+        t,
+        showTooltip,
+        props,
+        route,
+        state,
+        CilckEdit,
+        CilckVerify,
+        GetState,
+        appStore,
+      }
     },
   })
 </script>
 
 <style lang="less" scoped>
+  .JiaoYan {
+    position: absolute;
+    top: -12px;
+    right: 0;
+    .text {
+      color: red;
+      font-size: 12px;
+    }
+    .iconfont {
+      cursor: pointer;
+      margin-left: 3px;
+      color: #2579f7;
+    }
+  }
   .required {
     color: red;
     display: inline-block;
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index 3ec93eb8..9c5aa93f 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -50,6 +50,7 @@ interface AppState {
   idsData: Recordable
   SourceData: any
   isEditing: boolean
+  IsAvailableDisabled: boolean
 }
 let timeId: TimeoutHandle
 export const useAppStore = defineStore({
@@ -86,9 +87,14 @@ export const useAppStore = defineStore({
     idsData: {},
     // 业务来源>业务明细   缓存
     SourceData: [],
-    isEditing: false
+    isEditing: false,
+    // 往来单位 校验状态
+    IsAvailableDisabled: false,
   }),
   getters: {
+    getIsAvailableDisabled(): any {
+      return this.IsAvailableDisabled
+    },
     getSourceData(): any {
       return this.SourceData
     },
@@ -193,6 +199,9 @@ export const useAppStore = defineStore({
     },
   },
   actions: {
+    setIsAvailableDisabled(data): void {
+      this.IsAvailableDisabled = data
+    },
     setIsEditing(data): void {
       this.isEditing = data
     },
diff --git a/src/views/ContainerManagement/OfflineAudit/api.ts b/src/views/ContainerManagement/OfflineAudit/api.ts
new file mode 100644
index 00000000..5d142e9c
--- /dev/null
+++ b/src/views/ContainerManagement/OfflineAudit/api.ts
@@ -0,0 +1,98 @@
+// @ts-ignore
+import { request } from '/@/utils/request'
+import { DataResult, PageRequest } from '/@/api/model/baseModel'
+enum Api {
+  list = '/containerManagementApi/CM_State_Change/GetCM_State_ChangeList',
+  edit = '/containerManagementApi/CM_State_Change/EditCM_State_Change',
+  multiEdit = '/containerManagementApi/CM_State_Change/CM_State_Change_Multi',
+  Changeinfo = '/containerManagementApi/CM_State_Change/GetCM_State_Change',
+  Changedel = '/containerManagementApi/CM_State_Change/DeleteCM_State_Change',
+
+  info = '/containerManagementApi/CM_CurrentState/GetCM_CurrentStateInfo',
+  del = '/mainApi/CodeCtn/BatchDelCodeCtn',
+  BasicsList = '/mainApi/CodeCtn/GetBasicsCodeCtnList',
+  ExistList = '/mainApi/CodeCtn/GetExistCodeCtnList',
+  Import = '/mainApi/CodeCtn/ImportCodeCtn',
+}
+// 列表 (Auth)
+export function ApiChangeList(data: PageRequest) {
+  return request<DataResult>({
+    url: Api.list,
+    method: 'post',
+    data,
+  })
+}
+
+// 批量编辑状态 (Auth)
+export function ApiMultiEdit(data: PageRequest) {
+  return request<DataResult>({
+    url: Api.multiEdit,
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑 (Auth)
+export function ApiEdit(data: PageRequest) {
+  return request<DataResult>({
+    url: Api.edit,
+    method: 'post',
+    data,
+  })
+}
+// 详情 (Auth)
+export function ApiChangeInfo(query) {
+  return request<DataResult>({
+    url: Api.Changeinfo,
+    method: 'get',
+    params: query,
+  })
+}
+// 详情 (Auth)
+export function ApiInfo(query) {
+  return request<DataResult>({
+    url: Api.info,
+    method: 'get',
+    params: query,
+  })
+}
+
+// 批量删除 (Auth)
+export function ApiChangeDel(data: PageRequest) {
+  return request<DataResult>({
+    url: Api.Changedel,
+    method: 'post',
+    data,
+  })
+}
+// 批量删除 (Auth)
+export function ApiDel(data: PageRequest) {
+  return request<DataResult>({
+    url: Api.del,
+    method: 'post',
+    data,
+  })
+}
+// 获取商品类型列表-基础库 (Auth)
+export function ApiBasicsList(data: PageRequest) {
+  return request<DataResult>({
+    url: Api.BasicsList,
+    method: 'post',
+    data,
+  })
+}
+// 获取当前租户已有的商品类型 (Auth)
+export function ApiExistList() {
+  return request<DataResult>({
+    url: Api.ExistList,
+    method: 'get',
+  })
+}
+// 导入商品类型列表-基础库 (Auth)
+export function ApiImport(data: PageRequest) {
+  return request<DataResult>({
+    url: Api.Import,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/ContainerManagement/OfflineAudit/columns.tsx b/src/views/ContainerManagement/OfflineAudit/columns.tsx
new file mode 100644
index 00000000..1f612976
--- /dev/null
+++ b/src/views/ContainerManagement/OfflineAudit/columns.tsx
@@ -0,0 +1,778 @@
+import { ref } from 'vue'
+import { BasicColumn, FormSchema } from '/@/components/Table'
+import { Tag } from 'ant-design-vue'
+import { GetCtnSelectList, GetClientListByCode } from '/@/api/common'
+import { GetDeptList } from '/@/views/operation/seaexport/api/BookingLedger'
+import { useOptionsStore } from '/@/store/modules/options'
+const optionsStore = useOptionsStore()
+// 字典
+import { getDictOption } from '/@/utils/dictUtil'
+// 新旧箱数据
+const usedStateList = [
+  {
+    label: '',
+    value: '',
+  },
+  {
+    label: 'USED',
+    value: 'USED',
+  },
+  {
+    label: 'NEW',
+    value: 'NEW',
+  },
+]
+export const columns: BasicColumn[] = [
+  {
+    title: '箱号',
+    dataIndex: 'cntrno',
+    sorter: true,
+    width: 150,
+  },
+  {
+    title: '箱型',
+    dataIndex: 'ctnall',
+    sorter: true,
+    width: 150,
+  },
+  {
+    title: '序号',
+    dataIndex: 'index',
+    width: 50,
+  },
+  {
+    title: '箱状态',
+    dataIndex: 'ctnState',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '箱流转状态',
+    dataIndex: 'ctnFlowState',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '船名',
+    dataIndex: 'vessel',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '航次',
+    dataIndex: 'voyno',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '提单号',
+    dataIndex: 'mblno',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '发生日期',
+    dataIndex: 'changeTime',
+    sorter: true,
+    width: 150,
+  },
+  {
+    title: '空重箱',
+    dataIndex: 'isHeavy',
+    sorter: true,
+    width: 80,
+    customRender: ({ text }) => {
+      if (text) {
+        return <Tag color="success">重箱</Tag>
+      } else {
+        return <Tag color="error">空箱</Tag>
+      }
+      return text
+    },
+  },
+  {
+    title: '始发港',
+    dataIndex: 'portLoad',
+    sorter: true,
+    width: 150,
+  },
+  {
+    title: '目的港',
+    dataIndex: 'portDelivery',
+    sorter: true,
+    width: 150,
+  },
+  {
+    title: '预抵港',
+    dataIndex: 'portDischarge',
+    sorter: true,
+    width: 150,
+  },
+  {
+    title: '码头或场站',
+    dataIndex: 'depot',
+    sorter: true,
+    width: 150,
+  },
+  {
+    title: '关联合同号',
+    dataIndex: 'ctnReleaseNo',
+    sorter: true,
+    width: 150,
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '录入时间',
+    dataIndex: 'createTime',
+    sorter: true,
+    width: 200,
+  },
+  // {
+  //   title: '当前港口',
+  //   dataIndex: 'port',
+  //   sorter: true,
+  //   width: 150,
+  // },
+
+  // {
+  //   title: '变动来源',
+  //   dataIndex: 'changeSource',
+  //   sorter: true,
+  //   width: 150,
+  // },
+  // {
+  //   title: '状态变动',
+  //   dataIndex: 'ctnFlowState',
+  //   sorter: true,
+  //   width: 200,
+  // },
+
+  // {
+  //   title: '新旧箱',
+  //   dataIndex: 'usedState',
+  //   sorter: true,
+  //   width: 200,
+  // },
+
+  // {
+  //   title: '箱状态',
+  //   dataIndex: 'ctnState',
+  //   sorter: true,
+  //   width: 200,
+  // },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'cntrno',
+    label: '箱号',
+    component: 'InputTextArea',
+    colProps: { span: 8 },
+    componentProps: {
+      validateOnRuleChange: false,
+      placeholder: '可输入多个箱号',
+      rows: 2,
+    },
+  },
+  // {
+  //   field: 'changeTime',
+  //   label: '状态时间',
+  //   component: 'RangePicker',
+  //   required: false,
+  //   dynamicDisabled: false,
+  //   colProps: { span: 4 },
+  //   componentProps: {
+  //     allowClear: true,
+  //   },
+  // },
+  // {
+  //   field: 'ctnBizState',
+  //   label: '箱业务状态',
+  //   component: 'ApiSelect',
+  //   colProps: { span: 4 },
+  //   defaultValue: '',
+  //   componentProps: ({ formModel }) => {
+  //     return {
+  //       api: () => {
+  //         return new Promise((resolve) => {
+  //           getDictOption('CM_CtnBizState').then((res) => {
+  //             resolve(res)
+  //           })
+  //         })
+  //       },
+  //       labelField: 'label',
+  //       valueField: 'label',
+  //       resultField: 'data',
+  //       filterOption: (input: string, option: any) => {
+  //         return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+  //       },
+  //     }
+  //   },
+  // },
+  // {
+  //   field: 'changeSourceId',
+  //   label: '变动来源',
+  //   component: 'ApiSelect',
+  //   colProps: { span: 4 },
+  //   defaultValue: '',
+  //   componentProps: ({ formModel }) => {
+  //     return {
+  //       api: () => {
+  //         return new Promise((resolve) => {
+  //           getDictOption('CM_ChangeSource').then((res) => {
+  //             resolve(res)
+  //           })
+  //         })
+  //       },
+  //       labelField: 'label',
+  //       valueField: 'value',
+  //       resultField: 'data',
+  //       filterOption: (input: string, option: any) => {
+  //         return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+  //       },
+  //       onChange: (v, obj) => {},
+  //     }
+  //   },
+  // },
+  // {
+  //   field: 'etd',
+  //   label: 'ETD',
+  //   component: 'DatePicker',
+  //   colProps: { span: 4 },
+  //   defaultValue: '',
+  //   componentProps: {
+  //     showTime: true,
+  //     style: 'width:100%',
+  //   },
+  // },
+  // {
+  //   field: 'Space',
+  //   label: '',
+  //   component: 'Space',
+  //   colProps: { span: 4 },
+  //   defaultValue: '',
+  // },
+  // {
+  //   field: 'eta',
+  //   label: 'ETA',
+  //   component: 'DatePicker',
+  //   colProps: { span: 4 },
+  //   defaultValue: '',
+  //   componentProps: {
+  //     showTime: true,
+  //     style: 'width:100%',
+  //   },
+  // },
+]
+export const formSchema: FormSchema[] = [
+  {
+    label: '',
+    field: 'id',
+    component: 'Input',
+    defaultValue: '',
+    show: false,
+  },
+  {
+    field: 'cntrno',
+    label: '集装箱号',
+    component: 'InputTextArea',
+    rules: [
+      {
+        required: true,
+        trigger: 'blur',
+        message: '请输入集装箱号',
+      },
+    ],
+    colProps: { span: 24 },
+    componentProps: {
+      validateOnRuleChange: false,
+      placeholder: '请输入，多个箱号请以“，”逗号间隔',
+      rows: 3,
+    },
+  },
+  {
+    field: 'isOnlineId',
+    label: '是否上线',
+    component: 'ApiSelect',
+    colProps: { span: 6 },
+    defaultValue: '',
+    componentProps: ({ formModel }) => {
+      return {
+        api: () => {
+          return new Promise((resolve) => {
+            getDictOption('CM_IsOnlineEnum').then((res) => {
+              resolve(res)
+            })
+          })
+        },
+        labelField: 'label',
+        valueField: 'value',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: (v, obj) => {},
+      }
+    },
+  },
+  {
+    field: 'changeSourceId',
+    label: '变动来源',
+    component: 'ApiSelect',
+    colProps: { span: 6 },
+    defaultValue: '',
+    componentProps: ({ formModel }) => {
+      return {
+        api: () => {
+          return new Promise((resolve) => {
+            getDictOption('CM_ChangeSource').then((res) => {
+              resolve(res)
+            })
+          })
+        },
+        labelField: 'label',
+        valueField: 'value',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: (v, obj) => {},
+      }
+    },
+  },
+  {
+    field: 'usedState',
+    label: '新旧箱',
+    component: 'Select',
+    colProps: { span: 6 },
+    componentProps: {
+      options: usedStateList,
+      allowClear: true,
+      showSearch: true,
+      filterOption: (input: string, option: any) => {
+        return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      },
+    },
+  },
+  {
+    field: 'ctnOwner',
+    label: '箱主',
+    component: 'ApiSelect',
+    required: false,
+    dynamicDisabled: false,
+    colProps: { span: 6 },
+    componentProps: ({ formModel }) => {
+      return {
+        allowClear: true,
+        showSearch: true,
+        api: GetClientListByCode,
+        params: { code: 'leasing' },
+        labelField: 'pinYinCode',
+        showName: 'shortName',
+        valueField: 'shortName',
+        resultField: 'data',
+        immediate: true,
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+      }
+    },
+  },
+  {
+    field: 'ctnSourceId',
+    label: '箱来源',
+    component: 'ApiSelect',
+    colProps: { span: 6 },
+    defaultValue: '',
+    componentProps: ({ formModel }) => {
+      return {
+        api: () => {
+          return new Promise((resolve) => {
+            getDictOption('CM_CtnSource').then((res) => {
+              resolve(res)
+            })
+          })
+        },
+        labelField: 'label',
+        valueField: 'value',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: (v, obj) => {},
+      }
+    },
+  },
+  {
+    label: '',
+    field: 'ctnBizState',
+    component: 'Input',
+    defaultValue: '',
+    show: false,
+  },
+  {
+    field: 'ctnBizStateId',
+    label: '箱业务状态',
+    component: 'ApiSelect',
+    colProps: { span: 6 },
+    defaultValue: '',
+    componentProps: ({ formModel }) => {
+      return {
+        api: () => {
+          return new Promise((resolve) => {
+            getDictOption('CM_CtnBizState').then((res) => {
+              resolve(res)
+            })
+          })
+        },
+        labelField: 'label',
+        valueField: 'value',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: (v, obj) => {
+          formModel.ctnBizState = obj.label
+        },
+      }
+    },
+  },
+  {
+    field: 'billno',
+    label: '箱业务编号',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    field: 'ctnReleaseNo',
+    label: '关联合同号',
+    component: 'Input',
+    colProps: { span: 6 },
+    // required: true,
+  },
+  {
+    field: 'ctnStateId',
+    label: '箱状态',
+    component: 'ApiSelect',
+    colProps: { span: 6 },
+    defaultValue: '',
+    componentProps: ({ formModel }) => {
+      return {
+        api: () => {
+          return new Promise((resolve) => {
+            getDictOption('CM_CtnState').then((res) => {
+              resolve(res)
+            })
+          })
+        },
+        labelField: 'label',
+        valueField: 'value',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: (v, obj) => {},
+      }
+    },
+  },
+  {
+    field: 'ctnBreakState',
+    label: '箱损坏',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    field: 'isHeavy',
+    label: '空重箱',
+    component: 'Switch',
+    defaultValue: false,
+    colProps: { span: 6 },
+    componentProps: {
+      checkedChildren: '重箱',
+      unCheckedChildren: '空箱',
+    },
+  },
+  {
+    label: '',
+    field: 'portLoadCode',
+    component: 'Input',
+    defaultValue: '',
+    show: false,
+  },
+  {
+    label: '',
+    field: 'portLoad',
+    component: 'Input',
+    defaultValue: '',
+    show: false,
+  },
+  {
+    field: 'portLoadid',
+    label: '始发港',
+    component: 'ApiSelect',
+    colProps: { span: 6 },
+    required: false,
+    componentProps: ({ formModel }) => {
+      return {
+        option: optionsStore.getOptionsByCode('GetClientPortSelectList'),
+        labelField: 'portName',
+        valueField: 'id',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: (v, obj) => {
+          console.log(v, obj)
+          formModel.portLoad = obj?.label || ''
+          formModel.portLoadCode = obj?.ediCode || ''
+        },
+      }
+    },
+  },
+  {
+    label: '',
+    field: 'portDeliveryCode',
+    component: 'Input',
+    defaultValue: '',
+    show: false,
+  },
+  {
+    label: '',
+    field: 'portDelivery',
+    component: 'Input',
+    defaultValue: '',
+    show: false,
+  },
+  {
+    field: 'portDeliveryid',
+    label: '目的港',
+    component: 'ApiSelect',
+    colProps: { span: 6 },
+    required: false,
+    componentProps: ({ formModel }) => {
+      return {
+        option: optionsStore.getOptionsByCode('GetClientPortSelectList'),
+        labelField: 'portName',
+        valueField: 'id',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: (v, obj) => {
+          console.log(v, obj)
+          formModel.portDelivery = obj?.label || ''
+          formModel.portDeliveryCode = obj?.ediCode || ''
+        },
+      }
+    },
+  },
+  {
+    label: '',
+    field: 'portDischargeCode',
+    component: 'Input',
+    defaultValue: '',
+    show: false,
+  },
+  {
+    label: '',
+    field: 'portDischarge',
+    component: 'Input',
+    defaultValue: '',
+    show: false,
+  },
+  {
+    field: 'portDischargeid',
+    label: '预抵港',
+    component: 'ApiSelect',
+    colProps: { span: 6 },
+    required: false,
+    componentProps: ({ formModel }) => {
+      return {
+        option: optionsStore.getOptionsByCode('GetClientPortSelectList'),
+        labelField: 'portName',
+        valueField: 'id',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: (v, obj) => {
+          console.log(v, obj)
+          formModel.portDischarge = obj?.label || ''
+          formModel.portDischargeCode = obj?.ediCode || ''
+        },
+      }
+    },
+  },
+  {
+    label: '',
+    field: 'port',
+    component: 'Input',
+    defaultValue: '',
+    show: false,
+  },
+  {
+    field: 'portid',
+    label: '当前港口',
+    component: 'ApiSelect',
+    colProps: { span: 6 },
+    required: false,
+    componentProps: ({ formModel }) => {
+      return {
+        option: optionsStore.getOptionsByCode('GetClientPortSelectList'),
+        labelField: 'portName',
+        valueField: 'id',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: (v, obj) => {
+          formModel.port = obj?.label || ''
+        },
+      }
+    },
+  },
+  {
+    field: 'depot',
+    label: '码头或场站',
+    component: 'ApiSelect',
+    colProps: { span: 6 },
+    required: false,
+    componentProps: ({}) => {
+      return {
+        option: optionsStore.getOptionsByCode('GetYardClientList'),
+        labelField: 'shortName',
+        valueField: 'shortName',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+      }
+    },
+  },
+  {
+    field: 'vessel',
+    label: '船名',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    field: 'Voyno',
+    label: '航次',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    label: '',
+    field: 'ctnall',
+    component: 'Input',
+    defaultValue: '',
+    show: false,
+  },
+  {
+    field: 'ctnCode',
+    label: '箱型',
+    component: 'ApiSelect',
+    colProps: { span: 6 },
+    componentProps: ({ formModel }) => {
+      return {
+        api: GetCtnSelectList,
+        labelField: 'ctnName',
+        valueField: 'ediCode',
+        resultField: 'data',
+        onChange: (e, obj) => {
+          if (e && obj) {
+            formModel.ctnall = obj.label
+          }
+          if (!e && !obj) {
+            formModel.ctnall = ''
+          }
+        },
+      }
+    },
+  },
+  {
+    field: 'mblno',
+    label: '提单号',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    label: '',
+    field: 'customerName',
+    component: 'Input',
+    defaultValue: '',
+    show: false,
+  },
+  {
+    label: '业务委托单位',
+    field: 'customerId',
+    component: 'ApiSelect',
+    required: false,
+    dynamicDisabled: false,
+    colProps: { span: 6 },
+    componentProps: ({ formModel }) => {
+      return {
+        option: optionsStore.getOptionsByCode('GetControllerClientList'),
+        labelField: 'shortName',
+        valueField: 'codeName',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: (v, obj) => {
+          formModel.customerName = obj?.label || ''
+        },
+      }
+    },
+  },
+  {
+    field: 'etd',
+    label: 'ETD',
+    component: 'DatePicker',
+    colProps: { span: 6 },
+    defaultValue: '',
+    componentProps: {
+      showTime: true,
+      style: 'width:100%',
+    },
+  },
+  {
+    field: 'eta',
+    label: 'ETA',
+    component: 'DatePicker',
+    colProps: { span: 6 },
+    defaultValue: '',
+    componentProps: {
+      showTime: true,
+      style: 'width:100%',
+    },
+  },
+  {
+    field: 'changeTime',
+    label: '状态时间',
+    component: 'DatePicker',
+    colProps: { span: 6 },
+    defaultValue: '',
+    componentProps: {
+      showTime: true,
+      style: 'width:100%',
+    },
+  },
+  {
+    field: 'ctnWeight',
+    label: '箱皮重',
+    component: 'InputNumber',
+    colProps: { span: 6 },
+  },
+  {
+    field: 'ctnValue_Base',
+    label: '箱初期成本',
+    component: 'InputNumber',
+    colProps: { span: 6 },
+  },
+]
diff --git a/src/views/ContainerManagement/OfflineAudit/index.vue b/src/views/ContainerManagement/OfflineAudit/index.vue
new file mode 100644
index 00000000..675ada2c
--- /dev/null
+++ b/src/views/ContainerManagement/OfflineAudit/index.vue
@@ -0,0 +1,119 @@
+<template>
+  <div>
+    <BasicTable class="ds-table" @register="registerTableTop"> </BasicTable>
+    <BasicTable class="ds-table" @register="registerTableBotton"> </BasicTable>
+  </div>
+</template>
+<script lang="ts" setup>
+  import { ref } from 'vue'
+  import { BasicTable, useTable } from '/@/components/Table'
+  import { ApiChangeList, ApiChangeDel } from './api'
+  import { columns, searchFormSchema } from './columns'
+  import { useMessage } from '/@/hooks/web/useMessage'
+  const { notification } = useMessage()
+  // 引入处理入参方法
+  import { formatParams } from '/@/hooks/web/common'
+  const [registerTableTop, { reload, getForm, getSelectRows }] = useTable({
+    title: '',
+    api: async (p) => {
+      if (p.queryCondition == '[]') {
+        notification.warning({ message: '请输入查询条件！', duration: 3 })
+      } else {
+        const res: API.DataResult = await ApiChangeList(p)
+        res.data.forEach((item, index) => {
+          item.index = index + 1
+        })
+        return new Promise((resolve) => {
+          resolve({ data: [...res.data], total: res.count })
+        })
+      }
+    },
+    beforeFetch: (p) => {
+      let Rdata = formatParams(p)
+      if (!!p.cntrno) {
+        let data = JSON.parse(Rdata.queryCondition)
+        data.forEach((item, index) => {
+          if (item.FieldName == 'cntrno') {
+            item.FieldValue = item.FieldValue.replace(/ {1,}/g, ',')
+            item.FieldValue = item.FieldValue.replace(/\n/g, ',')
+            item.ConditionalType = 15
+          }
+        })
+        Rdata.queryCondition = JSON.stringify(data)
+      }
+      return Rdata
+    },
+    columns,
+    rowSelection: { type: 'checkbox' },
+    formConfig: {
+      labelWidth: 120,
+      schemas: searchFormSchema,
+    },
+    isTreeTable: false,
+    pagination: true,
+    striped: true,
+    useSearchForm: true,
+    showTableSetting: true,
+    bordered: true,
+    showIndexColumn: true,
+    indexColumnProps: {
+      width: 60,
+    },
+    canResize: true,
+    resizeHeightOffset: 35,
+    immediate: false,
+  })
+  const [
+    registerTableBotton,
+    { reload: reloadBotton, getForm: getFormBotton, getSelectRows: getSelectRowsBotton },
+  ] = useTable({
+    title: '',
+    api: async (p) => {
+      if (p.queryCondition == '[]') {
+        notification.warning({ message: '请输入查询条件！', duration: 3 })
+      } else {
+        const res: API.DataResult = await ApiChangeList(p)
+        res.data.forEach((item, index) => {
+          item.index = index + 1
+        })
+        return new Promise((resolve) => {
+          resolve({ data: [...res.data], total: res.count })
+        })
+      }
+    },
+    beforeFetch: (p) => {
+      let Rdata = formatParams(p)
+      if (!!p.cntrno) {
+        let data = JSON.parse(Rdata.queryCondition)
+        data.forEach((item, index) => {
+          if (item.FieldName == 'cntrno') {
+            item.FieldValue = item.FieldValue.replace(/ {1,}/g, ',')
+            item.FieldValue = item.FieldValue.replace(/\n/g, ',')
+            item.ConditionalType = 15
+          }
+        })
+        Rdata.queryCondition = JSON.stringify(data)
+      }
+      return Rdata
+    },
+    columns,
+    rowSelection: { type: 'checkbox' },
+    // formConfig: {
+    //   labelWidth: 120,
+    //   schemas: searchFormSchema,
+    // },
+    isTreeTable: false,
+    pagination: true,
+    striped: true,
+    useSearchForm: false,
+    showTableSetting: false,
+    bordered: true,
+    showIndexColumn: true,
+    indexColumnProps: {
+      width: 60,
+    },
+    canResize: true,
+    resizeHeightOffset: 35,
+    immediate: false,
+  })
+</script>
diff --git a/src/views/baseinfo/infoclient/EditColumns.tsx b/src/views/baseinfo/infoclient/EditColumns.tsx
index 10fa9156..3343a97c 100644
--- a/src/views/baseinfo/infoclient/EditColumns.tsx
+++ b/src/views/baseinfo/infoclient/EditColumns.tsx
@@ -71,8 +71,6 @@ const res14: API.DataResult = await GetBankList({
 if (res14.succeeded) {
   rmbAccountData = []
   res14.data.forEach((e) => {
-    console.log(e)
-
     if (e.accountName && e.id) {
       rmbAccountData.push({
         label: `${e.bankName ? e.bankName : ''}${e.accountName ? `-${e.accountName}` : ''}${
@@ -137,9 +135,13 @@ export const EditformSchema: FormSchema[] = [
     colProps: { span: 4 },
     componentProps: (e) => {
       return {
-        onEdit: () => {
+        onEdit: (data) => {
           const { formActionType } = e
-          formActionType ? formActionType.linkageForm(e) : null
+          if (data == 'Verify') {
+            formActionType ? formActionType.linkageForm({ ...e, WebVerify: true }) : null
+          } else {
+            formActionType ? formActionType.linkageForm(e) : null
+          }
         },
       }
     },
@@ -466,7 +468,6 @@ export const EditformSchema: FormSchema[] = [
             formModel.sale = obj.pinYinCode
             formModel.saleOrgId = obj.defaultOrgId
             formModel.saleOrgName = obj.defaultOrgName
-            console.log(e, obj)
           }
           if (!e && !obj) {
             formModel.saleId = ''
@@ -662,7 +663,6 @@ export const EditformSchema: FormSchema[] = [
           return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
         },
         onChange: async (e, obj) => {
-          console.log(e, obj)
           const { formModel, formActionType } = En
           if (e && obj) {
             formModel.sourceId = obj.value
diff --git a/src/views/baseinfo/infoclient/TenantAuditStepModal.vue b/src/views/baseinfo/infoclient/TenantAuditStepModal.vue
index 31c3e3fb..72c9ec02 100644
--- a/src/views/baseinfo/infoclient/TenantAuditStepModal.vue
+++ b/src/views/baseinfo/infoclient/TenantAuditStepModal.vue
@@ -155,14 +155,18 @@
                     placeholder="请输入"
                     style="flex: 1; margin-right: 5px"
                   />
-                  <a-button
+                  <div class="JiaoYan">
+                    <span class="text" v-if="!IsAvailableDisabled">请完成客户校验</span>
+                    <span class="iconfont icon-shenhe" @click="FnIsAvailable"></span>
+                  </div>
+                  <!-- <a-button
                     type="primary"
                     size="small"
                     :ghost="!IsAvailableDisabled"
                     @click="FnIsAvailable"
                     :disabled="IsAvailableDisabled"
                     >校验</a-button
-                  >
+                  > -->
                 </div>
               </template>
               <template #description="{ model, values }">
@@ -341,7 +345,8 @@
   import { useMultipleTabStore } from '/@/store/modules/multipleTab'
   // 字典
   import { getDictOption } from '/@/utils/dictUtil'
-  import { up } from 'inquirer/lib/utils/readline'
+  import { useAppStore } from '/@/store/modules/app'
+  const appStore = useAppStore()
   // import Menus5 from './menu5/index.vue'
   // import { tr } from 'node_modules/element-plus/es/locale'
   // 声明Emits
@@ -613,55 +618,59 @@
   }
   const sourceDetailId = ref([])
   const linkageForm = (e) => {
-    let Data = DIYformSchema.value.length ? DIYformSchema.value : formSchema
-    Data.forEach(async (item) => {
-      if (item.field == e.schema.field) {
-        if (item.field == 'sourceDetailId') {
-          const FnsourceDetailId: any = await GetClientSourceDetailSelectList({
-            id: e.formModel.sourceId,
-          })
-          if (FnsourceDetailId.succeeded) {
-            sourceDetailId.value.splice(0)
-            FnsourceDetailId.data.forEach((e) => {
-              sourceDetailId.value.push({ label: e.detailName, value: e.id })
+    if (e.WebVerify) {
+      FnIsAvailable()
+    } else {
+      let Data = DIYformSchema.value.length ? DIYformSchema.value : formSchema
+      Data.forEach(async (item) => {
+        if (item.field == e.schema.field) {
+          if (item.field == 'sourceDetailId') {
+            const FnsourceDetailId: any = await GetClientSourceDetailSelectList({
+              id: e.formModel.sourceId,
             })
+            if (FnsourceDetailId.succeeded) {
+              sourceDetailId.value.splice(0)
+              FnsourceDetailId.data.forEach((e) => {
+                sourceDetailId.value.push({ label: e.detailName, value: e.id })
+              })
+            }
+            updateSchema({
+              label: '来源明细',
+              field: 'sourceDetailId',
+              component: 'Select',
+              required: false,
+              colProps: { span: 4 },
+              dynamicDisabled: ({ values }) => {
+                return !values.sourceId
+              },
+              componentProps: (En) => {
+                return {
+                  allowClear: true,
+                  options: sourceDetailId.value,
+                  showSearch: true,
+                  filterOption: (input: string, option: any) => {
+                    return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+                  },
+                  onChange: (e, obj) => {
+                    const { formModel } = En
+                    if (e && obj) {
+                      formModel.sourceDetailId = obj.value
+                      formModel.sourceDetailName = obj.label
+                    }
+                    if (!e && !obj) {
+                      formModel.sourceDetailId = ''
+                      formModel.sourceDetailName = ''
+                    }
+                  },
+                }
+              },
+            })
+          } else {
+            updateSchema(item)
           }
-          updateSchema({
-            label: '来源明细',
-            field: 'sourceDetailId',
-            component: 'Select',
-            required: false,
-            colProps: { span: 4 },
-            dynamicDisabled: ({ values }) => {
-              return !values.sourceId
-            },
-            componentProps: (En) => {
-              return {
-                allowClear: true,
-                options: sourceDetailId.value,
-                showSearch: true,
-                filterOption: (input: string, option: any) => {
-                  return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
-                },
-                onChange: (e, obj) => {
-                  const { formModel } = En
-                  if (e && obj) {
-                    formModel.sourceDetailId = obj.value
-                    formModel.sourceDetailName = obj.label
-                  }
-                  if (!e && !obj) {
-                    formModel.sourceDetailId = ''
-                    formModel.sourceDetailName = ''
-                  }
-                },
-              }
-            },
-          })
-        } else {
-          updateSchema(item)
         }
-      }
-    })
+      })
+    }
   }
 
   const [
@@ -868,7 +877,11 @@
     const addNum = Math.round(Math.random() * 1000)
     go(`${route.path}?addNum=${addNum}`)
   }
+
   const IsAvailableDisabled = ref(false)
+  watch(IsAvailableDisabled, (nval) => {
+    appStore.setIsAvailableDisabled(nval)
+  })
   // 校验
   async function FnIsAvailable() {
     // try {
@@ -914,8 +927,6 @@
           notification.success({ message: '校验成功', duration: 3 })
         })
         .catch(async (err) => {
-          console.log(err)
-
           let clientTagData: any = ''
           let SaleData: any = ''
           if (err.clientId) {
@@ -1142,6 +1153,20 @@
   }
 </script>
 <style lang="less" scoped>
+  .JiaoYan {
+    position: absolute;
+    top: -32px;
+    right: 0;
+    .text {
+      color: red;
+      font-size: 12px;
+    }
+    .iconfont {
+      cursor: pointer;
+      margin-left: 3px;
+      color: #2579f7;
+    }
+  }
   .UserRes {
     background: red;
     p {
diff --git a/src/views/baseinfo/infoclient/index.vue b/src/views/baseinfo/infoclient/index.vue
index dcce582c..bd5d5dee 100644
--- a/src/views/baseinfo/infoclient/index.vue
+++ b/src/views/baseinfo/infoclient/index.vue
@@ -138,7 +138,7 @@
         ['contactInfo', 'isContractExpired', 'clientTag'],
       )
       // -----------------------临时处理  后期李工调整 formatParams 再改--------------------
-      // console.log(, 111111111)
+
       Rdata.queryCondition = JSON.parse(Rdata.queryCondition)
       Rdata.queryCondition.forEach((e) => {
         if (
@@ -163,7 +163,7 @@
         })
         Rdata.queryCondition = JSON.stringify(etd)
       }
-      console.log(Rdata)
+
       return Rdata
     },
     columns,