diff --git a/AGENTS.md b/AGENTS.md
index a200e7f..3b6157b 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -167,7 +167,7 @@ Avue 表格/表单配置独立存放于 `src/option/` 目录，与 `views` 和 `
 - 搜索组件需展示轻量阴影，统一使用 `0 2px 8px rgba(0, 0, 0, 0.06)`，不得被局部卡片去样式规则覆盖。
 - 表格线条颜色需统一使用 `#EFF1F7`，包括表格外边框、单元格分割线和固定列边线。
 - 表格偶数行需统一使用 `#FAFAFA` 背景色，固定列单元格必须与对应行背景保持一致。
-- 表格操作列同时展示“查看、编辑、删除”等三个按钮时，操作列宽度统一不小于 `220px`，禁止出现按钮裁切或显示不全。
+- 表格操作列同时展示“查看、编辑、删除”等三个按钮时，操作列宽度统一不小于 `220px`；操作列最大按钮数量超过 3 个时，操作列宽度统一加宽到不小于 `320px`；最大按钮数量超过 4 个时，仍按 `320px` 保持列宽，并从第 5 个按钮开始换行展示，禁止出现按钮裁切或显示不全。
 - 表格操作列按钮统一仅展示文字，禁止配置 `icon` / `:icon` 或在操作按钮、操作下拉项中嵌入图标；顶部工具栏按钮不受此条限制。
 - `.avue-crud__header` 顶部间距统一为 `12px`。
 - 分页组件整体靠右展示，必须展示接口返回的数据总条数，`X条/页` 的页容量选择器必须放在总条数右侧。
diff --git a/src/api/business/project-apply.js b/src/api/business/project-apply.js
index 6d8224c..a08c3ea 100644
--- a/src/api/business/project-apply.js
+++ b/src/api/business/project-apply.js
@@ -51,6 +51,20 @@ export const voidProject = (id, reason) =>
     params: { id, reason },
   });
 
+export const saveChange = row =>
+  request({
+    url: `${baseUrl}/save-change`,
+    method: 'post',
+    data: row,
+  });
+
+export const submitChange = row =>
+  request({
+    url: `${baseUrl}/submit-change`,
+    method: 'post',
+    data: row,
+  });
+
 export const startChange = (id, reason) =>
   request({
     url: `${baseUrl}/start-change`,
diff --git a/src/api/business/waybill-manage.js b/src/api/business/waybill-manage.js
index 64ed50e..f762bae 100644
--- a/src/api/business/waybill-manage.js
+++ b/src/api/business/waybill-manage.js
@@ -1,6 +1,8 @@
+import request from '@/axios';
 import { createCrudApi } from './common';
 
-const api = createCrudApi('/blade-transport/waybill-manage');
+const baseUrl = '/blade-transport/waybill-manage';
+const api = createCrudApi(baseUrl);
 
 export const getList = api.getList;
 export const getDetail = api.getDetail;
@@ -11,3 +13,11 @@ export const cancel = api.cancel;
 export const reassign = api.reassign;
 export const complete = api.complete;
 export const batchComplete = api.batchComplete;
+export const roadLoading = ids =>
+  request({
+    url: `${baseUrl}/road-loading`,
+    method: 'post',
+    params: {
+      ids,
+    },
+  });
diff --git a/src/api/transportCapacity/driver.js b/src/api/transportCapacity/driver.js
index 16597ae..f3962af 100644
--- a/src/api/transportCapacity/driver.js
+++ b/src/api/transportCapacity/driver.js
@@ -58,3 +58,23 @@ export const getExpiryStat = params => {
     params,
   });
 };
+
+export const recognitionIDCard = url => {
+  return request({
+    url: '/blade-file/file/recognitionIDCard',
+    method: 'get',
+    timeout: 60000,
+    params: {
+      url,
+    },
+  });
+};
+
+export const recognitionTransportCertificates = objectKeys => {
+  return request({
+    url: '/blade-file/file/recognitionTransportCertificates',
+    method: 'post',
+    timeout: 60000,
+    data: objectKeys,
+  });
+};
diff --git a/src/api/transportCapacity/transport-vehicle.js b/src/api/transportCapacity/transport-vehicle.js
index 573d67d..8c8b741 100644
--- a/src/api/transportCapacity/transport-vehicle.js
+++ b/src/api/transportCapacity/transport-vehicle.js
@@ -58,3 +58,12 @@ export const getExpiryStat = params => {
     params,
   });
 };
+
+export const recognitionTransportCertificates = objectKeys => {
+  return request({
+    url: '/blade-file/file/recognitionTransportCertificates',
+    method: 'post',
+    timeout: 60000,
+    data: objectKeys,
+  });
+};
diff --git a/src/components/image-upload-field/main.vue b/src/components/image-upload-field/main.vue
index 608fb83..802c128 100644
--- a/src/components/image-upload-field/main.vue
+++ b/src/components/image-upload-field/main.vue
@@ -4,11 +4,13 @@
       :class="[`${classPrefix}-uploader`, { [`${classPrefix}-uploader--large`]: large }]"
       action="/api/blade-resource/oss/endpoint/put-file"
       name="file"
-      :headers="headers"
+      :headers="uploadHeaders"
       :show-file-list="false"
       :disabled="readonly"
       :before-upload="beforeUpload"
+      :on-progress="handleProgress"
       :on-success="handleSuccess"
+      :on-error="handleError"
     >
       <img v-if="value" :src="value" :class="`${classPrefix}-uploader__image`" />
       <div v-else :class="`${classPrefix}-uploader__empty`">{{ emptyText }}</div>
@@ -24,11 +26,13 @@
         :class="`${classPrefix}-upload-card__uploader`"
         action="/api/blade-resource/oss/endpoint/put-file"
         name="file"
-        :headers="headers"
+        :headers="uploadHeaders"
         :show-file-list="false"
         :disabled="readonly"
         :before-upload="beforeUpload"
+        :on-progress="handleProgress"
         :on-success="handleSuccess"
+        :on-error="handleError"
       >
         <img v-if="value" :src="value" :class="`${classPrefix}-upload-card__image`" />
         <div v-else :class="`${classPrefix}-upload-card__empty`">{{ emptyText }}</div>
@@ -38,6 +42,9 @@
 </template>
 
 <script>
+import { ElLoading } from 'element-plus';
+import { getUploadHeaders } from '@/utils/upload';
+
 export default {
   name: 'ImageUploadField',
   props: {
@@ -64,15 +71,54 @@ export default {
       default: '点击上传',
     },
   },
+  computed: {
+    uploadHeaders() {
+      return getUploadHeaders(this.headers || {});
+    },
+  },
   emits: ['success'],
+  data() {
+    return {
+      uploadLoading: null,
+    };
+  },
+  beforeUnmount() {
+    this.closeUploadLoading();
+  },
   methods: {
+    showUploadLoading() {
+      if (this.uploadLoading) {
+        return;
+      }
+      this.uploadLoading = ElLoading.service({
+        lock: true,
+        text: '上传中',
+        background: 'rgba(255, 255, 255, 0.7)',
+      });
+    },
+    closeUploadLoading() {
+      if (!this.uploadLoading) {
+        return;
+      }
+      this.uploadLoading.close();
+      this.uploadLoading = null;
+    },
+    handleProgress() {
+      this.showUploadLoading();
+    },
     handleSuccess(res) {
+      this.closeUploadLoading();
       if (res.code === 200 && res.data) {
-        this.$emit('success', res.data.link || res.data.url || res.data.domain || '');
+        this.$message.success('上传完成');
+        this.$emit('success', res.data.link || res.data.url || res.data.domain || '', res.data);
       } else {
         this.$message.error(res.msg || '上传失败');
       }
     },
+    handleError() {
+      this.closeUploadLoading();
+      this.$message.error('上传失败');
+    },
     beforeUpload(file) {
       const validType = ['image/jpeg', 'image/png', 'image/jpg', 'image/bmp'].includes(file.type);
       const validSize = file.size / 1024 / 1024 < 5;
@@ -82,7 +128,11 @@ export default {
       if (!validSize) {
         this.$message.error('图片大小不能超过 5MB');
       }
-      return validType && validSize;
+      const valid = validType && validSize;
+      if (valid) {
+        this.showUploadLoading();
+      }
+      return valid;
     },
   },
 };
diff --git a/src/components/vehicle-attachment-upload/main.vue b/src/components/vehicle-attachment-upload/main.vue
index 40e5888..3b0e801 100644
--- a/src/components/vehicle-attachment-upload/main.vue
+++ b/src/components/vehicle-attachment-upload/main.vue
@@ -9,7 +9,7 @@
       :multiple="multiple"
       :limit="limit"
       :disabled="readonly"
-      :show-file-list="true"
+      :show-file-list="showFileList"
       :on-success="handleSuccess"
       :on-error="handleError"
       :on-remove="handleRemove"
@@ -69,8 +69,7 @@ import {
 import '@open-file-viewer/core/style.css';
 import pdfWorkerSrc from 'pdfjs-dist/build/pdf.worker.mjs?url';
 import { baseUrl } from '@/config/env';
-import website from '@/config/website';
-import { getToken } from '@/utils/auth';
+import { getUploadHeaders } from '@/utils/upload';
 
 const MIME_MAP = {
   jpg: 'image/jpeg',
@@ -159,6 +158,10 @@ export default {
       type: Boolean,
       default: true,
     },
+    showFileList: {
+      type: Boolean,
+      default: true,
+    },
   },
   emits: ['update:modelValue', 'change', 'success'],
   data() {
@@ -182,9 +185,7 @@ export default {
       return this.action || `${baseUrl}/blade-resource/oss/endpoint/put-file`;
     },
     uploadHeaders() {
-      return {
-        [website.tokenHeader]: getToken(),
-      };
+      return getUploadHeaders();
     },
     acceptedList() {
       const types = this.fileTypes.length ? this.fileTypes : this.accept;
diff --git a/src/option/business/common.js b/src/option/business/common.js
index f7fa239..6b6a0dd 100644
--- a/src/option/business/common.js
+++ b/src/option/business/common.js
@@ -1,9 +1,7 @@
 export const transportTypeOptions = [
-  { label: '公路整车', value: '公路整车' },
-  { label: '公路零担', value: '公路零担' },
+  { label: '公路运输', value: '公路运输' },
   { label: '铁路运输', value: '铁路运输' },
   { label: '水路运输', value: '水路运输' },
-  { label: '跨境海运', value: '跨境海运' },
   { label: '航空运输', value: '航空运输' },
 ];
 
diff --git a/src/option/business/contract-manage.js b/src/option/business/contract-manage.js
index 2c770f6..880b8e0 100644
--- a/src/option/business/contract-manage.js
+++ b/src/option/business/contract-manage.js
@@ -4,98 +4,156 @@ import {
   contractCategoryOptions,
   contractStageOptions,
   createCrudOption,
+  effectiveTypeOptions,
   selectRule,
   settlementModeOptions,
   signTypeOptions,
   textRule,
 } from './common';
 
+const listDicFormatter = res => {
+  const data = res?.data || res;
+  if (Array.isArray(data)) return data;
+  if (Array.isArray(data?.records)) return data.records;
+  if (Array.isArray(data?.data)) return data.data;
+  if (Array.isArray(data?.data?.records)) return data.data.records;
+  return [];
+};
+
 export const config = {
   title: '合同管理',
   permission: 'contract_manage',
   exportUrl: '/blade-transport/contract-manage/export-contract-manage',
   exportName: '合同管理',
-  enableAllDept: true,
+  enableAllDept: false,
+  batchDelete: false,
+  enableContractForm: true,
+  enableProjectSelect: true,
+  enableContractPeriod: true,
+  enableContractFileUpload: true,
+  enableCurrentUserHandler: true,
+  enableBillingPlan: true,
+  enableSettlementRule: true,
+  enableReconciliation: true,
+  enableAttachmentTable: true,
+  enableChangeRecord: true,
+  enableOrganizationSelect: true,
+  enableContractCreateActions: true,
   actions: ['copy'],
   statusProp: 'approvalStatus',
   statusTextProp: 'approvalStatusName',
+  customMenuActions: true,
+  editLabelStatusMap: {
+    change_rejected: '编辑变更内容',
+  },
   deleteStatus: ['draft'],
+  deleteStage: ['draft'],
   editStatus: ['draft', 'rejected', 'change_rejected'],
   operations: [
     {
-      action: 'toTemporary',
-      label: '转临时',
+      action: 'flow',
+      label: '查看流程',
       statusProp: 'approvalStatus',
-      status: ['draft'],
-      stage: ['draft'],
-      permission: 'contract_manage_temp',
-    },
-    {
-      action: 'submitFormal',
-      label: '转正式',
-      statusProp: 'approvalStatus',
-      status: ['draft', 'rejected', 'approved'],
-      stage: ['temporary'],
-      permission: 'contract_manage_formal',
+      status: ['reviewing', 'change_reviewing'],
+      stage: ['temporary', 'formal'],
+      permission: 'contract_manage_view',
     },
     {
       action: 'withdraw',
       label: '撤回',
       statusProp: 'approvalStatus',
-      status: ['reviewing', 'change_reviewing'],
+      status: ['reviewing'],
+      stage: ['temporary'],
       permission: 'contract_manage_withdraw',
     },
     {
-      action: 'approve',
-      label: '审批通过',
-      type: 'success',
+      action: 'submitFormal',
+      label: '重新提交转正',
       statusProp: 'approvalStatus',
-      status: ['reviewing', 'change_reviewing'],
-      permission: 'contract_manage_approve',
-    },
-    {
-      action: 'reject',
-      label: '审批驳回',
-      type: 'warning',
-      statusProp: 'approvalStatus',
-      status: ['reviewing', 'change_reviewing'],
-      permission: 'contract_manage_reject',
+      status: ['rejected'],
+      stage: ['temporary'],
+      permission: 'contract_manage_formal',
     },
     {
       action: 'startChange',
       label: '发起变更',
       statusProp: 'approvalStatus',
-      status: ['approved', 'change_approved'],
+      status: ['approved'],
       stage: ['formal'],
       permission: 'contract_manage_change',
       prompt: '请输入变更内容与原因',
     },
     {
-      action: 'terminate',
-      label: '终止',
-      type: 'danger',
+      action: 'startChange',
+      label: '再次发起变更',
+      statusProp: 'approvalStatus',
+      status: ['change_approved'],
+      stage: ['formal'],
+      permission: 'contract_manage_change',
+      prompt: '请输入变更内容与原因',
+    },
+    {
+      action: 'attachmentUpload',
+      label: '附件上传',
       statusProp: 'approvalStatus',
       status: ['approved', 'change_approved'],
       stage: ['formal'],
-      permission: 'contract_manage_terminate',
-      prompt: '请输入终止原因',
+      permission: 'contract_manage_edit',
+    },
+    {
+      action: 'flow',
+      label: '查看流程',
+      statusProp: 'approvalStatus',
+      status: ['approved', 'change_approved'],
+      stage: ['formal', 'terminated'],
+      permission: 'contract_manage_view',
+    },
+    {
+      action: 'withdraw',
+      label: '撤回变更',
+      statusProp: 'approvalStatus',
+      status: ['change_reviewing'],
+      stage: ['formal'],
+      permission: 'contract_manage_withdraw',
+    },
+    {
+      action: 'startChange',
+      label: '重新提交变更',
+      statusProp: 'approvalStatus',
+      status: ['change_rejected'],
+      stage: ['formal'],
+      permission: 'contract_manage_change',
+      prompt: '请输入变更内容与原因',
     },
   ],
 };
 
 export const option = createCrudOption([
+  {
+    label: '',
+    prop: 'basicInfoTitle',
+    formslot: true,
+    span: 24,
+    order: 200,
+    hide: true,
+    labelWidth: 0,
+  },
   {
     label: '合同编号',
     prop: 'contractNo',
     search: true,
+    searchOrder: 6,
+    order: 185,
+    disabled: true,
+    placeholder: '不填写，则系统自动生成',
     minWidth: 160,
-    addDisplay: false,
-    editDisabled: true,
   },
   {
     label: '合同名称',
     prop: 'contractName',
     search: true,
+    searchOrder: 7,
+    order: 180,
     minWidth: 180,
     rules: textRule('合同名称', 100, true),
   },
@@ -103,26 +161,54 @@ export const option = createCrudOption([
     label: '所属项目',
     prop: 'projectName',
     search: true,
+    searchOrder: 8,
+    searchType: 'select',
+    formslot: true,
+    order: 140,
+    dicUrl: '/blade-transport/project-apply/list?current=1&size=9999',
+    dicFormatter: listDicFormatter,
+    props: {
+      label: 'projectName',
+      value: 'projectName',
+    },
+    filterable: true,
     minWidth: 160,
+    rules: selectRule('所属项目'),
   },
   {
     label: '所属项目ID',
     prop: 'projectId',
     hide: true,
+    display: false,
   },
   {
     label: '所属组织',
     prop: 'organizationName',
     search: true,
+    searchOrder: 3,
+    searchType: 'cascader',
+    formslot: true,
+    order: 120,
+    dicData: [],
+    props: {
+      label: 'label',
+      value: 'id',
+      children: 'children',
+    },
+    checkStrictly: true,
+    emitPath: false,
+    showAllLevels: false,
+    filterable: true,
     minWidth: 150,
-    addDisplay: false,
-    editDisabled: true,
+    rules: selectRule('所属组织'),
   },
   {
     label: '合同类别',
     prop: 'contractCategory',
     type: 'select',
     search: true,
+    searchOrder: 9,
+    order: 170,
     dicData: contractCategoryOptions,
     minWidth: 130,
     rules: selectRule('合同类别'),
@@ -132,18 +218,60 @@ export const option = createCrudOption([
     prop: 'signType',
     type: 'select',
     search: true,
+    searchOrder: 1,
+    span: 24,
+    order: 190,
     dicData: signTypeOptions,
     minWidth: 120,
+    rules: selectRule('签约类型'),
+  },
+  {
+    label: '生效类型',
+    prop: 'effectiveType',
+    type: 'select',
+    search: true,
+    searchOrder: 5,
+    dicData: effectiveTypeOptions,
+    hide: true,
+    display: false,
   },
   {
     label: '甲方',
     prop: 'partyA',
+    type: 'select',
+    order: 160,
+    dicUrl: '/blade-transport/customer-archive/list?current=1&size=9999&approvalStatus=approved',
+    dicFormatter: listDicFormatter,
+    props: {
+      label: 'fullName',
+      value: 'fullName',
+    },
+    filterable: true,
     minWidth: 160,
+    rules: selectRule('甲方'),
   },
   {
     label: '乙方',
     prop: 'partyB',
+    type: 'select',
+    order: 150,
+    dicUrl: '/blade-transport/customer-archive/list?current=1&size=9999&approvalStatus=approved',
+    dicFormatter: listDicFormatter,
+    props: {
+      label: 'fullName',
+      value: 'fullName',
+    },
+    filterable: true,
     minWidth: 160,
+    rules: selectRule('乙方'),
+  },
+  {
+    label: '合同期限',
+    prop: 'contractPeriod',
+    formslot: true,
+    order: 130,
+    hide: true,
+    rules: [{ required: true, message: '请选择合同期限', trigger: 'change' }],
   },
   {
     label: '开始日期',
@@ -152,6 +280,8 @@ export const option = createCrudOption([
     format: 'YYYY-MM-DD',
     valueFormat: 'YYYY-MM-DD',
     minWidth: 130,
+    addDisplay: false,
+    editDisplay: false,
   },
   {
     label: '结束日期',
@@ -160,6 +290,8 @@ export const option = createCrudOption([
     format: 'YYYY-MM-DD',
     valueFormat: 'YYYY-MM-DD',
     minWidth: 130,
+    addDisplay: false,
+    editDisplay: false,
   },
   {
     label: '临时效力起',
@@ -168,6 +300,8 @@ export const option = createCrudOption([
     format: 'YYYY-MM-DD',
     valueFormat: 'YYYY-MM-DD',
     minWidth: 130,
+    addDisplay: false,
+    editDisplay: false,
   },
   {
     label: '临时效力止',
@@ -176,11 +310,16 @@ export const option = createCrudOption([
     format: 'YYYY-MM-DD',
     valueFormat: 'YYYY-MM-DD',
     minWidth: 130,
+    addDisplay: false,
+    editDisplay: false,
   },
   {
     label: '经办人',
     prop: 'handlerUserName',
+    order: 110,
+    disabled: true,
     minWidth: 120,
+    rules: textRule('经办人', 50, true),
   },
   {
     label: '签订日期',
@@ -188,14 +327,20 @@ export const option = createCrudOption([
     type: 'date',
     format: 'YYYY-MM-DD',
     valueFormat: 'YYYY-MM-DD',
+    hide: true,
+    order: 100,
     minWidth: 130,
+    rules: [{ required: true, message: '请选择签订日期', trigger: 'change' }],
   },
   {
     label: '结算方式',
     prop: 'settlementMode',
     type: 'select',
     dicData: settlementModeOptions,
+    hide: true,
+    order: 90,
     minWidth: 120,
+    rules: selectRule('结算方式'),
   },
   {
     label: '合同格式',
@@ -205,54 +350,74 @@ export const option = createCrudOption([
       { label: '电子合同', value: '电子合同' },
       { label: '纸质合同', value: '纸质合同' },
     ],
+    hide: true,
+    order: 80,
     minWidth: 120,
+    rules: selectRule('合同格式'),
   },
   {
-    label: '法人章',
+    label: '是否需要加盖法人章',
     prop: 'legalSealFlag',
-    type: 'switch',
+    type: 'select',
     dicData: [
       { label: '否', value: 0 },
       { label: '是', value: 1 },
     ],
     value: 0,
+    hide: true,
+    order: 70,
     minWidth: 100,
+    rules: selectRule('是否需要加盖法人章'),
   },
   {
-    label: '一式份数',
+    label: '一式',
     prop: 'copyCount',
-    type: 'number',
+    formslot: true,
+    hide: true,
+    order: 60,
     minWidth: 110,
   },
   {
-    label: '回款账期(天)',
+    label: '回款账期',
     prop: 'paymentDays',
-    type: 'number',
+    formslot: true,
+    hide: true,
+    order: 50,
     minWidth: 130,
   },
+  {
+    label: '创建时间',
+    prop: 'createTime',
+    type: 'datetime',
+    format: 'YYYY-MM-DD HH:mm:ss',
+    valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    minWidth: 160,
+    addDisplay: false,
+    editDisplay: false,
+  },
   {
     label: '合同阶段',
     prop: 'contractStage',
     type: 'select',
     search: true,
+    searchOrder: 2,
     slot: true,
     dicData: contractStageOptions,
     minWidth: 120,
     addDisplay: false,
     editDisplay: false,
-    fixed: 'right',
   },
   {
     label: '审核状态',
     prop: 'approvalStatus',
     type: 'select',
     search: true,
+    searchOrder: 4,
     slot: true,
     dicData: contractApprovalStatusOptions,
     minWidth: 130,
     addDisplay: false,
     editDisplay: false,
-    fixed: 'right',
   },
   {
     label: '当前节点',
@@ -276,53 +441,133 @@ export const option = createCrudOption([
       { label: '关闭', value: 0 },
       { label: '开启', value: 1 },
     ],
-    value: 0,
+    value: 1,
+    hide: true,
+    display: false,
     minWidth: 110,
   },
-  {
-    label: '合同主文件JSON',
-    prop: 'contractFileJson',
-    type: 'textarea',
-    span: 24,
-    hide: true,
-  },
-  {
-    label: '其它附件JSON',
-    prop: 'attachmentsJson',
-    type: 'textarea',
-    span: 24,
-    hide: true,
-  },
-  {
-    label: '计费方案JSON',
-    prop: 'billingPlanJson',
-    type: 'textarea',
-    span: 24,
-    hide: true,
-  },
-  {
-    label: '结算生成规则JSON',
-    prop: 'settlementRuleJson',
-    type: 'textarea',
-    span: 24,
-    hide: true,
-  },
-  {
-    label: '对账配置JSON',
-    prop: 'reconciliationJson',
-    type: 'textarea',
-    span: 24,
-    hide: true,
-  },
   {
     label: '备注',
     prop: 'remark',
     type: 'textarea',
     span: 24,
     hide: true,
+    order: 40,
     maxlength: 2000,
     showWordLimit: true,
     rules: textRule('备注', 2000),
   },
-  ...auditColumns,
+  {
+    label: '',
+    prop: 'contractFileTitle',
+    formslot: true,
+    span: 24,
+    order: 30,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '附件',
+    prop: 'contractFileJson',
+    formslot: true,
+    span: 24,
+    order: 20,
+    hide: true,
+  },
+  {
+    label: '',
+    prop: 'billingInfoTitle',
+    formslot: true,
+    span: 24,
+    order: 10,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'billingPlanJson',
+    formslot: true,
+    span: 24,
+    order: 0,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'settlementRuleTitle',
+    formslot: true,
+    span: 24,
+    order: -10,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'settlementRuleJson',
+    formslot: true,
+    span: 24,
+    order: -20,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'reconciliationTitle',
+    formslot: true,
+    span: 24,
+    order: -30,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'reconciliationJson',
+    formslot: true,
+    span: 24,
+    order: -40,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'attachmentTitle',
+    formslot: true,
+    span: 24,
+    order: -50,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'attachmentsJson',
+    formslot: true,
+    span: 24,
+    order: -60,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'changeRecordTitle',
+    formslot: true,
+    span: 24,
+    order: -70,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'changeRecordJson',
+    formslot: true,
+    span: 24,
+    order: -80,
+    hide: true,
+    labelWidth: 0,
+  },
+  ...auditColumns
+    .filter(column => column.prop !== 'createTime')
+    .map(column => ({ ...column, hide: true })),
 ]);
+
+option.span = 8;
+option.dialogWidth = 1480;
diff --git a/src/option/business/process-config.js b/src/option/business/process-config.js
index bed6548..2b00185 100644
--- a/src/option/business/process-config.js
+++ b/src/option/business/process-config.js
@@ -6,6 +6,7 @@ import {
   selectRule,
   textRule,
 } from './common';
+import { applyTableMenuWidth } from '@/utils/table-menu';
 
 export const config = {
   title: '过程配置',
@@ -19,7 +20,7 @@ export const config = {
   deleteStatus: [0, 2],
 };
 
-export const option = {
+export const option = applyTableMenuWidth({
   ...createCrudOption([
     {
       label: '',
@@ -144,4 +145,4 @@ export const option = {
   dialogTop: '10px',
   dialogWidth: '96%',
   searchSpan: 8,
-};
+}, 5);
diff --git a/src/option/business/project-apply.js b/src/option/business/project-apply.js
index 9b8a7d9..077b1d5 100644
--- a/src/option/business/project-apply.js
+++ b/src/option/business/project-apply.js
@@ -10,7 +10,6 @@ import {
   selectRule,
   settlementModeOptions,
   textRule,
-  transportTypeOptions,
 } from './common';
 
 const amountRules = label => [
@@ -18,12 +17,24 @@ const amountRules = label => [
   nonNegativeRule(label),
 ];
 
+const userDicFormatter = res => {
+  const list = Array.isArray(res)
+    ? res
+    : Array.isArray(res.data)
+    ? res.data
+    : res.data?.records || [];
+  return list.map(user => ({
+    ...user,
+    realName: user.realName || user.name || user.account,
+  }));
+};
+
 export const config = {
   title: '项目管理',
   permission: 'project_apply',
   exportUrl: '/blade-transport/project-apply/export-project-apply',
   exportName: '项目立项',
-  enableAllDept: true,
+  enableAllDept: false,
   statusProp: 'approvalStatus',
   statusTextProp: 'approvalStatusName',
   deleteStatus: ['draft', 'withdrawn', 'rejected'],
@@ -31,9 +42,9 @@ export const config = {
   operations: [
     {
       action: 'submitApproval',
-      label: '提交审批',
+      label: '提交',
       statusProp: 'approvalStatus',
-      status: ['draft', 'withdrawn', 'rejected'],
+      status: ['draft'],
       permission: 'project_apply_submit',
     },
     {
@@ -45,7 +56,7 @@ export const config = {
     },
     {
       action: 'approve',
-      label: '审批通过',
+      label: '通过',
       type: 'success',
       statusProp: 'approvalStatus',
       status: ['reviewing', 'change_reviewing'],
@@ -61,11 +72,10 @@ export const config = {
     },
     {
       action: 'startChange',
-      label: '发起变更',
+      label: '变更',
       statusProp: 'approvalStatus',
-      status: ['approved', 'change_approved'],
+      status: ['approved'],
       permission: 'project_apply_change',
-      prompt: '请输入变更内容与原因',
     },
     {
       action: 'voidProject',
@@ -84,6 +94,7 @@ export const option = createCrudOption([
     label: '立项申请单号',
     prop: 'applyNo',
     search: true,
+    searchOrder: 7,
     minWidth: 160,
     addDisplay: false,
     editDisabled: true,
@@ -99,6 +110,7 @@ export const option = createCrudOption([
     label: '项目名称',
     prop: 'projectName',
     search: true,
+    searchOrder: 6,
     minWidth: 180,
     maxlength: 50,
     rules: textRule('项目名称', 50, true),
@@ -106,6 +118,7 @@ export const option = createCrudOption([
   {
     label: '项目简称',
     prop: 'projectShortName',
+    hide: true,
     minWidth: 140,
     maxlength: 20,
     rules: textRule('项目简称', 20, true),
@@ -115,13 +128,27 @@ export const option = createCrudOption([
     prop: 'projectType',
     type: 'select',
     search: true,
+    searchOrder: 3,
     dicData: projectTypeOptions,
     minWidth: 120,
     rules: selectRule('项目类型'),
   },
+  {
+    label: '客户名称',
+    prop: 'customerNames',
+    minWidth: 180,
+    rules: textRule('客户名称', 255, true),
+  },
+  {
+    label: '下游承运商',
+    prop: 'carrierNames',
+    minWidth: 180,
+    rules: textRule('下游承运商', 255, true),
+  },
   {
     label: '业务部门',
     prop: 'businessDeptName',
+    hide: true,
     minWidth: 150,
     rules: textRule('业务部门', 50, true),
   },
@@ -129,6 +156,8 @@ export const option = createCrudOption([
     label: '承办部门',
     prop: 'undertakeDeptName',
     search: true,
+    searchLabel: '承办单位',
+    searchOrder: 5,
     minWidth: 150,
     rules: textRule('承办部门', 50, true),
   },
@@ -140,13 +169,29 @@ export const option = createCrudOption([
   {
     label: '项目负责人',
     prop: 'principalUserName',
-    search: true,
     minWidth: 130,
     rules: textRule('项目负责人', 50, true),
   },
+  {
+    label: '项目负责人',
+    prop: 'principalUserId',
+    type: 'select',
+    search: true,
+    searchOrder: 4,
+    filterable: true,
+    dicUrl: '/blade-system/user/user-list',
+    dicFormatter: userDicFormatter,
+    props: {
+      label: 'realName',
+      value: 'id',
+    },
+    hide: true,
+    display: false,
+  },
   {
     label: '项目经办人',
     prop: 'handlerUserName',
+    hide: true,
     minWidth: 130,
     rules: textRule('项目经办人', 50, true),
   },
@@ -156,6 +201,7 @@ export const option = createCrudOption([
     type: 'select',
     dicData: projectSourceOptions,
     value: '商务洽谈',
+    hide: true,
     minWidth: 120,
   },
   {
@@ -163,6 +209,7 @@ export const option = createCrudOption([
     prop: 'fundLimit',
     type: 'number',
     precision: 2,
+    hide: true,
     minWidth: 190,
     rules: amountRules('项目资金使用额度'),
   },
@@ -171,6 +218,7 @@ export const option = createCrudOption([
     prop: 'receivableLimit',
     type: 'number',
     precision: 2,
+    hide: true,
     minWidth: 200,
     rules: amountRules('项目应收账款额度'),
   },
@@ -178,6 +226,7 @@ export const option = createCrudOption([
     label: '应收账款回款期限(天)',
     prop: 'receivableDays',
     type: 'number',
+    hide: true,
     minWidth: 190,
     rules: [{ required: true, message: '请输入应收账款回款期限', trigger: 'blur' }],
   },
@@ -185,30 +234,20 @@ export const option = createCrudOption([
     label: '回款账期(天)',
     prop: 'paymentDays',
     type: 'number',
+    hide: true,
     minWidth: 140,
     rules: [{ required: true, message: '请输入回款账期', trigger: 'blur' }],
   },
-  {
-    label: '客户名称',
-    prop: 'customerNames',
-    search: true,
-    minWidth: 180,
-    rules: textRule('客户名称', 255, true),
-  },
-  {
-    label: '下游承运商',
-    prop: 'carrierNames',
-    minWidth: 180,
-    rules: textRule('下游承运商', 255, true),
-  },
   {
     label: '货物类型',
     prop: 'cargoType',
+    hide: true,
     minWidth: 120,
   },
   {
     label: '预估货物数量',
     prop: 'cargoQuantity',
+    hide: true,
     minWidth: 150,
     maxlength: 100,
   },
@@ -218,6 +257,7 @@ export const option = createCrudOption([
     type: 'date',
     format: 'YYYY-MM-DD',
     valueFormat: 'YYYY-MM-DD',
+    hide: true,
     minWidth: 130,
   },
   {
@@ -226,11 +266,13 @@ export const option = createCrudOption([
     type: 'date',
     format: 'YYYY-MM-DD',
     valueFormat: 'YYYY-MM-DD',
+    hide: true,
     minWidth: 130,
   },
   {
     label: '运输线路',
     prop: 'transportRoute',
+    hide: true,
     minWidth: 180,
     maxlength: 100,
   },
@@ -238,7 +280,12 @@ export const option = createCrudOption([
     label: '运输类型',
     prop: 'transportType',
     type: 'select',
-    dicData: transportTypeOptions,
+    dicUrl: '/blade-system/dict-biz/dictionary?code=transport_type',
+    props: {
+      label: 'dictValue',
+      value: 'dictKey',
+    },
+    hide: true,
     minWidth: 120,
   },
   {
@@ -246,6 +293,7 @@ export const option = createCrudOption([
     prop: 'businessType',
     type: 'select',
     dicData: businessTypeOptions,
+    hide: true,
     minWidth: 130,
   },
   {
@@ -253,6 +301,7 @@ export const option = createCrudOption([
     prop: 'projectScale',
     type: 'number',
     precision: 2,
+    hide: true,
     minWidth: 150,
     rules: [nonNegativeRule('项目规模')],
   },
@@ -261,6 +310,7 @@ export const option = createCrudOption([
     prop: 'estimatedProfit',
     type: 'number',
     precision: 2,
+    hide: true,
     minWidth: 150,
     rules: [nonNegativeRule('预计利润')],
   },
@@ -269,6 +319,7 @@ export const option = createCrudOption([
     prop: 'fundDemand',
     type: 'number',
     precision: 2,
+    hide: true,
     minWidth: 150,
     rules: [nonNegativeRule('资金需求')],
   },
@@ -277,6 +328,7 @@ export const option = createCrudOption([
     prop: 'settlementMode',
     type: 'select',
     dicData: settlementModeOptions,
+    hide: true,
     minWidth: 120,
   },
   {
@@ -284,12 +336,12 @@ export const option = createCrudOption([
     prop: 'approvalStatus',
     type: 'select',
     search: true,
+    searchOrder: 2,
     slot: true,
     dicData: projectApprovalStatusOptions,
     minWidth: 130,
     addDisplay: false,
     editDisplay: false,
-    fixed: 'right',
   },
   {
     label: '当前节点',
@@ -310,6 +362,7 @@ export const option = createCrudOption([
     prop: 'effectiveType',
     type: 'select',
     search: true,
+    searchOrder: 1,
     dicData: effectiveTypeOptions,
     value: 'temporary',
     minWidth: 110,
@@ -349,5 +402,5 @@ export const option = createCrudOption([
     span: 24,
     hide: true,
   },
-  ...auditColumns,
+  ...auditColumns.map(column => ({ ...column, hide: true })),
 ]);
diff --git a/src/option/business/shipping-template.js b/src/option/business/shipping-template.js
index 60e812f..f7e72f3 100644
--- a/src/option/business/shipping-template.js
+++ b/src/option/business/shipping-template.js
@@ -12,7 +12,7 @@ export const config = {
   permission: 'shipping_template',
   exportUrl: '/blade-transport/shipping-template/export-shipping-template',
   exportName: '发货模板',
-  enableAllDept: true,
+  enableAllDept: false,
   actions: ['copy'],
 };
 
diff --git a/src/option/business/temporary-credit-limit.js b/src/option/business/temporary-credit-limit.js
index 4cafe03..406e62a 100644
--- a/src/option/business/temporary-credit-limit.js
+++ b/src/option/business/temporary-credit-limit.js
@@ -1,23 +1,61 @@
-import { approvalStatusOptions, auditColumns, createCrudOption, nonNegativeRule, textRule } from './common';
+import {
+  approvalStatusOptions,
+  auditColumns,
+  createCrudOption,
+  nonNegativeRule,
+  textRule,
+} from './common';
+
+const listDicFormatter = res => {
+  const data = res?.data || res;
+  if (Array.isArray(data)) return data;
+  if (Array.isArray(data?.records)) return data.records;
+  if (Array.isArray(data?.data)) return data.data;
+  if (Array.isArray(data?.data?.records)) return data.data.records;
+  return [];
+};
+
+const userDicFormatter = res =>
+  listDicFormatter(res).map(user => ({
+    ...user,
+    realName: user.realName || user.name || user.account,
+  }));
 
 export const config = {
   title: '临时额度管理',
   permission: 'temporary_credit_limit',
   exportUrl: '/blade-transport/temporary-credit-limit/export-temporary-credit-limit',
   exportName: '临时额度申请',
-  enableAllDept: true,
+  enableAllDept: false,
+  enableProjectSelect: true,
+  enableAttachmentTable: true,
+  enableDraftSave: true,
+  saveAsDraft: true,
+  defaultForm: {
+    usedFundLimit: 0,
+    remainingFundLimit: 0,
+  },
   statusProp: 'approvalStatus',
   statusTextProp: 'approvalStatusName',
-  deleteStatus: ['draft', 'withdrawn', 'rejected'],
-  editStatus: ['draft', 'withdrawn', 'rejected'],
+  deleteStatus: ['draft', 'withdrawn', 'rejected', '草稿'],
+  editStatus: ['draft', 'withdrawn', 'rejected', '草稿', '已撤回'],
+  ignoreReadonlyEditStatus: ['draft', 'withdrawn', '草稿', '已撤回'],
+  ignoreReadonlyDeleteStatus: ['draft', '草稿'],
   operations: [
     {
       action: 'submitApproval',
-      label: '提交审批',
+      label: '提交',
       statusProp: 'approvalStatus',
       status: ['draft', 'withdrawn', 'rejected'],
       permission: 'temporary_credit_limit_submit',
     },
+    {
+      action: 'flow',
+      label: '流程',
+      statusProp: 'approvalStatus',
+      status: ['reviewing'],
+      permission: 'temporary_credit_limit_view',
+    },
     {
       action: 'withdraw',
       label: '撤回',
@@ -44,145 +82,184 @@ export const config = {
   ],
 };
 
-export const option = createCrudOption([
-  {
-    label: '申请单号',
-    prop: 'applicationNo',
-    search: true,
-    minWidth: 160,
-    addDisplay: false,
-    editDisabled: true,
-  },
-  {
-    label: '项目名称',
-    prop: 'projectName',
-    search: true,
-    minWidth: 180,
-    rules: textRule('项目名称', 100, true),
-  },
-  {
-    label: '项目ID',
-    prop: 'projectId',
-    hide: true,
-  },
-  {
-    label: '项目编号',
-    prop: 'projectCode',
-    minWidth: 150,
-    rules: textRule('项目编号', 50, true),
-  },
-  {
-    label: '承办部门',
-    prop: 'undertakeDeptName',
-    minWidth: 150,
-    rules: textRule('承办部门', 50, true),
-  },
-  {
-    label: '项目资金使用额度(万元)',
-    prop: 'projectFundLimit',
-    type: 'number',
-    precision: 2,
-    minWidth: 200,
-    editDisabled: true,
-    rules: [nonNegativeRule('项目资金使用额度')],
-  },
-  {
-    label: '已使用项目资金额度(万元)',
-    prop: 'usedFundLimit',
-    type: 'number',
-    precision: 2,
-    minWidth: 220,
-    value: 0,
-    editDisabled: true,
-    rules: [nonNegativeRule('已使用项目资金额度')],
-  },
-  {
-    label: '剩余项目资金使用额度(万元)',
-    prop: 'remainingFundLimit',
-    type: 'number',
-    precision: 2,
-    minWidth: 230,
-    editDisabled: true,
-    rules: [nonNegativeRule('剩余项目资金使用额度')],
-  },
-  {
-    label: '申请临时额度(万元)',
-    prop: 'applyLimit',
-    type: 'number',
-    precision: 2,
-    minWidth: 180,
-    rules: [
-      { required: true, message: '请输入申请临时额度', trigger: 'blur' },
-      nonNegativeRule('申请临时额度'),
-    ],
-  },
-  {
-    label: '申请有效期至',
-    prop: 'validUntil',
-    type: 'date',
-    format: 'YYYY-MM-DD',
-    valueFormat: 'YYYY-MM-DD',
-    minWidth: 140,
-    rules: [{ required: true, message: '请选择申请有效期至', trigger: 'change' }],
-  },
-  {
-    label: '申请部门',
-    prop: 'applyDeptName',
-    search: true,
-    minWidth: 150,
-    addDisplay: false,
-    editDisabled: true,
-  },
-  {
-    label: '申请人',
-    prop: 'applicantName',
-    search: true,
-    minWidth: 120,
-    addDisplay: false,
-    editDisabled: true,
-  },
-  {
-    label: '审批状态',
-    prop: 'approvalStatus',
-    type: 'select',
-    search: true,
-    slot: true,
-    dicData: approvalStatusOptions,
-    minWidth: 130,
-    addDisplay: false,
-    editDisplay: false,
-    fixed: 'right',
-  },
-  {
-    label: '当前节点',
-    prop: 'currentNode',
-    minWidth: 140,
-    addDisplay: false,
-    editDisplay: false,
-  },
-  {
-    label: '当前处理人',
-    prop: 'currentProcessor',
-    minWidth: 130,
-    addDisplay: false,
-    editDisplay: false,
-  },
-  {
-    label: '附件JSON',
-    prop: 'attachmentsJson',
-    type: 'textarea',
-    span: 24,
-    hide: true,
-  },
-  {
-    label: '备注',
-    prop: 'remark',
-    type: 'textarea',
-    span: 24,
-    hide: true,
-    maxlength: 500,
-    showWordLimit: true,
-    rules: textRule('备注', 500),
-  },
-  ...auditColumns,
-]);
+export const option = {
+  ...createCrudOption([
+    {
+      label: '申请单号',
+      prop: 'applicationNo',
+      search: true,
+      searchOrder: 5,
+      minWidth: 160,
+      addDisplay: false,
+      editDisplay: false,
+      editDisabled: true,
+    },
+    {
+      label: '项目名称',
+      prop: 'projectName',
+      search: true,
+      searchOrder: 4,
+      searchType: 'select',
+      formslot: true,
+      dicUrl: '/blade-transport/project-apply/list?current=1&size=9999',
+      dicFormatter: listDicFormatter,
+      props: {
+        label: 'projectName',
+        value: 'projectName',
+      },
+      filterable: true,
+      minWidth: 180,
+      rules: textRule('项目名称', 100, true),
+    },
+    {
+      label: '项目ID',
+      prop: 'projectId',
+      hide: true,
+      display: false,
+    },
+    {
+      label: '项目编号',
+      prop: 'projectCode',
+      hide: true,
+      disabled: true,
+      minWidth: 150,
+      rules: textRule('项目编号', 50, true),
+    },
+    {
+      label: '承办部门',
+      prop: 'undertakeDeptName',
+      hide: true,
+      disabled: true,
+      minWidth: 150,
+      rules: textRule('承办部门', 50, true),
+    },
+    {
+      label: '项目资金使用额度（万元）',
+      prop: 'projectFundLimit',
+      hide: true,
+      disabled: true,
+      minWidth: 200,
+      rules: [nonNegativeRule('项目资金使用额度')],
+    },
+    {
+      label: '已使用项目资金使用额度（万元）',
+      prop: 'usedFundLimit',
+      hide: true,
+      disabled: true,
+      minWidth: 220,
+      value: 0,
+      rules: [nonNegativeRule('已使用项目资金额度')],
+    },
+    {
+      label: '剩余项目资金使用额度（万元）',
+      prop: 'remainingFundLimit',
+      hide: true,
+      disabled: true,
+      minWidth: 230,
+      value: 0,
+      rules: [nonNegativeRule('剩余项目资金使用额度')],
+    },
+    {
+      label: '申请临时额度（万元）',
+      prop: 'applyLimit',
+      formslot: true,
+      minWidth: 180,
+      rules: [
+        { required: true, message: '请输入申请临时额度', trigger: 'blur' },
+        nonNegativeRule('申请临时额度'),
+      ],
+    },
+    {
+      label: '申请有效期至',
+      prop: 'validUntil',
+      type: 'date',
+      format: 'YYYY-MM-DD',
+      valueFormat: 'YYYY-MM-DD',
+      minWidth: 140,
+      rules: [{ required: true, message: '请选择申请有效期至', trigger: 'change' }],
+    },
+    {
+      label: '申请部门',
+      prop: 'applyDeptName',
+      search: true,
+      searchOrder: 2,
+      searchType: 'select',
+      dicUrl: '/blade-system/dept/select',
+      props: {
+        label: 'deptName',
+        value: 'deptName',
+      },
+      filterable: true,
+      minWidth: 150,
+      addDisplay: false,
+      editDisplay: false,
+      editDisabled: true,
+    },
+    {
+      label: '申请人',
+      prop: 'applicantName',
+      search: true,
+      searchOrder: 3,
+      searchType: 'select',
+      dicUrl: '/blade-system/user/user-list',
+      dicFormatter: userDicFormatter,
+      props: {
+        label: 'realName',
+        value: 'realName',
+      },
+      filterable: true,
+      minWidth: 120,
+      addDisplay: false,
+      editDisplay: false,
+      editDisabled: true,
+    },
+    {
+      label: '审批状态',
+      searchLabel: '状态',
+      prop: 'approvalStatus',
+      type: 'select',
+      search: true,
+      searchOrder: 1,
+      slot: true,
+      dicData: approvalStatusOptions,
+      minWidth: 130,
+      addDisplay: false,
+      editDisplay: false,
+      fixed: 'right',
+    },
+    {
+      label: '当前节点',
+      prop: 'currentNode',
+      minWidth: 140,
+      addDisplay: false,
+      editDisplay: false,
+    },
+    {
+      label: '当前处理人',
+      prop: 'currentProcessor',
+      minWidth: 130,
+      addDisplay: false,
+      editDisplay: false,
+    },
+    {
+      label: '备注',
+      prop: 'remark',
+      type: 'textarea',
+      span: 24,
+      hide: true,
+      maxlength: 200,
+      showWordLimit: true,
+      rules: textRule('备注', 200),
+    },
+    {
+      label: '附件',
+      prop: 'attachmentsJson',
+      formslot: true,
+      span: 24,
+      hide: true,
+    },
+    ...auditColumns.map(column => ({ ...column, hide: true })),
+  ]),
+  dialogWidth: 1480,
+  index: false,
+};
diff --git a/src/option/business/transport-plan.js b/src/option/business/transport-plan.js
index 7aa20d1..82a7056 100644
--- a/src/option/business/transport-plan.js
+++ b/src/option/business/transport-plan.js
@@ -2,18 +2,128 @@ import {
   auditColumns,
   createCrudOption,
   dataSourceOptions,
+  phoneRule,
   planStatusOptions,
   selectRule,
   textRule,
-  transportTypeOptions,
 } from './common';
 
+const listDicFormatter = res => {
+  const data = res?.data || res;
+  if (Array.isArray(data)) return data;
+  if (Array.isArray(data?.records)) return data.records;
+  if (Array.isArray(data?.data)) return data.data;
+  if (Array.isArray(data?.data?.records)) return data.data.records;
+  return [];
+};
+
+const parseGoodsRows = value => {
+  if (!value) return [];
+  if (Array.isArray(value)) return value;
+  if (typeof value === 'object') return [value];
+  try {
+    const data = JSON.parse(value);
+    return Array.isArray(data) ? data : [data];
+  } catch (error) {
+    return [];
+  }
+};
+
+const formatGoodsField = (row, propList) => {
+  const values = propList.map(prop => row[prop]).filter(Boolean);
+  if (values.length) return values.join('、');
+  return parseGoodsRows(row.goodsJson)
+    .map(item => propList.map(prop => item?.[prop]).find(Boolean))
+    .filter(Boolean)
+    .join('、');
+};
+
+const getGoodsQuantity = item => {
+  const value = item?.quantity ?? item?.cargoQuantity ?? item?.goodsQuantity ?? 0;
+  const number = Number(String(value).replace(/,/g, ''));
+  return Number.isFinite(number) ? number : 0;
+};
+
+const formatGoodsQuantity = value => {
+  const number = Math.round((value + Number.EPSILON) * 1000) / 1000;
+  return Number.isInteger(number) ? String(number) : String(number).replace(/\.?0+$/, '');
+};
+
+const getSecondCargoTypeName = item =>
+  item?.cargoType ||
+  item?.secondCargoTypeName ||
+  item?.secondCargoType ||
+  item?.goodsType ||
+  item?.type ||
+  item?.cargoTypeName ||
+  item?.firstCargoTypeName ||
+  '货物';
+
+const formatGoodsInfo = row => {
+  const rows = parseGoodsRows(row.goodsJson);
+  if (!rows.length) return row.goodsInfo || '';
+
+  const groups = rows.reduce((result, item = {}) => {
+    const hasGoodsInfo = [
+      item.cargoName,
+      item.goodsName,
+      item.name,
+      item.cargoType,
+      item.secondCargoTypeName,
+      item.goodsType,
+      item.type,
+      item.quantity,
+      item.cargoQuantity,
+      item.goodsQuantity,
+      item.quantityUnit,
+      item.goodsQuantityUnit,
+      item.unit,
+    ].some(Boolean);
+    if (!hasGoodsInfo) return result;
+
+    const unit = item.quantityUnit || item.goodsQuantityUnit || item.unit || '';
+    if (!result[unit]) {
+      result[unit] = {
+        typeName: getSecondCargoTypeName(item),
+        count: 0,
+        quantity: 0,
+      };
+    }
+    result[unit].count += 1;
+    result[unit].quantity += getGoodsQuantity(item);
+    return result;
+  }, {});
+
+  const text = Object.entries(groups)
+    .map(([unit, group]) => {
+      const quantity = `${formatGoodsQuantity(group.quantity)}${unit}`;
+      return `${group.typeName}等${group.count}中货物 | ${quantity}`;
+    })
+    .join('; ');
+
+  return text || row.goodsInfo || '';
+};
+
+const formatDispatchProgress = row =>
+  row.dispatchProgressName || row.dispatchProgress || row.progress || '';
+
+const auditColumn = prop => ({ ...auditColumns.find(item => item.prop === prop) });
+
 export const config = {
   title: '运输计划',
   permission: 'transport_plan',
   exportUrl: '/blade-transport/transport-plan/export-transport-plan',
   exportName: '运输计划',
-  enableAllDept: true,
+  enableAllDept: false,
+  enableProjectSelect: true,
+  enableAttachmentTable: true,
+  enableTransportPlanForm: true,
+  enableTransportPlanCreateActions: true,
+  attachmentTitle: '附件',
+  searchRangeMap: {
+    planStartDateRange: ['planStartDateStart', 'planStartDateEnd'],
+    planEndDateRange: ['planEndDateStart', 'planEndDateEnd'],
+  },
   actions: ['copy', 'cancel', 'complete'],
   statusProp: 'businessStatus',
   statusTextProp: 'businessStatusName',
@@ -21,155 +131,366 @@ export const config = {
   editStatus: ['draft', 'waiting_dispatch'],
 };
 
-export const option = createCrudOption([
-  {
-    label: '计划单号',
-    prop: 'planNo',
-    search: true,
-    minWidth: 150,
-    addDisplay: false,
-    editDisabled: true,
-  },
-  {
-    label: '计划名称',
-    prop: 'planName',
-    search: true,
-    minWidth: 150,
-    rules: textRule('计划名称', 50, true),
-  },
-  {
-    label: '项目',
-    prop: 'projectName',
-    minWidth: 150,
-    rules: textRule('项目', 100, true),
-  },
-  {
-    label: '项目ID',
-    prop: 'projectId',
-    hide: true,
-  },
-  {
-    label: '客户合同',
-    prop: 'contractName',
-    minWidth: 160,
-    rules: textRule('客户合同', 100, true),
-  },
-  {
-    label: '客户合同ID',
-    prop: 'contractId',
-    hide: true,
-  },
-  {
-    label: '客户名称',
-    prop: 'customerName',
-    search: true,
-    minWidth: 150,
-  },
-  {
-    label: '运输类型',
-    prop: 'transportType',
-    type: 'select',
-    search: true,
-    dicData: transportTypeOptions,
-    minWidth: 130,
-    rules: selectRule('运输类型'),
-  },
-  {
-    label: '计划开始日期',
-    prop: 'planStartDate',
-    type: 'date',
-    format: 'YYYY-MM-DD',
-    valueFormat: 'YYYY-MM-DD',
-    search: true,
-    minWidth: 130,
-  },
-  {
-    label: '计划结束日期',
-    prop: 'planEndDate',
-    type: 'date',
-    format: 'YYYY-MM-DD',
-    valueFormat: 'YYYY-MM-DD',
-    search: true,
-    minWidth: 130,
-  },
-  {
-    label: '发货地',
-    prop: 'departureName',
-    minWidth: 140,
-    rules: textRule('发货地', 100, true),
-  },
-  {
-    label: '发货地址',
-    prop: 'departureAddress',
-    search: true,
-    minWidth: 220,
-    rules: textRule('发货地址', 255, true),
-  },
-  {
-    label: '收货地',
-    prop: 'arrivalName',
-    minWidth: 140,
-    rules: textRule('收货地', 100, true),
-  },
-  {
-    label: '收货地址',
-    prop: 'arrivalAddress',
-    search: true,
-    minWidth: 220,
-    rules: textRule('收货地址', 255, true),
-  },
-  {
-    label: '货物信息JSON',
-    prop: 'goodsJson',
-    type: 'textarea',
-    minRows: 5,
-    span: 24,
-    hide: true,
-  },
-  {
-    label: '附件JSON',
-    prop: 'attachmentsJson',
-    type: 'textarea',
-    minRows: 3,
-    span: 24,
-    hide: true,
-  },
-  {
-    label: '数据来源',
-    prop: 'dataSource',
-    type: 'select',
-    search: true,
-    dicData: dataSourceOptions,
-    minWidth: 120,
-  },
-  {
-    label: '业务状态',
-    prop: 'businessStatus',
-    type: 'select',
-    slot: true,
-    search: true,
-    dicData: planStatusOptions,
-    minWidth: 120,
-    addDisplay: false,
-    editDisplay: false,
-  },
-  {
-    label: '所属组织',
-    prop: 'deptName',
-    minWidth: 150,
-    addDisplay: false,
-    editDisplay: false,
-  },
-  {
-    label: '备注',
-    prop: 'remark',
-    type: 'textarea',
-    minRows: 4,
-    span: 24,
-    hide: true,
-    maxlength: 200,
-    showWordLimit: true,
-    rules: textRule('备注', 200),
-  },
-  ...auditColumns,
-]);
+export const option = {
+  ...createCrudOption([
+    {
+      label: '',
+      prop: 'basicInfoTitle',
+      formslot: true,
+      span: 24,
+      order: 400,
+      hide: true,
+      labelWidth: 0,
+    },
+    {
+      label: '计划单号',
+      prop: 'planNo',
+      search: true,
+      searchOrder: 13,
+      span: 6,
+      order: 370,
+      minWidth: 150,
+      disabled: true,
+      placeholder: '系统自动生成',
+    },
+    {
+      label: '计划名称',
+      prop: 'planName',
+      search: true,
+      searchOrder: 12,
+      span: 6,
+      order: 380,
+      minWidth: 150,
+      rules: textRule('计划名称', 50, true),
+    },
+    {
+      label: '运输方式',
+      prop: 'transportType',
+      type: 'select',
+      search: true,
+      searchOrder: 10,
+      span: 6,
+      order: 360,
+      dicUrl: '/blade-system/dict-biz/dictionary?code=transport_type',
+      props: {
+        label: 'dictValue',
+        value: 'dictKey',
+      },
+      minWidth: 130,
+      rules: selectRule('运输类型'),
+    },
+    {
+      label: '货物信息',
+      prop: 'goodsInfo',
+      formatter: row => formatGoodsInfo(row),
+      minWidth: 320,
+      className: 'business-crud-page__goods-info-cell',
+      overHidden: false,
+      showOverflowTooltip: false,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '调度进度',
+      prop: 'dispatchProgress',
+      formatter: row => formatDispatchProgress(row),
+      minWidth: 120,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '发货地址',
+      prop: 'departureAddress',
+      formslot: true,
+      search: true,
+      searchOrder: 7,
+      span: 24,
+      order: 310,
+      minWidth: 220,
+      rules: textRule('发货地址', 255, true),
+    },
+    {
+      label: '到货地址',
+      prop: 'arrivalAddress',
+      formslot: true,
+      search: true,
+      searchOrder: 6,
+      span: 24,
+      order: 300,
+      minWidth: 220,
+      rules: textRule('收货地址', 255, true),
+    },
+    {
+      label: '项目名称',
+      prop: 'projectName',
+      formslot: true,
+      search: true,
+      searchOrder: 11,
+      searchType: 'select',
+      span: 6,
+      order: 400,
+      dicUrl: '/blade-transport/project-apply/list?current=1&size=9999',
+      dicFormatter: listDicFormatter,
+      props: {
+        label: 'projectName',
+        value: 'projectName',
+      },
+      filterable: true,
+      minWidth: 150,
+      rules: textRule('项目', 100, true),
+    },
+    {
+      label: '客户名称',
+      prop: 'customerName',
+      search: true,
+      searchOrder: 5,
+      minWidth: 150,
+      addDisplay: false,
+      editDisplay: false,
+    },
+    {
+      label: '计划开始日期',
+      prop: 'planStartDate',
+      type: 'date',
+      format: 'YYYY-MM-DD',
+      valueFormat: 'YYYY-MM-DD',
+      span: 6,
+      order: 350,
+      minWidth: 130,
+    },
+    {
+      label: '计划结束日期',
+      prop: 'planEndDate',
+      type: 'date',
+      format: 'YYYY-MM-DD',
+      valueFormat: 'YYYY-MM-DD',
+      span: 6,
+      order: 340,
+      minWidth: 130,
+    },
+    {
+      label: '数据来源',
+      prop: 'dataSource',
+      type: 'select',
+      search: true,
+      searchOrder: 1,
+      dicData: dataSourceOptions,
+      minWidth: 120,
+      addDisplay: false,
+      editDisplay: false,
+    },
+    {
+      label: '货物类型',
+      prop: 'cargoType',
+      search: true,
+      searchOrder: 8,
+      formatter: row => formatGoodsField(row, ['cargoType', 'goodsType']),
+      minWidth: 130,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '货物名称',
+      prop: 'cargoName',
+      search: true,
+      searchOrder: 9,
+      formatter: row => formatGoodsField(row, ['cargoName', 'goodsName']),
+      minWidth: 150,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '备注',
+      prop: 'remark',
+      type: 'textarea',
+      minRows: 4,
+      span: 24,
+      order: 330,
+      minWidth: 180,
+      maxlength: 200,
+      showWordLimit: true,
+      rules: textRule('备注', 200),
+    },
+    {
+      ...auditColumn('updateUserName'),
+    },
+    {
+      ...auditColumn('createTime'),
+    },
+    {
+      ...auditColumn('updateTime'),
+    },
+    {
+      label: '调度状态',
+      prop: 'businessStatus',
+      type: 'select',
+      slot: true,
+      search: true,
+      searchLabel: '状态',
+      searchOrder: 2,
+      dicData: planStatusOptions,
+      minWidth: 120,
+      fixed: 'right',
+      addDisplay: false,
+      editDisplay: false,
+    },
+    {
+      label: '',
+      prop: 'shippingInfoTitle',
+      formslot: true,
+      span: 24,
+      order: 320,
+      hide: true,
+      labelWidth: 0,
+    },
+    {
+      label: '项目ID',
+      prop: 'projectId',
+      hide: true,
+      display: false,
+    },
+    {
+      label: '客户合同',
+      prop: 'contractName',
+      formslot: true,
+      hide: true,
+      span: 6,
+      order: 390,
+      minWidth: 160,
+      rules: textRule('客户合同', 100, true),
+    },
+    {
+      label: '客户合同ID',
+      prop: 'contractId',
+      hide: true,
+      display: false,
+    },
+    {
+      label: '发货地',
+      prop: 'departureName',
+      hide: true,
+      display: false,
+      minWidth: 140,
+      rules: textRule('发货地', 100, true),
+    },
+    {
+      label: '收货地',
+      prop: 'arrivalName',
+      hide: true,
+      display: false,
+      minWidth: 140,
+      rules: textRule('收货地', 100, true),
+    },
+    {
+      label: '发货联系人',
+      prop: 'departureContact',
+      hide: true,
+      display: false,
+      rules: textRule('发货联系人', 50),
+    },
+    {
+      label: '发货联系方式',
+      prop: 'departurePhone',
+      hide: true,
+      display: false,
+      rules: [phoneRule('发货联系方式'), ...textRule('发货联系方式', 50)],
+    },
+    {
+      label: '收货联系人',
+      prop: 'arrivalContact',
+      hide: true,
+      display: false,
+      rules: textRule('收货联系人', 50),
+    },
+    {
+      label: '收货联系方式',
+      prop: 'arrivalPhone',
+      hide: true,
+      display: false,
+      rules: [phoneRule('收货联系方式'), ...textRule('收货联系方式', 50)],
+    },
+    {
+      label: '',
+      prop: 'goodsInfoTitle',
+      formslot: true,
+      span: 24,
+      order: 280,
+      hide: true,
+      labelWidth: 0,
+    },
+    {
+      label: '计划开始日期',
+      prop: 'planStartDateRange',
+      type: 'date',
+      format: 'YYYY-MM-DD',
+      valueFormat: 'YYYY-MM-DD',
+      search: true,
+      searchRange: true,
+      searchOrder: 4,
+      hide: true,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '计划结束日期',
+      prop: 'planEndDateRange',
+      type: 'date',
+      format: 'YYYY-MM-DD',
+      valueFormat: 'YYYY-MM-DD',
+      search: true,
+      searchRange: true,
+      searchOrder: 3,
+      hide: true,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '所属组织',
+      prop: 'deptName',
+      hide: true,
+      minWidth: 150,
+      addDisplay: false,
+      editDisplay: false,
+    },
+    {
+      label: '',
+      prop: 'goodsJson',
+      type: 'textarea',
+      formslot: true,
+      minRows: 5,
+      span: 24,
+      order: 270,
+      hide: true,
+      labelWidth: '0px',
+      className: 'business-crud-page__full-form-item',
+    },
+    {
+      label: '',
+      prop: 'attachmentTitle',
+      formslot: true,
+      span: 24,
+      order: 265,
+      hide: true,
+      labelWidth: 0,
+    },
+    {
+      label: '',
+      prop: 'attachmentsJson',
+      type: 'textarea',
+      formslot: true,
+      minRows: 3,
+      span: 24,
+      order: 260,
+      hide: true,
+      labelWidth: '0px',
+      className: 'business-crud-page__full-form-item',
+    },
+  ]),
+  dialogWidth: '96%',
+};
diff --git a/src/option/business/waybill-manage.js b/src/option/business/waybill-manage.js
index 7492149..eb094d1 100644
--- a/src/option/business/waybill-manage.js
+++ b/src/option/business/waybill-manage.js
@@ -4,16 +4,108 @@ import {
   dataSourceOptions,
   selectRule,
   textRule,
-  transportTypeOptions,
   waybillStatusOptions,
 } from './common';
 
+const transportTypeDict = {
+  dicUrl: '/blade-system/dict-biz/dictionary?code=transport_type',
+  props: {
+    label: 'dictValue',
+    value: 'dictKey',
+  },
+};
+
+const isEmpty = value => value === undefined || value === null || value === '';
+
+const parseJsonArray = value => {
+  if (Array.isArray(value)) return value;
+  if (typeof value !== 'string' || !value.trim()) return [];
+  try {
+    const result = JSON.parse(value);
+    if (Array.isArray(result)) return result;
+    if (Array.isArray(result.records)) return result.records;
+    if (Array.isArray(result.rows)) return result.rows;
+    return [];
+  } catch (error) {
+    return [];
+  }
+};
+
+const getFirstValue = (row, props) => {
+  const prop = props.find(item => !isEmpty(row[item]));
+  return prop ? row[prop] : '';
+};
+
+const getGoodsRows = row => parseJsonArray(row.goodsList || row.goodsRows || row.goodsJson);
+
+const getBillingRows = row => {
+  const freightRows = parseJsonArray(row.freightList || row.freightRows || row.freightJson);
+  if (freightRows.length) return freightRows;
+  return parseJsonArray(row.billingPlanJson).flatMap(item =>
+    Array.isArray(item.rules) ? item.rules : []
+  );
+};
+
+const joinText = list => list.filter(item => !isEmpty(item)).join('/');
+
+const formatGoodsInfo = row => {
+  const text = getFirstValue(row, ['goodsInfo', 'cargoInfo']);
+  if (text) return text;
+  return getGoodsRows(row)
+    .map(item => {
+      const name = getFirstValue(item, ['cargoName', 'goodsName', 'name']);
+      const type = getFirstValue(item, ['cargoType', 'goodsType', 'typeName']);
+      const quantity = joinText([
+        getFirstValue(item, ['quantity', 'cargoQuantity', 'goodsQuantity']),
+        getFirstValue(item, ['quantityUnit', 'cargoUnit', 'unit']),
+      ]);
+      return joinText([name, type, quantity]);
+    })
+    .filter(Boolean)
+    .join('; ');
+};
+
+const formatGoodsField = (row, props) => {
+  const value = getFirstValue(row, props);
+  if (value) return value;
+  const goods = getGoodsRows(row).find(item => getFirstValue(item, props));
+  return goods ? getFirstValue(goods, props) : '';
+};
+
+const formatTransportMode = row =>
+  getFirstValue(row, ['transportModeName', 'transportMode', 'transportWayName', 'transportWay']);
+
+const formatUnitPrice = row => {
+  const value = getFirstValue(row, ['unitPrice', 'price']);
+  const unit = getFirstValue(row, ['priceUnit', 'billingUnit', 'unit']);
+  if (!isEmpty(value)) return unit ? `${value}(${unit})` : value;
+  const billing = getBillingRows(row).find(item => !isEmpty(item.unitPrice));
+  if (!billing) return '';
+  const billingUnit = getFirstValue(billing, ['priceUnit', 'billingUnit', 'unit']);
+  return billingUnit ? `${billing.unitPrice}(${billingUnit})` : billing.unitPrice;
+};
+
+const formatAmount = (row, props) => getFirstValue(row, props);
+
+const auditColumn = prop => ({ ...auditColumns.find(item => item.prop === prop) });
+
 export const config = {
   title: '运单管理',
   permission: 'waybill_manage',
   exportUrl: '/blade-transport/waybill-manage/export-waybill-manage',
   exportName: '运单管理',
-  enableAllDept: true,
+  importUrl: '/blade-transport/waybill-manage/import-waybill-manage',
+  enableAllDept: false,
+  batchDelete: false,
+  createText: '新建运单',
+  importText: '导入运单',
+  roadLoading: true,
+  roadLoadingText: '公路配载',
+  searchRangeMap: {
+    startDateRange: ['startDateStart', 'startDateEnd'],
+    endDateRange: ['endDateStart', 'endDateEnd'],
+    createTimeRange: ['createTimeStart', 'createTimeEnd'],
+  },
   actions: ['copy', 'cancel', 'reassign', 'complete', 'batchComplete'],
   statusProp: 'businessStatus',
   statusTextProp: 'businessStatusName',
@@ -21,234 +113,437 @@ export const config = {
   editStatus: ['draft', 'pending'],
 };
 
-export const option = createCrudOption([
-  {
-    label: '运单号',
-    prop: 'waybillNo',
-    search: true,
-    minWidth: 150,
-    addDisplay: false,
-    editDisabled: true,
-  },
-  {
-    label: '项目',
-    prop: 'projectName',
-    search: true,
-    minWidth: 150,
-    rules: textRule('项目', 100, true),
-  },
-  {
-    label: '项目ID',
-    prop: 'projectId',
-    hide: true,
-  },
-  {
-    label: '客户合同',
-    prop: 'contractName',
-    minWidth: 160,
-    rules: textRule('客户合同', 100, true),
-  },
-  {
-    label: '客户合同ID',
-    prop: 'contractId',
-    hide: true,
-  },
-  {
-    label: '客户名称',
-    prop: 'customerName',
-    search: true,
-    minWidth: 150,
-  },
-  {
-    label: '运输类型',
-    prop: 'transportType',
-    type: 'select',
-    search: true,
-    dicData: transportTypeOptions,
-    minWidth: 130,
-    rules: selectRule('运输类型'),
-  },
-  {
-    label: '货物名称',
-    prop: 'cargoName',
-    search: true,
-    minWidth: 150,
-    rules: textRule('货物名称', 100, true),
-  },
-  {
-    label: '货物类型',
-    prop: 'cargoType',
-    search: true,
-    minWidth: 130,
-    rules: textRule('货物类型', 100, true),
-  },
-  {
-    label: '发货地址',
-    prop: 'departureAddress',
-    search: true,
-    minWidth: 220,
-    rules: textRule('发货地址', 255, true),
-  },
-  {
-    label: '收货地址',
-    prop: 'arrivalAddress',
-    search: true,
-    minWidth: 220,
-    rules: textRule('收货地址', 255, true),
-  },
-  {
-    label: '承运商名称',
-    prop: 'carrierName',
-    search: true,
-    minWidth: 150,
-  },
-  {
-    label: '司机姓名',
-    prop: 'driverName',
-    search: true,
-    minWidth: 120,
-  },
-  {
-    label: '车/船/航班/班列号',
-    prop: 'vehicleNo',
-    search: true,
-    minWidth: 170,
-  },
-  {
-    label: '原始单号',
-    prop: 'originalNo',
-    search: true,
-    minWidth: 140,
-  },
-  {
-    label: '业务状态',
-    prop: 'businessStatus',
-    type: 'select',
-    slot: true,
-    search: true,
-    dicData: waybillStatusOptions,
-    minWidth: 120,
-    addDisplay: false,
-    editDisplay: false,
-  },
-  {
-    label: '数据来源',
-    prop: 'dataSource',
-    type: 'select',
-    search: true,
-    dicData: dataSourceOptions,
-    minWidth: 120,
-  },
-  {
-    label: '开始日期',
-    prop: 'startDate',
-    type: 'date',
-    format: 'YYYY-MM-DD',
-    valueFormat: 'YYYY-MM-DD',
-    search: true,
-    minWidth: 130,
-  },
-  {
-    label: '结束日期',
-    prop: 'endDate',
-    type: 'date',
-    format: 'YYYY-MM-DD',
-    valueFormat: 'YYYY-MM-DD',
-    search: true,
-    minWidth: 130,
-  },
-  {
-    label: '计划名称',
-    prop: 'planName',
-    search: true,
-    minWidth: 150,
-  },
-  {
-    label: '多联总单',
-    prop: 'masterNo',
-    search: true,
-    minWidth: 140,
-  },
-  {
-    label: '配载单号',
-    prop: 'loadingNo',
-    search: true,
-    minWidth: 140,
-  },
-  {
-    label: '运单批次号',
-    prop: 'batchNo',
-    search: true,
-    minWidth: 140,
-  },
-  {
-    label: '关联单号',
-    prop: 'relationNo',
-    search: true,
-    minWidth: 140,
-  },
-  {
-    label: '当前过程节点',
-    prop: 'currentProcessNode',
-    minWidth: 140,
-  },
-  {
-    label: '货物信息JSON',
-    prop: 'goodsJson',
-    type: 'textarea',
-    minRows: 5,
-    span: 24,
-    hide: true,
-  },
-  {
-    label: '承运信息JSON',
-    prop: 'carrierJson',
-    type: 'textarea',
-    minRows: 4,
-    span: 24,
-    hide: true,
-  },
-  {
-    label: '过程配置JSON',
-    prop: 'processJson',
-    type: 'textarea',
-    minRows: 4,
-    span: 24,
-    hide: true,
-  },
-  {
-    label: '运费信息JSON',
-    prop: 'freightJson',
-    type: 'textarea',
-    minRows: 4,
-    span: 24,
-    hide: true,
-  },
-  {
-    label: '附件JSON',
-    prop: 'attachmentsJson',
-    type: 'textarea',
-    minRows: 3,
-    span: 24,
-    hide: true,
-  },
-  {
-    label: '所属组织',
-    prop: 'deptName',
-    minWidth: 150,
-    addDisplay: false,
-    editDisplay: false,
-  },
-  {
-    label: '备注',
-    prop: 'remark',
-    type: 'textarea',
-    minRows: 4,
-    span: 24,
-    hide: true,
-    maxlength: 500,
-    showWordLimit: true,
-    rules: textRule('备注', 500),
-  },
-  ...auditColumns,
-]);
+export const option = {
+  ...createCrudOption([
+    {
+      label: '运单号',
+      prop: 'waybillNo',
+      search: true,
+      searchOrder: 23,
+      minWidth: 150,
+      addDisplay: false,
+      editDisabled: true,
+    },
+    {
+      label: '配载单号',
+      prop: 'loadingNo',
+      search: true,
+      searchOrder: 5,
+      minWidth: 140,
+    },
+    {
+      label: '总单号',
+      prop: 'masterNo',
+      search: true,
+      searchLabel: '多联总单',
+      searchOrder: 6,
+      minWidth: 140,
+    },
+    {
+      label: '项目名称',
+      prop: 'projectName',
+      search: true,
+      searchOrder: 22,
+      minWidth: 150,
+      rules: textRule('项目', 100, true),
+    },
+    {
+      label: '客户',
+      prop: 'customerName',
+      search: true,
+      searchLabel: '客户名称',
+      searchOrder: 21,
+      minWidth: 150,
+    },
+    {
+      label: '车牌号/航班号/船号/班列号',
+      prop: 'vehicleNo',
+      search: true,
+      searchLabel: '车/船/航班/班列',
+      searchOrder: 13,
+      minWidth: 210,
+    },
+    {
+      label: '司机',
+      prop: 'driverName',
+      search: true,
+      searchLabel: '司机名称',
+      searchOrder: 14,
+      minWidth: 120,
+    },
+    {
+      label: '联系方式',
+      prop: 'driverPhone',
+      formatter: row => getFirstValue(row, ['driverPhone', 'driverMobile', 'driverTel']),
+      minWidth: 140,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '运输方式',
+      prop: 'transportMode',
+      type: 'select',
+      search: true,
+      searchOrder: 1,
+      formatter: row => formatTransportMode(row),
+      ...transportTypeDict,
+      minWidth: 130,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '运输类型',
+      prop: 'transportType',
+      type: 'select',
+      search: true,
+      searchOrder: 20,
+      ...transportTypeDict,
+      minWidth: 130,
+      rules: selectRule('运输类型'),
+    },
+    {
+      label: '过程节点',
+      prop: 'currentProcessNode',
+      minWidth: 140,
+    },
+    {
+      label: '承运类型',
+      prop: 'carrierType',
+      formatter: row => getFirstValue(row, ['carrierTypeName', 'carrierType']),
+      minWidth: 120,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '承运商',
+      prop: 'carrierName',
+      search: true,
+      searchLabel: '承运商名称',
+      searchOrder: 15,
+      minWidth: 150,
+    },
+    {
+      label: '货物信息',
+      prop: 'goodsInfo',
+      formatter: row => formatGoodsInfo(row),
+      minWidth: 260,
+      overHidden: true,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '发货地址',
+      prop: 'departureAddress',
+      search: true,
+      searchOrder: 17,
+      minWidth: 220,
+      rules: textRule('发货地址', 255, true),
+    },
+    {
+      label: '到货地址',
+      prop: 'arrivalAddress',
+      search: true,
+      searchLabel: '收货地址',
+      searchOrder: 16,
+      minWidth: 220,
+      rules: textRule('收货地址', 255, true),
+    },
+    {
+      label: '发货联系人',
+      prop: 'departureContact',
+      minWidth: 120,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '收货联系人',
+      prop: 'arrivalContact',
+      minWidth: 120,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '单价(计价单位)',
+      prop: 'unitPrice',
+      formatter: row => formatUnitPrice(row),
+      minWidth: 140,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '运费',
+      prop: 'freight',
+      formatter: row => formatAmount(row, ['freight', 'freightAmount', 'transportFee']),
+      minWidth: 120,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '其他费用合计',
+      prop: 'otherFeeTotal',
+      formatter: row => formatAmount(row, ['otherFeeTotal', 'otherAmount', 'otherFeeAmount']),
+      minWidth: 140,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '运费合计',
+      prop: 'freightTotal',
+      formatter: row => formatAmount(row, ['freightTotal', 'totalFreight', 'totalAmount']),
+      minWidth: 120,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '客户合同',
+      prop: 'contractName',
+      minWidth: 160,
+      rules: textRule('客户合同', 100, true),
+    },
+    {
+      label: '计划名称',
+      prop: 'planName',
+      search: true,
+      searchOrder: 7,
+      minWidth: 150,
+    },
+    {
+      label: '货物类型',
+      prop: 'cargoType',
+      search: true,
+      searchOrder: 18,
+      formatter: row => formatGoodsField(row, ['cargoType', 'goodsType', 'typeName']),
+      minWidth: 130,
+      rules: textRule('货物类型', 100, true),
+    },
+    {
+      label: '货物名称',
+      prop: 'cargoName',
+      search: true,
+      searchOrder: 19,
+      formatter: row => formatGoodsField(row, ['cargoName', 'goodsName', 'name']),
+      minWidth: 150,
+      rules: textRule('货物名称', 100, true),
+    },
+    {
+      label: '实际发货时间',
+      prop: 'startDate',
+      type: 'datetime',
+      format: 'YYYY-MM-DD HH:mm:ss',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss',
+      minWidth: 170,
+    },
+    {
+      label: '实际完成时间',
+      prop: 'endDate',
+      type: 'datetime',
+      format: 'YYYY-MM-DD HH:mm:ss',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss',
+      minWidth: 170,
+    },
+    {
+      label: '原始单号',
+      prop: 'originalNo',
+      search: true,
+      searchOrder: 12,
+      minWidth: 140,
+    },
+    {
+      label: '运单批次号',
+      prop: 'batchNo',
+      search: true,
+      searchLabel: '运输批次',
+      searchOrder: 3,
+      minWidth: 140,
+    },
+    {
+      label: '预计发货时间',
+      prop: 'estimatedStartTime',
+      type: 'datetime',
+      format: 'YYYY-MM-DD HH:mm:ss',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss',
+      formatter: row => getFirstValue(row, ['estimatedStartTime', 'planStartDate']),
+      minWidth: 170,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '预计完成时间',
+      prop: 'estimatedEndTime',
+      type: 'datetime',
+      format: 'YYYY-MM-DD HH:mm:ss',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss',
+      formatter: row => getFirstValue(row, ['estimatedEndTime', 'planEndDate']),
+      minWidth: 170,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '备注',
+      prop: 'remark',
+      type: 'textarea',
+      minRows: 4,
+      span: 24,
+      minWidth: 180,
+      overHidden: true,
+      maxlength: 500,
+      showWordLimit: true,
+      rules: textRule('备注', 500),
+    },
+    {
+      label: '数据来源',
+      prop: 'dataSource',
+      type: 'select',
+      search: true,
+      searchOrder: 10,
+      dicData: dataSourceOptions,
+      minWidth: 120,
+    },
+    {
+      ...auditColumn('createTime'),
+    },
+    {
+      ...auditColumn('updateTime'),
+    },
+    {
+      label: '状态',
+      prop: 'businessStatus',
+      type: 'select',
+      slot: true,
+      search: true,
+      searchLabel: '状态',
+      searchOrder: 11,
+      dicData: waybillStatusOptions,
+      minWidth: 120,
+      fixed: 'right',
+      addDisplay: false,
+      editDisplay: false,
+    },
+    {
+      label: '实际发货时间',
+      prop: 'startDateRange',
+      type: 'datetime',
+      format: 'YYYY-MM-DD HH:mm:ss',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss',
+      search: true,
+      searchRange: true,
+      searchOrder: 9,
+      hide: true,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '实际完成时间',
+      prop: 'endDateRange',
+      type: 'datetime',
+      format: 'YYYY-MM-DD HH:mm:ss',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss',
+      search: true,
+      searchRange: true,
+      searchOrder: 8,
+      hide: true,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '创建时间',
+      prop: 'createTimeRange',
+      type: 'datetime',
+      format: 'YYYY-MM-DD HH:mm:ss',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss',
+      search: true,
+      searchRange: true,
+      searchOrder: 4,
+      hide: true,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '关联单号',
+      prop: 'relationNo',
+      search: true,
+      searchOrder: 2,
+      minWidth: 140,
+      hide: true,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '货物信息JSON',
+      prop: 'goodsJson',
+      type: 'textarea',
+      minRows: 5,
+      span: 24,
+      hide: true,
+    },
+    {
+      label: '承运信息JSON',
+      prop: 'carrierJson',
+      type: 'textarea',
+      minRows: 4,
+      span: 24,
+      hide: true,
+    },
+    {
+      label: '过程配置JSON',
+      prop: 'processJson',
+      type: 'textarea',
+      minRows: 4,
+      span: 24,
+      hide: true,
+    },
+    {
+      label: '运费信息JSON',
+      prop: 'freightJson',
+      type: 'textarea',
+      minRows: 4,
+      span: 24,
+      hide: true,
+    },
+    {
+      label: '附件JSON',
+      prop: 'attachmentsJson',
+      type: 'textarea',
+      minRows: 3,
+      span: 24,
+      hide: true,
+    },
+    {
+      label: '所属组织',
+      prop: 'deptName',
+      hide: true,
+      minWidth: 150,
+      addDisplay: false,
+      editDisplay: false,
+    },
+    {
+      label: '项目ID',
+      prop: 'projectId',
+      hide: true,
+      display: false,
+    },
+    {
+      label: '客户合同ID',
+      prop: 'contractId',
+      hide: true,
+      display: false,
+    },
+  ]),
+  menuWidth: 320,
+};
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index def5e1d..4b46cab 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -462,20 +462,27 @@
   display: none !important;
 }
 
-// 全站统一：操作栏按钮紧凑间距
+// 全站统一：操作列最多一行展示 4 个按钮，第 5 个开始自动换行
+.avue-crud .el-table td .cell.avue-crud__menu {
+  display: inline-grid;
+  grid-template-columns: repeat(4, max-content);
+  gap: 4px;
+  align-items: center;
+  justify-content: start;
+  text-align: left;
+}
+
+.avue-crud__menu > .el-button,
+.avue-crud__menu > .el-dropdown {
+  margin: 0;
+}
+
 .avue-crud__menu .el-button {
-  margin-left: 4px;
-  margin-right: 0;
   padding-left: 4px;
   padding-right: 4px;
   font-weight: normal;
 }
 
-// 全站统一：操作列内容左对齐（Avue 内置菜单默认右对齐）
-.avue-crud .el-table td .cell.avue-crud__menu {
-  text-align: left;
-}
-
 @media (max-width: 768px) {
   .avue-crud__pagination .el-pagination,
   .empty-pagination .el-pagination,
diff --git a/src/utils/table-menu.js b/src/utils/table-menu.js
new file mode 100644
index 0000000..18ddabf
--- /dev/null
+++ b/src/utils/table-menu.js
@@ -0,0 +1,16 @@
+export const TABLE_MENU_WIDTH = {
+  default: 160,
+  three: 220,
+  four: 320,
+};
+
+export const resolveTableMenuWidth = buttonCount => {
+  if (buttonCount >= 4) return TABLE_MENU_WIDTH.four;
+  if (buttonCount === 3) return TABLE_MENU_WIDTH.three;
+  return TABLE_MENU_WIDTH.default;
+};
+
+export const applyTableMenuWidth = (option, buttonCount) => ({
+  ...option,
+  menuWidth: Math.max(Number(option.menuWidth) || 0, resolveTableMenuWidth(buttonCount)),
+});
diff --git a/src/utils/upload.js b/src/utils/upload.js
new file mode 100644
index 0000000..ea5bea2
--- /dev/null
+++ b/src/utils/upload.js
@@ -0,0 +1,12 @@
+import { Base64 } from 'js-base64';
+import website from '@/config/website';
+import { getToken } from '@/utils/auth';
+
+export function getUploadHeaders(extraHeaders = {}) {
+  return {
+    ...extraHeaders,
+    [website.tokenHeader]: `bearer ${getToken() || ''}`,
+    Authorization: `Basic ${Base64.encode(`${website.clientId}:${website.clientSecret}`)}`,
+    'Blade-Requested-With': 'BladeHttpRequest',
+  };
+}
diff --git a/src/views/base/cargo-type.vue b/src/views/base/cargo-type.vue
index e8c52d4..12cccaf 100644
--- a/src/views/base/cargo-type.vue
+++ b/src/views/base/cargo-type.vue
@@ -129,7 +129,7 @@ import { exportBlob } from '@/api/common';
 import { mapGetters } from 'vuex';
 import { downloadXls } from '@/utils/util';
 import { openImportDialog } from '@/utils/import-excel';
-import { getToken } from '@/utils/auth';
+import { getUploadHeaders } from '@/utils/upload';
 import NProgress from 'nprogress';
 import 'nprogress/nprogress.css';
 import { Plus, Upload, Download, Delete } from '@element-plus/icons-vue';
@@ -265,9 +265,7 @@ export default {
             propsHttp: {
               res: 'data',
             },
-            headers: {
-              'Blade-Auth': `bearer ${getToken()}`,
-            },
+            headers: getUploadHeaders(),
             tip: '请上传 .xls,.xlsx 标准格式文件',
             action: '/blade-system/cargo-type/import-cargo-type',
           },
diff --git a/src/views/base/fee-item.vue b/src/views/base/fee-item.vue
index e06b159..36b37ec 100644
--- a/src/views/base/fee-item.vue
+++ b/src/views/base/fee-item.vue
@@ -1,5 +1,5 @@
 <template>
-  <basic-container>
+  <basic-container class="fee-item-page">
     <avue-crud
       :option="option"
       :table-loading="loading"
@@ -14,20 +14,20 @@
       @row-del="rowDel"
       @search-change="searchChange"
       @search-reset="searchReset"
-      @selection-change="selectionChange"
       @current-change="currentChange"
       @size-change="sizeChange"
       @refresh-change="refreshChange"
       @on-load="onLoad"
     >
       <template #menu-left>
-        <el-button
-          type="danger"
-          icon="el-icon-delete"
-          plain
-          v-if="permission.fee_item_delete"
-          @click="handleDelete"
-          >批量删除
+        <el-button type="primary" plain v-if="permission.fee_item_import" @click="handleImport">
+          <el-icon class="el-icon--left"><Upload /></el-icon>批量导入
+        </el-button>
+        <el-button type="primary" plain v-if="permission.fee_item_template" @click="handleTemplate">
+          <el-icon class="el-icon--left"><Download /></el-icon>下载模板
+        </el-button>
+        <el-button type="primary" plain v-if="permission.fee_item_export" @click="handleExport">
+          <el-icon class="el-icon--left"><Download /></el-icon>批量导出
         </el-button>
       </template>
       <template #status="{ row }">
@@ -35,6 +35,35 @@
           {{ row.status === 1 ? '启用' : '停用' }}
         </el-tag>
       </template>
+      <template #feeCategory-form>
+        <el-select
+          v-model="form.feeCategory"
+          class="fee-item-form-control"
+          clearable
+          filterable
+          placeholder="请选择费用类型"
+          @change="handleFeeCategoryChange"
+        >
+          <el-option
+            v-for="item in feeCategoryOptions"
+            :key="item.id || item.dictKey"
+            :label="item.dictValue"
+            :value="item.dictKey"
+          />
+        </el-select>
+      </template>
+      <template #englishName-form>
+        <el-input
+          v-model="form.englishName"
+          :maxlength="feeItemCodeMaxlength"
+          class="fee-item-form-control"
+          clearable
+          placeholder="请输入费用项代码"
+          @change="handleFeeItemCodeChange"
+        >
+          <template #prepend>{{ feeCategoryPrefix || '费用类型' }}</template>
+        </el-input>
+      </template>
       <template #menu="{ row, index }">
         <el-button
           type="primary"
@@ -44,41 +73,60 @@
         >
           编辑
         </el-button>
-        <el-button
-          type="primary"
-          text
-          v-if="permission.fee_item_status"
-          @click="handleStatus(row)"
-        >
+        <el-button type="primary" text v-if="permission.fee_item_status" @click="handleStatus(row)">
           {{ row.status === 1 ? '停用' : '启用' }}
         </el-button>
       </template>
     </avue-crud>
+
+    <el-dialog title="费用项导入" append-to-body v-model="excelBox" width="555px">
+      <avue-form :option="excelOption" v-model="excelForm">
+        <template #excelTemplate>
+          <el-button type="primary" @click="handleTemplate">
+            点击下载<i class="el-icon-download el-icon--right"></i>
+          </el-button>
+        </template>
+      </avue-form>
+    </el-dialog>
   </basic-container>
 </template>
 
 <script>
 import { getList, getDetail, submit, remove, changeStatus } from '@/api/base/fee-item';
+import { exportBlob } from '@/api/common';
+import { getDictionary } from '@/api/system/dictbiz';
+import { getDeptTree } from '@/api/system/dept';
+import { downloadXls } from '@/utils/util';
+import { openImportDialog } from '@/utils/import-excel';
+import { getToken } from '@/utils/auth';
+import { getUploadHeaders } from '@/utils/upload';
+import { Upload, Download } from '@element-plus/icons-vue';
 import { mapGetters } from 'vuex';
+import NProgress from 'nprogress';
+import 'nprogress/nprogress.css';
 
 export default {
+  components: { Upload, Download },
   data() {
     return {
       form: {},
       query: {},
       loading: true,
       data: [],
+      excelBox: false,
+      excelForm: {},
+      feeCategoryOptions: [],
       page: {
         pageSize: 10,
         currentPage: 1,
         total: 0,
       },
-      selectionList: [],
       option: {
         height: 'auto',
         calcHeight: 32,
-        dialogWidth: 680,
+        dialogWidth: 980,
         labelPosition: 'right',
+        labelWidth: 'auto',
         tip: false,
         searchShow: true,
         searchMenuSpan: 24,
@@ -88,10 +136,11 @@ export default {
         border: true,
         index: true,
         indexLabel: '序号',
+        indexWidth: 70,
         viewBtn: false,
         delBtn: false,
         editBtn: false,
-        selection: true,
+        selection: false,
         dialogClickModal: false,
         menuWidth: 160,
         column: [
@@ -100,8 +149,11 @@ export default {
             prop: 'feeCategory',
             type: 'select',
             search: true,
+            searchOrder: 3,
             filterable: true,
-            dicUrl: '/blade-system/dict/dictionary?code=fee_category',
+            formslot: true,
+            span: 12,
+            dicData: [],
             props: {
               label: 'dictValue',
               value: 'dictKey',
@@ -109,35 +161,56 @@ export default {
             minWidth: 120,
             rules: [{ required: true, message: '请选择费用类型', trigger: 'change' }],
           },
+          {
+            label: '费用项代码',
+            prop: 'englishName',
+            formslot: true,
+            span: 12,
+            minWidth: 160,
+            maxlength: 100,
+            rules: [{ required: true, message: '请输入费用项代码', trigger: 'blur' }],
+          },
           {
             label: '费用项',
             prop: 'name',
             minWidth: 140,
             search: true,
+            searchOrder: 4,
+            span: 12,
             maxlength: 50,
             rules: [{ required: true, message: '请输入费用项', trigger: 'blur' }],
           },
           {
-            label: '费用项代码',
-            prop: 'englishName',
+            label: '组织',
+            prop: 'createDeptName',
             minWidth: 160,
-            search: true,
-            maxlength: 100,
-          },
-          {
-            label: '状态',
-            prop: 'status',
-            type: 'select',
-            search: true,
-            slot: true,
-            dataType: 'number',
-            dicData: [
-              { label: '启用', value: 1 },
-              { label: '停用', value: 2 },
-            ],
             addDisplay: false,
             editDisplay: false,
-            value: 1,
+            viewDisplay: false,
+          },
+          {
+            label: '组织',
+            prop: 'createDept',
+            type: 'select',
+            search: true,
+            searchOrder: 1,
+            hide: true,
+            display: false,
+            filterable: true,
+            dicData: [],
+            props: {
+              label: 'label',
+              value: 'value',
+            },
+          },
+          {
+            label: '更新人',
+            prop: 'updateUserName',
+            minWidth: 120,
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            display: false,
           },
           {
             label: '更新时间',
@@ -161,32 +234,135 @@ export default {
             display: false,
             minWidth: 160,
           },
+          {
+            label: '状态',
+            prop: 'status',
+            type: 'select',
+            search: true,
+            searchOrder: 2,
+            slot: true,
+            dataType: 'number',
+            dicData: [
+              { label: '启用', value: 1 },
+              { label: '停用', value: 2 },
+            ],
+            addDisplay: false,
+            editDisplay: false,
+            value: 1,
+            minWidth: 100,
+          },
+        ],
+      },
+      excelOption: {
+        submitBtn: false,
+        emptyBtn: false,
+        column: [
+          {
+            label: '模板上传',
+            prop: 'excelFile',
+            type: 'upload',
+            drag: true,
+            loadText: '模板上传中，请稍等',
+            span: 24,
+            propsHttp: {
+              res: 'data',
+            },
+            headers: getUploadHeaders(),
+            tip: '请上传 .xls,.xlsx 标准格式文件',
+            action: '/blade-system/fee-item/import-fee-item',
+          },
+          {
+            label: '模板下载',
+            prop: 'excelTemplate',
+            formslot: true,
+            span: 24,
+          },
         ],
       },
     };
   },
+  created() {
+    this.initFeeCategoryOptions();
+    this.initDeptTree();
+  },
   computed: {
-    ...mapGetters(['permission']),
+    ...mapGetters(['permission', 'userInfo']),
+    feeCategoryPrefix() {
+      return this.getFeeCategoryPrefix(this.form.feeCategory);
+    },
+    feeItemCodeMaxlength() {
+      return Math.max(1, 100 - this.feeCategoryPrefix.length);
+    },
     permissionList() {
       return {
         addBtn: this.validData(this.permission.fee_item_add, false),
       };
     },
-    ids() {
-      let ids = [];
-      this.selectionList.forEach(ele => {
-        ids.push(ele.id);
-      });
-      return ids.join(',');
-    },
   },
   methods: {
+    initFeeCategoryOptions() {
+      getDictionary({ code: 'fee_category' }).then(res => {
+        this.feeCategoryOptions = res.data.data || [];
+        const column = this.findColumn(this.option.column, 'feeCategory');
+        column.dicData = this.feeCategoryOptions;
+      });
+    },
+    initDeptTree() {
+      getDeptTree(this.userInfo.tenantId).then(res => {
+        const column = this.findColumn(this.option.column, 'createDept');
+        column.dicData = this.flattenDept(res.data.data || []);
+      });
+    },
+    flattenDept(tree, level = 0) {
+      const result = [];
+      tree.forEach(item => {
+        result.push({
+          label: `${'　'.repeat(level)}${item.title || item.deptName || item.name}`,
+          value: item.id,
+        });
+        if (item.children && item.children.length) {
+          result.push(...this.flattenDept(item.children, level + 1));
+        }
+      });
+      return result;
+    },
+    getFeeCategoryPrefix(value) {
+      const feeCategory = String(value || '').trim();
+      const option = this.feeCategoryOptions.find(
+        item => String(item.dictKey || '') === feeCategory
+      );
+      return String((option && option.dictKey) || feeCategory);
+    },
+    getFeeItemCodeSuffix(code, feeCategory) {
+      const value = String(code || '').trim();
+      const prefix = this.getFeeCategoryPrefix(feeCategory);
+      if (prefix && value.startsWith(prefix)) {
+        return value.slice(prefix.length);
+      }
+      return value;
+    },
+    handleFeeCategoryChange(value) {
+      this.form.feeCategory = value;
+      this.form.englishName = this.getFeeItemCodeSuffix(this.form.englishName, value);
+    },
+    handleFeeItemCodeChange(value) {
+      this.form.englishName = this.getFeeItemCodeSuffix(value, this.form.feeCategory);
+    },
     normalizeRow(row) {
-      row.feeCategory = String(row.feeCategory || '').trim();
-      row.name = String(row.name || '').trim();
-      row.englishName = String(row.englishName || '').trim();
-      if (!row.status) row.status = 1;
-      return row;
+      const values = { ...row };
+      const prefix = this.getFeeCategoryPrefix(values.feeCategory);
+      const code = this.getFeeItemCodeSuffix(values.englishName, values.feeCategory);
+      values.feeCategory = String(values.feeCategory || '').trim();
+      values.name = String(values.name || '').trim();
+      values.englishName = prefix ? `${prefix}${code}` : code;
+      if (!values.status) values.status = 1;
+      return values;
+    },
+    normalizeFormForEdit(row) {
+      const values = { ...row };
+      values.feeCategory = String(values.feeCategory || '').trim();
+      values.englishName = this.getFeeItemCodeSuffix(values.englishName, values.feeCategory);
+      return values;
     },
     rowSave(row, done, loading) {
       submit(this.normalizeRow(row)).then(
@@ -226,23 +402,6 @@ export default {
           this.$message({ type: 'success', message: '操作成功!' });
         });
     },
-    handleDelete() {
-      if (this.selectionList.length === 0) {
-        this.$message.warning('请选择至少一条数据');
-        return;
-      }
-      this.$confirm('确定将选择数据删除?', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-      })
-        .then(() => remove(this.ids))
-        .then(() => {
-          this.onLoad(this.page);
-          this.$message({ type: 'success', message: '操作成功!' });
-          this.$refs.crud.toggleSelection();
-        });
-    },
     handleStatus(row) {
       const nextStatus = row.status === 1 ? 2 : 1;
       const actionName = nextStatus === 1 ? '启用' : '停用';
@@ -260,12 +419,13 @@ export default {
     beforeOpen(done, type) {
       if (['edit', 'view'].includes(type)) {
         getDetail(this.form.id).then(res => {
-          this.form = res.data.data;
+          this.form = this.normalizeFormForEdit(res.data.data || {});
           done();
         });
         return;
       }
       this.form.status = 1;
+      this.form.englishName = '';
       done();
     },
     searchReset() {
@@ -278,13 +438,6 @@ export default {
       this.onLoad(this.page, params);
       done();
     },
-    selectionChange(list) {
-      this.selectionList = list;
-    },
-    selectionClear() {
-      this.selectionList = [];
-      this.$refs.crud.toggleSelection();
-    },
     currentChange(currentPage) {
       this.page.currentPage = currentPage;
     },
@@ -294,6 +447,42 @@ export default {
     refreshChange() {
       this.onLoad(this.page, this.query);
     },
+    handleImport() {
+      openImportDialog(this, '费用项');
+    },
+    buildExportParams() {
+      return {
+        ...this.query,
+        [this.website.tokenHeader]: getToken(),
+      };
+    },
+    handleExport() {
+      this.$confirm('是否导出费用项数据?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(() => {
+        NProgress.start();
+        exportBlob('/blade-system/fee-item/export-fee-item', this.buildExportParams(), {
+          feedback: true,
+        })
+          .then(res => {
+            downloadXls(res.data, `费用项${this.$dayjs().format('YYYY-MM-DD HH:mm:ss')}.xlsx`);
+          })
+          .finally(() => {
+            NProgress.done();
+          });
+      });
+    },
+    handleTemplate() {
+      exportBlob(
+        `/blade-system/fee-item/export-template?${this.website.tokenHeader}=${getToken()}`,
+        undefined,
+        { feedback: true }
+      ).then(res => {
+        downloadXls(res.data, '费用项模板.xlsx');
+      });
+    },
     onLoad(page, params = {}) {
       this.loading = true;
       getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
@@ -301,9 +490,25 @@ export default {
         this.page.total = data.total;
         this.data = data.records;
         this.loading = false;
-        this.selectionClear();
       });
     },
   },
 };
 </script>
+
+<style scoped>
+.fee-item-page :deep(.avue-crud__dialog .avue-form__row),
+.fee-item-page :deep(.avue-crud__dialog .el-row) {
+  margin-left: -36px;
+  margin-right: -36px;
+}
+
+.fee-item-page :deep(.avue-crud__dialog .el-col) {
+  padding-left: 36px;
+  padding-right: 36px;
+}
+
+.fee-item-form-control {
+  width: 100%;
+}
+</style>
diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index 625b886..985dac2 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -27,7 +27,7 @@
           plain
           v-if="canCreate"
           @click="$refs.crud.rowAdd()"
-          >新增
+          >{{ config.createText || '新增' }}
         </el-button>
         <el-button
           type="primary"
@@ -35,7 +35,7 @@
           plain
           v-if="config.importUrl && hasPermission(`${config.permission}_import`) && !readonlyScope"
           @click="handleImport"
-          >批量导入
+          >{{ config.importText || '批量导入' }}
         </el-button>
         <el-button
           type="primary"
@@ -61,24 +61,26 @@
           @click="handleBatchComplete"
           >批量完成
         </el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-truck"
+          plain
+          v-if="canRoadLoading"
+          @click="handleRoadLoading"
+          >{{ config.roadLoadingText || '公路配载' }}
+        </el-button>
         <el-button
           type="danger"
           icon="el-icon-delete"
           plain
-          v-if="hasPermission(`${config.permission}_delete`) && !readonlyScope"
+          v-if="
+            config.batchDelete !== false &&
+            hasPermission(`${config.permission}_delete`) &&
+            !readonlyScope
+          "
           @click="handleDelete"
           >批量删除
         </el-button>
-        <el-switch
-          v-if="config.enableAllDept && canViewAllDept"
-          v-model="allDept"
-          class="business-crud-page__scope"
-          active-text="全部组织"
-          inactive-text="当前组织"
-          :active-value="1"
-          :inactive-value="0"
-          @change="handleScopeChange"
-        />
       </template>
 
       <template #status="{ row }">
@@ -99,6 +101,746 @@
         </el-tag>
       </template>
 
+      <template #basicInfoTitle-form>
+        <div class="dialog-section-title">基本信息</div>
+      </template>
+
+      <template #contractCategory-label>合同类型</template>
+
+      <template #projectName-form>
+        <el-select
+          v-model="selectedProjectId"
+          class="business-crud-page__field"
+          placeholder="请选择项目名称"
+          filterable
+          clearable
+          :loading="projectLoading"
+          :disabled="dialogReadonly"
+          @visible-change="visible => visible && loadProjectOptions()"
+          @change="handleProjectChange"
+        >
+          <el-option
+            v-for="item in projectOptions"
+            :key="item.id"
+            :label="item.projectName"
+            :value="item.id"
+          />
+        </el-select>
+      </template>
+
+      <template #contractName-form>
+        <el-select
+          v-model="form.contractId"
+          class="business-crud-page__field"
+          placeholder="请选择客户合同"
+          filterable
+          clearable
+          :loading="contractLoading"
+          :disabled="dialogReadonly || !form.projectId"
+          @visible-change="visible => visible && loadContractOptionsForProject()"
+          @change="handleContractChange"
+        >
+          <el-option
+            v-for="item in contractOptions"
+            :key="item.id"
+            :label="item.contractName"
+            :value="item.id"
+          />
+        </el-select>
+      </template>
+
+      <template #shippingInfoTitle-form>
+        <div
+          class="dialog-section-title dialog-section-title--action business-crud-page__shipping-title"
+        >
+          <span>收发货信息</span>
+          <el-button
+            v-if="!dialogReadonly"
+            type="primary"
+            text
+            :disabled="transportAddressSelectDisabled"
+            @click="openTransportRouteDialog"
+          >
+            选择线路
+          </el-button>
+        </div>
+      </template>
+
+      <template #departureAddress-form>
+        <div class="business-crud-page__route-address-row">
+          <el-input
+            v-model="form.departureName"
+            readonly
+            :placeholder="transportStationNamePlaceholder"
+            :suffix-icon="transportStationMode ? Search : undefined"
+            :disabled="transportAddressSelectDisabled"
+            @click="openTransportPrimaryAddressPicker('departure')"
+          />
+          <el-input
+            v-model="form.departureAddress"
+            readonly
+            :placeholder="transportAddressDetailPlaceholder"
+            :suffix-icon="transportStationMode ? undefined : Location"
+            :disabled="transportAddressSelectDisabled"
+            @click="openTransportSecondaryAddressPicker('departure')"
+          />
+          <el-tooltip content="选择常用地址" placement="top">
+            <el-button
+              type="primary"
+              :icon="List"
+              link
+              :disabled="transportAddressSelectDisabled"
+              @click="openTransportAddressDialog('departure')"
+            />
+          </el-tooltip>
+          <span class="business-crud-page__route-label">联系人</span>
+          <el-input
+            v-model="form.departureContact"
+            placeholder="请输入"
+            :disabled="dialogReadonly"
+          />
+          <span class="business-crud-page__route-label">联系方式</span>
+          <el-input v-model="form.departurePhone" placeholder="请输入" :disabled="dialogReadonly" />
+        </div>
+      </template>
+
+      <template #arrivalAddress-form>
+        <div class="business-crud-page__route-address-row">
+          <el-input
+            v-model="form.arrivalName"
+            readonly
+            :placeholder="transportStationNamePlaceholder"
+            :suffix-icon="transportStationMode ? Search : undefined"
+            :disabled="transportAddressSelectDisabled"
+            @click="openTransportPrimaryAddressPicker('arrival')"
+          />
+          <el-input
+            v-model="form.arrivalAddress"
+            readonly
+            :placeholder="transportAddressDetailPlaceholder"
+            :suffix-icon="transportStationMode ? undefined : Location"
+            :disabled="transportAddressSelectDisabled"
+            @click="openTransportSecondaryAddressPicker('arrival')"
+          />
+          <el-tooltip content="选择常用地址" placement="top">
+            <el-button
+              type="primary"
+              :icon="List"
+              link
+              :disabled="transportAddressSelectDisabled"
+              @click="openTransportAddressDialog('arrival')"
+            />
+          </el-tooltip>
+          <span class="business-crud-page__route-label">联系人</span>
+          <el-input v-model="form.arrivalContact" placeholder="请输入" :disabled="dialogReadonly" />
+          <span class="business-crud-page__route-label">联系方式</span>
+          <el-input v-model="form.arrivalPhone" placeholder="请输入" :disabled="dialogReadonly" />
+        </div>
+      </template>
+
+      <template #goodsInfoTitle-form>
+        <div
+          class="dialog-section-title dialog-section-title--action business-crud-page__goods-title"
+        >
+          <span>货物信息</span>
+          <div v-if="!dialogReadonly" class="business-crud-page__section-actions">
+            <el-button type="primary" text @click="cargoImportBox = true">导入货物</el-button>
+            <el-button type="primary" text @click="openCommonCargoDialog">常用货物</el-button>
+          </div>
+        </div>
+      </template>
+
+      <template #goodsJson-form>
+        <div class="business-crud-page__cargo-wrap">
+          <el-table
+            :data="transportCargoRows"
+            border
+            class="business-crud-page__cargo-table"
+            empty-text="暂无货物信息"
+          >
+            <el-table-column type="index" label="序号" width="70" align="center" fixed="left" />
+            <el-table-column label="货物名称" min-width="150" align="center">
+              <template #default="{ row }">
+                <el-input v-model="row.cargoName" placeholder="请输入" :disabled="dialogReadonly" />
+              </template>
+            </el-table-column>
+            <el-table-column min-width="220" align="center">
+              <template #header>
+                <span class="business-crud-page__required-column">货物类型</span>
+              </template>
+              <template #default="{ row }">
+                <el-cascader
+                  v-model="row.cargoTypePath"
+                  :options="transportCargoTypeOptions"
+                  :props="transportCargoTypeCascaderProps"
+                  placeholder="请选择"
+                  clearable
+                  filterable
+                  :disabled="dialogReadonly"
+                  :filter-method="filterBillingCargoType"
+                  @visible-change="visible => visible && ensureBillingCargoTypeOptions()"
+                  @change="value => handleTransportCargoTypeChange(row, value)"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column label="数量" min-width="120" align="center">
+              <template #default="{ row }">
+                <el-input
+                  v-model="row.quantity"
+                  placeholder="请输入"
+                  :disabled="dialogReadonly"
+                  @input="value => handleTransportCargoQuantityInput(row, value)"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column label="数量单位" min-width="120" align="center">
+              <template #default="{ row }">
+                <el-select v-model="row.quantityUnit" clearable :disabled="dialogReadonly">
+                  <el-option
+                    v-for="item in quantityUnitOptions"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column label="包装" min-width="120" align="center">
+              <template #default="{ row }">
+                <el-select v-model="row.packageType" clearable :disabled="dialogReadonly">
+                  <el-option
+                    v-for="item in packageOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column label="品牌" min-width="130" align="center">
+              <template #default="{ row }">
+                <el-input v-model="row.brand" placeholder="请输入" :disabled="dialogReadonly" />
+              </template>
+            </el-table-column>
+            <el-table-column label="规格" min-width="130" align="center">
+              <template #default="{ row }">
+                <el-input
+                  v-model="row.specification"
+                  placeholder="请输入"
+                  :disabled="dialogReadonly"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column label="型号" min-width="130" align="center">
+              <template #default="{ row }">
+                <el-input v-model="row.model" placeholder="请输入" :disabled="dialogReadonly" />
+              </template>
+            </el-table-column>
+            <el-table-column label="物料编码" min-width="150" align="center">
+              <template #default="{ row }">
+                <el-input
+                  v-model="row.materialCode"
+                  placeholder="请输入"
+                  :disabled="dialogReadonly"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column label="设备编码" min-width="150" align="center">
+              <template #default="{ row }">
+                <el-input
+                  v-model="row.deviceCode"
+                  placeholder="请输入"
+                  :disabled="dialogReadonly"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" min-width="180" align="center">
+              <template #default="{ row }">
+                <el-input v-model="row.remark" placeholder="请输入" :disabled="dialogReadonly" />
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" width="140" align="center" fixed="right">
+              <template #default="{ $index }">
+                <el-button
+                  v-if="!dialogReadonly"
+                  type="primary"
+                  text
+                  @click="addTransportCargoRow($index)"
+                >
+                  新增
+                </el-button>
+                <el-button
+                  v-if="!dialogReadonly"
+                  type="primary"
+                  text
+                  @click="removeTransportCargoRow($index)"
+                >
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="business-crud-page__cargo-total">
+            运输数量合计：{{ transportCargoQuantityTotal }}
+          </div>
+        </div>
+      </template>
+
+      <template #organizationName-form>
+        <el-cascader
+          v-model="selectedOrganizationId"
+          class="business-crud-page__field"
+          placeholder="请选择所属组织"
+          :options="organizationOptions"
+          :props="organizationCascaderProps"
+          clearable
+          filterable
+          :show-all-levels="false"
+          :disabled="dialogReadonly"
+          @visible-change="visible => visible && loadOrganizationOptions()"
+          @change="handleOrganizationChange"
+        />
+      </template>
+
+      <template #applyLimit-form>
+        <el-input
+          v-model="form.applyLimit"
+          class="business-crud-page__field"
+          placeholder="请输入申请临时额度"
+          :disabled="dialogReadonly"
+          @input="value => handleAmountInput('applyLimit', value)"
+        />
+      </template>
+
+      <template #contractPeriod-form>
+        <div class="business-crud-page__date-range">
+          <el-date-picker
+            v-model="form.startDate"
+            class="business-crud-page__date"
+            type="date"
+            placeholder="YYYY-MM-DD"
+            format="YYYY-MM-DD"
+            value-format="YYYY-MM-DD"
+            :disabled="dialogReadonly"
+            @change="handleContractDateChange"
+          />
+          <span class="business-crud-page__date-separator">至</span>
+          <el-date-picker
+            v-model="form.endDate"
+            class="business-crud-page__date"
+            type="date"
+            placeholder="YYYY-MM-DD"
+            format="YYYY-MM-DD"
+            value-format="YYYY-MM-DD"
+            :disabled="dialogReadonly"
+            @change="handleContractDateChange"
+          />
+        </div>
+      </template>
+
+      <template #copyCount-form>
+        <div class="business-crud-page__inline-number">
+          <el-input
+            v-model="form.copyCount"
+            placeholder="请输入"
+            :disabled="dialogReadonly"
+            @input="value => handleIntegerInput('copyCount', value)"
+          />
+          <span>份</span>
+        </div>
+      </template>
+
+      <template #paymentDays-form>
+        <div class="business-crud-page__inline-number">
+          <el-input
+            v-model="form.paymentDays"
+            placeholder="请输入"
+            :disabled="dialogReadonly"
+            @input="value => handleIntegerInput('paymentDays', value)"
+          />
+          <span>天</span>
+        </div>
+      </template>
+
+      <template #contractFileTitle-form>
+        <div class="dialog-section-title">合同文件</div>
+      </template>
+
+      <template #contractFileJson-form>
+        <div class="business-crud-page__attachment">
+          <div class="business-crud-page__attachment-head">
+            <vehicle-attachment-upload
+              v-model="contractFileRows"
+              :readonly="dialogReadonly"
+              :file-types="attachmentFileTypes"
+              :max-size="500"
+              :show-tip="false"
+              :show-file-list="false"
+              button-text="上传附件"
+              @change="handleContractFileChange"
+            />
+          </div>
+          <el-table :data="contractFileRows" border class="business-crud-page__attachment-table">
+            <el-table-column type="index" label="序号" width="70" align="center" />
+            <el-table-column label="文件名" min-width="240" align="center" show-overflow-tooltip>
+              <template #default="{ row }">{{ row.originalName || row.name }}</template>
+            </el-table-column>
+            <el-table-column label="文件大小" width="120" align="center">
+              <template #default="{ row }">{{ formatFileSize(row.size) }}</template>
+            </el-table-column>
+            <el-table-column prop="uploadUserName" label="上传人" width="140" align="center" />
+            <el-table-column prop="uploadTime" label="上传时间" width="170" align="center" />
+            <el-table-column label="操作" width="120" align="center">
+              <template #default="{ row, $index }">
+                <el-button
+                  v-if="!dialogReadonly"
+                  type="primary"
+                  text
+                  @click="removeContractFile($index)"
+                >
+                  删除
+                </el-button>
+                <el-button v-else type="primary" text @click="downloadAttachment(row)">
+                  下载
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </template>
+
+      <template #billingInfoTitle-form>
+        <div class="dialog-section-title">计费信息</div>
+      </template>
+
+      <template #billingPlanJson-form>
+        <div class="business-crud-page__billing">
+          <div class="business-crud-page__billing-head">
+            <div class="business-crud-page__billing-switch">
+              <span>自动生成费用明细</span>
+              <el-radio-group v-model="form.billingEnabled" :disabled="dialogReadonly">
+                <el-radio :label="1">开启</el-radio>
+                <el-radio :label="0">关闭</el-radio>
+              </el-radio-group>
+            </div>
+            <el-button v-if="!dialogReadonly" type="primary" @click="openBillingPlan()">
+              添加
+            </el-button>
+          </div>
+          <el-table :data="billingPlanRows" border class="business-crud-page__billing-table">
+            <el-table-column type="index" label="序号" width="80" align="center" />
+            <el-table-column prop="planName" label="方案名称" min-width="220" align="center" />
+            <el-table-column label="默认方案" width="140" align="center">
+              <template #default="{ row }">{{ row.defaultPlan ? '是' : '' }}</template>
+            </el-table-column>
+            <el-table-column
+              prop="remark"
+              label="备注"
+              min-width="260"
+              align="center"
+              show-overflow-tooltip
+            />
+            <el-table-column label="操作" width="180" align="center">
+              <template #default="{ row, $index }">
+                <el-button type="primary" text @click="openBillingPlan(row, $index)">
+                  编辑
+                </el-button>
+                <el-button
+                  v-if="!dialogReadonly"
+                  type="primary"
+                  text
+                  @click="removeBillingPlan($index)"
+                >
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </template>
+
+      <template #settlementRuleTitle-form>
+        <div class="dialog-section-title">结算生成规则</div>
+      </template>
+
+      <template #settlementRuleJson-form>
+        <div class="business-crud-page__settlement-rule">
+          <div class="business-crud-page__settlement-switch">
+            <span>自动生成结算单</span>
+            <el-radio-group v-model="settlementRuleForm.autoGenerate" :disabled="dialogReadonly">
+              <el-radio :label="1">开启</el-radio>
+              <el-radio :label="0">关闭</el-radio>
+            </el-radio-group>
+          </div>
+          <el-form
+            :model="settlementRuleForm"
+            label-position="right"
+            label-width="auto"
+            class="business-crud-page__module-form business-crud-page__module-form--three"
+          >
+            <el-form-item label="账单起始日期" required>
+              <el-date-picker
+                v-model="settlementRuleForm.billStartDate"
+                type="date"
+                placeholder="请选择账单起始日期"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                :disabled="dialogReadonly"
+              />
+            </el-form-item>
+            <el-form-item label="结算类型" required>
+              <el-select
+                v-model="settlementRuleForm.settlementType"
+                placeholder="请选择结算类型"
+                :disabled="dialogReadonly"
+                @change="handleSettlementTypeChange"
+              >
+                <el-option
+                  v-for="item in settlementTypeOptions"
+                  :key="item"
+                  :label="item"
+                  :value="item"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="showSettlementBillCycleType" label="账单周期类型" required>
+              <el-select
+                v-model="settlementRuleForm.billCycleType"
+                placeholder="请选择账单周期类型"
+                :disabled="dialogReadonly"
+                @change="handleSettlementBillCycleTypeChange"
+              >
+                <el-option
+                  v-for="item in billCycleTypeOptions"
+                  :key="item"
+                  :label="item"
+                  :value="item"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="showSettlementBillCutoffDay" label="账单截单日">
+              <el-select
+                v-model="settlementRuleForm.billCutoffDay"
+                placeholder="请选择账单截单日"
+                :disabled="dialogReadonly"
+              >
+                <el-option
+                  v-for="item in billCutoffDayOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="showSettlementCycleDays" label="周期天数" required>
+              <el-select
+                v-model="settlementRuleForm.cycleDays"
+                placeholder="请选择周期天数"
+                :disabled="dialogReadonly"
+              >
+                <el-option
+                  v-for="item in cycleDayOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-form>
+        </div>
+      </template>
+
+      <template #reconciliationTitle-form>
+        <div class="dialog-section-title">对账配置</div>
+      </template>
+
+      <template #reconciliationJson-form>
+        <el-form
+          :model="reconciliationForm"
+          label-position="right"
+          label-width="auto"
+          class="business-crud-page__module-form business-crud-page__module-form--two"
+        >
+          <el-form-item label="是否跳过对账" required>
+            <el-select
+              v-model="reconciliationForm.skipReconciliation"
+              placeholder="请选择是否跳过对账"
+              :disabled="dialogReadonly"
+            >
+              <el-option label="是" :value="1" />
+              <el-option label="否" :value="0" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="对账模式" required>
+            <el-select
+              v-model="reconciliationForm.reconciliationMode"
+              placeholder="请选择对账模式"
+              :disabled="dialogReadonly"
+            >
+              <el-option
+                v-for="item in reconciliationModeOptions"
+                :key="item"
+                :label="item"
+                :value="item"
+              />
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </template>
+
+      <template #attachmentTitle-form>
+        <div class="dialog-section-title">{{ config.attachmentTitle || '其它附件' }}</div>
+      </template>
+
+      <template #attachmentsJson-form>
+        <div class="business-crud-page__attachment">
+          <div class="business-crud-page__attachment-head">
+            <vehicle-attachment-upload
+              v-model="attachmentRows"
+              :readonly="dialogReadonly"
+              :file-types="attachmentFileTypes"
+              :max-size="500"
+              :show-tip="false"
+              :show-file-list="false"
+              button-text="上传附件"
+              @change="handleAttachmentChange"
+            />
+            <el-button
+              type="primary"
+              :disabled="!attachmentRows.length"
+              @click="handleBatchDownload"
+            >
+              批量下载
+            </el-button>
+          </div>
+          <el-table :data="attachmentRows" border class="business-crud-page__attachment-table">
+            <el-table-column type="index" label="序号" width="70" align="center" />
+            <el-table-column label="文件名" min-width="200" align="center" show-overflow-tooltip>
+              <template #default="{ row }">{{ row.originalName || row.name }}</template>
+            </el-table-column>
+            <el-table-column label="附件描述" min-width="220" align="center">
+              <template #default="{ row }">
+                <el-input
+                  v-model="row.description"
+                  placeholder="请输入附件描述"
+                  :disabled="dialogReadonly"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column label="文件大小" width="110" align="center">
+              <template #default="{ row }">{{ formatFileSize(row.size) }}</template>
+            </el-table-column>
+            <el-table-column prop="uploadUserName" label="上传人" width="140" align="center" />
+            <el-table-column prop="uploadTime" label="上传时间" width="160" align="center" />
+            <el-table-column label="操作" width="100" align="center">
+              <template #default="{ row, $index }">
+                <el-button
+                  v-if="!dialogReadonly"
+                  type="primary"
+                  text
+                  @click="removeAttachment($index)"
+                >
+                  删除
+                </el-button>
+                <el-button v-else type="primary" text @click="downloadAttachment(row)">
+                  下载
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </template>
+
+      <template #changeRecordTitle-form>
+        <div class="dialog-section-title">变更记录</div>
+      </template>
+
+      <template #changeRecordJson-form>
+        <el-table :data="changeRecordRows" border class="business-crud-page__change-table">
+          <el-table-column type="index" label="序号" width="70" align="center" />
+          <el-table-column prop="changeDate" label="变更日期" min-width="150" align="center" />
+          <el-table-column prop="handlerUserName" label="经办人" min-width="140" align="center" />
+          <el-table-column prop="changeType" label="变更类型" min-width="160" align="center" />
+          <el-table-column
+            prop="changeReason"
+            label="变更原因"
+            min-width="240"
+            align="center"
+            show-overflow-tooltip
+          />
+          <el-table-column prop="statusName" label="状态" min-width="140" align="center" />
+          <el-table-column label="操作" width="120" align="center">
+            <template #default="{ row }">
+              <el-button type="primary" text @click="handleChangeRecordFlow(row)"> 流程 </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </template>
+
+      <template #menu-form-before>
+        <el-button
+          v-if="config.enableDraftSave && !dialogReadonly"
+          type="primary"
+          plain
+          :loading="draftSaveLoading"
+          @click="handleDraftSave"
+        >
+          保存
+        </el-button>
+      </template>
+
+      <template #menu-form>
+        <div v-if="showTransportPlanCreateActions" class="business-crud-page__create-actions">
+          <el-button :disabled="Boolean(transportPlanCreateActionLoading)" @click="closeCrudDialog">
+            关闭
+          </el-button>
+          <el-button
+            type="primary"
+            plain
+            :loading="transportPlanCreateActionLoading === 'draft'"
+            :disabled="Boolean(transportPlanCreateActionLoading)"
+            @click="handleTransportPlanCreateAction('draft')"
+          >
+            暂存
+          </el-button>
+          <el-button
+            type="primary"
+            :loading="transportPlanCreateActionLoading === 'create'"
+            :disabled="Boolean(transportPlanCreateActionLoading)"
+            @click="handleTransportPlanCreateAction('create')"
+          >
+            确认创建
+          </el-button>
+        </div>
+        <div v-if="showContractCreateActions" class="business-crud-page__contract-actions">
+          <el-button
+            type="primary"
+            plain
+            :loading="contractCreateActionLoading === 'draft'"
+            :disabled="Boolean(contractCreateActionLoading)"
+            @click="handleContractCreateAction('draft')"
+          >
+            保存
+          </el-button>
+          <el-button
+            type="primary"
+            :loading="contractCreateActionLoading === 'temporary'"
+            :disabled="Boolean(contractCreateActionLoading)"
+            @click="handleContractCreateAction('temporary')"
+          >
+            提交临时合同
+          </el-button>
+          <el-button
+            type="primary"
+            :loading="contractCreateActionLoading === 'formal'"
+            :disabled="Boolean(contractCreateActionLoading)"
+            @click="handleContractCreateAction('formal')"
+          >
+            提交正式合同
+          </el-button>
+        </div>
+      </template>
+
       <template #contractStage="{ row }">
         <el-tag :type="stageTagType(row.contractStage)">
           {{ displayStatus(row, 'contractStage') }}
@@ -106,52 +848,80 @@
       </template>
 
       <template #menu="{ row, index }">
-        <el-button
-          type="primary"
-          text
-          v-if="hasPermission(`${config.permission}_view`)"
-          @click="$refs.crud.rowView(row, index)"
-        >
-          查看
-        </el-button>
-        <el-button
-          type="primary"
-          text
-          v-if="canEdit(row)"
-          @click="$refs.crud.rowEdit(row, index)"
-        >
-          编辑
-        </el-button>
-        <el-button type="primary" text v-if="canCopy(row)" @click="handleCopy(row)">
-          复制
-        </el-button>
-        <el-button type="primary" text v-if="canEnable(row)" @click="handleAction('enable', row)">
-          启用
-        </el-button>
-        <el-button type="primary" text v-if="canDisable(row)" @click="handleAction('disable', row)">
-          停用
-        </el-button>
-        <el-button type="primary" text v-if="canReassign(row)" @click="handleAction('reassign', row)">
-          重新派单
-        </el-button>
-        <el-button type="primary" text v-if="canCancel(row)" @click="handleAction('cancel', row)">
-          取消
-        </el-button>
-        <el-button type="primary" text v-if="canComplete(row)" @click="handleAction('complete', row)">
-          完成
-        </el-button>
-        <el-button
-          v-for="operation in customOperations(row)"
-          :key="operation.action"
-          :type="operation.type || 'primary'"
-          text
-          @click="handleCustomOperation(operation, row)"
-        >
-          {{ operation.label }}
-        </el-button>
-        <el-button type="primary" text v-if="canDelete(row)" @click="rowDel(row)">
-          删除
-        </el-button>
+        <template v-if="config.customMenuActions">
+          <el-button
+            v-for="action in menuActions(row)"
+            :key="action.key"
+            :type="action.type || 'primary'"
+            text
+            @click="handleMenuAction(action, row, index)"
+          >
+            {{ action.label }}
+          </el-button>
+        </template>
+        <template v-else>
+          <el-button
+            type="primary"
+            text
+            v-if="hasPermission(`${config.permission}_view`)"
+            @click="$refs.crud.rowView(row, index)"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="primary"
+            text
+            v-if="canEdit(row)"
+            @click="$refs.crud.rowEdit(row, index)"
+          >
+            编辑
+          </el-button>
+          <el-button type="primary" text v-if="canCopy(row)" @click="handleCopy(row)">
+            复制
+          </el-button>
+          <el-button type="primary" text v-if="canEnable(row)" @click="handleAction('enable', row)">
+            启用
+          </el-button>
+          <el-button
+            type="primary"
+            text
+            v-if="canDisable(row)"
+            @click="handleAction('disable', row)"
+          >
+            停用
+          </el-button>
+          <el-button
+            type="primary"
+            text
+            v-if="canReassign(row)"
+            @click="handleAction('reassign', row)"
+          >
+            重新派单
+          </el-button>
+          <el-button type="primary" text v-if="canCancel(row)" @click="handleAction('cancel', row)">
+            取消
+          </el-button>
+          <el-button
+            type="primary"
+            text
+            v-if="canComplete(row)"
+            @click="handleAction('complete', row)"
+          >
+            完成
+          </el-button>
+          <el-button
+            v-for="operation in customOperations(row)"
+            :key="operation.action"
+            :type="operation.type || 'primary'"
+            text
+            @click="handleCustomOperation(operation, row)"
+          >
+            {{ operation.label }}
+          </el-button>
+          <el-button type="primary" text v-if="canDelete(row)" @click="rowDel(row)">
+            删除
+          </el-button>
+        </template>
       </template>
     </avue-crud>
 
@@ -162,6 +932,841 @@
       @load="onLoad(page, query)"
     />
 
+    <flow-design
+      v-if="website.design.designMode"
+      is-dialog
+      v-model:is-display="flowBox"
+      :process-instance-id="processInstanceId"
+    />
+    <el-dialog v-else title="流程图" append-to-body v-model="flowBox" :fullscreen="true">
+      <iframe
+        :src="flowUrl"
+        width="100%"
+        height="700"
+        title="流程图"
+        frameBorder="no"
+        border="0"
+        marginWidth="0"
+        marginHeight="0"
+        scrolling="no"
+        allowTransparency="yes"
+      />
+      <template #footer>
+        <el-button @click="flowBox = false">关闭</el-button>
+      </template>
+    </el-dialog>
+
+    <el-dialog
+      :title="billingPlanMode === 'edit' ? '编辑计费方案' : '添加计费方案'"
+      append-to-body
+      v-model="billingPlanBox"
+      width="96%"
+      class="business-crud-page__billing-dialog"
+    >
+      <el-form
+        ref="billingPlanFormRef"
+        :model="billingPlanForm"
+        :rules="billingPlanRules"
+        label-position="right"
+        label-width="auto"
+      >
+        <div class="business-crud-page__billing-form-row">
+          <el-form-item label="方案名称" prop="planName" required>
+            <el-input
+              v-model="billingPlanForm.planName"
+              maxlength="100"
+              :disabled="dialogReadonly"
+            />
+          </el-form-item>
+          <el-form-item label="" class="business-crud-page__billing-default">
+            <el-checkbox v-model="billingPlanForm.defaultPlan" :disabled="dialogReadonly">
+              默认方案
+            </el-checkbox>
+          </el-form-item>
+        </div>
+        <el-form-item label="备注">
+          <el-input
+            v-model="billingPlanForm.remark"
+            maxlength="100"
+            show-word-limit
+            :disabled="dialogReadonly"
+          />
+        </el-form-item>
+      </el-form>
+
+      <div class="business-crud-page__billing-rule-head">
+        <el-button v-if="!dialogReadonly" type="primary" text @click="addBillingRule">
+          +添加规则
+        </el-button>
+      </div>
+      <div class="business-crud-page__billing-rule-wrap">
+        <el-table
+          :data="billingPlanForm.rules"
+          border
+          class="business-crud-page__billing-rule-table"
+        >
+          <el-table-column type="index" label="序号" width="70" align="center" fixed="left" />
+          <el-table-column width="180" align="center">
+            <template #header>
+              <span class="business-crud-page__required-column">费用类型</span>
+            </template>
+            <template #default="{ row }">
+              <el-select
+                v-model="row.feeType"
+                class="business-crud-page__billing-field"
+                clearable
+                filterable
+                :disabled="dialogReadonly"
+                :loading="billingFeeCategoryLoading"
+                placeholder="请选择"
+                @change="value => handleBillingFeeTypeChange(row, value)"
+              >
+                <el-option
+                  v-for="item in billingFeeCategoryOptions"
+                  :key="item.id || item.dictKey"
+                  :label="item.dictValue"
+                  :value="item.dictKey"
+                />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column width="210" align="center">
+            <template #header>
+              <span class="business-crud-page__required-column">费用项</span>
+            </template>
+            <template #default="{ row }">
+              <el-select
+                v-model="row.feeItem"
+                class="business-crud-page__billing-field"
+                clearable
+                filterable
+                :disabled="dialogReadonly || !row.feeType"
+                :loading="billingFeeItemLoadingMap[resolveBillingFeeType(row.feeType)]"
+                :placeholder="row.feeType ? '请选择' : '请先选择费用类型'"
+              >
+                <el-option
+                  v-for="item in getBillingFeeItemOptions(row.feeType)"
+                  :key="item.id || item.name || item.englishName"
+                  :label="item.name || item.englishName"
+                  :value="item.name || item.englishName"
+                />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column width="170" align="center">
+            <template #header>
+              <span class="business-crud-page__required-column">计费要素</span>
+            </template>
+            <template #default="{ row }">
+              <el-select
+                v-model="row.billingElement"
+                :disabled="dialogReadonly"
+                placeholder="请选择"
+                @change="handleBillingElementChange(row)"
+              >
+                <el-option
+                  v-for="item in billingElementOptions"
+                  :key="item"
+                  :label="item"
+                  :value="item"
+                />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column width="180" align="center">
+            <template #header>
+              <span class="business-crud-page__required-column">计费类型</span>
+            </template>
+            <template #default="{ row }">
+              <el-select
+                v-model="row.billingType"
+                :disabled="dialogReadonly || !row.billingElement"
+                :placeholder="row.billingElement ? '请选择' : '请先选择计费要素'"
+                @change="handleBillingTypeChange(row)"
+              >
+                <el-option
+                  v-for="item in getBillingTypeOptions(row)"
+                  :key="item"
+                  :label="item"
+                  :value="item"
+                />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column width="150" align="center">
+            <template #header>
+              <span class="business-crud-page__required-column">计费单位</span>
+            </template>
+            <template #default="{ row }">
+              <el-select
+                v-model="row.billingUnit"
+                clearable
+                filterable
+                :disabled="dialogReadonly"
+                :loading="billingUnitLoading"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in billingUnitOptions"
+                  :key="item.id || item.dictKey || item.dictValue"
+                  :label="item.dictValue"
+                  :value="item.dictValue"
+                />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column width="140" align="center">
+            <template #header>
+              <span class="business-crud-page__required-column">单价（元）</span>
+            </template>
+            <template #default="{ row }">
+              <el-input
+                v-model="row.unitPrice"
+                :disabled="dialogReadonly"
+                placeholder="请输入"
+                @input="value => handleBillingDecimalInput(row, 'unitPrice', value)"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column label="计费要素下限" width="260" align="center">
+            <template #default="{ row }">
+              <div class="business-crud-page__limit-list">
+                <el-input
+                  v-for="(item, rangeIndex) in getBillingLimitRanges(row)"
+                  :key="rangeIndex"
+                  v-model="item.lowerLimit"
+                  :disabled="!canEditBillingLimit(row)"
+                  :placeholder="canEditBillingLimit(row) ? '请输入下限' : '无需配置'"
+                  @input="value => handleBillingLimitInput(row, rangeIndex, 'lowerLimit', value)"
+                />
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="计费要素上限" width="260" align="center">
+            <template #default="{ row }">
+              <div class="business-crud-page__limit-list">
+                <div
+                  v-for="(item, rangeIndex) in getBillingLimitRanges(row)"
+                  :key="rangeIndex"
+                  class="business-crud-page__limit-row"
+                >
+                  <el-input
+                    v-model="item.upperLimit"
+                    :disabled="!canEditBillingLimit(row)"
+                    :placeholder="canEditBillingLimit(row) ? '请输入上限' : '无需配置'"
+                    @input="value => handleBillingLimitInput(row, rangeIndex, 'upperLimit', value)"
+                  />
+                  <el-button
+                    v-if="canEditBillingLimit(row)"
+                    type="primary"
+                    text
+                    @click="addBillingLimitRange(row, rangeIndex)"
+                  >
+                    添加
+                  </el-button>
+                  <el-button
+                    v-if="canEditBillingLimit(row) && getBillingLimitRanges(row).length > 1"
+                    type="primary"
+                    text
+                    @click="removeBillingLimitRange(row, rangeIndex)"
+                  >
+                    删除
+                  </el-button>
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="保底计费重量" width="240" align="center">
+            <template #default="{ row }">
+              <el-input
+                v-model="row.minimumBillingWeight"
+                :disabled="!canEditMinimumBillingWeight(row)"
+                :placeholder="
+                  canEditMinimumBillingWeight(row)
+                    ? '实际计量值小于保底数值时按保底计费'
+                    : '仅按重量、按吨·公里可填写'
+                "
+                @input="value => handleBillingDecimalInput(row, 'minimumBillingWeight', value)"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column label="备注" width="180" align="center">
+            <template #default="{ row }">
+              <el-input
+                v-model="row.remark"
+                maxlength="100"
+                show-word-limit
+                :disabled="dialogReadonly"
+                placeholder="请输入"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="230" align="center" fixed="right">
+            <template #default="{ row, $index }">
+              <el-button type="primary" text @click="openBillingMatch(row, $index)">
+                设置匹配条件
+              </el-button>
+              <el-button v-if="!dialogReadonly" type="primary" text @click="copyBillingRule(row)">
+                复制
+              </el-button>
+              <el-button
+                v-if="!dialogReadonly"
+                type="primary"
+                text
+                @click="removeBillingRule($index)"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <template #footer>
+        <div class="business-crud-page__dialog-footer">
+          <el-button type="primary" :disabled="dialogReadonly" @click="submitBillingPlan">
+            提交
+          </el-button>
+          <el-button @click="billingPlanBox = false">取消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <el-dialog title="设置匹配条件" append-to-body v-model="billingMatchBox" width="720px">
+      <el-form
+        :model="billingMatchForm"
+        label-position="right"
+        label-width="90px"
+        class="business-crud-page__match-form"
+      >
+        <el-row :gutter="48">
+          <el-col :span="12">
+            <el-form-item label="起运地">
+              <el-cascader
+                v-model="billingMatchForm.originPath"
+                :options="billingMatchRegionOptions"
+                :props="billingMatchRegionCascaderProps"
+                :placeholder="billingMatchForm.origin || '请选择起运地'"
+                :loading="billingMatchRegionLoading"
+                :disabled="dialogReadonly"
+                clearable
+                filterable
+                @visible-change="visible => visible && ensureBillingMatchRegionOptions()"
+                @change="value => handleBillingMatchRegionChange('origin', value)"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="目的地">
+              <el-cascader
+                v-model="billingMatchForm.destinationPath"
+                :options="billingMatchRegionOptions"
+                :props="billingMatchRegionCascaderProps"
+                :placeholder="billingMatchForm.destination || '请选择目的地'"
+                :loading="billingMatchRegionLoading"
+                :disabled="dialogReadonly"
+                clearable
+                filterable
+                @visible-change="visible => visible && ensureBillingMatchRegionOptions()"
+                @change="value => handleBillingMatchRegionChange('destination', value)"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="运输方式">
+              <el-select
+                v-model="billingMatchForm.transportMode"
+                :disabled="dialogReadonly"
+                clearable
+              >
+                <el-option label="公路" value="公路" />
+                <el-option label="铁路" value="铁路" />
+                <el-option label="水路" value="水路" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="货物类型">
+              <el-cascader
+                v-model="billingMatchForm.cargoTypePath"
+                :options="billingCargoTypeOptions"
+                :props="billingCargoTypeCascaderProps"
+                :placeholder="billingMatchForm.cargoType || '请选择货物类型'"
+                :loading="billingCargoTypeLoading"
+                :disabled="dialogReadonly"
+                clearable
+                filterable
+                :filter-method="filterBillingCargoType"
+                @visible-change="visible => visible && ensureBillingCargoTypeOptions()"
+                @change="handleBillingMatchCargoTypeChange"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <el-button @click="billingMatchBox = false">取消</el-button>
+        <el-button type="primary" :disabled="dialogReadonly" @click="saveBillingMatch">
+          保存
+        </el-button>
+      </template>
+    </el-dialog>
+
+    <el-dialog
+      title="选择线路"
+      append-to-body
+      v-model="transportRouteBox"
+      width="1280px"
+      @opened="loadTransportRouteList"
+    >
+      <div class="business-crud-page__dialog-search">
+        <el-form :model="transportRouteQuery" label-position="right" label-width="86px">
+          <el-row :gutter="16">
+            <el-col :span="6">
+              <el-form-item label="线路名称">
+                <el-input v-model="transportRouteQuery.routeName" clearable placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="发货地址">
+                <el-input
+                  v-model="transportRouteQuery.departureAddress"
+                  clearable
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="收货地址">
+                <el-input
+                  v-model="transportRouteQuery.arrivalAddress"
+                  clearable
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6" class="business-crud-page__dialog-search-actions">
+              <el-button type="primary" @click="handleTransportRouteSearch">查询</el-button>
+              <el-button @click="handleTransportRouteReset">重置</el-button>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <el-table border height="320" :data="transportRouteRows" v-loading="transportRouteLoading">
+        <el-table-column type="index" label="序号" width="70" align="center" />
+        <el-table-column prop="routeName" label="线路名称" min-width="150" />
+        <el-table-column prop="routeCode" label="线路编号" min-width="140" />
+        <el-table-column prop="departureName" label="发货地" min-width="140" />
+        <el-table-column
+          prop="departureAddress"
+          label="发货地址"
+          min-width="220"
+          show-overflow-tooltip
+        />
+        <el-table-column prop="departureContact" label="发货联系人" min-width="120" />
+        <el-table-column prop="departurePhone" label="发货联系方式" min-width="140" />
+        <el-table-column prop="arrivalName" label="收货地" min-width="140" />
+        <el-table-column
+          prop="arrivalAddress"
+          label="收货地址"
+          min-width="220"
+          show-overflow-tooltip
+        />
+        <el-table-column prop="arrivalContact" label="收货联系人" min-width="120" />
+        <el-table-column prop="arrivalPhone" label="收货联系方式" min-width="140" />
+        <el-table-column prop="remark" label="备注" min-width="180" show-overflow-tooltip />
+        <el-table-column prop="deptName" label="组织" min-width="150" show-overflow-tooltip />
+        <el-table-column
+          prop="updateUserName"
+          label="更新人"
+          min-width="120"
+          :formatter="formatTransportRouteUpdateUserName"
+        />
+        <el-table-column prop="updateTime" label="更新时间" min-width="160" />
+        <el-table-column prop="createTime" label="创建时间" min-width="160" />
+        <el-table-column label="操作" width="110" fixed="right">
+          <template #default="{ row }">
+            <el-button type="primary" text @click.stop="selectTransportRouteRow(row)">
+              选择
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="business-crud-page__dialog-pagination">
+        <el-pagination
+          v-model:current-page="transportRoutePage.currentPage"
+          v-model:page-size="transportRoutePage.pageSize"
+          :page-sizes="[10, 20, 50, 100]"
+          layout="total, prev, pager, next, sizes"
+          :total="transportRoutePage.total"
+          @size-change="handleTransportRouteSizeChange"
+          @current-change="handleTransportRouteCurrentChange"
+        />
+      </div>
+      <template #footer>
+        <el-button @click="transportRouteBox = false">关闭</el-button>
+      </template>
+    </el-dialog>
+
+    <el-dialog
+      title="选择常用地址"
+      append-to-body
+      v-model="transportAddressBox"
+      width="1280px"
+      @opened="loadTransportAddressList"
+    >
+      <div class="business-crud-page__dialog-search">
+        <el-form :model="transportAddressQuery" label-position="right" label-width="86px">
+          <el-row :gutter="16">
+            <el-col :span="6">
+              <el-form-item label="地址名称">
+                <el-input
+                  v-model="transportAddressQuery.addressName"
+                  clearable
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="地址类型">
+                <el-select
+                  v-model="transportAddressQuery.addressType"
+                  clearable
+                  filterable
+                  placeholder="请选择"
+                >
+                  <el-option
+                    v-for="item in addressTypeOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="详细地址">
+                <el-input
+                  v-model="transportAddressQuery.detailAddress"
+                  clearable
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6" class="business-crud-page__dialog-search-actions">
+              <el-button type="primary" @click="handleTransportAddressSearch">查询</el-button>
+              <el-button @click="handleTransportAddressReset">重置</el-button>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <el-table
+        border
+        height="320"
+        :data="transportAddressRows"
+        v-loading="transportAddressLoading"
+      >
+        <el-table-column type="index" label="序号" width="70" align="center" />
+        <el-table-column prop="addressName" label="地址名称" min-width="150" />
+        <el-table-column prop="addressCode" label="地址编号" min-width="130" />
+        <el-table-column prop="addressType" label="类型" min-width="120" />
+        <el-table-column
+          prop="siteCodeDisplay"
+          label="站点编码"
+          min-width="120"
+          :formatter="formatTransportAddressSiteCode"
+        />
+        <el-table-column
+          prop="detailAddress"
+          label="详细地址"
+          min-width="260"
+          show-overflow-tooltip
+        />
+        <el-table-column prop="longitude" label="经度" min-width="120" />
+        <el-table-column prop="latitude" label="纬度" min-width="120" />
+        <el-table-column prop="regionName" label="行政区划" min-width="150" show-overflow-tooltip />
+        <el-table-column prop="contactName" label="联系人" min-width="120" />
+        <el-table-column prop="contactPhone" label="联系方式" min-width="140" />
+        <el-table-column prop="deptName" label="组织" min-width="150" show-overflow-tooltip />
+        <el-table-column prop="remark" label="备注" min-width="180" show-overflow-tooltip />
+        <el-table-column prop="updateTime" label="更新时间" min-width="160" />
+        <el-table-column prop="createTime" label="创建时间" min-width="160" />
+        <el-table-column label="操作" width="110" fixed="right">
+          <template #default="{ row }">
+            <el-button type="primary" text @click.stop="selectTransportAddressRow(row)">
+              选择
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="business-crud-page__dialog-pagination">
+        <el-pagination
+          v-model:current-page="transportAddressPage.currentPage"
+          v-model:page-size="transportAddressPage.pageSize"
+          :page-sizes="[10, 20, 50, 100]"
+          layout="total, prev, pager, next, sizes"
+          :total="transportAddressPage.total"
+          @size-change="handleTransportAddressSizeChange"
+          @current-change="handleTransportAddressCurrentChange"
+        />
+      </div>
+      <template #footer>
+        <el-button @click="transportAddressBox = false">关闭</el-button>
+      </template>
+    </el-dialog>
+
+    <el-dialog
+      title="选择站点"
+      append-to-body
+      v-model="transportStationBox"
+      width="1180px"
+      @opened="loadTransportStationList"
+    >
+      <div class="business-crud-page__dialog-search">
+        <el-form :model="transportStationQuery" label-position="right" label-width="86px">
+          <el-row :gutter="16">
+            <el-col :span="6">
+              <el-form-item label="站点名称">
+                <el-input v-model="transportStationQuery.name" clearable placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="站点类型">
+                <el-input :model-value="transportStationTypeLabel" disabled />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="详细地址">
+                <el-input
+                  v-model="transportStationQuery.detailAddress"
+                  clearable
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6" class="business-crud-page__dialog-search-actions">
+              <el-button type="primary" @click="handleTransportStationSearch">查询</el-button>
+              <el-button @click="handleTransportStationReset">重置</el-button>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <el-table
+        border
+        height="320"
+        :data="transportStationRows"
+        v-loading="transportStationLoading"
+      >
+        <el-table-column type="index" label="序号" width="70" align="center" />
+        <el-table-column prop="stationName" label="站点名" min-width="160" />
+        <el-table-column prop="stationType" label="类型" min-width="120" />
+        <el-table-column prop="stationCode" label="站点编码" min-width="130" />
+        <el-table-column
+          prop="detailAddress"
+          label="详细地址"
+          min-width="260"
+          show-overflow-tooltip
+        />
+        <el-table-column prop="longitude" label="经度" min-width="120" />
+        <el-table-column prop="latitude" label="纬度" min-width="120" />
+        <el-table-column prop="regionName" label="行政区划" min-width="160" show-overflow-tooltip />
+        <el-table-column prop="remark" label="备注" min-width="180" show-overflow-tooltip />
+        <el-table-column prop="updateTime" label="更新时间" min-width="160" />
+        <el-table-column prop="createTime" label="创建时间" min-width="160" />
+        <el-table-column label="操作" width="110" fixed="right">
+          <template #default="{ row }">
+            <el-button type="primary" text @click.stop="selectTransportStationRow(row)">
+              选择
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="business-crud-page__dialog-pagination">
+        <el-pagination
+          v-model:current-page="transportStationPage.currentPage"
+          v-model:page-size="transportStationPage.pageSize"
+          :page-sizes="[10, 20, 50, 100]"
+          layout="total, prev, pager, next, sizes"
+          :total="transportStationPage.total"
+          @size-change="handleTransportStationSizeChange"
+          @current-change="handleTransportStationCurrentChange"
+        />
+      </div>
+      <template #footer>
+        <el-button @click="transportStationBox = false">关闭</el-button>
+      </template>
+    </el-dialog>
+
+    <el-dialog
+      title="地图选择地址"
+      append-to-body
+      v-model="transportMapBox"
+      width="920px"
+      @opened="initTransportAmap"
+    >
+      <div class="business-crud-page__map-toolbar">
+        <el-input
+          v-model="transportMapKeyword"
+          clearable
+          placeholder="输入地址关键词"
+          @keyup.enter="searchTransportMapKeyword"
+        />
+        <el-button
+          type="primary"
+          :icon="Search"
+          :loading="transportMapLoading"
+          @click="searchTransportMapKeyword"
+        >
+          搜索
+        </el-button>
+      </div>
+      <div ref="transportAmap" class="business-crud-page__map"></div>
+      <div class="business-crud-page__map-info">
+        <span>{{ transportMapStatus }}</span>
+        <span v-if="transportMapSelected.regionName"
+          >行政区划：{{ transportMapSelected.regionName }}</span
+        >
+      </div>
+      <template #footer>
+        <el-button @click="transportMapBox = false">取消</el-button>
+        <el-button
+          type="primary"
+          :disabled="!transportMapSelected.longitude"
+          @click="confirmTransportMapPick"
+        >
+          确定
+        </el-button>
+      </template>
+    </el-dialog>
+
+    <el-dialog
+      title="选择常用货物"
+      append-to-body
+      v-model="commonCargoBox"
+      width="1280px"
+      @opened="loadCommonCargoList"
+    >
+      <div class="business-crud-page__dialog-search">
+        <el-form :model="commonCargoQuery" label-position="right" label-width="100px">
+          <el-row :gutter="16">
+            <el-col :span="6">
+              <el-form-item label="货物名称">
+                <el-input v-model="commonCargoQuery.cargoName" clearable placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="货物类型">
+                <el-cascader
+                  v-model="commonCargoQuery.cargoTypePath"
+                  :options="billingCargoTypeOptions"
+                  :props="billingCargoTypeCascaderProps"
+                  placeholder="请选择"
+                  clearable
+                  filterable
+                  :filter-method="filterBillingCargoType"
+                  @visible-change="visible => visible && ensureBillingCargoTypeOptions()"
+                  @change="handleCommonCargoTypeChange"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="规格型号">
+                <el-input
+                  v-model="commonCargoQuery.specificationModel"
+                  clearable
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6" class="business-crud-page__dialog-search-actions">
+              <el-button type="primary" @click="handleCommonCargoSearch">查询</el-button>
+              <el-button @click="handleCommonCargoReset">重置</el-button>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <el-table border height="320" :data="commonCargoRows" v-loading="commonCargoLoading">
+        <el-table-column type="index" label="序号" width="70" align="center" />
+        <el-table-column prop="cargoName" label="货物名称" min-width="150" />
+        <el-table-column prop="cargoCode" label="货物编号" min-width="130" />
+        <el-table-column prop="firstCargoTypeName" label="一级货物类型" min-width="150" />
+        <el-table-column prop="secondCargoTypeName" label="二级货物类型" min-width="150" />
+        <el-table-column prop="secondCargoTypeCode" label="二级货物编码" min-width="140" />
+        <el-table-column prop="packageType" label="包装" min-width="100" />
+        <el-table-column prop="brand" label="品牌" min-width="120" />
+        <el-table-column prop="specification" label="规格" min-width="120" />
+        <el-table-column prop="model" label="型号" min-width="120" />
+        <el-table-column prop="cargoValue" label="单价" min-width="120" />
+        <el-table-column prop="priceUnit" label="计价单位" min-width="120" />
+        <el-table-column
+          prop="cargoSize"
+          label="尺寸"
+          min-width="120"
+          :formatter="formatCommonCargoSize"
+        />
+        <el-table-column
+          prop="descriptionOne"
+          label="其他说明1"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          prop="descriptionTwo"
+          label="其他说明2"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column prop="remark" label="备注" min-width="180" show-overflow-tooltip />
+        <el-table-column prop="deptName" label="组织" min-width="150" show-overflow-tooltip />
+        <el-table-column prop="updateTime" label="更新时间" min-width="160" />
+        <el-table-column prop="createTime" label="创建时间" min-width="160" />
+        <el-table-column label="操作" width="110" fixed="right">
+          <template #default="{ row }">
+            <el-button type="primary" text @click.stop="selectCommonCargoRow(row)">
+              选择
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="business-crud-page__dialog-pagination">
+        <el-pagination
+          v-model:current-page="commonCargoPage.currentPage"
+          v-model:page-size="commonCargoPage.pageSize"
+          :page-sizes="[10, 20, 50, 100]"
+          layout="total, prev, pager, next, sizes"
+          :total="commonCargoPage.total"
+          @size-change="handleCommonCargoSizeChange"
+          @current-change="handleCommonCargoCurrentChange"
+        />
+      </div>
+      <template #footer>
+        <el-button @click="commonCargoBox = false">关闭</el-button>
+      </template>
+    </el-dialog>
+
+    <el-dialog title="导入货物" append-to-body v-model="cargoImportBox" width="560px">
+      <el-upload
+        drag
+        action="#"
+        accept=".xls,.xlsx"
+        :auto-upload="false"
+        :show-file-list="false"
+        :disabled="cargoImportLoading"
+        :on-change="handleCargoImportFileChange"
+      >
+        <i class="el-icon-upload"></i>
+        <div class="el-upload__text">将 Excel 文件拖到此处，或点击上传</div>
+        <template #tip>
+          <div class="el-upload__tip">
+            按货物信息表头读取：货物名称、货物类型、数量、数量单位、包装、品牌、规格、型号、物料编码、设备编码、备注
+          </div>
+        </template>
+      </el-upload>
+      <template #footer>
+        <el-button @click="cargoImportBox = false">关闭</el-button>
+      </template>
+    </el-dialog>
+
     <el-dialog :title="`${config.title}导入`" append-to-body v-model="excelBox" width="555px">
       <avue-form :option="excelOptionConfig" v-model="excelForm">
         <template #excelTemplate>
@@ -176,13 +1781,112 @@
 
 <script>
 import { exportBlob } from '@/api/common';
+import { getList as getCommonAddressList } from '@/api/base/common-address';
+import { getList as getAirportMasterList } from '@/api/base/airport-master';
+import { getList as getCargoTypeList } from '@/api/base/cargo-type';
+import { getList as getFeeItemList } from '@/api/base/fee-item';
+import { getList as getPortTerminalList } from '@/api/base/port-terminal';
+import { getList as getRailwayStationList } from '@/api/base/railway-station';
+import { getLazyTree as getRegionLazyTree } from '@/api/base/region';
+import { getList as getCommonCargoList } from '@/api/business/common-cargo';
+import { getList as getContractList } from '@/api/business/contract-manage';
+import { getList as getProjectList } from '@/api/business/project-apply';
+import { getList as getCommonRouteList } from '@/api/business/common-route';
+import { getDictionary } from '@/api/system/dictbiz';
+import { getDeptTree } from '@/api/system/dept';
+import { addressTypeOptions } from '@/option/base/common-address';
+import { packageOptions } from '@/option/business/common';
+import { formatUpdateUserName } from '@/utils/audit';
 import { getToken } from '@/utils/auth';
 import { openImportDialog } from '@/utils/import-excel';
-import { downloadXls } from '@/utils/util';
+import { applyTableMenuWidth } from '@/utils/table-menu';
+import { downloadFileByUrl, downloadXls } from '@/utils/util';
+import { List, Location, Search } from '@element-plus/icons-vue';
 import { mapGetters } from 'vuex';
 import NProgress from 'nprogress';
 import 'nprogress/nprogress.css';
 
+const AMAP_KEY = '653b7cf105ad7fb8ec9b2f5198ade315';
+const AMAP_SECURITY_CODE = '5aab65c632e48ebae0d0e28f5b28e21a';
+let amapLoader;
+
+const estimateMenuButtonCount = config => {
+  const rowActions = (config.actions || []).filter(action => action !== 'batchComplete');
+  return 3 + rowActions.length + (config.operations || []).length;
+};
+
+const extractRecords = res => {
+  const data = res?.data?.data || res?.data || res;
+  if (Array.isArray(data)) return data;
+  if (Array.isArray(data?.records)) return data.records;
+  if (Array.isArray(data?.data)) return data.data;
+  if (Array.isArray(data?.data?.records)) return data.data.records;
+  return [];
+};
+
+const defaultBillingRule = () => ({
+  feeType: '',
+  feeItem: '',
+  billingElement: '',
+  billingType: '',
+  billingUnit: '',
+  unitPrice: '',
+  lowerLimit: '',
+  upperLimit: '',
+  limitRanges: [{ lowerLimit: '', upperLimit: '' }],
+  minimumBillingWeight: '',
+  remark: '',
+  matchCondition: {
+    origin: '',
+    originCode: '',
+    originPath: [],
+    destination: '',
+    destinationCode: '',
+    destinationPath: [],
+    transportMode: '',
+    cargoType: '',
+    cargoTypeCode: '',
+    cargoTypePath: [],
+  },
+});
+
+const defaultBillingPlan = () => ({
+  planName: '',
+  defaultPlan: false,
+  remark: '',
+  rules: [defaultBillingRule()],
+});
+
+const defaultSettlementRule = () => ({
+  autoGenerate: 1,
+  billStartDate: '',
+  settlementType: '月结',
+  billCycleType: '固定截单日',
+  billCutoffDay: 25,
+  cycleDays: '',
+});
+
+const defaultReconciliation = () => ({
+  skipReconciliation: 1,
+  reconciliationMode: '明细逐行核对',
+});
+
+const defaultTransportCargo = () => ({
+  cargoName: '',
+  cargoType: '',
+  cargoTypeCode: '',
+  cargoTypePath: [],
+  quantity: '',
+  quantityUnit: '',
+  packageType: '',
+  brand: '',
+  specification: '',
+  model: '',
+  materialCode: '',
+  deviceCode: '',
+  remark: '',
+});
+
 export default {
   name: 'BusinessCrudPage',
   props: {
@@ -205,13 +1909,159 @@ export default {
   },
   data() {
     return {
+      List,
+      Location,
+      Search,
       form: {},
+      suppressTransportTypeClear: false,
       query: {},
       loading: true,
       data: [],
       allDept: 0,
       dialogReadonly: false,
-      option: this.cloneOption(this.crudOption),
+      draftSaveLoading: false,
+      crudDialogType: '',
+      defaultDialogButtons: null,
+      contractCreateActionLoading: '',
+      transportPlanCreateActionLoading: '',
+      option: this.cloneOption(this.crudOption, estimateMenuButtonCount(this.config)),
+      selectedProjectId: '',
+      projectOptions: [],
+      projectLoading: false,
+      contractOptions: [],
+      contractLoading: false,
+      selectedOrganizationId: '',
+      organizationOptions: [],
+      organizationFlatOptions: [],
+      organizationLoading: false,
+      addressTypeOptions,
+      flowBox: false,
+      flowUrl: '',
+      processInstanceId: '',
+      attachmentRows: [],
+      contractFileRows: [],
+      transportCargoRows: [],
+      transportRouteBox: false,
+      transportRouteLoading: false,
+      transportRouteQuery: {},
+      transportRouteRows: [],
+      transportRouteSelected: null,
+      transportRoutePage: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      transportAddressBox: false,
+      transportAddressTarget: '',
+      transportAddressLoading: false,
+      transportAddressQuery: {},
+      transportAddressRows: [],
+      transportAddressSelected: null,
+      transportAddressPage: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      transportStationBox: false,
+      transportStationTarget: '',
+      transportStationLoading: false,
+      transportStationQuery: {},
+      transportStationRows: [],
+      transportStationPage: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      transportMapBox: false,
+      transportMapTarget: '',
+      transportMapLoading: false,
+      transportMapKeyword: '',
+      transportMapStatus: '可搜索地址或点击地图选点',
+      transportMapSelected: {},
+      transportAmap: null,
+      transportAmapMarker: null,
+      transportAmapGeocoder: null,
+      commonCargoBox: false,
+      commonCargoLoading: false,
+      commonCargoQuery: {},
+      commonCargoRows: [],
+      commonCargoSelected: [],
+      commonCargoPage: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      cargoImportBox: false,
+      cargoImportLoading: false,
+      billingPlanRows: [],
+      settlementRuleForm: defaultSettlementRule(),
+      reconciliationForm: defaultReconciliation(),
+      changeRecordRows: [],
+      billingPlanBox: false,
+      billingPlanMode: 'add',
+      billingPlanIndex: -1,
+      billingPlanForm: defaultBillingPlan(),
+      billingFeeCategoryOptions: [],
+      billingFeeCategoryLoading: false,
+      billingFeeCategoryRequest: null,
+      billingFeeItemOptionsMap: {},
+      billingFeeItemLoadingMap: {},
+      billingFeeItemRequestMap: {},
+      billingUnitOptions: [],
+      billingUnitLoading: false,
+      billingUnitRequest: null,
+      billingMatchBox: false,
+      billingMatchRuleIndex: -1,
+      billingMatchForm: defaultBillingRule().matchCondition,
+      billingMatchRegionOptions: [],
+      billingMatchRegionLoading: false,
+      billingMatchRegionRequest: null,
+      billingCargoTypeOptions: [],
+      billingCargoTypeFlatOptions: [],
+      billingCargoTypeLoading: false,
+      billingCargoTypeRequest: null,
+      billingPlanRules: {
+        planName: [{ required: true, message: '请输入方案名称', trigger: 'blur' }],
+      },
+      billingElementOptions: [
+        '按重量',
+        '按体积',
+        '按车辆',
+        '按里程',
+        '按吨·公里',
+        '固定金额（整单一口价）',
+        '按数量',
+      ],
+      billingElementTypeMap: {
+        按重量: ['固定单价', '区间单价', '阶梯单价', '区间阶梯一口价'],
+        按体积: ['固定单价', '区间单价', '阶梯单价', '区间阶梯一口价'],
+        按车辆: ['固定单价'],
+        按里程: ['固定单价', '区间单价', '阶梯单价', '区间阶梯一口价'],
+        '按吨·公里': ['固定单价', '区间单价', '阶梯单价', '区间阶梯一口价'],
+        '固定金额（整单一口价）': ['固定一口价'],
+        按数量: ['固定单价', '区间单价', '阶梯单价', '区间阶梯一口价'],
+      },
+      settlementTypeOptions: ['月结', '日结', '周结', '半月结', '固定天数周期结算'],
+      billCycleTypeOptions: ['固定截单日', '自然月'],
+      reconciliationModeOptions: ['明细逐行核对', '按账单汇总核对', '跳过自动核对'],
+      packageOptions,
+      quantityUnitOptions: ['吨', '千克', '立方米', '件', '车', '箱', '托盘'],
+      attachmentFileTypes: [
+        'pdf',
+        'bmp',
+        'jpeg',
+        'png',
+        'jpg',
+        'doc',
+        'docx',
+        'ppt',
+        'pptx',
+        'xlsx',
+        'xls',
+        'eml',
+        'msg',
+        'zip',
+      ],
       excelBox: false,
       excelForm: {},
       excelOptionConfig: this.cloneOption(this.crudExcelOption),
@@ -224,6 +2074,18 @@ export default {
       selectionList: [],
     };
   },
+  created() {
+    if (this.config.enableProjectSelect) {
+      this.loadProjectOptions();
+    }
+    if (this.config.enableOrganizationSelect) {
+      this.loadOrganizationOptions();
+    }
+    if (this.config.enableBillingPlan) {
+      this.ensureBillingFeeCategoryOptions();
+      this.ensureBillingUnitOptions();
+    }
+  },
   computed: {
     ...mapGetters(['permission', 'userInfo']),
     permissionList() {
@@ -233,7 +2095,9 @@ export default {
     },
     isAdmin() {
       const authority = this.userInfo && this.userInfo.authority;
-      return Array.isArray(authority) ? authority.includes('admin') : String(authority || '').includes('admin');
+      return Array.isArray(authority)
+        ? authority.includes('admin')
+        : String(authority || '').includes('admin');
     },
     canViewAllDept() {
       return this.isAdmin;
@@ -244,6 +2108,71 @@ export default {
     canCreate() {
       return this.hasPermission(`${this.config.permission}_add`) && !this.readonlyScope;
     },
+    showContractCreateActions() {
+      return (
+        this.config.enableContractCreateActions &&
+        this.crudDialogType === 'add' &&
+        !this.dialogReadonly
+      );
+    },
+    showTransportPlanCreateActions() {
+      return (
+        this.config.enableTransportPlanCreateActions &&
+        this.crudDialogType === 'add' &&
+        !this.dialogReadonly
+      );
+    },
+    organizationCascaderProps() {
+      return {
+        label: 'label',
+        value: 'id',
+        children: 'children',
+        checkStrictly: true,
+        emitPath: false,
+      };
+    },
+    billingMatchRegionCascaderProps() {
+      return {
+        label: 'title',
+        value: 'id',
+        children: 'children',
+        leaf: 'leaf',
+        emitPath: true,
+      };
+    },
+    billingCargoTypeCascaderProps() {
+      return {
+        label: 'cargoName',
+        value: 'id',
+        children: 'children',
+        disabled: (data, node) => node.level === 1,
+        leaf: 'leaf',
+        checkStrictly: true,
+        emitPath: true,
+      };
+    },
+    transportCargoTypeOptions() {
+      return this.billingCargoTypeOptions.filter(item => item.children?.length);
+    },
+    transportCargoTypeCascaderProps() {
+      return {
+        label: 'cargoName',
+        value: 'id',
+        children: 'children',
+        emitPath: true,
+      };
+    },
+    showSettlementBillCycleType() {
+      return this.settlementRuleForm.settlementType === '月结';
+    },
+    showSettlementBillCutoffDay() {
+      return (
+        this.showSettlementBillCycleType && this.settlementRuleForm.billCycleType === '固定截单日'
+      );
+    },
+    showSettlementCycleDays() {
+      return this.settlementRuleForm.settlementType === '固定天数周期结算';
+    },
     canBatchComplete() {
       return (
         this.hasAction('batchComplete') &&
@@ -251,16 +2180,84 @@ export default {
         !this.readonlyScope
       );
     },
+    canRoadLoading() {
+      const permission =
+        this.config.roadLoadingPermission || `${this.config.permission}_road_loading`;
+      return this.config.roadLoading && this.hasPermission(permission) && !this.readonlyScope;
+    },
     ids() {
       return this.selectionList.map(item => item.id).join(',');
     },
+    billCutoffDayOptions() {
+      return Array.from({ length: 31 }, (_, index) => {
+        const value = index + 1;
+        return {
+          label: `${value}日`,
+          value,
+        };
+      });
+    },
+    cycleDayOptions() {
+      return Array.from({ length: 365 }, (_, index) => {
+        const value = index + 1;
+        return {
+          label: `${value}天`,
+          value,
+        };
+      });
+    },
+    transportCargoQuantityTotal() {
+      if (!this.transportCargoRows.length) return '系统自动计算';
+      const total = this.transportCargoRows.reduce((sum, row) => {
+        const value = Number(row.quantity);
+        return Number.isFinite(value) ? sum + value : sum;
+      }, 0);
+      return Number.isInteger(total) ? String(total) : total.toFixed(2);
+    },
+    transportAddressSelectDisabled() {
+      return this.dialogReadonly || this.isBillingFieldEmpty(this.form.transportType);
+    },
+    transportMode() {
+      return this.resolveTransportMode(this.form.transportType);
+    },
+    transportStationMode() {
+      return ['water', 'rail', 'air'].includes(this.transportMode);
+    },
+    transportStationTypeLabel() {
+      const labelMap = {
+        water: '港口/码头',
+        rail: '铁路车站',
+        air: '空港机场',
+      };
+      return labelMap[this.transportMode] || '';
+    },
+    transportStationNamePlaceholder() {
+      if (!this.transportStationMode) return '行政区划自动带出';
+      const labelMap = {
+        water: '请选择港口/码头',
+        rail: '请选择车站',
+        air: '请选择空港',
+      };
+      return labelMap[this.transportMode] || '请选择站点';
+    },
+    transportAddressDetailPlaceholder() {
+      return this.transportStationMode ? '选择站点后带出详细地址' : '请输入';
+    },
+  },
+  watch: {
+    'form.transportType'(value, oldValue) {
+      if (!this.config.enableTransportPlanForm || this.suppressTransportTypeClear) return;
+      if (String(value ?? '') === String(oldValue ?? '')) return;
+      this.handleTransportTypeChange(value);
+    },
   },
   methods: {
-    cloneOption(option) {
-      return {
+    cloneOption(option, menuButtonCount) {
+      const nextOption = {
         ...option,
         column: (option.column || []).map(column => ({ ...column })),
       };
+      return applyTableMenuWidth(nextOption, menuButtonCount);
     },
     hasPermission(code) {
       return this.isAdmin || this.validData(this.permission && this.permission[code], false);
@@ -275,13 +2272,21 @@ export default {
       if (!statusList || !statusList.length) {
         return true;
       }
-      return statusList.includes(this.statusValue(row));
+      const status = this.statusValue(row);
+      const statusText = this.config.statusTextProp ? row[this.config.statusTextProp] : '';
+      return statusList.includes(status) || statusList.includes(statusText);
+    },
+    isReadonlyEditAllowed(row) {
+      return this.inStatus(row, this.config.ignoreReadonlyEditStatus);
+    },
+    isReadonlyDeleteAllowed(row) {
+      return this.inStatus(row, this.config.ignoreReadonlyDeleteStatus);
     },
     canEdit(row) {
       return (
         this.hasPermission(`${this.config.permission}_edit`) &&
         !this.readonlyScope &&
-        !row.readonly &&
+        (!row.readonly || this.isReadonlyEditAllowed(row)) &&
         this.inStatus(row, this.config.editStatus)
       );
     },
@@ -289,12 +2294,18 @@ export default {
       return (
         this.hasPermission(`${this.config.permission}_delete`) &&
         !this.readonlyScope &&
-        !row.readonly &&
-        this.inStatus(row, this.config.deleteStatus)
+        (!row.readonly || this.isReadonlyDeleteAllowed(row)) &&
+        this.inStatus(row, this.config.deleteStatus) &&
+        (!this.config.deleteStage || this.config.deleteStage.includes(row.contractStage))
       );
     },
     canCopy(row) {
-      return this.hasAction('copy') && this.hasPermission(`${this.config.permission}_copy`) && !this.readonlyScope && !row.readonly;
+      return (
+        this.hasAction('copy') &&
+        this.hasPermission(`${this.config.permission}_copy`) &&
+        !this.readonlyScope &&
+        !row.readonly
+      );
     },
     canEnable(row) {
       return (
@@ -315,7 +2326,12 @@ export default {
       );
     },
     canCancel(row) {
-      if (!this.hasAction('cancel') || !this.hasPermission(`${this.config.permission}_cancel`) || this.readonlyScope || row.readonly) {
+      if (
+        !this.hasAction('cancel') ||
+        !this.hasPermission(`${this.config.permission}_cancel`) ||
+        this.readonlyScope ||
+        row.readonly
+      ) {
         return false;
       }
       const status = this.statusValue(row);
@@ -324,11 +2340,18 @@ export default {
         : ['pending', 'processing'].includes(status);
     },
     canComplete(row) {
-      if (!this.hasAction('complete') || !this.hasPermission(`${this.config.permission}_complete`) || this.readonlyScope || row.readonly) {
+      if (
+        !this.hasAction('complete') ||
+        !this.hasPermission(`${this.config.permission}_complete`) ||
+        this.readonlyScope ||
+        row.readonly
+      ) {
         return false;
       }
       const status = this.statusValue(row);
-      return this.config.permission === 'transport_plan' ? status === 'dispatching' : status === 'processing';
+      return this.config.permission === 'transport_plan'
+        ? status === 'dispatching'
+        : status === 'processing';
     },
     canReassign(row) {
       return (
@@ -342,6 +2365,48 @@ export default {
     customOperations(row) {
       return (this.config.operations || []).filter(operation => this.canOperation(operation, row));
     },
+    menuActions(row) {
+      const actions = [];
+      if (this.canCopy(row)) {
+        actions.push({ key: 'copy', label: '复制', action: 'copy' });
+      }
+      if (this.canEdit(row)) {
+        actions.push({
+          key: 'edit',
+          label: this.editLabel(row),
+          action: 'edit',
+        });
+      }
+      this.customOperations(row).forEach(operation => {
+        actions.push({
+          ...operation,
+          key: `${operation.action}-${operation.label}`,
+        });
+      });
+      if (this.canDelete(row)) {
+        actions.push({ key: 'delete', label: '删除', action: 'delete', type: 'danger' });
+      }
+      return actions;
+    },
+    editLabel(row) {
+      const status = this.statusValue(row);
+      return this.config.editLabelStatusMap?.[status] || '编辑';
+    },
+    handleMenuAction(action, row, index) {
+      if (action.action === 'copy') {
+        this.handleCopy(row);
+        return;
+      }
+      if (action.action === 'edit' || action.action === 'attachmentUpload') {
+        this.$refs.crud.rowEdit(row, index);
+        return;
+      }
+      if (action.action === 'delete') {
+        this.rowDel(row);
+        return;
+      }
+      this.handleCustomOperation(action, row);
+    },
     canOperation(operation, row) {
       const permission = operation.permission || `${this.config.permission}_${operation.action}`;
       if (!this.hasPermission(permission) || this.readonlyScope || row.readonly) {
@@ -366,8 +2431,42 @@ export default {
       const item = column && (column.dicData || []).find(dic => dic.value === row[prop]);
       return item ? item.label : row[prop] || '未知';
     },
+    syncContractNoDisabled(type) {
+      if (!this.config.enableContractForm) return;
+      const column = this.findColumn?.(this.option.column, 'contractNo');
+      if (column) {
+        column.disabled = type !== 'add';
+      }
+    },
+    syncCustomCreateDialogButtons(type) {
+      if (
+        !this.config.enableContractCreateActions &&
+        !this.config.enableTransportPlanCreateActions
+      ) {
+        return;
+      }
+      if (!this.defaultDialogButtons) {
+        this.defaultDialogButtons = {
+          saveBtn: this.option.saveBtn,
+          cancelBtn: this.option.cancelBtn,
+        };
+      }
+      const customCreate = type === 'add';
+      this.option.saveBtn = customCreate ? false : this.defaultDialogButtons.saveBtn;
+      this.option.cancelBtn = customCreate ? false : this.defaultDialogButtons.cancelBtn;
+    },
     statusTagType(status) {
-      if ([1, 'pending', 'waiting_dispatch', 'processing', 'dispatching', 'approved', 'change_approved'].includes(status)) {
+      if (
+        [
+          1,
+          'pending',
+          'waiting_dispatch',
+          'processing',
+          'dispatching',
+          'approved',
+          'change_approved',
+        ].includes(status)
+      ) {
         return 'success';
       }
       if ([2, 'cancelled', 'withdrawn', 'draft'].includes(status)) {
@@ -393,8 +2492,123 @@ export default {
       }
       return 'info';
     },
+    isMonthlySettlement(rule = this.settlementRuleForm) {
+      return rule.settlementType === '月结';
+    },
+    isFixedBillCutoffSettlement(rule = this.settlementRuleForm) {
+      return this.isMonthlySettlement(rule) && rule.billCycleType === '固定截单日';
+    },
+    isFixedCycleSettlement(rule = this.settlementRuleForm) {
+      return rule.settlementType === '固定天数周期结算';
+    },
+    handleSettlementTypeChange(value) {
+      if (value === '月结') {
+        if (!this.settlementRuleForm.billCycleType) {
+          this.settlementRuleForm.billCycleType = '固定截单日';
+        }
+        if (this.settlementRuleForm.billCycleType === '固定截单日') {
+          this.settlementRuleForm.billCutoffDay = this.settlementRuleForm.billCutoffDay || 25;
+        }
+        this.settlementRuleForm.cycleDays = '';
+        return;
+      }
+      this.settlementRuleForm.billCycleType = '';
+      this.settlementRuleForm.billCutoffDay = '';
+      if (value !== '固定天数周期结算') {
+        this.settlementRuleForm.cycleDays = '';
+      }
+    },
+    handleSettlementBillCycleTypeChange(value) {
+      if (value === '固定截单日') {
+        this.settlementRuleForm.billCutoffDay = this.settlementRuleForm.billCutoffDay || 25;
+        return;
+      }
+      this.settlementRuleForm.billCutoffDay = '';
+    },
+    normalizeSettlementRule(rule = this.settlementRuleForm) {
+      const nextRule = {
+        ...defaultSettlementRule(),
+        ...(rule || {}),
+      };
+      if (!this.isMonthlySettlement(nextRule)) {
+        nextRule.billCycleType = '';
+        nextRule.billCutoffDay = '';
+      } else if (!this.isFixedBillCutoffSettlement(nextRule)) {
+        nextRule.billCutoffDay = '';
+      }
+      if (!this.isFixedCycleSettlement(nextRule)) {
+        nextRule.cycleDays = '';
+      }
+      return nextRule;
+    },
+    validateSettlementRule() {
+      const rule = this.normalizeSettlementRule(this.settlementRuleForm);
+      if (this.isBillingFieldEmpty(rule.billStartDate)) {
+        this.$message.warning('请选择账单起始日期');
+        return false;
+      }
+      if (this.isBillingFieldEmpty(rule.settlementType)) {
+        this.$message.warning('请选择结算类型');
+        return false;
+      }
+      if (this.isMonthlySettlement(rule) && this.isBillingFieldEmpty(rule.billCycleType)) {
+        this.$message.warning('请选择账单周期类型');
+        return false;
+      }
+      if (this.isFixedBillCutoffSettlement(rule)) {
+        const billCutoffDay = Number(rule.billCutoffDay);
+        if (!Number.isInteger(billCutoffDay) || billCutoffDay < 1 || billCutoffDay > 31) {
+          this.$message.warning('账单截单日必须为1~31的整数');
+          return false;
+        }
+      }
+      if (this.isFixedCycleSettlement(rule)) {
+        const cycleDays = Number(rule.cycleDays);
+        if (!Number.isInteger(cycleDays) || cycleDays < 1 || cycleDays > 365) {
+          this.$message.warning('周期天数必须为1~365的整数');
+          return false;
+        }
+      }
+      return true;
+    },
     normalizeRow(row) {
       const submitRow = { ...row };
+      if (this.config.enableTransportPlanForm) {
+        if (!this.validateTransportPlanForm(submitRow)) return false;
+        submitRow.goodsJson = JSON.stringify(this.transportCargoRows);
+      }
+      if (this.config.enableAttachmentTable) {
+        submitRow.attachmentsJson = JSON.stringify(this.attachmentRows);
+      }
+      if (this.config.enableContractFileUpload) {
+        submitRow.contractFileJson = JSON.stringify(this.contractFileRows);
+      }
+      if (this.config.enableBillingPlan) {
+        submitRow.billingPlanJson = JSON.stringify(this.billingPlanRows);
+      }
+      if (this.config.enableSettlementRule) {
+        if (!this.validateSettlementRule()) return false;
+        submitRow.settlementRuleJson = JSON.stringify(this.normalizeSettlementRule());
+      }
+      if (this.config.enableReconciliation) {
+        submitRow.reconciliationJson = JSON.stringify(this.reconciliationForm);
+      }
+      if (this.config.enableChangeRecord) {
+        submitRow.changeRecordJson = JSON.stringify(this.changeRecordRows);
+      }
+      if (this.config.saveAsDraft) {
+        submitRow.approvalStatus = 'draft';
+      }
+      delete submitRow.basicInfoTitle;
+      delete submitRow.shippingInfoTitle;
+      delete submitRow.goodsInfoTitle;
+      delete submitRow.contractFileTitle;
+      delete submitRow.billingInfoTitle;
+      delete submitRow.settlementRuleTitle;
+      delete submitRow.reconciliationTitle;
+      delete submitRow.attachmentTitle;
+      delete submitRow.changeRecordTitle;
+      delete submitRow.contractPeriod;
       Object.keys(submitRow).forEach(key => {
         if (typeof submitRow[key] === 'string') {
           submitRow[key] = submitRow[key].trim();
@@ -402,13 +2616,50 @@ export default {
       });
       return submitRow;
     },
+    validateTransportPlanForm(row) {
+      const requiredFields = [
+        ['projectName', '项目'],
+        ['contractName', '客户合同'],
+        ['planName', '计划名称'],
+        ['transportType', '运输方式'],
+        ['planStartDate', '计划开始日期'],
+        ['planEndDate', '计划结束日期'],
+        ['departureAddress', '发货地址'],
+        ['arrivalAddress', '收货地址'],
+      ];
+      const emptyField = requiredFields.find(([prop]) => this.isBillingFieldEmpty(row[prop]));
+      if (emptyField) {
+        this.$message.warning(`请选择或输入${emptyField[1]}`);
+        return false;
+      }
+      if (row.planStartDate && row.planEndDate && row.planEndDate < row.planStartDate) {
+        this.$message.warning('计划结束日期不能早于计划开始日期');
+        return false;
+      }
+      if (row.remark && row.remark.length > 200) {
+        this.$message.warning('备注不能超过200个字符');
+        return false;
+      }
+      for (const [index, cargo] of this.transportCargoRows.entries()) {
+        if (!cargo.cargoType) {
+          this.$message.warning(`第${index + 1}行货物类型不能为空`);
+          return false;
+        }
+      }
+      return true;
+    },
     stopSubmitLoading(loading) {
       if (typeof loading === 'function') {
         loading();
       }
     },
     rowSave(row, done, loading) {
-      this.api.submit(this.normalizeRow(row)).then(
+      const submitRow = this.normalizeRow(row);
+      if (!submitRow) {
+        this.stopSubmitLoading(loading);
+        return;
+      }
+      this.getSaveRequest()(submitRow).then(
         () => {
           this.onLoad(this.page);
           this.$message({ type: 'success', message: '操作成功!' });
@@ -421,7 +2672,12 @@ export default {
       );
     },
     rowUpdate(row, index, done, loading) {
-      this.api.submit(this.normalizeRow(row)).then(
+      const submitRow = this.normalizeRow(row);
+      if (!submitRow) {
+        this.stopSubmitLoading(loading);
+        return;
+      }
+      this.getSaveRequest()(submitRow).then(
         () => {
           this.onLoad(this.page);
           this.$message({ type: 'success', message: '操作成功!' });
@@ -433,6 +2689,150 @@ export default {
         }
       );
     },
+    getSaveRequest() {
+      if (this.config.saveAsDraft && typeof this.api.saveDraft === 'function') {
+        return this.api.saveDraft;
+      }
+      return this.api.submit;
+    },
+    buildContractCreateSubmitRow(action) {
+      const contractStage = action === 'draft' ? 'draft' : 'temporary';
+      const submitRow = this.normalizeRow({
+        ...this.form,
+        contractStage,
+        approvalStatus: 'draft',
+      });
+      return submitRow;
+    },
+    validateContractCreateAction(action, row) {
+      if (!row) return false;
+      if (this.isBillingFieldEmpty(row.contractName)) {
+        this.$message.warning('请输入合同名称');
+        return false;
+      }
+      if (this.isBillingFieldEmpty(row.contractCategory)) {
+        this.$message.warning('请选择合同类别');
+        return false;
+      }
+      if (['temporary', 'formal'].includes(action) && this.isBillingFieldEmpty(row.signType)) {
+        this.$message.warning('请选择签约类型');
+        return false;
+      }
+      if (action !== 'formal') return true;
+      const formalFields = [
+        ['partyA', '甲方'],
+        ['partyB', '乙方'],
+        ['startDate', '合同期限'],
+        ['signDate', '签订日期'],
+      ];
+      const emptyField = formalFields.find(([prop]) => this.isBillingFieldEmpty(row[prop]));
+      if (emptyField) {
+        this.$message.warning(`请选择或输入${emptyField[1]}`);
+        return false;
+      }
+      return true;
+    },
+    extractSavedContract(res, fallback = {}) {
+      const data = res?.data?.data || res?.data || {};
+      if (data && typeof data === 'object' && !Array.isArray(data)) {
+        return {
+          ...fallback,
+          ...data,
+        };
+      }
+      return fallback;
+    },
+    getSavedContractId(savedContract) {
+      const id = savedContract?.id || this.form.id;
+      if (!id) {
+        this.$message.warning('合同保存成功但未返回主键，无法继续流转');
+        return '';
+      }
+      return id;
+    },
+    handleContractCreateAction(action) {
+      if (!this.config.enableContractCreateActions || this.contractCreateActionLoading) return;
+      const submitRow = this.buildContractCreateSubmitRow(action);
+      if (!this.validateContractCreateAction(action, submitRow)) return;
+      this.contractCreateActionLoading = action;
+      this.api
+        .saveDraft(submitRow)
+        .then(res => {
+          const savedContract = this.extractSavedContract(res, submitRow);
+          this.form.id = savedContract.id || this.form.id;
+          if (action === 'draft') {
+            return savedContract;
+          }
+          const id = this.getSavedContractId(savedContract);
+          if (!id) return Promise.reject(new Error('合同主键为空'));
+          if (action === 'formal') {
+            return this.api.submitFormal(id).then(() => savedContract);
+          }
+          return savedContract;
+        })
+        .then(() => {
+          const messageMap = {
+            draft: '保存成功',
+            temporary: '临时合同提交成功',
+            formal: '正式合同提交成功',
+          };
+          this.$message.success(messageMap[action]);
+          this.onLoad(this.page, this.query);
+          this.closeCrudDialog();
+        })
+        .catch(error => {
+          if (error?.message !== '合同主键为空') {
+            window.console.log(error);
+          }
+        })
+        .finally(() => {
+          this.contractCreateActionLoading = '';
+        });
+    },
+    handleTransportPlanCreateAction(action) {
+      if (!this.config.enableTransportPlanCreateActions || this.transportPlanCreateActionLoading) {
+        return;
+      }
+      const statusProp = this.config.statusProp || 'businessStatus';
+      const submitRow = this.normalizeRow({
+        ...this.form,
+        [statusProp]: action === 'draft' ? 'draft' : 'waiting_dispatch',
+      });
+      if (!submitRow) return;
+      this.transportPlanCreateActionLoading = action;
+      this.api
+        .submit(submitRow)
+        .then(() => {
+          this.$message.success(action === 'draft' ? '暂存成功' : '创建成功');
+          this.onLoad(this.page, this.query);
+          this.closeCrudDialog();
+        })
+        .finally(() => {
+          this.transportPlanCreateActionLoading = '';
+        });
+    },
+    handleDraftSave() {
+      const request =
+        typeof this.api.saveDraft === 'function' ? this.api.saveDraft : this.api.submit;
+      const submitRow = this.normalizeRow(this.form);
+      if (!submitRow) return;
+      this.draftSaveLoading = true;
+      request(submitRow)
+        .then(() => {
+          this.$message.success('保存成功');
+          this.onLoad(this.page, this.query);
+          this.closeCrudDialog();
+        })
+        .finally(() => {
+          this.draftSaveLoading = false;
+        });
+    },
+    closeCrudDialog() {
+      const crud = this.$refs.crud;
+      if (crud && typeof crud.closeDialog === 'function') {
+        crud.closeDialog();
+      }
+    },
     rowDel(row) {
       this.$confirm('确定将选择数据删除?', {
         confirmButtonText: '确定',
@@ -476,24 +2876,1909 @@ export default {
       this.selectionClear();
     },
     beforeOpen(done, type) {
+      this.crudDialogType = type;
+      this.syncCustomCreateDialogButtons(type);
       this.dialogReadonly = type === 'view';
+      this.syncContractNoDisabled(type);
       if (type === 'add') {
         this.form = {
           ...(this.config.defaultForm || {}),
           ...this.form,
         };
+        this.selectedProjectId = '';
+        this.selectedOrganizationId = '';
+        this.attachmentRows = [];
+        this.contractFileRows = [];
+        this.transportCargoRows = [];
+        this.billingPlanRows = [];
+        this.settlementRuleForm = defaultSettlementRule();
+        this.reconciliationForm = defaultReconciliation();
+        this.changeRecordRows = [];
+        this.applyCurrentUserHandler();
+        this.initTransportPlanFormRows();
+        this.syncContractPeriod(false);
+        this.syncBillingPlanJson();
         done();
         return;
       }
       if (['edit', 'view'].includes(type)) {
         this.api.getDetail(this.form.id).then(res => {
-          this.form = res.data.data || {};
+          this.applyFormDetail(res.data.data || {});
           done();
         });
         return;
       }
       done();
     },
+    applyFormDetail(row) {
+      this.suppressTransportTypeClear = true;
+      this.form = row || {};
+      this.$nextTick(() => {
+        this.suppressTransportTypeClear = false;
+      });
+      this.selectedProjectId = this.form.projectId || '';
+      this.selectedOrganizationId = this.form.organizationId || '';
+      this.attachmentRows = this.parseJsonArray(this.form.attachmentsJson);
+      this.contractFileRows = this.parseJsonArray(this.form.contractFileJson);
+      this.initTransportPlanFormRows();
+      this.billingPlanRows = this.parseJsonArray(this.form.billingPlanJson);
+      this.settlementRuleForm = this.normalizeSettlementRule({
+        ...defaultSettlementRule(),
+        ...this.parseJsonObject(this.form.settlementRuleJson),
+      });
+      this.reconciliationForm = {
+        ...defaultReconciliation(),
+        ...this.parseJsonObject(this.form.reconciliationJson),
+      };
+      this.changeRecordRows = this.parseJsonArray(this.form.changeRecordJson);
+      this.applyCurrentUserHandler();
+      this.syncContractPeriod(false);
+      this.syncBillingPlanJson();
+      if (this.config.enableOrganizationSelect) {
+        this.syncCurrentOrganizationOption();
+      }
+      if (this.config.enableProjectSelect) {
+        this.form.usedFundLimit = 0;
+        this.form.remainingFundLimit = 0;
+        this.syncCurrentProjectOption();
+      }
+      if (this.config.enableTransportPlanForm) {
+        this.syncCurrentContractOption();
+      }
+    },
+    parseJsonArray(value) {
+      if (!value) return [];
+      if (Array.isArray(value)) return value;
+      try {
+        const list = JSON.parse(value);
+        return Array.isArray(list) ? list : [];
+      } catch (error) {
+        return [];
+      }
+    },
+    parseJsonObject(value) {
+      if (!value) return {};
+      if (typeof value === 'object' && !Array.isArray(value)) return value;
+      try {
+        const data = JSON.parse(value);
+        return data && typeof data === 'object' && !Array.isArray(data) ? data : {};
+      } catch (error) {
+        return {};
+      }
+    },
+    loadProjectOptions() {
+      if (!this.config.enableProjectSelect || this.projectLoading) return;
+      this.projectLoading = true;
+      getProjectList(1, 9999, {})
+        .then(res => {
+          const records = res.data.data?.records || [];
+          this.projectOptions = records;
+          this.syncCurrentProjectOption();
+        })
+        .finally(() => {
+          this.projectLoading = false;
+        });
+    },
+    syncCurrentProjectOption() {
+      if (!this.form.projectId || !this.form.projectName) return;
+      const exists = this.projectOptions.some(
+        item => String(item.id) === String(this.form.projectId)
+      );
+      if (!exists) {
+        this.projectOptions.unshift({
+          id: this.form.projectId,
+          projectName: this.form.projectName,
+          projectCode: this.form.projectCode,
+          undertakeDeptName: this.form.undertakeDeptName,
+          fundLimit: this.form.projectFundLimit,
+        });
+      }
+    },
+    handleProjectChange(projectId) {
+      const project = this.projectOptions.find(item => String(item.id) === String(projectId));
+      if (!project) {
+        this.form.projectId = '';
+        this.form.projectName = '';
+        this.form.projectCode = '';
+        this.form.undertakeDeptName = '';
+        this.form.projectFundLimit = '';
+        this.form.usedFundLimit = 0;
+        this.form.remainingFundLimit = 0;
+        if (this.config.enableTransportPlanForm) {
+          this.form.transportType = '';
+          this.form.contractId = '';
+          this.form.contractName = '';
+          this.contractOptions = [];
+        }
+        return;
+      }
+      this.form.projectId = project.id;
+      this.form.projectName = project.projectName || '';
+      this.form.projectCode = project.projectCode || '';
+      this.form.undertakeDeptName = project.undertakeDeptName || '';
+      this.form.projectFundLimit = project.fundLimit || project.projectFundLimit || 0;
+      this.form.usedFundLimit = 0;
+      this.form.remainingFundLimit = 0;
+      if (this.config.enableTransportPlanForm) {
+        this.form.customerName =
+          project.customerName ||
+          project.customerNames ||
+          project.customer ||
+          this.form.customerName ||
+          '';
+        this.form.transportType =
+          project.transportType ||
+          project.transportMode ||
+          project.transportWay ||
+          this.form.transportType ||
+          '';
+        this.loadContractOptionsForProject(true);
+      }
+      this.$refs.crud?.validateField?.('projectName');
+    },
+    loadContractOptionsForProject(autoPick = false) {
+      if (!this.config.enableTransportPlanForm || !this.form.projectId || this.contractLoading) {
+        return Promise.resolve([]);
+      }
+      this.contractLoading = true;
+      return getContractList(1, 9999, {
+        projectId: this.form.projectId,
+        projectName: this.form.projectName,
+      })
+        .then(res => {
+          this.contractOptions = extractRecords(res);
+          this.syncCurrentContractOption();
+          if (autoPick && this.contractOptions.length) {
+            this.applyContract(this.contractOptions[0]);
+          }
+          return this.contractOptions;
+        })
+        .finally(() => {
+          this.contractLoading = false;
+        });
+    },
+    syncCurrentContractOption() {
+      if (!this.form.contractId || !this.form.contractName) return;
+      const exists = this.contractOptions.some(
+        item => String(item.id) === String(this.form.contractId)
+      );
+      if (!exists) {
+        this.contractOptions.unshift({
+          id: this.form.contractId,
+          contractName: this.form.contractName,
+        });
+      }
+    },
+    handleContractChange(contractId) {
+      const contract = this.contractOptions.find(item => String(item.id) === String(contractId));
+      if (!contract) {
+        this.form.contractId = '';
+        this.form.contractName = '';
+        return;
+      }
+      this.applyContract(contract);
+    },
+    applyContract(contract = {}) {
+      this.form.contractId = contract.id || '';
+      this.form.contractName = contract.contractName || '';
+      this.form.customerName =
+        contract.customerName || contract.customerNames || this.form.customerName || '';
+      this.$refs.crud?.validateField?.('contractName');
+    },
+    initTransportPlanFormRows() {
+      if (!this.config.enableTransportPlanForm) return;
+      this.transportCargoRows = this.parseJsonArray(this.form.goodsJson).map(row =>
+        this.normalizeTransportCargoRow(row)
+      );
+      this.syncTransportCargoJson();
+      this.syncCurrentContractOption();
+    },
+    normalizeTransportCargoRow(row = {}) {
+      return {
+        ...defaultTransportCargo(),
+        ...row,
+        cargoTypePath: this.normalizeBillingCargoTypePath(row.cargoTypePath),
+        cargoType:
+          row.cargoType || row.goodsType || row.secondCargoTypeName || row.firstCargoTypeName || '',
+        cargoTypeCode:
+          row.cargoTypeCode ||
+          row.goodsTypeCode ||
+          row.secondCargoTypeCode ||
+          row.firstCargoTypeCode ||
+          '',
+        cargoName: row.cargoName || row.goodsName || '',
+        packageType: row.packageType || row.package || '',
+        specification: row.specification || row.spec || '',
+      };
+    },
+    syncTransportCargoJson() {
+      if (!this.config.enableTransportPlanForm) return;
+      this.form.goodsJson = JSON.stringify(this.transportCargoRows);
+    },
+    addTransportCargoRow(index = -1, row = {}) {
+      const nextRow = this.normalizeTransportCargoRow(row);
+      if (index > -1) {
+        this.transportCargoRows.splice(index + 1, 0, nextRow);
+      } else {
+        this.transportCargoRows.push(nextRow);
+      }
+      this.syncTransportCargoJson();
+    },
+    removeTransportCargoRow(index) {
+      this.transportCargoRows.splice(index, 1);
+      this.syncTransportCargoJson();
+    },
+    handleTransportCargoQuantityInput(row, value) {
+      const text = String(value || '').replace(/[^\d.]/g, '');
+      const parts = text.split('.');
+      row.quantity =
+        parts.length > 1 ? `${parts[0]}.${parts.slice(1).join('').slice(0, 3)}` : parts[0];
+      this.syncTransportCargoJson();
+    },
+    handleTransportCargoTypeChange(row, value) {
+      const path = this.normalizeBillingCargoTypePath(value);
+      const cargoType = this.findBillingCargoTypeByPath(path);
+      const labels = this.getBillingCargoTypePathLabels(path);
+      row.cargoTypePath = path;
+      row.cargoType = labels.length ? labels[labels.length - 1] : '';
+      row.cargoTypeCode = cargoType?.cargoCode || cargoType?.code || cargoType?.id || '';
+      this.syncTransportCargoJson();
+    },
+    handleTransportTypeChange(value) {
+      this.form.transportTypeName = this.getTransportTypeLabel(value);
+      this.clearTransportShippingInfo();
+    },
+    clearTransportShippingInfo() {
+      [
+        'departureName',
+        'departureAddress',
+        'departureAddressCode',
+        'departureSiteCode',
+        'departureLongitude',
+        'departureLatitude',
+        'departureContact',
+        'departurePhone',
+        'arrivalName',
+        'arrivalAddress',
+        'arrivalAddressCode',
+        'arrivalSiteCode',
+        'arrivalLongitude',
+        'arrivalLatitude',
+        'arrivalContact',
+        'arrivalPhone',
+      ].forEach(prop => {
+        this.form[prop] = '';
+      });
+      this.transportRouteSelected = null;
+      this.transportAddressSelected = null;
+      this.transportMapSelected = {};
+      this.transportRouteBox = false;
+      this.transportAddressBox = false;
+      this.transportStationBox = false;
+      this.transportMapBox = false;
+      this.transportAddressTarget = '';
+      this.transportStationTarget = '';
+      this.transportMapTarget = '';
+      this.transportMapKeyword = '';
+      this.transportMapStatus = '可搜索地址或点击地图选点';
+      if (this.transportAmapMarker) {
+        this.transportAmapMarker.setMap(null);
+        this.transportAmapMarker = null;
+      }
+      this.$refs.crud?.clearValidate?.([
+        'departureAddress',
+        'arrivalAddress',
+        'departureName',
+        'arrivalName',
+        'departureContact',
+        'departurePhone',
+        'arrivalContact',
+        'arrivalPhone',
+      ]);
+    },
+    getTransportTypeLabel(value) {
+      const column = (this.option.column || []).find(item => item.prop === 'transportType');
+      const dictionary = column?.dicData || [];
+      const item = dictionary.find(
+        dic =>
+          String(dic.value ?? dic.dictKey ?? '') === String(value ?? '') ||
+          String(dic.dictKey ?? '') === String(value ?? '')
+      );
+      return item?.label || item?.dictValue || '';
+    },
+    resolveTransportMode(value) {
+      const text = [value, this.form.transportTypeName, this.getTransportTypeLabel(value)]
+        .filter(Boolean)
+        .join(' ')
+        .toLowerCase();
+      if (!text) return '';
+      if (
+        text.includes('公路') ||
+        text.includes('道路') ||
+        text.includes('road') ||
+        text.includes('highway') ||
+        text === 'gl'
+      ) {
+        return 'road';
+      }
+      if (
+        text.includes('铁路') ||
+        text.includes('rail') ||
+        text.includes('train') ||
+        text === 'tl'
+      ) {
+        return 'rail';
+      }
+      if (
+        text.includes('水路') ||
+        text.includes('水运') ||
+        text.includes('海运') ||
+        text.includes('港') ||
+        text.includes('water') ||
+        text.includes('ship') ||
+        text.includes('sea') ||
+        text === 'sl'
+      ) {
+        return 'water';
+      }
+      if (
+        text.includes('航空') ||
+        text.includes('空运') ||
+        text.includes('空港') ||
+        text.includes('air') ||
+        text.includes('airport') ||
+        text === 'hk'
+      ) {
+        return 'air';
+      }
+      return '';
+    },
+    openTransportPrimaryAddressPicker(target) {
+      if (this.transportStationMode) {
+        this.openTransportStationDialog(target);
+      }
+    },
+    openTransportSecondaryAddressPicker(target) {
+      if (this.transportStationMode) {
+        this.openTransportStationDialog(target);
+        return;
+      }
+      this.openTransportMapDialog(target);
+    },
+    ensureTransportTypeBeforeAddress() {
+      if (
+        !this.config.enableTransportPlanForm ||
+        !this.isBillingFieldEmpty(this.form.transportType)
+      ) {
+        return true;
+      }
+      this.$message.warning('请先选择运输方式');
+      return false;
+    },
+    openTransportRouteDialog() {
+      if (!this.ensureTransportTypeBeforeAddress()) return;
+      this.transportRouteSelected = null;
+      this.transportRoutePage.currentPage = 1;
+      this.transportRouteQuery = {};
+      this.transportRouteBox = true;
+    },
+    loadTransportRouteList() {
+      this.transportRouteLoading = true;
+      getCommonRouteList(this.transportRoutePage.currentPage, this.transportRoutePage.pageSize, {
+        ...this.transportRouteQuery,
+        allDept: 0,
+      })
+        .then(res => {
+          const data = res.data.data || {};
+          this.transportRouteRows = data.records || [];
+          this.transportRoutePage.total = data.total || 0;
+        })
+        .finally(() => {
+          this.transportRouteLoading = false;
+        });
+    },
+    handleTransportRouteSearch() {
+      this.transportRoutePage.currentPage = 1;
+      this.loadTransportRouteList();
+    },
+    handleTransportRouteReset() {
+      this.transportRouteQuery = {};
+      this.transportRoutePage.currentPage = 1;
+      this.loadTransportRouteList();
+    },
+    handleTransportRouteSizeChange(pageSize) {
+      this.transportRoutePage.pageSize = pageSize;
+      this.transportRoutePage.currentPage = 1;
+      this.loadTransportRouteList();
+    },
+    handleTransportRouteCurrentChange(currentPage) {
+      this.transportRoutePage.currentPage = currentPage;
+      this.loadTransportRouteList();
+    },
+    formatTransportRouteUpdateUserName(row) {
+      return formatUpdateUserName(row);
+    },
+    selectTransportRouteRow(row) {
+      this.transportRouteSelected = row;
+      this.applyTransportRoute(row);
+      this.transportRouteBox = false;
+    },
+    applyTransportRoute(route = {}) {
+      this.applyTransportAddress('departure', {
+        addressName: route.departureName,
+        detailAddress: route.departureAddress,
+        longitude: route.departureLongitude,
+        latitude: route.departureLatitude,
+        contactName: route.departureContact,
+        contactPhone: route.departurePhone,
+        addressCode: route.departureAddressCode,
+        siteCode: route.departureSiteCode,
+      });
+      this.applyTransportAddress('arrival', {
+        addressName: route.arrivalName,
+        detailAddress: route.arrivalAddress,
+        longitude: route.arrivalLongitude,
+        latitude: route.arrivalLatitude,
+        contactName: route.arrivalContact,
+        contactPhone: route.arrivalPhone,
+        addressCode: route.arrivalAddressCode,
+        siteCode: route.arrivalSiteCode,
+      });
+    },
+    openTransportStationDialog(target) {
+      if (!this.ensureTransportTypeBeforeAddress()) return;
+      if (!this.transportStationMode) return;
+      this.transportStationTarget = target;
+      this.transportStationQuery = {};
+      this.transportStationPage.currentPage = 1;
+      this.transportStationBox = true;
+    },
+    getTransportStationListRequest() {
+      const requestMap = {
+        water: getPortTerminalList,
+        rail: getRailwayStationList,
+        air: getAirportMasterList,
+      };
+      return requestMap[this.transportMode];
+    },
+    loadTransportStationList() {
+      const request = this.getTransportStationListRequest();
+      if (!request) return;
+      this.transportStationLoading = true;
+      request(
+        this.transportStationPage.currentPage,
+        this.transportStationPage.pageSize,
+        this.buildTransportStationQueryParams()
+      )
+        .then(res => {
+          const data = res.data.data || {};
+          this.transportStationRows = (data.records || []).map(row =>
+            this.normalizeTransportStationRow(row)
+          );
+          this.transportStationPage.total = data.total || 0;
+        })
+        .finally(() => {
+          this.transportStationLoading = false;
+        });
+    },
+    buildTransportStationQueryParams() {
+      const query = this.transportStationQuery || {};
+      return Object.keys(query).reduce((params, key) => {
+        const value = query[key];
+        if (value !== undefined && value !== null && value !== '') {
+          params[key] = value;
+        }
+        return params;
+      }, {});
+    },
+    handleTransportStationSearch() {
+      this.transportStationPage.currentPage = 1;
+      this.loadTransportStationList();
+    },
+    handleTransportStationReset() {
+      this.transportStationQuery = {};
+      this.transportStationPage.currentPage = 1;
+      this.loadTransportStationList();
+    },
+    handleTransportStationSizeChange(pageSize) {
+      this.transportStationPage.pageSize = pageSize;
+      this.transportStationPage.currentPage = 1;
+      this.loadTransportStationList();
+    },
+    handleTransportStationCurrentChange(currentPage) {
+      this.transportStationPage.currentPage = currentPage;
+      this.loadTransportStationList();
+    },
+    normalizeTransportStationRow(row = {}) {
+      const regionName =
+        row.regionName ||
+        [row.provinceName, row.cityName, row.districtName].filter(Boolean).join('');
+      return {
+        ...row,
+        stationName: row.name || row.stationName || row.addressName || '',
+        stationType: row.category || this.transportStationTypeLabel,
+        stationCode: row.code || row.tmisCode || row.iataCode || row.icaoCode || row.siteCode || '',
+        detailAddress: row.detailAddress || row.address || '',
+        regionName,
+      };
+    },
+    selectTransportStationRow(row) {
+      const station = this.normalizeTransportStationRow(row);
+      this.applyTransportAddress(this.transportStationTarget, {
+        addressName: station.stationName,
+        addressType: this.transportStationTypeLabel,
+        detailAddress: station.detailAddress,
+        longitude: station.longitude,
+        latitude: station.latitude,
+        regionName: station.regionName,
+        regionCode: station.regionCode,
+        siteCode: station.stationCode,
+        siteCodeDisplay: station.stationCode,
+        remark: station.remark,
+      });
+      this.transportStationBox = false;
+    },
+    openTransportAddressDialog(target) {
+      if (!this.ensureTransportTypeBeforeAddress()) return;
+      this.transportAddressTarget = target;
+      this.transportAddressSelected = null;
+      this.transportAddressQuery = {};
+      this.transportAddressPage.currentPage = 1;
+      this.transportAddressBox = true;
+    },
+    loadTransportAddressList() {
+      this.transportAddressLoading = true;
+      getCommonAddressList(
+        this.transportAddressPage.currentPage,
+        this.transportAddressPage.pageSize,
+        {
+          ...this.transportAddressQuery,
+          allDept: 0,
+        }
+      )
+        .then(res => {
+          const data = res.data.data || {};
+          this.transportAddressRows = data.records || [];
+          this.transportAddressPage.total = data.total || 0;
+        })
+        .finally(() => {
+          this.transportAddressLoading = false;
+        });
+    },
+    handleTransportAddressSearch() {
+      this.transportAddressPage.currentPage = 1;
+      this.loadTransportAddressList();
+    },
+    handleTransportAddressReset() {
+      this.transportAddressQuery = {};
+      this.transportAddressPage.currentPage = 1;
+      this.loadTransportAddressList();
+    },
+    handleTransportAddressSizeChange(pageSize) {
+      this.transportAddressPage.pageSize = pageSize;
+      this.transportAddressPage.currentPage = 1;
+      this.loadTransportAddressList();
+    },
+    handleTransportAddressCurrentChange(currentPage) {
+      this.transportAddressPage.currentPage = currentPage;
+      this.loadTransportAddressList();
+    },
+    formatTransportAddressSiteCode(row) {
+      return row.addressType === '常规地址' ? '/' : row.siteCodeDisplay || row.siteCode || '';
+    },
+    selectTransportAddressRow(row) {
+      this.transportAddressSelected = row;
+      this.applyTransportAddress(this.transportAddressTarget, {
+        ...row,
+        preferRegionName: true,
+      });
+      this.transportAddressBox = false;
+    },
+    applyTransportAddress(target, address = {}) {
+      const prefix = target === 'departure' ? 'departure' : 'arrival';
+      this.form[`${prefix}Name`] = address.preferRegionName
+        ? address.regionName || address.addressName || ''
+        : address.addressName || address.regionName || '';
+      this.form[`${prefix}Address`] = address.detailAddress || address.address || '';
+      this.form[`${prefix}AddressCode`] = address.addressCode || '';
+      this.form[`${prefix}SiteCode`] =
+        address.addressType === '常规地址'
+          ? '/'
+          : address.siteCodeDisplay || address.siteCode || '';
+      this.form[`${prefix}Longitude`] = address.longitude || '';
+      this.form[`${prefix}Latitude`] = address.latitude || '';
+      this.form[`${prefix}Contact`] = address.contactName || this.form[`${prefix}Contact`] || '';
+      this.form[`${prefix}Phone`] = address.contactPhone || this.form[`${prefix}Phone`] || '';
+      this.$refs.crud?.validateField?.(`${prefix}Address`);
+    },
+    openTransportMapDialog(target) {
+      if (this.dialogReadonly) return;
+      if (!this.ensureTransportTypeBeforeAddress()) return;
+      const prefix = target === 'departure' ? 'departure' : 'arrival';
+      this.transportMapTarget = prefix;
+      this.transportMapKeyword = this.form[`${prefix}Address`] || this.form[`${prefix}Name`] || '';
+      this.transportMapSelected = this.buildTransportMapSelection({
+        lng: this.form[`${prefix}Longitude`],
+        lat: this.form[`${prefix}Latitude`],
+        address: this.form[`${prefix}Address`],
+        regionName: this.form[`${prefix}Name`],
+      });
+      this.transportMapStatus = this.transportMapSelected.longitude
+        ? '已加载当前选点，可重新选点'
+        : '可搜索地址或点击地图选点';
+      this.transportMapBox = true;
+    },
+    loadAmap() {
+      if (window.AMap && window.AMap.Map) {
+        return Promise.resolve();
+      }
+      if (!amapLoader) {
+        amapLoader = new Promise((resolve, reject) => {
+          window._AMapSecurityConfig = {
+            securityJsCode: AMAP_SECURITY_CODE,
+          };
+          const script = document.createElement('script');
+          script.src = `https://webapi.amap.com/maps?v=2.0&key=${AMAP_KEY}`;
+          script.async = true;
+          script.onload = resolve;
+          script.onerror = () => reject(new Error('高德地图组件加载失败'));
+          document.body.appendChild(script);
+        });
+      }
+      return amapLoader;
+    },
+    initTransportAmap() {
+      this.loadAmap()
+        .then(() => {
+          this.$nextTick(() => {
+            if (!this.transportAmap) {
+              const center = this.toLngLat(
+                this.transportMapSelected.longitude || 116.40769,
+                this.transportMapSelected.latitude || 39.89945
+              );
+              this.transportAmap = new window.AMap.Map(this.$refs.transportAmap, {
+                center,
+                zoom: this.transportMapSelected.longitude ? 14 : 11,
+              });
+              window.AMap.plugin(['AMap.ToolBar', 'AMap.Geocoder'], () => {
+                this.transportAmap.addControl(new window.AMap.ToolBar());
+                if (!this.transportAmapGeocoder) {
+                  this.transportAmapGeocoder = new window.AMap.Geocoder();
+                }
+              });
+              this.transportAmap.on('click', event => this.pickTransportMapPoint(event.lnglat));
+            } else if (typeof this.transportAmap.resize === 'function') {
+              this.transportAmap.resize();
+            }
+            if (this.transportMapSelected.longitude) {
+              this.renderTransportMapMarker(
+                this.toLngLat(
+                  this.transportMapSelected.longitude,
+                  this.transportMapSelected.latitude
+                )
+              );
+            }
+          });
+        })
+        .catch(() => {
+          this.$message.error('高德地图组件加载失败，请稍后重试或重新打开弹窗');
+          this.transportMapBox = false;
+        });
+    },
+    searchTransportMapKeyword() {
+      const keyword = String(this.transportMapKeyword || '').trim();
+      if (!keyword) {
+        this.$message.warning('请输入地址关键词');
+        return;
+      }
+      this.loadAmap()
+        .then(() => {
+          this.transportMapLoading = true;
+          this.ensureTransportAmapGeocoder()
+            .then(() => this.runAmapGeocode('location', keyword))
+            .then(result => {
+              const point = this.resolveMapPoint(result);
+              if (!point) {
+                this.transportMapStatus = '未找到匹配地址';
+                this.$message.warning('地图搜索无匹配地址');
+                return;
+              }
+              this.pickTransportMapPoint(point, keyword);
+            })
+            .catch(() => {
+              this.transportMapStatus = '地图搜索失败';
+              this.$message.error('地图搜索失败，请稍后重试');
+            })
+            .finally(() => {
+              this.transportMapLoading = false;
+            });
+        })
+        .catch(() => {
+          this.$message.error('高德地图组件加载失败，请稍后重试或重新打开弹窗');
+        });
+    },
+    pickTransportMapPoint(lnglat, keyword) {
+      const longitude = this.getPointLng(lnglat);
+      const latitude = this.getPointLat(lnglat);
+      if (longitude === undefined || latitude === undefined) {
+        this.$message.warning('选点坐标无效');
+        return;
+      }
+      const point = this.toLngLat(longitude, latitude);
+      this.renderTransportMapMarker(point);
+      this.transportMapSelected = this.buildTransportMapSelection({
+        lng: longitude,
+        lat: latitude,
+        address: keyword,
+      });
+      this.transportMapStatus = '正在反查地址...';
+      this.ensureTransportAmapGeocoder()
+        .then(() => this.runAmapGeocode('address', point))
+        .then(result => {
+          const address = this.resolveMapAddress(result);
+          this.transportMapSelected = {
+            ...this.transportMapSelected,
+            detailAddress: address.detailAddress || this.transportMapSelected.detailAddress,
+            regionName: address.regionName || this.transportMapSelected.regionName,
+            regionCode: address.regionCode || this.transportMapSelected.regionCode,
+          };
+          this.transportMapKeyword =
+            this.transportMapSelected.detailAddress || this.transportMapKeyword;
+          this.transportMapStatus = this.transportMapSelected.detailAddress || '已选点，可确认回填';
+        })
+        .catch(() => {
+          this.transportMapStatus = '反查地址失败';
+          this.$message.error('反查地址失败，请重新选点');
+        });
+    },
+    renderTransportMapMarker(point) {
+      if (!this.transportAmap || !window.AMap) return;
+      if (this.transportAmapMarker) {
+        this.transportAmapMarker.setMap(null);
+      }
+      this.transportAmapMarker = new window.AMap.Marker({
+        position: point,
+      });
+      this.transportAmapMarker.setMap(this.transportAmap);
+      this.transportAmap.setCenter(point);
+    },
+    confirmTransportMapPick() {
+      if (!this.transportMapSelected.longitude) {
+        this.$message.warning('请先搜索或点击地图完成选点');
+        return;
+      }
+      const prefix = this.transportMapTarget;
+      this.form[`${prefix}Address`] =
+        this.transportMapSelected.detailAddress || this.form[`${prefix}Address`];
+      this.form[`${prefix}Name`] =
+        this.transportMapSelected.regionName || this.form[`${prefix}Name`];
+      this.form[`${prefix}Longitude`] = this.transportMapSelected.longitude;
+      this.form[`${prefix}Latitude`] = this.transportMapSelected.latitude;
+      this.transportMapBox = false;
+      this.$refs.crud?.validateField?.(`${prefix}Address`);
+    },
+    buildTransportMapSelection({ lng, lat, address, regionName, regionCode }) {
+      const longitude = this.formatCoordinate(lng);
+      const latitude = this.formatCoordinate(lat);
+      return {
+        longitude,
+        latitude,
+        detailAddress: address || '',
+        regionName: regionName || '',
+        regionCode: regionCode || '',
+      };
+    },
+    formatCoordinate(value) {
+      if (value === undefined || value === null || value === '') return '';
+      const numberValue = Number(value);
+      return Number.isFinite(numberValue) ? numberValue.toFixed(6) : '';
+    },
+    toLngLat(lng, lat) {
+      return new window.AMap.LngLat(Number(lng), Number(lat));
+    },
+    getPointLng(point) {
+      if (!point) return undefined;
+      if (typeof point.getLng === 'function') return point.getLng();
+      return point.lng ?? point.lon;
+    },
+    getPointLat(point) {
+      if (!point) return undefined;
+      if (typeof point.getLat === 'function') return point.getLat();
+      return point.lat;
+    },
+    ensureTransportAmapGeocoder() {
+      if (this.transportAmapGeocoder) {
+        return Promise.resolve(this.transportAmapGeocoder);
+      }
+      return new Promise((resolve, reject) => {
+        if (!window.AMap || !window.AMap.plugin) {
+          reject(new Error('高德地图组件未就绪'));
+          return;
+        }
+        window.AMap.plugin(['AMap.Geocoder'], () => {
+          try {
+            this.transportAmapGeocoder = new window.AMap.Geocoder();
+            resolve(this.transportAmapGeocoder);
+          } catch (error) {
+            reject(error);
+          }
+        });
+      });
+    },
+    runAmapGeocode(action, input) {
+      return new Promise((resolve, reject) => {
+        const timer = window.setTimeout(() => {
+          reject(new Error('高德地图请求超时'));
+        }, 10000);
+        const done = (status, result) => {
+          window.clearTimeout(timer);
+          if (status === 'complete' && result) {
+            resolve(result);
+            return;
+          }
+          reject(new Error('高德地图请求失败'));
+        };
+        try {
+          if (action === 'location') {
+            this.transportAmapGeocoder.getLocation(input, done);
+          } else {
+            this.transportAmapGeocoder.getAddress(input, done);
+          }
+        } catch (error) {
+          window.clearTimeout(timer);
+          reject(error);
+        }
+      });
+    },
+    resolveMapPoint(result) {
+      if (!result) return null;
+      const geocode = Array.isArray(result.geocodes) ? result.geocodes[0] : null;
+      if (geocode && geocode.location) return geocode.location;
+      if (result.location) return result.location;
+      if (result.lnglat) return result.lnglat;
+      if (result.getLng || result.lng || result.lon) return result;
+      return null;
+    },
+    resolveMapAddress(result = {}) {
+      const regeocode = result.regeocode || {};
+      const component = regeocode.addressComponent || {};
+      const city = Array.isArray(component.city) ? '' : component.city;
+      const regionName = [component.province, city, component.district].filter(Boolean).join('');
+      return {
+        detailAddress: regeocode.formattedAddress || '',
+        regionName,
+        regionCode: component.adcode || '',
+      };
+    },
+    openCommonCargoDialog() {
+      this.commonCargoSelected = [];
+      this.commonCargoQuery = {};
+      this.commonCargoPage.currentPage = 1;
+      this.commonCargoBox = true;
+    },
+    loadCommonCargoList() {
+      this.commonCargoLoading = true;
+      getCommonCargoList(this.commonCargoPage.currentPage, this.commonCargoPage.pageSize, {
+        ...this.buildCommonCargoQueryParams(),
+        allDept: 0,
+      })
+        .then(res => {
+          const data = res.data.data || {};
+          this.commonCargoRows = data.records || [];
+          this.commonCargoPage.total = data.total || 0;
+        })
+        .finally(() => {
+          this.commonCargoLoading = false;
+        });
+    },
+    buildCommonCargoQueryParams() {
+      const { cargoTypePath, ...query } = this.commonCargoQuery || {};
+      return Object.keys(query).reduce((params, key) => {
+        const value = query[key];
+        if (value !== undefined && value !== null && value !== '') {
+          params[key] = value;
+        }
+        return params;
+      }, {});
+    },
+    handleCommonCargoSearch() {
+      this.commonCargoPage.currentPage = 1;
+      this.loadCommonCargoList();
+    },
+    handleCommonCargoReset() {
+      this.commonCargoQuery = {};
+      this.commonCargoPage.currentPage = 1;
+      this.loadCommonCargoList();
+    },
+    handleCommonCargoSizeChange(pageSize) {
+      this.commonCargoPage.pageSize = pageSize;
+      this.commonCargoPage.currentPage = 1;
+      this.loadCommonCargoList();
+    },
+    handleCommonCargoCurrentChange(currentPage) {
+      this.commonCargoPage.currentPage = currentPage;
+      this.loadCommonCargoList();
+    },
+    handleCommonCargoTypeChange(value) {
+      const path = this.normalizeBillingCargoTypePath(value);
+      const labels = this.getBillingCargoTypePathLabels(path);
+      const firstCargoType = this.billingCargoTypeFlatOptions.find(
+        item => String(item.id) === String(path[0] || '') && item.path?.length === 1
+      );
+      const secondCargoType = this.findBillingCargoTypeByPath(path);
+      this.commonCargoQuery = {
+        ...this.commonCargoQuery,
+        cargoTypePath: path,
+        firstCargoTypeName: labels[0] || '',
+        firstCargoTypeCode: firstCargoType?.cargoCode || firstCargoType?.code || '',
+        secondCargoTypeName: labels[1] || '',
+        secondCargoTypeCode: secondCargoType?.cargoCode || secondCargoType?.code || '',
+      };
+      if (!path.length) {
+        delete this.commonCargoQuery.firstCargoTypeName;
+        delete this.commonCargoQuery.firstCargoTypeCode;
+        delete this.commonCargoQuery.secondCargoTypeName;
+        delete this.commonCargoQuery.secondCargoTypeCode;
+      }
+    },
+    formatCommonCargoSize(row) {
+      return row.cargoSize || row.size || row.dimension || row.dimensions || '';
+    },
+    async selectCommonCargoRow(row) {
+      this.commonCargoSelected = [row];
+      await this.ensureBillingCargoTypeOptions();
+      this.addTransportCargoRow(-1, this.mapCommonCargoRow(row));
+      this.commonCargoBox = false;
+    },
+    mapCommonCargoRow(row = {}) {
+      const cargoTypePath = this.resolveCommonCargoTypePath(row);
+      const cargoType = this.findBillingCargoTypeByPath(cargoTypePath);
+      const labels = this.getBillingCargoTypePathLabels(cargoTypePath);
+      return {
+        cargoName: row.cargoName,
+        cargoTypePath,
+        cargoType: labels[1] || row.secondCargoTypeName || row.firstCargoTypeName,
+        cargoTypeCode:
+          cargoType?.cargoCode ||
+          cargoType?.code ||
+          row.secondCargoTypeCode ||
+          row.firstCargoTypeCode,
+        packageType: row.packageType,
+        brand: row.brand,
+        specification: row.specification,
+        model: row.model,
+        remark: row.remark || row.descriptionOne || '',
+      };
+    },
+    async handleCargoImportFileChange(file) {
+      const rawFile = file.raw;
+      if (!rawFile) return;
+      this.cargoImportLoading = true;
+      try {
+        const ExcelJSModule = await import('exceljs');
+        const ExcelJS = ExcelJSModule.default || ExcelJSModule;
+        const workbook = new ExcelJS.Workbook();
+        await workbook.xlsx.load(await rawFile.arrayBuffer());
+        const worksheet = workbook.worksheets[0];
+        const headerRow = worksheet.getRow(1);
+        const headerMap = {};
+        headerRow.eachCell((cell, colNumber) => {
+          headerMap[String(cell.value || '').trim()] = colNumber;
+        });
+        const fieldMap = {
+          货物名称: 'cargoName',
+          货物类型: 'cargoType',
+          数量: 'quantity',
+          数量单位: 'quantityUnit',
+          包装: 'packageType',
+          品牌: 'brand',
+          规格: 'specification',
+          型号: 'model',
+          物料编码: 'materialCode',
+          设备编码: 'deviceCode',
+          备注: 'remark',
+        };
+        const rows = [];
+        worksheet.eachRow((row, rowNumber) => {
+          if (rowNumber === 1) return;
+          const nextRow = defaultTransportCargo();
+          Object.entries(fieldMap).forEach(([label, prop]) => {
+            const columnIndex = headerMap[label];
+            if (!columnIndex) return;
+            nextRow[prop] = String(row.getCell(columnIndex).value || '').trim();
+          });
+          if (Object.values(nextRow).some(value => String(value || '').trim())) {
+            rows.push(nextRow);
+          }
+        });
+        if (!rows.length) {
+          this.$message.warning('未读取到货物数据');
+          return;
+        }
+        rows.forEach(row => this.addTransportCargoRow(-1, row));
+        this.$message.success(`成功导入${rows.length}条货物`);
+        this.cargoImportBox = false;
+      } catch (error) {
+        window.console.log(error);
+        this.$message.error('货物导入失败，请检查文件格式');
+      } finally {
+        this.cargoImportLoading = false;
+      }
+    },
+    loadOrganizationOptions() {
+      if (!this.config.enableOrganizationSelect || this.organizationLoading) return;
+      this.organizationLoading = true;
+      getDeptTree(this.userInfo?.tenantId)
+        .then(res => {
+          this.organizationOptions = this.normalizeOrganizationOptions(res.data.data || []);
+          this.organizationFlatOptions = this.flattenOrganizationOptions(this.organizationOptions);
+          this.syncOrganizationSearchDic();
+          this.syncCurrentOrganizationOption();
+        })
+        .finally(() => {
+          this.organizationLoading = false;
+        });
+    },
+    normalizeOrganizationOptions(tree = []) {
+      return (tree || []).map(item => {
+        const name = item.title || item.deptName || item.name || item.label || '';
+        const children = this.normalizeOrganizationOptions(item.children || []);
+        return {
+          ...item,
+          id: String(item.id),
+          label: name,
+          rawLabel: name,
+          children: children.length ? children : undefined,
+        };
+      });
+    },
+    flattenOrganizationOptions(tree = []) {
+      const result = [];
+      tree.forEach(item => {
+        result.push({
+          id: String(item.id),
+          label: item.label,
+          rawLabel: item.rawLabel || item.label,
+        });
+        if (item.children && item.children.length) {
+          result.push(...this.flattenOrganizationOptions(item.children));
+        }
+      });
+      return result;
+    },
+    syncOrganizationSearchDic() {
+      const column = this.findColumn?.(this.option.column, 'organizationName');
+      if (column) {
+        column.dicData = this.organizationOptions;
+      }
+    },
+    syncCurrentOrganizationOption() {
+      if (!this.form.organizationId || !this.form.organizationName) return;
+      const exists = this.organizationFlatOptions.some(
+        item => String(item.id) === String(this.form.organizationId)
+      );
+      if (!exists) {
+        const current = {
+          id: String(this.form.organizationId),
+          label: this.form.organizationName,
+          rawLabel: this.form.organizationName,
+        };
+        this.organizationOptions.unshift(current);
+        this.organizationFlatOptions.unshift(current);
+        this.syncOrganizationSearchDic();
+      }
+    },
+    findOrganizationOption(organizationId) {
+      const value = Array.isArray(organizationId)
+        ? organizationId[organizationId.length - 1]
+        : organizationId;
+      return this.organizationFlatOptions.find(item => String(item.id) === String(value));
+    },
+    handleOrganizationChange(organizationId) {
+      const organization = this.findOrganizationOption(organizationId);
+      if (!organization) {
+        this.form.organizationId = '';
+        this.form.organizationName = '';
+        return;
+      }
+      this.form.organizationId = organization.id;
+      this.form.organizationName = organization.rawLabel || organization.label || '';
+      this.$refs.crud?.validateField?.('organizationName');
+    },
+    handleAmountInput(prop, value) {
+      const text = String(value || '').replace(/[^\d.]/g, '');
+      const parts = text.split('.');
+      this.form[prop] =
+        parts.length > 1 ? `${parts[0]}.${parts.slice(1).join('').slice(0, 2)}` : parts[0];
+    },
+    handleIntegerInput(prop, value) {
+      this.form[prop] = String(value || '').replace(/\D/g, '');
+    },
+    handleContractDateChange() {
+      this.syncContractPeriod(true);
+    },
+    syncContractPeriod(validate = true) {
+      if (!this.config.enableContractPeriod) return;
+      this.form.contractPeriod =
+        this.form.startDate && this.form.endDate
+          ? `${this.form.startDate}至${this.form.endDate}`
+          : '';
+      if (validate) {
+        this.$refs.crud?.validateField?.('contractPeriod');
+      }
+    },
+    applyCurrentUserHandler() {
+      if (!this.config.enableCurrentUserHandler || this.form.handlerUserName) return;
+      this.form.handlerUserName =
+        this.userInfo?.realName || this.userInfo?.userName || this.userInfo?.account || '';
+    },
+    handleAttachmentChange(list) {
+      const userName = this.userInfo?.realName || this.userInfo?.userName || '';
+      const uploadTime = this.$dayjs().format('YYYY-MM-DD HH:mm:ss');
+      this.attachmentRows = (list || []).map(item => ({
+        ...item,
+        description: item.description || '',
+        uploadUserName: item.uploadUserName || userName,
+        uploadTime: item.uploadTime || uploadTime,
+      }));
+      this.form.attachmentsJson = JSON.stringify(this.attachmentRows);
+    },
+    removeAttachment(index) {
+      this.attachmentRows.splice(index, 1);
+      this.form.attachmentsJson = JSON.stringify(this.attachmentRows);
+    },
+    formatFileSize(size) {
+      const number = Number(size);
+      if (!number) return '';
+      if (number < 1024) return `${number}B`;
+      if (number < 1024 * 1024) return `${(number / 1024).toFixed(1)}KB`;
+      return `${(number / 1024 / 1024).toFixed(1)}MB`;
+    },
+    downloadAttachment(row) {
+      const url = row.url || row.link;
+      if (!url) {
+        this.$message.warning('附件地址为空');
+        return;
+      }
+      downloadFileByUrl(url, row.originalName || row.name || '附件');
+    },
+    handleBatchDownload() {
+      this.attachmentRows.forEach(row => this.downloadAttachment(row));
+    },
+    handleContractFileChange(list) {
+      const userName = this.userInfo?.realName || this.userInfo?.userName || '';
+      const uploadTime = this.$dayjs().format('YYYY-MM-DD HH:mm:ss');
+      this.contractFileRows = (list || []).map(item => ({
+        ...item,
+        uploadUserName: item.uploadUserName || userName,
+        uploadTime: item.uploadTime || uploadTime,
+      }));
+      this.form.contractFileJson = JSON.stringify(this.contractFileRows);
+    },
+    removeContractFile(index) {
+      this.contractFileRows.splice(index, 1);
+      this.form.contractFileJson = JSON.stringify(this.contractFileRows);
+    },
+    cloneData(data) {
+      return JSON.parse(JSON.stringify(data));
+    },
+    syncBillingPlanJson() {
+      if (!this.config.enableBillingPlan) return;
+      if (
+        this.form.billingEnabled === undefined ||
+        this.form.billingEnabled === null ||
+        this.form.billingEnabled === ''
+      ) {
+        this.form.billingEnabled = 1;
+      }
+      this.form.billingPlanJson = JSON.stringify(this.billingPlanRows);
+    },
+    ensureBillingMatchRegionOptions() {
+      if (!this.config.enableBillingPlan && !this.config.enableTransportPlanForm) {
+        return Promise.resolve([]);
+      }
+      if (this.billingMatchRegionOptions.length) {
+        return Promise.resolve(this.billingMatchRegionOptions);
+      }
+      if (this.billingMatchRegionRequest) {
+        return this.billingMatchRegionRequest;
+      }
+      this.billingMatchRegionLoading = true;
+      this.billingMatchRegionRequest = getRegionLazyTree()
+        .then(res => {
+          const regionTree = this.buildBillingMatchRegionTree(res.data.data || []);
+          const regions = this.extractBillingMatchChinaRegions(regionTree);
+          this.billingMatchRegionOptions = regions
+            .map(item => this.normalizeBillingMatchRegionNode(item, 1))
+            .filter(Boolean);
+          return this.billingMatchRegionOptions;
+        })
+        .finally(() => {
+          this.billingMatchRegionLoading = false;
+          this.billingMatchRegionRequest = null;
+        });
+      return this.billingMatchRegionRequest;
+    },
+    ensureBillingCargoTypeOptions() {
+      if (!this.config.enableBillingPlan && !this.config.enableTransportPlanForm) {
+        return Promise.resolve([]);
+      }
+      if (this.billingCargoTypeOptions.length) {
+        return Promise.resolve(this.billingCargoTypeOptions);
+      }
+      if (this.billingCargoTypeRequest) {
+        return this.billingCargoTypeRequest;
+      }
+      this.billingCargoTypeLoading = true;
+      this.billingCargoTypeRequest = getCargoTypeList(1, 9999)
+        .then(res => {
+          this.billingCargoTypeOptions = this.buildBillingCargoTypeTree(extractRecords(res));
+          this.billingCargoTypeFlatOptions = this.flattenBillingCargoTypeOptions(
+            this.billingCargoTypeOptions
+          );
+          return this.billingCargoTypeOptions;
+        })
+        .finally(() => {
+          this.billingCargoTypeLoading = false;
+          this.billingCargoTypeRequest = null;
+        });
+      return this.billingCargoTypeRequest;
+    },
+    buildBillingCargoTypeTree(cargoTypes = []) {
+      const flatCargoTypes = [];
+      const collectCargoTypes = list => {
+        (list || []).forEach(item => {
+          flatCargoTypes.push({
+            ...item,
+            children: undefined,
+          });
+          if (item.children?.length) collectCargoTypes(item.children);
+        });
+      };
+      collectCargoTypes(cargoTypes);
+
+      const nodeMap = new Map();
+      const codeMap = new Map();
+      flatCargoTypes.forEach(item => {
+        const id = item.id ?? item.cargoCode ?? item.code;
+        if (id === undefined || id === null) return;
+        const node = {
+          ...item,
+          id: String(id),
+          cargoName: this.formatBillingCargoTypeLabel(item),
+          cargoCode: item.cargoCode || item.code || '',
+          parentId:
+            item.parentId === undefined || item.parentId === null ? '' : String(item.parentId),
+          parentCargoCode: item.parentCargoCode || item.parentCode || '',
+          children: [],
+        };
+        nodeMap.set(node.id, node);
+        if (node.cargoCode) {
+          codeMap.set(String(node.cargoCode), node);
+        }
+      });
+
+      const rootNodes = [];
+      nodeMap.forEach(node => {
+        const parent =
+          nodeMap.get(node.parentId) ||
+          codeMap.get(String(node.parentCargoCode || '')) ||
+          codeMap.get(String(node.parentId || ''));
+        if (parent && parent !== node && Number(node.typeLevel) !== 1) {
+          parent.children.push(node);
+        } else {
+          rootNodes.push(node);
+        }
+      });
+      return rootNodes.map(item => this.normalizeBillingCargoTypeNode(item, 1)).filter(Boolean);
+    },
+    normalizeBillingCargoTypeNode(cargoType, level = 1, parentPath = []) {
+      if (level > 2) return null;
+      const id = String(cargoType.id);
+      const path = [...parentPath, id];
+      const children =
+        level === 1
+          ? (cargoType.children || [])
+              .map(item => this.normalizeBillingCargoTypeNode(item, level + 1, path))
+              .filter(Boolean)
+          : [];
+      return {
+        ...cargoType,
+        id,
+        cargoName: this.formatBillingCargoTypeLabel(cargoType),
+        cargoCode: cargoType.cargoCode || cargoType.code || '',
+        path,
+        leaf: level === 2,
+        children: children.length ? children : undefined,
+      };
+    },
+    flattenBillingCargoTypeOptions(options = []) {
+      const result = [];
+      const collectOptions = list => {
+        (list || []).forEach(item => {
+          result.push(item);
+          if (item.children?.length) collectOptions(item.children);
+        });
+      };
+      collectOptions(options);
+      return result;
+    },
+    buildBillingMatchRegionTree(regions = []) {
+      const flatRegions = [];
+      const collectRegions = list => {
+        (list || []).forEach(item => {
+          flatRegions.push({
+            ...item,
+            children: undefined,
+          });
+          if (item.children?.length) collectRegions(item.children);
+        });
+      };
+      collectRegions(regions);
+
+      const nodeMap = new Map();
+      flatRegions.forEach(item => {
+        const id = item.id ?? item.code ?? item.value;
+        if (id === undefined || id === null) return;
+        nodeMap.set(String(id), {
+          ...item,
+          id: String(id),
+          parentId:
+            item.parentId === undefined || item.parentId === null
+              ? String(item.parentCode || '')
+              : String(item.parentId),
+          children: [],
+        });
+      });
+
+      const rootNodes = [];
+      nodeMap.forEach(node => {
+        const parent = nodeMap.get(node.parentId);
+        if (parent && parent !== node) {
+          parent.children.push(node);
+        } else {
+          rootNodes.push(node);
+        }
+      });
+      return rootNodes;
+    },
+    normalizeBillingMatchRegionNode(region, level = 1) {
+      if (level > 2) return null;
+      const children =
+        level === 1
+          ? (region.children || [])
+              .map(item => this.normalizeBillingMatchRegionNode(item, level + 1))
+              .filter(Boolean)
+          : [];
+      return {
+        ...region,
+        title: region.title || region.name || '',
+        leaf: level === 2,
+        children: children.length ? children : undefined,
+      };
+    },
+    isBillingMatchChinaRegion(region = {}) {
+      const title = String(region.title || region.name || '').trim();
+      return title === '中国' || title === '中华人民共和国';
+    },
+    extractBillingMatchChinaRegions(regions) {
+      const china = (regions || []).find(item => this.isBillingMatchChinaRegion(item));
+      if (china?.children?.length) return china.children;
+      if (regions.length === 1 && regions[0].children?.length) return regions[0].children;
+      return regions;
+    },
+    getBillingMatchRegionPathLabels(path = []) {
+      let options = this.billingMatchRegionOptions;
+      const labels = [];
+      (path || []).forEach(value => {
+        const option = (options || []).find(item => String(item.id) === String(value));
+        if (!option) return;
+        labels.push(option.title || option.name || '');
+        options = option.children || [];
+      });
+      return labels.filter(Boolean);
+    },
+    handleBillingMatchRegionChange(prop, value) {
+      const pathProp = `${prop}Path`;
+      const path = Array.isArray(value) && value.length >= 2 ? value.slice(0, 2) : [];
+      const labels = this.getBillingMatchRegionPathLabels(path);
+      this.billingMatchForm[pathProp] = path;
+      if (!path.length) {
+        this.billingMatchForm[prop] = '';
+        this.billingMatchForm[`${prop}Code`] = '';
+        return;
+      }
+      if (labels.length) {
+        this.billingMatchForm[prop] = labels.join('');
+      }
+      this.billingMatchForm[`${prop}Code`] = String(path[path.length - 1]);
+    },
+    formatBillingCargoTypeLabel(item = {}) {
+      return item.cargoName || item.name || item.typeName || item.label || '';
+    },
+    filterBillingCargoType(node, keyword) {
+      const text = String(keyword || '').trim();
+      if (!text) return true;
+      const labels = node.pathLabels?.length ? node.pathLabels : [node.label];
+      return (
+        labels.some(label => String(label || '').includes(text)) ||
+        String(node.text || '').includes(text)
+      );
+    },
+    getBillingCargoTypePathLabels(path = []) {
+      let options = this.billingCargoTypeOptions;
+      const labels = [];
+      (path || []).forEach(value => {
+        const option = (options || []).find(item => String(item.id) === String(value));
+        if (!option) return;
+        labels.push(option.cargoName || '');
+        options = option.children || [];
+      });
+      return labels.filter(Boolean);
+    },
+    findBillingCargoTypeByPath(path = []) {
+      const value = Array.isArray(path) && path.length >= 2 ? String(path[1]) : '';
+      if (!value) return null;
+      return (
+        this.billingCargoTypeFlatOptions.find(
+          item => String(item.id) === value && item.path?.length >= 2
+        ) || null
+      );
+    },
+    findBillingCargoTypeByCodeOrName(condition = {}) {
+      const code = String(condition.cargoTypeCode || '').trim();
+      const name = String(condition.cargoType || '').trim();
+      return (
+        this.billingCargoTypeFlatOptions.find(item => {
+          const cargoCode = String(item.cargoCode || item.code || item.id || '');
+          return item.path?.length >= 2 && code && cargoCode === code;
+        }) ||
+        this.billingCargoTypeFlatOptions.find(item => {
+          const cargoName = this.formatBillingCargoTypeLabel(item);
+          return item.path?.length >= 2 && name && (cargoName === name || name.endsWith(cargoName));
+        }) ||
+        null
+      );
+    },
+    resolveCommonCargoTypePath(row = {}) {
+      const path = this.normalizeBillingCargoTypePath(row.cargoTypePath);
+      if (path.length) return path;
+      const cargoType =
+        this.findBillingCargoTypeByCodeOrName({
+          cargoTypeCode: row.secondCargoTypeCode || row.firstCargoTypeCode || row.cargoTypeCode,
+          cargoType: row.secondCargoTypeName || row.firstCargoTypeName || row.cargoType,
+        }) ||
+        this.findBillingCargoTypeByCodeOrName({
+          cargoTypeCode: row.firstCargoTypeCode || '',
+          cargoType: row.firstCargoTypeName || '',
+        });
+      return cargoType?.path || [];
+    },
+    handleBillingMatchCargoTypeChange(value) {
+      const path =
+        Array.isArray(value) && value.length >= 2
+          ? value.slice(0, 2).map(item => String(item))
+          : [];
+      const cargoType = this.findBillingCargoTypeByPath(path);
+      const labels = this.getBillingCargoTypePathLabels(path);
+      this.billingMatchForm.cargoTypePath = path;
+      if (!path.length || !cargoType) {
+        this.billingMatchForm.cargoType = '';
+        this.billingMatchForm.cargoTypeCode = '';
+        return;
+      }
+      this.billingMatchForm.cargoType =
+        labels.length > 1
+          ? labels.join('/')
+          : labels[0] || this.formatBillingCargoTypeLabel(cargoType || {});
+      this.billingMatchForm.cargoTypeCode =
+        cargoType?.cargoCode || cargoType?.code || cargoType?.id || '';
+    },
+    normalizeBillingCargoTypePath(path) {
+      return Array.isArray(path) && path.length >= 2
+        ? path.slice(0, 2).map(value => String(value))
+        : [];
+    },
+    resolveBillingMatchCargoTypePath(condition = {}) {
+      const path = this.normalizeBillingCargoTypePath(condition.cargoTypePath);
+      if (path.length) return path;
+      const cargoType = this.findBillingCargoTypeByCodeOrName(condition);
+      return cargoType?.path || [];
+    },
+    normalizeBillingMatchRegionPath(path) {
+      return Array.isArray(path) && path.length >= 2
+        ? path.slice(0, 2).map(value => String(value))
+        : [];
+    },
+    normalizeBillingMatchCondition(condition = {}) {
+      const defaults = defaultBillingRule().matchCondition;
+      const nextCondition = {
+        ...defaults,
+        ...(condition || {}),
+      };
+      nextCondition.originPath = this.normalizeBillingMatchRegionPath(condition?.originPath);
+      nextCondition.destinationPath = this.normalizeBillingMatchRegionPath(
+        condition?.destinationPath
+      );
+      nextCondition.cargoTypePath = this.normalizeBillingCargoTypePath(condition?.cargoTypePath);
+      return nextCondition;
+    },
+    ensureBillingFeeCategoryOptions() {
+      if (!this.config.enableBillingPlan) return Promise.resolve([]);
+      if (this.billingFeeCategoryOptions.length) {
+        return Promise.resolve(this.billingFeeCategoryOptions);
+      }
+      if (this.billingFeeCategoryRequest) {
+        return this.billingFeeCategoryRequest;
+      }
+      this.billingFeeCategoryLoading = true;
+      this.billingFeeCategoryRequest = getDictionary({ code: 'fee_category' })
+        .then(res => {
+          this.billingFeeCategoryOptions = res.data.data || [];
+          return this.billingFeeCategoryOptions;
+        })
+        .finally(() => {
+          this.billingFeeCategoryLoading = false;
+          this.billingFeeCategoryRequest = null;
+        });
+      return this.billingFeeCategoryRequest;
+    },
+    ensureBillingUnitOptions() {
+      if (!this.config.enableBillingPlan) return Promise.resolve([]);
+      if (this.billingUnitOptions.length) {
+        return Promise.resolve(this.billingUnitOptions);
+      }
+      if (this.billingUnitRequest) {
+        return this.billingUnitRequest;
+      }
+      this.billingUnitLoading = true;
+      this.billingUnitRequest = getDictionary({ code: 'unit_fee' })
+        .then(res => {
+          this.billingUnitOptions = res.data.data || [];
+          return this.billingUnitOptions;
+        })
+        .finally(() => {
+          this.billingUnitLoading = false;
+          this.billingUnitRequest = null;
+        });
+      return this.billingUnitRequest;
+    },
+    resolveBillingFeeType(value) {
+      const feeType = String(value || '').trim();
+      if (!feeType) return '';
+      const option = this.billingFeeCategoryOptions.find(
+        item => String(item.dictKey || '') === feeType || String(item.dictValue || '') === feeType
+      );
+      return String((option && option.dictKey) || feeType);
+    },
+    getBillingFeeItemOptions(feeType) {
+      const key = this.resolveBillingFeeType(feeType);
+      return key ? this.billingFeeItemOptionsMap[key] || [] : [];
+    },
+    loadBillingFeeItemOptions(feeType) {
+      const key = this.resolveBillingFeeType(feeType);
+      if (!key) return Promise.resolve([]);
+      if (this.billingFeeItemOptionsMap[key]) {
+        return Promise.resolve(this.billingFeeItemOptionsMap[key]);
+      }
+      if (this.billingFeeItemRequestMap[key]) {
+        return this.billingFeeItemRequestMap[key];
+      }
+      this.billingFeeItemLoadingMap[key] = true;
+      this.billingFeeItemRequestMap[key] = getFeeItemList(1, 9999, { feeCategory: key })
+        .then(res => {
+          const records = extractRecords(res);
+          this.billingFeeItemOptionsMap[key] = records;
+          return records;
+        })
+        .finally(() => {
+          this.billingFeeItemLoadingMap[key] = false;
+          delete this.billingFeeItemRequestMap[key];
+        });
+      return this.billingFeeItemRequestMap[key];
+    },
+    loadBillingRuleFeeItems(rules = []) {
+      const feeTypes = Array.from(
+        new Set((rules || []).map(row => this.resolveBillingFeeType(row.feeType)).filter(Boolean))
+      );
+      feeTypes.forEach(feeType => this.loadBillingFeeItemOptions(feeType));
+    },
+    handleBillingFeeTypeChange(row, value) {
+      row.feeType = this.resolveBillingFeeType(value);
+      row.feeItem = '';
+      this.loadBillingFeeItemOptions(row.feeType);
+    },
+    openBillingPlan(row, index = -1) {
+      this.billingPlanMode = index > -1 ? 'edit' : 'add';
+      this.billingPlanIndex = index;
+      const plan = row ? this.cloneData(row) : defaultBillingPlan();
+      this.billingPlanForm = {
+        ...defaultBillingPlan(),
+        ...plan,
+        rules: this.normalizeBillingRules(
+          Array.isArray(plan.rules) && plan.rules.length ? plan.rules : [defaultBillingRule()]
+        ),
+      };
+      this.billingPlanBox = true;
+      this.ensureBillingUnitOptions();
+      this.ensureBillingFeeCategoryOptions().then(() => {
+        this.billingPlanForm.rules = this.normalizeBillingRules(this.billingPlanForm.rules);
+        this.loadBillingRuleFeeItems(this.billingPlanForm.rules);
+      });
+      this.$nextTick(() => this.$refs.billingPlanFormRef?.clearValidate?.());
+    },
+    submitBillingPlan() {
+      this.$refs.billingPlanFormRef?.validate(valid => {
+        if (!valid) return;
+        if (!this.validateBillingRules()) return;
+        const plan = this.cloneData(this.billingPlanForm);
+        plan.rules = this.normalizeBillingRules(plan.rules).map(rule => {
+          const ranges = this.canEditBillingLimit(rule) ? rule.limitRanges : [];
+          return {
+            ...rule,
+            limitRanges: ranges,
+            lowerLimit: ranges[0]?.lowerLimit || '',
+            upperLimit: ranges[0]?.upperLimit || '',
+            minimumBillingWeight: this.canEditMinimumBillingWeight(rule)
+              ? rule.minimumBillingWeight
+              : '',
+          };
+        });
+        if (!this.billingPlanRows.length && this.billingPlanIndex === -1) {
+          plan.defaultPlan = true;
+        }
+        if (plan.defaultPlan) {
+          this.billingPlanRows.forEach(item => {
+            item.defaultPlan = false;
+          });
+        }
+        if (this.billingPlanIndex > -1) {
+          this.billingPlanRows.splice(this.billingPlanIndex, 1, plan);
+        } else {
+          this.billingPlanRows.push(plan);
+        }
+        this.syncBillingPlanJson();
+        this.billingPlanBox = false;
+      });
+    },
+    validateBillingRules() {
+      const groups = {};
+      const requiredFields = [
+        ['feeType', '费用类型'],
+        ['feeItem', '费用项'],
+        ['billingElement', '计费要素'],
+        ['billingType', '计费类型'],
+        ['billingUnit', '计费单位'],
+        ['unitPrice', '单价'],
+      ];
+      for (const [index, row] of (this.billingPlanForm.rules || []).entries()) {
+        const emptyField = requiredFields.find(([prop]) => this.isBillingFieldEmpty(row[prop]));
+        if (emptyField) {
+          this.$message.warning(`第${index + 1}行${emptyField[1]}不能为空`);
+          return false;
+        }
+        if (row.billingElement && !this.getBillingTypeOptions(row).includes(row.billingType)) {
+          this.$message.warning('请选择计费要素对应的计费类型');
+          return false;
+        }
+        if (!this.canEditBillingLimit(row)) {
+          continue;
+        }
+        const key = row.billingElement || '';
+        groups[key] = groups[key] || [];
+        const ranges = this.getBillingLimitRanges(row);
+        for (const range of ranges) {
+          const lower = Number(range.lowerLimit);
+          const upper = Number(range.upperLimit);
+          if (
+            range.lowerLimit === '' ||
+            range.upperLimit === '' ||
+            Number.isNaN(lower) ||
+            Number.isNaN(upper)
+          ) {
+            this.$message.warning('请完整填写计费要素上下限');
+            return false;
+          }
+          if (lower > upper) {
+            this.$message.warning('计费要素下限不能大于上限');
+            return false;
+          }
+          groups[key].push({ lower, upper });
+        }
+      }
+      return this.validateBillingLimitRangeGroups(groups);
+    },
+    validateBillingLimitRangeGroups(groups) {
+      const precision = 0.000001;
+      for (const [billingElement, ranges] of Object.entries(groups)) {
+        if (ranges.length <= 1) continue;
+        const sortedRanges = [...ranges].sort((prev, next) => {
+          if (prev.lower !== next.lower) return prev.lower - next.lower;
+          return prev.upper - next.upper;
+        });
+        for (let index = 1; index < sortedRanges.length; index += 1) {
+          const prevRange = sortedRanges[index - 1];
+          const currentRange = sortedRanges[index];
+          if (currentRange.lower < prevRange.upper - precision) {
+            this.$message.warning(`${billingElement}的计费要素区间不能重叠`);
+            return false;
+          }
+          if (currentRange.lower > prevRange.upper + precision) {
+            this.$message.warning(`${billingElement}的计费要素区间必须连续，不能存在间隙`);
+            return false;
+          }
+        }
+      }
+      return true;
+    },
+    isBillingFieldEmpty(value) {
+      return value === undefined || value === null || String(value).trim() === '';
+    },
+    removeBillingPlan(index) {
+      this.$confirm('确定删除该计费方案?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(() => {
+        this.billingPlanRows.splice(index, 1);
+        this.syncBillingPlanJson();
+      });
+    },
+    addBillingRule() {
+      const row = defaultBillingRule();
+      this.billingPlanForm.rules.push(row);
+      this.ensureBillingFeeCategoryOptions();
+    },
+    copyBillingRule(row) {
+      const nextRow = this.cloneData(row);
+      this.billingPlanForm.rules.push(nextRow);
+      this.loadBillingFeeItemOptions(nextRow.feeType);
+    },
+    removeBillingRule(index) {
+      this.billingPlanForm.rules.splice(index, 1);
+      if (!this.billingPlanForm.rules.length) {
+        this.billingPlanForm.rules.push(defaultBillingRule());
+      }
+    },
+    getBillingTypeOptions(row) {
+      return this.billingElementTypeMap[row.billingElement] || [];
+    },
+    handleBillingElementChange(row) {
+      if (!this.getBillingTypeOptions(row).includes(row.billingType)) {
+        row.billingType = '';
+      }
+      if (!this.canEditMinimumBillingWeight(row)) {
+        row.minimumBillingWeight = '';
+      }
+      this.handleBillingTypeChange(row);
+    },
+    handleBillingTypeChange(row) {
+      if (!this.canEditBillingLimit(row)) {
+        row.limitRanges = [{ lowerLimit: '', upperLimit: '' }];
+        row.lowerLimit = '';
+        row.upperLimit = '';
+        return;
+      }
+      row.limitRanges = this.normalizeBillingLimitRanges(row);
+      this.syncBillingLegacyLimit(row);
+    },
+    canEditBillingLimit(row) {
+      return (
+        !this.dialogReadonly &&
+        Boolean(row.billingElement) &&
+        Boolean(row.billingType) &&
+        (row.billingType.includes('区间') || row.billingType.includes('阶梯'))
+      );
+    },
+    canEditMinimumBillingWeight(row) {
+      return !this.dialogReadonly && ['按重量', '按吨·公里'].includes(row.billingElement);
+    },
+    getBillingLimitRanges(row) {
+      return Array.isArray(row.limitRanges) && row.limitRanges.length
+        ? row.limitRanges
+        : [{ lowerLimit: '', upperLimit: '' }];
+    },
+    normalizeBillingRules(rules = []) {
+      return (rules || []).map(rule => {
+        const nextRule = {
+          ...defaultBillingRule(),
+          ...rule,
+        };
+        nextRule.feeType = this.resolveBillingFeeType(nextRule.feeType);
+        nextRule.limitRanges = this.normalizeBillingLimitRanges(nextRule);
+        this.syncBillingLegacyLimit(nextRule);
+        return nextRule;
+      });
+    },
+    normalizeBillingLimitRanges(row) {
+      const ranges = Array.isArray(row.limitRanges) ? row.limitRanges : [];
+      const nextRanges = ranges
+        .map(item => ({
+          lowerLimit: item?.lowerLimit ?? '',
+          upperLimit: item?.upperLimit ?? '',
+        }))
+        .filter(item => item.lowerLimit !== '' || item.upperLimit !== '');
+      if (!nextRanges.length && (row.lowerLimit !== '' || row.upperLimit !== '')) {
+        nextRanges.push({
+          lowerLimit: row.lowerLimit ?? '',
+          upperLimit: row.upperLimit ?? '',
+        });
+      }
+      return nextRanges.length ? nextRanges : [{ lowerLimit: '', upperLimit: '' }];
+    },
+    syncBillingLegacyLimit(row) {
+      const firstRange = row.limitRanges?.[0] || {};
+      row.lowerLimit = firstRange.lowerLimit || '';
+      row.upperLimit = firstRange.upperLimit || '';
+    },
+    addBillingLimitRange(row, index) {
+      row.limitRanges = this.getBillingLimitRanges(row);
+      row.limitRanges.splice(index + 1, 0, { lowerLimit: '', upperLimit: '' });
+    },
+    removeBillingLimitRange(row, index) {
+      row.limitRanges = this.getBillingLimitRanges(row);
+      row.limitRanges.splice(index, 1);
+      if (!row.limitRanges.length) {
+        row.limitRanges.push({ lowerLimit: '', upperLimit: '' });
+      }
+      this.syncBillingLegacyLimit(row);
+    },
+    handleBillingLimitInput(row, index, prop, value) {
+      row.limitRanges = this.getBillingLimitRanges(row);
+      const text = String(value || '').replace(/[^\d.]/g, '');
+      const parts = text.split('.');
+      row.limitRanges[index][prop] =
+        parts.length > 1 ? `${parts[0]}.${parts.slice(1).join('').slice(0, 2)}` : parts[0];
+      this.syncBillingLegacyLimit(row);
+    },
+    openBillingMatch(row, index) {
+      this.billingMatchRuleIndex = index;
+      this.billingMatchForm = this.normalizeBillingMatchCondition(row.matchCondition);
+      this.billingMatchBox = true;
+      this.ensureBillingMatchRegionOptions();
+      this.ensureBillingCargoTypeOptions().then(() => {
+        const path = this.resolveBillingMatchCargoTypePath(this.billingMatchForm);
+        if (path.length) {
+          this.handleBillingMatchCargoTypeChange(path);
+        }
+      });
+    },
+    saveBillingMatch() {
+      const row = this.billingPlanForm.rules[this.billingMatchRuleIndex];
+      if (row) {
+        this.handleBillingMatchRegionChange('origin', this.billingMatchForm.originPath);
+        this.handleBillingMatchRegionChange('destination', this.billingMatchForm.destinationPath);
+        this.handleBillingMatchCargoTypeChange(this.billingMatchForm.cargoTypePath);
+        row.matchCondition = this.cloneData(this.billingMatchForm);
+      }
+      this.billingMatchBox = false;
+    },
+    handleBillingDecimalInput(row, prop, value) {
+      const text = String(value || '').replace(/[^\d.]/g, '');
+      const parts = text.split('.');
+      row[prop] =
+        parts.length > 1 ? `${parts[0]}.${parts.slice(1).join('').slice(0, 2)}` : parts[0];
+    },
     searchReset() {
       this.query = {};
       this.page.currentPage = 1;
@@ -530,10 +4815,58 @@ export default {
       this.page.currentPage = 1;
       this.onLoad(this.page);
     },
+    normalizeSearchRangeValue(value, suffix) {
+      if (!value) return undefined;
+      return suffix ? `${value} ${suffix}` : value;
+    },
+    normalizeSearchRangeParams(params = {}) {
+      const query = { ...params };
+      const rangeMap = this.config.searchRangeMap || {};
+      Object.entries(rangeMap).forEach(([rangeProp, mapping]) => {
+        const [startProp, endProp, startSuffix, endSuffix] = Array.isArray(mapping)
+          ? mapping
+          : [mapping.startProp, mapping.endProp, mapping.startSuffix, mapping.endSuffix];
+        const range = query[rangeProp];
+        if (Array.isArray(range) && range.length === 2) {
+          query[startProp] = this.normalizeSearchRangeValue(range[0], startSuffix);
+          query[endProp] = this.normalizeSearchRangeValue(range[1], endSuffix);
+        }
+        delete query[rangeProp];
+      });
+      return query;
+    },
+    normalizeQueryParams(params = {}) {
+      let query = { ...params };
+      if (Object.keys(this.config.searchRangeMap || {}).length) {
+        query = this.normalizeSearchRangeParams(query);
+      }
+      if (this.config.enableOrganizationSelect && query.organizationName) {
+        const organizationId = Array.isArray(query.organizationName)
+          ? query.organizationName[query.organizationName.length - 1]
+          : query.organizationName;
+        if (!organizationId) {
+          delete query.organizationId;
+          delete query.organizationName;
+          return query;
+        }
+        const organization = this.findOrganizationOption(organizationId);
+        query.organizationId = organizationId;
+        if (organization) {
+          query.organizationName = organization.rawLabel || organization.label || '';
+        } else {
+          delete query.organizationName;
+        }
+        if (this.canViewAllDept) {
+          query.allDept = 1;
+        }
+      }
+      return query;
+    },
     onLoad(page, params = {}) {
       this.loading = true;
+      const query = this.normalizeQueryParams({ ...params, ...this.query, allDept: this.allDept });
       this.api
-        .getList(page.currentPage, page.pageSize, { ...params, ...this.query, allDept: this.allDept })
+        .getList(page.currentPage, page.pageSize, query)
         .then(res => {
           const result = res.data.data;
           this.page.total = result.total;
@@ -545,9 +4878,9 @@ export default {
         });
     },
     buildExportParams() {
+      const query = this.normalizeQueryParams({ ...this.query, allDept: this.allDept });
       return {
-        ...this.query,
-        allDept: this.allDept,
+        ...query,
         ids: this.ids,
         [this.website.tokenHeader]: getToken(),
       };
@@ -561,7 +4894,12 @@ export default {
         NProgress.start();
         exportBlob(this.config.exportUrl, this.buildExportParams(), { feedback: true })
           .then(res => {
-            downloadXls(res.data, `${this.config.exportName || this.config.title}${this.$dayjs().format('YYYY-MM-DD HH:mm:ss')}.xlsx`);
+            downloadXls(
+              res.data,
+              `${this.config.exportName || this.config.title}${this.$dayjs().format(
+                'YYYY-MM-DD HH:mm:ss'
+              )}.xlsx`
+            );
           })
           .finally(() => {
             NProgress.done();
@@ -621,6 +4959,10 @@ export default {
         });
     },
     handleCustomOperation(operation, row) {
+      if (operation.action === 'flow') {
+        this.handleFlow(row);
+        return;
+      }
       const run = value => {
         const args = operation.prompt ? [row.id, value] : [row.id];
         this.api[operation.action](...args).then(() => {
@@ -643,6 +4985,36 @@ export default {
         type: 'warning',
       }).then(() => run());
     },
+    handleFlow(row, loadedDetail = false) {
+      const processInstanceId = row.processInstanceId || row.processInstanceID || row.procInstId;
+      if (
+        !processInstanceId &&
+        !loadedDetail &&
+        row.id &&
+        typeof this.api.getDetail === 'function'
+      ) {
+        this.api.getDetail(row.id).then(res => this.handleFlow(res.data.data || {}, true));
+        return;
+      }
+      if (!processInstanceId) {
+        this.$message.warning('流程实例为空，无法查看流程');
+        return;
+      }
+      if (this.website.design.designMode) {
+        this.processInstanceId = processInstanceId;
+      } else {
+        this.flowUrl = `/api/blade-flow/process/diagram-view?processInstanceId=${processInstanceId}`;
+      }
+      this.flowBox = true;
+    },
+    handleChangeRecordFlow(row) {
+      const processInstanceId = row.processInstanceId || row.processInstanceID || row.procInstId;
+      if (!processInstanceId) {
+        this.$message.warning('该变更记录暂无流程实例');
+        return;
+      }
+      this.handleFlow(row, true);
+    },
     handleBatchComplete() {
       if (!this.selectionList.length) {
         this.$message.warning('请选择至少一条数据');
@@ -656,7 +5028,29 @@ export default {
         .then(() => this.api.batchComplete(this.ids))
         .then(res => {
           const result = res.data.data || {};
-          this.$message.success(`成功完成${result.successCount || 0}条，跳过${result.skippedCount || 0}条`);
+          this.$message.success(
+            `成功完成${result.successCount || 0}条，跳过${result.skippedCount || 0}条`
+          );
+          this.onLoad(this.page, this.query);
+        });
+    },
+    handleRoadLoading() {
+      if (!this.selectionList.length) {
+        this.$message.warning('请选择至少一条数据');
+        return;
+      }
+      if (typeof this.api.roadLoading !== 'function') {
+        this.$message.warning('公路配载功能暂未配置');
+        return;
+      }
+      this.$confirm('确定对选中的运单进行公路配载?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => this.api.roadLoading(this.ids))
+        .then(() => {
+          this.$message.success('公路配载成功');
           this.onLoad(this.page, this.query);
         });
     },
@@ -666,9 +5060,503 @@ export default {
 
 <style lang="scss" scoped>
 .business-crud-page {
-  &__scope {
-    margin-left: 12px;
-    vertical-align: middle;
+  &__field {
+    width: 100%;
+  }
+
+  .dialog-section-title {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    color: #303133;
+    font-size: 15px;
+    font-weight: 600;
+
+    &::before {
+      display: block;
+      width: 4px;
+      height: 16px;
+      margin-right: 8px;
+      background: #409eff;
+      content: '';
+    }
+
+    &--action {
+      justify-content: space-between;
+    }
+  }
+
+  &__shipping-title,
+  &__goods-title {
+    min-width: 100%;
+  }
+
+  &__goods-title &__section-actions,
+  &__shipping-title .el-button {
+    margin-left: auto;
+  }
+
+  &__section-actions {
+    display: flex;
+    flex: 0 0 auto;
+    align-items: center;
+    gap: 8px;
+  }
+
+  :deep(.business-crud-page__goods-info-cell .cell) {
+    overflow: visible;
+    line-height: 20px;
+    white-space: normal;
+    word-break: break-word;
+    text-overflow: clip;
+  }
+
+  &__route-address-row {
+    display: grid;
+    grid-template-columns: 260px minmax(280px, 1fr) 40px 58px minmax(160px, 220px) 72px minmax(
+        160px,
+        220px
+      );
+    gap: 8px;
+    align-items: center;
+    width: 100%;
+
+    :deep(.el-input),
+    :deep(.el-select),
+    :deep(.el-cascader) {
+      width: 100%;
+    }
+
+    .el-button {
+      width: 32px;
+      min-width: 32px;
+      padding: 0;
+    }
+  }
+
+  &__route-label {
+    color: #606266;
+    font-size: 14px;
+    line-height: 32px;
+    text-align: right;
+    white-space: nowrap;
+  }
+
+  &__cargo-wrap {
+    display: block;
+    width: 100%;
+    min-width: 0;
+    overflow-x: auto;
+  }
+
+  &__cargo-table {
+    width: 100%;
+    min-width: 1870px;
+
+    :deep(.el-table__header th) {
+      background: #f5f7fa;
+      color: #303133;
+      font-weight: 600;
+    }
+
+    :deep(.el-table__cell) {
+      border-color: #eff1f7;
+    }
+
+    :deep(.el-input),
+    :deep(.el-select),
+    :deep(.el-cascader) {
+      width: 100%;
+    }
+  }
+
+  :deep(.business-crud-page__full-form-item) {
+    width: 100%;
+    max-width: 100%;
+  }
+
+  :deep(.business-crud-page__full-form-item .el-form-item) {
+    width: 100%;
+  }
+
+  :deep(.business-crud-page__full-form-item .el-form-item__label) {
+    display: none;
+    width: 0 !important;
+    padding: 0 !important;
+  }
+
+  :deep(.business-crud-page__full-form-item .el-form-item__content) {
+    flex: 1 1 100%;
+    width: 100%;
+    max-width: 100%;
+    margin-left: 0 !important;
+  }
+
+  :deep(.business-crud-page__full-form-item .el-form-item__content > div) {
+    width: 100%;
+    min-width: 0;
+  }
+
+  &__cargo-total {
+    display: flex;
+    justify-content: flex-end;
+    padding-top: 12px;
+    color: #303133;
+    font-weight: 600;
+  }
+
+  &__dialog-search {
+    padding: 12px 12px 4px;
+    margin-bottom: 12px;
+    border: 1px solid #eff1f7;
+    border-radius: 4px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+
+    :deep(.el-form-item) {
+      margin-bottom: 8px;
+    }
+
+    :deep(.el-input),
+    :deep(.el-select),
+    :deep(.el-cascader) {
+      width: 100%;
+    }
+  }
+
+  &__dialog-search-actions {
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-end;
+  }
+
+  &__dialog-pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 12px;
+  }
+
+  &__map-toolbar {
+    display: flex;
+    gap: 8px;
+    margin-bottom: 12px;
+
+    .el-input {
+      flex: 1;
+      min-width: 0;
+    }
+  }
+
+  &__map {
+    width: 100%;
+    height: 420px;
+    border: 1px solid #eff1f7;
+  }
+
+  &__map-info {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+    margin-top: 10px;
+    color: #606266;
+    line-height: 1.6;
+  }
+
+  &__date-range {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    min-width: 0;
+  }
+
+  &__date {
+    flex: 1;
+    min-width: 0;
+  }
+
+  &__date-separator {
+    flex: 0 0 auto;
+    padding: 0 8px;
+    color: #303133;
+  }
+
+  &__inline-number {
+    display: flex;
+    align-items: center;
+    width: 100%;
+
+    .el-input {
+      flex: 1;
+      min-width: 0;
+    }
+
+    span {
+      flex: 0 0 auto;
+      margin-left: 8px;
+      color: #303133;
+    }
+  }
+
+  &__billing {
+    width: 100%;
+  }
+
+  &__billing-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 16px;
+  }
+
+  &__billing-switch {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    color: #303133;
+  }
+
+  &__billing-table {
+    width: 100%;
+
+    :deep(.el-table__header th) {
+      background: #f5f7fa;
+      color: #303133;
+      font-weight: 600;
+    }
+
+    :deep(.el-table__cell) {
+      border-color: #eff1f7;
+    }
+  }
+
+  &__settlement-rule {
+    width: 100%;
+  }
+
+  &__settlement-switch {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 18px;
+    color: #303133;
+  }
+
+  &__module-form {
+    width: 100%;
+
+    :deep(.el-form-item) {
+      margin-bottom: 16px;
+    }
+
+    :deep(.el-select),
+    :deep(.el-date-editor.el-input) {
+      width: 100%;
+    }
+  }
+
+  &__module-form--three {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    column-gap: 72px;
+  }
+
+  &__module-form--two {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    column-gap: 96px;
+  }
+
+  &__billing-dialog {
+    :deep(.el-dialog__body) {
+      padding-top: 28px;
+    }
+
+    :deep(.el-dialog__body),
+    :deep(.el-form) {
+      width: 100%;
+    }
+  }
+
+  &__billing-form-row {
+    display: grid;
+    grid-template-columns: minmax(360px, 520px) 1fr;
+    column-gap: 48px;
+    align-items: center;
+  }
+
+  &__billing-default {
+    margin-bottom: 18px;
+  }
+
+  &__billing-rule-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: 20px 0 12px;
+  }
+
+  &__required-column {
+    &::before {
+      margin-right: 4px;
+      color: #f56c6c;
+      content: '*';
+    }
+  }
+
+  &__billing-tip {
+    display: flex;
+    max-width: 620px;
+    color: #ff6f86;
+    line-height: 1.7;
+
+    span {
+      position: relative;
+      display: inline-flex;
+      flex: 0 0 auto;
+      align-items: center;
+      justify-content: center;
+      width: 28px;
+      height: 28px;
+      margin-right: 12px;
+      border-radius: 50%;
+      background: #ffd6ea;
+      color: #ff4f92;
+      font-weight: 600;
+
+      &::after {
+        position: absolute;
+        right: 6px;
+        bottom: -8px;
+        width: 0;
+        height: 0;
+        border: 8px solid transparent;
+        border-top-color: #ffd6ea;
+        content: '';
+      }
+    }
+  }
+
+  &__billing-rule-wrap {
+    width: 100%;
+    overflow-x: auto;
+  }
+
+  &__billing-rule-table {
+    width: 100%;
+    min-width: 2230px;
+
+    :deep(.el-table__header th) {
+      background: #f5f7fa;
+      color: #303133;
+      font-weight: 600;
+    }
+
+    :deep(.el-table__cell) {
+      border-color: #eff1f7;
+      vertical-align: top;
+    }
+  }
+
+  &__limit-list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    width: 100%;
+  }
+
+  &__limit-row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+
+    .el-input {
+      flex: 1;
+      min-width: 0;
+    }
+
+    .el-button {
+      flex: 0 0 auto;
+      padding: 0;
+    }
+  }
+
+  &__dialog-footer {
+    display: flex;
+    justify-content: center;
+    gap: 16px;
+  }
+
+  &__match-form {
+    padding: 12px 32px 4px;
+
+    .el-select,
+    .el-cascader {
+      width: 100%;
+    }
+  }
+
+  &__attachment {
+    width: 100%;
+  }
+
+  &__attachment-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 16px;
+  }
+
+  &__attachment-table {
+    width: 100%;
+    min-width: 1000px;
+
+    :deep(.el-table__header th) {
+      background: #f5f7fa;
+      color: #303133;
+      font-weight: 600;
+    }
+
+    :deep(.el-table__cell) {
+      border-color: #eff1f7;
+    }
+  }
+
+  &__change-table {
+    width: 100%;
+
+    :deep(.el-table__header th) {
+      background: #f5f7fa;
+      color: #303133;
+      font-weight: 600;
+    }
+
+    :deep(.el-table__cell) {
+      border-color: #eff1f7;
+    }
+  }
+
+  @media (max-width: 1280px) {
+    &__route-address-row {
+      grid-template-columns: 240px minmax(240px, 1fr) 40px 58px minmax(140px, 1fr);
+    }
+
+    &__route-address-row &__route-label:nth-of-type(2),
+    &__route-address-row .el-input:last-child {
+      grid-column: auto;
+    }
+  }
+
+  @media (max-width: 960px) {
+    &__route-address-row {
+      grid-template-columns: 1fr;
+    }
+
+    &__route-label {
+      text-align: left;
+    }
+
+    &__dialog-search-actions {
+      justify-content: flex-start;
+    }
   }
 }
 </style>
diff --git a/src/views/business/project-apply.vue b/src/views/business/project-apply.vue
index fe264d8..301f96c 100644
--- a/src/views/business/project-apply.vue
+++ b/src/views/business/project-apply.vue
@@ -17,6 +17,15 @@
       @on-load="onLoad"
     >
       <template #menu-left>
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          plain
+          v-if="canMajorProjectSupplement"
+          @click="openProjectDialog('majorSupplement')"
+        >
+          重大项目补录
+        </el-button>
         <el-button
           type="primary"
           icon="el-icon-plus"
@@ -44,16 +53,6 @@
         >
           批量删除
         </el-button>
-        <el-switch
-          v-if="config.enableAllDept && canViewAllDept"
-          v-model="allDept"
-          class="project-apply-page__scope"
-          active-text="全部组织"
-          inactive-text="当前组织"
-          :active-value="1"
-          :inactive-value="0"
-          @change="handleScopeChange"
-        />
       </template>
 
       <template #approvalStatus="{ row }">
@@ -71,12 +70,7 @@
         >
           查看
         </el-button>
-        <el-button
-          type="primary"
-          text
-          v-if="canEdit(row)"
-          @click="openProjectDialog('edit', row)"
-        >
+        <el-button type="primary" text v-if="canEdit(row)" @click="openProjectDialog('edit', row)">
           编辑
         </el-button>
         <el-button
@@ -88,14 +82,7 @@
         >
           {{ operation.label }}
         </el-button>
-        <el-button
-          type="primary"
-          text
-          v-if="canDelete(row)"
-          @click="rowDel(row)"
-        >
-          删除
-        </el-button>
+        <el-button type="primary" text v-if="canDelete(row)" @click="rowDel(row)"> 删除 </el-button>
       </template>
     </avue-crud>
 
@@ -127,8 +114,25 @@
       >
         <div class="dialog-section-title">项目基本信息</div>
         <div class="project-apply-form__grid">
+          <el-form-item v-if="isChangeDialog" label="变更类型" prop="changeType">
+            <el-select v-model="form.changeType" placeholder="请选择变更类型">
+              <el-option
+                v-for="item in changeTypeOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <div v-if="isChangeDialog"></div>
           <el-form-item label="项目类型" prop="projectType">
-            <el-select v-model="form.projectType" placeholder="请选择项目类型" clearable>
+            <el-select
+              v-model="form.projectType"
+              placeholder="请选择项目类型"
+              clearable
+              :disabled="isBasicInfoReadonly || isMajorProjectSupplementDialog"
+              @change="handleProjectTypeChange"
+            >
               <el-option
                 v-for="item in projectTypeOptions"
                 :key="item.value"
@@ -141,10 +145,20 @@
             <el-input v-model="form.projectCode" disabled placeholder="系统自动生成" />
           </el-form-item>
           <el-form-item label="项目名称" prop="projectName">
-            <el-input v-model="form.projectName" placeholder="请填写项目名称" maxlength="50" />
+            <el-input
+              v-model="form.projectName"
+              placeholder="请填写项目名称"
+              maxlength="50"
+              :disabled="isBasicInfoReadonly"
+            />
           </el-form-item>
           <el-form-item label="项目简称" prop="projectShortName">
-            <el-input v-model="form.projectShortName" placeholder="请填写项目简称" maxlength="20" />
+            <el-input
+              v-model="form.projectShortName"
+              placeholder="请填写项目简称"
+              maxlength="20"
+              :disabled="isBasicInfoReadonly"
+            />
           </el-form-item>
           <el-form-item label="业务部门" prop="businessDeptId">
             <el-select
@@ -152,6 +166,7 @@
               placeholder="请选择业务部门"
               filterable
               clearable
+              :disabled="isBasicInfoReadonly"
               @change="handleBusinessDeptChange"
             >
               <el-option
@@ -168,6 +183,7 @@
               placeholder="请选择承办部门"
               filterable
               clearable
+              :disabled="isBasicInfoReadonly"
               @change="handleUndertakeDeptChange"
             >
               <el-option
@@ -179,7 +195,12 @@
             </el-select>
           </el-form-item>
           <el-form-item label="项目由来" prop="projectSource">
-            <el-select v-model="form.projectSource" placeholder="请选择项目由来" clearable>
+            <el-select
+              v-model="form.projectSource"
+              placeholder="请选择项目由来"
+              clearable
+              :disabled="isBasicInfoReadonly"
+            >
               <el-option
                 v-for="item in projectSourceOptions"
                 :key="item.value"
@@ -189,7 +210,7 @@
             </el-select>
           </el-form-item>
           <el-form-item label="项目由来说明" prop="sourceRemark">
-            <el-input v-model="form.sourceRemark" maxlength="300" />
+            <el-input v-model="form.sourceRemark" maxlength="300" :disabled="isBasicInfoReadonly" />
           </el-form-item>
         </div>
 
@@ -368,10 +389,7 @@
           </el-form-item>
         </div>
 
-        <div class="dialog-section-title project-apply-form__table-title">
-          客户信息
-          <span class="project-apply-form__tip">选择客户/承运商信息后，自动关联出客商信息</span>
-        </div>
+        <div class="dialog-section-title project-apply-form__table-title">客户信息</div>
         <el-table :data="customerRows" border class="project-apply-form__table">
           <el-table-column type="index" label="序号" width="80" align="center" />
           <el-table-column prop="customer" label="客户" min-width="160" align="center" />
@@ -451,12 +469,7 @@
         </div>
 
         <div class="project-apply-form__material-head">
-          <div class="dialog-section-title project-apply-form__material-title">
-            项目材料
-            <span class="project-apply-form__material-warn">
-              项目立项报告、考察报告、立项成本测算表、企业资质板附件未上传
-            </span>
-          </div>
+          <div class="dialog-section-title project-apply-form__material-title">项目材料</div>
           <el-button type="primary" :disabled="!attachmentRows.length" @click="handleBatchDownload"
             >批量下载</el-button
           >
@@ -466,21 +479,18 @@
           <el-table-column label="附件类型" min-width="160" align="center">
             <template #default="{ row }">
               <el-select v-model="row.fileType" placeholder="请选择" :disabled="dialogReadonly">
-                <el-option label="项目立项报告" value="项目立项报告" />
-                <el-option label="考察报告" value="考察报告" />
-                <el-option label="立项成本测算表" value="立项成本测算表" />
-                <el-option label="企业资质板附件" value="企业资质板附件" />
-                <el-option label="其他" value="其他" />
+                <el-option
+                  v-for="item in projectAttachmentTypeOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
               </el-select>
             </template>
           </el-table-column>
-          <el-table-column
-            prop="name"
-            label="文件名"
-            min-width="220"
-            align="center"
-            show-overflow-tooltip
-          />
+          <el-table-column label="文件名" min-width="220" align="center" show-overflow-tooltip>
+            <template #default="{ row }">{{ row.originalName || row.name }}</template>
+          </el-table-column>
           <el-table-column label="附件描述" min-width="240" align="center">
             <template #default="{ row }">
               <el-input
@@ -519,13 +529,15 @@
           @change="handleAttachmentChange"
         />
 
-        <div class="dialog-section-title project-apply-form__table-title">
+        <div v-if="!isChangeDialog" class="dialog-section-title project-apply-form__table-title">
           变更记录
-          <span class="project-apply-form__tip"
-            >查看页面显示变更记录，变更提交后生成，可查看详情页面</span
-          >
         </div>
-        <el-table :data="changeRows" border class="project-apply-form__table">
+        <el-table
+          v-if="!isChangeDialog"
+          :data="changeRows"
+          border
+          class="project-apply-form__table"
+        >
           <el-table-column type="index" label="序号" width="80" align="center" />
           <el-table-column prop="changeDate" label="变更日期" min-width="140" align="center" />
           <el-table-column prop="changeType" label="变更类型" min-width="160" align="center" />
@@ -553,19 +565,58 @@
             </template>
           </el-table-column>
         </el-table>
+
+        <template v-if="isChangeDialog">
+          <div class="dialog-section-title">变更内容</div>
+          <el-form-item prop="changeContent" class="project-apply-form__change-textarea">
+            <el-input
+              v-model="form.changeContent"
+              type="textarea"
+              :rows="5"
+              placeholder="2000字以内"
+              maxlength="2000"
+              show-word-limit
+            />
+          </el-form-item>
+          <div class="dialog-section-title">变更原因</div>
+          <el-form-item prop="changeReason" class="project-apply-form__change-textarea">
+            <el-input
+              v-model="form.changeReason"
+              type="textarea"
+              :rows="5"
+              placeholder="2000字以内"
+              maxlength="2000"
+              show-word-limit
+            />
+          </el-form-item>
+        </template>
       </el-form>
 
       <template #footer>
-        <div class="project-apply-dialog__footer">
-          <el-button @click="projectBox = false">取消</el-button>
-          <el-button
-            v-if="!dialogReadonly"
-            type="primary"
-            :loading="submitLoading"
-            @click="submitProject"
-          >
-            提交
-          </el-button>
+        <div
+          class="project-apply-dialog__footer"
+          :class="{ 'project-apply-dialog__footer--change': isChangeDialog }"
+        >
+          <template v-if="isChangeDialog">
+            <el-button type="primary" :loading="submitLoading" @click="submitChangeProject">
+              提交
+            </el-button>
+            <el-button type="primary" :loading="submitLoading" @click="saveChangeProject">
+              保存
+            </el-button>
+            <el-button @click="projectBox = false">关闭</el-button>
+          </template>
+          <template v-else>
+            <el-button @click="projectBox = false">取消</el-button>
+            <el-button
+              v-if="!dialogReadonly"
+              type="primary"
+              :loading="submitLoading"
+              @click="submitProject"
+            >
+              提交
+            </el-button>
+          </template>
         </div>
       </template>
     </el-dialog>
@@ -628,9 +679,11 @@ import {
   getDetail as getCustomerArchiveDetail,
 } from '@/api/vehicle/customer-archive';
 import { getDeptTree } from '@/api/system/dept';
-import { getDictionary } from '@/api/system/dict';
+import { getDictionary as getSystemDictionary } from '@/api/system/dict';
+import { getDictionary as getBizDictionary } from '@/api/system/dictbiz';
 import { getList as getUserList } from '@/api/system/user';
 import { getToken } from '@/utils/auth';
+import { applyTableMenuWidth } from '@/utils/table-menu';
 import { downloadFileByUrl, downloadXls } from '@/utils/util';
 import { mapGetters } from 'vuex';
 import NProgress from 'nprogress';
@@ -640,7 +693,6 @@ import {
   projectSourceOptions,
   projectTypeOptions,
   settlementModeOptions,
-  transportTypeOptions,
 } from '@/option/business/common';
 import { config, option } from '@/option/business/project-apply';
 
@@ -655,6 +707,7 @@ const emptyForm = () => ({
   undertakeDeptName: '',
   projectSource: '商务洽谈',
   sourceRemark: '',
+  changeType: '',
   customerNames: '',
   carrierNames: '',
   fundLimit: '',
@@ -685,8 +738,38 @@ const emptyForm = () => ({
   profitRemark: '',
   riskPoint: '',
   emergencyPlan: '',
+  changeContent: '',
+  changeReason: '',
 });
 
+const changeTypeOptions = [
+  { label: '项目变更', value: '项目变更' },
+  { label: '项目备案调整', value: '项目备案调整' },
+];
+
+const normalProjectAttachmentTypeOptions = [
+  '利润测算表',
+  '单一来源供应商申请表/三方比价表',
+  '合同模板',
+  '项目操作说明',
+  '项目分析报告',
+  '项目考察报告',
+].map(item => ({ label: item, value: item }));
+
+const majorProjectAttachmentTypeOptions = [
+  '会议纪要',
+  '评审表决票',
+  '利润测算表',
+  '单一来源供应商申请表/三方比价表',
+  '项目操作说明',
+  '项目分析报告',
+  '项目考察报告',
+  '合同模板',
+  '上游尽职调查报告',
+  '下游尽职调查报告',
+  '业务承诺函',
+].map(item => ({ label: item, value: item }));
+
 export default {
   data() {
     const validateAmount = (rule, value, callback) => {
@@ -719,14 +802,22 @@ export default {
       }
       callback();
     };
+    const validateUser = (rule, value, callback) => {
+      if (value || this.form[rule.nameProp]) {
+        callback();
+        return;
+      }
+      callback(new Error(`请选择${rule.label}`));
+    };
     return {
       api,
       config,
       projectTypeOptions,
       projectSourceOptions,
-      transportTypeOptions,
+      transportTypeOptions: [],
       businessTypeOptions,
       settlementModeOptions,
+      changeTypeOptions,
       tableForm: {},
       tableOption: this.buildTableOption(),
       loading: true,
@@ -746,6 +837,7 @@ export default {
       submitLoading: false,
       form: emptyForm(),
       formRules: {
+        changeType: [{ required: true, message: '请选择变更类型', trigger: 'change' }],
         projectType: [{ required: true, message: '请选择项目类型', trigger: 'change' }],
         projectName: [
           { required: true, message: '请输入项目名称', trigger: 'blur' },
@@ -784,8 +876,30 @@ export default {
         projectScale: [{ label: '项目规模', validator: validateAmount, trigger: 'blur' }],
         estimatedProfit: [{ label: '预估利润', validator: validateAmount, trigger: 'blur' }],
         fundDemand: [{ label: '资金需求', validator: validateAmount, trigger: 'blur' }],
-        handlerUserId: [{ required: true, message: '请选择项目经办人', trigger: 'change' }],
-        principalUserId: [{ required: true, message: '请选择项目负责人', trigger: 'change' }],
+        handlerUserId: [
+          {
+            label: '项目经办人',
+            nameProp: 'handlerUserName',
+            validator: validateUser,
+            trigger: 'change',
+          },
+        ],
+        principalUserId: [
+          {
+            label: '项目负责人',
+            nameProp: 'principalUserName',
+            validator: validateUser,
+            trigger: 'change',
+          },
+        ],
+        changeContent: [
+          { required: true, message: '请输入变更内容', trigger: 'blur' },
+          { max: 2000, message: '变更内容不能超过2000个字符', trigger: 'blur' },
+        ],
+        changeReason: [
+          { required: true, message: '请输入变更原因', trigger: 'blur' },
+          { max: 2000, message: '变更原因不能超过2000个字符', trigger: 'blur' },
+        ],
       },
       deptOptions: [],
       cargoTypeOptions: [],
@@ -852,29 +966,56 @@ export default {
     canCreate() {
       return this.hasPermission(`${this.config.permission}_add`) && !this.readonlyScope;
     },
+    canMajorProjectSupplement() {
+      return this.hasPermission(`${this.config.permission}_supplement`) && !this.readonlyScope;
+    },
+    isMajorProjectSupplementDialog() {
+      return this.dialogType === 'majorSupplement';
+    },
+    isChangeDialog() {
+      return this.dialogType === 'change';
+    },
+    isBasicInfoReadonly() {
+      return this.dialogReadonly || this.isChangeDialog;
+    },
     ids() {
       return this.selectionList.map(item => item.id).join(',');
     },
     projectDialogTitle() {
+      if (this.isChangeDialog) {
+        return '项目变更';
+      }
+      if (this.isMajorProjectSupplementDialog) {
+        return '重大项目补录';
+      }
       const text = { add: '新增', edit: '编辑', view: '查看' }[this.dialogType] || '新增';
       return `${text}${this.config.title}`;
     },
+    projectAttachmentTypeOptions() {
+      return this.form.projectType === '重大项目'
+        ? majorProjectAttachmentTypeOptions
+        : normalProjectAttachmentTypeOptions;
+    },
   },
   created() {
     this.loadDeptOptions();
     this.loadCargoTypeOptions();
+    this.loadTransportTypeOptions();
   },
   methods: {
     buildTableOption() {
-      return {
-        ...option,
-        dialogType: 'dialog',
-        addBtn: false,
-        viewBtn: false,
-        editBtn: false,
-        delBtn: false,
-        column: (option.column || []).map(column => ({ ...column, display: false })),
-      };
+      return applyTableMenuWidth(
+        {
+          ...option,
+          dialogType: 'dialog',
+          addBtn: false,
+          viewBtn: false,
+          editBtn: false,
+          delBtn: false,
+          column: (option.column || []).map(column => ({ ...column, display: false })),
+        },
+        4
+      );
     },
     hasPermission(code) {
       return this.isAdmin || this.validData(this.permission && this.permission[code], false);
@@ -1029,9 +1170,17 @@ export default {
       this.selectionClear();
     },
     handleCustomOperation(operation, row) {
+      if (operation.action === 'startChange') {
+        this.openProjectDialog('change', row);
+        return;
+      }
       const run = value => {
         const args = operation.prompt ? [row.id, value] : [row.id];
-        this.api[operation.action](...args).then(() => {
+        this.api[operation.action](...args).then(res => {
+          if (res.data?.success === false || res.data?.data === false) {
+            this.$message.error(res.data?.msg || `${operation.label}失败，请联系管理员`);
+            return;
+          }
           this.$message.success(`${operation.label}成功`);
           this.onLoad(this.page, this.query);
         });
@@ -1084,13 +1233,20 @@ export default {
       this.dialogType = type;
       this.dialogReadonly = type === 'view';
       this.projectBox = true;
-      if (type === 'add') {
-        this.applyProjectDetail(emptyForm());
+      if (type === 'add' || type === 'majorSupplement') {
+        this.applyProjectDetail({
+          ...emptyForm(),
+          projectType: type === 'majorSupplement' ? '重大项目' : '',
+        });
         this.fillDefaultUsers();
         return;
       }
       this.api.getDetail(row.id).then(res => {
-        this.applyProjectDetail(res.data.data || {});
+        const detail = res.data.data || {};
+        this.applyProjectDetail({
+          ...detail,
+          changeType: type === 'change' ? this.resolveChangeType(detail) : detail.changeType,
+        });
       });
     },
     resetProjectDialog() {
@@ -1113,16 +1269,23 @@ export default {
             : [],
       };
       const situation = this.parseSituation(row.situationRemark);
+      const customerRows = this.parseJsonArray(row.customerJson);
+      const carrierRows = this.parseJsonArray(row.carrierJson);
       this.form = {
         ...form,
         ...situation,
+        customerNames: this.getCustomerRowNames(customerRows, 'customer') || form.customerNames,
+        carrierNames: this.getCustomerRowNames(carrierRows, 'carrier') || form.carrierNames,
       };
-      this.customerRows = this.parseJsonArray(row.customerJson);
-      this.carrierRows = this.parseJsonArray(row.carrierJson);
+      this.customerRows = customerRows;
+      this.carrierRows = carrierRows;
       this.attachmentRows = this.parseJsonArray(row.attachmentsJson);
       this.changeRows = this.buildChangeRows(row);
-      this.selectedCustomerId = this.customerRows[0]?.id || '';
-      this.selectedCarrierIds = this.carrierRows.map(item => item.id).filter(Boolean);
+      this.selectedCustomerId = this.getCustomerRowId(this.customerRows[0]);
+      this.selectedCarrierIds = this.carrierRows
+        .map(item => this.getCustomerRowId(item))
+        .filter(Boolean);
+      this.syncSelectedCustomerOptions();
     },
     fillDefaultUsers() {
       const userId = this.userInfo?.userId || this.userInfo?.id || '';
@@ -1135,14 +1298,28 @@ export default {
         this.form.principalUserName = userName;
       }
     },
+    resolveChangeType(row = {}) {
+      if (row.changeType) return row.changeType;
+      const node = row.currentNode || '';
+      if (String(node).includes('备案')) return '项目备案调整';
+      return '项目变更';
+    },
     submitProject() {
       this.$refs.projectForm.validate(valid => {
-        if (!valid) return;
+        if (!valid) {
+          this.handleValidateFail();
+          return;
+        }
+        if (!this.validateAttachmentFileTypes()) return;
         this.submitLoading = true;
         this.api
           .submit(this.normalizeSubmitForm())
           .then(
-            () => {
+            res => {
+              if (res.data?.success === false || res.data?.data === false) {
+                this.$message.error(res.data?.msg || '保存失败，请联系管理员');
+                return;
+              }
               this.$message.success('操作成功!');
               this.projectBox = false;
               this.onLoad(this.page, this.query);
@@ -1156,7 +1333,39 @@ export default {
           });
       });
     },
-    normalizeSubmitForm() {
+    saveChangeProject() {
+      this.submitChangeForm(false);
+    },
+    submitChangeProject() {
+      this.submitChangeForm(true);
+    },
+    submitChangeForm(needSubmit) {
+      this.$refs.projectForm.validate(valid => {
+        if (!valid) {
+          this.handleValidateFail();
+          return;
+        }
+        if (!this.validateAttachmentFileTypes()) return;
+        this.submitLoading = true;
+        const request = needSubmit ? this.api.submitChange : this.api.saveChange;
+        request(this.normalizeSubmitForm({ includeChangeType: true }))
+          .then(res => {
+            if (res.data?.success === false || res.data?.data === false) {
+              this.$message.error(
+                res.data?.msg || `${needSubmit ? '提交' : '保存'}失败，请联系管理员`
+              );
+              return;
+            }
+            this.$message.success(`${needSubmit ? '提交' : '保存'}成功!`);
+            this.projectBox = false;
+            this.onLoad(this.page, this.query);
+          })
+          .finally(() => {
+            this.submitLoading = false;
+          });
+      });
+    },
+    normalizeSubmitForm(options = {}) {
       const [businessStartDate, businessEndDate] = this.form.businessDateRange || [];
       const submitRow = {
         ...this.form,
@@ -1173,6 +1382,9 @@ export default {
         }),
       };
       delete submitRow.businessDateRange;
+      if (!options.includeChangeType) {
+        delete submitRow.changeType;
+      }
       ['projectIntro', 'profitRemark', 'riskPoint', 'emergencyPlan'].forEach(
         key => delete submitRow[key]
       );
@@ -1183,6 +1395,35 @@ export default {
       });
       return submitRow;
     },
+    normalizeAttachmentFileTypes() {
+      const values = this.projectAttachmentTypeOptions.map(item => item.value);
+      this.attachmentRows = this.attachmentRows.map(row => ({
+        ...row,
+        fileType: values.includes(row.fileType) ? row.fileType : '',
+      }));
+    },
+    validateAttachmentFileTypes() {
+      const values = this.projectAttachmentTypeOptions.map(item => item.value);
+      const invalidIndex = this.attachmentRows.findIndex(row => !values.includes(row.fileType));
+      if (invalidIndex === -1) return true;
+      this.$message.warning(`请选择第${invalidIndex + 1}行项目材料的附件类型`);
+      this.$nextTick(() => {
+        const field = this.$el.querySelector('.project-apply-form__material-head');
+        if (field && typeof field.scrollIntoView === 'function') {
+          field.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        }
+      });
+      return false;
+    },
+    handleValidateFail() {
+      this.$message.warning('请完善表单必填项后再提交');
+      this.$nextTick(() => {
+        const field = this.$el.querySelector('.is-error');
+        if (field && typeof field.scrollIntoView === 'function') {
+          field.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        }
+      });
+    },
     parseSituation(value) {
       if (!value) {
         return { projectIntro: '', profitRemark: '', riskPoint: '', emergencyPlan: '' };
@@ -1212,15 +1453,63 @@ export default {
         return [];
       }
     },
+    getCustomerRowId(row = {}) {
+      return row.id || row.customerId || row.carrierId || '';
+    },
+    getCustomerRowLabel(row = {}, type) {
+      return (
+        row[type === 'carrier' ? 'carrier' : 'customer'] ||
+        row.fullName ||
+        row.shortName ||
+        row.customerName ||
+        row.carrierName ||
+        row.customerCode ||
+        ''
+      );
+    },
+    getCustomerRowNames(rows = [], type) {
+      return rows
+        .map(row => this.getCustomerRowLabel(row, type))
+        .filter(Boolean)
+        .join('、');
+    },
+    buildCustomerOptionsFromRows(rows = [], type) {
+      return rows
+        .map(row => {
+          const value = this.getCustomerRowId(row);
+          const label = this.getCustomerRowLabel(row, type);
+          return value && label ? { label, value, raw: row } : null;
+        })
+        .filter(Boolean);
+    },
+    mergeCustomerOptions(options = [], selectedOptions = []) {
+      const result = [...selectedOptions];
+      options.forEach(option => {
+        const exists = result.some(item => String(item.value) === String(option.value));
+        if (!exists) {
+          result.push(option);
+        }
+      });
+      return result;
+    },
+    syncSelectedCustomerOptions() {
+      this.customerOptions = this.mergeCustomerOptions(
+        this.customerOptions,
+        this.buildCustomerOptionsFromRows(this.customerRows, 'customer')
+      );
+      this.carrierOptions = this.mergeCustomerOptions(
+        this.carrierOptions,
+        this.buildCustomerOptionsFromRows(this.carrierRows, 'carrier')
+      );
+    },
     buildChangeRows(row) {
       if (!row || (!row.changeContent && !row.changeReason)) return [];
       return [
         {
           changeDate: row.updateTime || row.createTime || '',
           changeType:
-            row.approvalStatus && String(row.approvalStatus).includes('change')
-              ? '项目变更'
-              : '项目调整备案',
+            row.changeType ||
+            (String(row.currentNode || '').includes('备案') ? '项目备案调整' : '项目变更'),
           handler: row.handlerUserName || '',
           content: row.changeContent || '',
           reason: row.changeReason || '',
@@ -1239,6 +1528,10 @@ export default {
       this.form.undertakeDeptName = dept ? dept.rawLabel : '';
       this.$refs.projectForm?.validateField('undertakeDeptId');
     },
+    handleProjectTypeChange() {
+      this.normalizeAttachmentFileTypes();
+      this.$refs.projectForm?.validateField('projectType');
+    },
     loadDeptOptions() {
       getDeptTree().then(res => {
         this.deptOptions = this.flattenDept(res.data.data || []);
@@ -1259,13 +1552,21 @@ export default {
       }, []);
     },
     loadCargoTypeOptions() {
-      getDictionary({ code: 'type_of_goods' }).then(res => {
+      getSystemDictionary({ code: 'type_of_goods' }).then(res => {
         this.cargoTypeOptions = (res.data.data || []).map(item => ({
           label: item.dictValue,
           value: item.dictKey,
         }));
       });
     },
+    loadTransportTypeOptions() {
+      getBizDictionary({ code: 'transport_type' }).then(res => {
+        this.transportTypeOptions = (res.data.data || []).map(item => ({
+          label: item.dictValue,
+          value: item.dictKey,
+        }));
+      });
+    },
     loadCustomerOptions(type) {
       const loadingKey = type === '客户' ? 'customerLoading' : 'carrierLoading';
       const optionsKey = type === '客户' ? 'customerOptions' : 'carrierOptions';
@@ -1273,7 +1574,14 @@ export default {
       getCustomerArchiveList(1, 100, { customerType: type, status: 1 })
         .then(res => {
           const records = (res.data.data && res.data.data.records) || [];
-          this[optionsKey] = records.map(item => this.mapCustomerOption(item));
+          const selectedOptions = this.buildCustomerOptionsFromRows(
+            type === '客户' ? this.customerRows : this.carrierRows,
+            type === '客户' ? 'customer' : 'carrier'
+          );
+          this[optionsKey] = this.mergeCustomerOptions(
+            records.map(item => this.mapCustomerOption(item)),
+            selectedOptions
+          );
         })
         .finally(() => {
           this[loadingKey] = false;
@@ -1298,6 +1606,7 @@ export default {
         this.customerRows = [row];
         this.form.customerNames = row.customer;
         this.form.customerJson = JSON.stringify(this.customerRows);
+        this.syncSelectedCustomerOptions();
         this.$refs.projectForm?.validateField('customerNames');
       });
     },
@@ -1312,6 +1621,7 @@ export default {
         this.carrierRows = rows;
         this.form.carrierNames = rows.map(item => item.carrier).join('、');
         this.form.carrierJson = JSON.stringify(this.carrierRows);
+        this.syncSelectedCustomerOptions();
         this.$refs.projectForm?.validateField('carrierNames');
       });
     },
@@ -1353,9 +1663,10 @@ export default {
     handleAttachmentChange(list) {
       const userName = this.userInfo?.realName || this.userInfo?.userName || '';
       const uploadTime = this.$dayjs().format('YYYY-MM-DD HH:mm:ss');
+      const values = this.projectAttachmentTypeOptions.map(item => item.value);
       this.attachmentRows = (list || []).map(item => ({
         ...item,
-        fileType: item.fileType || '其他',
+        fileType: values.includes(item.fileType) ? item.fileType : '',
         description: item.description || '',
         uploadUserName: item.uploadUserName || userName,
         uploadTime: item.uploadTime || uploadTime,
@@ -1377,7 +1688,7 @@ export default {
         this.$message.warning('附件地址为空');
         return;
       }
-      downloadFileByUrl(url, row.name || '附件');
+      downloadFileByUrl(url, row.originalName || row.name || '附件');
     },
     handleBatchDownload() {
       this.attachmentRows.forEach(row => this.downloadAttachment(row));
@@ -1425,13 +1736,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.project-apply-page {
-  &__scope {
-    margin-left: 12px;
-    vertical-align: middle;
-  }
-}
-
 .project-apply-form {
   padding: 0 8px;
 
@@ -1523,6 +1827,15 @@ export default {
   &__upload {
     margin: -12px 0 24px;
   }
+
+  &__change-textarea {
+    margin-bottom: 24px;
+
+    :deep(.el-form-item__content) {
+      width: 100%;
+      margin-left: 0 !important;
+    }
+  }
 }
 
 :global(.project-apply-dialog .el-dialog__body) {
@@ -1535,6 +1848,11 @@ export default {
   display: flex;
   justify-content: flex-end;
   gap: 8px;
+
+  &--change {
+    justify-content: flex-start;
+    padding-left: 24px;
+  }
 }
 
 .project-apply-user-dialog {
diff --git a/src/views/desk/notice-composition.vue b/src/views/desk/notice-composition.vue
index 438d40e..d4ea694 100644
--- a/src/views/desk/notice-composition.vue
+++ b/src/views/desk/notice-composition.vue
@@ -41,6 +41,7 @@ import { ElMessage, ElMessageBox } from 'element-plus';
 import { ref, reactive, computed, onMounted } from 'vue';
 import { useStore } from 'vuex';
 import { getList, remove, update, add, getNotice } from '@/api/desk/notice';
+import { getUploadHeaders } from '@/utils/upload';
 
 // 定义响应式数据
 const form = ref({});
@@ -145,6 +146,7 @@ const option = reactive({
       prop: 'content',
       component: 'avue-ueditor',
       action: '/blade-resource/oss/endpoint/put-file',
+      headers: getUploadHeaders(),
       propsHttp: {
         res: 'data',
         url: 'link',
diff --git a/src/views/desk/notice.vue b/src/views/desk/notice.vue
index 41eb8e5..ed6db9e 100644
--- a/src/views/desk/notice.vue
+++ b/src/views/desk/notice.vue
@@ -41,6 +41,7 @@
 import { getList, remove, update, add, getNotice } from '@/api/desk/notice';
 import { mapGetters } from 'vuex';
 import { validatenull } from '@/utils/validate';
+import { getUploadHeaders } from '@/utils/upload';
 
 export default {
   data() {
@@ -146,6 +147,7 @@ export default {
             prop: 'content',
             component: 'avue-ueditor',
             action: '/blade-resource/oss/endpoint/put-file',
+            headers: getUploadHeaders(),
             propsHttp: {
               res: 'data',
               url: 'link',
diff --git a/src/views/resource/attach.vue b/src/views/resource/attach.vue
index 0c4870b..80bece2 100644
--- a/src/views/resource/attach.vue
+++ b/src/views/resource/attach.vue
@@ -76,7 +76,7 @@
 <script>
 import { getList, getDetail, remove } from '@/api/resource/attach';
 import { mapGetters } from 'vuex';
-import { getToken } from '@/utils/auth';
+import { getUploadHeaders } from '@/utils/upload';
 import { UploadFilled } from '@element-plus/icons-vue';
 import func from '@/utils/func';
 
@@ -98,10 +98,6 @@ export default {
       uploading: false,
       uploadPercent: 0,
       selectionList: [],
-      uploadHeaders: {
-        'Blade-Auth': `bearer ${getToken()}`,
-        'Blade-Requested-With': 'BladeHttpRequest',
-      },
       option: {
         height: 'auto',
         calcHeight: 32,
@@ -194,6 +190,9 @@ export default {
     };
   },
   computed: {
+    uploadHeaders() {
+      return getUploadHeaders();
+    },
     func() {
       return func;
     },
diff --git a/src/views/resource/oss.vue b/src/views/resource/oss.vue
index 6365752..71bd156 100644
--- a/src/views/resource/oss.vue
+++ b/src/views/resource/oss.vue
@@ -64,6 +64,7 @@ import { getList, getDetail, add, update, remove, enable } from '@/api/resource/
 import { mapGetters } from 'vuex';
 import func from '@/utils/func';
 import { sensitive } from '@/utils/sensitive';
+import { getUploadHeaders } from '@/utils/upload';
 
 export default {
   data() {
@@ -252,6 +253,7 @@ export default {
             listType: 'picture-img',
             dataType: 'string',
             action: '/blade-resource/oss/endpoint/put-file',
+            headers: getUploadHeaders(),
             propsHttp: {
               res: 'data',
               url: 'link',
diff --git a/src/views/system/menu.vue b/src/views/system/menu.vue
index dd54e05..fa4b587 100644
--- a/src/views/system/menu.vue
+++ b/src/views/system/menu.vue
@@ -68,6 +68,7 @@ export default {
       loading: true,
       selectionList: [],
       parentId: 0,
+      currentEditMenuId: '',
       page: {
         pageSize: 10,
         currentPage: 1,
@@ -331,6 +332,7 @@ export default {
       );
     },
     rowUpdate(row, index, done, loading) {
+      row.id = row.id || this.currentEditMenuId;
       update(row).then(
         () => {
           this.$message({
@@ -419,8 +421,11 @@ export default {
         this.form.isDisplay = 1;
       }
       if (['edit', 'view'].includes(type)) {
-        getMenu(this.form.id).then(res => {
+        const menuId = this.form.id;
+        this.currentEditMenuId = menuId;
+        getMenu(menuId).then(res => {
           this.form = Object.assign(res.data.data, {
+            id: res.data.data.id || menuId,
             hasChildren: this.form.hasChildren,
           });
           if (this.form.parentId === '0') {
@@ -432,6 +437,7 @@ export default {
     },
     beforeClose(done) {
       this.parentId = '';
+      this.currentEditMenuId = '';
       const column = this.findColumn(this.option.column, 'parentId');
       column.value = '';
       column.addDisabled = false;
diff --git a/src/views/system/tenant.vue b/src/views/system/tenant.vue
index ea7e2ab..492ddcd 100644
--- a/src/views/system/tenant.vue
+++ b/src/views/system/tenant.vue
@@ -205,6 +205,7 @@ import { getDetail as packageDetail } from '@/api/system/tenantpackage';
 import { mapGetters } from 'vuex';
 import { getMenuTree } from '@/api/system/menu';
 import { validatenull } from '@/utils/validate';
+import { getUploadHeaders } from '@/utils/upload';
 
 export default {
   data() {
@@ -326,6 +327,7 @@ export default {
             listType: 'picture-img',
             dataType: 'string',
             action: '/blade-resource/oss/endpoint/put-file',
+            headers: getUploadHeaders(),
             propsHttp: {
               res: 'data',
               url: 'link',
diff --git a/src/views/system/userinfo.vue b/src/views/system/userinfo.vue
index fda274b..bf0bb6c 100644
--- a/src/views/system/userinfo.vue
+++ b/src/views/system/userinfo.vue
@@ -156,7 +156,7 @@ import {
   Delete,
 } from '@element-plus/icons-vue';
 import { ElImageViewer } from 'element-plus';
-import { getToken } from '@/utils/auth';
+import { getUploadHeaders } from '@/utils/upload';
 
 export default {
   components: {
@@ -192,10 +192,6 @@ export default {
       sensitiveManager: null,
       showAvatarPreview: false,
       avatarPreviewList: [],
-      uploadHeaders: {
-        'Blade-Auth': `bearer ${getToken()}`,
-        'Blade-Requested-With': 'BladeHttpRequest',
-      },
     };
   },
   created() {
@@ -208,6 +204,11 @@ export default {
       this.loadUserInfo();
     }
   },
+  computed: {
+    uploadHeaders() {
+      return getUploadHeaders();
+    },
+  },
   methods: {
     // Tab切换处理
     handleTabChange(name) {
diff --git a/src/views/transportCapacity/driver.vue b/src/views/transportCapacity/driver.vue
index 4b84020..9371a6a 100644
--- a/src/views/transportCapacity/driver.vue
+++ b/src/views/transportCapacity/driver.vue
@@ -100,12 +100,7 @@
         >
           查看
         </el-button>
-        <el-button
-          type="primary"
-          text
-          v-if="hasPermission('driver_edit')"
-          @click="openDriver(row)"
-        >
+        <el-button type="primary" text v-if="hasPermission('driver_edit')" @click="openDriver(row)">
           修改
         </el-button>
         <el-button
@@ -222,7 +217,7 @@
               :readonly="readonly"
               :headers="uploadHeaders"
               large
-              @success="url => setImage('idCardFront', url)"
+              @success="url => handleIdCardUploadSuccess('idCardFront', url)"
             />
           </el-col>
           <el-col :span="8">
@@ -233,7 +228,7 @@
               :readonly="readonly"
               :headers="uploadHeaders"
               large
-              @success="url => setImage('idCardBack', url)"
+              @success="url => handleIdCardUploadSuccess('idCardBack', url)"
             />
           </el-col>
           <el-col :span="8">
@@ -317,7 +312,10 @@
               :readonly="readonly"
               :headers="uploadHeaders"
               large
-              @success="url => setImage('drivingLicenseFront', url)"
+              @success="
+                (url, file) =>
+                  handleDrivingLicenseUploadSuccess('drivingLicenseFront', url, file)
+              "
             />
           </el-col>
           <el-col :span="12">
@@ -328,7 +326,9 @@
               :readonly="readonly"
               :headers="uploadHeaders"
               large
-              @success="url => setImage('drivingLicenseBack', url)"
+              @success="
+                (url, file) => handleDrivingLicenseUploadSuccess('drivingLicenseBack', url, file)
+              "
             />
           </el-col>
         </el-row>
@@ -483,6 +483,7 @@
 <script>
 import { mapGetters } from 'vuex';
 import NProgress from 'nprogress';
+import { ElLoading } from 'element-plus';
 import { option } from '@/option/transportCapacity/driver';
 import {
   getList,
@@ -491,10 +492,13 @@ import {
   remove,
   changeStatus,
   getExpiryStat,
+  recognitionIDCard,
+  recognitionTransportCertificates,
 } from '@/api/transportCapacity/driver';
 import { getDeptTree } from '@/api/system/dept';
 import { exportBlob } from '@/api/common';
 import { getToken } from '@/utils/auth';
+import { getUploadHeaders } from '@/utils/upload';
 import { downloadXls } from '@/utils/util';
 import ImageUploadField from '@/components/image-upload-field/main.vue';
 
@@ -565,10 +569,8 @@ export default {
       driverBox: false,
       readonly: false,
       driverForm: emptyForm(),
-      uploadHeaders: {
-        'Blade-Auth': `bearer ${getToken()}`,
-        'Blade-Requested-With': 'BladeHttpRequest',
-      },
+      drivingLicenseUploads: {},
+      uploadHeaders: getUploadHeaders(),
       nationOptions: [
         '汉族',
         '蒙古族',
@@ -773,6 +775,7 @@ export default {
     },
     resetDriver() {
       this.driverForm = emptyForm();
+      this.drivingLicenseUploads = {};
       this.readonly = false;
       this.submitLoading = false;
       this.$refs.driverForm?.clearValidate();
@@ -781,6 +784,230 @@ export default {
       this.driverForm[prop] = url;
       this.$refs.driverForm?.validateField(prop);
     },
+    handleIdCardUploadSuccess(prop, url) {
+      this.setImage(prop, url);
+      this.recognizeIdCard(url);
+    },
+    handleDrivingLicenseUploadSuccess(prop, url, file = {}) {
+      this.setImage(prop, url);
+      this.drivingLicenseUploads[prop] = this.getUploadRecognitionKey(file, url);
+      this.recognizeDrivingLicense();
+    },
+    recognizeIdCard(url = '') {
+      if (!url) {
+        this.$message.warning('身份证图片上传成功，未获取到图片地址，无法自动识别');
+        return;
+      }
+      const loading = ElLoading.service({
+        lock: true,
+        text: '身份证识别中',
+        background: 'rgba(255, 255, 255, 0.7)',
+      });
+      recognitionIDCard(url)
+        .then(res => {
+          const data = res.data.data || {};
+          this.applyIdCardRecognition(data);
+          this.$message.success('身份证识别完成');
+        })
+        .catch(() => {
+          this.$message.warning('身份证图片上传成功，自动识别失败，请手动填写身份信息');
+        })
+        .finally(() => {
+          loading.close();
+        });
+    },
+    recognizeDrivingLicense() {
+      const objectKeys = [
+        this.drivingLicenseUploads.drivingLicenseFront || this.driverForm.drivingLicenseFront,
+        this.drivingLicenseUploads.drivingLicenseBack || this.driverForm.drivingLicenseBack,
+      ].filter(Boolean);
+      if (!objectKeys.length) {
+        this.$message.warning('驾驶证图片上传成功，未获取到图片地址，无法自动识别');
+        return;
+      }
+      const loading = ElLoading.service({
+        lock: true,
+        text: '驾驶证识别中',
+        background: 'rgba(255, 255, 255, 0.7)',
+      });
+      recognitionTransportCertificates(objectKeys)
+        .then(res => {
+          const data = res.data.data || {};
+          this.applyDrivingLicenseRecognition(data);
+          this.$message.success('驾驶证识别完成');
+        })
+        .catch(() => {
+          this.$message.warning('驾驶证图片上传成功，自动识别失败，请手动填写驾驶证信息');
+        })
+        .finally(() => {
+          loading.close();
+        });
+    },
+    applyDrivingLicenseRecognition(data = {}) {
+      const driverName = data.driverLicenseName || data.name || this.getOcrValue(data, ['name', '姓名']);
+      const idCardNo = String(
+        data.driverLicenseIdNo ||
+          data.idNo ||
+          data.idCardNo ||
+          this.getOcrValue(data, ['ID_no', 'idNo', 'idCardNo', '证号'])
+      ).toUpperCase();
+      const drivingType =
+        data.driverLicenseType ||
+        data.drivingType ||
+        data.driverClass ||
+        this.getOcrValue(data, ['class', '准驾车型']);
+      const drivingLicenseNo =
+        data.driverLicenseFileNo ||
+        data.drivingLicenseNo ||
+        data.fileNo ||
+        this.getOcrValue(data, ['file_no', '档案编号']);
+      const validDateStart =
+        data.driverLicenseValidDateStart ||
+        data.drivingLicenseStartDate ||
+        this.getOcrValue(data, ['date_vaild_start', '有效期限(起始时间)']);
+      const validDateEnd =
+        data.driverLicenseValidDateEnd ||
+        data.drivingLicenseEndDate ||
+        this.getOcrValue(data, ['date_vaild_end', '有效期限(终止时间)', '有效期限(终⽌时间)']);
+      if (driverName && !this.driverForm.driverName) {
+        this.driverForm.driverName = driverName;
+      }
+      if (idCardNo && !this.driverForm.idCardNo) {
+        this.driverForm.idCardNo = idCardNo;
+      }
+      if (idCardNo && !this.driverForm.qualificationNo) {
+        this.driverForm.qualificationNo = idCardNo;
+      }
+      if (drivingType) {
+        this.driverForm.drivingType = drivingType;
+      }
+      if (drivingLicenseNo) {
+        this.driverForm.drivingLicenseNo = drivingLicenseNo;
+      }
+      if (validDateStart) {
+        this.driverForm.drivingLicenseStartDate = this.normalizeBirthday(validDateStart);
+      }
+      if (validDateEnd) {
+        this.driverForm.drivingLicenseEndDate = this.normalizeBirthday(validDateEnd);
+        this.driverForm.drivingLicenseLongTerm = 0;
+      }
+      this.$nextTick(() => {
+        [
+          'driverName',
+          'idCardNo',
+          'drivingType',
+          'drivingLicenseNo',
+          'drivingLicenseEndDate',
+          'qualificationNo',
+        ].forEach(prop => {
+          this.$refs.driverForm?.validateField(prop);
+        });
+      });
+    },
+    getUploadRecognitionKey(file = {}, url = '') {
+      return (
+        file.objectKey ||
+        file.key ||
+        file.fileName ||
+        file.name ||
+        file.link ||
+        file.url ||
+        file.domain ||
+        url ||
+        ''
+      );
+    },
+    applyIdCardRecognition(data = {}) {
+      const driverName = data.name || data.driverName || this.getOcrValue(data, ['name', '姓名']);
+      const idCardNo = String(
+        data.idNo ||
+          data.idCardNo ||
+          data.idCard ||
+          this.getOcrValue(data, ['idNo', 'idCardNo', 'number', '公民身份号码', '身份证号'])
+      ).toUpperCase();
+      const ocrGender = data.gender || this.getOcrValue(data, ['gender', '性别']);
+      const ocrNation =
+        data.nation ||
+        data.ethnicGroup ||
+        this.getOcrValue(data, ['ethnic_group', 'nation', '民族']);
+      const ocrBirthday =
+        data.birthday || data.birthDate || this.getOcrValue(data, ['date', '出生']);
+      if (driverName) {
+        this.driverForm.driverName = driverName;
+      }
+      if (ocrGender) {
+        this.driverForm.gender = ocrGender;
+      }
+      if (ocrNation) {
+        this.driverForm.nation = this.normalizeNation(ocrNation);
+      }
+      if (ocrBirthday) {
+        this.driverForm.birthday = this.normalizeBirthday(ocrBirthday);
+      }
+      if (idCardNo) {
+        this.driverForm.idCardNo = idCardNo;
+        if (!this.driverForm.qualificationNo) {
+          this.driverForm.qualificationNo = idCardNo;
+        }
+        const idCardInfo = this.parseIdCardInfo(idCardNo);
+        if (!this.driverForm.birthday && idCardInfo.birthday) {
+          this.driverForm.birthday = idCardInfo.birthday;
+        }
+        if (!this.driverForm.gender && idCardInfo.gender) {
+          this.driverForm.gender = idCardInfo.gender;
+        }
+      }
+      this.$nextTick(() => {
+        ['driverName', 'idCardNo', 'birthday', 'gender', 'nation', 'qualificationNo'].forEach(
+          prop => {
+            this.$refs.driverForm?.validateField(prop);
+          }
+        );
+      });
+    },
+    getOcrValue(data = {}, keys = []) {
+      const keyInfos = data.keyInfos || data.keyInfo || data.ocrKeyInfos || [];
+      const list = Array.isArray(keyInfos) ? keyInfos : [];
+      const item = list.find(info => {
+        const key = String(info.key || '').toLowerCase();
+        const description = String(info.description || '');
+        return keys.some(value => key === String(value).toLowerCase() || description === value);
+      });
+      return item ? item.value || '' : '';
+    },
+    normalizeNation(value = '') {
+      const nation = String(value || '').trim();
+      if (!nation) return '';
+      if (this.nationOptions.includes(nation)) return nation;
+      const fullNation = `${nation}族`;
+      return this.nationOptions.includes(fullNation) ? fullNation : nation;
+    },
+    normalizeBirthday(value = '') {
+      const birthday = String(value || '').trim();
+      const match = birthday.match(/^(\d{4})[-/.年](\d{1,2})[-/.月](\d{1,2})日?$/);
+      if (!match) return birthday;
+      const [, year, month, day] = match;
+      return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`;
+    },
+    parseIdCardInfo(idCardNo = '') {
+      if (!/^\d{17}[\dX]$/.test(idCardNo)) {
+        return {};
+      }
+      const birthday = `${idCardNo.slice(6, 10)}-${idCardNo.slice(10, 12)}-${idCardNo.slice(
+        12,
+        14
+      )}`;
+      const date = new Date(`${birthday}T00:00:00`);
+      const validDate =
+        !Number.isNaN(date.getTime()) &&
+        date.getFullYear() === Number(idCardNo.slice(6, 10)) &&
+        date.getMonth() + 1 === Number(idCardNo.slice(10, 12)) &&
+        date.getDate() === Number(idCardNo.slice(12, 14));
+      return {
+        birthday: validDate ? birthday : '',
+        gender: Number(idCardNo.slice(16, 17)) % 2 === 1 ? '男' : '女',
+      };
+    },
     validateFormField(prop) {
       this.$refs.driverForm?.validateField(prop);
     },
@@ -914,7 +1141,9 @@ export default {
         type: 'warning',
       }).then(() => {
         NProgress.start();
-        exportBlob('/blade-transport/driver/export-driver', this.buildExportParams(), { feedback: true })
+        exportBlob('/blade-transport/driver/export-driver', this.buildExportParams(), {
+          feedback: true,
+        })
           .then(res => {
             downloadXls(res.data, `司机管理${this.$dayjs().format('YYYY-MM-DD HH:mm:ss')}.xlsx`);
           })
diff --git a/src/views/transportCapacity/ship.vue b/src/views/transportCapacity/ship.vue
index 8a0a8c8..3c8d598 100644
--- a/src/views/transportCapacity/ship.vue
+++ b/src/views/transportCapacity/ship.vue
@@ -571,6 +571,7 @@ import {
 } from '@/api/transportCapacity/transport-ship';
 import { exportBlob } from '@/api/common';
 import { getToken } from '@/utils/auth';
+import { getUploadHeaders } from '@/utils/upload';
 import { downloadXls } from '@/utils/util';
 import ImageUploadField from '@/components/image-upload-field/main.vue';
 
@@ -639,10 +640,7 @@ export default {
       shipBox: false,
       readonly: false,
       shipForm: emptyForm(),
-      uploadHeaders: {
-        'Blade-Auth': `bearer ${getToken()}`,
-        'Blade-Requested-With': 'BladeHttpRequest',
-      },
+      uploadHeaders: getUploadHeaders(),
       organizationOptions: [],
       formRules: {
         organizationName: [{ required: true, message: '请选择船舶所属组织', trigger: 'change' }],
diff --git a/src/views/transportCapacity/vehicle.vue b/src/views/transportCapacity/vehicle.vue
index d72b645..63154f1 100644
--- a/src/views/transportCapacity/vehicle.vue
+++ b/src/views/transportCapacity/vehicle.vue
@@ -406,7 +406,10 @@
               :headers="uploadHeaders"
               large
               class-prefix="vehicle"
-              @success="url => setImage('drivingLicenseImage', url)"
+              @success="
+                (url, file) =>
+                  handleVehicleCertificateUploadSuccess('drivingLicenseImage', url, file)
+              "
             />
           </el-col>
           <el-col :span="8">
@@ -418,7 +421,10 @@
               :headers="uploadHeaders"
               large
               class-prefix="vehicle"
-              @success="url => setImage('drivingLicenseMainBack', url)"
+              @success="
+                (url, file) =>
+                  handleVehicleCertificateUploadSuccess('drivingLicenseMainBack', url, file)
+              "
             />
           </el-col>
           <el-col :span="8">
@@ -430,7 +436,10 @@
               :headers="uploadHeaders"
               large
               class-prefix="vehicle"
-              @success="url => setImage('drivingLicenseViceFront', url)"
+              @success="
+                (url, file) =>
+                  handleVehicleCertificateUploadSuccess('drivingLicenseViceFront', url, file)
+              "
             />
           </el-col>
         </el-row>
@@ -444,7 +453,10 @@
               :headers="uploadHeaders"
               large
               class-prefix="vehicle"
-              @success="url => setImage('drivingLicenseViceBack', url)"
+              @success="
+                (url, file) =>
+                  handleVehicleCertificateUploadSuccess('drivingLicenseViceBack', url, file)
+              "
             />
           </el-col>
           <el-col :span="8">
@@ -468,7 +480,10 @@
               :headers="uploadHeaders"
               large
               class-prefix="vehicle"
-              @success="url => setImage('registrationImage', url)"
+              @success="
+                (url, file) =>
+                  handleVehicleCertificateUploadSuccess('registrationImage', url, file)
+              "
             />
           </el-col>
         </el-row>
@@ -486,6 +501,7 @@
 <script>
 import { mapGetters } from 'vuex';
 import NProgress from 'nprogress';
+import { ElLoading } from 'element-plus';
 import { option } from '@/option/transportCapacity/transport-vehicle';
 import {
   getList,
@@ -494,10 +510,12 @@ import {
   remove,
   changeStatus,
   getExpiryStat,
+  recognitionTransportCertificates,
 } from '@/api/transportCapacity/transport-vehicle';
 import { getDeptTree } from '@/api/system/dept';
 import { exportBlob } from '@/api/common';
 import { getToken } from '@/utils/auth';
+import { getUploadHeaders } from '@/utils/upload';
 import { downloadXls } from '@/utils/util';
 import ImageUploadField from '@/components/image-upload-field/main.vue';
 
@@ -608,10 +626,8 @@ export default {
       vehicleBox: false,
       readonly: false,
       vehicleForm: emptyForm(),
-      uploadHeaders: {
-        'Blade-Auth': `bearer ${getToken()}`,
-        'Blade-Requested-With': 'BladeHttpRequest',
-      },
+      vehicleCertificateUploads: {},
+      uploadHeaders: getUploadHeaders(),
       organizationOptions: [],
       plateProvinceOptions,
       plateColorOptions,
@@ -733,6 +749,7 @@ export default {
     },
     resetVehicle() {
       this.vehicleForm = emptyForm();
+      this.vehicleCertificateUploads = {};
       this.readonly = false;
       this.submitLoading = false;
       this.$refs.vehicleForm?.clearValidate();
@@ -741,6 +758,116 @@ export default {
       this.vehicleForm[prop] = url;
       this.$refs.vehicleForm?.validateField(prop);
     },
+    handleVehicleCertificateUploadSuccess(prop, url, file = {}) {
+      this.setImage(prop, url);
+      this.vehicleCertificateUploads[prop] = this.getUploadRecognitionKey(file, url);
+      this.recognizeVehicleCertificates();
+    },
+    recognizeVehicleCertificates() {
+      const objectKeys = [
+        this.vehicleCertificateUploads.drivingLicenseImage || this.vehicleForm.drivingLicenseImage,
+        this.vehicleCertificateUploads.drivingLicenseMainBack ||
+          this.vehicleForm.drivingLicenseMainBack,
+        this.vehicleCertificateUploads.drivingLicenseViceFront ||
+          this.vehicleForm.drivingLicenseViceFront,
+        this.vehicleCertificateUploads.drivingLicenseViceBack ||
+          this.vehicleForm.drivingLicenseViceBack,
+        this.vehicleCertificateUploads.registrationImage || this.vehicleForm.registrationImage,
+      ].filter(Boolean);
+      if (!objectKeys.length) {
+        this.$message.warning('车辆资质图片上传成功，未获取到图片地址，无法自动识别');
+        return;
+      }
+      const loading = ElLoading.service({
+        lock: true,
+        text: '车辆资质识别中',
+        background: 'rgba(255, 255, 255, 0.7)',
+      });
+      recognitionTransportCertificates(objectKeys)
+        .then(res => {
+          this.applyVehicleCertificateRecognition(res.data.data || {});
+          this.$message.success('车辆资质识别完成');
+        })
+        .catch(() => {
+          this.$message.warning('车辆资质图片上传成功，自动识别失败，请手动填写车辆资质信息');
+        })
+        .finally(() => {
+          loading.close();
+        });
+    },
+    applyVehicleCertificateRecognition(data = {}) {
+      const plateNo = data.drivingPlateNo || data.vehicleLicensePlateNo || '';
+      const vehicleType = data.vehicleLicenseVehicleType || data.vehicleType || '';
+      const drivingLicenseNo =
+        data.vehicleLicenseFileNo || data.drivingLicenseNo || data.fileNo || '';
+      const drivingLicenseEndDate =
+        data.vehicleLicenseInspectionValidDate ||
+        data.drivingLicenseEndDate ||
+        data.vehicleLicenseValidDateEnd ||
+        '';
+      const registrationDate =
+        data.vehicleLicenseRegisterDate || data.registrationDate || data.dateRegister || '';
+      const registrationNo = data.registrationNo || data.vehicleLicenseNo || '';
+      if (plateNo) {
+        this.vehicleForm.plateNo = plateNo;
+        this.splitPlateNo();
+        this.syncPlateNo(false);
+      }
+      if (vehicleType) {
+        this.vehicleForm.vehicleType = this.normalizeVehicleType(vehicleType);
+      }
+      if (drivingLicenseNo) {
+        this.vehicleForm.drivingLicenseNo = drivingLicenseNo;
+      }
+      if (drivingLicenseEndDate) {
+        this.vehicleForm.drivingLicenseEndDate = this.normalizeDate(drivingLicenseEndDate);
+        this.vehicleForm.drivingLicenseLongTerm = 0;
+      }
+      if (registrationDate) {
+        this.vehicleForm.registrationDate = this.normalizeDate(registrationDate);
+      }
+      if (registrationNo) {
+        this.vehicleForm.registrationNo = registrationNo;
+      }
+      this.$nextTick(() => {
+        [
+          'plateNo',
+          'vehicleType',
+          'drivingLicenseNo',
+          'drivingLicenseEndDate',
+          'registrationNo',
+        ].forEach(prop => {
+          this.$refs.vehicleForm?.validateField(prop);
+        });
+      });
+    },
+    getUploadRecognitionKey(file = {}, url = '') {
+      return (
+        file.objectKey ||
+        file.key ||
+        file.fileName ||
+        file.name ||
+        file.link ||
+        file.url ||
+        file.domain ||
+        url ||
+        ''
+      );
+    },
+    normalizeDate(value = '') {
+      const dateValue = String(value || '').trim();
+      const match = dateValue.match(/^(\d{4})[-/.年](\d{1,2})[-/.月](\d{1,2})日?$/);
+      if (!match) return dateValue;
+      const [, year, month, day] = match;
+      return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`;
+    },
+    normalizeVehicleType(value = '') {
+      const vehicleType = String(value || '').trim();
+      const option = this.vehicleTypeOptions.find(
+        item => item.value === vehicleType || item.label === vehicleType
+      );
+      return option ? option.value : vehicleType;
+    },
     handlePlateBodyInput(value) {
       this.vehicleForm.plateNoBody = String(value || '').toUpperCase();
       this.syncPlateNo();
diff --git a/src/views/vehicle/customer-archive.vue b/src/views/vehicle/customer-archive.vue
index f71abc8..b71cd8b 100644
--- a/src/views/vehicle/customer-archive.vue
+++ b/src/views/vehicle/customer-archive.vue
@@ -252,7 +252,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="营业期限" prop="businessEndDate">
+            <el-form-item label="营业期限" prop="businessEndDate" required>
               <div class="business-term-field">
                 <el-date-picker
                   v-model="archiveForm.businessEndDate"
@@ -1122,6 +1122,7 @@ import { getLazyTree } from '@/api/base/region';
 import { exportBlob } from '@/api/common';
 import { downloadXls } from '@/utils/util';
 import { getToken } from '@/utils/auth';
+import { getUploadHeaders } from '@/utils/upload';
 import { normalizeSearchRangeParams } from '@/utils/search-range';
 import { ArrowRight } from '@element-plus/icons-vue';
 import { mapGetters } from 'vuex';
@@ -1353,7 +1354,7 @@ export default {
         editBtn: false,
         selection: true,
         dialogClickModal: false,
-        menuWidth: 160,
+        menuWidth: 320,
         column: [
           {
             label: '客商编号',
@@ -1535,9 +1536,7 @@ export default {
       return missing.length ? `缺失核心客商材料：${missing.join('、')}` : '';
     },
     uploadHeaders() {
-      return {
-        [this.website.tokenHeader]: getToken(),
-      };
+      return getUploadHeaders();
     },
     scoreList() {
       return this.archiveForm.scores || [];
diff --git a/src/views/vehicle/insurance-record.vue b/src/views/vehicle/insurance-record.vue
index 3999d67..c5aa5b4 100644
--- a/src/views/vehicle/insurance-record.vue
+++ b/src/views/vehicle/insurance-record.vue
@@ -157,6 +157,7 @@ import { exportBlob } from '@/api/common';
 import { downloadXls } from '@/utils/util';
 import { openImportDialog } from '@/utils/import-excel';
 import { getToken } from '@/utils/auth';
+import { getUploadHeaders } from '@/utils/upload';
 import { normalizeSearchRangeParams } from '@/utils/search-range';
 import { mapGetters } from 'vuex';
 import { excelOption, option } from '@/option/vehicle/insurance-record';
@@ -225,9 +226,7 @@ export default {
       };
     },
     uploadHeaders() {
-      return {
-        [this.website.tokenHeader]: getToken(),
-      };
+      return getUploadHeaders();
     },
   },
   watch: {