From 5fcb82c0c0e1a7612b17c908d6b25802257a32f5 Mon Sep 17 00:00:00 2001
From: b2894lxlx <517289602@qq.com>
Date: Sat, 22 Aug 2026 21:11:48 +0800
Subject: [PATCH] =?UTF-8?q?1=E3=80=81=E8=B0=83=E6=95=B4=E9=85=8D=E8=BD=BD?=
 =?UTF-8?q?=E3=80=81=E6=80=BB=E5=8D=95=202=E3=80=81=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E6=94=B6=E4=BB=98=E6=AC=BE=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/business/loading-manage.js            |    6 +
 src/api/business/master-order.js              |    2 +
 src/api/payment/billLedger.js                 |   27 +
 src/api/payment/billPayment.js                |   21 +
 src/api/payment/invoiceApplication.js         |   38 +
 src/api/payment/invoiceReceipt.js             |   43 +
 src/api/payment/paymentApplication.js         |   37 +
 src/api/payment/receiptClaimRecord.js         |   21 +
 src/api/payment/receiptFlow.js                |   21 +
 .../settlement/receivable-payable-detail.js   |    9 +-
 src/option/business/contract-manage.js        |   17 -
 src/option/payment/billLedger.js              |   11 +
 src/option/payment/billPayment.js             |   12 +
 src/option/payment/invoiceApplication.js      |   34 +
 src/option/payment/invoiceReceipt.js          |   16 +
 src/option/payment/paymentApplication.js      |   20 +
 src/option/payment/receiptClaimRecord.js      |   17 +
 src/option/payment/receiptFlow.js             |   12 +
 src/router/views/index.js                     |  114 +
 src/utils/settlement-transfer.js              |   25 +
 .../components/business-crud-page.vue         | 1314 +---------
 .../components/master-order-dispatch.vue      |   35 +-
 .../components/master-order-editor.vue        |    8 +-
 src/views/business/contract-manage.vue        | 2125 ++++++++++++++++-
 src/views/business/loading-manage.vue         |  118 +-
 src/views/business/temporary-credit-limit.vue |  657 ++++-
 src/views/payment/bill-ledger-form.vue        |  599 +++++
 src/views/payment/bill-ledger.vue             |  116 +
 src/views/payment/bill-payment-form.vue       |  434 ++++
 src/views/payment/bill-payment.vue            |  146 ++
 .../payment/components/bill-ledger-search.vue |  149 ++
 .../payment/components/bill-ledger-table.vue  |  121 +
 .../components/bill-payment-search.vue        |   94 +
 .../payment/components/bill-payment-table.vue |  149 ++
 .../payment/invoice-application-form.vue      | 1044 ++++++++
 src/views/payment/invoice-application.vue     |  474 ++++
 src/views/payment/invoice-receipt-form.vue    |  834 +++++++
 src/views/payment/invoice-receipt.vue         |  480 ++++
 .../payment/payment-application-form.vue      |  852 +++++++
 src/views/payment/payment-application.vue     |  476 ++++
 .../payment/receipt-claim-record-form.vue     |  369 +++
 src/views/payment/receipt-claim-record.vue    |  294 +++
 src/views/payment/receipt-flow-form.vue       |  537 +++++
 src/views/payment/receipt-flow.vue            |  269 +++
 .../components/formal-settlement-editor.vue   |  125 +-
 .../components/pre-settlement-editor.vue      |  419 +++-
 .../settlement/formal-settlement-form.vue     |   88 +
 src/views/settlement/formal-settlement.vue    |   16 +-
 src/views/settlement/pre-settlement-form.vue  |   90 +
 src/views/settlement/pre-settlement.vue       |   10 +-
 .../settlement/receivable-payable-detail.vue  |  224 +-
 51 files changed, 11663 insertions(+), 1506 deletions(-)
 create mode 100644 src/api/payment/billLedger.js
 create mode 100644 src/api/payment/billPayment.js
 create mode 100644 src/api/payment/invoiceApplication.js
 create mode 100644 src/api/payment/invoiceReceipt.js
 create mode 100644 src/api/payment/paymentApplication.js
 create mode 100644 src/api/payment/receiptClaimRecord.js
 create mode 100644 src/api/payment/receiptFlow.js
 create mode 100644 src/option/payment/billLedger.js
 create mode 100644 src/option/payment/billPayment.js
 create mode 100644 src/option/payment/invoiceApplication.js
 create mode 100644 src/option/payment/invoiceReceipt.js
 create mode 100644 src/option/payment/paymentApplication.js
 create mode 100644 src/option/payment/receiptClaimRecord.js
 create mode 100644 src/option/payment/receiptFlow.js
 create mode 100644 src/utils/settlement-transfer.js
 create mode 100644 src/views/payment/bill-ledger-form.vue
 create mode 100644 src/views/payment/bill-ledger.vue
 create mode 100644 src/views/payment/bill-payment-form.vue
 create mode 100644 src/views/payment/bill-payment.vue
 create mode 100644 src/views/payment/components/bill-ledger-search.vue
 create mode 100644 src/views/payment/components/bill-ledger-table.vue
 create mode 100644 src/views/payment/components/bill-payment-search.vue
 create mode 100644 src/views/payment/components/bill-payment-table.vue
 create mode 100644 src/views/payment/invoice-application-form.vue
 create mode 100644 src/views/payment/invoice-application.vue
 create mode 100644 src/views/payment/invoice-receipt-form.vue
 create mode 100644 src/views/payment/invoice-receipt.vue
 create mode 100644 src/views/payment/payment-application-form.vue
 create mode 100644 src/views/payment/payment-application.vue
 create mode 100644 src/views/payment/receipt-claim-record-form.vue
 create mode 100644 src/views/payment/receipt-claim-record.vue
 create mode 100644 src/views/payment/receipt-flow-form.vue
 create mode 100644 src/views/payment/receipt-flow.vue
 create mode 100644 src/views/settlement/formal-settlement-form.vue
 create mode 100644 src/views/settlement/pre-settlement-form.vue

diff --git a/src/api/business/loading-manage.js b/src/api/business/loading-manage.js
index 6938bc3..fdb3a36 100644
--- a/src/api/business/loading-manage.js
+++ b/src/api/business/loading-manage.js
@@ -24,6 +24,12 @@ export const getDetail = id =>
     },
   });
 
+export const getCarrierContracts = () =>
+  request({
+    url: `${baseUrl}/carrier-contracts`,
+    method: 'get',
+  });
+
 export const saveDraft = row =>
   request({
     url: `${baseUrl}/save-draft`,
diff --git a/src/api/business/master-order.js b/src/api/business/master-order.js
index ca13ae0..baa7938 100644
--- a/src/api/business/master-order.js
+++ b/src/api/business/master-order.js
@@ -5,6 +5,8 @@ const baseUrl = '/blade-transport/master-order';
 export const getList = (current, size, params) =>
   request({ url: `${baseUrl}/list`, method: 'get', params: { current, size, ...params } });
 export const getDetail = id => request({ url: `${baseUrl}/detail`, method: 'get', params: { id } });
+export const getCarriers = id =>
+  request({ url: `${baseUrl}/carriers`, method: 'get', params: { id } });
 export const submit = data => request({ url: `${baseUrl}/submit`, method: 'post', data });
 export const saveDraft = data => request({ url: `${baseUrl}/draft`, method: 'post', data });
 export const copy = id => request({ url: `${baseUrl}/copy`, method: 'post', params: { id } });
diff --git a/src/api/payment/billLedger.js b/src/api/payment/billLedger.js
new file mode 100644
index 0000000..706c051
--- /dev/null
+++ b/src/api/payment/billLedger.js
@@ -0,0 +1,27 @@
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/bill-ledger';
+
+export const getList = (current, size, params) =>
+  request({ url: `${baseUrl}/list`, method: 'get', params: { current, size, ...params } });
+export const getDetail = id => request({ url: `${baseUrl}/detail`, method: 'get', params: { id } });
+export const getExpiryCounts = () => request({ url: `${baseUrl}/expiry-counts`, method: 'get' });
+export const getAvailableOptions = (keyword, deptId, selectedId) =>
+  request({
+    url: `${baseUrl}/available-options`,
+    method: 'get',
+    params: { keyword, deptId, selectedId },
+  });
+export const submit = data => request({ url: `${baseUrl}/submit`, method: 'post', data });
+export const remove = id => request({ url: `${baseUrl}/remove`, method: 'post', params: { id } });
+
+export const billTypeOptions = [
+  { label: '开票', value: 'issued' },
+  { label: '收票', value: 'received' },
+];
+
+export const maturityStatusOptions = [
+  { label: '未到期', value: 'unexpired' },
+  { label: '今日到期', value: 'due_today' },
+  { label: '已到期', value: 'expired' },
+];
diff --git a/src/api/payment/billPayment.js b/src/api/payment/billPayment.js
new file mode 100644
index 0000000..1b378f2
--- /dev/null
+++ b/src/api/payment/billPayment.js
@@ -0,0 +1,21 @@
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/bill-payment';
+
+export const getList = (current, size, params) =>
+  request({ url: `${baseUrl}/list`, method: 'get', params: { current, size, ...params } });
+export const getDetail = id => request({ url: `${baseUrl}/detail`, method: 'get', params: { id } });
+export const save = data => request({ url: `${baseUrl}/save`, method: 'post', data });
+export const remove = id => request({ url: `${baseUrl}/remove`, method: 'post', params: { id } });
+export const submit = data => request({ url: `${baseUrl}/submit`, method: 'post', data });
+export const approve = data => request({ url: `${baseUrl}/approve`, method: 'post', data });
+export const returnBill = data => request({ url: `${baseUrl}/return`, method: 'post', data });
+export const voidBill = data => request({ url: `${baseUrl}/void`, method: 'post', data });
+
+export const approvalStatusOptions = [
+  { label: '草稿', value: 'draft' },
+  { label: '审批中', value: 'reviewing' },
+  { label: '已驳回', value: 'returned' },
+  { label: '审批通过', value: 'approved' },
+  { label: '已作废', value: 'voided' },
+];
diff --git a/src/api/payment/invoiceApplication.js b/src/api/payment/invoiceApplication.js
new file mode 100644
index 0000000..806a89f
--- /dev/null
+++ b/src/api/payment/invoiceApplication.js
@@ -0,0 +1,38 @@
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/invoice-application';
+
+export const getList = (current, size, params) =>
+  request({ url: `${baseUrl}/list`, method: 'get', params: { current, size, ...params } });
+export const getDetail = id => request({ url: `${baseUrl}/detail`, method: 'get', params: { id } });
+export const getSettlementCandidates = keyword =>
+  request({ url: `${baseUrl}/settlement-candidates`, method: 'get', params: { keyword } });
+export const getSettlementDetails = settlementIds =>
+  request({ url: `${baseUrl}/settlement-details`, method: 'get', params: { settlementIds } });
+export const getReceiverInformation = settlementIds =>
+  request({ url: `${baseUrl}/receiver-information`, method: 'get', params: { settlementIds } });
+export const save = data => request({ url: `${baseUrl}/save`, method: 'post', data });
+export const remove = id => request({ url: `${baseUrl}/remove`, method: 'post', params: { id } });
+export const submit = data => request({ url: `${baseUrl}/submit`, method: 'post', data });
+export const approve = data => request({ url: `${baseUrl}/approve`, method: 'post', data });
+export const returnBill = data => request({ url: `${baseUrl}/return`, method: 'post', data });
+export const voidBill = data => request({ url: `${baseUrl}/void`, method: 'post', data });
+export const syncKingdee = id =>
+  request({ url: `${baseUrl}/sync-kingdee`, method: 'post', params: { id } });
+
+export const invoiceTypeOptions = [
+  { label: '电子专票', value: 'electronic_special' },
+  { label: '电子普票', value: 'electronic_normal' },
+];
+export const approvalStatusOptions = [
+  { label: '草稿', value: 'draft' },
+  { label: '审批中', value: 'reviewing' },
+  { label: '审批通过', value: 'approved' },
+  { label: '已驳回', value: 'returned' },
+  { label: '已作废', value: 'voided' },
+];
+export const kingdeeStatusOptions = [
+  { label: '未同步', value: 'unsynced' },
+  { label: '已同步', value: 'synced' },
+  { label: '同步失败', value: 'failed' },
+];
diff --git a/src/api/payment/invoiceReceipt.js b/src/api/payment/invoiceReceipt.js
new file mode 100644
index 0000000..d4cf692
--- /dev/null
+++ b/src/api/payment/invoiceReceipt.js
@@ -0,0 +1,43 @@
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/invoice-receipt';
+
+export const getList = (current, size, params) =>
+  request({ url: `${baseUrl}/list`, method: 'get', params: { current, size, ...params } });
+export const getDetail = id => request({ url: `${baseUrl}/detail`, method: 'get', params: { id } });
+export const getInvoicePool = keyword =>
+  request({ url: `${baseUrl}/invoice-pool`, method: 'get', params: { keyword } });
+export const getSettlementCandidates = (keyword, receiptId) =>
+  request({
+    url: `${baseUrl}/settlement-candidates`,
+    method: 'get',
+    params: { keyword, receiptId },
+  });
+export const getReferenceInformation = settlementIds =>
+  request({
+    url: `${baseUrl}/reference-information`,
+    method: 'get',
+    params: { settlementIds },
+  });
+export const save = data => request({ url: `${baseUrl}/save`, method: 'post', data });
+export const remove = id => request({ url: `${baseUrl}/remove`, method: 'post', params: { id } });
+export const submit = data => request({ url: `${baseUrl}/submit`, method: 'post', data });
+export const approve = data => request({ url: `${baseUrl}/approve`, method: 'post', data });
+export const returnBill = data => request({ url: `${baseUrl}/return`, method: 'post', data });
+export const voidBill = data => request({ url: `${baseUrl}/void`, method: 'post', data });
+export const syncKingdee = id =>
+  request({ url: `${baseUrl}/sync-kingdee`, method: 'post', params: { id } });
+
+export const approvalStatusOptions = [
+  { label: '草稿', value: 'draft' },
+  { label: '审批中', value: 'reviewing' },
+  { label: '审批通过', value: 'approved' },
+  { label: '已驳回', value: 'returned' },
+  { label: '已作废', value: 'voided' },
+];
+
+export const kingdeeStatusOptions = [
+  { label: '未同步', value: 'unsynced' },
+  { label: '已同步', value: 'synced' },
+  { label: '同步失败', value: 'failed' },
+];
diff --git a/src/api/payment/paymentApplication.js b/src/api/payment/paymentApplication.js
new file mode 100644
index 0000000..3031f6f
--- /dev/null
+++ b/src/api/payment/paymentApplication.js
@@ -0,0 +1,37 @@
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/payment-application';
+export const getList = (current, size, params) =>
+  request({ url: `${baseUrl}/list`, method: 'get', params: { current, size, ...params } });
+export const getDetail = id => request({ url: `${baseUrl}/detail`, method: 'get', params: { id } });
+export const save = data => request({ url: `${baseUrl}/save`, method: 'post', data });
+export const remove = id => request({ url: `${baseUrl}/remove`, method: 'post', params: { id } });
+export const submit = data => request({ url: `${baseUrl}/submit`, method: 'post', data });
+export const approve = data => request({ url: `${baseUrl}/approve`, method: 'post', data });
+export const returnBill = data => request({ url: `${baseUrl}/return`, method: 'post', data });
+export const voidBill = data => request({ url: `${baseUrl}/void`, method: 'post', data });
+export const syncKingdee = id =>
+  request({ url: `${baseUrl}/sync-kingdee`, method: 'post', params: { id } });
+
+export const paymentTypeOptions = [
+  { label: '项目预付', value: 'project_advance' },
+  { label: '进度预付', value: 'progress_advance' },
+  { label: '结算付款', value: 'settlement_payment' },
+];
+export const paymentMethodOptions = [
+  { label: '银行转账', value: 'bank_transfer' },
+  { label: '银行承兑汇票', value: 'bank_draft' },
+  { label: '商业承兑汇票', value: 'commercial_draft' },
+];
+export const approvalStatusOptions = [
+  { label: '草稿', value: 'draft' },
+  { label: '审批中', value: 'reviewing' },
+  { label: '审批通过', value: 'approved' },
+  { label: '已驳回', value: 'returned' },
+  { label: '已作废', value: 'voided' },
+];
+export const kingdeeStatusOptions = [
+  { label: '未生成', value: 'unsynced' },
+  { label: '已生成', value: 'synced' },
+  { label: '生成失败', value: 'failed' },
+];
diff --git a/src/api/payment/receiptClaimRecord.js b/src/api/payment/receiptClaimRecord.js
new file mode 100644
index 0000000..4bda63f
--- /dev/null
+++ b/src/api/payment/receiptClaimRecord.js
@@ -0,0 +1,21 @@
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/receipt-claim-record';
+
+export const getList = (current, size, params) =>
+  request({ url: `${baseUrl}/list`, method: 'get', params: { current, size, ...params } });
+export const getDetail = id => request({ url: `${baseUrl}/detail`, method: 'get', params: { id } });
+export const updateAttachments = data =>
+  request({ url: `${baseUrl}/attachments`, method: 'post', data });
+export const voidClaim = id => request({ url: `${baseUrl}/void`, method: 'post', params: { id } });
+
+export const claimStatusOptions = [
+  { label: '已认领', value: 'claimed' },
+  { label: '已作废', value: 'voided' },
+];
+
+export const kingdeeBillStatusOptions = [
+  { label: '未生成', value: 'none' },
+  { label: '审核通过', value: 'approved' },
+  { label: '处理失败', value: 'failed' },
+];
diff --git a/src/api/payment/receiptFlow.js b/src/api/payment/receiptFlow.js
new file mode 100644
index 0000000..64cec7b
--- /dev/null
+++ b/src/api/payment/receiptFlow.js
@@ -0,0 +1,21 @@
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/receipt-flow';
+
+export const getList = (current, size, params) =>
+  request({ url: `${baseUrl}/list`, method: 'get', params: { current, size, ...params } });
+export const getDetail = id => request({ url: `${baseUrl}/detail`, method: 'get', params: { id } });
+export const getSettlementCandidates = (keyword, flowId) =>
+  request({
+    url: `${baseUrl}/settlement-candidates`,
+    method: 'get',
+    params: { keyword, flowId },
+  });
+export const claim = data => request({ url: `${baseUrl}/claim`, method: 'post', data });
+export const sync = () => request({ url: `${baseUrl}/sync`, method: 'post' });
+
+export const claimStatusOptions = [
+  { label: '未认领', value: 'unclaimed' },
+  { label: '部分认领', value: 'partial' },
+  { label: '认领完成', value: 'claimed' },
+];
diff --git a/src/api/settlement/receivable-payable-detail.js b/src/api/settlement/receivable-payable-detail.js
index 3a6e871..3e9c2e2 100644
--- a/src/api/settlement/receivable-payable-detail.js
+++ b/src/api/settlement/receivable-payable-detail.js
@@ -15,21 +15,16 @@ export const getChangeRecords = (current, size, params) =>
     params: { current, size, ...params },
   });
 
-export const updateFee = data =>
-  request({ url: `${baseUrl}/update-fee`, method: 'post', data });
+export const updateFee = data => request({ url: `${baseUrl}/update-fee`, method: 'post', data });
 
 export const getUpdateFeeContracts = params =>
   request({ url: `${baseUrl}/update-fee-contracts`, method: 'get', params });
 
-export const adjustFee = data =>
-  request({ url: `${baseUrl}/adjust-fee`, method: 'post', data });
+export const adjustFee = data => request({ url: `${baseUrl}/adjust-fee`, method: 'post', data });
 
 export const calculateAdjustedFee = data =>
   request({ url: `${baseUrl}/calculate-adjusted-fee`, method: 'post', data });
 
-export const transferSettlement = data =>
-  request({ url: `${baseUrl}/transfer-settlement`, method: 'post', data });
-
 export const getTransferCandidates = (current, size, params) =>
   request({
     url: `${baseUrl}/transfer-candidates`,
diff --git a/src/option/business/contract-manage.js b/src/option/business/contract-manage.js
index f1dafee..eaaae45 100644
--- a/src/option/business/contract-manage.js
+++ b/src/option/business/contract-manage.js
@@ -40,30 +40,13 @@ export const config = {
   enableAllDept: true,
   allDeptReadonly: false,
   batchDelete: false,
-  enableContractForm: true,
   enableProjectSelect: true,
   projectQueryParams: {
     approvalStatuses: 'approved,change_approved',
   },
-  enableContractPeriod: true,
-  enableContractFileUpload: true,
-  enableCurrentUserHandler: true,
-  enableBillingPlan: true,
-  enableSettlementRule: true,
-  enableReconciliation: false,
-  enableFeeGenerationMode: true,
-  enableSettlementConfigTabs: true,
-  enablePaymentRatio: true,
-  enableAttachmentTable: true,
-  enableChangeRecord: true,
-  enableOrganizationSelect: true,
-  enableContractCreateActions: true,
-  enableContractExpiryTags: true,
   actions: ['copy'],
   statusProp: 'approvalStatus',
   statusTextProp: 'approvalStatusName',
-  customMenuActions: true,
-  contractNameDetail: true,
   detailSections: [
     {
       title: '基本信息',
diff --git a/src/option/payment/billLedger.js b/src/option/payment/billLedger.js
new file mode 100644
index 0000000..bb320c7
--- /dev/null
+++ b/src/option/payment/billLedger.js
@@ -0,0 +1,11 @@
+export const billLedgerTableColumns = [
+  { prop: 'billNo', label: '票据编号', minWidth: 170 },
+  { prop: 'receiverName', label: '收票单位', minWidth: 170 },
+  { prop: 'issuerName', label: '出票单位', minWidth: 170 },
+  { prop: 'billTypeName', label: '汇票类型', minWidth: 110 },
+  { prop: 'faceAmount', label: '票面金额', minWidth: 130, money: true },
+  { prop: 'availableBalance', label: '可用余额', minWidth: 130, money: true },
+  { prop: 'issueDate', label: '出票日期', minWidth: 120 },
+  { prop: 'maturityDate', label: '到期日期', minWidth: 120 },
+  { prop: 'remark', label: '备注', minWidth: 180 },
+];
diff --git a/src/option/payment/billPayment.js b/src/option/payment/billPayment.js
new file mode 100644
index 0000000..b91bc55
--- /dev/null
+++ b/src/option/payment/billPayment.js
@@ -0,0 +1,12 @@
+export const billPaymentTableColumns = [
+  { prop: 'paymentNo', label: '单据号', minWidth: 160 },
+  { prop: 'deptName', label: '使用部门', minWidth: 150 },
+  { prop: 'paymentDate', label: '付款日期', minWidth: 120 },
+  { prop: 'usedAmount', label: '使用金额', minWidth: 130, money: true },
+  { prop: 'remark', label: '备注', minWidth: 180 },
+  { prop: 'approvalStatusName', label: '单据状态', minWidth: 110, status: true },
+  { prop: 'currentNode', label: '当前节点', minWidth: 120 },
+  { prop: 'currentProcessor', label: '当前处理人', minWidth: 130 },
+  { prop: 'createUserName', label: '创建人', minWidth: 110 },
+  { prop: 'createTime', label: '创建时间', minWidth: 170 },
+];
diff --git a/src/option/payment/invoiceApplication.js b/src/option/payment/invoiceApplication.js
new file mode 100644
index 0000000..40f8e17
--- /dev/null
+++ b/src/option/payment/invoiceApplication.js
@@ -0,0 +1,34 @@
+export const invoiceApplicationTableColumns = [
+  { prop: 'applicationNo', label: '单据号', minWidth: 170, link: true },
+  { prop: 'settlementNos', label: '结算单号', minWidth: 190, link: true },
+  { prop: 'projectName', label: '所属项目', minWidth: 140 },
+  { prop: 'deptName', label: '所属组织', minWidth: 140 },
+  { prop: 'issuerName', label: '开票方', minWidth: 150 },
+  { prop: 'receiverName', label: '受票方', minWidth: 150 },
+  { prop: 'invoiceAmount', label: '开票金额', minWidth: 130, money: true },
+  { prop: 'createUserName', label: '创建人', minWidth: 110 },
+  { prop: 'createTime', label: '创建时间', minWidth: 170 },
+  { prop: 'approvalStatusName', label: '状态', minWidth: 110, status: true },
+  { prop: 'currentNode', label: '当前节点', minWidth: 130 },
+  { prop: 'currentProcessor', label: '当前处理人', minWidth: 130 },
+  { prop: 'kingdeeBillNo', label: '金蝶单据号', minWidth: 150 },
+  { prop: 'kingdeeStatusName', label: '金蝶单据状态', minWidth: 140 },
+];
+
+export const invoiceApplicationDetailColumns = [
+  { prop: 'documentNo', label: '单据号', minWidth: 180, link: true },
+  { prop: 'waybillNo', label: '运单号', minWidth: 160, link: true },
+  { prop: 'vehicleNo', label: '车号', minWidth: 120 },
+  { prop: 'departureAddress', label: '发货地址', minWidth: 180 },
+  { prop: 'arrivalAddress', label: '到货地址', minWidth: 180 },
+  { prop: 'actualDepartureTime', label: '实际发货时间', minWidth: 170 },
+  { prop: 'actualCompletionTime', label: '实际完成时间', minWidth: 170 },
+  { prop: 'transportType', label: '运输类型', minWidth: 120 },
+  { prop: 'cargoName', label: '货物名称', minWidth: 140 },
+  { prop: 'cargoType', label: '货物类型', minWidth: 130 },
+  { prop: 'transportQuantity', label: '运输总量', minWidth: 120 },
+  { prop: 'mileage', label: '里程（KM）', minWidth: 120 },
+  { prop: 'batchNo', label: '批次号', minWidth: 120 },
+  { prop: 'freightAmount', label: '运费', minWidth: 120, money: true },
+  { prop: 'feeItemsJson', label: '费用项目', minWidth: 180 },
+];
diff --git a/src/option/payment/invoiceReceipt.js b/src/option/payment/invoiceReceipt.js
new file mode 100644
index 0000000..b1ca9e2
--- /dev/null
+++ b/src/option/payment/invoiceReceipt.js
@@ -0,0 +1,16 @@
+export const invoiceReceiptTableColumns = [
+  { prop: 'invoiceNo', label: '发票号', minWidth: 180, link: true },
+  { prop: 'invoiceDate', label: '开票日期', minWidth: 120 },
+  { prop: 'projectName', label: '所属项目', minWidth: 140 },
+  { prop: 'deptName', label: '所属组织', minWidth: 150 },
+  { prop: 'payerName', label: '付款方', minWidth: 150 },
+  { prop: 'payeeName', label: '收款方', minWidth: 150 },
+  { prop: 'invoiceAmount', label: '收票金额', minWidth: 130, money: true },
+  { prop: 'approvalStatusName', label: '审核状态', minWidth: 110, status: true },
+  { prop: 'currentNode', label: '当前节点', minWidth: 130 },
+  { prop: 'currentProcessor', label: '当前处理人', minWidth: 130 },
+  { prop: 'createUserName', label: '创建人', minWidth: 110 },
+  { prop: 'createTime', label: '创建时间', minWidth: 170 },
+  { prop: 'kingdeeBillNo', label: '金蝶单据号', minWidth: 150 },
+  { prop: 'kingdeeStatusName', label: '金蝶单据状态', minWidth: 140 },
+];
diff --git a/src/option/payment/paymentApplication.js b/src/option/payment/paymentApplication.js
new file mode 100644
index 0000000..ed650f7
--- /dev/null
+++ b/src/option/payment/paymentApplication.js
@@ -0,0 +1,20 @@
+export const paymentApplicationTableColumns = [
+  { prop: 'paymentNo', label: '单据号', minWidth: 140, link: true },
+  { prop: 'paymentTypeName', label: '付款类型', minWidth: 110 },
+  { prop: 'projectName', label: '所属项目', minWidth: 140 },
+  { prop: 'deptName', label: '所属组织', minWidth: 120 },
+  { prop: 'contractNo', label: '合同编号', minWidth: 130 },
+  { prop: 'contractName', label: '合同名称', minWidth: 140 },
+  { prop: 'payerName', label: '付款方', minWidth: 130 },
+  { prop: 'payeeName', label: '收款方', minWidth: 130 },
+  { prop: 'appliedAmount', label: '申请付款金额', minWidth: 140, money: true },
+  { prop: 'paidAmount', label: '已付款金额', minWidth: 130, money: true },
+  { prop: 'matchedInvoiceAmount', label: '匹配发票金额', minWidth: 130, money: true },
+  { prop: 'applicantName', label: '申请人', minWidth: 100 },
+  { prop: 'applyDate', label: '申请日期', minWidth: 120 },
+  { prop: 'approvalStatusName', label: '审核状态', minWidth: 110, status: true },
+  { prop: 'currentNode', label: '当前节点', minWidth: 120 },
+  { prop: 'currentProcessor', label: '当前处理人', minWidth: 120 },
+  { prop: 'kingdeeBillNo', label: '金蝶单据号', minWidth: 130 },
+  { prop: 'kingdeeStatusName', label: '金蝶单据状态', minWidth: 130 },
+];
diff --git a/src/option/payment/receiptClaimRecord.js b/src/option/payment/receiptClaimRecord.js
new file mode 100644
index 0000000..d1f1d96
--- /dev/null
+++ b/src/option/payment/receiptClaimRecord.js
@@ -0,0 +1,17 @@
+export const receiptClaimRecordTableColumns = [
+  { prop: 'receiptNoticeNo', label: '认领通知单', minWidth: 150, link: true },
+  { prop: 'payerName', label: '付款人', minWidth: 130 },
+  { prop: 'receiptAmount', label: '付款金额', minWidth: 130, money: true },
+  { prop: 'counterpartyName', label: '对方户名', minWidth: 150 },
+  { prop: 'counterpartyAccount', label: '对方账号', minWidth: 170 },
+  { prop: 'counterpartyBank', label: '对方开户行', minWidth: 150 },
+  { prop: 'summary', label: '摘要', minWidth: 160 },
+  { prop: 'transactionTime', label: '交易时间', minWidth: 170 },
+  { prop: 'claimAmount', label: '认领金额', minWidth: 130, money: true },
+  { prop: 'claimDate', label: '认领日期', minWidth: 120 },
+  { prop: 'claimerName', label: '认领人', minWidth: 120 },
+  { prop: 'claimerDeptName', label: '所属组织', minWidth: 150 },
+  { prop: 'claimStatusName', label: '状态', minWidth: 110, status: true },
+  { prop: 'kingdeeBillNo', label: '金蝶单据号', minWidth: 170 },
+  { prop: 'kingdeeBillStatusName', label: '金蝶单据状态', minWidth: 140 },
+];
diff --git a/src/option/payment/receiptFlow.js b/src/option/payment/receiptFlow.js
new file mode 100644
index 0000000..f54c7fe
--- /dev/null
+++ b/src/option/payment/receiptFlow.js
@@ -0,0 +1,12 @@
+export const receiptFlowTableColumns = [
+  { prop: 'receiptNoticeNo', label: '认领通知单', minWidth: 150 },
+  { prop: 'payerName', label: '付款人', minWidth: 130 },
+  { prop: 'receiptAmount', label: '付款金额', minWidth: 130, money: true },
+  { prop: 'counterpartyName', label: '对方户名', minWidth: 150 },
+  { prop: 'counterpartyAccount', label: '对方账号', minWidth: 170 },
+  { prop: 'counterpartyBank', label: '对方开户行', minWidth: 150 },
+  { prop: 'summary', label: '摘要', minWidth: 160 },
+  { prop: 'transactionTime', label: '交易时间', minWidth: 170 },
+  { prop: 'claimStatusName', label: '认领状态', minWidth: 110, status: true },
+  { prop: 'claimedAmount', label: '已认领金额', minWidth: 130, money: true },
+];
diff --git a/src/router/views/index.js b/src/router/views/index.js
index fd2018f..7149479 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -2,6 +2,120 @@ import Layout from '@/page/index/index.vue';
 import Store from '@/store/';
 
 export default [
+  {
+    path: '/payment/bill-payment/form',
+    component: Layout,
+    children: [
+      {
+        path: '',
+        name: '汇票付款表单',
+        meta: { keepAlive: false, activeMenu: '/payment/bill-payment' },
+        component: () => import('@/views/payment/bill-payment-form.vue'),
+      },
+    ],
+  },
+  {
+    path: '/payment/bill-ledger/form',
+    component: Layout,
+    children: [
+      {
+        path: '',
+        name: '汇票台账表单',
+        meta: { keepAlive: false, activeMenu: '/payment/bill-ledger' },
+        component: () => import('@/views/payment/bill-ledger-form.vue'),
+      },
+    ],
+  },
+  {
+    path: '/payment/receipt-claim-record/form',
+    component: Layout,
+    children: [
+      {
+        path: '',
+        name: '认领记录详情',
+        meta: { keepAlive: false, activeMenu: '/payment/receipt-claim-record' },
+        component: () => import('@/views/payment/receipt-claim-record-form.vue'),
+      },
+    ],
+  },
+  {
+    path: '/payment/receipt-flow/form',
+    component: Layout,
+    children: [
+      {
+        path: '',
+        name: '收款流水认领',
+        meta: { keepAlive: false, activeMenu: '/payment/receipt-flow' },
+        component: () => import('@/views/payment/receipt-flow-form.vue'),
+      },
+    ],
+  },
+  {
+    path: '/payment/invoice-receipt/form',
+    component: Layout,
+    children: [
+      {
+        path: '',
+        name: '收票登记',
+        meta: { keepAlive: false, activeMenu: '/payment/invoice-receipt' },
+        component: () => import('@/views/payment/invoice-receipt-form.vue'),
+      },
+    ],
+  },
+  {
+    path: '/payment/invoice-application/form',
+    component: Layout,
+    children: [
+      {
+        path: '',
+        name: '开票申请',
+        meta: { keepAlive: false, activeMenu: '/payment/invoice-application' },
+        component: () => import('@/views/payment/invoice-application-form.vue'),
+      },
+    ],
+  },
+  {
+    path: '/payment/payment-application/form',
+    component: Layout,
+    children: [
+      {
+        path: '',
+        name: '付款申请',
+        meta: { keepAlive: false, activeMenu: '/payment/payment-application' },
+        component: () => import('@/views/payment/payment-application-form.vue'),
+      },
+    ],
+  },
+  {
+    path: '/settlement/pre-settlement/form',
+    component: Layout,
+    children: [
+      {
+        path: '',
+        name: '新增编辑预结算',
+        meta: {
+          keepAlive: false,
+          activeMenu: '/settlement/pre-settlement',
+        },
+        component: () => import('@/views/settlement/pre-settlement-form.vue'),
+      },
+    ],
+  },
+  {
+    path: '/settlement/formal-settlement/form',
+    component: Layout,
+    children: [
+      {
+        path: '',
+        name: '新增编辑正式结算',
+        meta: {
+          keepAlive: false,
+          activeMenu: '/settlement/formal-settlement',
+        },
+        component: () => import('@/views/settlement/formal-settlement-form.vue'),
+      },
+    ],
+  },
   {
     path: '/business/contract-manage/form',
     component: Layout,
diff --git a/src/utils/settlement-transfer.js b/src/utils/settlement-transfer.js
new file mode 100644
index 0000000..71003e2
--- /dev/null
+++ b/src/utils/settlement-transfer.js
@@ -0,0 +1,25 @@
+const STORAGE_PREFIX = 'settlement-transfer-';
+
+const storageKey = token => `${STORAGE_PREFIX}${token}`;
+
+export const createSettlementTransfer = payload => {
+  const token = `${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+  window.sessionStorage.setItem(storageKey(token), JSON.stringify(payload));
+  return token;
+};
+
+export const readSettlementTransfer = token => {
+  if (!token) return null;
+  const value = window.sessionStorage.getItem(storageKey(token));
+  if (!value) return null;
+  try {
+    return JSON.parse(value);
+  } catch (error) {
+    removeSettlementTransfer(token);
+    return null;
+  }
+};
+
+export const removeSettlementTransfer = token => {
+  if (token) window.sessionStorage.removeItem(storageKey(token));
+};
diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index 3372b81..15a178d 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -3,7 +3,6 @@
     :class="[
       'business-crud-page',
       {
-        'business-crud-page--contract-form': isContractFormPage,
         'business-crud-page--form-page': isStandaloneFormPage,
       },
     ]"
@@ -29,7 +28,6 @@
       @current-change="currentChange"
       @size-change="sizeChange"
       @refresh-change="refreshChange"
-      @search-icon-change="handleSearchIconChange"
       @on-load="onLoad"
     >
       <template #menu-left>
@@ -37,7 +35,7 @@
           type="primary"
           :icon="actionButtonLikeSearch ? undefined : 'el-icon-plus'"
           v-if="canCreate"
-          @click="openContractFormPage('add')"
+          @click="openBusinessForm('add')"
           >{{ config.createText || '新增' }}
         </el-button>
         <el-button
@@ -128,14 +126,7 @@
 
       <template #contractName="{ row }">
         <div class="business-crud-page__contract-name">
-          <el-link
-            v-if="config.contractNameDetail && row.contractName"
-            type="primary"
-            @click.stop="openDetail(row)"
-          >
-            {{ row.contractName }}
-          </el-link>
-          <span v-else>{{ row.contractName || '-' }}</span>
+          <span>{{ row.contractName || '-' }}</span>
         </div>
       </template>
 
@@ -184,34 +175,8 @@
         <div class="dialog-section-title">模板信息</div>
       </template>
 
-      <template #contractCategory-label>合同类型</template>
-
       <template v-if="config.enableProjectSelect" #projectName-label>项目</template>
 
-      <template v-if="config.enableContractExpiryTags" #search-menu>
-        <div v-show="searchExpanded" class="business-crud-page__contract-expiry-search">
-          <span class="business-crud-page__contract-expiry-label">签约类型：</span>
-          <el-select v-model="contractSignType" clearable placeholder="请选择">
-            <el-option
-              v-for="item in contractSignTypeOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-          <div class="business-crud-page__contract-expiry-tags">
-            <el-check-tag
-              v-for="item in contractExpiryTagOptions"
-              :key="item.value"
-              :checked="contractExpiryScope === item.value"
-              @change="handleContractExpiryScopeChange(item.value)"
-            >
-              {{ item.label }}（{{ contractExpiryStats[item.statKey] || 0 }}）
-            </el-check-tag>
-          </div>
-        </div>
-      </template>
-
       <template #projectName-form>
         <el-select
           v-model="selectedProjectId"
@@ -233,44 +198,6 @@
         </el-select>
       </template>
 
-      <template #partyA-form>
-        <el-select
-          v-model="form.partyA"
-          class="business-crud-page__field"
-          placeholder="请选择甲方"
-          filterable
-          clearable
-          :loading="contractPartyLoading"
-          :disabled="dialogReadonly || !form.projectId"
-        >
-          <el-option
-            v-for="item in contractPartyAOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-      </template>
-
-      <template #partyB-form>
-        <el-select
-          v-model="form.partyB"
-          class="business-crud-page__field"
-          placeholder="请选择乙方"
-          filterable
-          clearable
-          :loading="contractPartyLoading"
-          :disabled="dialogReadonly || !form.projectId"
-        >
-          <el-option
-            v-for="item in contractPartyBOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-      </template>
-
       <template #contractName-form>
         <el-select
           v-if="contractSelectEnabled"
@@ -485,7 +412,9 @@
       </template>
 
       <template #taskInfoTitle-form>
-        <div class="dialog-section-title dialog-section-title--action business-crud-page__task-title">
+        <div
+          class="dialog-section-title dialog-section-title--action business-crud-page__task-title"
+        >
           <span>任务信息</span>
           <el-segmented
             v-model="form.taskEntryMode"
@@ -1892,145 +1821,6 @@
         </div>
       </template>
 
-      <template #organizationName-form>
-        <el-cascader
-          v-model="selectedOrganizationId"
-          class="business-crud-page__field"
-          :placeholder="config.organizationPlaceholder || '请选择所属组织'"
-          :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"
-            />
-            <el-button
-              type="primary"
-              :disabled="!contractFileRows.length"
-              @click="handleContractFileBatchDownload"
-            >
-              批量下载
-            </el-button>
-          </div>
-          <el-table
-            :data="contractFileRows"
-            border
-            class="business-crud-page__attachment-table"
-            @selection-change="handleContractFileSelectionChange"
-          >
-            <el-table-column type="selection" width="55" align="center" />
-            <el-table-column type="index" label="序号" width="70" align="center" />
-            <el-table-column label="文件名" min-width="240" align="left" show-overflow-tooltip>
-              <template #default="{ row }">
-                <el-link type="primary" @click="previewAttachment(row, contractFileRows)">
-                  {{ row.originalName || row.name }}
-                </el-link>
-              </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"
-              sortable
-            />
-            <el-table-column label="操作" width="120" align="center" fixed="right">
-              <template #default="{ row, $index }">
-                <el-link v-if="!dialogReadonly" type="danger" @click="removeContractFile($index)">
-                  删除
-                </el-link>
-                <el-link v-else type="primary" @click="downloadAttachment(row)"> 下载 </el-link>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </template>
-
       <template #billingInfoTitle-form>
         <div class="dialog-section-title">计费信息</div>
       </template>
@@ -2039,16 +1829,8 @@
         <div class="business-crud-page__billing">
           <div class="business-crud-page__billing-head">
             <div class="business-crud-page__billing-switch">
-              <span>{{ isContractConfig ? '费用生成模式' : '自动生成费用明细' }}</span>
-              <el-radio-group
-                v-if="isContractConfig"
-                v-model="form.feeGenerationMode"
-                :disabled="dialogReadonly"
-              >
-                <el-radio label="system">系统生成</el-radio>
-                <el-radio label="manual">手动生成</el-radio>
-              </el-radio-group>
-              <el-radio-group v-else v-model="form.billingEnabled" :disabled="dialogReadonly">
+              <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>
@@ -2088,10 +1870,6 @@
 
       <template #settlementRuleJson-form>
         <div class="business-crud-page__settlement-rule">
-          <el-tabs v-if="isContractConfig" v-model="settlementConfigTab" :disabled="dialogReadonly">
-            <el-tab-pane label="预结算配置" name="pre" />
-            <el-tab-pane label="正式结算配置" name="formal" />
-          </el-tabs>
           <div class="business-crud-page__settlement-switch">
             <span>自动生成结算单</span>
             <el-radio-group v-model="settlementRuleForm.autoGenerate" :disabled="dialogReadonly">
@@ -2196,54 +1974,6 @@
         </div>
       </template>
 
-      <template #paymentRatioTitle-form>
-        <div class="dialog-section-title">付款比例设置</div>
-      </template>
-
-      <template #paymentRatioJson-form>
-        <div v-if="isContractConfig" class="business-crud-page__payment-ratio">
-          <div class="business-crud-page__payment-ratio-tip">
-            非必填；配置付款比例时，合计必须等于100%。
-          </div>
-          <el-table :data="paymentRatioRows" border>
-            <el-table-column type="index" label="序号" width="80" align="center" />
-            <el-table-column prop="paymentTerm" label="付款笔数" min-width="180" align="center" />
-            <el-table-column label="付款比例上限" min-width="220" align="center">
-              <template #default="{ row }">
-                <el-input-number
-                  v-model="row.ratioLimit"
-                  :min="0"
-                  :max="100"
-                  :precision="2"
-                  :disabled="dialogReadonly"
-                  controls-position="right"
-                />
-                <span class="business-crud-page__ratio-unit">%</span>
-              </template>
-            </el-table-column>
-            <el-table-column label="备注" min-width="220">
-              <template #default="{ row }">
-                <el-input v-model="row.remark" maxlength="200" :disabled="dialogReadonly" />
-              </template>
-            </el-table-column>
-            <el-table-column label="操作" width="100" align="center">
-              <template #default="{ $index }">
-                <el-link
-                  v-if="!dialogReadonly"
-                  type="danger"
-                  @click="paymentRatioRows.splice($index, 1)"
-                  >删除</el-link
-                >
-                <span v-else>-</span>
-              </template>
-            </el-table-column>
-          </el-table>
-          <el-button v-if="!dialogReadonly" type="primary" plain @click="addPaymentRatioRow">
-            添加
-          </el-button>
-        </div>
-      </template>
-
       <template #attachmentTitle-form>
         <div class="dialog-section-title">{{ config.attachmentTitle || '其它附件' }}</div>
       </template>
@@ -2316,38 +2046,6 @@
         </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"
-            sortable
-          />
-          <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" fixed="right">
-            <template #default="{ row }">
-              <el-link type="primary" @click="handleChangeRecordFlow(row)"> 流程 </el-link>
-            </template>
-          </el-table-column>
-        </el-table>
-      </template>
-
       <template #menu-form-before>
         <div
           v-if="showFooterFreightSummary && !dialogReadonly"
@@ -2404,53 +2102,10 @@
         >
           关闭
         </el-button>
-        <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') }}
-        </el-tag>
       </template>
 
       <template #menu="{ row, index }">
-        <template v-if="config.customMenuActions">
-          <el-link
-            v-for="action in menuActions(row)"
-            :key="action.key"
-            :type="action.type || 'primary'"
-            @click="handleMenuAction(action, row, index)"
-          >
-            {{ action.label }}
-          </el-link>
-        </template>
-        <template v-else>
+        <template>
           <el-link type="primary" v-if="showDetailButton(row)" @click="openDetail(row)"
             >详情</el-link
           >
@@ -2461,7 +2116,7 @@
           >
             查看
           </el-link>
-          <el-link type="primary" v-if="canEdit(row)" @click="openContractFormPage('edit', row)">
+          <el-link type="primary" v-if="canEdit(row)" @click="openBusinessForm('edit', row)">
             编辑
           </el-link>
           <el-link type="primary" v-if="canReassign(row)" @click="handleAction('reassign', row)">
@@ -2991,122 +2646,7 @@
             :key="section.title"
             :title="section.title"
           >
-            <div
-              v-if="isContractBillingDetailSection(section)"
-              class="business-crud-page__contract-billing-detail"
-            >
-              <div class="dialog-section-title">计费信息</div>
-              <el-descriptions :column="2" border>
-                <el-descriptions-item label="费用生成模式">
-                  {{ formatDetailValue(detailRow, 'feeGenerationMode') }}
-                </el-descriptions-item>
-                <el-descriptions-item label="结算类型">
-                  {{ formatDetailValue(detailRow, 'settlementMode') }}
-                </el-descriptions-item>
-              </el-descriptions>
-              <el-table
-                :data="billingPlanRows"
-                border
-                empty-text="暂无计费方案"
-                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="100" align="center" fixed="right">
-                  <template #default="{ row, $index }">
-                    <el-link type="primary" @click="openBillingPlanDetail(row, $index)">
-                      详情
-                    </el-link>
-                  </template>
-                </el-table-column>
-              </el-table>
-
-              <div class="dialog-section-title">结算单规则</div>
-              <el-table
-                :data="contractDetailSettlementRows"
-                border
-                empty-text="暂无结算配置"
-                class="business-crud-page__settlement-detail-table"
-              >
-                <el-table-column prop="configName" label="配置类型" width="150" align="center" />
-                <el-table-column label="自动生成结算单" width="150" align="center">
-                  <template #default="{ row }">
-                    {{ Number(row.autoGenerate) === 1 ? '开启' : '关闭' }}
-                  </template>
-                </el-table-column>
-                <el-table-column
-                  prop="billStartDate"
-                  label="账单起始日期"
-                  min-width="160"
-                  align="center"
-                >
-                  <template #default="{ row }">{{ row.billStartDate || '-' }}</template>
-                </el-table-column>
-                <el-table-column
-                  prop="settlementType"
-                  label="结算类型"
-                  min-width="130"
-                  align="center"
-                >
-                  <template #default="{ row }">{{ row.settlementType || '-' }}</template>
-                </el-table-column>
-                <el-table-column
-                  prop="billCycleType"
-                  label="账单周期类型"
-                  min-width="150"
-                  align="center"
-                >
-                  <template #default="{ row }">{{ row.billCycleType || '-' }}</template>
-                </el-table-column>
-                <el-table-column label="账单截单日" min-width="130" align="center">
-                  <template #default="{ row }">
-                    {{ row.billCutoffDay ? `${row.billCutoffDay}日` : '-' }}
-                  </template>
-                </el-table-column>
-                <el-table-column label="周期天数" min-width="120" align="center">
-                  <template #default="{ row }">
-                    {{ row.cycleDays ? `${row.cycleDays}天` : '-' }}
-                  </template>
-                </el-table-column>
-              </el-table>
-
-              <div class="dialog-section-title">付款比例设置</div>
-              <el-table
-                :data="paymentRatioRows"
-                border
-                empty-text="暂无付款比例设置"
-                class="business-crud-page__payment-detail-table"
-              >
-                <el-table-column type="index" label="序号" width="80" align="center" />
-                <el-table-column
-                  prop="paymentTerm"
-                  label="付款笔数"
-                  min-width="180"
-                  align="center"
-                />
-                <el-table-column label="付款比例上限" min-width="180" align="center">
-                  <template #default="{ row }">
-                    {{
-                      row.ratioLimit === '' || row.ratioLimit == null ? '-' : `${row.ratioLimit}%`
-                    }}
-                  </template>
-                </el-table-column>
-                <el-table-column prop="remark" label="备注" min-width="220" align="center">
-                  <template #default="{ row }">{{ row.remark || '-' }}</template>
-                </el-table-column>
-              </el-table>
-            </div>
-            <el-descriptions v-else :column="2" border>
+            <el-descriptions :column="2" border>
               <el-descriptions-item
                 v-for="field in section.fields"
                 :key="field[0]"
@@ -3502,7 +3042,11 @@
             批量删除
           </el-button>
         </div>
-        <el-tabs type="border-card" v-model="transportPlanImportTab" class="business-crud-page__import-preview-tabs">
+        <el-tabs
+          type="border-card"
+          v-model="transportPlanImportTab"
+          class="business-crud-page__import-preview-tabs"
+        >
           <el-tab-pane :label="`计划单数（${transportPlanImportRows.length}）`" name="all" />
           <el-tab-pane :label="`疑似重复(${transportPlanImportDuplicateCount})`" name="duplicate" />
         </el-tabs>
@@ -3860,7 +3404,9 @@
               class-name="business-crud-page__dispatch-driver-column"
             >
               <template #default="{ row }">
-                <span class="business-crud-page__dispatch-driver">{{ formatDispatchDriver(row) }}</span>
+                <span class="business-crud-page__dispatch-driver">{{
+                  formatDispatchDriver(row)
+                }}</span>
               </template>
             </el-table-column>
             <el-table-column
@@ -5573,7 +5119,6 @@ import { getList as getCarrierCustomerList } from '@/api/vehicle/customer-archiv
 import { getList as getDriverList } from '@/api/transportCapacity/driver';
 import { getDictionary } from '@/api/system/dictbiz';
 import { getDictionary as getSystemDictionary } from '@/api/system/dict';
-import { getDeptTree } from '@/api/system/dept';
 import { addressTypeOptions } from '@/option/base/common-address';
 import { packageOptions } from '@/option/business/common';
 import { formatUpdateUserName } from '@/utils/audit';
@@ -5636,9 +5181,12 @@ const PageAvueForm = {
     delete attrs.onRowUpdate;
     attrs.onSubmit = (row, hide) => {
       if (boxType === 'edit') {
-        rowUpdate?.(row, undefined, hide, undefined);
+        // Avue form passes its state-reset callback as the second argument. Keep it
+        // available as the failure callback as well, otherwise a rejected request
+        // leaves the standalone form permanently disabled.
+        rowUpdate?.(row, undefined, hide, hide);
       } else {
-        rowSave?.(row, hide, undefined);
+        rowSave?.(row, hide, hide);
       }
     };
     const slots = Object.fromEntries(
@@ -5652,7 +5200,11 @@ const PageAvueForm = {
       children.push(h('div', { class: 'archive-page-form__title' }, this.formPageTitle));
     }
     children.push(h(resolveComponent('avue-form'), attrs, slots));
-    return h('div', { class: attrs.option?.dialogCustomClass || 'business-crud-form-page-dialog' }, children);
+    return h(
+      'div',
+      { class: attrs.option?.dialogCustomClass || 'business-crud-form-page-dialog' },
+      children
+    );
   },
 };
 
@@ -5736,12 +5288,6 @@ const defaultSettlementRule = () => ({
   cycleDays: '',
 });
 
-const defaultPaymentRatio = () => ({
-  paymentTerm: '',
-  ratioLimit: '',
-  remark: '',
-});
-
 const defaultReconciliation = () => ({
   skipReconciliation: 1,
   reconciliationMode: '明细逐行核对',
@@ -5867,10 +5413,6 @@ export default {
       type: [String, Number],
       default: null,
     },
-    contractFormPage: {
-      type: Boolean,
-      default: false,
-    },
     standaloneFormPage: {
       type: Boolean,
       default: false,
@@ -5946,21 +5488,14 @@ export default {
       draftSaveLoading: false,
       crudDialogType: '',
       defaultDialogButtons: null,
-      contractCreateActionLoading: '',
       transportPlanCreateActionLoading: '',
       option: (() => {
         const opt = this.cloneOption(this.crudOption, estimateMenuButtonCount(this.config));
         if (this.menuWidth != null) opt.menuWidth = this.menuWidth;
-        if (
-          (this.contractFormPage && this.$route.path === '/business/contract-manage/form') ||
-          (this.standaloneFormPage && standaloneBusinessFormPaths.includes(this.$route.path))
-        ) {
+        if (this.standaloneFormPage && standaloneBusinessFormPaths.includes(this.$route.path)) {
           opt.dialogAppendToBody = false;
           opt.dialogModal = false;
-          opt.dialogCustomClass =
-            this.contractFormPage && this.$route.path === '/business/contract-manage/form'
-              ? 'contract-manage-form-dialog'
-              : 'business-crud-form-page-dialog';
+          opt.dialogCustomClass = 'business-crud-form-page-dialog';
           opt.dialogTop = '0';
           opt.dialogWidth = '100%';
         } else if (!opt.dialogCustomClass) {
@@ -5974,16 +5509,8 @@ export default {
       projectLoading: false,
       contractOptions: [],
       contractLoading: false,
-      contractPartyAOptions: [],
-      contractPartyBOptions: [],
-      contractPartyLoading: false,
-      contractPartyRequestId: 0,
       shippingPlanOptions: [],
       shippingPlanLoading: false,
-      selectedOrganizationId: '',
-      organizationOptions: [],
-      organizationFlatOptions: [],
-      organizationLoading: false,
       addressTypeOptions,
       flowBox: false,
       flowUrl: '',
@@ -6004,8 +5531,6 @@ export default {
       selectedDispatchItemAttachmentRows: [],
       attachmentRows: [],
       selectedAttachmentRows: [],
-      contractFileRows: [],
-      selectedContractFileRows: [],
       attachmentImagePreviewVisible: false,
       attachmentImagePreviewUrls: [],
       attachmentImagePreviewIndex: 0,
@@ -6104,12 +5629,7 @@ export default {
       cargoImportRows: [],
       billingPlanRows: [],
       settlementRuleForm: defaultSettlementRule(),
-      preSettlementRuleForm: defaultSettlementRule(),
-      formalSettlementRuleForm: defaultSettlementRule(),
-      settlementConfigTab: 'pre',
       settlementRuleErrors: {},
-      paymentRatioRows: [],
-      changeRecordRows: [],
       billingPlanBox: false,
       billingPlanViewOnly: false,
       billingPlanMode: 'add',
@@ -6186,17 +5706,7 @@ export default {
         total: 0,
       },
       selectionList: [],
-      contractExpiryScope: '',
-      contractSignType: '',
-      searchExpanded: false,
       attachmentUploadMode: false,
-      contractExpiryStats: {
-        all: 0,
-        within30: 0,
-        within90: 0,
-        over90: 0,
-        expired: 0,
-      },
       standaloneFormKey: '',
     };
   },
@@ -6207,9 +5717,6 @@ export default {
     if (this.config.enableProjectSelect) {
       this.loadProjectOptions();
     }
-    if (this.config.enableOrganizationSelect) {
-      this.loadOrganizationOptions();
-    }
     if (this.config.enableBillingPlan) {
       this.ensureBillingFeeCategoryOptions();
       this.ensureBillingUnitOptions();
@@ -6239,30 +5746,14 @@ export default {
     detailSections() {
       return this.config.detailSections || [];
     },
-    contractDetailSettlementRows() {
-      if (!this.isContractConfig) return [];
-      return [
-        { configName: '预结算配置', ...this.preSettlementRuleForm },
-        { configName: '正式结算配置', ...this.formalSettlementRuleForm },
-      ];
-    },
-    isContractConfig() {
-      return this.config.permission === 'contract_manage';
-    },
     isShippingTemplatePage() {
       return this.config.permission === 'shipping_template';
     },
-    isContractFormPage() {
-      return this.contractFormPage && this.$route.path === '/business/contract-manage/form';
-    },
     isStandaloneBusinessPage() {
       return this.standaloneFormPage && standaloneBusinessFormPaths.includes(this.$route.path);
     },
     isStandaloneFormPage() {
-      return (
-        this.isContractFormPage ||
-        (this.isStandaloneBusinessPage && ['add', 'edit'].includes(this.$route.query.mode))
-      );
+      return this.isStandaloneBusinessPage && ['add', 'edit'].includes(this.$route.query.mode);
     },
     formPageTitle() {
       if (
@@ -6282,8 +5773,7 @@ export default {
     pageFormOption() {
       if (!this.isStandaloneFormPage) return this.option;
       const isTransportPlanCreate =
-        this.config.enableTransportPlanCreateActions === true &&
-        this.$route.query.mode === 'add';
+        this.config.enableTransportPlanCreateActions === true && this.$route.query.mode === 'add';
       const base = {
         ...this.option,
         boxType: this.$route.query.mode === 'edit' ? 'edit' : 'add',
@@ -6396,18 +5886,6 @@ export default {
     actionButtonLikeSearch() {
       return this.config.actionButtonLikeSearch === true;
     },
-    contractSignTypeOptions() {
-      return this.option.column?.find(column => column.prop === 'signType')?.dicData || [];
-    },
-    contractExpiryTagOptions() {
-      return [
-        { label: '全部', value: '', statKey: 'all' },
-        { label: '30天内到期', value: 'within30', statKey: 'within30' },
-        { label: '90天内到期', value: 'within90', statKey: 'within90' },
-        { label: '90天以上', value: 'over90', statKey: 'over90' },
-        { label: '已到期', value: 'expired', statKey: 'expired' },
-      ];
-    },
     contractSelectEnabled() {
       return this.config.enableContractSelect || this.config.enableTransportPlanForm;
     },
@@ -6702,13 +6180,6 @@ 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 &&
@@ -6903,18 +6374,6 @@ export default {
         this.$nextTick(() => this.initStandaloneFormPage());
       }
     },
-    settlementConfigTab(tab, oldTab) {
-      if (!this.isContractConfig || tab === oldTab) return;
-      if (oldTab === 'formal') {
-        this.formalSettlementRuleForm = { ...this.settlementRuleForm };
-      } else {
-        this.preSettlementRuleForm = { ...this.settlementRuleForm };
-      }
-      this.settlementRuleForm = {
-        ...(tab === 'formal' ? this.formalSettlementRuleForm : this.preSettlementRuleForm),
-      };
-      this.settlementRuleErrors = {};
-    },
     detailId: {
       immediate: true,
       handler(id) {
@@ -6958,9 +6417,7 @@ export default {
         'attachmentTitle',
         'changeRecordTitle',
       ];
-      const columns = [...(option.column || [])].sort(
-        (a, b) => (b.order || 0) - (a.order || 0)
-      );
+      const columns = [...(option.column || [])].sort((a, b) => (b.order || 0) - (a.order || 0));
       const groups = [];
       let current = [];
       columns.forEach(col => {
@@ -6983,7 +6440,7 @@ export default {
         })),
       };
     },
-    openContractFormPage(mode, row = {}) {
+    openBusinessForm(mode, row = {}) {
       if (this.isStandaloneBusinessPage) {
         this.$router.push({
           path: standaloneBusinessFormRoutes[this.$route.path] || this.$route.path,
@@ -6995,17 +6452,7 @@ export default {
         });
         return;
       }
-      if (!this.contractFormPage) {
-        this.$refs.crud?.[mode === 'edit' ? 'rowEdit' : 'rowAdd'](row);
-        return;
-      }
-      this.$router.push({
-        path: '/business/contract-manage/form',
-        query:
-          mode === 'edit'
-            ? { mode, id: row.id, name: '编辑合同管理' }
-            : { mode, name: '新增合同管理' },
-      });
+      this.$refs.crud?.[mode === 'edit' ? 'rowEdit' : 'rowAdd'](row);
     },
     cloneOption(option, menuButtonCount) {
       const nextOption = {
@@ -7129,8 +6576,7 @@ export default {
         this.hasPermission(`${this.config.permission}_delete`) &&
         !this.readonlyScope &&
         (!row.readonly || this.isReadonlyDeleteAllowed(row)) &&
-        this.inStatus(row, this.config.deleteStatus) &&
-        (!this.config.deleteStage || this.config.deleteStage.includes(row.contractStage))
+        this.inStatus(row, this.config.deleteStatus)
       );
     },
     canCopy(row) {
@@ -7200,49 +6646,6 @@ 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.attachmentUploadMode = action.action === 'attachmentUpload';
-        this.openContractFormPage('edit', row);
-        return;
-      }
-      if (action.action === 'delete') {
-        this.rowDel(row);
-        return;
-      }
-      this.handleCustomOperation(action, row);
-    },
     consumeTemplateCreatePayload() {
       const target = this.config.templateCreateTarget;
       if (!target) return;
@@ -7342,9 +6745,6 @@ export default {
       if (statusList.length && !statusList.includes(row[prop])) {
         return false;
       }
-      if (operation.stage && !operation.stage.includes(row.contractStage)) {
-        return false;
-      }
       return true;
     },
     showDetailButton(row) {
@@ -7353,9 +6753,6 @@ export default {
       const status = this.statusValue(row);
       return status !== 'draft';
     },
-    isContractBillingDetailSection(section = {}) {
-      return this.isContractConfig && section.title === '计费与结算';
-    },
     formatDetailValue(row, prop) {
       if (!row) return '-';
       if (prop === 'businessStatus') return this.displayStatus(row, prop);
@@ -7539,12 +6936,11 @@ export default {
       if (!this.isTransportPlanPage && !this.isWaybillDetailLayout) {
         return;
       }
-      const transportTypes = (this.isTransportPlanPage
-        ? [
-            detail.transportType,
-            ...this.transportPlanWaybillRows.map(row => row.transportType),
-          ]
-        : [this.waybillTransportMode(detail)])
+      const transportTypes = (
+        this.isTransportPlanPage
+          ? [detail.transportType, ...this.transportPlanWaybillRows.map(row => row.transportType)]
+          : [this.waybillTransportMode(detail)]
+      )
         .map(value => String(value || '').trim())
         .filter(Boolean);
       if (transportTypes.some(value => !/[\u4e00-\u9fff]/.test(value))) {
@@ -7854,113 +7250,8 @@ export default {
         ? formatStatus(row, prop, defaultText)
         : defaultText;
     },
-    syncContractNoDisabled(type) {
-      if (!this.config.enableContractForm) return;
-      const column = this.findColumn?.(this.option.column, 'contractNo');
-      if (column) {
-        column.disabled = type !== 'add';
-      }
-    },
-    syncContractPartyDisabled() {
-      if (!this.isContractConfig) return;
-      const disabled = !this.form?.projectId;
-      ['partyA', 'partyB'].forEach(prop => {
-        const column = this.findColumn?.(this.option.column, prop);
-        if (column) column.disabled = disabled;
-      });
-    },
-    clearContractPartyOptions() {
-      this.contractPartyRequestId += 1;
-      this.contractPartyLoading = false;
-      this.contractPartyAOptions = [];
-      this.contractPartyBOptions = [];
-    },
-    contractPartyNames(value, type = '') {
-      const names = [];
-      const append = item => {
-        if (item === undefined || item === null) return;
-        if (Array.isArray(item)) {
-          item.forEach(append);
-          return;
-        }
-        if (typeof item === 'object') {
-          append(
-            item[type === 'carrier' ? 'carrier' : 'customer'] ||
-              item.fullName ||
-              item.shortName ||
-              item.customerName ||
-              item.carrierName ||
-              item.name
-          );
-          return;
-        }
-        const text = String(item).trim();
-        if (!text) return;
-        try {
-          const parsed = JSON.parse(text);
-          if (parsed !== item) {
-            append(parsed);
-            return;
-          }
-        } catch (error) {
-          // 普通名称字符串按项目页面使用的分隔符拆分。
-        }
-        text
-          .split(/[、,，;；\n]/)
-          .map(name => name.trim())
-          .filter(Boolean)
-          .forEach(name => {
-            if (!names.includes(name)) names.push(name);
-          });
-      };
-      append(value);
-      return names;
-    },
-    contractPartyOptionsFromProject(project = {}, type = '') {
-      const names = this.contractPartyNames(
-        [
-          project[type === 'carrier' ? 'carrierJson' : 'customerJson'],
-          project[type === 'carrier' ? 'carrierNames' : 'customerNames'],
-          project[type === 'carrier' ? 'carrierName' : 'customerName'],
-          project[type === 'carrier' ? 'carriers' : 'customers'],
-        ],
-        type
-      );
-      return names.map(name => ({ label: name, value: name }));
-    },
-    syncContractPartyOptions(project = {}, preserveCurrent = true) {
-      if (!this.isContractConfig) return;
-      this.contractPartyAOptions = this.contractPartyOptionsFromProject(project, 'customer');
-      this.contractPartyBOptions = this.contractPartyOptionsFromProject(project, 'carrier');
-      if (!preserveCurrent) {
-        this.form.partyA = '';
-        this.form.partyB = '';
-      }
-    },
-    loadContractPartyOptions(projectId, project = {}, preserveCurrent = true) {
-      if (!this.isContractConfig || !projectId) {
-        this.clearContractPartyOptions();
-        return Promise.resolve();
-      }
-      const requestId = ++this.contractPartyRequestId;
-      this.syncContractPartyOptions(project, preserveCurrent);
-      this.contractPartyLoading = true;
-      return getProjectDetail(projectId)
-        .then(res => {
-          if (requestId !== this.contractPartyRequestId) return;
-          const detail = res?.data?.data || {};
-          this.syncContractPartyOptions({ ...project, ...detail }, preserveCurrent);
-        })
-        .catch(() => {})
-        .finally(() => {
-          if (requestId === this.contractPartyRequestId) this.contractPartyLoading = false;
-        });
-    },
     syncCustomCreateDialogButtons(type) {
-      if (
-        !this.config.enableContractCreateActions &&
-        !this.config.enableTransportPlanCreateActions
-      ) {
+      if (!this.config.enableTransportPlanCreateActions) {
         return;
       }
       if (!this.defaultDialogButtons) {
@@ -7998,18 +7289,6 @@ export default {
       }
       return 'warning';
     },
-    stageTagType(stage) {
-      if (stage === 'formal') {
-        return 'success';
-      }
-      if (stage === 'temporary') {
-        return 'warning';
-      }
-      if (stage === 'terminated') {
-        return 'danger';
-      }
-      return 'info';
-    },
     isMonthlySettlement(rule = this.settlementRuleForm) {
       return rule.settlementType === '月结';
     },
@@ -8068,57 +7347,6 @@ export default {
         [field]: '',
       };
     },
-    syncSettlementConfig() {
-      if (!this.isContractConfig) return;
-      if (this.settlementConfigTab === 'formal') {
-        this.formalSettlementRuleForm = { ...this.settlementRuleForm };
-      } else {
-        this.preSettlementRuleForm = { ...this.settlementRuleForm };
-      }
-    },
-    switchSettlementConfig(tab) {
-      this.syncSettlementConfig();
-      this.settlementConfigTab = tab;
-      this.settlementRuleForm = {
-        ...(tab === 'formal' ? this.formalSettlementRuleForm : this.preSettlementRuleForm),
-      };
-      this.settlementRuleErrors = {};
-    },
-    addPaymentRatioRow() {
-      this.paymentRatioRows.push({
-        ...defaultPaymentRatio(),
-        paymentTerm: `第${this.paymentRatioRows.length + 1}笔`,
-      });
-    },
-    validatePaymentRatios() {
-      const total = this.paymentRatioRows.reduce(
-        (sum, row) => sum + Number(row.ratioLimit || 0),
-        0
-      );
-      if (this.paymentRatioRows.length && Math.abs(total - 100) > 0.0001) {
-        this.$message.warning('付款比例上限合计必须等于100%');
-        return false;
-      }
-      return true;
-    },
-    isDefaultBillingPlan(plan) {
-      const value = plan?.defaultPlan;
-      return value === true || value === 1 || ['true', '1'].includes(String(value).toLowerCase());
-    },
-    validateBillingPlanDefault() {
-      const plans = Array.isArray(this.billingPlanRows) ? this.billingPlanRows : [];
-      if (!plans.length) return true;
-      const defaultCount = plans.filter(plan => this.isDefaultBillingPlan(plan)).length;
-      if (defaultCount === 0) {
-        this.$message.warning('请勾选一个默认计费方案');
-        return false;
-      }
-      if (defaultCount > 1) {
-        this.$message.warning('计费方案存在重复默认方案，请仅保留一个默认方案');
-        return false;
-      }
-      return true;
-    },
     validateSettlementRule(source = this.settlementRuleForm, label = '') {
       const rule = this.normalizeSettlementRule(source);
       this.settlementRuleErrors = {};
@@ -8191,58 +7419,16 @@ export default {
       if (this.config.enableAttachmentTable) {
         submitRow.attachmentsJson = JSON.stringify(this.attachmentRows);
       }
-      if (this.config.enableContractFileUpload) {
-        submitRow.contractFileJson = JSON.stringify(this.contractFileRows);
-      }
       if (this.config.enableBillingPlan) {
-        if (
-          this.isContractConfig &&
-          !skipValidation &&
-          !this.validateBillingPlanDefault()
-        ) {
-          return false;
-        }
         submitRow.billingPlanJson = JSON.stringify(this.billingPlanRows);
       }
       if (this.config.enableSettlementRule) {
-        if (this.isContractConfig) {
-          this.syncSettlementConfig();
-          if (
-            !skipValidation &&
-            ((this.preSettlementRuleForm.autoGenerate === 1 &&
-              !this.validateSettlementRule(this.preSettlementRuleForm, '预结算配置')) ||
-              (this.formalSettlementRuleForm.autoGenerate === 1 &&
-                !this.validateSettlementRule(this.formalSettlementRuleForm, '正式结算配置')))
-          ) {
-            return false;
-          }
-          submitRow.settlementRuleJson = JSON.stringify({
-            preSettlementConfig: this.normalizeSettlementRule(this.preSettlementRuleForm),
-            formalSettlementConfig: this.normalizeSettlementRule(this.formalSettlementRuleForm),
-          });
-          submitRow.preSettlementConfigJson = JSON.stringify(
-            this.normalizeSettlementRule(this.preSettlementRuleForm)
-          );
-          submitRow.formalSettlementConfigJson = JSON.stringify(
-            this.normalizeSettlementRule(this.formalSettlementRuleForm)
-          );
-        } else if (
-          !skipValidation &&
-          this.settlementRuleEnabled &&
-          !this.validateSettlementRule()
-        ) {
+        if (!skipValidation && this.settlementRuleEnabled && !this.validateSettlementRule()) {
           return false;
         } else {
           submitRow.settlementRuleJson = JSON.stringify(this.normalizeSettlementRule());
         }
       }
-      if (this.isContractConfig) {
-        if (!skipValidation && !this.validatePaymentRatios()) return false;
-        submitRow.paymentRatioJson = JSON.stringify(this.paymentRatioRows);
-      }
-      if (this.config.enableChangeRecord) {
-        submitRow.changeRecordJson = JSON.stringify(this.changeRecordRows);
-      }
       if (this.config.saveAsDraft && saveAsDraft) {
         submitRow[this.config.draftStatusProp || 'approvalStatus'] =
           this.config.draftStatus || 'draft';
@@ -8634,100 +7820,6 @@ export default {
     getSaveRequest() {
       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;
@@ -8776,11 +7868,6 @@ export default {
         this.$router.push({ path: listPath, query: {} });
         return;
       }
-      if (this.isContractFormPage) {
-        this.$router.$avueRouter?.closeTag?.();
-        this.$router.push('/business/contract-manage');
-        return;
-      }
       const crud = this.$refs.crud;
       if (crud && typeof crud.closeDialog === 'function') {
         crud.closeDialog();
@@ -8833,21 +7920,14 @@ export default {
       this.settlementRuleErrors = {};
       this.syncCustomCreateDialogButtons(type);
       this.dialogReadonly = type === 'view';
-      this.syncContractNoDisabled(type);
-      this.syncContractPartyDisabled();
       if (type === 'add') {
         this.form = {
           ...(this.config.defaultForm || {}),
         };
-        this.syncContractPartyDisabled();
         this.form.taskEntryMode = 'simple';
         this.selectedProjectId = '';
-        this.clearContractPartyOptions();
-        this.selectedOrganizationId = '';
         this.attachmentRows = [];
         this.selectedAttachmentRows = [];
-        this.contractFileRows = [];
-        this.selectedContractFileRows = [];
         this.shippingPlanOptions = [];
         if (this.contractSelectEnabled) {
           this.contractOptions = [];
@@ -8863,19 +7943,11 @@ export default {
         this.shippingTemplateFreight = defaultShippingTemplateFreight();
         this.billingPlanRows = [];
         this.settlementRuleForm = defaultSettlementRule();
-        this.preSettlementRuleForm = defaultSettlementRule();
-        this.formalSettlementRuleForm = defaultSettlementRule();
-        this.settlementConfigTab = 'pre';
-        this.paymentRatioRows = [];
-        this.form.feeGenerationMode = this.form.feeGenerationMode || 'system';
-        this.changeRecordRows = [];
-        this.applyCurrentUserHandler();
         this.taskCarrierRequestId += 1;
         this.taskCarrierOptions = [];
         this.taskCarrierLoading = false;
         this.initTaskInfoForm();
         this.initTransportPlanFormRows();
-        this.syncContractPeriod(false);
         this.syncBillingPlanJson();
         if (this.config.enableTemplateCodePreview && typeof this.api.nextCode === 'function') {
           this.api
@@ -8909,59 +7981,14 @@ export default {
         this.suppressTransportTypeClear = false;
       });
       this.selectedProjectId = this.form.projectId || '';
-      this.syncContractPartyDisabled();
-      this.loadContractPartyOptions(this.form.projectId, {
-        projectName: this.form.projectName,
-        customerNames: this.form.customerNames,
-        carrierNames: this.form.carrierNames,
-        customerJson: this.form.customerJson,
-        carrierJson: this.form.carrierJson,
-      });
       this.loadProjectProcessConfigState();
-      this.selectedOrganizationId = this.form.organizationId || '';
       this.attachmentRows = this.parseJsonArray(this.form.attachmentsJson);
       this.selectedAttachmentRows = [];
-      this.contractFileRows = this.parseJsonArray(this.form.contractFileJson);
-      this.selectedContractFileRows = [];
       this.initTransportPlanFormRows();
       this.billingPlanRows = this.parseJsonArray(this.form.billingPlanJson);
-      const settlementPayload = this.parseJsonObject(this.form.settlementRuleJson);
-      const legacySettlementRule = Object.keys(settlementPayload).some(
-        key => !['preSettlementConfig', 'formalSettlementConfig'].includes(key)
-      )
-        ? settlementPayload
-        : {};
-      this.preSettlementRuleForm = this.normalizeSettlementRule(
-        settlementPayload.preSettlementConfig ||
-          (Object.keys(this.parseJsonObject(this.form.preSettlementConfigJson)).length
-            ? this.parseJsonObject(this.form.preSettlementConfigJson)
-            : legacySettlementRule)
-      );
-      this.formalSettlementRuleForm = this.normalizeSettlementRule(
-        settlementPayload.formalSettlementConfig ||
-          (Object.keys(this.parseJsonObject(this.form.formalSettlementConfigJson)).length
-            ? this.parseJsonObject(this.form.formalSettlementConfigJson)
-            : legacySettlementRule)
-      );
-      this.settlementConfigTab = 'pre';
-      this.settlementRuleForm = this.preSettlementRuleForm;
-      this.paymentRatioRows = this.parseJsonArray(this.form.paymentRatioJson).map(row => ({
-        ...defaultPaymentRatio(),
-        ...row,
-      }));
-      this.form.feeGenerationMode =
-        this.form.feeGenerationMode ||
-        (Number(this.form.billingEnabled) === 0 ? 'manual' : 'system');
-      this.changeRecordRows = this.parseJsonArray(this.form.changeRecordJson);
-      this.applyCurrentUserHandler();
       this.initTaskInfoForm();
-      this.syncContractPeriod(false);
       this.syncBillingPlanJson();
-      if (this.config.enableOrganizationSelect) {
-        this.syncCurrentOrganizationOption();
-      }
       if (this.config.enableProjectSelect) {
-        this.form.remainingFundLimit = this.calculateRemainingFundLimit();
         this.syncCurrentProjectOption();
       }
       if (this.contractSelectEnabled) {
@@ -9054,12 +8081,6 @@ export default {
         });
       }
     },
-    calculateRemainingFundLimit() {
-      const projectFundLimit = Number(this.form.projectFundLimit);
-      const usedFundLimit = Number(this.form.usedFundLimit);
-      if (!Number.isFinite(projectFundLimit) || !Number.isFinite(usedFundLimit)) return '';
-      return Math.round((projectFundLimit - usedFundLimit + Number.EPSILON) * 100) / 100;
-    },
     handleProjectChange(projectId) {
       const project = this.projectOptions.find(item => String(item.id) === String(projectId));
       if (!project) {
@@ -9067,15 +8088,6 @@ export default {
         this.form.projectName = '';
         this.form.projectCode = '';
         this.form.undertakeDeptName = '';
-        this.form.projectFundLimit = '';
-        this.form.usedFundLimit = 0;
-        this.form.remainingFundLimit = 0;
-        if (this.isContractConfig) {
-          this.form.partyA = '';
-          this.form.partyB = '';
-        }
-        this.clearContractPartyOptions();
-        this.syncContractPartyDisabled();
         if (this.contractSelectEnabled) {
           this.form.contractId = '';
           this.form.contractName = '';
@@ -9099,20 +8111,11 @@ export default {
       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 = this.calculateRemainingFundLimit();
       if (this.isWaybillDetailLayout) {
         this.form.carrierName = '';
         this.form.carrierId = '';
         this.loadTaskCarrierOptions(project);
       }
-      if (this.isContractConfig) {
-        this.form.partyA = '';
-        this.form.partyB = '';
-        this.loadContractPartyOptions(project.id, project, false);
-      }
-      this.syncContractPartyDisabled();
       if (this.contractSelectEnabled || this.config.enableTransportPlanForm) {
         this.form.customerName =
           project.customerName ||
@@ -11027,86 +10030,6 @@ export default {
         downloadXls(res.data, '发货模板货物导入模板.xlsx');
       });
     },
-    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('.');
@@ -11116,24 +10039,6 @@ export default {
     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');
@@ -11247,33 +10152,6 @@ export default {
     handleDispatchItemAttachmentSelectionChange(rows) {
       this.selectedDispatchItemAttachmentRows = rows || [];
     },
-    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.selectedContractFileRows = [];
-      this.form.contractFileJson = JSON.stringify(this.contractFileRows);
-    },
-    handleContractFileSelectionChange(rows) {
-      this.selectedContractFileRows = rows || [];
-    },
-    removeContractFile(index) {
-      this.contractFileRows.splice(index, 1);
-      this.selectedContractFileRows = this.selectedContractFileRows.filter(item =>
-        this.contractFileRows.includes(item)
-      );
-      this.form.contractFileJson = JSON.stringify(this.contractFileRows);
-    },
-    handleContractFileBatchDownload() {
-      const rows = this.selectedContractFileRows.length
-        ? this.selectedContractFileRows
-        : this.contractFileRows;
-      rows.forEach(row => this.downloadAttachment(row));
-    },
     cloneData(data) {
       return JSON.parse(JSON.stringify(data));
     },
@@ -12002,15 +10880,12 @@ export default {
     },
     searchReset() {
       this.query = {};
-      this.contractExpiryScope = '';
-      this.contractSignType = '';
       this.page.currentPage = 1;
       this.onLoad(this.page);
     },
     searchChange(params, done) {
       this.query = {
         ...params,
-        ...(this.contractSignType ? { signType: this.contractSignType } : {}),
       };
       this.page.currentPage = 1;
       this.onLoad(this.page, params);
@@ -12034,26 +10909,6 @@ export default {
     refreshChange() {
       this.onLoad(this.page, this.query);
     },
-    handleSearchIconChange(expanded) {
-      this.searchExpanded = expanded;
-    },
-    handleContractExpiryScopeChange(expireScope) {
-      this.contractExpiryScope = expireScope;
-      this.page.currentPage = 1;
-      this.onLoad(this.page, this.query);
-    },
-    refreshContractExpiryStats(query) {
-      if (!this.config.enableContractExpiryTags || typeof this.api.expireStats !== 'function')
-        return;
-      const statsQuery = { ...query };
-      delete statsQuery.expireScope;
-      this.api.expireStats(statsQuery).then(res => {
-        this.contractExpiryStats = {
-          ...this.contractExpiryStats,
-          ...(res.data.data || {}),
-        };
-      });
-    },
     handleScopeChange() {
       if (!this.canViewAllDept) {
         this.allDept = 0;
@@ -12086,26 +10941,6 @@ export default {
       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 = {}) {
@@ -12114,8 +10949,6 @@ export default {
         ...params,
         ...this.query,
         allDept: this.allDept,
-        ...(this.contractSignType ? { signType: this.contractSignType } : {}),
-        ...(this.contractExpiryScope ? { expireScope: this.contractExpiryScope } : {}),
       });
       this.api
         .getList(page.currentPage, page.pageSize, query)
@@ -12124,7 +10957,6 @@ export default {
           this.page.total = result.total;
           this.data = result.records;
           this.selectionClear();
-          this.refreshContractExpiryStats(query);
         })
         .finally(() => {
           this.loading = false;
@@ -12524,10 +11356,6 @@ export default {
         });
     },
     handleCustomOperation(operation, row) {
-      if (operation.action === 'startChange' && this.config.permission === 'contract_manage') {
-        this.$router.push({ path: '/business/contract-manage/change', query: { id: row.id } });
-        return;
-      }
       if (operation.action === 'createFromTemplate') {
         this.api.getDetail(row.id).then(res => {
           const template = res.data?.data || row;
@@ -13293,9 +12121,7 @@ export default {
       if (this.dispatchCarrierLoading) return Promise.resolve(this.dispatchCarrierOptions);
       const projectId = plan?.projectId;
       const requestId = ++this.dispatchCarrierRequestId;
-      const project = this.projectOptions.find(
-        item => String(item.id) === String(projectId)
-      );
+      const project = this.projectOptions.find(item => String(item.id) === String(projectId));
       this.dispatchCarrierOptions = this.getProjectCarrierOptions({ ...project, ...plan });
       if (!projectId) return Promise.resolve(this.dispatchCarrierOptions);
       this.dispatchCarrierLoading = true;
@@ -13566,9 +12392,7 @@ export default {
         const quantity = Number(String(goods.quantity).replace(/,/g, ''));
         if (!Number.isFinite(quantity) || quantity <= 0) {
           return warn(
-            detailPrefix
-              ? `的${goodsPrefix}本次数量必须大于0`
-              : `${goodsPrefix}本次数量必须大于0`
+            detailPrefix ? `的${goodsPrefix}本次数量必须大于0` : `${goodsPrefix}本次数量必须大于0`
           );
         }
         if (!this.isBillingFieldEmpty(goods.unitPrice) && Number(goods.unitPrice) < 0) {
@@ -13586,9 +12410,7 @@ export default {
       ].find(([value]) => String(value || '').trim() && !isMobile(value));
       if (invalidPhoneField) {
         return warn(
-          detailPrefix
-            ? `的${invalidPhoneField[1]}格式不正确`
-            : `${invalidPhoneField[1]}格式不正确`
+          detailPrefix ? `的${invalidPhoneField[1]}格式不正确` : `${invalidPhoneField[1]}格式不正确`
         );
       }
       const lengthFields = roadTransport
@@ -13617,7 +12439,9 @@ export default {
         );
       }
       if (row.mileage && (!/^\d{1,10}$/.test(String(row.mileage)) || Number(row.mileage) <= 0)) {
-        return warn(detailPrefix ? '的里程必须为不超过10位的正整数' : '里程必须为不超过10位的正整数');
+        return warn(
+          detailPrefix ? '的里程必须为不超过10位的正整数' : '里程必须为不超过10位的正整数'
+        );
       }
       if (!this.isBillingFieldEmpty(row.otherFeeTotal) && Number(row.otherFeeTotal) < 0) {
         return warn(detailPrefix ? '的其他费用合计不能小于0' : '其他费用合计不能小于0');
@@ -13628,9 +12452,7 @@ export default {
         row.estimatedEndTime < row.estimatedStartTime
       ) {
         return warn(
-          detailPrefix
-            ? '的预计完成日期不能早于预计发货日期'
-            : '预计完成日期不能早于预计发货日期'
+          detailPrefix ? '的预计完成日期不能早于预计发货日期' : '预计完成日期不能早于预计发货日期'
         );
       }
       if (String(row.remark || row.taskRemark || '').length > 200) {
@@ -13656,9 +12478,7 @@ export default {
         const remaining = this.dispatchItemRemainingQuantity({ quantityUnit: unit });
         if (quantity - remaining > 1e-8) {
           this.$message.warning(
-            `本次调度${unit}合计不能超过剩余数量${this.formatDispatchQuantity(
-              remaining
-            )}${unit}`
+            `本次调度${unit}合计不能超过剩余数量${this.formatDispatchQuantity(remaining)}${unit}`
           );
           return false;
         }
@@ -13822,8 +12642,7 @@ export default {
         return false;
       }
       for (const [index, row] of this.dispatchRows.entries()) {
-        const goodsRows =
-          row.taskEntryMode === 'full' ? this.parseJsonArray(row.goodsJson) : [row];
+        const goodsRows = row.taskEntryMode === 'full' ? this.parseJsonArray(row.goodsJson) : [row];
         if (mode === 'draft') {
           if (row.taskEntryMode === 'full' && !goodsRows.length) {
             this.$message.warning(`第${index + 1}条调度明细的货物信息不能为空`);
@@ -13836,9 +12655,7 @@ export default {
             [row.escortPhone, '押运人手机号'],
           ].find(([value]) => String(value || '').trim() && !isMobile(value));
           if (invalidPhoneField) {
-            this.$message.warning(
-              `第${index + 1}条调度明细的${invalidPhoneField[1]}格式不正确`
-            );
+            this.$message.warning(`第${index + 1}条调度明细的${invalidPhoneField[1]}格式不正确`);
             return false;
           }
           continue;
@@ -14227,13 +13044,17 @@ export default {
   }
 
   :global(
-    .business-crud-page--form-page .business-crud-page__task-form
-      .el-form-item__content > .el-autocomplete
-  ),
+      .business-crud-page--form-page
+        .business-crud-page__task-form
+        .el-form-item__content
+        > .el-autocomplete
+    ),
   :global(
-    .business-crud-page--form-page .business-crud-page__task-form
-      .el-form-item__content > .el-date-editor
-  ) {
+      .business-crud-page--form-page
+        .business-crud-page__task-form
+        .el-form-item__content
+        > .el-date-editor
+    ) {
     width: 250px !important;
     max-width: 100%;
   }
@@ -14327,10 +13148,9 @@ export default {
     }
 
     &--shipping-template {
-      grid-template-columns: 220px minmax(220px, 1fr) 58px minmax(220px, 280px) 72px minmax(
-          220px,
-          280px
-        ) 40px;
+      grid-template-columns:
+        220px minmax(220px, 1fr) 58px minmax(220px, 280px) 72px minmax(220px, 280px)
+        40px;
 
       .business-crud-page__map-suffix {
         color: #409eff;
@@ -16358,7 +15178,7 @@ export default {
 
 // 独立表单页（合同/运单/运输计划/运输模板）：标题分块使用白底卡片，间距 12px，与 section-card 风格一致
 :global(.business-crud-form-page-dialog:not(.el-dialog)) {
-  //padding: 20px 24px 96px;
+  padding-bottom: 96px;
   box-sizing: border-box;
 }
 
diff --git a/src/views/business/components/master-order-dispatch.vue b/src/views/business/components/master-order-dispatch.vue
index 22fb9a0..962ebf2 100644
--- a/src/views/business/components/master-order-dispatch.vue
+++ b/src/views/business/components/master-order-dispatch.vue
@@ -131,7 +131,7 @@
           <el-form :model="route" label-position="right" label-width="auto" class="dispatch-form carrier-form">
             <el-row :gutter="16">
               <template v-if="isRoad(route)">
-                <el-col v-if="route.carrierType === '承运商'" :span="6"><el-form-item label="承运商" required><el-select v-model="route.carrierName" filterable remote clearable placeholder="请选择" :remote-method="loadCarrierOptions" :loading="carrierLoading" @visible-change="visible => visible && loadCarrierOptions()"><el-option v-for="item in carrierOptions" :key="carrierOptionKey(item)" :label="carrierOptionLabel(item)" :value="carrierOptionLabel(item)" /></el-select></el-form-item></el-col>
+                <el-col v-if="route.carrierType !== '自运'" :span="6"><el-form-item label="承运商" required><el-select v-model="route.carrierContractId" filterable clearable placeholder="请选择" :loading="carrierLoading" @change="value => handleCarrierContractChange(route, value)"><el-option v-for="item in carrierOptions" :key="item.contractId" :label="item.carrierName" :value="item.contractId" /></el-select></el-form-item></el-col>
                 <el-col :span="6"><el-form-item label="司机" :required="route.carrierType !== '承运商'"><el-autocomplete :ref="element => setDriverInput(route.segmentNo, element)" v-model="route.driverName" :debounce="300" :fetch-suggestions="fetchDriverSuggestions" clearable placeholder="请输入司机" :loading="driverLoading" @select="item => handleDriverSuggestionSelect(route, item)" /></el-form-item></el-col>
                 <el-col :span="6"><el-form-item :label="route.carrierType === '承运商' ? '手机号' : '司机手机号'" :required="route.carrierType !== '承运商'"><el-input v-model="route.driverPhone" placeholder="请输入" /></el-form-item></el-col>
                 <el-col :span="6"><el-form-item label="车牌号" required><el-input v-model="route.vehicleNo" placeholder="请输入" /></el-form-item></el-col>
@@ -140,7 +140,7 @@
                 <el-col v-if="route.carrierType !== '承运商'" :span="6"><el-form-item label="押运人手机号" required><el-input v-model="route.escortPhone" placeholder="请输入" /></el-form-item></el-col>
               </template>
               <template v-else>
-                <el-col v-if="route.carrierType === '承运商'" :span="6"><el-form-item label="承运商" required><el-select v-model="route.carrierName" filterable remote clearable placeholder="请选择" :remote-method="loadCarrierOptions" :loading="carrierLoading" @visible-change="visible => visible && loadCarrierOptions()"><el-option v-for="item in carrierOptions" :key="carrierOptionKey(item)" :label="carrierOptionLabel(item)" :value="carrierOptionLabel(item)" /></el-select></el-form-item></el-col>
+                <el-col v-if="route.carrierType !== '自运'" :span="6"><el-form-item label="承运商" required><el-select v-model="route.carrierContractId" filterable clearable placeholder="请选择" :loading="carrierLoading" @change="value => handleCarrierContractChange(route, value)"><el-option v-for="item in carrierOptions" :key="item.contractId" :label="item.carrierName" :value="item.contractId" /></el-select></el-form-item></el-col>
                 <el-col :span="6"><el-form-item label="船/航/班列号" required><el-input v-model="route.vehicleNo" placeholder="请输入" /></el-form-item></el-col>
                 <el-col :span="6"><el-form-item label="船长" required><el-input v-model="route.captainName" placeholder="请输入" /></el-form-item></el-col>
                 <el-col :span="6"><el-form-item label="联系电话" required><el-input v-model="route.driverPhone" placeholder="请输入" /></el-form-item></el-col>
@@ -180,7 +180,6 @@
 
 <script>
 import * as api from '@/api/business/master-order';
-import { getList as getCustomerList } from '@/api/vehicle/customer-archive';
 import { getList as getDriverList } from '@/api/transportCapacity/driver';
 import { isMobile } from '@/utils/validate';
 
@@ -251,6 +250,7 @@ export default {
         selected: false,
         documentType: '运单',
         carrierType: '承运商',
+        carrierContractId: '',
         currency: 'CNY',
         otherFeeTotal: '',
         freightItems: [],
@@ -514,28 +514,29 @@ export default {
         route.trailerVehicleNo = '';
         route.escortName = '';
         route.escortPhone = '';
-      } else {
+      }
+      if (value === '自运') {
+        route.carrierContractId = '';
         route.carrierName = '';
       }
     },
-    carrierOptionLabel(item) { return item.customerName || item.carrierName || item.fullName || item.name || ''; },
-    carrierOptionKey(item) { return item.id || item.customerId || item.carrierId || this.carrierOptionLabel(item); },
+    handleCarrierContractChange(route, contractId) {
+      const contract = this.carrierOptions.find(
+        item => String(item.contractId) === String(contractId)
+      );
+      route.carrierContractId = contract?.contractId || '';
+      route.carrierName = contract?.carrierName || '';
+    },
     driverOptionLabel(item) { return item.driverName || item.name || ''; },
     driverOptionKey(item) { return item.id || item.driverId || this.driverOptionLabel(item) || item.mobile; },
     handleDriverChange(route, value) {
       const driver = this.driverOptions.find(item => this.driverOptionLabel(item) === value);
       if (driver) route.driverPhone = driver.mobile || driver.driverPhone || driver.phone || '';
     },
-    async loadCarrierOptions(keyword = '') {
+    async loadCarrierOptions() {
       this.carrierLoading = true;
       try {
-        this.carrierOptions = unwrapRecords(
-          await getCustomerList(1, 20, {
-            customerName: keyword,
-            customerType: '承运商',
-            status: 1,
-          })
-        );
+        this.carrierOptions = unwrapRecords(await api.getCarriers(this.id));
       } finally {
         this.carrierLoading = false;
       }
@@ -593,9 +594,9 @@ export default {
       if (!this.validateRoutePhones(route)) return;
       if (route.documentType === '运单') {
         if (this.isRoad(route)) {
-          if (route.carrierType === '承运商' && (!route.carrierName || !route.vehicleNo)) return this.$message.warning('请填写承运商和车牌号');
+          if (route.carrierType !== '自运' && (!route.carrierContractId || !route.carrierName || !route.vehicleNo)) return this.$message.warning('请选择承运商并填写车牌号');
           if (route.carrierType !== '承运商' && (!route.driverName || !route.driverPhone || !route.vehicleNo || !route.trailerVehicleNo || !route.escortName || !route.escortPhone)) return this.$message.warning('请补全自运或网货平台的车辆与人员信息');
-        } else if (!route.vehicleNo || !route.captainName || !route.driverPhone || !route.containerNo || !route.cabinNo || (route.carrierType === '承运商' && !route.carrierName)) {
+        } else if (!route.vehicleNo || !route.captainName || !route.driverPhone || !route.containerNo || !route.cabinNo || (route.carrierType !== '自运' && (!route.carrierContractId || !route.carrierName))) {
           return this.$message.warning('请补全非公路运输的承运信息');
         }
       }
@@ -604,7 +605,7 @@ export default {
         id: `${route.segmentNo}-${item.cargoName}-${Date.now()}-${Math.random()}`,
         batchNo,
         segmentNo: route.segmentNo, relationNo: route.segmentNo, documentType: route.documentType, transportType: route.transportType, carrierType: route.carrierType,
-        carrierName: route.carrierName, driverName: route.driverName, driverPhone: route.driverPhone, vehicleNo: route.vehicleNo, captainName: route.captainName, cabinNo: route.cabinNo, containerNo: route.containerNo, trailerVehicleNo: route.trailerVehicleNo, escortName: route.escortName, escortPhone: route.escortPhone, mileage: this.normalizeMileage(route.mileage), unitPrice: this.freightItemsForGoods(route, item).unitPrice || '', priceUnit: this.freightItemsForGoods(route, item).priceUnit || '', currency: route.currency || 'CNY', freightAmount: this.freightAmount(this.freightItemsForGoods(route, item)), freightTotal: this.freightTotal(route), otherFeeTotal: route.otherFeeTotal || '', freightJson: this.buildFreightJson(route), remark: route.remark,
+        carrierContractId: route.carrierContractId, carrierName: route.carrierName, driverName: route.driverName, driverPhone: route.driverPhone, vehicleNo: route.vehicleNo, captainName: route.captainName, cabinNo: route.cabinNo, containerNo: route.containerNo, trailerVehicleNo: route.trailerVehicleNo, escortName: route.escortName, escortPhone: route.escortPhone, mileage: this.normalizeMileage(route.mileage), unitPrice: this.freightItemsForGoods(route, item).unitPrice || '', priceUnit: this.freightItemsForGoods(route, item).priceUnit || '', currency: route.currency || 'CNY', freightAmount: this.freightAmount(this.freightItemsForGoods(route, item)), freightTotal: this.freightTotal(route), otherFeeTotal: route.otherFeeTotal || '', freightJson: this.buildFreightJson(route), remark: route.remark,
         departureName: route.departureName, departureAddress: route.departureAddress, departureContact: route.departureContact, departurePhone: route.departurePhone,
         arrivalName: route.arrivalName, arrivalAddress: route.arrivalAddress, arrivalContact: route.arrivalContact, arrivalPhone: route.arrivalPhone,
         estimatedStartTime: route.estimatedStartTime, estimatedEndTime: route.estimatedEndTime,
diff --git a/src/views/business/components/master-order-editor.vue b/src/views/business/components/master-order-editor.vue
index 9af1cb4..29c10a9 100644
--- a/src/views/business/components/master-order-editor.vue
+++ b/src/views/business/components/master-order-editor.vue
@@ -853,6 +853,10 @@ export default {
       }
       return String(value).replace('T', ' ').slice(0, 10);
     },
+    normalizeDateTimeValue(value, endOfDay = false) {
+      const date = this.normalizeDateValue(value);
+      return date ? `${date} ${endOfDay ? '23:59:59' : '00:00:00'}` : '';
+    },
     getRegionDisplay(target, fallback) {
       const labels = this.regionLabels(this.addressRegionPaths[target] || []);
       return labels.length ? labels.join('/') : fallback;
@@ -1689,8 +1693,8 @@ export default {
       }
       const payload = {
         ...this.form,
-        planStartTime: this.normalizeDateValue(this.form.planStartTime),
-        planEndTime: this.normalizeDateValue(this.form.planEndTime),
+        planStartTime: this.normalizeDateTimeValue(this.form.planStartTime),
+        planEndTime: this.normalizeDateTimeValue(this.form.planEndTime, true),
         attachmentsJson: JSON.stringify(this.attachmentRows),
         routes: [
           ...this.form.routes.map((route, index) => ({ ...route, segmentNo: `段${index + 1}` })),
diff --git a/src/views/business/contract-manage.vue b/src/views/business/contract-manage.vue
index d3a2646..8da3b0b 100644
--- a/src/views/business/contract-manage.vue
+++ b/src/views/business/contract-manage.vue
@@ -1,32 +1,2135 @@
 <template>
-  <business-crud-page
-    :api="api"
-    :config="config"
-    :crud-option="option"
-    :menu-width="280"
-    contract-form-page
-  />
+  <basic-container :class="['contract-manage-page', { 'contract-manage-page--form': isFormPage }]">
+    <template v-if="!isFormPage">
+      <avue-crud
+        ref="crud"
+        v-model:page="page"
+        :data="data"
+        :option="tableOption"
+        :permission="permissionList"
+        :table-loading="loading"
+        @search-change="searchChange"
+        @search-reset="searchReset"
+        @selection-change="selectionChange"
+        @current-change="currentChange"
+        @size-change="sizeChange"
+        @refresh-change="refreshChange"
+        @search-icon-change="searchExpanded = $event"
+        @on-load="onLoad"
+      >
+        <template #menu-left>
+          <el-button v-if="canCreate" type="primary" icon="el-icon-plus" @click="openForm('add')">
+            新增
+          </el-button>
+          <el-button
+            v-if="config.exportUrl && hasPermission(`${config.permission}_export`)"
+            type="primary"
+            icon="el-icon-download"
+            plain
+            @click="handleExport"
+          >
+            批量导出
+          </el-button>
+        </template>
+
+        <template #search-menu>
+          <div v-show="searchExpanded" class="contract-manage-page__expiry-search">
+            <span>签约类型：</span>
+            <el-select v-model="contractSignType" clearable placeholder="请选择">
+              <el-option
+                v-for="item in signTypeOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+            <el-check-tag
+              v-for="item in expiryTagOptions"
+              :key="item.value"
+              :checked="contractExpiryScope === item.value"
+              @change="changeExpiryScope(item.value)"
+            >
+              {{ item.label }}（{{ contractExpiryStats[item.statKey] || 0 }}）
+            </el-check-tag>
+          </div>
+        </template>
+
+        <template #contractName="{ row }">
+          <el-link v-if="row.contractName" type="primary" @click.stop="openDetail(row)">
+            {{ row.contractName }}
+          </el-link>
+          <span v-else>-</span>
+        </template>
+
+        <template #contractStage="{ row }">
+          <el-tag :type="stageTagType(row.contractStage)">
+            {{ displayStatus(row, 'contractStage') }}
+          </el-tag>
+        </template>
+
+        <template #approvalStatus="{ row }">
+          <el-tag :type="statusTagType(row.approvalStatus)">
+            {{ displayStatus(row, 'approvalStatus') }}
+          </el-tag>
+        </template>
+
+        <template #menu="{ row }">
+          <el-link
+            v-if="hasPermission(`${config.permission}_view`)"
+            type="primary"
+            @click="openDetail(row)"
+          >
+            查看
+          </el-link>
+          <el-link v-if="canEdit(row)" type="primary" @click="openForm('edit', row)">
+            {{ editLabel(row) }}
+          </el-link>
+          <el-link v-if="canCopy(row)" type="primary" @click="handleCopy(row)">复制</el-link>
+          <el-link
+            v-for="operation in customOperations(row)"
+            :key="`${operation.action}-${operation.label}`"
+            :type="operation.type || 'primary'"
+            @click="handleOperation(operation, row)"
+          >
+            {{ operation.label }}
+          </el-link>
+          <el-link v-if="canDelete(row)" type="danger" @click="removeRow(row)">删除</el-link>
+        </template>
+      </avue-crud>
+
+      <empty-pagination
+        :page="page"
+        @size-change="sizeChange"
+        @current-change="currentChange"
+        @load="onLoad(page, query)"
+      />
+    </template>
+
+    <template v-else>
+      <el-form
+        ref="contractForm"
+        :model="form"
+        :rules="formRules"
+        label-position="right"
+        label-width="auto"
+        class="contract-manage-form"
+      >
+        <section class="contract-manage-form__section contract-manage-form__section--panel">
+          <div class="dialog-section-title">基本信息</div>
+          <div class="contract-manage-form__grid">
+            <el-form-item label="签约类型" prop="signType">
+              <el-select v-model="form.signType" placeholder="请选择签约类型">
+                <el-option
+                  v-for="item in signTypeOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="合同编号">
+              <el-input
+                v-model="form.contractNo"
+                :disabled="formMode === 'edit'"
+                placeholder="不填写，则系统自动生成"
+              />
+            </el-form-item>
+            <el-form-item label="合同名称" prop="contractName">
+              <el-input
+                v-model="form.contractName"
+                maxlength="100"
+                show-word-limit
+                placeholder="请输入合同名称"
+              />
+            </el-form-item>
+            <el-form-item label="合同类型" prop="contractCategory">
+              <el-select v-model="form.contractCategory" placeholder="请选择合同类型">
+                <el-option
+                  v-for="item in contractCategoryOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="项目" prop="projectName">
+              <el-select
+                v-model="selectedProjectId"
+                placeholder="请选择"
+                filterable
+                clearable
+                :loading="projectLoading"
+                @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>
+            </el-form-item>
+            <el-form-item label="甲方" prop="partyA">
+              <el-select
+                v-model="form.partyA"
+                placeholder="请选择甲方"
+                filterable
+                clearable
+                :loading="contractPartyLoading"
+                :disabled="!form.projectId"
+              >
+                <el-option
+                  v-for="item in contractPartyAOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="乙方" prop="partyB">
+              <el-select
+                v-model="form.partyB"
+                placeholder="请选择乙方"
+                filterable
+                clearable
+                :loading="contractPartyLoading"
+                :disabled="!form.projectId"
+              >
+                <el-option
+                  v-for="item in contractPartyBOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="合同期限" prop="startDate">
+              <div class="contract-manage-form__date-range">
+                <el-date-picker
+                  v-model="form.startDate"
+                  type="date"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD"
+                  placeholder="YYYY-MM-DD"
+                />
+                <span>至</span>
+                <el-date-picker
+                  v-model="form.endDate"
+                  type="date"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD"
+                  placeholder="YYYY-MM-DD"
+                />
+              </div>
+            </el-form-item>
+            <el-form-item label="所属组织" prop="organizationName">
+              <el-cascader
+                v-model="selectedOrganizationId"
+                :options="organizationOptions"
+                :props="organizationCascaderProps"
+                placeholder="请选择"
+                clearable
+                filterable
+                :show-all-levels="false"
+                @visible-change="visible => visible && loadOrganizationOptions()"
+                @change="handleOrganizationChange"
+              />
+            </el-form-item>
+            <el-form-item label="经办人">
+              <el-input v-model="form.handlerUserName" disabled />
+            </el-form-item>
+            <el-form-item label="签订日期" prop="signDate">
+              <el-date-picker
+                v-model="form.signDate"
+                type="date"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                placeholder="请选择签订日期"
+              />
+            </el-form-item>
+            <el-form-item label="结算类型" prop="settlementMode">
+              <el-select v-model="form.settlementMode" placeholder="请选择结算类型">
+                <el-option
+                  v-for="item in settlementModeOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="合同格式" prop="contractFormat">
+              <el-select v-model="form.contractFormat" placeholder="请选择合同格式">
+                <el-option
+                  v-for="item in contractFormatOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="是否需要加盖法人章" prop="legalSealFlag">
+              <el-select v-model="form.legalSealFlag" placeholder="请选择">
+                <el-option label="否" :value="0" />
+                <el-option label="是" :value="1" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="一式">
+              <div class="contract-manage-form__inline-number">
+                <el-input
+                  v-model="form.copyCount"
+                  placeholder="请输入"
+                  @input="value => integerInput('copyCount', value)"
+                />
+                <span>份</span>
+              </div>
+            </el-form-item>
+            <el-form-item label="回款账期">
+              <div class="contract-manage-form__inline-number">
+                <el-input
+                  v-model="form.paymentDays"
+                  placeholder="请输入"
+                  @input="value => integerInput('paymentDays', value)"
+                />
+                <span>天</span>
+              </div>
+            </el-form-item>
+          </div>
+          <el-form-item label="备注" prop="remark" class="contract-manage-form__remark">
+            <el-input
+              v-model="form.remark"
+              type="textarea"
+              :rows="3"
+              maxlength="200"
+              show-word-limit
+              placeholder="请输入备注"
+            />
+          </el-form-item>
+        </section>
+
+        <attachment-section
+          title="合同文件"
+          :rows="contractFileRows"
+          :preview="previewAttachment"
+          @update:rows="contractFileRows = $event"
+        />
+
+        <section class="contract-manage-form__section contract-manage-form__section--panel">
+          <div class="dialog-section-title">计费信息</div>
+          <div class="contract-manage-form__billing-head">
+            <div>
+              <span>费用生成模式</span>
+              <el-radio-group v-model="form.feeGenerationMode">
+                <el-radio label="system">系统生成</el-radio>
+                <el-radio label="manual">手动生成</el-radio>
+              </el-radio-group>
+            </div>
+            <el-button type="primary" @click="openBillingPlan()">添加</el-button>
+          </div>
+          <el-table :data="billingPlanRows" border>
+            <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 }">{{ isDefaultBillingPlan(row) ? '是' : '' }}</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" fixed="right">
+              <template #default="{ row, $index }">
+                <el-link type="primary" @click="openBillingPlan(row, $index)">编辑</el-link>
+                <el-link type="danger" @click="removeBillingPlan($index)">删除</el-link>
+              </template>
+            </el-table-column>
+          </el-table>
+        </section>
+
+        <section class="contract-manage-form__section contract-manage-form__section--panel">
+          <div class="dialog-section-title">结算单规则</div>
+          <el-tabs v-model="settlementConfigTab">
+            <el-tab-pane label="预结算配置" name="pre" />
+            <el-tab-pane label="正式结算配置" name="formal" />
+          </el-tabs>
+          <div class="contract-manage-form__settlement-switch">
+            <span>自动生成结算单</span>
+            <el-radio-group v-model="settlementRuleForm.autoGenerate">
+              <el-radio :label="1">开启</el-radio>
+              <el-radio :label="0">关闭</el-radio>
+            </el-radio-group>
+          </div>
+          <div
+            v-if="settlementRuleEnabled"
+            class="contract-manage-form__grid contract-manage-form__settlement-grid"
+          >
+            <el-form-item label="账单起始日期" required>
+              <el-date-picker
+                v-model="settlementRuleForm.billStartDate"
+                type="date"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                placeholder="请选择账单起始日期"
+              />
+            </el-form-item>
+            <el-form-item label="结算类型" required>
+              <el-select
+                v-model="settlementRuleForm.settlementType"
+                placeholder="请选择结算类型"
+                @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="showBillCycleType" label="账单周期类型" required>
+              <el-select
+                v-model="settlementRuleForm.billCycleType"
+                placeholder="请选择账单周期类型"
+                @change="handleBillCycleTypeChange"
+              >
+                <el-option
+                  v-for="item in billCycleTypeOptions"
+                  :key="item"
+                  :label="item"
+                  :value="item"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="showBillCutoffDay" label="账单截单日" required>
+              <el-select v-model="settlementRuleForm.billCutoffDay" placeholder="请选择账单截单日">
+                <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="showCycleDays" label="周期天数" required>
+              <el-select v-model="settlementRuleForm.cycleDays" placeholder="请选择周期天数">
+                <el-option
+                  v-for="item in cycleDayOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </div>
+        </section>
+
+        <section class="contract-manage-form__section contract-manage-form__section--panel">
+          <div class="contract-manage-form__section-head">
+            <div class="dialog-section-title">付款比例设置</div>
+            <el-button type="primary" plain @click="addPaymentRatio">添加</el-button>
+          </div>
+          <p class="contract-manage-form__tip">非必填；配置付款比例时，合计必须等于100%。</p>
+          <el-table :data="paymentRatioRows" border>
+            <el-table-column type="index" label="序号" width="80" align="center" />
+            <el-table-column prop="paymentTerm" label="付款笔数" min-width="180" align="center" />
+            <el-table-column label="付款比例上限" min-width="220" align="center">
+              <template #default="{ row }">
+                <el-input-number
+                  v-model="row.ratioLimit"
+                  :min="0"
+                  :max="100"
+                  :precision="2"
+                  controls-position="right"
+                />
+                <span class="contract-manage-form__ratio-unit">%</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" min-width="220">
+              <template #default="{ row }">
+                <el-input v-model="row.remark" maxlength="200" />
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" width="100" align="center">
+              <template #default="{ $index }">
+                <el-link type="danger" @click="paymentRatioRows.splice($index, 1)">删除</el-link>
+              </template>
+            </el-table-column>
+          </el-table>
+        </section>
+
+        <attachment-section
+          title="其它附件"
+          description
+          :rows="attachmentRows"
+          :preview="previewAttachment"
+          @update:rows="attachmentRows = $event"
+        />
+
+        <section
+          v-if="formMode === 'edit'"
+          class="contract-manage-form__section contract-manage-form__section--panel"
+        >
+          <div class="dialog-section-title">变更记录</div>
+          <el-table :data="changeRecordRows" border>
+            <el-table-column type="index" label="序号" width="70" align="center" />
+            <el-table-column
+              prop="changeDate"
+              label="变更日期"
+              min-width="150"
+              align="center"
+              sortable
+            />
+            <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" fixed="right">
+              <template #default="{ row }">
+                <el-link type="primary" @click="openFlow(row)">流程</el-link>
+              </template>
+            </el-table-column>
+          </el-table>
+        </section>
+      </el-form>
+
+      <div class="contract-manage-page__footer">
+        <el-button @click="closeForm">关闭</el-button>
+        <template v-if="formMode === 'add'">
+          <el-button
+            type="primary"
+            plain
+            :loading="submitAction === 'draft'"
+            :disabled="Boolean(submitAction)"
+            @click="submitCreate('draft')"
+          >
+            暂存
+          </el-button>
+          <el-button
+            type="primary"
+            plain
+            :loading="submitAction === 'temporary'"
+            :disabled="Boolean(submitAction)"
+            @click="submitCreate('temporary')"
+          >
+            提交临时合同
+          </el-button>
+          <el-button
+            type="primary"
+            :loading="submitAction === 'formal'"
+            :disabled="Boolean(submitAction)"
+            @click="submitCreate('formal')"
+          >
+            提交正式合同
+          </el-button>
+        </template>
+        <el-button v-else type="primary" :loading="submitAction === 'edit'" @click="submitEdit">
+          提交
+        </el-button>
+      </div>
+    </template>
+
+    <billing-plan-editor
+      v-model="billingPlanBox"
+      :value="billingPlanForm"
+      :index="billingPlanIndex"
+      @save="saveBillingPlan"
+    />
+
+    <el-dialog
+      v-model="attachmentDocumentPreviewVisible"
+      :title="attachmentPreviewFile.name || '附件预览'"
+      append-to-body
+      destroy-on-close
+      width="90%"
+      top="4vh"
+    >
+      <open-file-viewer
+        v-if="attachmentDocumentPreviewVisible && attachmentPreviewFile.url"
+        :file="attachmentPreviewFile.url"
+        :file-name="attachmentPreviewFile.name"
+        :mime-type="attachmentPreviewFile.mimeType"
+        width="100%"
+        height="72vh"
+        fit="contain"
+        theme="auto"
+        locale="zh-CN"
+        :toolbar="attachmentViewerToolbar"
+        :plugins="attachmentViewerPlugins"
+        @unsupported="handleAttachmentPreviewUnsupported"
+        @error="handleAttachmentPreviewError"
+      />
+    </el-dialog>
+
+    <el-image-viewer
+      v-if="attachmentImagePreviewVisible"
+      :url-list="attachmentImagePreviewUrls"
+      :initial-index="attachmentImagePreviewIndex"
+      @close="attachmentImagePreviewVisible = false"
+    />
+
+    <el-dialog
+      v-model="detailBox"
+      title="合同详情"
+      append-to-body
+      destroy-on-close
+      width="1200px"
+      top="4vh"
+    >
+      <div v-loading="detailLoading" class="contract-manage-detail">
+        <section v-for="section in config.detailSections" :key="section.title">
+          <div class="dialog-section-title">{{ section.title }}</div>
+          <el-descriptions :column="3" border>
+            <el-descriptions-item
+              v-for="field in section.fields"
+              :key="field[0]"
+              :label="field[1]"
+              :span="field[2] || 1"
+            >
+              {{ detailValue(field[0]) }}
+            </el-descriptions-item>
+          </el-descriptions>
+        </section>
+      </div>
+      <template #footer
+        ><el-button type="primary" @click="detailBox = false">关闭</el-button></template
+      >
+    </el-dialog>
+
+    <flow-design
+      v-if="website.design.designMode"
+      is-dialog
+      v-model:is-display="flowBox"
+      :process-instance-id="processInstanceId"
+    />
+    <el-dialog v-else v-model="flowBox" title="流程图" append-to-body fullscreen>
+      <iframe class="contract-manage-page__flow" :src="flowUrl" />
+      <template #footer><el-button @click="flowBox = false">关闭</el-button></template>
+    </el-dialog>
+  </basic-container>
 </template>
 
 <script>
-import BusinessCrudPage from './components/business-crud-page.vue';
+import { defineComponent, h, resolveComponent } from 'vue';
+import { mapGetters } from 'vuex';
+import NProgress from 'nprogress';
+import 'nprogress/nprogress.css';
+import { exportBlob } from '@/api/common';
 import * as api from '@/api/business/contract-manage';
+import {
+  getDetail as getProjectDetail,
+  getList as getProjectList,
+} from '@/api/business/project-apply';
+import { getDeptTree } from '@/api/system/dept';
 import { config, option } from '@/option/business/contract-manage';
+import { getToken } from '@/utils/auth';
+import { downloadFileByUrl, downloadXls } from '@/utils/util';
+import BillingPlanEditor from './components/billing-plan-editor.vue';
+import { ElImageViewer } from 'element-plus';
+import { OpenFileViewer } from '@open-file-viewer/vue';
+import {
+  fallbackPlugin,
+  imagePlugin,
+  officePlugin,
+  pdfPlugin,
+  textPlugin,
+} from '@open-file-viewer/core';
+import '@open-file-viewer/core/style.css';
+import pdfWorkerSrc from 'pdfjs-dist/build/pdf.worker.mjs?url';
+
+const clone = value => JSON.parse(JSON.stringify(value));
+const defaultSettlementRule = () => ({
+  autoGenerate: 1,
+  billStartDate: '',
+  settlementType: '月结',
+  billCycleType: '固定截单日',
+  billCutoffDay: 25,
+  cycleDays: '',
+});
+const defaultForm = () => ({
+  contractCategory: '客户合同',
+  contractNo: '',
+  contractName: '',
+  projectId: '',
+  projectName: '',
+  organizationId: '',
+  organizationName: '',
+  signType: '',
+  settlementMode: '',
+  partyA: '',
+  partyB: '',
+  handlerUserName: '',
+  signDate: '',
+  contractFormat: '',
+  legalSealFlag: 0,
+  copyCount: '',
+  paymentDays: '',
+  startDate: '',
+  endDate: '',
+  temporaryStartDate: '',
+  temporaryEndDate: '',
+  effectiveType: '',
+  feeGenerationMode: 'system',
+  remark: '',
+});
+const parseArray = value => {
+  if (Array.isArray(value)) return value;
+  if (!value) return [];
+  try {
+    const data = JSON.parse(value);
+    return Array.isArray(data) ? data : [];
+  } catch (error) {
+    return [];
+  }
+};
+const parseObject = value => {
+  if (value && typeof value === 'object' && !Array.isArray(value)) return value;
+  if (!value) return {};
+  try {
+    const data = JSON.parse(value);
+    return data && typeof data === 'object' && !Array.isArray(data) ? data : {};
+  } catch (error) {
+    return {};
+  }
+};
+const extractRecords = res => {
+  const data = res?.data?.data || res?.data || {};
+  return Array.isArray(data) ? data : data.records || [];
+};
+const attachmentName = row => row.originalName || row.name || row.fileName || '附件';
+const attachmentUrl = row =>
+  row.url || row.link || row.fileUrl || row.downloadUrl || row.domain || '';
+const attachmentExtension = row => {
+  const source = String(attachmentName(row) || attachmentUrl(row)).split('?')[0];
+  const index = source.lastIndexOf('.');
+  return index > -1 ? source.slice(index + 1).toLowerCase() : '';
+};
+const isAttachmentImage = row =>
+  ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp'].includes(attachmentExtension(row));
+const attachmentFileTypes = [
+  'pdf',
+  'bmp',
+  'jpeg',
+  'png',
+  'jpg',
+  'doc',
+  'docx',
+  'ppt',
+  'pptx',
+  'xlsx',
+  'xls',
+  'eml',
+  'msg',
+  'zip',
+];
+const attachmentViewerPlugins = [
+  imagePlugin(),
+  pdfPlugin({ workerSrc: pdfWorkerSrc, useFetchData: true }),
+  officePlugin({ pdf: { workerSrc: pdfWorkerSrc, useFetchData: true } }),
+  textPlugin(),
+  fallbackPlugin(),
+];
+
+const AttachmentSection = defineComponent({
+  name: 'AttachmentSection',
+  props: {
+    title: { type: String, required: true },
+    rows: { type: Array, default: () => [] },
+    description: Boolean,
+    preview: { type: Function, default: null },
+  },
+  emits: ['update:rows'],
+  data() {
+    return { selected: [], attachmentFileTypes };
+  },
+  methods: {
+    update(rows) {
+      this.$emit('update:rows', rows);
+    },
+    handleChange(rows) {
+      const uploadUserName = this.$store.getters.userInfo?.realName || '';
+      const uploadTime = this.$dayjs().format('YYYY-MM-DD HH:mm:ss');
+      this.update(
+        (rows || []).map(row => ({
+          ...row,
+          description: row.description || '',
+          uploadUserName: row.uploadUserName || uploadUserName,
+          uploadTime: row.uploadTime || uploadTime,
+        }))
+      );
+    },
+    remove(index) {
+      const rows = [...this.rows];
+      rows.splice(index, 1);
+      this.update(rows);
+    },
+    download(row) {
+      const url = attachmentUrl(row);
+      if (!url) {
+        this.$message.warning('附件地址为空，无法下载');
+        return;
+      }
+      downloadFileByUrl(url, attachmentName(row));
+    },
+    batchDownload() {
+      (this.selected.length ? this.selected : this.rows).forEach(this.download);
+    },
+    formatSize(size) {
+      const value = Number(size);
+      if (!value) return '';
+      if (value < 1024) return `${value}B`;
+      if (value < 1024 * 1024) return `${(value / 1024).toFixed(1)}KB`;
+      return `${(value / 1024 / 1024).toFixed(1)}MB`;
+    },
+  },
+  render() {
+    const ElButton = resolveComponent('el-button');
+    const ElInput = resolveComponent('el-input');
+    const ElLink = resolveComponent('el-link');
+    const ElTable = resolveComponent('el-table');
+    const ElTableColumn = resolveComponent('el-table-column');
+    const VehicleAttachmentUpload = resolveComponent('vehicle-attachment-upload');
+    const columns = [
+      h(ElTableColumn, { type: 'selection', width: 55, align: 'center' }),
+      h(ElTableColumn, { type: 'index', label: '序号', width: 70, align: 'center' }),
+      h(
+        ElTableColumn,
+        {
+          label: '文件名',
+          minWidth: 240,
+          align: 'left',
+          headerAlign: 'left',
+          showOverflowTooltip: true,
+        },
+        {
+          default: ({ row }) =>
+            h(
+              ElLink,
+              {
+                type: 'primary',
+                onClick: () => this.preview?.(row, this.rows),
+              },
+              () => attachmentName(row)
+            ),
+        }
+      ),
+    ];
+    if (this.description) {
+      columns.push(
+        h(
+          ElTableColumn,
+          { label: '附件描述', minWidth: 220 },
+          {
+            default: ({ row }) =>
+              h(ElInput, {
+                modelValue: row.description,
+                maxlength: 200,
+                'onUpdate:modelValue': value => {
+                  row.description = value;
+                  this.update([...this.rows]);
+                },
+              }),
+          }
+        )
+      );
+    }
+    columns.push(
+      h(
+        ElTableColumn,
+        { label: '文件大小', width: 120, align: 'center' },
+        {
+          default: ({ row }) => this.formatSize(row.size),
+        }
+      ),
+      h(ElTableColumn, { prop: 'uploadUserName', label: '上传人', width: 140, align: 'center' }),
+      h(ElTableColumn, {
+        prop: 'uploadTime',
+        label: '上传时间',
+        width: 180,
+        align: 'center',
+        sortable: true,
+      }),
+      h(
+        ElTableColumn,
+        { label: '操作', width: 100, align: 'center', fixed: 'right' },
+        {
+          default: ({ $index }) =>
+            h(ElLink, { type: 'danger', onClick: () => this.remove($index) }, () => '删除'),
+        }
+      )
+    );
+    return h(
+      'section',
+      {
+        class: 'contract-manage-form__section contract-manage-form__section--panel',
+      },
+      [
+        h('div', { class: 'dialog-section-title' }, this.title),
+        h('div', { class: 'contract-manage-form__attachment-head' }, [
+          h('div', { class: 'contract-manage-form__attachment-actions' }, [
+            h(VehicleAttachmentUpload, {
+              modelValue: this.rows,
+              fileTypes: this.attachmentFileTypes,
+              maxSize: 500,
+              showTip: false,
+              showFileList: false,
+              buttonText: '上传附件',
+              'onUpdate:modelValue': this.handleChange,
+              onChange: this.handleChange,
+            }),
+            h(
+              ElButton,
+              { type: 'primary', disabled: !this.rows.length, onClick: this.batchDownload },
+              () => '批量下载'
+            ),
+          ]),
+        ]),
+        h(
+          ElTable,
+          {
+            data: this.rows,
+            border: true,
+            class: 'contract-manage-form__attachment-table',
+            onSelectionChange: rows => {
+              this.selected = rows;
+            },
+          },
+          () => columns
+        ),
+      ]
+    );
+  },
+});
 
 export default {
-  components: { BusinessCrudPage },
+  name: 'ContractManage',
+  components: { AttachmentSection, BillingPlanEditor, ElImageViewer, OpenFileViewer },
   data() {
     return {
       api,
       config,
-      option,
+      tableOption: this.buildTableOption(),
+      loading: true,
+      data: [],
+      query: {},
+      page: { currentPage: 1, pageSize: 10, pageSizes: [10, 20, 50, 100], total: 0 },
+      selectionList: [],
+      searchExpanded: false,
+      contractSignType: '',
+      contractExpiryScope: '',
+      contractExpiryStats: { all: 0, within30: 0, within90: 0, over90: 0, expired: 0 },
+      expiryTagOptions: [
+        { label: '全部', value: '', statKey: 'all' },
+        { label: '30天内到期', value: 'within30', statKey: 'within30' },
+        { label: '90天内到期', value: 'within90', statKey: 'within90' },
+        { label: '90天以上到期', value: 'over90', statKey: 'over90' },
+        { label: '已到期', value: 'expired', statKey: 'expired' },
+      ],
+      form: defaultForm(),
+      formRules: {
+        contractName: [{ required: true, message: '请输入合同名称', trigger: 'blur' }],
+        contractCategory: [{ required: true, message: '请选择合同类别', trigger: 'change' }],
+        signType: [{ required: true, message: '请选择签约类型', trigger: 'change' }],
+        projectName: [{ required: true, message: '请选择所属项目', trigger: 'change' }],
+        organizationName: [{ required: true, message: '请选择所属组织', trigger: 'change' }],
+        partyA: [{ required: true, message: '请选择甲方', trigger: 'change' }],
+        partyB: [{ required: true, message: '请选择乙方', trigger: 'change' }],
+        signDate: [{ required: true, message: '请选择签订日期', trigger: 'change' }],
+        settlementMode: [{ required: true, message: '请选择结算类型', trigger: 'change' }],
+        contractFormat: [{ required: true, message: '请选择合同格式', trigger: 'change' }],
+        legalSealFlag: [{ required: true, message: '请选择是否需要加盖法人章', trigger: 'change' }],
+        startDate: [{ required: true, message: '请选择开始日期', trigger: 'change' }],
+        endDate: [{ required: true, message: '请选择结束日期', trigger: 'change' }],
+      },
+      submitAction: '',
+      projectOptions: [],
+      projectLoading: false,
+      selectedProjectId: '',
+      contractPartyAOptions: [],
+      contractPartyBOptions: [],
+      contractPartyLoading: false,
+      contractPartyRequestId: 0,
+      organizationOptions: [],
+      organizationFlatOptions: [],
+      selectedOrganizationId: '',
+      organizationLoading: false,
+      contractFileRows: [],
+      attachmentRows: [],
+      attachmentImagePreviewVisible: false,
+      attachmentImagePreviewUrls: [],
+      attachmentImagePreviewIndex: 0,
+      attachmentDocumentPreviewVisible: false,
+      attachmentPreviewFile: {},
+      attachmentViewerPlugins,
+      attachmentViewerToolbar: {
+        download: true,
+        fullscreen: true,
+        print: true,
+        rotate: true,
+        zoom: true,
+      },
+      billingPlanRows: [],
+      billingPlanBox: false,
+      billingPlanIndex: -1,
+      billingPlanForm: {},
+      settlementConfigTab: 'pre',
+      settlementRuleForm: defaultSettlementRule(),
+      preSettlementRuleForm: defaultSettlementRule(),
+      formalSettlementRuleForm: defaultSettlementRule(),
+      paymentRatioRows: [],
+      changeRecordRows: [],
+      settlementTypeOptions: ['月结', '日结', '周结', '半月结', '固定天数周期结算'],
+      billCycleTypeOptions: ['固定截单日', '自然月'],
+      detailBox: false,
+      detailLoading: false,
+      detailRow: {},
+      flowBox: false,
+      flowUrl: '',
+      processInstanceId: '',
     };
   },
+  computed: {
+    ...mapGetters(['permission', 'userInfo']),
+    permissionList() {
+      return { addBtn: this.canCreate };
+    },
+    isAdmin() {
+      const authority = this.userInfo?.authority;
+      return Array.isArray(authority)
+        ? authority.includes('admin')
+        : String(authority || '').includes('admin');
+    },
+    canCreate() {
+      return this.hasPermission(`${this.config.permission}_add`);
+    },
+    isFormPage() {
+      return this.$route.path === '/business/contract-manage/form';
+    },
+    formMode() {
+      return this.$route.query.mode === 'edit' ? 'edit' : 'add';
+    },
+    formPageTitle() {
+      return this.$route.query.name || `${this.formMode === 'edit' ? '编辑' : '新增'}合同管理`;
+    },
+    ids() {
+      return this.selectionList.map(item => item.id).join(',');
+    },
+    contractCategoryOptions() {
+      return this.columnOptions('contractCategory');
+    },
+    signTypeOptions() {
+      return this.columnOptions('signType');
+    },
+    effectiveTypeOptions() {
+      return this.columnOptions('effectiveType');
+    },
+    settlementModeOptions() {
+      return this.columnOptions('settlementMode');
+    },
+    contractFormatOptions() {
+      return this.columnOptions('contractFormat');
+    },
+    organizationCascaderProps() {
+      return {
+        label: 'label',
+        value: 'id',
+        children: 'children',
+        checkStrictly: true,
+        emitPath: false,
+      };
+    },
+    settlementRuleEnabled() {
+      return Number(this.settlementRuleForm.autoGenerate) === 1;
+    },
+    showBillCycleType() {
+      return this.settlementRuleForm.settlementType === '月结';
+    },
+    showBillCutoffDay() {
+      return this.showBillCycleType && this.settlementRuleForm.billCycleType === '固定截单日';
+    },
+    showCycleDays() {
+      return this.settlementRuleForm.settlementType === '固定天数周期结算';
+    },
+    billCutoffDayOptions() {
+      return Array.from({ length: 31 }, (_, index) => ({
+        label: `${index + 1}日`,
+        value: index + 1,
+      }));
+    },
+    cycleDayOptions() {
+      return Array.from({ length: 365 }, (_, index) => ({
+        label: `${index + 1}天`,
+        value: index + 1,
+      }));
+    },
+  },
+  watch: {
+    '$route.fullPath'() {
+      if (this.isFormPage) this.initFormPage();
+    },
+    settlementConfigTab(tab, oldTab) {
+      if (tab === oldTab) return;
+      if (oldTab === 'formal') this.formalSettlementRuleForm = { ...this.settlementRuleForm };
+      else this.preSettlementRuleForm = { ...this.settlementRuleForm };
+      this.settlementRuleForm = {
+        ...(tab === 'formal' ? this.formalSettlementRuleForm : this.preSettlementRuleForm),
+      };
+    },
+  },
+  created() {
+    this.loadProjectOptions();
+    this.loadOrganizationOptions();
+    if (this.isFormPage) this.initFormPage();
+  },
+  methods: {
+    buildTableOption() {
+      return {
+        ...option,
+        addBtn: false,
+        viewBtn: false,
+        editBtn: false,
+        delBtn: false,
+        menuWidth: 320,
+        column: (option.column || []).map(column => ({ ...column, display: false })),
+      };
+    },
+    columnOptions(prop) {
+      return this.findColumn(this.tableOption.column, prop)?.dicData || [];
+    },
+    hasPermission(code) {
+      return this.isAdmin || this.validData(this.permission?.[code], false);
+    },
+    displayStatus(row, prop) {
+      const textProp = prop === this.config.statusProp ? this.config.statusTextProp : '';
+      if (textProp && row[textProp]) return row[textProp];
+      const item = this.columnOptions(prop).find(dic => String(dic.value) === String(row[prop]));
+      return item?.label || row[prop] || '未知';
+    },
+    statusTagType(status) {
+      if (['approved', 'change_approved'].includes(status)) return 'success';
+      if (['draft', 'withdrawn'].includes(status)) return 'info';
+      if (['rejected', 'change_rejected'].includes(status)) return 'danger';
+      return 'warning';
+    },
+    stageTagType(stage) {
+      if (stage === 'formal') return 'success';
+      if (stage === 'temporary') return 'warning';
+      if (stage === 'terminated') return 'danger';
+      return 'info';
+    },
+    canEdit(row) {
+      return (
+        this.hasPermission(`${this.config.permission}_edit`) &&
+        !row.readonly &&
+        (this.config.editStatus || []).includes(row.approvalStatus)
+      );
+    },
+    canDelete(row) {
+      return (
+        this.hasPermission(`${this.config.permission}_delete`) &&
+        !row.readonly &&
+        (this.config.deleteStatus || []).includes(row.approvalStatus) &&
+        (this.config.deleteStage || []).includes(row.contractStage)
+      );
+    },
+    canCopy(row) {
+      return (
+        this.hasPermission(`${this.config.permission}_copy`) &&
+        !row.readonly &&
+        typeof this.api.copy === 'function'
+      );
+    },
+    editLabel(row) {
+      return this.config.editLabelStatusMap?.[row.approvalStatus] || '编辑';
+    },
+    customOperations(row) {
+      return (this.config.operations || []).filter(operation => {
+        const permission = operation.permission || `${this.config.permission}_${operation.action}`;
+        const statusProp = operation.statusProp || this.config.statusProp || 'status';
+        return (
+          this.hasPermission(permission) &&
+          !row.readonly &&
+          (!operation.status?.length || operation.status.includes(row[statusProp])) &&
+          (!operation.stage?.length || operation.stage.includes(row.contractStage))
+        );
+      });
+    },
+    normalizeSearch(params = {}) {
+      const query = { ...params };
+      if (query.organizationName) {
+        const id = Array.isArray(query.organizationName)
+          ? query.organizationName.at(-1)
+          : query.organizationName;
+        const organization = this.findOrganization(id);
+        query.organizationId = id;
+        if (organization) query.organizationName = organization.rawLabel || organization.label;
+      }
+      return query;
+    },
+    onLoad(page, params = {}) {
+      this.loading = true;
+      const query = this.normalizeSearch({
+        ...params,
+        ...this.query,
+        ...(this.contractSignType ? { signType: this.contractSignType } : {}),
+        ...(this.contractExpiryScope ? { expireScope: this.contractExpiryScope } : {}),
+      });
+      this.api
+        .getList(page.currentPage, page.pageSize, query)
+        .then(res => {
+          const result = res.data?.data || {};
+          this.page.total = result.total || 0;
+          this.data = result.records || [];
+          this.selectionList = [];
+          this.refreshExpiryStats(query);
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    searchChange(params, done) {
+      this.query = { ...params };
+      this.page.currentPage = 1;
+      this.onLoad(this.page);
+      done();
+    },
+    searchReset() {
+      this.query = {};
+      this.contractSignType = '';
+      this.contractExpiryScope = '';
+      this.page.currentPage = 1;
+      this.onLoad(this.page);
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    changeExpiryScope(value) {
+      this.contractExpiryScope = value;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, this.query);
+    },
+    refreshExpiryStats(query) {
+      const params = { ...query };
+      delete params.expireScope;
+      this.api.expireStats(params).then(res => {
+        this.contractExpiryStats = { ...this.contractExpiryStats, ...(res.data?.data || {}) };
+      });
+    },
+    openForm(mode, row = {}) {
+      this.$router.push({
+        path: '/business/contract-manage/form',
+        query:
+          mode === 'edit'
+            ? { mode, id: row.id, name: '编辑合同管理' }
+            : { mode, name: '新增合同管理' },
+      });
+    },
+    initFormPage() {
+      this.resetFormState();
+      if (this.formMode === 'add') return;
+      const id = this.$route.query.id;
+      if (!id) return;
+      this.api.getDetail(id).then(res => this.applyDetail(res.data?.data || {}));
+    },
+    resetFormState() {
+      this.form = {
+        ...defaultForm(),
+        handlerUserName:
+          this.userInfo?.realName || this.userInfo?.userName || this.userInfo?.account || '',
+      };
+      this.selectedProjectId = '';
+      this.selectedOrganizationId = '';
+      this.contractPartyAOptions = [];
+      this.contractPartyBOptions = [];
+      this.contractFileRows = [];
+      this.attachmentRows = [];
+      this.billingPlanRows = [];
+      this.preSettlementRuleForm = defaultSettlementRule();
+      this.formalSettlementRuleForm = defaultSettlementRule();
+      this.settlementConfigTab = 'pre';
+      this.settlementRuleForm = this.preSettlementRuleForm;
+      this.paymentRatioRows = [];
+      this.changeRecordRows = [];
+      this.$nextTick(() => this.$refs.contractForm?.clearValidate());
+    },
+    applyDetail(detail) {
+      this.form = {
+        ...defaultForm(),
+        ...detail,
+        feeGenerationMode:
+          detail.feeGenerationMode || (Number(detail.billingEnabled) === 0 ? 'manual' : 'system'),
+      };
+      this.selectedProjectId = detail.projectId || '';
+      this.selectedOrganizationId = detail.organizationId || '';
+      this.contractFileRows = parseArray(detail.contractFileJson);
+      this.attachmentRows = parseArray(detail.attachmentsJson);
+      this.billingPlanRows = parseArray(detail.billingPlanJson);
+      this.paymentRatioRows = parseArray(detail.paymentRatioJson);
+      this.changeRecordRows = parseArray(detail.changeRecordJson);
+      const payload = parseObject(detail.settlementRuleJson);
+      const legacy = Object.keys(payload).some(
+        key => !['preSettlementConfig', 'formalSettlementConfig'].includes(key)
+      )
+        ? payload
+        : {};
+      const preConfig = parseObject(detail.preSettlementConfigJson);
+      const formalConfig = parseObject(detail.formalSettlementConfigJson);
+      this.preSettlementRuleForm = this.normalizeSettlementRule(
+        payload.preSettlementConfig || (Object.keys(preConfig).length ? preConfig : legacy)
+      );
+      this.formalSettlementRuleForm = this.normalizeSettlementRule(
+        payload.formalSettlementConfig || (Object.keys(formalConfig).length ? formalConfig : legacy)
+      );
+      this.settlementConfigTab = 'pre';
+      this.settlementRuleForm = { ...this.preSettlementRuleForm };
+      this.syncCurrentProjectOption();
+      this.syncCurrentOrganizationOption();
+      this.loadContractPartyOptions(detail.projectId, detail, true);
+    },
+    closeForm() {
+      this.$router.$avueRouter?.closeTag?.();
+      this.$router.push('/business/contract-manage');
+    },
+    validateBase(action) {
+      if (!this.form.contractName?.trim()) {
+        this.$message.warning('请输入合同名称');
+        return false;
+      }
+      if (!this.form.contractCategory) {
+        this.$message.warning('请选择合同类别');
+        return false;
+      }
+      if (['temporary', 'formal', 'edit'].includes(action) && !this.form.signType) {
+        this.$message.warning('请选择签约类型');
+        return false;
+      }
+      if (action !== 'formal' && action !== 'edit') return true;
+      const required = [
+        ['projectName', '所属项目'],
+        ['organizationName', '所属组织'],
+        ['partyA', '甲方'],
+        ['partyB', '乙方'],
+        ['startDate', '合同开始日期'],
+        ['endDate', '合同结束日期'],
+        ['signDate', '签订日期'],
+        ['settlementMode', '结算类型'],
+        ['contractFormat', '合同格式'],
+      ];
+      const empty = required.find(([prop]) => !this.form[prop]);
+      if (empty) {
+        this.$message.warning(`请选择或输入${empty[1]}`);
+        return false;
+      }
+      return (
+        this.validateBillingPlanDefault() &&
+        this.validateSettlementRules() &&
+        this.validatePaymentRatios()
+      );
+    },
+    normalizeSubmit() {
+      this.syncSettlementConfig();
+      return {
+        ...this.form,
+        billingEnabled: this.form.feeGenerationMode === 'manual' ? 0 : 1,
+        contractFileJson: JSON.stringify(this.contractFileRows),
+        attachmentsJson: JSON.stringify(this.attachmentRows),
+        billingPlanJson: JSON.stringify(this.billingPlanRows),
+        settlementRuleJson: JSON.stringify({
+          preSettlementConfig: this.normalizeSettlementRule(this.preSettlementRuleForm),
+          formalSettlementConfig: this.normalizeSettlementRule(this.formalSettlementRuleForm),
+        }),
+        preSettlementConfigJson: JSON.stringify(
+          this.normalizeSettlementRule(this.preSettlementRuleForm)
+        ),
+        formalSettlementConfigJson: JSON.stringify(
+          this.normalizeSettlementRule(this.formalSettlementRuleForm)
+        ),
+        paymentRatioJson: JSON.stringify(this.paymentRatioRows),
+        changeRecordJson: JSON.stringify(this.changeRecordRows),
+      };
+    },
+    submitCreate(action) {
+      if (this.submitAction || !this.validateBase(action)) return;
+      this.submitAction = action;
+      const submit = {
+        ...this.normalizeSubmit(),
+        contractStage: action === 'draft' ? 'draft' : 'temporary',
+        approvalStatus: 'draft',
+      };
+      this.api
+        .saveDraft(submit)
+        .then(res => {
+          const saved = res.data?.data || {};
+          const id = saved.id || this.form.id;
+          if (action === 'formal') {
+            if (!id) throw new Error('合同保存成功但未返回主键，无法提交正式合同');
+            return this.api.submitFormal(id);
+          }
+          return null;
+        })
+        .then(() => {
+          const message = {
+            draft: '保存成功',
+            temporary: '临时合同提交成功',
+            formal: '正式合同提交成功',
+          }[action];
+          this.$message.success(message);
+          this.closeForm();
+        })
+        .finally(() => {
+          this.submitAction = '';
+        });
+    },
+    submitEdit() {
+      if (this.submitAction || !this.validateBase('edit')) return;
+      this.submitAction = 'edit';
+      this.api
+        .submit(this.normalizeSubmit())
+        .then(() => {
+          this.$message.success('修改成功');
+          this.closeForm();
+        })
+        .finally(() => {
+          this.submitAction = '';
+        });
+    },
+    loadProjectOptions() {
+      if (this.projectLoading) return;
+      this.projectLoading = true;
+      getProjectList(1, 9999, this.config.projectQueryParams || {})
+        .then(res => {
+          this.projectOptions = extractRecords(res);
+          this.syncCurrentProjectOption();
+        })
+        .finally(() => {
+          this.projectLoading = false;
+        });
+    },
+    syncCurrentProjectOption() {
+      if (!this.form.projectId || !this.form.projectName) return;
+      if (this.projectOptions.some(item => String(item.id) === String(this.form.projectId))) return;
+      this.projectOptions.unshift({ id: this.form.projectId, projectName: this.form.projectName });
+    },
+    handleProjectChange(projectId) {
+      const project = this.projectOptions.find(item => String(item.id) === String(projectId));
+      if (!project) {
+        Object.assign(this.form, { projectId: '', projectName: '', partyA: '', partyB: '' });
+        this.contractPartyAOptions = [];
+        this.contractPartyBOptions = [];
+        return;
+      }
+      Object.assign(this.form, {
+        projectId: project.id,
+        projectName: project.projectName || '',
+        partyA: '',
+        partyB: '',
+      });
+      this.loadContractPartyOptions(project.id, project, false);
+    },
+    partyNames(value, type) {
+      const names = [];
+      const append = item => {
+        if (item === undefined || item === null) return;
+        if (Array.isArray(item)) return item.forEach(append);
+        if (typeof item === 'object') {
+          append(
+            item[type === 'carrier' ? 'carrier' : 'customer'] ||
+              item.fullName ||
+              item.shortName ||
+              item.customerName ||
+              item.carrierName ||
+              item.name
+          );
+          return;
+        }
+        const text = String(item).trim();
+        if (!text) return;
+        try {
+          const parsed = JSON.parse(text);
+          if (parsed !== item) return append(parsed);
+        } catch (error) {
+          // 普通名称按项目维护时使用的分隔符拆分。
+        }
+        text
+          .split(/[、,，;；\n]/)
+          .map(name => name.trim())
+          .filter(Boolean)
+          .forEach(name => {
+            if (!names.includes(name)) names.push(name);
+          });
+      };
+      append(value);
+      return names;
+    },
+    syncContractPartyOptions(project, preserve) {
+      const customers = this.partyNames(
+        [project.customerJson, project.customerNames, project.customerName, project.customers],
+        'customer'
+      );
+      const carriers = this.partyNames(
+        [project.carrierJson, project.carrierNames, project.carrierName, project.carriers],
+        'carrier'
+      );
+      this.contractPartyAOptions = customers.map(name => ({ label: name, value: name }));
+      this.contractPartyBOptions = carriers.map(name => ({ label: name, value: name }));
+      if (!preserve) Object.assign(this.form, { partyA: '', partyB: '' });
+    },
+    loadContractPartyOptions(projectId, project = {}, preserve = true) {
+      if (!projectId) return;
+      const requestId = ++this.contractPartyRequestId;
+      this.syncContractPartyOptions(project, preserve);
+      this.contractPartyLoading = true;
+      getProjectDetail(projectId)
+        .then(res => {
+          if (requestId !== this.contractPartyRequestId) return;
+          this.syncContractPartyOptions({ ...project, ...(res.data?.data || {}) }, preserve);
+        })
+        .finally(() => {
+          if (requestId === this.contractPartyRequestId) this.contractPartyLoading = false;
+        });
+    },
+    loadOrganizationOptions() {
+      if (this.organizationLoading) return;
+      this.organizationLoading = true;
+      getDeptTree(this.userInfo?.tenantId)
+        .then(res => {
+          this.organizationOptions = this.normalizeOrganizationTree(res.data?.data || []);
+          this.organizationFlatOptions = this.flattenOrganizationTree(this.organizationOptions);
+          const column = this.findColumn(this.tableOption.column, 'organizationName');
+          if (column) column.dicData = this.organizationOptions;
+          this.syncCurrentOrganizationOption();
+        })
+        .finally(() => {
+          this.organizationLoading = false;
+        });
+    },
+    normalizeOrganizationTree(tree) {
+      return (tree || []).map(item => {
+        const label = item.title || item.deptName || item.name || item.label || '';
+        const children = this.normalizeOrganizationTree(item.children || []);
+        return {
+          ...item,
+          id: String(item.id),
+          label,
+          rawLabel: label,
+          children: children.length ? children : undefined,
+        };
+      });
+    },
+    flattenOrganizationTree(tree) {
+      return (tree || []).flatMap(item => [
+        { id: String(item.id), label: item.label, rawLabel: item.rawLabel },
+        ...this.flattenOrganizationTree(item.children || []),
+      ]);
+    },
+    findOrganization(id) {
+      const value = Array.isArray(id) ? id.at(-1) : id;
+      return this.organizationFlatOptions.find(item => String(item.id) === String(value));
+    },
+    handleOrganizationChange(id) {
+      const organization = this.findOrganization(id);
+      Object.assign(
+        this.form,
+        organization
+          ? {
+              organizationId: organization.id,
+              organizationName: organization.rawLabel || organization.label,
+            }
+          : { organizationId: '', organizationName: '' }
+      );
+    },
+    syncCurrentOrganizationOption() {
+      if (!this.form.organizationId || !this.form.organizationName) return;
+      if (this.findOrganization(this.form.organizationId)) return;
+      const item = {
+        id: String(this.form.organizationId),
+        label: this.form.organizationName,
+        rawLabel: this.form.organizationName,
+      };
+      this.organizationOptions.unshift(item);
+      this.organizationFlatOptions.unshift(item);
+    },
+    integerInput(prop, value) {
+      this.form[prop] = String(value || '').replace(/\D/g, '');
+    },
+    previewAttachment(row, rows = []) {
+      const url = attachmentUrl(row);
+      if (!url) {
+        this.$message.warning('附件地址为空，无法预览');
+        return;
+      }
+      if (isAttachmentImage(row)) {
+        this.attachmentImagePreviewUrls = (rows || [])
+          .filter(item => isAttachmentImage(item) && attachmentUrl(item))
+          .map(item => attachmentUrl(item));
+        this.attachmentImagePreviewIndex = Math.max(
+          this.attachmentImagePreviewUrls.indexOf(url),
+          0
+        );
+        this.attachmentImagePreviewVisible = true;
+        return;
+      }
+      this.attachmentPreviewFile = {
+        name: attachmentName(row),
+        url,
+        mimeType: row.mimeType || row.contentType || '',
+      };
+      this.attachmentDocumentPreviewVisible = true;
+    },
+    handleAttachmentPreviewUnsupported() {
+      this.$message.warning('当前文件暂不支持在线预览');
+    },
+    handleAttachmentPreviewError() {
+      this.$message.error('附件预览失败');
+    },
+    openBillingPlan(row = {}, index = -1) {
+      this.billingPlanIndex = index;
+      this.billingPlanForm =
+        index < 0 ? { planName: '', defaultPlan: false, remark: '', rules: [] } : clone(row);
+      this.billingPlanBox = true;
+    },
+    saveBillingPlan(plan, index) {
+      const nextPlan = clone(plan);
+      if (this.isDefaultBillingPlan(nextPlan)) {
+        this.billingPlanRows.forEach((item, itemIndex) => {
+          if (itemIndex !== index) item.defaultPlan = false;
+        });
+      }
+      if (index < 0) this.billingPlanRows.push(nextPlan);
+      else this.billingPlanRows.splice(index, 1, nextPlan);
+      this.billingPlanBox = false;
+    },
+    removeBillingPlan(index) {
+      this.$confirm('确定删除该计费方案?', '提示', { type: 'warning' }).then(() => {
+        this.billingPlanRows.splice(index, 1);
+      });
+    },
+    isDefaultBillingPlan(plan) {
+      return (
+        plan?.defaultPlan === true ||
+        plan?.defaultPlan === 1 ||
+        ['true', '1'].includes(String(plan?.defaultPlan).toLowerCase())
+      );
+    },
+    validateBillingPlanDefault() {
+      if (!this.billingPlanRows.length) return true;
+      const count = this.billingPlanRows.filter(this.isDefaultBillingPlan).length;
+      if (count !== 1) {
+        this.$message.warning(count ? '请仅保留一个默认计费方案' : '请勾选一个默认计费方案');
+        return false;
+      }
+      return true;
+    },
+    normalizeSettlementRule(rule = {}) {
+      const next = { ...defaultSettlementRule(), ...rule };
+      if (next.settlementType !== '月结') {
+        next.billCycleType = '';
+        next.billCutoffDay = '';
+      } else if (next.billCycleType !== '固定截单日') next.billCutoffDay = '';
+      if (next.settlementType !== '固定天数周期结算') next.cycleDays = '';
+      return next;
+    },
+    syncSettlementConfig() {
+      if (this.settlementConfigTab === 'formal')
+        this.formalSettlementRuleForm = { ...this.settlementRuleForm };
+      else this.preSettlementRuleForm = { ...this.settlementRuleForm };
+    },
+    handleSettlementTypeChange(value) {
+      if (value === '月结') {
+        this.settlementRuleForm.billCycleType ||= '固定截单日';
+        if (this.settlementRuleForm.billCycleType === '固定截单日')
+          this.settlementRuleForm.billCutoffDay ||= 25;
+        this.settlementRuleForm.cycleDays = '';
+        return;
+      }
+      this.settlementRuleForm.billCycleType = '';
+      this.settlementRuleForm.billCutoffDay = '';
+      if (value !== '固定天数周期结算') this.settlementRuleForm.cycleDays = '';
+    },
+    handleBillCycleTypeChange(value) {
+      this.settlementRuleForm.billCutoffDay =
+        value === '固定截单日' ? this.settlementRuleForm.billCutoffDay || 25 : '';
+    },
+    validateSettlementRule(rule, label) {
+      if (Number(rule.autoGenerate) !== 1) return true;
+      if (!rule.billStartDate || !rule.settlementType) {
+        this.$message.warning(`${label}：请完整填写账单起始日期和结算类型`);
+        return false;
+      }
+      if (rule.settlementType === '月结' && !rule.billCycleType) {
+        this.$message.warning(`${label}：请选择账单周期类型`);
+        return false;
+      }
+      if (
+        rule.settlementType === '月结' &&
+        rule.billCycleType === '固定截单日' &&
+        !rule.billCutoffDay
+      ) {
+        this.$message.warning(`${label}：请选择账单截单日`);
+        return false;
+      }
+      if (rule.settlementType === '固定天数周期结算' && !rule.cycleDays) {
+        this.$message.warning(`${label}：请选择周期天数`);
+        return false;
+      }
+      return true;
+    },
+    validateSettlementRules() {
+      this.syncSettlementConfig();
+      return (
+        this.validateSettlementRule(this.preSettlementRuleForm, '预结算配置') &&
+        this.validateSettlementRule(this.formalSettlementRuleForm, '正式结算配置')
+      );
+    },
+    addPaymentRatio() {
+      this.paymentRatioRows.push({
+        paymentTerm: `第${this.paymentRatioRows.length + 1}笔`,
+        ratioLimit: '',
+        remark: '',
+      });
+    },
+    validatePaymentRatios() {
+      const total = this.paymentRatioRows.reduce(
+        (sum, row) => sum + Number(row.ratioLimit || 0),
+        0
+      );
+      if (this.paymentRatioRows.length && Math.abs(total - 100) > 0.0001) {
+        this.$message.warning('付款比例上限合计必须等于100%');
+        return false;
+      }
+      return true;
+    },
+    openDetail(row) {
+      this.detailBox = true;
+      this.detailLoading = true;
+      this.detailRow = { ...row };
+      this.api
+        .getDetail(row.id)
+        .then(res => {
+          this.detailRow = res.data?.data || row;
+        })
+        .finally(() => {
+          this.detailLoading = false;
+        });
+    },
+    detailValue(prop) {
+      const value = this.detailRow[prop];
+      if (
+        prop === 'contractStage' ||
+        prop === 'approvalStatus' ||
+        prop === 'contractCategory' ||
+        prop === 'signType' ||
+        prop === 'effectiveType'
+      ) {
+        return this.displayStatus(this.detailRow, prop);
+      }
+      if (prop === 'billingPlanJson') return `${parseArray(value).length}个计费方案`;
+      if (prop === 'settlementRuleJson') return value ? '已配置' : '-';
+      if (prop === 'paymentRatioJson') return `${parseArray(value).length}项付款比例`;
+      if (prop === 'feeGenerationMode') return value === 'manual' ? '手动生成' : '系统生成';
+      return value === undefined || value === null || value === '' ? '-' : value;
+    },
+    handleOperation(operation, row) {
+      if (operation.action === 'startChange') {
+        this.$router.push({ path: '/business/contract-manage/change', query: { id: row.id } });
+        return;
+      }
+      if (operation.action === 'flow') {
+        this.openFlow(row);
+        return;
+      }
+      if (operation.action === 'attachmentUpload') {
+        this.openForm('edit', row);
+        return;
+      }
+      const run = value => {
+        const args = operation.prompt ? [row.id, value] : [row.id];
+        this.api[operation.action](...args).then(() => {
+          this.$message.success(`${operation.label}成功`);
+          this.onLoad(this.page, this.query);
+        });
+      };
+      if (operation.prompt) {
+        this.$prompt(operation.prompt, operation.label, {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          inputPattern: /\S+/,
+          inputErrorMessage: '请输入内容',
+        }).then(({ value }) => run(value));
+      } else {
+        this.$confirm(`确定${operation.label}该合同?`, '提示', { type: 'warning' }).then(() =>
+          run()
+        );
+      }
+    },
+    removeRow(row) {
+      this.$confirm('确定删除该合同?', '提示', { type: 'warning' })
+        .then(() => this.api.remove(row.id))
+        .then(() => {
+          this.$message.success('删除成功');
+          this.onLoad(this.page, this.query);
+        });
+    },
+    handleCopy(row) {
+      this.$confirm('确定复制该合同?', '提示', { type: 'warning' })
+        .then(() => this.api.copy(row.id))
+        .then(() => {
+          this.$message.success('复制成功');
+          this.onLoad(this.page, this.query);
+        });
+    },
+    openFlow(row, loaded = false) {
+      const processInstanceId = row.processInstanceId || row.processInstanceID || row.procInstId;
+      if (!processInstanceId && !loaded && row.id) {
+        this.api.getDetail(row.id).then(res => this.openFlow(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;
+    },
+    handleExport() {
+      this.$confirm(`是否导出${this.config.exportName}?`, '提示', { type: 'warning' }).then(() => {
+        NProgress.start();
+        exportBlob(
+          this.config.exportUrl,
+          {
+            ...this.normalizeSearch(this.query),
+            ids: this.ids,
+            [this.website.tokenHeader]: getToken(),
+          },
+          { feedback: true }
+        )
+          .then(res =>
+            downloadXls(
+              res.data,
+              `${this.config.exportName}${this.$dayjs().format('YYYY-MM-DD HH:mm:ss')}.xlsx`
+            )
+          )
+          .finally(() => NProgress.done());
+      });
+    },
+  },
 };
 </script>
 
+<style lang="scss" scoped>
+.contract-manage-page {
+  &__expiry-search {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 8px;
+    padding-top: 8px;
+
+    .el-select {
+      width: 180px;
+    }
+  }
+
+  &__footer {
+    position: fixed;
+    z-index: 20;
+    right: 0;
+    bottom: 0;
+    left: 230px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 8px;
+    min-height: 64px;
+    box-sizing: border-box;
+    padding: 12px 24px;
+    background: #fff;
+    border-top: 1px solid #eff1f7;
+    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
+  }
+
+  &__flow {
+    width: 100%;
+    height: calc(100vh - 150px);
+    border: 0;
+  }
+
+  :deep(.avue-crud__header) {
+    margin-top: 12px;
+  }
+
+  :deep(.avue-crud__menu) {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+
+  &--form {
+    min-height: 100%;
+    padding-bottom: 72px;
+    background: #f5f6fa;
+
+    :deep(.basic-container__card) {
+      border: 0;
+      background: transparent;
+      box-shadow: none;
+    }
+  }
+}
+
+:global(.avue--collapse .contract-manage-page__footer) {
+  left: 60px;
+}
+
+:global(.avue-layout--horizontal .contract-manage-page__footer) {
+  left: 0;
+}
+
+.contract-manage-form {
+  padding: 12px 16px 24px;
+  background: #f5f6fa;
+
+  &__section {
+    margin-bottom: 12px;
+
+    &--panel {
+      padding: 14px 16px 16px;
+      overflow: hidden;
+      background: #fff;
+      border-radius: 6px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+    }
+
+    > .dialog-section-title {
+      margin-bottom: 20px;
+      color: #303133;
+      font-size: 16px;
+      font-weight: 600;
+    }
+  }
+
+  &__section-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 20px;
+
+    .dialog-section-title {
+      color: #303133;
+      font-size: 16px;
+      font-weight: 600;
+    }
+  }
+
+  &__grid {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    column-gap: 48px;
+  }
+
+  &__remark {
+    width: 100%;
+    margin-bottom: 0 !important;
+  }
+
+  &__date-range {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+    align-items: center;
+    gap: 8px;
+    width: 360px;
+    max-width: 100%;
+
+    span {
+      color: #606266;
+    }
+
+    :deep(.el-date-editor) {
+      width: auto;
+      min-width: 0;
+    }
+  }
+
+  &__inline-number {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    width: 360px;
+    max-width: 100%;
+
+    :deep(.el-input) {
+      flex: 1;
+      width: auto;
+      min-width: 0;
+    }
+
+    span {
+      flex: none;
+      color: #606266;
+    }
+  }
+
+  &__billing-head,
+  &__attachment-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 16px;
+  }
+
+  &__settlement-switch {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+    margin-bottom: 16px;
+  }
+
+  &__settlement-grid {
+    :deep(.el-form-item__label) {
+      flex-basis: 120px !important;
+      width: 120px !important;
+      white-space: nowrap;
+      word-break: normal;
+    }
+  }
+
+  &__billing-head > div {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+  }
+
+  &__tip {
+    margin: 0 0 8px;
+    color: #303133;
+  }
+
+  &__ratio-unit {
+    margin-left: 8px;
+  }
+
+  :deep(.el-form-item) {
+    align-items: center;
+    margin-bottom: 16px;
+  }
+
+  :deep(.el-form-item__label) {
+    flex: 0 0 96px !important;
+    width: 96px !important;
+    height: auto;
+    padding-right: 12px;
+    white-space: normal;
+    word-break: break-all;
+    line-height: 18px;
+  }
+
+  :deep(.el-form-item__content) {
+    min-width: 0;
+  }
+
+  :deep(.el-input),
+  :deep(.el-select),
+  :deep(.el-cascader),
+  :deep(.el-input-number),
+  :deep(.el-date-editor) {
+    width: 360px;
+    max-width: 100%;
+  }
+
+  :deep(.el-tabs__header) {
+    margin-bottom: 16px;
+  }
+
+  :deep(.el-table) {
+    --el-table-border-color: #eff1f7;
+  }
+
+  :deep(.el-table th.el-table__cell) {
+    height: 42px;
+    padding: 8px 0;
+    background: #fafafa;
+  }
+
+  :deep(.el-table td.el-table__cell) {
+    height: 52px;
+    padding: 8px 0;
+  }
+
+  :deep(.el-link + .el-link) {
+    margin-left: 8px;
+  }
+
+  :deep(.vehicle-attachment-upload) {
+    width: auto;
+  }
+}
+
+:deep(.contract-manage-form__attachment-head) {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-bottom: 16px;
+}
+
+:deep(.contract-manage-form__attachment-actions) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: nowrap;
+  gap: 8px;
+  white-space: nowrap;
+}
+
+:deep(.contract-manage-form__attachment-actions .vehicle-attachment-upload) {
+  flex: 0 0 auto;
+  width: auto !important;
+}
+
+:deep(.contract-manage-form__attachment-actions .el-upload) {
+  display: inline-flex;
+}
+
+.contract-manage-detail section + section {
+  margin-top: 20px;
+}
+
+@media (max-width: 1200px) {
+  .contract-manage-form__grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    column-gap: 32px;
+  }
+}
+
+@media (max-width: 768px) {
+  .contract-manage-form {
+    padding: 12px;
+
+    &__grid {
+      grid-template-columns: 1fr;
+    }
+  }
+}
+</style>
+
 <style>
-/* 合同管理弹窗：长 label（如"是否需要加盖法人章"）在标签列内自动换行 */
 .el-dialog .el-form-item__label {
   white-space: normal;
   line-height: 1.2;
diff --git a/src/views/business/loading-manage.vue b/src/views/business/loading-manage.vue
index 4ca1f5a..aa47c36 100644
--- a/src/views/business/loading-manage.vue
+++ b/src/views/business/loading-manage.vue
@@ -822,23 +822,26 @@
             />
           </div>
           <div class="loading-manage-dialog__grid loading-manage-dialog__task-grid">
-            <el-form-item v-if="!['自运', '网货平台'].includes(dialogForm.carrierType)" label="承运商" required>
+            <el-form-item
+              v-if="dialogForm.carrierType !== '自运'"
+              label="承运商"
+              required
+            >
               <el-select
-                v-model="dialogForm.carrierName"
+                v-model="dialogForm.carrierContractId"
                 clearable
                 filterable
-                remote
-                reserve-keyword
-                :remote-method="loadCarrierOptions"
-                :loading="carrierLoading"
-                placeholder="请输入"
-                @visible-change="visible => visible && loadCarrierOptions(dialogForm.carrierName)"
+                :disabled="dialogReadonly || !selectedWaybillRows.length"
+                :loading="taskCarrierLoading"
+                :placeholder="taskCarrierPlaceholder"
+                @change="handleTaskCarrierChange"
+                @visible-change="visible => visible && loadTaskCarrierOptions()"
               >
                 <el-option
-                  v-for="item in carrierOptions"
-                  :key="item.id || item.fullName || item.customerName || item.carrierName"
-                  :label="item.fullName || item.customerName || item.carrierName || item.name"
-                  :value="item.fullName || item.customerName || item.carrierName || item.name"
+                  v-for="item in taskCarrierOptions"
+                  :key="item.id"
+                  :label="item.carrierName"
+                  :value="item.id"
                 />
               </el-select>
             </el-form-item>
@@ -1054,6 +1057,7 @@ const createDialogForm = () => ({
   driverPhone: '',
   carrierType: '承运商',
   carrierName: '',
+  carrierContractId: '',
   escortName: '',
   escortPhone: '',
   departureAddress: '',
@@ -1165,13 +1169,16 @@ export default {
       cargoTypeOptions: [],
       driverOptions: [],
       carrierOptions: [],
+      taskCarrierOptions: [],
       planOptions: [],
       projectLoading: false,
       customerLoading: false,
       cargoTypeLoading: false,
       driverLoading: false,
       carrierLoading: false,
+      taskCarrierLoading: false,
       planLoading: false,
+      taskCarrierRequestId: 0,
       carrierTypeOptions,
       statusOptions: loadingStatusOptions,
       dataSourceOptions: loadingManageConfig.dataSourceOptions,
@@ -1199,6 +1206,11 @@ export default {
     dialogReadonly() {
       return this.dialogMode === 'view';
     },
+    taskCarrierPlaceholder() {
+      if (!this.selectedWaybillRows.length) return '请先选择运单';
+      if (!this.taskCarrierLoading && !this.taskCarrierOptions.length) return '暂无可用承运商合同';
+      return '请选择';
+    },
     dialogTitle() {
       const titleMap = {
         add: '新建配载',
@@ -1567,6 +1579,10 @@ export default {
             this.dialogForm.waybillIdsJson,
             this.dialogForm.loadingSubNos
           );
+          if (this.dialogForm.carrierType === '自运') {
+            this.dialogForm.carrierContractId = '';
+            this.dialogForm.carrierName = '';
+          }
           this.syncProcessProjectOptions();
           this.restoreRouteAndCargo();
           this.restoreRouteChangeRecords();
@@ -1604,6 +1620,9 @@ export default {
       this.candidateRows = [];
       this.candidateSelection = [];
       this.selectedWaybillRows = [];
+      this.taskCarrierRequestId += 1;
+      this.taskCarrierOptions = [];
+      this.taskCarrierLoading = false;
       this.routeNodes = [];
       this.cargoRows = [];
       this.candidatePage.currentPage = 1;
@@ -1855,10 +1874,12 @@ export default {
         );
         this.selectedWaybillRows = rows.filter(Boolean);
         this.rebuildSummaryFromWaybills(false);
+        await this.loadTaskCarrierOptions();
         return;
       }
       this.selectedWaybillRows = this.splitText(loadingSubNos).map(waybillNo => ({ waybillNo }));
       this.rebuildSummaryFromWaybills(false);
+      await this.loadTaskCarrierOptions();
     },
     async loadCandidateWaybills() {
       this.candidateLoading = true;
@@ -1933,6 +1954,7 @@ export default {
         });
         this.selectedWaybillRows = nextRows;
         this.rebuildSummaryFromWaybills();
+        await this.loadTaskCarrierOptions();
         this.$refs.candidateTableRef?.clearSelection?.();
         this.candidateSelection = [];
       } finally {
@@ -1942,6 +1964,7 @@ export default {
     removeSelectedWaybill(index) {
       this.selectedWaybillRows.splice(index, 1);
       this.rebuildSummaryFromWaybills();
+      this.loadTaskCarrierOptions();
     },
     rebuildSummaryFromWaybills(rebuildRoute = true) {
       const rows = this.selectedWaybillRows;
@@ -2071,6 +2094,10 @@ export default {
     normalizePayload() {
       this.syncRouteAddressFields();
       this.rebuildSummaryFromWaybills(false);
+      if (this.dialogForm.carrierType === '自运') {
+        this.dialogForm.carrierContractId = '';
+        this.dialogForm.carrierName = '';
+      }
       return {
         ...this.dialogForm,
         routeJson: JSON.stringify(this.routeNodes),
@@ -2130,14 +2157,15 @@ export default {
         ElMessage.warning('请输入车牌号');
         return false;
       }
+      if (this.dialogForm.carrierType !== '自运' && !this.dialogForm.carrierContractId) {
+        ElMessage.warning('请选择承运商合同');
+        return false;
+      }
       if (['自运', '网货平台'].includes(this.dialogForm.carrierType)) {
         if (!this.dialogForm.driverName || !this.dialogForm.driverPhone) {
           ElMessage.warning('请输入司机和司机手机号');
           return false;
         }
-      } else if (!this.dialogForm.carrierName) {
-        ElMessage.warning('请选择承运商');
-        return false;
       }
       return true;
     },
@@ -2217,9 +2245,14 @@ export default {
           const ids = this.selectionRows.map(row => row.id).join(',');
           const res = await loadingApi.batchComplete(ids);
           const result = res.data?.data || {};
-          ElMessage.success(
-            `批量完成成功 ${result.successCount || 0} 条，跳过 ${result.skippedCount || 0} 条`
-          );
+          const summary = `批量完成成功 ${result.successCount || 0} 条，跳过 ${
+            result.skippedCount || 0
+          } 条`;
+          if (result.skippedCount && result.skippedReasons?.length) {
+            ElMessage.warning(`${summary}；${result.skippedReasons.join('；')}`);
+          } else {
+            ElMessage.success(summary);
+          }
           this.loadTable();
         })
         .catch(() => {});
@@ -2245,10 +2278,17 @@ export default {
         this.dialogForm.trailerVehicleNo = '';
         this.dialogForm.escortName = '';
         this.dialogForm.escortPhone = '';
-      } else if (['自运', '网货平台'].includes(this.dialogForm.carrierType)) {
+      }
+      if (this.dialogForm.carrierType === '自运') {
+        this.dialogForm.carrierContractId = '';
         this.dialogForm.carrierName = '';
       }
     },
+    handleTaskCarrierChange(contractId) {
+      const contract = this.taskCarrierOptions.find(item => String(item.id) === String(contractId));
+      this.dialogForm.carrierContractId = contract?.id || '';
+      this.dialogForm.carrierName = contract?.carrierName || '';
+    },
     handleDriverChange(value) {
       const driver = this.driverOptions.find(item => (item.driverName || item.name) === value);
       if (driver && !this.dialogForm.driverPhone) {
@@ -2343,6 +2383,46 @@ export default {
         this.carrierLoading = false;
       }
     },
+    async loadTaskCarrierOptions() {
+      const requestId = ++this.taskCarrierRequestId;
+      if (!this.selectedWaybillRows.length) {
+        this.taskCarrierOptions = [];
+        this.taskCarrierLoading = false;
+        this.dialogForm.carrierContractId = '';
+        this.dialogForm.carrierName = '';
+        return [];
+      }
+      this.taskCarrierLoading = true;
+      try {
+        const response = await loadingApi.getCarrierContracts();
+        if (requestId !== this.taskCarrierRequestId) return [];
+        const contracts = response.data?.data || response.data || [];
+        this.taskCarrierOptions = contracts;
+        const current =
+          contracts.find(
+            item => String(item.id) === String(this.dialogForm.carrierContractId)
+          ) ||
+          contracts.find(
+            item => item.carrierName === this.dialogForm.carrierName
+          );
+        if (current) {
+          this.dialogForm.carrierContractId = current.id;
+          this.dialogForm.carrierName = current.carrierName;
+        } else {
+          this.dialogForm.carrierContractId = '';
+          this.dialogForm.carrierName = '';
+        }
+        return contracts;
+      } catch (error) {
+        if (requestId !== this.taskCarrierRequestId) return [];
+        this.taskCarrierOptions = [];
+        this.dialogForm.carrierContractId = '';
+        this.dialogForm.carrierName = '';
+        return [];
+      } finally {
+        if (requestId === this.taskCarrierRequestId) this.taskCarrierLoading = false;
+      }
+    },
     async loadPlanOptions(keyword = '') {
       this.planLoading = true;
       try {
diff --git a/src/views/business/temporary-credit-limit.vue b/src/views/business/temporary-credit-limit.vue
index 38ae7e7..65f6ad1 100644
--- a/src/views/business/temporary-credit-limit.vue
+++ b/src/views/business/temporary-credit-limit.vue
@@ -1,20 +1,669 @@
 <template>
-  <business-crud-page :api="api" :config="config" :crud-option="option" :menu-width="320" />
+  <basic-container class="temporary-credit-limit-page">
+    <avue-crud
+      ref="crud"
+      v-model="form"
+      v-model:page="page"
+      :data="data"
+      :option="tableOption"
+      :permission="permissionList"
+      :table-loading="loading"
+      :before-open="beforeOpen"
+      @row-save="rowSave"
+      @row-update="rowUpdate"
+      @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 v-if="canCreate" type="primary" icon="el-icon-plus" @click="$refs.crud.rowAdd()">
+          新增
+        </el-button>
+        <el-button
+          v-if="config.exportUrl && hasPermission(`${config.permission}_export`)"
+          type="primary"
+          icon="el-icon-download"
+          plain
+          @click="handleExport"
+        >
+          批量导出
+        </el-button>
+        <el-button
+          v-if="hasPermission(`${config.permission}_delete`)"
+          type="danger"
+          icon="el-icon-delete"
+          plain
+          @click="handleDelete"
+        >
+          批量删除
+        </el-button>
+      </template>
+
+      <template #approvalStatus="{ row }">
+        <el-tag :type="statusTagType(row.approvalStatus)">
+          {{ displayStatus(row, 'approvalStatus') }}
+        </el-tag>
+      </template>
+
+      <template #projectName-form>
+        <el-select
+          v-model="selectedProjectId"
+          class="temporary-credit-limit-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 #applyLimit-form>
+        <el-input
+          v-model="form.applyLimit"
+          class="temporary-credit-limit-page__field"
+          placeholder="请输入申请临时额度"
+          :disabled="dialogReadonly"
+          @input="handleAmountInput"
+        />
+      </template>
+
+      <template #attachmentsJson-form>
+        <div class="temporary-credit-limit-page__attachment">
+          <div class="temporary-credit-limit-page__attachment-head">
+            <vehicle-attachment-upload
+              v-model="attachmentRows"
+              :readonly="dialogReadonly"
+              :file-types="attachmentFileTypes"
+              :max-size="50"
+              :show-file-list="false"
+              button-text="上传附件"
+              @change="handleAttachmentChange"
+            />
+            <el-button type="primary" :disabled="!attachmentRows.length" @click="batchDownload">
+              批量下载
+            </el-button>
+          </div>
+          <el-table :data="attachmentRows" border @selection-change="selectedAttachments = $event">
+            <el-table-column type="selection" width="55" align="center" />
+            <el-table-column type="index" label="序号" width="70" align="center" />
+            <el-table-column label="文件名" min-width="240" show-overflow-tooltip>
+              <template #default="{ row }">
+                <el-link type="primary" @click="downloadAttachment(row)">
+                  {{ attachmentName(row) }}
+                </el-link>
+              </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="180" align="center" />
+            <el-table-column label="操作" width="100" align="center" fixed="right">
+              <template #default="{ row, $index }">
+                <el-link v-if="!dialogReadonly" type="danger" @click="removeAttachment($index)">
+                  删除
+                </el-link>
+                <el-link v-else type="primary" @click="downloadAttachment(row)">下载</el-link>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </template>
+
+      <template #menu-form-before>
+        <el-button
+          v-if="!dialogReadonly"
+          type="primary"
+          plain
+          :loading="draftLoading"
+          @click="saveDraft"
+        >
+          保存
+        </el-button>
+      </template>
+
+      <template #menu="{ row }">
+        <el-link
+          v-if="hasPermission(`${config.permission}_view`)"
+          type="primary"
+          @click="$refs.crud.rowView(row)"
+        >
+          查看
+        </el-link>
+        <el-link v-if="canEdit(row)" type="primary" @click="$refs.crud.rowEdit(row)">
+          编辑
+        </el-link>
+        <el-link
+          v-for="operation in customOperations(row)"
+          :key="operation.action"
+          :type="operation.type || 'primary'"
+          @click="handleOperation(operation, row)"
+        >
+          {{ operation.label }}
+        </el-link>
+        <el-link v-if="canDelete(row)" type="danger" @click="rowDel(row)">删除</el-link>
+      </template>
+    </avue-crud>
+
+    <empty-pagination
+      :page="page"
+      @size-change="sizeChange"
+      @current-change="currentChange"
+      @load="onLoad(page, query)"
+    />
+
+    <flow-design-step
+      v-if="website.design.designMode"
+      v-model:is-display="flowBox"
+      :process-instance-id="processInstanceId"
+    />
+    <el-dialog v-else v-model="flowBox" title="流程图" append-to-body fullscreen>
+      <iframe class="temporary-credit-limit-page__flow" :src="flowUrl" />
+      <template #footer><el-button @click="flowBox = false">关闭</el-button></template>
+    </el-dialog>
+  </basic-container>
 </template>
 
 <script>
-import BusinessCrudPage from './components/business-crud-page.vue';
+import { exportBlob } from '@/api/common';
 import * as api from '@/api/business/temporary-credit-limit';
+import {
+  getDetail as getProjectDetail,
+  getList as getProjectList,
+} from '@/api/business/project-apply';
 import { config, option } from '@/option/business/temporary-credit-limit';
+import { getToken } from '@/utils/auth';
+import { downloadFileByUrl, downloadXls } from '@/utils/util';
+import { mapGetters } from 'vuex';
+import NProgress from 'nprogress';
+import 'nprogress/nprogress.css';
+
+const attachmentFileTypes = [
+  'pdf',
+  'bmp',
+  'jpeg',
+  'png',
+  'jpg',
+  'doc',
+  'docx',
+  'ppt',
+  'pptx',
+  'xlsx',
+  'xls',
+  'eml',
+  'msg',
+  'zip',
+];
+
+const extractRecords = res => {
+  const data = res?.data?.data || res?.data || {};
+  return Array.isArray(data) ? data : data.records || [];
+};
 
 export default {
-  components: { BusinessCrudPage },
+  name: 'TemporaryCreditLimit',
   data() {
     return {
       api,
       config,
-      option,
+      form: {},
+      data: [],
+      query: {},
+      loading: true,
+      draftLoading: false,
+      dialogReadonly: false,
+      tableOption: this.buildTableOption(),
+      page: {
+        currentPage: 1,
+        pageSize: 10,
+        pageSizes: [10, 20, 50, 100],
+        total: 0,
+      },
+      selectionList: [],
+      selectedProjectId: '',
+      projectOptions: [],
+      projectLoading: false,
+      attachmentRows: [],
+      selectedAttachments: [],
+      attachmentFileTypes,
+      flowBox: false,
+      flowUrl: '',
+      processInstanceId: '',
     };
   },
+  computed: {
+    ...mapGetters(['permission', 'userInfo']),
+    permissionList() {
+      return { addBtn: this.canCreate };
+    },
+    isAdmin() {
+      const authority = this.userInfo?.authority;
+      return Array.isArray(authority)
+        ? authority.includes('admin')
+        : String(authority || '').includes('admin');
+    },
+    canCreate() {
+      return this.hasPermission(`${this.config.permission}_add`);
+    },
+    ids() {
+      return this.selectionList.map(item => item.id).join(',');
+    },
+  },
+  created() {
+    this.loadProjectOptions();
+  },
+  methods: {
+    buildTableOption() {
+      return {
+        ...option,
+        addBtn: false,
+        viewBtn: false,
+        editBtn: false,
+        delBtn: false,
+        menuWidth: 320,
+        column: (option.column || []).map(column => ({ ...column })),
+      };
+    },
+    hasPermission(code) {
+      return this.isAdmin || this.validData(this.permission?.[code], false);
+    },
+    statusValue(row) {
+      return row[this.config.statusProp || 'status'];
+    },
+    statusTagType(status) {
+      if (['approved', 'change_approved'].includes(status)) return 'success';
+      if (['draft', 'withdrawn'].includes(status)) return 'info';
+      if (['rejected', 'change_rejected'].includes(status)) return 'danger';
+      return 'warning';
+    },
+    displayStatus(row, prop) {
+      const textProp = prop === this.config.statusProp ? this.config.statusTextProp : '';
+      if (textProp && row[textProp]) return row[textProp];
+      const column = this.findColumn(this.tableOption.column, prop);
+      const item = column?.dicData?.find(dic => String(dic.value) === String(row[prop]));
+      return item?.label || row[prop] || '未知';
+    },
+    canEdit(row) {
+      return (
+        this.hasPermission(`${this.config.permission}_edit`) &&
+        !row.readonly &&
+        (this.config.editStatus || []).includes(this.statusValue(row))
+      );
+    },
+    canDelete(row) {
+      return (
+        this.hasPermission(`${this.config.permission}_delete`) &&
+        !row.readonly &&
+        (this.config.deleteStatus || []).includes(this.statusValue(row))
+      );
+    },
+    customOperations(row) {
+      return (this.config.operations || []).filter(operation => {
+        const permission = operation.permission || `${this.config.permission}_${operation.action}`;
+        const statusProp = operation.statusProp || this.config.statusProp || 'status';
+        return (
+          this.hasPermission(permission) &&
+          !row.readonly &&
+          (!operation.status?.length || operation.status.includes(row[statusProp]))
+        );
+      });
+    },
+    onLoad(page, params = {}) {
+      this.loading = true;
+      this.api
+        .getList(page.currentPage, page.pageSize, { ...params, ...this.query })
+        .then(res => {
+          const result = res.data?.data || {};
+          this.page.total = result.total || 0;
+          this.data = result.records || [];
+          this.selectionClear();
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    searchChange(params, done) {
+      this.query = { ...params };
+      this.page.currentPage = 1;
+      this.onLoad(this.page);
+      done();
+    },
+    searchReset() {
+      this.query = {};
+      this.page.currentPage = 1;
+      this.onLoad(this.page);
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.crud?.toggleSelection();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    beforeOpen(done, type) {
+      this.dialogReadonly = type === 'view';
+      if (type === 'add') {
+        this.form = { ...(this.config.defaultForm || {}) };
+        this.selectedProjectId = '';
+        this.attachmentRows = [];
+        this.selectedAttachments = [];
+        done();
+        return;
+      }
+      this.api
+        .getDetail(this.form.id)
+        .then(res => this.applyDetail(res.data?.data || {}))
+        .finally(done);
+    },
+    applyDetail(detail) {
+      this.form = { ...detail };
+      this.selectedProjectId = detail.projectId || '';
+      this.attachmentRows = this.parseJsonArray(detail.attachmentsJson);
+      this.selectedAttachments = [];
+      this.syncCurrentProjectOption();
+    },
+    normalizeForm(row = this.form) {
+      return {
+        ...row,
+        applyLimit: row.applyLimit === '' ? '' : Number(row.applyLimit),
+        attachmentsJson: JSON.stringify(this.attachmentRows),
+      };
+    },
+    rowSave(row, done, loading) {
+      this.api
+        .submit(this.normalizeForm(row))
+        .then(() => {
+          this.$message.success('新增成功');
+          done();
+          this.onLoad(this.page, this.query);
+        })
+        .catch(() => loading());
+    },
+    rowUpdate(row, index, done, loading) {
+      this.api
+        .submit(this.normalizeForm(row))
+        .then(() => {
+          this.$message.success('修改成功');
+          done();
+          this.onLoad(this.page, this.query);
+        })
+        .catch(() => loading());
+    },
+    saveDraft() {
+      if (this.draftLoading) return;
+      this.draftLoading = true;
+      this.api
+        .saveDraft(this.normalizeForm())
+        .then(() => {
+          this.$message.success('保存成功');
+          this.$refs.crud?.closeDialog();
+          this.onLoad(this.page, this.query);
+        })
+        .finally(() => {
+          this.draftLoading = false;
+        });
+    },
+    rowDel(row) {
+      this.removeRows([row]);
+    },
+    handleDelete() {
+      if (!this.selectionList.length) {
+        this.$message.warning('请选择至少一条数据');
+        return;
+      }
+      const rows = this.selectionList.filter(this.canDelete);
+      if (!rows.length) {
+        this.$message.warning('所选数据当前状态不可删除');
+        return;
+      }
+      this.removeRows(rows);
+    },
+    removeRows(rows) {
+      this.$confirm('确定将选择数据删除?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => this.api.remove(rows.map(row => row.id).join(',')))
+        .then(() => {
+          this.$message.success('删除成功');
+          this.onLoad(this.page, this.query);
+        });
+    },
+    handleOperation(operation, row) {
+      if (operation.action === 'flow') {
+        this.openFlow(row);
+        return;
+      }
+      this.$confirm(`确定${operation.label}该${this.config.title}?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => this.api[operation.action](row.id))
+        .then(() => {
+          this.$message.success(`${operation.label}成功`);
+          this.onLoad(this.page, this.query);
+        });
+    },
+    openFlow(row, loaded = false) {
+      const processInstanceId = row.processInstanceId || row.processInstanceID || row.procInstId;
+      if (!processInstanceId && !loaded && row.id) {
+        this.api.getDetail(row.id).then(res => this.openFlow(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;
+    },
+    loadProjectOptions() {
+      if (this.projectLoading) return;
+      this.projectLoading = true;
+      getProjectList(1, 9999, this.config.projectQueryParams || {})
+        .then(res => {
+          this.projectOptions = extractRecords(res);
+          this.syncCurrentProjectOption();
+        })
+        .finally(() => {
+          this.projectLoading = false;
+        });
+    },
+    syncCurrentProjectOption() {
+      if (!this.form.projectId || !this.form.projectName) return;
+      if (this.projectOptions.some(item => String(item.id) === String(this.form.projectId))) return;
+      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) {
+        Object.assign(this.form, {
+          projectId: '',
+          projectName: '',
+          projectCode: '',
+          undertakeDeptName: '',
+          projectFundLimit: '',
+          usedFundLimit: 0,
+          remainingFundLimit: 0,
+        });
+        return;
+      }
+      Object.assign(this.form, {
+        projectId: project.id,
+        projectName: project.projectName || '',
+        projectCode: project.projectCode || '',
+        undertakeDeptName: project.undertakeDeptName || '',
+        projectFundLimit: project.fundLimit || project.projectFundLimit || 0,
+        usedFundLimit: project.usedFundLimit || 0,
+      });
+      this.form.remainingFundLimit = this.calculateRemainingFundLimit();
+      getProjectDetail(project.id).then(res => {
+        const detail = res.data?.data || {};
+        Object.assign(this.form, {
+          projectCode: detail.projectCode || this.form.projectCode,
+          undertakeDeptName: detail.undertakeDeptName || this.form.undertakeDeptName,
+          projectFundLimit:
+            detail.fundLimit ?? detail.projectFundLimit ?? this.form.projectFundLimit,
+          usedFundLimit: detail.usedFundLimit ?? this.form.usedFundLimit,
+        });
+        this.form.remainingFundLimit = this.calculateRemainingFundLimit();
+      });
+    },
+    calculateRemainingFundLimit() {
+      const total = Number(this.form.projectFundLimit);
+      const used = Number(this.form.usedFundLimit);
+      if (!Number.isFinite(total) || !Number.isFinite(used)) return '';
+      return Math.round((total - used + Number.EPSILON) * 100) / 100;
+    },
+    handleAmountInput(value) {
+      const text = String(value || '').replace(/[^\d.]/g, '');
+      const parts = text.split('.');
+      this.form.applyLimit =
+        parts.length > 1 ? `${parts[0]}.${parts.slice(1).join('').slice(0, 2)}` : parts[0];
+    },
+    handleAttachmentChange(list) {
+      const uploadUserName = this.userInfo?.realName || this.userInfo?.userName || '';
+      const uploadTime = this.$dayjs().format('YYYY-MM-DD HH:mm:ss');
+      this.attachmentRows = (list || []).map(item => ({
+        ...item,
+        uploadUserName: item.uploadUserName || uploadUserName,
+        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);
+    },
+    parseJsonArray(value) {
+      if (Array.isArray(value)) return value;
+      if (!value) return [];
+      try {
+        const data = JSON.parse(value);
+        return Array.isArray(data) ? data : [];
+      } catch (error) {
+        return [];
+      }
+    },
+    attachmentName(row = {}) {
+      return row.originalName || row.name || row.fileName || '附件';
+    },
+    attachmentUrl(row = {}) {
+      return row.url || row.link || row.fileUrl || row.downloadUrl || row.domain || '';
+    },
+    downloadAttachment(row) {
+      const url = this.attachmentUrl(row);
+      if (!url) {
+        this.$message.warning('附件地址为空，无法下载');
+        return;
+      }
+      downloadFileByUrl(url, this.attachmentName(row));
+    },
+    batchDownload() {
+      const rows = this.selectedAttachments.length ? this.selectedAttachments : this.attachmentRows;
+      rows.forEach(this.downloadAttachment);
+    },
+    formatFileSize(size) {
+      const value = Number(size);
+      if (!value) return '';
+      if (value < 1024) return `${value}B`;
+      if (value < 1024 * 1024) return `${(value / 1024).toFixed(1)}KB`;
+      return `${(value / 1024 / 1024).toFixed(1)}MB`;
+    },
+    handleExport() {
+      this.$confirm(`是否导出${this.config.exportName || this.config.title}?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(() => {
+        NProgress.start();
+        exportBlob(
+          this.config.exportUrl,
+          { ...this.query, ids: this.ids, [this.website.tokenHeader]: getToken() },
+          { feedback: true }
+        )
+          .then(res => {
+            downloadXls(
+              res.data,
+              `${this.config.exportName || this.config.title}${this.$dayjs().format(
+                'YYYY-MM-DD HH:mm:ss'
+              )}.xlsx`
+            );
+          })
+          .finally(() => NProgress.done());
+      });
+    },
+  },
 };
 </script>
+
+<style lang="scss" scoped>
+.temporary-credit-limit-page {
+  &__field {
+    width: 100%;
+  }
+
+  &__attachment-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 12px;
+  }
+
+  &__flow {
+    width: 100%;
+    height: calc(100vh - 150px);
+    border: 0;
+  }
+
+  :deep(.avue-crud__header) {
+    margin-top: 12px;
+  }
+
+  :deep(.avue-crud__menu) {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+}
+</style>
+
+<style>
+.temporary-credit-limit-dialog .el-form-item__label {
+  white-space: normal;
+  line-height: 1.2;
+}
+</style>
diff --git a/src/views/payment/bill-ledger-form.vue b/src/views/payment/bill-ledger-form.vue
new file mode 100644
index 0000000..10638b6
--- /dev/null
+++ b/src/views/payment/bill-ledger-form.vue
@@ -0,0 +1,599 @@
+<template>
+  <basic-container class="bill-ledger-form-page">
+    <div class="bill-ledger-form-page__title">
+      {{ recordId ? '编辑汇票台账' : '新增汇票台账' }}
+    </div>
+    <el-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      label-position="right"
+      label-width="auto"
+      class="bill-ledger-form-page__form"
+    >
+      <section class="bill-ledger-form-page__section">
+        <div class="bill-ledger-form-page__section-title">基本信息</div>
+        <el-row :gutter="48">
+          <el-col :span="12">
+            <el-form-item label="票据号码" prop="billNo">
+              <el-input
+                v-model="form.billNo"
+                :disabled="Boolean(recordId)"
+                maxlength="32"
+                placeholder="请输入"
+              />
+            </el-form-item>
+            <el-form-item label="出票单位" prop="issuerId">
+              <el-select
+                v-model="form.issuerId"
+                filterable
+                remote
+                reserve-keyword
+                :remote-method="searchCustomers"
+                :loading="customerLoading"
+                placeholder="请选择客商基础档案"
+              >
+                <el-option
+                  v-for="item in customerOptions"
+                  :key="item.id"
+                  :label="customerName(item)"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="票面金额" prop="faceAmount">
+              <el-input-number
+                v-model="form.faceAmount"
+                :min="0"
+                :precision="2"
+                :controls="false"
+                placeholder="请输入"
+              />
+            </el-form-item>
+            <el-form-item label="出票日期" prop="issueDate">
+              <el-date-picker
+                v-model="form.issueDate"
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="请选择"
+              />
+            </el-form-item>
+            <el-form-item label="可用部门" prop="availableDeptIds">
+              <el-tree-select
+                v-model="form.availableDeptIds"
+                :data="deptTree"
+                :props="deptProps"
+                node-key="id"
+                multiple
+                show-checkbox
+                collapse-tags
+                collapse-tags-tooltip
+                placeholder="请选择，默认全部"
+                @change="handleDeptChange"
+              />
+            </el-form-item>
+            <el-form-item label="费用承担方" prop="feeBearerId">
+              <el-select
+                v-model="form.feeBearerId"
+                filterable
+                remote
+                reserve-keyword
+                :remote-method="searchCustomers"
+                :loading="customerLoading"
+                placeholder="请选择客商基础档案"
+              >
+                <el-option
+                  v-for="item in customerOptions"
+                  :key="item.id"
+                  :label="customerName(item)"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="双方确认贴现率" prop="confirmedDiscountRate">
+              <el-input-number
+                v-model="form.confirmedDiscountRate"
+                :min="0"
+                :max="100"
+                :precision="4"
+                :controls="false"
+                placeholder="请输入"
+              >
+                <template #suffix>%</template>
+              </el-input-number>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="汇票类型" prop="billType">
+              <el-select v-model="form.billType" placeholder="请选择">
+                <el-option
+                  v-for="item in billTypeOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="收票单位" prop="receiverName">
+              <el-select
+                v-model="form.receiverName"
+                filterable
+                allow-create
+                default-first-option
+                placeholder="请选择或输入"
+              >
+                <el-option
+                  v-for="item in receiverOptions"
+                  :key="item"
+                  :label="item"
+                  :value="item"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="可用余额">
+              <el-input :model-value="formatMoney(projectedAvailableBalance)" disabled />
+            </el-form-item>
+            <el-form-item label="到期日期" prop="maturityDate">
+              <el-date-picker
+                v-model="form.maturityDate"
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="请选择"
+              />
+            </el-form-item>
+            <el-form-item label="出票行" prop="issuingBank">
+              <el-select
+                v-model="form.issuingBank"
+                filterable
+                allow-create
+                default-first-option
+                placeholder="请选择或输入"
+              >
+                <el-option v-for="item in bankOptions" :key="item" :label="item" :value="item" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="银行贴现参考率" prop="bankDiscountReferenceRate">
+              <el-input-number
+                v-model="form.bankDiscountReferenceRate"
+                :min="0"
+                :max="100"
+                :precision="4"
+                :controls="false"
+                placeholder="请输入"
+              >
+                <template #suffix>%</template>
+              </el-input-number>
+            </el-form-item>
+            <el-form-item label="预计贴现费用">
+              <el-input :model-value="formatMoney(estimatedDiscountFee)" disabled />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </section>
+
+      <section class="bill-ledger-form-page__section">
+        <div class="bill-ledger-form-page__section-title">附件信息</div>
+        <el-table :data="form.attachments" border>
+          <el-table-column type="index" label="序号" width="64" align="center" />
+          <el-table-column label="文件名" min-width="220">
+            <template #default="{ row }">
+              <el-link
+                v-if="row.url || row.link"
+                type="primary"
+                :href="row.url || row.link"
+                target="_blank"
+              >
+                {{ row.originalName || row.name || '附件' }}
+              </el-link>
+              <span v-else>{{ row.originalName || row.name || '-' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="附件描述" min-width="240">
+            <template #default="{ row }">
+              <el-input v-model="row.description" maxlength="200" placeholder="请输入" />
+            </template>
+          </el-table-column>
+          <el-table-column label="文件大小" width="120" align="center">
+            <template #default="{ row }">{{ fileSize(row) }}</template>
+          </el-table-column>
+          <el-table-column prop="uploadUserName" label="上传人" width="130" align="center" />
+          <el-table-column prop="uploadTime" label="上传时间" width="170" align="center" />
+          <el-table-column label="操作" width="100" align="center">
+            <template #default="{ $index }">
+              <el-link type="danger" @click="form.attachments.splice($index, 1)">删除</el-link>
+            </template>
+          </el-table-column>
+        </el-table>
+        <vehicle-attachment-upload
+          v-model="form.attachments"
+          class="bill-ledger-form-page__uploader"
+          :multiple="true"
+          :limit="20"
+          :max-size="10"
+          :file-types="attachmentFileTypes"
+          :show-file-list="false"
+          button-text="上传"
+          @change="normalizeAttachments"
+        />
+      </section>
+
+      <section class="bill-ledger-form-page__section">
+        <div class="bill-ledger-form-page__section-title">备注</div>
+        <el-form-item prop="remark" class="bill-ledger-form-page__remark">
+          <el-input
+            v-model="form.remark"
+            type="textarea"
+            :rows="4"
+            maxlength="200"
+            show-word-limit
+            placeholder="请输入"
+          />
+        </el-form-item>
+      </section>
+
+      <section class="bill-ledger-form-page__section">
+        <div class="bill-ledger-form-page__section-title">使用记录</div>
+        <el-table :data="usageRecords" border>
+          <el-table-column type="index" label="序号" width="64" align="center" />
+          <el-table-column prop="applicationNo" label="申请单号" min-width="180" align="center" />
+          <el-table-column label="使用金额" min-width="150" align="center">
+            <template #default="{ row }">{{ formatMoney(row.usedAmount) }}</template>
+          </el-table-column>
+          <el-table-column prop="useDeptName" label="使用部门" min-width="180" align="center" />
+          <el-table-column label="状态" min-width="120" align="center">
+            <template #default>已审核</template>
+          </el-table-column>
+        </el-table>
+      </section>
+
+      <div class="bill-ledger-form-page__actions">
+        <el-button type="primary" :loading="saving" @click="confirmSubmit">确认</el-button>
+        <el-button @click="goBack">取消</el-button>
+      </div>
+    </el-form>
+  </basic-container>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import * as api from '@/api/payment/billLedger';
+import { getList as getCustomerList } from '@/api/vehicle/customer-archive';
+import { getDeptTree } from '@/api/system/dept';
+
+const emptyForm = () => ({
+  id: null,
+  billNo: '',
+  issuerId: null,
+  receiverName: '',
+  billType: 'issued',
+  faceAmount: null,
+  availableBalance: 0,
+  issueDate: '',
+  maturityDate: '',
+  availableDeptIds: ['all'],
+  availableDeptNames: '全部',
+  feeBearerId: null,
+  confirmedDiscountRate: null,
+  issuingBank: '',
+  bankDiscountReferenceRate: null,
+  attachments: [],
+  remark: '',
+});
+
+export default {
+  name: 'BillLedgerForm',
+  data() {
+    return {
+      form: emptyForm(),
+      usageRecords: [],
+      billTypeOptions: api.billTypeOptions,
+      customerOptions: [],
+      receiverOptions: [],
+      customerLoading: false,
+      saving: false,
+      deptTree: [],
+      deptMap: new Map(),
+      deptProps: { label: 'title', value: 'id', children: 'children' },
+      bankOptions: [
+        '中国工商银行',
+        '中国农业银行',
+        '中国银行',
+        '中国建设银行',
+        '交通银行',
+        '招商银行',
+        '浦发银行',
+        '中信银行',
+      ],
+      attachmentFileTypes: [
+        'pdf',
+        'bmp',
+        'jpeg',
+        'png',
+        'jpg',
+        'doc',
+        'docx',
+        'ppt',
+        'pptx',
+        'xlsx',
+        'xls',
+        'eml',
+        'msg',
+        'zip',
+      ],
+      rules: {
+        billNo: [
+          { required: true, message: '请输入票据号码', trigger: 'blur' },
+          { max: 32, message: '票据号码不能超过32个字符', trigger: 'blur' },
+        ],
+        issuerId: [{ required: true, message: '请选择出票单位', trigger: 'change' }],
+        receiverName: [{ required: true, message: '请选择或输入收票单位', trigger: 'change' }],
+        billType: [{ required: true, message: '请选择汇票类型', trigger: 'change' }],
+        faceAmount: [{ validator: this.validateFaceAmount, trigger: 'change' }],
+        issueDate: [{ required: true, message: '请选择出票日期', trigger: 'change' }],
+        maturityDate: [{ validator: this.validateMaturityDate, trigger: 'change' }],
+        availableDeptIds: [{ validator: this.validateDepartments, trigger: 'change' }],
+        feeBearerId: [{ required: true, message: '请选择费用承担方', trigger: 'change' }],
+        confirmedDiscountRate: [{ validator: this.validateRate, trigger: 'change' }],
+        issuingBank: [
+          { required: true, message: '请选择或输入出票行', trigger: 'change' },
+          { max: 100, message: '出票行不能超过100个字符', trigger: 'change' },
+        ],
+        bankDiscountReferenceRate: [{ validator: this.validateRate, trigger: 'change' }],
+        remark: [{ max: 200, message: '备注不能超过200个字符', trigger: 'blur' }],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters(['userInfo']),
+    recordId() {
+      return this.$route.query.id || '';
+    },
+    activeUsedAmount() {
+      return this.usageRecords.reduce((total, item) => total + Number(item.usedAmount || 0), 0);
+    },
+    projectedAvailableBalance() {
+      return Math.max(Number(this.form.faceAmount || 0) - this.activeUsedAmount, 0);
+    },
+    estimatedDiscountFee() {
+      return (
+        (Number(this.form.faceAmount || 0) * Number(this.form.confirmedDiscountRate || 0)) / 100
+      );
+    },
+  },
+  created() {
+    this.initialize();
+  },
+  methods: {
+    unwrapData(response) {
+      const body = response?.data || response || {};
+      return body?.data || body;
+    },
+    async initialize() {
+      await Promise.all([this.loadDepartments(), this.searchCustomers('')]);
+      if (!this.recordId) {
+        this.form.issueDate = this.$dayjs().format('YYYY-MM-DD');
+        return;
+      }
+      const data = this.unwrapData(await api.getDetail(this.recordId));
+      this.form = {
+        ...emptyForm(),
+        ...data,
+        availableDeptIds: this.parse(data.availableDeptIdsJson),
+        attachments: this.parse(data.attachmentsJson),
+      };
+      this.usageRecords = data.usageRecords || [];
+      this.receiverOptions = data.receiverName ? [data.receiverName] : [];
+      this.ensureCustomerOption(data.issuerId, data.issuerName);
+      this.ensureCustomerOption(data.feeBearerId, data.feeBearerName);
+      this.handleDeptChange(this.form.availableDeptIds);
+    },
+    parse(value) {
+      if (!value) return [];
+      if (Array.isArray(value)) return value;
+      try {
+        return JSON.parse(value) || [];
+      } catch {
+        return [];
+      }
+    },
+    async loadDepartments() {
+      const response = await getDeptTree(this.userInfo?.tenantId);
+      const rows = this.unwrapData(response) || [];
+      this.deptTree = [{ id: 'all', title: '全部', children: rows }];
+      this.deptMap = new Map([['all', '全部']]);
+      this.flattenDepartments(rows).forEach(item => this.deptMap.set(String(item.id), item.title));
+    },
+    flattenDepartments(rows) {
+      return (rows || []).flatMap(item => [item, ...this.flattenDepartments(item.children || [])]);
+    },
+    handleDeptChange(values) {
+      const ids = values || [];
+      this.form.availableDeptNames = ids.some(item => String(item) === 'all')
+        ? '全部'
+        : ids
+            .map(item => this.deptMap.get(String(item)))
+            .filter(Boolean)
+            .join('、');
+    },
+    async searchCustomers(keyword) {
+      this.customerLoading = true;
+      try {
+        const data = this.unwrapData(
+          await getCustomerList(1, 100, { approvalStatus: 'approved', fullName: keyword || '' })
+        );
+        const current = this.customerOptions.filter(item =>
+          [this.form.issuerId, this.form.feeBearerId].some(id => String(id) === String(item.id))
+        );
+        this.customerOptions = [...current, ...(data.records || [])].filter(
+          (item, index, rows) => rows.findIndex(row => String(row.id) === String(item.id)) === index
+        );
+        this.receiverOptions = [
+          ...new Set(this.customerOptions.map(item => this.customerName(item)).filter(Boolean)),
+        ];
+      } finally {
+        this.customerLoading = false;
+      }
+    },
+    ensureCustomerOption(id, name) {
+      if (!id || this.customerOptions.some(item => String(item.id) === String(id))) return;
+      this.customerOptions.push({ id, fullName: name, shortName: name });
+    },
+    customerName(item) {
+      return item.fullName || item.shortName || item.customerCode || '-';
+    },
+    validateFaceAmount(rule, value, callback) {
+      if (!Number.isFinite(Number(value)) || Number(value) <= 0) {
+        callback(new Error('票面金额必须大于0'));
+        return;
+      }
+      if (Number(value) < this.activeUsedAmount) {
+        callback(new Error('票面金额不能小于已使用金额'));
+        return;
+      }
+      callback();
+    },
+    validateMaturityDate(rule, value, callback) {
+      if (!value) {
+        callback(new Error('请选择到期日期'));
+        return;
+      }
+      if (this.form.issueDate && !this.$dayjs(value).isAfter(this.$dayjs(this.form.issueDate))) {
+        callback(new Error('到期日期必须晚于出票日期'));
+        return;
+      }
+      callback();
+    },
+    validateDepartments(rule, value, callback) {
+      if (!Array.isArray(value) || !value.length) {
+        callback(new Error('请选择可用部门'));
+        return;
+      }
+      callback();
+    },
+    validateRate(rule, value, callback) {
+      if (value !== null && value !== undefined && value !== '') {
+        const rate = Number(value);
+        if (!Number.isFinite(rate) || rate < 0 || rate > 100) {
+          callback(new Error('贴现率必须在0-100之间'));
+          return;
+        }
+      }
+      callback();
+    },
+    normalizeAttachments(files) {
+      const userName = this.userInfo?.realName || this.userInfo?.userName || '';
+      const time = this.$dayjs().format('YYYY-MM-DD HH:mm:ss');
+      this.form.attachments = (files || []).map(file => ({
+        ...file,
+        description: file.description || '',
+        uploadUserName: file.uploadUserName || userName,
+        uploadTime: file.uploadTime || time,
+      }));
+    },
+    fileSize(file) {
+      if (typeof file.size === 'string' && /[a-z]/i.test(file.size)) return file.size;
+      const bytes = Number(file.size || file.fileSize || 0);
+      if (!bytes) return '-';
+      if (bytes < 1024) return `${bytes}B`;
+      if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB`;
+      return `${(bytes / 1024 / 1024).toFixed(1)}MB`;
+    },
+    payload() {
+      return {
+        id: this.form.id,
+        billNo: this.form.billNo,
+        issuerId: this.form.issuerId,
+        receiverName: this.form.receiverName,
+        billType: this.form.billType,
+        faceAmount: this.form.faceAmount,
+        issueDate: this.form.issueDate,
+        maturityDate: this.form.maturityDate,
+        availableDeptIdsJson: JSON.stringify(this.form.availableDeptIds || []),
+        availableDeptNames: this.form.availableDeptNames,
+        feeBearerId: this.form.feeBearerId,
+        confirmedDiscountRate: this.form.confirmedDiscountRate,
+        issuingBank: this.form.issuingBank,
+        bankDiscountReferenceRate: this.form.bankDiscountReferenceRate,
+        attachmentsJson: JSON.stringify(this.form.attachments || []),
+        remark: this.form.remark,
+      };
+    },
+    async confirmSubmit() {
+      await this.$refs.formRef.validate();
+      this.saving = true;
+      try {
+        await api.submit(this.payload());
+        this.$message.success(this.recordId ? '编辑成功' : '新增成功');
+        this.goBack();
+      } finally {
+        this.saving = false;
+      }
+    },
+    goBack() {
+      this.$router.push('/payment/bill-ledger');
+    },
+    formatMoney(value) {
+      return Number(value || 0).toFixed(2);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.bill-ledger-form-page__title,
+.bill-ledger-form-page__section-title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 16px;
+  font-size: 18px;
+  font-weight: 600;
+}
+.bill-ledger-form-page__title::before,
+.bill-ledger-form-page__section-title::before {
+  width: 4px;
+  height: 20px;
+  margin-right: 8px;
+  background: #409eff;
+  content: '';
+}
+.bill-ledger-form-page__section {
+  margin-bottom: 24px;
+}
+.bill-ledger-form-page__section-title {
+  font-size: 16px;
+}
+.bill-ledger-form-page__form :deep(.el-form-item) {
+  margin-bottom: 16px;
+}
+.bill-ledger-form-page__form :deep(.el-input),
+.bill-ledger-form-page__form :deep(.el-select),
+.bill-ledger-form-page__form :deep(.el-input-number),
+.bill-ledger-form-page__form :deep(.el-date-editor),
+.bill-ledger-form-page__form :deep(.el-tree-select) {
+  width: 100%;
+}
+.bill-ledger-form-page__remark :deep(.el-form-item__content) {
+  margin-left: 0 !important;
+}
+.bill-ledger-form-page__uploader {
+  margin-top: 12px;
+}
+.bill-ledger-form-page__actions {
+  display: flex;
+  justify-content: center;
+  gap: 8px;
+  padding: 16px 0 8px;
+}
+.bill-ledger-form-page :deep(.el-table) {
+  --el-table-border-color: #eff1f7;
+}
+.bill-ledger-form-page :deep(.el-table__row:nth-child(even) > td.el-table__cell) {
+  background: #fafafa;
+}
+@media (max-width: 1024px) {
+  .bill-ledger-form-page :deep(.el-col-12) {
+    max-width: 100%;
+    flex: 0 0 100%;
+  }
+}
+</style>
diff --git a/src/views/payment/bill-ledger.vue b/src/views/payment/bill-ledger.vue
new file mode 100644
index 0000000..1324807
--- /dev/null
+++ b/src/views/payment/bill-ledger.vue
@@ -0,0 +1,116 @@
+<template>
+  <basic-container class="bill-ledger-page">
+    <bill-ledger-search
+      :query="query"
+      :counts="counts"
+      :loading="loading"
+      @search="handleSearch"
+      @reset="resetSearch"
+    />
+    <bill-ledger-table
+      :rows="rows"
+      :loading="loading"
+      :page="page"
+      @add="openCreate"
+      @edit="openEdit"
+      @delete="handleDelete"
+      @page-change="handlePageChange"
+      @size-change="handleSizeChange"
+    />
+  </basic-container>
+</template>
+
+<script>
+import * as api from '@/api/payment/billLedger';
+import BillLedgerSearch from './components/bill-ledger-search.vue';
+import BillLedgerTable from './components/bill-ledger-table.vue';
+
+const emptyQuery = () => ({
+  billNo: '',
+  issueDateRange: [],
+  issuerName: '',
+  receiverName: '',
+  billType: '',
+  maturityStatus: '',
+  expiryShortcut: 'all',
+});
+
+export default {
+  name: 'BillLedger',
+  components: { BillLedgerSearch, BillLedgerTable },
+  data() {
+    return {
+      query: emptyQuery(),
+      counts: { all: 0, within30: 0, within90: 0, over90: 0 },
+      rows: [],
+      loading: false,
+      page: { current: 1, size: 10, total: 0 },
+    };
+  },
+  mounted() {
+    this.loadData();
+  },
+  methods: {
+    unwrapData(response) {
+      const body = response?.data || response || {};
+      return body?.data || body;
+    },
+    requestParams() {
+      const { issueDateRange, ...params } = this.query;
+      return {
+        ...params,
+        issueStartDate: issueDateRange?.[0] || '',
+        issueEndDate: issueDateRange?.[1] || '',
+      };
+    },
+    async loadData() {
+      this.loading = true;
+      try {
+        const [listResponse, countResponse] = await Promise.all([
+          api.getList(this.page.current, this.page.size, this.requestParams()),
+          api.getExpiryCounts(),
+        ]);
+        const data = this.unwrapData(listResponse);
+        this.rows = data.records || [];
+        this.page.total = Number(data.total || 0);
+        this.counts = { ...this.counts, ...(this.unwrapData(countResponse) || {}) };
+      } finally {
+        this.loading = false;
+      }
+    },
+    handleSearch() {
+      this.page.current = 1;
+      this.loadData();
+    },
+    resetSearch() {
+      this.query = emptyQuery();
+      this.handleSearch();
+    },
+    openCreate() {
+      this.$router.push({ path: '/payment/bill-ledger/form', query: { mode: 'add' } });
+    },
+    openEdit(row) {
+      this.$router.push({
+        path: '/payment/bill-ledger/form',
+        query: { mode: 'edit', id: row.id },
+      });
+    },
+    async handleDelete(row) {
+      await this.$confirm('确认删除该汇票台账？', '提示', { type: 'warning' });
+      await api.remove(row.id);
+      this.$message.success('删除成功');
+      if (this.rows.length === 1 && this.page.current > 1) this.page.current -= 1;
+      this.loadData();
+    },
+    handlePageChange(current) {
+      this.page.current = current;
+      this.loadData();
+    },
+    handleSizeChange(size) {
+      this.page.current = 1;
+      this.page.size = size;
+      this.loadData();
+    },
+  },
+};
+</script>
diff --git a/src/views/payment/bill-payment-form.vue b/src/views/payment/bill-payment-form.vue
new file mode 100644
index 0000000..6f78fdf
--- /dev/null
+++ b/src/views/payment/bill-payment-form.vue
@@ -0,0 +1,434 @@
+<template>
+  <basic-container class="bill-payment-form-page">
+    <el-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      label-position="right"
+      label-width="auto"
+      class="bill-payment-form-page__form"
+    >
+      <section class="bill-payment-form-page__section">
+        <div class="bill-payment-form-page__section-title">基本信息</div>
+        <el-row :gutter="48">
+          <el-col :span="12">
+            <el-form-item label="票据号码" prop="billLedgerId">
+              <el-input
+                v-model="form.billNo"
+                readonly
+                :disabled="readonly"
+                placeholder="请选择汇票台账"
+              >
+                <template #append>
+                  <el-button :icon="Search" :disabled="readonly" @click="openBillDialog" />
+                </template>
+              </el-input>
+            </el-form-item>
+            <el-form-item label="可用余额">
+              <el-input :model-value="formatMoney(form.availableBalance)" disabled />
+            </el-form-item>
+            <el-form-item label="付款日期" prop="paymentDate">
+              <el-date-picker
+                v-model="form.paymentDate"
+                type="date"
+                value-format="YYYY-MM-DD"
+                :disabled="readonly"
+                placeholder="请选择"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="票面金额">
+              <el-input :model-value="formatMoney(form.faceAmount)" disabled />
+            </el-form-item>
+            <el-form-item label="本次使用" prop="usedAmount">
+              <el-input-number
+                v-model="form.usedAmount"
+                :disabled="readonly"
+                :min="0"
+                :precision="2"
+                :controls="false"
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="备注" prop="remark" class="bill-payment-form-page__remark">
+              <el-input
+                v-model="form.remark"
+                :disabled="readonly"
+                type="textarea"
+                :rows="3"
+                maxlength="200"
+                show-word-limit
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </section>
+
+      <section class="bill-payment-form-page__section">
+        <div class="bill-payment-form-page__section-title">附件信息</div>
+        <el-table :data="form.attachments" border>
+          <el-table-column type="index" label="序号" width="64" align="center" />
+          <el-table-column label="文件名" min-width="220">
+            <template #default="{ row }">
+              <el-link
+                v-if="row.url || row.link"
+                type="primary"
+                :href="row.url || row.link"
+                target="_blank"
+              >
+                {{ row.originalName || row.name || '附件' }}
+              </el-link>
+              <span v-else>{{ row.originalName || row.name || '-' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="附件描述" min-width="240">
+            <template #default="{ row }">
+              <el-input v-model="row.description" :disabled="readonly" maxlength="200" />
+            </template>
+          </el-table-column>
+          <el-table-column label="文件大小" width="120" align="center">
+            <template #default="{ row }">{{ fileSize(row) }}</template>
+          </el-table-column>
+          <el-table-column prop="uploadUserName" label="上传人" width="130" align="center" />
+          <el-table-column prop="uploadTime" label="上传时间" width="170" align="center" />
+          <el-table-column label="操作" width="100" align="center">
+            <template #default="{ $index }">
+              <el-link v-if="!readonly" type="danger" @click="form.attachments.splice($index, 1)"
+                >删除</el-link
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+        <vehicle-attachment-upload
+          v-if="!readonly"
+          v-model="form.attachments"
+          class="bill-payment-form-page__uploader"
+          :multiple="true"
+          :limit="20"
+          :max-size="10"
+          :file-types="attachmentFileTypes"
+          :show-file-list="false"
+          button-text="上传"
+          @change="normalizeAttachments"
+        />
+      </section>
+
+      <div class="bill-payment-form-page__actions">
+        <template v-if="!readonly">
+          <el-button type="primary" :loading="saving" :disabled="submitting" @click="saveDraft">
+            保存
+          </el-button>
+          <el-button type="primary" :loading="submitting" :disabled="saving" @click="submitForm">
+            提交
+          </el-button>
+        </template>
+        <el-button @click="goBack">取消</el-button>
+      </div>
+    </el-form>
+
+    <el-dialog v-model="billDialog.visible" title="选择汇票台账" width="86%" append-to-body>
+      <div class="bill-payment-form-page__dialog-search">
+        <el-input
+          v-model="billDialog.keyword"
+          clearable
+          placeholder="票据号码、出票单位或收票单位"
+          @keyup.enter="loadBillOptions"
+        />
+        <el-button type="primary" @click="loadBillOptions">查询</el-button>
+      </div>
+      <el-table
+        v-loading="billDialog.loading"
+        :data="billDialog.rows"
+        border
+        highlight-current-row
+        @current-change="billDialog.current = $event"
+        @row-dblclick="selectBill"
+      >
+        <el-table-column prop="billNo" label="票据编号" min-width="170" />
+        <el-table-column prop="issuerName" label="出票单位" min-width="160" />
+        <el-table-column prop="receiverName" label="收票单位" min-width="160" />
+        <el-table-column label="票面金额" min-width="130" align="right">
+          <template #default="{ row }">{{ formatMoney(row.faceAmount) }}</template>
+        </el-table-column>
+        <el-table-column label="可用余额" min-width="130" align="right">
+          <template #default="{ row }">{{ formatMoney(row.availableBalance) }}</template>
+        </el-table-column>
+        <el-table-column prop="maturityDate" label="到期日期" min-width="120" />
+      </el-table>
+      <template #footer>
+        <el-button @click="billDialog.visible = false">取消</el-button>
+        <el-button type="primary" @click="selectBill">确定</el-button>
+      </template>
+    </el-dialog>
+  </basic-container>
+</template>
+
+<script>
+import { Search } from '@element-plus/icons-vue';
+import { mapGetters } from 'vuex';
+import * as api from '@/api/payment/billPayment';
+import * as billLedgerApi from '@/api/payment/billLedger';
+
+const emptyForm = () => ({
+  id: null,
+  billLedgerId: null,
+  billNo: '',
+  faceAmount: 0,
+  availableBalance: 0,
+  usedAmount: null,
+  deptId: null,
+  deptName: '',
+  paymentDate: '',
+  attachments: [],
+  remark: '',
+});
+
+export default {
+  name: 'BillPaymentForm',
+  data() {
+    return {
+      Search,
+      form: emptyForm(),
+      saving: false,
+      submitting: false,
+      billDialog: { visible: false, loading: false, keyword: '', rows: [], current: null },
+      attachmentFileTypes: [
+        'pdf',
+        'bmp',
+        'jpeg',
+        'png',
+        'jpg',
+        'doc',
+        'docx',
+        'ppt',
+        'pptx',
+        'xlsx',
+        'xls',
+        'eml',
+        'msg',
+        'zip',
+      ],
+      rules: {
+        billLedgerId: [{ required: true, message: '请选择汇票台账', trigger: 'change' }],
+        usedAmount: [{ validator: this.validateUsedAmount, trigger: 'change' }],
+        paymentDate: [{ required: true, message: '请选择付款日期', trigger: 'change' }],
+        remark: [{ max: 200, message: '备注不能超过200个字符', trigger: 'blur' }],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters(['userInfo']),
+    recordId() {
+      return this.$route.query.id || '';
+    },
+    readonly() {
+      return this.$route.query.mode === 'view';
+    },
+  },
+  created() {
+    this.initialize();
+  },
+  methods: {
+    unwrapData(response) {
+      const body = response?.data || response || {};
+      return body?.data || body;
+    },
+    parse(value) {
+      if (!value) return [];
+      if (Array.isArray(value)) return value;
+      try {
+        return JSON.parse(value) || [];
+      } catch {
+        return [];
+      }
+    },
+    async initialize() {
+      if (this.recordId) {
+        const data = this.unwrapData(await api.getDetail(this.recordId));
+        this.form = {
+          ...emptyForm(),
+          ...data,
+          attachments: this.parse(data.attachmentsJson),
+        };
+        return;
+      }
+      this.form.deptId = this.userInfo?.deptId || this.userInfo?.dept_id || null;
+      this.form.deptName = this.userInfo?.deptName || this.userInfo?.dept_name || '';
+      this.form.paymentDate = this.$dayjs().format('YYYY-MM-DD');
+    },
+    validateUsedAmount(rule, value, callback) {
+      const amount = Number(value);
+      const balance = Number(this.form.availableBalance || 0);
+      if (!Number.isFinite(amount) || amount <= 0) {
+        callback(new Error('本次使用必须大于0'));
+        return;
+      }
+      if (amount > balance) {
+        callback(new Error('本次使用不能超过汇票可用余额'));
+        return;
+      }
+      callback();
+    },
+    async openBillDialog() {
+      this.billDialog.visible = true;
+      this.billDialog.keyword = this.form.billNo || '';
+      await this.loadBillOptions();
+    },
+    async loadBillOptions() {
+      this.billDialog.loading = true;
+      try {
+        this.billDialog.rows =
+          this.unwrapData(
+            await billLedgerApi.getAvailableOptions(
+              this.billDialog.keyword,
+              this.form.deptId,
+              this.form.billLedgerId
+            )
+          ) || [];
+      } finally {
+        this.billDialog.loading = false;
+      }
+    },
+    selectBill(row) {
+      const selected = row?.id ? row : this.billDialog.current;
+      if (!selected) {
+        this.$message.warning('请选择汇票台账');
+        return;
+      }
+      Object.assign(this.form, {
+        billLedgerId: selected.id,
+        billNo: selected.billNo,
+        faceAmount: selected.faceAmount,
+        availableBalance: selected.availableBalance,
+      });
+      this.billDialog.visible = false;
+      this.$refs.formRef?.validateField('billLedgerId').catch(() => {});
+      this.$refs.formRef?.validateField('usedAmount').catch(() => {});
+    },
+    normalizeAttachments(files) {
+      const userName = this.userInfo?.realName || this.userInfo?.userName || '';
+      const time = this.$dayjs().format('YYYY-MM-DD HH:mm:ss');
+      this.form.attachments = (files || []).map(file => ({
+        ...file,
+        description: file.description || '',
+        uploadUserName: file.uploadUserName || userName,
+        uploadTime: file.uploadTime || time,
+      }));
+    },
+    fileSize(file) {
+      if (typeof file.size === 'string' && /[a-z]/i.test(file.size)) return file.size;
+      const bytes = Number(file.size || file.fileSize || 0);
+      if (!bytes) return '-';
+      if (bytes < 1024) return `${bytes}B`;
+      if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB`;
+      return `${(bytes / 1024 / 1024).toFixed(1)}MB`;
+    },
+    payload() {
+      return {
+        id: this.form.id,
+        billLedgerId: this.form.billLedgerId,
+        usedAmount: this.form.usedAmount,
+        paymentDate: this.form.paymentDate,
+        attachmentsJson: JSON.stringify(this.form.attachments || []),
+        remark: this.form.remark,
+      };
+    },
+    async saveDraft() {
+      await this.$refs.formRef.validate();
+      this.saving = true;
+      try {
+        const id = this.unwrapData(await api.save(this.payload()));
+        this.form.id = id;
+        this.$message.success('保存成功');
+        return true;
+      } finally {
+        this.saving = false;
+      }
+    },
+    async submitForm() {
+      await this.$refs.formRef.validate();
+      this.submitting = true;
+      try {
+        const id = this.unwrapData(await api.save(this.payload()));
+        this.form.id = id;
+        await api.submit({ id: this.form.id });
+        this.$message.success('提交成功');
+        this.goBack();
+      } finally {
+        this.submitting = false;
+      }
+    },
+    goBack() {
+      this.$router.push('/payment/bill-payment');
+    },
+    formatMoney(value) {
+      return Number(value || 0).toFixed(2);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.bill-payment-form-page__section {
+  margin-bottom: 24px;
+}
+.bill-payment-form-page__section-title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 16px;
+  font-size: 18px;
+  font-weight: 600;
+}
+.bill-payment-form-page__section-title::before {
+  width: 4px;
+  height: 20px;
+  margin-right: 8px;
+  background: #409eff;
+  content: '';
+}
+.bill-payment-form-page__form :deep(.el-form-item) {
+  margin-bottom: 16px;
+}
+.bill-payment-form-page__form :deep(.el-input),
+.bill-payment-form-page__form :deep(.el-input-number),
+.bill-payment-form-page__form :deep(.el-date-editor) {
+  width: 100%;
+}
+.bill-payment-form-page__remark :deep(.el-form-item__content) {
+  margin-left: 0 !important;
+}
+.bill-payment-form-page__uploader {
+  margin-top: 12px;
+}
+.bill-payment-form-page__actions {
+  display: flex;
+  justify-content: flex-start;
+  gap: 8px;
+  padding: 16px 0 8px;
+}
+.bill-payment-form-page__dialog-search {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+.bill-payment-form-page__dialog-search .el-input {
+  width: 360px;
+}
+.bill-payment-form-page :deep(.el-table) {
+  --el-table-border-color: #eff1f7;
+}
+.bill-payment-form-page :deep(.el-table__row:nth-child(even) > td.el-table__cell) {
+  background: #fafafa;
+}
+@media (max-width: 1024px) {
+  .bill-payment-form-page :deep(.el-col-12) {
+    max-width: 100%;
+    flex: 0 0 100%;
+  }
+}
+</style>
diff --git a/src/views/payment/bill-payment.vue b/src/views/payment/bill-payment.vue
new file mode 100644
index 0000000..6bd741a
--- /dev/null
+++ b/src/views/payment/bill-payment.vue
@@ -0,0 +1,146 @@
+<template>
+  <basic-container class="bill-payment-page">
+    <bill-payment-search
+      :query="query"
+      :loading="loading"
+      @search="handleSearch"
+      @reset="resetSearch"
+    />
+    <bill-payment-table
+      :rows="rows"
+      :loading="loading"
+      :page="page"
+      @add="openCreate"
+      @view="openView"
+      @edit="openEdit"
+      @delete="handleDelete"
+      @flow="openFlow"
+      @void="handleVoid"
+      @page-change="handlePageChange"
+      @size-change="handleSizeChange"
+    />
+    <el-dialog v-model="flowDialog.visible" title="审批流程" width="620px" append-to-body>
+      <el-descriptions :column="1" border>
+        <el-descriptions-item label="单据号">
+          {{ flowDialog.row.paymentNo || '-' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="单据状态">
+          {{ flowDialog.row.approvalStatusName || '-' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="当前节点">
+          {{ flowDialog.row.currentNode || '-' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="当前处理人">
+          {{ flowDialog.row.currentProcessor || '-' }}
+        </el-descriptions-item>
+      </el-descriptions>
+    </el-dialog>
+  </basic-container>
+</template>
+
+<script>
+import * as api from '@/api/payment/billPayment';
+import BillPaymentSearch from './components/bill-payment-search.vue';
+import BillPaymentTable from './components/bill-payment-table.vue';
+
+const emptyQuery = () => ({
+  paymentNo: '',
+  deptName: '',
+  paymentDateRange: [],
+  approvalStatus: '',
+});
+
+export default {
+  name: 'BillPayment',
+  components: { BillPaymentSearch, BillPaymentTable },
+  data() {
+    return {
+      query: emptyQuery(),
+      rows: [],
+      loading: false,
+      page: { current: 1, size: 10, total: 0 },
+      flowDialog: { visible: false, row: {} },
+    };
+  },
+  mounted() {
+    this.loadTable();
+  },
+  methods: {
+    unwrapData(response) {
+      const body = response?.data || response || {};
+      return body?.data || body;
+    },
+    buildParams() {
+      const params = { ...this.query };
+      const range = params.paymentDateRange || [];
+      delete params.paymentDateRange;
+      if (range.length === 2) {
+        params.paymentStartDate = range[0];
+        params.paymentEndDate = range[1];
+      }
+      return params;
+    },
+    async loadTable() {
+      this.loading = true;
+      try {
+        const data = this.unwrapData(
+          await api.getList(this.page.current, this.page.size, this.buildParams())
+        );
+        this.rows = data.records || [];
+        this.page.total = Number(data.total || 0);
+      } finally {
+        this.loading = false;
+      }
+    },
+    handleSearch() {
+      this.page.current = 1;
+      this.loadTable();
+    },
+    resetSearch() {
+      this.query = emptyQuery();
+      this.handleSearch();
+    },
+    openCreate() {
+      this.$router.push({ path: '/payment/bill-payment/form', query: { mode: 'add' } });
+    },
+    openView(row) {
+      this.$router.push({
+        path: '/payment/bill-payment/form',
+        query: { mode: 'view', id: row.id },
+      });
+    },
+    openEdit(row) {
+      this.$router.push({
+        path: '/payment/bill-payment/form',
+        query: { mode: 'edit', id: row.id },
+      });
+    },
+    async handleDelete(row) {
+      await this.$confirm('确认删除该汇票付款？', '提示', { type: 'warning' });
+      await api.remove(row.id);
+      this.$message.success('删除成功');
+      if (this.rows.length === 1 && this.page.current > 1) this.page.current -= 1;
+      this.loadTable();
+    },
+    openFlow(row) {
+      this.flowDialog.row = row;
+      this.flowDialog.visible = true;
+    },
+    async handleVoid(row) {
+      const { value } = await this.$prompt('请输入作废原因', '作废汇票付款');
+      await api.voidBill({ id: row.id, reason: value });
+      this.$message.success('作废成功');
+      this.loadTable();
+    },
+    handlePageChange(current) {
+      this.page.current = current;
+      this.loadTable();
+    },
+    handleSizeChange(size) {
+      this.page.current = 1;
+      this.page.size = size;
+      this.loadTable();
+    },
+  },
+};
+</script>
diff --git a/src/views/payment/components/bill-ledger-search.vue b/src/views/payment/components/bill-ledger-search.vue
new file mode 100644
index 0000000..0e090a5
--- /dev/null
+++ b/src/views/payment/components/bill-ledger-search.vue
@@ -0,0 +1,149 @@
+<template>
+  <section class="bill-ledger-search">
+    <el-form :model="query" label-position="right" label-width="160px" @submit.prevent>
+      <div class="bill-ledger-search__grid">
+        <el-form-item label="票据编号">
+          <el-input v-model="query.billNo" clearable placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="出票日期">
+          <el-date-picker
+            v-model="query.issueDateRange"
+            type="daterange"
+            unlink-panels
+            clearable
+            value-format="YYYY-MM-DD"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          />
+        </el-form-item>
+        <el-form-item label="出票单位">
+          <el-input v-model="query.issuerName" clearable placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="收票单位">
+          <el-input v-model="query.receiverName" clearable placeholder="请输入" />
+        </el-form-item>
+        <el-form-item v-if="expanded" label="汇票类型">
+          <el-select v-model="query.billType" clearable placeholder="请选择">
+            <el-option
+              v-for="item in billTypeOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="expanded" label="到期状态">
+          <el-select v-model="query.maturityStatus" clearable placeholder="请选择">
+            <el-option
+              v-for="item in maturityStatusOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </div>
+      <div class="bill-ledger-search__shortcut-row">
+        <span class="bill-ledger-search__shortcut-label">到期快捷筛选</span>
+        <el-segmented v-model="query.expiryShortcut" :options="shortcutOptions" />
+      </div>
+      <div class="bill-ledger-search__actions">
+        <el-button type="primary" :loading="loading" @click="$emit('search')">查询</el-button>
+        <el-button @click="$emit('reset')">重置</el-button>
+        <el-tooltip :content="expanded ? '折叠' : '展开'" placement="top">
+          <el-button text @click="expanded = !expanded">
+            <el-icon><component :is="expanded ? ArrowUp : ArrowDown" /></el-icon>
+          </el-button>
+        </el-tooltip>
+      </div>
+    </el-form>
+  </section>
+</template>
+
+<script>
+import { ArrowDown, ArrowUp } from '@element-plus/icons-vue';
+import { billTypeOptions, maturityStatusOptions } from '@/api/payment/billLedger';
+
+export default {
+  name: 'BillLedgerSearch',
+  props: {
+    query: { type: Object, required: true },
+    counts: { type: Object, default: () => ({}) },
+    loading: { type: Boolean, default: false },
+  },
+  emits: ['search', 'reset'],
+  data() {
+    return {
+      ArrowDown,
+      ArrowUp,
+      expanded: false,
+      billTypeOptions,
+      maturityStatusOptions,
+    };
+  },
+  computed: {
+    shortcutOptions() {
+      return [
+        { label: `全部（${this.counts.all || 0}）`, value: 'all' },
+        { label: `30天内到期（${this.counts.within30 || 0}）`, value: 'within30' },
+        { label: `90天内到期（${this.counts.within90 || 0}）`, value: 'within90' },
+        { label: `90天以上（${this.counts.over90 || 0}）`, value: 'over90' },
+      ];
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.bill-ledger-search {
+  padding: 12px 12px 4px;
+  background: #fff;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+.bill-ledger-search__grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px 24px;
+}
+.bill-ledger-search :deep(.el-form-item) {
+  margin-bottom: 8px;
+}
+.bill-ledger-search :deep(.el-input),
+.bill-ledger-search :deep(.el-select),
+.bill-ledger-search :deep(.el-date-editor) {
+  width: 100%;
+}
+.bill-ledger-search__shortcut-row {
+  display: flex;
+  align-items: center;
+  min-height: 40px;
+}
+.bill-ledger-search__shortcut-label {
+  width: 160px;
+  padding-right: 12px;
+  color: var(--el-text-color-regular);
+  text-align: right;
+  white-space: nowrap;
+}
+.bill-ledger-search__shortcut-row :deep(.el-segmented) {
+  --el-segmented-item-selected-bg-color: #409eff;
+  --el-segmented-item-selected-color: #fff;
+}
+.bill-ledger-search__actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+@media (max-width: 1200px) {
+  .bill-ledger-search__grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .bill-ledger-search__shortcut-row {
+    align-items: flex-start;
+  }
+  .bill-ledger-search__shortcut-row :deep(.el-segmented) {
+    max-width: calc(100% - 160px);
+  }
+}
+</style>
diff --git a/src/views/payment/components/bill-ledger-table.vue b/src/views/payment/components/bill-ledger-table.vue
new file mode 100644
index 0000000..86464bc
--- /dev/null
+++ b/src/views/payment/components/bill-ledger-table.vue
@@ -0,0 +1,121 @@
+<template>
+  <section class="bill-ledger-table">
+    <div class="bill-ledger-table__toolbar">
+      <div class="bill-ledger-table__title">汇票台账列表</div>
+      <el-button v-if="hasPermission('bill_ledger_add')" type="primary" @click="$emit('add')">
+        新增
+      </el-button>
+    </div>
+    <el-table v-loading="loading" :data="rows" border>
+      <el-table-column type="index" label="序号" width="64" fixed="left" align="center" />
+      <el-table-column
+        v-for="column in columns"
+        :key="column.prop"
+        v-bind="column"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          <span v-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
+          <span v-else>{{ displayValue(row[column.prop]) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="220" fixed="right" align="center">
+        <template #default="{ row }">
+          <div class="bill-ledger-table__links">
+            <el-link
+              v-if="hasPermission('bill_ledger_edit')"
+              type="primary"
+              @click="$emit('edit', row)"
+            >
+              编辑
+            </el-link>
+            <el-link
+              v-if="hasPermission('bill_ledger_delete')"
+              type="danger"
+              @click="$emit('delete', row)"
+            >
+              删除
+            </el-link>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="bill-ledger-table__pagination">
+      <el-pagination
+        :current-page="page.current"
+        :page-size="page.size"
+        :total="page.total"
+        :page-sizes="[10, 20, 50, 100]"
+        layout="total, sizes, prev, pager, next, jumper"
+        @current-change="$emit('page-change', $event)"
+        @size-change="$emit('size-change', $event)"
+      />
+    </div>
+  </section>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import { billLedgerTableColumns } from '@/option/payment/billLedger';
+
+export default {
+  name: 'BillLedgerTable',
+  props: {
+    rows: { type: Array, default: () => [] },
+    loading: { type: Boolean, default: false },
+    page: { type: Object, required: true },
+  },
+  emits: ['add', 'edit', 'delete', 'page-change', 'size-change'],
+  data() {
+    return { columns: billLedgerTableColumns };
+  },
+  computed: {
+    ...mapGetters(['permission']),
+  },
+  methods: {
+    hasPermission(code) {
+      return this.permission?.[code] !== false;
+    },
+    displayValue(value) {
+      return value === null || value === undefined || value === '' ? '-' : value;
+    },
+    formatMoney(value) {
+      return Number(value || 0).toFixed(2);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.bill-ledger-table {
+  margin-top: 8px;
+}
+.bill-ledger-table__toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 0;
+}
+.bill-ledger-table__title {
+  font-size: 16px;
+  font-weight: 600;
+}
+.bill-ledger-table__links {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 8px;
+}
+.bill-ledger-table__pagination {
+  display: flex;
+  justify-content: flex-end;
+  padding: 16px 0;
+}
+.bill-ledger-table :deep(.el-table) {
+  --el-table-border-color: #eff1f7;
+}
+.bill-ledger-table :deep(.el-table__row:nth-child(even) > td.el-table__cell) {
+  background: #fafafa;
+}
+</style>
diff --git a/src/views/payment/components/bill-payment-search.vue b/src/views/payment/components/bill-payment-search.vue
new file mode 100644
index 0000000..819350b
--- /dev/null
+++ b/src/views/payment/components/bill-payment-search.vue
@@ -0,0 +1,94 @@
+<template>
+  <section class="bill-payment-search">
+    <el-form :model="query" label-position="right" label-width="160px" @submit.prevent>
+      <div class="bill-payment-search__grid">
+        <el-form-item label="单据号">
+          <el-input v-model="query.paymentNo" clearable placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="使用部门">
+          <el-input v-model="query.deptName" clearable placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="付款日期">
+          <el-date-picker
+            v-model="query.paymentDateRange"
+            type="daterange"
+            unlink-panels
+            clearable
+            value-format="YYYY-MM-DD"
+            range-separator="~"
+            start-placeholder="年/月/日"
+            end-placeholder="年/月/日"
+          />
+        </el-form-item>
+        <el-form-item label="单据状态">
+          <el-select v-model="query.approvalStatus" clearable placeholder="请选择">
+            <el-option
+              v-for="item in approvalStatusOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </div>
+      <div class="bill-payment-search__actions">
+        <el-button type="primary" :loading="loading" @click="$emit('search')">查询</el-button>
+        <el-button @click="$emit('reset')">重置</el-button>
+        <el-tooltip :content="expanded ? '折叠' : '展开'" placement="top">
+          <el-button text @click="expanded = !expanded">
+            <el-icon><component :is="expanded ? ArrowUp : ArrowDown" /></el-icon>
+          </el-button>
+        </el-tooltip>
+      </div>
+    </el-form>
+  </section>
+</template>
+
+<script>
+import { ArrowDown, ArrowUp } from '@element-plus/icons-vue';
+import { approvalStatusOptions } from '@/api/payment/billPayment';
+
+export default {
+  name: 'BillPaymentSearch',
+  props: {
+    query: { type: Object, required: true },
+    loading: { type: Boolean, default: false },
+  },
+  emits: ['search', 'reset'],
+  data() {
+    return { ArrowDown, ArrowUp, expanded: false, approvalStatusOptions };
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.bill-payment-search {
+  padding: 12px 12px 4px;
+  background: #fff;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+.bill-payment-search__grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px 24px;
+}
+.bill-payment-search :deep(.el-form-item) {
+  margin-bottom: 8px;
+}
+.bill-payment-search :deep(.el-input),
+.bill-payment-search :deep(.el-select),
+.bill-payment-search :deep(.el-date-editor) {
+  width: 100%;
+}
+.bill-payment-search__actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+@media (max-width: 1200px) {
+  .bill-payment-search__grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+</style>
diff --git a/src/views/payment/components/bill-payment-table.vue b/src/views/payment/components/bill-payment-table.vue
new file mode 100644
index 0000000..80b5b0f
--- /dev/null
+++ b/src/views/payment/components/bill-payment-table.vue
@@ -0,0 +1,149 @@
+<template>
+  <section class="bill-payment-table">
+    <div class="bill-payment-table__toolbar">
+      <el-button v-if="hasPermission('bill_payment_add')" type="primary" @click="$emit('add')">
+        新增
+      </el-button>
+    </div>
+    <el-table v-loading="loading" :data="rows" border>
+      <el-table-column type="index" label="序号" width="64" fixed="left" align="center" />
+      <el-table-column
+        v-for="column in columns"
+        :key="column.prop"
+        v-bind="column"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          <el-tag v-if="column.status" :type="statusType(row.approvalStatus)">
+            {{ row[column.prop] || '-' }}
+          </el-tag>
+          <span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
+          <span v-else>{{ displayValue(row[column.prop]) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="220" fixed="right" align="center">
+        <template #default="{ row }">
+          <div class="bill-payment-table__links">
+            <el-link
+              v-if="
+                ['reviewing', 'approved', 'voided'].includes(row.approvalStatus) &&
+                hasPermission('bill_payment_view')
+              "
+              type="primary"
+              @click="$emit('view', row)"
+              >查看</el-link
+            >
+            <el-link
+              v-if="row.approvalStatus === 'draft' && hasPermission('bill_payment_delete')"
+              type="danger"
+              @click="$emit('delete', row)"
+              >删除</el-link
+            >
+            <el-link
+              v-if="
+                ['draft', 'returned'].includes(row.approvalStatus) &&
+                hasPermission('bill_payment_edit')
+              "
+              type="primary"
+              @click="$emit('edit', row)"
+              >编辑</el-link
+            >
+            <el-link
+              v-if="row.approvalStatus !== 'draft'"
+              type="primary"
+              @click="$emit('flow', row)"
+              >流程</el-link
+            >
+            <el-link
+              v-if="row.approvalStatus === 'approved' && hasPermission('bill_payment_void')"
+              type="danger"
+              @click="$emit('void', row)"
+              >作废</el-link
+            >
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="bill-payment-table__pagination">
+      <el-pagination
+        :current-page="page.current"
+        :page-size="page.size"
+        :total="page.total"
+        :page-sizes="[10, 20, 50, 100]"
+        layout="total, sizes, prev, pager, next, jumper"
+        @current-change="$emit('page-change', $event)"
+        @size-change="$emit('size-change', $event)"
+      />
+    </div>
+  </section>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import { billPaymentTableColumns } from '@/option/payment/billPayment';
+
+export default {
+  name: 'BillPaymentTable',
+  props: {
+    rows: { type: Array, default: () => [] },
+    loading: { type: Boolean, default: false },
+    page: { type: Object, required: true },
+  },
+  emits: ['add', 'view', 'edit', 'delete', 'flow', 'void', 'page-change', 'size-change'],
+  data() {
+    return { columns: billPaymentTableColumns };
+  },
+  computed: {
+    ...mapGetters(['permission', 'userInfo']),
+    isAdmin() {
+      return String(this.userInfo?.authority || '').includes('admin');
+    },
+  },
+  methods: {
+    hasPermission(code) {
+      return this.isAdmin || this.permission?.[code] === true;
+    },
+    statusType(status) {
+      return (
+        { reviewing: 'warning', returned: 'danger', approved: 'success', voided: 'info' }[status] ||
+        ''
+      );
+    },
+    displayValue(value) {
+      return value === null || value === undefined || value === '' ? '-' : value;
+    },
+    formatMoney(value) {
+      return Number(value || 0).toFixed(2);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.bill-payment-table {
+  margin-top: 8px;
+}
+.bill-payment-table__toolbar {
+  display: flex;
+  justify-content: flex-start;
+  padding: 12px 0;
+}
+.bill-payment-table__links {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 8px;
+}
+.bill-payment-table__pagination {
+  display: flex;
+  justify-content: flex-end;
+  padding: 16px 0;
+}
+.bill-payment-table :deep(.el-table) {
+  --el-table-border-color: #eff1f7;
+}
+.bill-payment-table :deep(.el-table__row:nth-child(even) > td.el-table__cell) {
+  background: #fafafa;
+}
+</style>
diff --git a/src/views/payment/invoice-application-form.vue b/src/views/payment/invoice-application-form.vue
new file mode 100644
index 0000000..0b94797
--- /dev/null
+++ b/src/views/payment/invoice-application-form.vue
@@ -0,0 +1,1044 @@
+<template>
+  <basic-container class="invoice-form-page">
+    <div class="invoice-form-page__title">
+      {{ readonly ? '查看开票申请' : recordId ? '编辑开票申请' : '新增开票申请' }}
+    </div>
+
+    <el-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      label-position="right"
+      label-width="auto"
+      class="invoice-form-page__form"
+    >
+      <section class="invoice-form-page__section">
+        <div class="invoice-form-page__section-title">开票基本信息</div>
+        <el-row :gutter="24">
+          <el-col :span="8">
+            <el-form-item label="结算单" prop="settlementIds">
+              <el-input :model-value="settlementLabel" readonly placeholder="请选择正式结算单">
+                <template v-if="!readonly" #append>
+                  <el-button @click="openSettlementDialog">选择</el-button>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="所属项目">
+              <el-input v-model="form.projectName" disabled placeholder="根据结算单自动带出" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="开票单位">
+              <el-input v-model="form.issuerName" disabled placeholder="根据结算单自动带出" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="发票类型" prop="invoiceType">
+              <el-select
+                v-model="form.invoiceType"
+                :disabled="readonly"
+                @change="handleInvoiceTypeChange"
+              >
+                <el-option
+                  v-for="item in invoiceTypeOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="可开票金额">
+              <el-input
+                :model-value="form.settlements.length ? formatMoney(availableInvoiceAmount) : ''"
+                disabled
+                placeholder="根据结算单自动计算"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="本次开票金额">
+              <el-input
+                :model-value="invoiceAmount > 0 ? formatMoney(invoiceAmount) : ''"
+                disabled
+                placeholder="根据开票明细自动计算"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="申请日期">
+              <el-input v-model="form.applicationDate" disabled placeholder="提交后自动显示" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="申请人">
+              <el-input v-model="form.applicantName" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="承办部门">
+              <el-input
+                v-model="form.undertakingDeptName"
+                disabled
+                placeholder="根据结算单自动带出"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="部门邮箱" prop="departmentEmails">
+              <el-select
+                v-model="form.departmentEmails"
+                :disabled="readonly"
+                multiple
+                filterable
+                allow-create
+                default-first-option
+                :multiple-limit="3"
+              >
+                <el-option
+                  v-for="email in departmentEmailOptions"
+                  :key="email"
+                  :label="email"
+                  :value="email"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </section>
+
+      <section class="invoice-form-page__section">
+        <div class="invoice-form-page__section-title">受票方信息</div>
+        <el-row :gutter="24">
+          <el-col :span="8">
+            <el-form-item label="受票方单位" prop="receiverInvoiceInfoId">
+              <el-select
+                v-model="form.receiverInvoiceInfoId"
+                :disabled="readonly"
+                filterable
+                @change="handleReceiverChange"
+              >
+                <el-option
+                  v-for="item in receiverInvoiceOptions"
+                  :key="item.id"
+                  :label="item.invoiceTitle"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="纳税人识别号" prop="taxpayerNo">
+              <el-input v-model="form.taxpayerNo" disabled placeholder="选择受票方单位后自动带出" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="开户账号" prop="bankAccount">
+              <el-input
+                v-model="form.bankAccount"
+                disabled
+                placeholder="选择受票方单位后自动带出"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="开户行" prop="bankName">
+              <el-input v-model="form.bankName" disabled placeholder="选择受票方单位后自动带出" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="注册地址" prop="registeredAddress">
+              <el-input
+                v-model="form.registeredAddress"
+                disabled
+                placeholder="选择受票方单位后自动带出"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="联系人">
+              <el-select
+                v-model="form.contactName"
+                :disabled="readonly"
+                clearable
+                filterable
+                allow-create
+                @change="handleContactChange"
+              >
+                <el-option
+                  v-for="item in contactOptions"
+                  :key="item.id"
+                  :label="item.contactName"
+                  :value="item.contactName"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="联系电话" prop="contactPhone">
+              <el-input v-model="form.contactPhone" :disabled="readonly" maxlength="11" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="邮箱" prop="email">
+              <el-input v-model="form.email" :disabled="readonly" maxlength="100" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </section>
+
+      <section class="invoice-form-page__section">
+        <div class="invoice-form-page__section-heading">
+          <div class="invoice-form-page__section-title">开票内容</div>
+          <el-button v-if="!readonly" type="primary" @click="addSheet">添加</el-button>
+        </div>
+        <div v-for="(sheet, sheetIndex) in form.sheets" :key="sheet.localId" class="invoice-sheet">
+          <div class="invoice-sheet__header">
+            <span>第{{ sheetIndex + 1 }}张</span>
+            <el-link
+              v-if="!readonly && form.sheets.length > 1"
+              type="danger"
+              @click="removeSheet(sheetIndex)"
+              >删除</el-link
+            >
+          </div>
+          <el-table :data="sheet.lines" border>
+            <el-table-column type="index" label="序号" width="64" align="center" />
+            <el-table-column label="商品和服务分类" min-width="160">
+              <template #default="{ row }">
+                <el-select v-model="row.goodsCategory" :disabled="readonly">
+                  <el-option
+                    v-for="item in goodsCategoryOptions"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column label="货物或服务简称" min-width="170">
+              <template #default="{ row }">
+                <el-select v-model="row.goodsName" :disabled="readonly" filterable allow-create>
+                  <el-option
+                    v-for="item in goodsNameOptions"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column label="单位" min-width="100">
+              <template #default="{ row }">
+                <el-select v-model="row.unit" :disabled="readonly" filterable allow-create>
+                  <el-option v-for="item in unitOptions" :key="item" :label="item" :value="item" />
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column label="数量" min-width="120">
+              <template #default="{ row }">
+                <el-input-number
+                  v-model="row.quantity"
+                  :disabled="readonly"
+                  :min="0"
+                  :precision="2"
+                  :controls="false"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column label="不含税单价" min-width="130">
+              <template #default="{ row }">
+                <el-input-number
+                  v-model="row.unitPriceNoTax"
+                  :disabled="readonly"
+                  :min="0"
+                  :precision="2"
+                  :controls="false"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column label="含税金额" min-width="130">
+              <template #default="{ row }">
+                <el-input-number
+                  v-model="row.amountWithTax"
+                  :disabled="readonly"
+                  :min="0"
+                  :precision="2"
+                  :controls="false"
+                  @change="recalculateLine(row)"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column label="税率" min-width="110">
+              <template #default="{ row }">
+                <el-select
+                  v-model="row.taxRate"
+                  :disabled="readonly"
+                  @change="recalculateLine(row)"
+                >
+                  <el-option
+                    v-for="item in taxRateOptions"
+                    :key="item"
+                    :label="`${item}%`"
+                    :value="item"
+                  />
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column label="税额" min-width="120">
+              <template #default="{ row }">{{ formatMoney(row.taxAmount) }}</template>
+            </el-table-column>
+            <el-table-column label="备注" min-width="170">
+              <template #default="{ row }">
+                <el-input v-model="row.remark" :disabled="readonly" maxlength="200" />
+              </template>
+            </el-table-column>
+            <el-table-column v-if="!readonly" label="操作" width="110" fixed="right" align="center">
+              <template #default="{ $index }">
+                <div class="invoice-form-page__links">
+                  <el-link type="primary" @click="addLine(sheet)">添加</el-link>
+                  <el-link
+                    v-if="sheet.lines.length > 1"
+                    type="danger"
+                    @click="sheet.lines.splice($index, 1)"
+                    >删除</el-link
+                  >
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </section>
+
+      <section class="invoice-form-page__section">
+        <div class="invoice-form-page__section-title">结算信息</div>
+        <el-table :data="form.settlements" border>
+          <el-table-column type="index" label="序号" width="64" align="center" />
+          <el-table-column prop="formalSettlementNo" label="结算单号" min-width="170" />
+          <el-table-column label="结算总金额" min-width="140" align="right">
+            <template #default="{ row }">{{ formatMoney(row.settlementAmount) }}</template>
+          </el-table-column>
+          <el-table-column label="可开票金额" min-width="140" align="right">
+            <template #default="{ row }">{{ formatMoney(row.availableInvoiceAmount) }}</template>
+          </el-table-column>
+          <el-table-column label="分摊发票金额" min-width="160">
+            <template #default="{ row }">
+              <el-input-number
+                v-model="row.allocatedInvoiceAmount"
+                :disabled="readonly"
+                :min="0"
+                :max="Number(row.availableInvoiceAmount || 0)"
+                :precision="2"
+                :controls="false"
+              />
+            </template>
+          </el-table-column>
+        </el-table>
+      </section>
+
+      <section class="invoice-form-page__section">
+        <div class="invoice-form-page__section-title">开票明细</div>
+        <el-table
+          ref="detailTable"
+          :data="detailRows"
+          border
+          @selection-change="handleDetailSelection"
+        >
+          <el-table-column
+            v-if="!readonly"
+            type="selection"
+            width="52"
+            fixed="left"
+            align="center"
+          />
+          <el-table-column type="index" label="序号" width="64" fixed="left" align="center" />
+          <el-table-column
+            v-for="column in detailColumns"
+            :key="column.prop"
+            v-bind="column"
+            align="center"
+            show-overflow-tooltip
+          >
+            <template #default="{ row }">
+              <el-link v-if="column.link && row[column.prop]" type="primary">
+                {{ row[column.prop] }}
+              </el-link>
+              <span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
+              <span v-else>{{ displayValue(row[column.prop]) }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </section>
+
+      <section class="invoice-form-page__section">
+        <div class="invoice-form-page__section-title">附件信息</div>
+        <vehicle-attachment-upload
+          v-model="form.attachments"
+          :readonly="readonly"
+          :multiple="true"
+          :limit="20"
+          :max-size="50"
+          :file-types="attachmentFileTypes"
+          :show-file-list="false"
+          button-text="上传"
+          @change="normalizeAttachments"
+        />
+        <el-table :data="form.attachments" border>
+          <el-table-column type="index" label="序号" width="64" align="center" />
+          <el-table-column prop="originalName" label="文件名" min-width="220" />
+          <el-table-column label="附件描述" min-width="240">
+            <template #default="{ row }">
+              <el-input v-model="row.description" :disabled="readonly" maxlength="200" />
+            </template>
+          </el-table-column>
+          <el-table-column prop="size" label="文件大小" width="120" />
+          <el-table-column prop="uploadUserName" label="上传人" width="140" />
+          <el-table-column prop="uploadTime" label="上传时间" width="170" />
+          <el-table-column label="操作" width="110" align="center">
+            <template #default="{ row, $index }">
+              <div class="invoice-form-page__links">
+                <el-link type="primary" :href="row.url || row.link" target="_blank">查看</el-link>
+                <el-link v-if="!readonly" type="danger" @click="form.attachments.splice($index, 1)"
+                  >删除</el-link
+                >
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </section>
+
+      <section class="invoice-form-page__section">
+        <div class="invoice-form-page__section-title">备注</div>
+        <el-form-item class="invoice-form-page__remark">
+          <el-input
+            v-model="form.remark"
+            :disabled="readonly"
+            type="textarea"
+            :rows="3"
+            maxlength="200"
+            show-word-limit
+          />
+        </el-form-item>
+      </section>
+
+      <div class="invoice-form-page__actions">
+        <el-button v-if="!readonly" type="primary" plain @click="syncReferenceData">同步</el-button>
+        <el-button v-if="!readonly && canSave" @click="saveDraft">保存</el-button>
+        <el-button
+          v-if="!readonly && canSave && hasPermission('invoice_application_submit')"
+          type="primary"
+          @click="submitForm"
+          >提交</el-button
+        >
+        <el-button @click="goBack">返回</el-button>
+      </div>
+    </el-form>
+
+    <el-dialog v-model="settlementDialog.visible" title="选择正式结算单" width="86%" append-to-body>
+      <div class="invoice-form-page__dialog-search">
+        <el-input
+          v-model="settlementDialog.keyword"
+          clearable
+          placeholder="结算单号、项目或合同"
+          @keyup.enter="loadSettlementCandidates"
+        />
+        <el-button type="primary" @click="loadSettlementCandidates">查询</el-button>
+      </div>
+      <el-table
+        ref="settlementTable"
+        v-loading="settlementDialog.loading"
+        :data="settlementDialog.rows"
+        border
+        @selection-change="settlementDialog.selection = $event"
+      >
+        <el-table-column type="selection" width="52" align="center" />
+        <el-table-column prop="formalSettlementNo" label="结算单号" min-width="170" />
+        <el-table-column prop="projectName" label="所属项目" min-width="150" />
+        <el-table-column prop="deptName" label="所属组织" min-width="150" />
+        <el-table-column prop="contractNo" label="合同编号" min-width="150" />
+        <el-table-column prop="contractName" label="合同名称" min-width="170" />
+        <el-table-column prop="issuerName" label="开票方" min-width="150" />
+        <el-table-column prop="receiverName" label="受票方" min-width="150" />
+        <el-table-column label="结算金额" min-width="130" align="right">
+          <template #default="{ row }">{{ formatMoney(row.settlementAmount) }}</template>
+        </el-table-column>
+        <el-table-column label="可开票金额" min-width="140" align="right">
+          <template #default="{ row }">{{ formatMoney(row.availableInvoiceAmount) }}</template>
+        </el-table-column>
+      </el-table>
+      <template #footer>
+        <el-button @click="settlementDialog.visible = false">取消</el-button>
+        <el-button type="primary" @click="confirmSettlements">确定</el-button>
+      </template>
+    </el-dialog>
+  </basic-container>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import * as api from '@/api/payment/invoiceApplication';
+import { invoiceApplicationDetailColumns } from '@/option/payment/invoiceApplication';
+
+let localId = 0;
+const emptyLine = () => ({
+  localId: ++localId,
+  goodsCategory: '交通运输服务',
+  goodsName: '运费',
+  unit: '吨',
+  quantity: 0,
+  unitPriceNoTax: 0,
+  amountWithTax: 0,
+  taxRate: 0,
+  taxAmount: 0,
+  remark: '',
+});
+const emptySheet = () => ({ localId: ++localId, lines: [emptyLine()] });
+const emptyForm = () => ({
+  id: null,
+  applicationNo: '',
+  projectName: '',
+  deptName: '',
+  issuerName: '',
+  invoiceType: 'electronic_special',
+  applicationDate: '',
+  applicantName: '',
+  undertakingDeptName: '',
+  departmentEmails: [],
+  receiverInvoiceInfoId: null,
+  receiverName: '',
+  taxpayerNo: '',
+  bankName: '',
+  bankAccount: '',
+  registeredAddress: '',
+  contactName: '',
+  contactPhone: '',
+  email: '',
+  settlements: [],
+  sheets: [emptySheet()],
+  attachments: [],
+  remark: '',
+});
+
+export default {
+  name: 'InvoiceApplicationForm',
+  data() {
+    return {
+      form: emptyForm(),
+      detailRows: [],
+      selectedDetailIds: [],
+      receiverInvoiceOptions: [],
+      contactOptions: [],
+      departmentEmailOptions: [],
+      invoiceTypeOptions: api.invoiceTypeOptions,
+      detailColumns: invoiceApplicationDetailColumns,
+      goodsCategoryOptions: ['交通运输服务', '生产生活服务', '其他现代服务'],
+      goodsNameOptions: ['运费', '装卸搬运服务', '过路费', '仓储服务', '代理服务费'],
+      unitOptions: ['吨', '车', '次', '项'],
+      taxRateOptions: [0, 1, 3, 6, 9, 13],
+      attachmentFileTypes: [
+        'pdf',
+        'bmp',
+        'jpeg',
+        'png',
+        'jpg',
+        'doc',
+        'docx',
+        'ppt',
+        'pptx',
+        'xlsx',
+        'xls',
+        'eml',
+        'msg',
+        'zip',
+        'rar',
+      ],
+      settlementDialog: {
+        visible: false,
+        loading: false,
+        keyword: '',
+        rows: [],
+        selection: [],
+      },
+      rules: {
+        settlementIds: [{ validator: this.validateSettlements, trigger: 'change' }],
+        invoiceType: [{ required: true, message: '请选择发票类型', trigger: 'change' }],
+        departmentEmails: [
+          { type: 'array', required: true, min: 1, message: '请选择部门邮箱', trigger: 'change' },
+        ],
+        receiverInvoiceInfoId: [{ required: true, message: '请选择受票方单位', trigger: 'change' }],
+        contactPhone: [{ pattern: /^\d{11}$/, message: '联系电话必须为11位数字', trigger: 'blur' }],
+        taxpayerNo: [{ validator: this.validateInvoiceInfoField, trigger: 'change' }],
+        bankAccount: [{ validator: this.validateInvoiceInfoField, trigger: 'change' }],
+        bankName: [{ validator: this.validateInvoiceInfoField, trigger: 'change' }],
+        registeredAddress: [{ validator: this.validateInvoiceInfoField, trigger: 'change' }],
+        email: [{ validator: this.validateReceiverEmails, trigger: 'blur' }],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters(['permission']),
+    recordId() {
+      return this.$route.query.id || '';
+    },
+    readonly() {
+      return this.$route.query.mode === 'view';
+    },
+    canSave() {
+      const code = this.recordId ? 'invoice_application_edit' : 'invoice_application_add';
+      return this.hasPermission(code);
+    },
+    settlementLabel() {
+      return this.form.settlements
+        .map(item => item.formalSettlementNo)
+        .filter(Boolean)
+        .join(',');
+    },
+    settlementIds() {
+      return this.form.settlements.map(item => item.formalSettlementId || item.settlementId);
+    },
+    availableInvoiceAmount() {
+      return this.form.settlements.reduce(
+        (total, item) => total + Number(item.availableInvoiceAmount || 0),
+        0
+      );
+    },
+    invoiceAmount() {
+      return this.form.sheets.reduce(
+        (sheetTotal, sheet) =>
+          sheetTotal +
+          sheet.lines.reduce((lineTotal, line) => lineTotal + Number(line.amountWithTax || 0), 0),
+        0
+      );
+    },
+    allocatedTotal() {
+      return this.form.settlements.reduce(
+        (total, item) => total + Number(item.allocatedInvoiceAmount || 0),
+        0
+      );
+    },
+  },
+  created() {
+    this.initialize();
+  },
+  methods: {
+    hasPermission(code) {
+      return this.permission?.[code] !== false;
+    },
+    unwrapData(response) {
+      const body = response?.data || response || {};
+      return body?.data || body;
+    },
+    parse(value) {
+      if (!value) return [];
+      if (Array.isArray(value)) return value;
+      try {
+        return JSON.parse(value) || [];
+      } catch {
+        return [];
+      }
+    },
+    async initialize() {
+      const userInfo = this.$store.getters.userInfo || {};
+      const userEmail = userInfo.email || '';
+      this.departmentEmailOptions = userEmail ? [userEmail] : [];
+      if (!this.recordId) {
+        this.form.applicantName = userInfo.realName || userInfo.userName || '';
+        if (userEmail) this.form.departmentEmails = [userEmail];
+        return;
+      }
+      const data = this.unwrapData(await api.getDetail(this.recordId));
+      this.form = {
+        ...emptyForm(),
+        ...data,
+        departmentEmails: String(data.departmentEmails || '')
+          .split(';')
+          .filter(Boolean),
+        settlements: (data.settlements || []).map(item => ({
+          ...item,
+          settlementId: item.formalSettlementId,
+        })),
+        sheets: (data.sheets || []).map(item => ({
+          ...item,
+          localId: ++localId,
+          lines: (item.lines || []).map(line => ({ ...line, localId: ++localId })),
+        })),
+        attachments: this.parse(data.attachmentsJson),
+      };
+      if (!this.form.sheets.length) this.form.sheets = [emptySheet()];
+      this.selectedDetailIds = (data.details || []).map(item => item.formalSettlementDetailId);
+      if (this.settlementIds.length) {
+        await Promise.all([this.loadReceiverInformation(), this.loadSettlementDetails(false)]);
+      }
+      this.$nextTick(this.restoreDetailSelection);
+    },
+    validateSettlements(rule, value, callback) {
+      if (!this.form.settlements.length) {
+        callback(new Error('请选择正式结算单'));
+        return;
+      }
+      callback();
+    },
+    validateInvoiceInfoField(rule, value, callback) {
+      const labels = {
+        taxpayerNo: '纳税人识别号',
+        bankAccount: '开户账号',
+        bankName: '开户行',
+        registeredAddress: '注册地址',
+      };
+      if (this.form.invoiceType === 'electronic_special' && !value) {
+        callback(new Error(`电子专票的${labels[rule.field]}不能为空`));
+        return;
+      }
+      callback();
+    },
+    validateReceiverEmails(rule, value, callback) {
+      if (!value) {
+        callback();
+        return;
+      }
+      const emails = String(value)
+        .split(/[;,，；]/)
+        .map(item => item.trim())
+        .filter(Boolean);
+      const valid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+      if (emails.length > 3) {
+        callback(new Error('邮箱最多填写3个'));
+        return;
+      }
+      if (emails.some(email => !valid.test(email))) {
+        callback(new Error('请输入正确的邮箱，多个邮箱使用分号分隔'));
+        return;
+      }
+      callback();
+    },
+    handleInvoiceTypeChange() {
+      this.$nextTick(() => {
+        this.$refs.formRef?.validateField([
+          'taxpayerNo',
+          'bankAccount',
+          'bankName',
+          'registeredAddress',
+        ]);
+      });
+    },
+    async openSettlementDialog() {
+      this.settlementDialog.visible = true;
+      await this.loadSettlementCandidates();
+    },
+    async loadSettlementCandidates() {
+      this.settlementDialog.loading = true;
+      try {
+        this.settlementDialog.rows =
+          this.unwrapData(await api.getSettlementCandidates(this.settlementDialog.keyword)) || [];
+      } finally {
+        this.settlementDialog.loading = false;
+      }
+    },
+    async confirmSettlements() {
+      const rows = this.settlementDialog.selection;
+      if (!rows.length) {
+        this.$message.warning('请至少选择一张正式结算单');
+        return;
+      }
+      const first = rows[0];
+      const incompatible = rows.some(
+        item =>
+          String(item.contractId) !== String(first.contractId) ||
+          String(item.projectId) !== String(first.projectId) ||
+          String(item.deptId) !== String(first.deptId) ||
+          item.issuerName !== first.issuerName ||
+          item.receiverName !== first.receiverName
+      );
+      if (incompatible) {
+        this.$message.warning('合并开票的结算单必须属于同一合同、项目、组织及收付款方');
+        return;
+      }
+      this.form.settlements = rows.map(item => ({
+        ...item,
+        formalSettlementId: item.id,
+        settlementId: item.id,
+        allocatedInvoiceAmount: 0,
+      }));
+      this.form.projectName = first.projectName;
+      this.form.deptName = first.deptName;
+      this.form.issuerName = first.issuerName;
+      this.form.undertakingDeptName = first.deptName;
+      this.settlementDialog.visible = false;
+      await Promise.all([this.loadSettlementDetails(), this.loadReceiverInformation()]);
+    },
+    async loadSettlementDetails(resetSelection = true) {
+      this.detailRows =
+        this.unwrapData(await api.getSettlementDetails(this.settlementIds.join(','))) || [];
+      if (resetSelection) this.selectedDetailIds = this.detailRows.map(item => item.id);
+      this.$nextTick(this.restoreDetailSelection);
+    },
+    async loadReceiverInformation() {
+      const data = this.unwrapData(await api.getReceiverInformation(this.settlementIds.join(',')));
+      this.receiverInvoiceOptions = data.invoiceInfos || [];
+      this.contactOptions = data.contacts || [];
+      this.form.issuerName = data.issuerName || this.form.issuerName;
+      if (!this.form.receiverInvoiceInfoId) {
+        const invoiceInfo =
+          this.receiverInvoiceOptions.find(item => item.isDefault === 1) ||
+          this.receiverInvoiceOptions[0];
+        if (invoiceInfo) {
+          this.form.receiverInvoiceInfoId = invoiceInfo.id;
+          this.handleReceiverChange(invoiceInfo.id);
+        }
+      }
+      if (!this.form.contactName) {
+        const contact =
+          this.contactOptions.find(item => item.isDefault === 1) || this.contactOptions[0];
+        if (contact) {
+          this.form.contactName = contact.contactName;
+          this.handleContactChange(contact.contactName);
+        }
+      }
+    },
+    handleReceiverChange(id) {
+      const info = this.receiverInvoiceOptions.find(item => String(item.id) === String(id));
+      if (!info) return;
+      Object.assign(this.form, {
+        receiverName: info.invoiceTitle,
+        taxpayerNo: info.taxNo,
+        bankName: info.bankName,
+        bankAccount: info.bankAccount,
+        registeredAddress: info.registeredAddress,
+        email: info.email || '',
+      });
+      this.handleInvoiceTypeChange();
+    },
+    handleContactChange(name) {
+      const contact = this.contactOptions.find(item => item.contactName === name);
+      if (!contact) return;
+      this.form.contactPhone = contact.contactPhone || '';
+      this.form.email = contact.email || this.form.email || '';
+    },
+    handleDetailSelection(rows) {
+      if (this.readonly) return;
+      this.selectedDetailIds = rows.map(item => item.formalSettlementDetailId || item.id);
+    },
+    restoreDetailSelection() {
+      if (this.readonly || !this.$refs.detailTable) return;
+      const selected = new Set(this.selectedDetailIds.map(String));
+      this.detailRows.forEach(row => {
+        const id = row.formalSettlementDetailId || row.id;
+        this.$refs.detailTable.toggleRowSelection(row, selected.has(String(id)));
+      });
+    },
+    addSheet() {
+      this.form.sheets.push(emptySheet());
+    },
+    removeSheet(index) {
+      this.form.sheets.splice(index, 1);
+    },
+    addLine(sheet) {
+      sheet.lines.push(emptyLine());
+    },
+    recalculateLine(row) {
+      const amount = Number(row.amountWithTax || 0);
+      const rate = Number(row.taxRate || 0) / 100;
+      row.taxAmount = rate ? Number((amount - amount / (1 + rate)).toFixed(2)) : 0;
+    },
+    normalizeAttachments(files) {
+      const userInfo = this.$store.getters.userInfo || {};
+      const userName = userInfo.realName || userInfo.userName || '';
+      const time = this.$dayjs().format('YYYY-MM-DD HH:mm:ss');
+      this.form.attachments = (files || []).map(file => ({
+        ...file,
+        description: file.description || '',
+        uploadUserName: file.uploadUserName || userName,
+        uploadTime: file.uploadTime || time,
+      }));
+    },
+    validateBusiness() {
+      if (!this.selectedDetailIds.length) throw new Error('请至少选择一条开票明细');
+      if (this.invoiceAmount <= 0) throw new Error('本次开票金额必须大于0');
+      if (Math.abs(this.invoiceAmount - this.allocatedTotal) > 0.001) {
+        throw new Error('结算单分摊金额合计必须等于本次开票金额');
+      }
+      for (const sheet of this.form.sheets) {
+        if (!sheet.lines.length) throw new Error('每张发票至少需要一条商品行');
+        const hasFreight = sheet.lines.some(line => line.goodsName === '运费');
+        const hasOther = sheet.lines.some(line => line.goodsName !== '运费');
+        if (hasFreight && hasOther) throw new Error('运费不能与其他费用合并开在同一张发票中');
+        for (const line of sheet.lines) {
+          if (!line.goodsCategory || !line.goodsName) throw new Error('请完整填写商品和服务信息');
+          if (
+            [line.quantity, line.unitPriceNoTax, line.amountWithTax, line.taxRate].some(
+              Number.isNaN
+            )
+          ) {
+            throw new Error('开票商品行金额格式不正确');
+          }
+        }
+      }
+    },
+    payload() {
+      return {
+        id: this.form.id,
+        invoiceType: this.form.invoiceType,
+        departmentEmails: this.form.departmentEmails.join(';'),
+        receiverInvoiceInfoId: this.form.receiverInvoiceInfoId,
+        contactName: this.form.contactName,
+        contactPhone: this.form.contactPhone,
+        email: this.form.email,
+        attachmentsJson: JSON.stringify(this.form.attachments || []),
+        remark: this.form.remark,
+        settlements: this.form.settlements.map(item => ({
+          settlementId: item.formalSettlementId || item.settlementId,
+          allocatedInvoiceAmount: item.allocatedInvoiceAmount,
+        })),
+        detailIds: this.selectedDetailIds,
+        sheets: this.form.sheets.map(sheet => ({
+          lines: sheet.lines.map(line => ({
+            goodsCategory: line.goodsCategory,
+            goodsName: line.goodsName,
+            unit: line.unit,
+            quantity: line.quantity,
+            unitPriceNoTax: line.unitPriceNoTax,
+            amountWithTax: line.amountWithTax,
+            taxRate: line.taxRate,
+            taxAmount: line.taxAmount,
+            remark: line.remark,
+          })),
+        })),
+      };
+    },
+    async saveDraft() {
+      await this.$refs.formRef.validate();
+      try {
+        this.validateBusiness();
+      } catch (error) {
+        this.$message.warning(error.message);
+        return false;
+      }
+      const id = this.unwrapData(await api.save(this.payload()));
+      this.form.id = id;
+      this.$message.success('保存成功');
+      return true;
+    },
+    async submitForm() {
+      const saved = await this.saveDraft();
+      if (!saved) return;
+      await api.submit({ id: this.form.id });
+      this.$message.success('提交成功');
+      this.goBack();
+    },
+    async syncReferenceData() {
+      if (!this.settlementIds.length) {
+        this.$message.warning('请先选择正式结算单');
+        return;
+      }
+      await Promise.all([this.loadReceiverInformation(), this.loadSettlementDetails(false)]);
+      this.$message.success('关联信息已同步');
+    },
+    goBack() {
+      this.$router.push('/payment/invoice-application');
+    },
+    displayValue(value) {
+      return value === null || value === undefined || value === '' ? '-' : value;
+    },
+    formatMoney(value) {
+      return Number(value || 0).toFixed(2);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.invoice-form-page__title,
+.invoice-form-page__section-title {
+  display: flex;
+  align-items: center;
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 16px;
+}
+.invoice-form-page__title::before,
+.invoice-form-page__section-title::before {
+  width: 4px;
+  height: 20px;
+  margin-right: 8px;
+  background: #409eff;
+  content: '';
+}
+.invoice-form-page__section {
+  margin-bottom: 24px;
+}
+.invoice-form-page__section-title {
+  font-size: 16px;
+}
+.invoice-form-page__section-heading,
+.invoice-sheet__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.invoice-form-page__section-heading .invoice-form-page__section-title {
+  margin-bottom: 0;
+}
+.invoice-form-page__form :deep(.el-form-item) {
+  margin-bottom: 16px;
+}
+.invoice-form-page__form :deep(.el-select),
+.invoice-form-page__form :deep(.el-input-number) {
+  width: 100%;
+}
+.invoice-sheet {
+  margin-top: 16px;
+}
+.invoice-sheet__header {
+  min-height: 42px;
+  padding: 0 12px;
+  border: 1px solid #eff1f7;
+  border-bottom: 0;
+  background: #fafafa;
+  font-weight: 600;
+}
+.invoice-form-page__links {
+  display: flex;
+  justify-content: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+.invoice-form-page__remark :deep(.el-form-item__content) {
+  margin-left: 0 !important;
+}
+.invoice-form-page__actions {
+  display: flex;
+  justify-content: center;
+  gap: 8px;
+  padding: 16px 0 8px;
+}
+.invoice-form-page__dialog-search {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+.invoice-form-page__dialog-search .el-input {
+  width: 360px;
+}
+.invoice-form-page :deep(.el-table) {
+  --el-table-border-color: #eff1f7;
+}
+.invoice-form-page :deep(.el-table__row:nth-child(even) > td.el-table__cell) {
+  background: #fafafa;
+}
+@media (max-width: 1200px) {
+  .invoice-form-page__form :deep(.el-col-8) {
+    max-width: 50%;
+    flex: 0 0 50%;
+  }
+}
+@media (max-width: 768px) {
+  .invoice-form-page__form :deep(.el-col-8) {
+    max-width: 100%;
+    flex: 0 0 100%;
+  }
+}
+</style>
diff --git a/src/views/payment/invoice-application.vue b/src/views/payment/invoice-application.vue
new file mode 100644
index 0000000..2e71f56
--- /dev/null
+++ b/src/views/payment/invoice-application.vue
@@ -0,0 +1,474 @@
+<template>
+  <basic-container class="invoice-page">
+    <section class="invoice-page__search">
+      <el-form :model="query" label-position="right" label-width="160px" @submit.prevent>
+        <div class="invoice-page__search-grid">
+          <el-form-item label="单据号">
+            <el-input v-model="query.applicationNo" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item label="所属项目">
+            <el-input v-model="query.projectName" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item label="所属组织">
+            <el-input v-model="query.deptName" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item label="金蝶单据状态">
+            <el-select v-model="query.kingdeeStatus" clearable placeholder="请选择">
+              <el-option
+                v-for="item in kingdeeStatusOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item v-if="searchExpanded" label="状态">
+            <el-select v-model="query.approvalStatus" clearable placeholder="请选择">
+              <el-option
+                v-for="item in approvalStatusOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </div>
+        <div class="invoice-page__search-actions">
+          <el-button type="primary" @click="handleSearch">查询</el-button>
+          <el-button @click="resetSearch">重置</el-button>
+          <el-tooltip :content="searchExpanded ? '折叠' : '展开'" placement="top">
+            <el-button text @click="searchExpanded = !searchExpanded">
+              <el-icon><component :is="searchExpanded ? ArrowUp : ArrowDown" /></el-icon>
+            </el-button>
+          </el-tooltip>
+        </div>
+      </el-form>
+    </section>
+
+    <section class="invoice-page__table-panel">
+      <div class="invoice-page__toolbar">
+        <div class="invoice-page__table-title">开票申请单列表</div>
+        <div class="invoice-page__toolbar-actions">
+          <el-button
+            v-if="hasPermission('invoice_application_sync')"
+            type="primary"
+            plain
+            @click="handleBatchSync"
+            >批量同步</el-button
+          >
+          <el-button
+            v-if="hasPermission('invoice_application_add')"
+            type="primary"
+            @click="openCreate"
+            >新增</el-button
+          >
+          <el-button
+            v-if="hasPermission('invoice_application_export')"
+            type="primary"
+            plain
+            @click="handleExport"
+            >导出</el-button
+          >
+          <el-tooltip content="刷新" placement="top">
+            <el-button text :icon="Refresh" @click="loadTable" />
+          </el-tooltip>
+        </div>
+      </div>
+
+      <el-table v-loading="loading" :data="rows" border @selection-change="selection = $event">
+        <el-table-column type="selection" width="52" fixed="left" align="center" />
+        <el-table-column type="index" label="序号" width="64" fixed="left" align="center" />
+        <el-table-column
+          v-for="column in columns"
+          :key="column.prop"
+          v-bind="column"
+          align="center"
+          show-overflow-tooltip
+        >
+          <template #default="{ row }">
+            <el-link v-if="column.link && row[column.prop]" type="primary" @click="openView(row)">
+              {{ row[column.prop] }}
+            </el-link>
+            <el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)">
+              {{ displayValue(row[column.prop]) }}
+            </el-tag>
+            <span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
+            <span v-else>{{ displayValue(row[column.prop]) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="320" fixed="right" align="center">
+          <template #default="{ row }">
+            <div class="invoice-page__links">
+              <el-link
+                v-if="hasPermission('invoice_application_view')"
+                type="primary"
+                @click="openView(row)"
+                >查看</el-link
+              >
+              <el-link
+                v-if="
+                  hasPermission('invoice_application_edit') &&
+                  ['draft', 'returned'].includes(row.approvalStatus)
+                "
+                type="primary"
+                @click="openEdit(row)"
+                >编辑</el-link
+              >
+              <el-link
+                v-if="hasPermission('invoice_application_delete') && row.approvalStatus === 'draft'"
+                type="danger"
+                @click="handleDelete(row)"
+                >删除</el-link
+              >
+              <el-link
+                v-if="
+                  hasPermission('invoice_application_submit') &&
+                  ['draft', 'returned'].includes(row.approvalStatus)
+                "
+                type="primary"
+                @click="handleSubmit(row)"
+                >提交</el-link
+              >
+              <el-link
+                v-if="hasPermission('invoice_application_view') && row.approvalStatus !== 'draft'"
+                type="primary"
+                @click="openFlow(row)"
+                >流程</el-link
+              >
+              <el-link
+                v-if="
+                  hasPermission('invoice_application_approve') && row.approvalStatus === 'reviewing'
+                "
+                type="primary"
+                @click="handleApprove(row)"
+                >通过</el-link
+              >
+              <el-link
+                v-if="
+                  hasPermission('invoice_application_approve') && row.approvalStatus === 'reviewing'
+                "
+                type="danger"
+                @click="handleReturn(row)"
+                >驳回</el-link
+              >
+              <el-link
+                v-if="
+                  hasPermission('invoice_application_void') && row.approvalStatus === 'approved'
+                "
+                type="danger"
+                @click="handleVoid(row)"
+                >作废</el-link
+              >
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="invoice-page__pagination">
+        <el-pagination
+          v-model:current-page="page.current"
+          v-model:page-size="page.size"
+          :total="page.total"
+          :page-sizes="[10, 20, 50, 100]"
+          layout="total, sizes, prev, pager, next, jumper"
+          @current-change="loadTable"
+          @size-change="handleSizeChange"
+        />
+      </div>
+    </section>
+
+    <el-dialog v-model="flowDialog.visible" title="审批流程" width="900px" append-to-body>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="开票申请单号">
+          {{ flowDialog.row.applicationNo || '-' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="状态">
+          {{ flowDialog.row.approvalStatusName || '-' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="当前节点">
+          {{ flowDialog.row.currentNode || '-' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="当前处理人">
+          {{ flowDialog.row.currentProcessor || '-' }}
+        </el-descriptions-item>
+      </el-descriptions>
+      <el-table
+        v-loading="flowDialog.loading"
+        :data="flowDialog.records"
+        border
+        class="invoice-page__flow-table"
+      >
+        <el-table-column type="index" label="序号" width="64" align="center" />
+        <el-table-column prop="actionName" label="操作" min-width="110" align="center" />
+        <el-table-column label="原状态" min-width="100" align="center">
+          <template #default="{ row }">{{ statusName(row.fromStatus) }}</template>
+        </el-table-column>
+        <el-table-column label="新状态" min-width="100" align="center">
+          <template #default="{ row }">{{ statusName(row.toStatus) }}</template>
+        </el-table-column>
+        <el-table-column prop="operatorName" label="操作人" min-width="110" align="center" />
+        <el-table-column prop="createTime" label="操作时间" min-width="170" align="center" />
+        <el-table-column prop="reason" label="原因" min-width="160" show-overflow-tooltip />
+        <el-table-column prop="kingdeeBillNo" label="金蝶单据号" min-width="150" />
+      </el-table>
+    </el-dialog>
+  </basic-container>
+</template>
+
+<script>
+import { ArrowDown, ArrowUp, Refresh } from '@element-plus/icons-vue';
+import { mapGetters } from 'vuex';
+import * as XLSX from 'xlsx';
+import * as api from '@/api/payment/invoiceApplication';
+import { invoiceApplicationTableColumns } from '@/option/payment/invoiceApplication';
+
+const emptyQuery = () => ({
+  applicationNo: '',
+  projectName: '',
+  deptName: '',
+  kingdeeStatus: '',
+  approvalStatus: '',
+});
+
+export default {
+  name: 'InvoiceApplication',
+  data() {
+    return {
+      ArrowDown,
+      ArrowUp,
+      Refresh,
+      query: emptyQuery(),
+      searchExpanded: false,
+      approvalStatusOptions: api.approvalStatusOptions,
+      kingdeeStatusOptions: api.kingdeeStatusOptions,
+      columns: invoiceApplicationTableColumns,
+      rows: [],
+      selection: [],
+      loading: false,
+      page: { current: 1, size: 10, total: 0 },
+      flowDialog: { visible: false, loading: false, row: {}, records: [] },
+    };
+  },
+  computed: {
+    ...mapGetters(['permission']),
+  },
+  mounted() {
+    this.loadTable();
+  },
+  methods: {
+    hasPermission(code) {
+      return this.permission?.[code] !== false;
+    },
+    unwrapData(response) {
+      const body = response?.data || response || {};
+      return body?.data || body;
+    },
+    async loadTable() {
+      this.loading = true;
+      try {
+        const data = this.unwrapData(
+          await api.getList(this.page.current, this.page.size, this.query)
+        );
+        this.rows = data.records || [];
+        this.page.total = Number(data.total || 0);
+      } finally {
+        this.loading = false;
+      }
+    },
+    handleSearch() {
+      this.page.current = 1;
+      this.loadTable();
+    },
+    resetSearch() {
+      this.query = emptyQuery();
+      this.handleSearch();
+    },
+    handleSizeChange() {
+      this.page.current = 1;
+      this.loadTable();
+    },
+    openCreate() {
+      this.$router.push({ path: '/payment/invoice-application/form', query: { mode: 'add' } });
+    },
+    openEdit(row) {
+      this.$router.push({
+        path: '/payment/invoice-application/form',
+        query: { mode: 'edit', id: row.id },
+      });
+    },
+    openView(row) {
+      this.$router.push({
+        path: '/payment/invoice-application/form',
+        query: { mode: 'view', id: row.id },
+      });
+    },
+    async openFlow(row) {
+      this.flowDialog.row = { ...row };
+      this.flowDialog.records = [];
+      this.flowDialog.visible = true;
+      this.flowDialog.loading = true;
+      try {
+        const detail = this.unwrapData(await api.getDetail(row.id));
+        this.flowDialog.row = { ...row, ...detail };
+        this.flowDialog.records = detail.records || [];
+      } finally {
+        this.flowDialog.loading = false;
+      }
+    },
+    async handleDelete(row) {
+      await this.$confirm('确认删除该开票申请？', '提示', { type: 'warning' });
+      await api.remove(row.id);
+      this.$message.success('删除成功');
+      this.loadTable();
+    },
+    async handleSubmit(row) {
+      await api.submit({ id: row.id });
+      this.$message.success('提交成功');
+      this.loadTable();
+    },
+    async handleApprove(row) {
+      await this.$confirm('确认审批通过该开票申请？', '提示', { type: 'warning' });
+      await api.approve({ id: row.id });
+      this.$message.success('审批通过');
+      this.loadTable();
+    },
+    async handleReturn(row) {
+      const { value } = await this.$prompt('请输入驳回原因', '审批驳回');
+      await api.returnBill({ id: row.id, reason: value });
+      this.$message.success('已驳回');
+      this.loadTable();
+    },
+    async handleVoid(row) {
+      const { value } = await this.$prompt('请输入作废原因', '作废开票申请');
+      await api.voidBill({ id: row.id, reason: value });
+      this.$message.success('作废成功');
+      this.loadTable();
+    },
+    async handleBatchSync() {
+      const rows = this.selection.filter(row => row.approvalStatus === 'approved');
+      if (!rows.length) {
+        this.$message.warning('请选择至少一条审批通过的开票申请');
+        return;
+      }
+      await Promise.all(rows.map(row => api.syncKingdee(row.id)));
+      this.$message.success(`已同步${rows.length}条开票申请`);
+      this.loadTable();
+    },
+    async handleExport() {
+      const data = this.unwrapData(await api.getList(1, 100000, this.query));
+      const exportRows = (data.records || []).map(item => ({
+        单据号: item.applicationNo,
+        结算单号: item.settlementNos,
+        所属项目: item.projectName,
+        所属组织: item.deptName,
+        开票方: item.issuerName,
+        受票方: item.receiverName,
+        开票金额: Number(item.invoiceAmount || 0).toFixed(2),
+        创建人: item.createUserName,
+        创建时间: item.createTime,
+        状态: item.approvalStatusName,
+        当前节点: item.currentNode,
+        当前处理人: item.currentProcessor,
+        金蝶单据号: item.kingdeeBillNo,
+        金蝶单据状态: item.kingdeeStatusName,
+      }));
+      const workbook = XLSX.utils.book_new();
+      XLSX.utils.book_append_sheet(workbook, XLSX.utils.json_to_sheet(exportRows), '开票申请');
+      XLSX.writeFile(workbook, `开票申请${this.$dayjs().format('YYYY-MM-DD HH-mm-ss')}.xlsx`);
+    },
+    statusType(status) {
+      return (
+        { approved: 'success', reviewing: 'warning', returned: 'danger', voided: 'info' }[status] ||
+        ''
+      );
+    },
+    statusName(status) {
+      return (
+        {
+          draft: '草稿',
+          reviewing: '审批中',
+          approved: '审批通过',
+          returned: '已驳回',
+          voided: '已作废',
+        }[status] ||
+        status ||
+        '-'
+      );
+    },
+    displayValue(value) {
+      return value === null || value === undefined || value === '' ? '-' : value;
+    },
+    formatMoney(value) {
+      return Number(value || 0).toFixed(2);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.invoice-page__search {
+  padding: 12px 12px 4px;
+  background: #fff;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+.invoice-page__search-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px 24px;
+}
+.invoice-page__search :deep(.el-form-item) {
+  margin-bottom: 8px;
+}
+.invoice-page__search :deep(.el-input),
+.invoice-page__search :deep(.el-select) {
+  width: 100%;
+}
+.invoice-page__search-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+.invoice-page__table-panel {
+  margin-top: 8px;
+}
+.invoice-page__toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 0;
+}
+.invoice-page__toolbar-actions,
+.invoice-page__links {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.invoice-page__table-title {
+  font-size: 16px;
+  font-weight: 600;
+}
+.invoice-page__links {
+  flex-wrap: wrap;
+  justify-content: center;
+}
+.invoice-page__pagination {
+  display: flex;
+  justify-content: flex-end;
+  padding: 16px 0;
+}
+.invoice-page :deep(.el-table) {
+  --el-table-border-color: #eff1f7;
+}
+.invoice-page :deep(.el-table__row:nth-child(even) > td.el-table__cell) {
+  background: #fafafa;
+}
+.invoice-page__flow-table {
+  margin-top: 16px;
+}
+@media (max-width: 1200px) {
+  .invoice-page__search-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+</style>
diff --git a/src/views/payment/invoice-receipt-form.vue b/src/views/payment/invoice-receipt-form.vue
new file mode 100644
index 0000000..f9ea1b2
--- /dev/null
+++ b/src/views/payment/invoice-receipt-form.vue
@@ -0,0 +1,834 @@
+<template>
+  <basic-container class="receipt-form-page">
+    <div class="receipt-form-page__title">
+      {{ readonly ? '查看收票登记' : recordId ? '编辑收票登记' : '新增收票登记' }}
+    </div>
+
+    <el-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      label-position="right"
+      label-width="auto"
+      class="receipt-form-page__form"
+    >
+      <section class="receipt-form-page__section">
+        <div class="receipt-form-page__section-title">收票基本信息</div>
+        <el-row :gutter="32">
+          <el-col :span="12">
+            <el-form-item label="发票号码" prop="invoiceNo">
+              <el-input v-model="form.invoiceNo" readonly placeholder="请选择金蝶票据池发票">
+                <template v-if="!readonly" #append>
+                  <el-tooltip content="查询金蝶票据池" placement="top">
+                    <el-button :icon="Search" @click="openInvoiceDialog" />
+                  </el-tooltip>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开票日期">
+              <el-input v-model="form.invoiceDate" disabled placeholder="从金蝶票据池带出" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="发票类型">
+              <el-input v-model="form.invoiceType" disabled placeholder="从金蝶票据池带出" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="税率">
+              <el-input
+                :model-value="formatRate(form.taxRate)"
+                disabled
+                placeholder="从金蝶票据池带出"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开票金额">
+              <el-input
+                :model-value="form.kingdeeInvoicePoolId ? formatMoney(form.invoiceAmount) : ''"
+                disabled
+                placeholder="从金蝶票据池带出"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="税额">
+              <el-input
+                :model-value="form.kingdeeInvoicePoolId ? formatMoney(form.taxAmount) : ''"
+                disabled
+                placeholder="从金蝶票据池带出"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="受票单位">
+              <el-input v-model="form.receiverName" disabled placeholder="从金蝶票据池带出" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开票单位">
+              <el-input v-model="form.issuerName" disabled placeholder="从金蝶票据池带出" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="关联结算单" prop="settlementIds">
+              <el-input :model-value="settlementLabel" readonly placeholder="请选择应付正式结算单">
+                <template v-if="!readonly" #append>
+                  <el-tooltip content="选择正式结算单" placement="top">
+                    <el-button :icon="Search" @click="openSettlementDialog" />
+                  </el-tooltip>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行">
+              <el-input v-model="form.bankName" disabled placeholder="从金蝶票据池带出" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户账号">
+              <el-input v-model="form.bankAccount" disabled placeholder="从金蝶票据池带出" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开票行">
+              <el-input v-model="form.issuingBank" disabled placeholder="从金蝶票据池带出" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="电话">
+              <el-input v-model="form.phone" :disabled="readonly" maxlength="50" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="客户邮箱" prop="customerEmails">
+              <el-select
+                v-model="form.customerEmails"
+                :disabled="readonly"
+                multiple
+                filterable
+                allow-create
+                default-first-option
+                :multiple-limit="3"
+              >
+                <el-option
+                  v-for="email in customerEmailOptions"
+                  :key="email"
+                  :label="email"
+                  :value="email"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="部门邮箱" prop="departmentEmails">
+              <el-select
+                v-model="form.departmentEmails"
+                :disabled="readonly"
+                multiple
+                filterable
+                allow-create
+                default-first-option
+                :multiple-limit="3"
+              >
+                <el-option
+                  v-for="email in departmentEmailOptions"
+                  :key="email"
+                  :label="email"
+                  :value="email"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </section>
+
+      <section class="receipt-form-page__section">
+        <div class="receipt-form-page__section-title">结算信息</div>
+        <el-table :data="form.settlements" border>
+          <el-table-column type="index" label="序号" width="64" align="center" />
+          <el-table-column label="结算单号" min-width="180" align="center">
+            <template #default="{ row }">
+              <el-link type="primary" @click="openSettlementDetail(row)">
+                {{ row.formalSettlementNo }}
+              </el-link>
+            </template>
+          </el-table-column>
+          <el-table-column label="结算总金额" min-width="150" align="right">
+            <template #default="{ row }">{{ formatMoney(row.settlementAmount) }}</template>
+          </el-table-column>
+          <el-table-column label="已收票金额" min-width="150" align="right">
+            <template #default="{ row }">{{ formatMoney(row.receivedInvoiceAmount) }}</template>
+          </el-table-column>
+          <el-table-column label="分摊发票金额" min-width="180">
+            <template #default="{ row }">
+              <el-input-number
+                v-model="row.allocatedInvoiceAmount"
+                :disabled="readonly"
+                :min="0"
+                :max="remainingAmount(row)"
+                :precision="2"
+                :controls="false"
+              />
+            </template>
+          </el-table-column>
+        </el-table>
+      </section>
+
+      <section class="receipt-form-page__section">
+        <div class="receipt-form-page__section-heading">
+          <div class="receipt-form-page__section-title">附件信息</div>
+          <el-button
+            v-if="form.attachments.length"
+            type="primary"
+            plain
+            :icon="Download"
+            @click="downloadAttachments"
+            >批量下载</el-button
+          >
+        </div>
+        <el-table :data="form.attachments" border>
+          <el-table-column type="index" label="序号" width="64" align="center" />
+          <el-table-column label="文件名" min-width="220">
+            <template #default="{ row }">{{ row.originalName || row.name || '-' }}</template>
+          </el-table-column>
+          <el-table-column label="附件描述" min-width="240">
+            <template #default="{ row }">
+              <el-input v-model="row.description" :disabled="readonly" maxlength="200" />
+            </template>
+          </el-table-column>
+          <el-table-column prop="size" label="文件大小" width="120" />
+          <el-table-column prop="uploadUserName" label="上传人" width="140" />
+          <el-table-column prop="uploadTime" label="上传时间" width="170" />
+          <el-table-column label="操作" width="120" align="center">
+            <template #default="{ row, $index }">
+              <div class="receipt-form-page__links">
+                <el-link type="primary" :href="row.url || row.link" target="_blank">查看</el-link>
+                <el-link v-if="!readonly" type="danger" @click="form.attachments.splice($index, 1)"
+                  >删除</el-link
+                >
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <vehicle-attachment-upload
+          v-model="form.attachments"
+          :readonly="readonly"
+          :multiple="true"
+          :limit="20"
+          :max-size="500"
+          :file-types="attachmentFileTypes"
+          :show-file-list="false"
+          button-text="上传附件"
+          class="receipt-form-page__uploader"
+          @change="normalizeAttachments"
+        />
+      </section>
+
+      <section class="receipt-form-page__section">
+        <div class="receipt-form-page__section-title">备注</div>
+        <el-form-item class="receipt-form-page__remark">
+          <el-input
+            v-model="form.remark"
+            :disabled="readonly"
+            type="textarea"
+            :rows="3"
+            maxlength="200"
+            show-word-limit
+          />
+        </el-form-item>
+      </section>
+
+      <div class="receipt-form-page__actions">
+        <el-button v-if="!readonly" type="primary" plain @click="syncReferenceData">同步</el-button>
+        <el-button v-if="!readonly && canSave" @click="saveDraft">保存</el-button>
+        <el-button
+          v-if="!readonly && canSave && hasPermission('invoice_receipt_submit')"
+          type="primary"
+          @click="submitForm"
+          >提交</el-button
+        >
+        <el-button @click="goBack">返回</el-button>
+      </div>
+    </el-form>
+
+    <el-dialog v-model="invoiceDialog.visible" title="查询金蝶票据池" width="86%" append-to-body>
+      <div class="receipt-form-page__dialog-search">
+        <el-input
+          v-model="invoiceDialog.keyword"
+          clearable
+          placeholder="发票号码、开票单位或受票单位"
+          @keyup.enter="loadInvoicePool"
+        />
+        <el-button type="primary" @click="loadInvoicePool">查询</el-button>
+      </div>
+      <el-table
+        v-loading="invoiceDialog.loading"
+        :data="invoiceDialog.rows"
+        border
+        highlight-current-row
+        @current-change="invoiceDialog.current = $event"
+        @row-dblclick="confirmInvoice"
+      >
+        <el-table-column prop="invoiceNo" label="发票号码" min-width="180" />
+        <el-table-column prop="invoiceDate" label="开票日期" min-width="120" />
+        <el-table-column prop="invoiceType" label="发票类型" min-width="130" />
+        <el-table-column prop="issuerName" label="开票单位" min-width="170" />
+        <el-table-column prop="receiverName" label="受票单位" min-width="170" />
+        <el-table-column label="开票金额" min-width="130" align="right">
+          <template #default="{ row }">{{ formatMoney(row.invoiceAmount) }}</template>
+        </el-table-column>
+        <el-table-column label="税率" min-width="100" align="center">
+          <template #default="{ row }">{{ formatRate(row.taxRate) }}</template>
+        </el-table-column>
+        <el-table-column label="税额" min-width="120" align="right">
+          <template #default="{ row }">{{ formatMoney(row.taxAmount) }}</template>
+        </el-table-column>
+        <el-table-column prop="kingdeeBillNo" label="金蝶单据号" min-width="150" />
+      </el-table>
+      <template #footer>
+        <el-button @click="invoiceDialog.visible = false">取消</el-button>
+        <el-button type="primary" @click="confirmInvoice()">确定</el-button>
+      </template>
+    </el-dialog>
+
+    <el-dialog
+      v-model="settlementDialog.visible"
+      title="选择应付正式结算单"
+      width="86%"
+      append-to-body
+    >
+      <div class="receipt-form-page__dialog-search">
+        <el-input
+          v-model="settlementDialog.keyword"
+          clearable
+          placeholder="结算单号、项目或合同"
+          @keyup.enter="loadSettlementCandidates"
+        />
+        <el-button type="primary" @click="loadSettlementCandidates">查询</el-button>
+      </div>
+      <el-table
+        ref="settlementTable"
+        v-loading="settlementDialog.loading"
+        :data="settlementDialog.rows"
+        border
+        @selection-change="settlementDialog.selection = $event"
+      >
+        <el-table-column type="selection" width="52" align="center" />
+        <el-table-column prop="formalSettlementNo" label="结算单号" min-width="170" />
+        <el-table-column prop="projectName" label="所属项目" min-width="150" />
+        <el-table-column prop="deptName" label="所属组织" min-width="150" />
+        <el-table-column prop="contractNo" label="合同编号" min-width="150" />
+        <el-table-column prop="payerName" label="付款方" min-width="150" />
+        <el-table-column prop="payeeName" label="收款方" min-width="150" />
+        <el-table-column label="结算总金额" min-width="140" align="right">
+          <template #default="{ row }">{{ formatMoney(row.settlementAmount) }}</template>
+        </el-table-column>
+        <el-table-column label="已收票金额" min-width="140" align="right">
+          <template #default="{ row }">{{ formatMoney(row.receivedInvoiceAmount) }}</template>
+        </el-table-column>
+      </el-table>
+      <template #footer>
+        <el-button @click="settlementDialog.visible = false">取消</el-button>
+        <el-button type="primary" @click="confirmSettlements">确定</el-button>
+      </template>
+    </el-dialog>
+  </basic-container>
+</template>
+
+<script>
+import { Download, Search } from '@element-plus/icons-vue';
+import { mapGetters } from 'vuex';
+import * as api from '@/api/payment/invoiceReceipt';
+
+const emptyForm = () => ({
+  id: null,
+  kingdeeInvoicePoolId: null,
+  invoiceNo: '',
+  invoiceDate: '',
+  invoiceType: '',
+  taxRate: null,
+  invoiceAmount: null,
+  taxAmount: null,
+  receiverName: '',
+  issuerName: '',
+  bankName: '',
+  bankAccount: '',
+  issuingBank: '',
+  phone: '',
+  customerEmails: [],
+  departmentEmails: [],
+  projectName: '',
+  deptName: '',
+  payerName: '',
+  payeeName: '',
+  settlements: [],
+  attachments: [],
+  remark: '',
+});
+
+export default {
+  name: 'InvoiceReceiptForm',
+  data() {
+    return {
+      Download,
+      Search,
+      form: emptyForm(),
+      customerEmailOptions: [],
+      departmentEmailOptions: [],
+      attachmentFileTypes: [
+        'pdf',
+        'bmp',
+        'jpeg',
+        'png',
+        'jpg',
+        'doc',
+        'docx',
+        'ppt',
+        'pptx',
+        'xlsx',
+        'xls',
+        'eml',
+        'msg',
+        'zip',
+      ],
+      invoiceDialog: { visible: false, loading: false, keyword: '', rows: [], current: null },
+      settlementDialog: {
+        visible: false,
+        loading: false,
+        keyword: '',
+        rows: [],
+        selection: [],
+      },
+      rules: {
+        invoiceNo: [{ required: true, validator: this.validateInvoice, trigger: 'change' }],
+        settlementIds: [{ required: true, validator: this.validateSettlements, trigger: 'change' }],
+        customerEmails: [{ validator: this.validateEmails, trigger: 'change' }],
+        departmentEmails: [{ validator: this.validateEmails, trigger: 'change' }],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters(['permission']),
+    recordId() {
+      return this.$route.query.id || '';
+    },
+    readonly() {
+      return this.$route.query.mode === 'view';
+    },
+    canSave() {
+      const code = this.recordId ? 'invoice_receipt_edit' : 'invoice_receipt_add';
+      return this.hasPermission(code);
+    },
+    settlementLabel() {
+      return this.form.settlements
+        .map(item => item.formalSettlementNo)
+        .filter(Boolean)
+        .join(',');
+    },
+    settlementIds() {
+      return this.form.settlements.map(item => item.formalSettlementId || item.settlementId);
+    },
+    allocatedTotal() {
+      return this.form.settlements.reduce(
+        (total, item) => total + Number(item.allocatedInvoiceAmount || 0),
+        0
+      );
+    },
+  },
+  created() {
+    this.initialize();
+  },
+  methods: {
+    hasPermission(code) {
+      return this.permission?.[code] !== false;
+    },
+    unwrapData(response) {
+      const body = response?.data || response || {};
+      return body?.data || body;
+    },
+    parse(value) {
+      if (!value) return [];
+      if (Array.isArray(value)) return value;
+      try {
+        return JSON.parse(value) || [];
+      } catch {
+        return [];
+      }
+    },
+    parseEmails(value) {
+      return String(value || '')
+        .split(/[;,，；]/)
+        .map(item => item.trim())
+        .filter(Boolean);
+    },
+    async initialize() {
+      const userInfo = this.$store.getters.userInfo || {};
+      const userEmail = userInfo.email || '';
+      this.departmentEmailOptions = userEmail ? [userEmail] : [];
+      if (!this.recordId) {
+        if (userEmail) this.form.departmentEmails = [userEmail];
+        return;
+      }
+      const data = this.unwrapData(await api.getDetail(this.recordId));
+      this.form = {
+        ...emptyForm(),
+        ...data,
+        customerEmails: this.parseEmails(data.customerEmails),
+        departmentEmails: this.parseEmails(data.departmentEmails),
+        settlements: (data.settlements || []).map(item => ({
+          ...item,
+          settlementId: item.formalSettlementId,
+        })),
+        attachments: this.parse(data.attachmentsJson),
+      };
+      if (this.settlementIds.length) await this.loadReferenceInformation();
+    },
+    validateInvoice(rule, value, callback) {
+      if (!value || !this.form.kingdeeInvoicePoolId) {
+        callback(new Error('请选择金蝶票据池发票'));
+        return;
+      }
+      callback();
+    },
+    validateSettlements(rule, value, callback) {
+      if (!this.form.settlements.length) {
+        callback(new Error('请选择应付正式结算单'));
+        return;
+      }
+      callback();
+    },
+    validateEmails(rule, value, callback) {
+      const emails = Array.isArray(value) ? value : this.parseEmails(value);
+      const valid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+      if (emails.length > 3) {
+        callback(new Error('最多填写3个邮箱'));
+        return;
+      }
+      if (emails.some(email => !valid.test(email))) {
+        callback(new Error('请输入正确的邮箱'));
+        return;
+      }
+      callback();
+    },
+    async openInvoiceDialog() {
+      this.invoiceDialog.visible = true;
+      this.invoiceDialog.keyword = this.form.invoiceNo || '';
+      await this.loadInvoicePool();
+    },
+    async loadInvoicePool() {
+      this.invoiceDialog.loading = true;
+      try {
+        this.invoiceDialog.rows =
+          this.unwrapData(await api.getInvoicePool(this.invoiceDialog.keyword)) || [];
+      } finally {
+        this.invoiceDialog.loading = false;
+      }
+    },
+    confirmInvoice(row, options = {}) {
+      const selected = row?.id ? row : this.invoiceDialog.current;
+      if (!selected) {
+        this.$message.warning('请选择一张金蝶票据池发票');
+        return;
+      }
+      if (this.form.settlements.length) {
+        const first = this.form.settlements[0];
+        if (selected.receiverName !== first.payerName || selected.issuerName !== first.payeeName) {
+          this.$message.warning('金蝶发票的开票单位、受票单位与结算单收付款方不一致');
+          return;
+        }
+      }
+      const preserveUserInput = options.preserveUserInput === true;
+      Object.assign(this.form, {
+        kingdeeInvoicePoolId: selected.id,
+        invoiceNo: selected.invoiceNo,
+        invoiceDate: selected.invoiceDate,
+        invoiceType: selected.invoiceType,
+        taxRate: selected.taxRate,
+        invoiceAmount: selected.invoiceAmount,
+        taxAmount: selected.taxAmount,
+        receiverName: selected.receiverName,
+        issuerName: selected.issuerName,
+        bankName: selected.bankName,
+        bankAccount: selected.bankAccount,
+        issuingBank: selected.issuingBank,
+        phone: preserveUserInput ? this.form.phone : selected.phone || '',
+        customerEmails: preserveUserInput
+          ? this.form.customerEmails
+          : this.parseEmails(selected.customerEmails),
+        departmentEmails: preserveUserInput
+          ? this.form.departmentEmails
+          : this.parseEmails(selected.departmentEmails),
+        attachments: preserveUserInput
+          ? this.form.attachments
+          : this.parse(selected.attachmentsJson),
+      });
+      this.customerEmailOptions = [...this.form.customerEmails];
+      this.departmentEmailOptions = [
+        ...new Set([...this.departmentEmailOptions, ...this.form.departmentEmails]),
+      ];
+      this.invoiceDialog.visible = false;
+      this.$refs.formRef?.validateField('invoiceNo').catch(() => {});
+      return true;
+    },
+    async openSettlementDialog() {
+      this.settlementDialog.visible = true;
+      await this.loadSettlementCandidates();
+    },
+    async loadSettlementCandidates() {
+      this.settlementDialog.loading = true;
+      try {
+        this.settlementDialog.rows =
+          this.unwrapData(
+            await api.getSettlementCandidates(this.settlementDialog.keyword, this.form.id)
+          ) || [];
+      } finally {
+        this.settlementDialog.loading = false;
+      }
+    },
+    async confirmSettlements() {
+      const rows = this.settlementDialog.selection;
+      if (!rows.length) {
+        this.$message.warning('请至少选择一张应付正式结算单');
+        return;
+      }
+      const first = rows[0];
+      const incompatible = rows.some(
+        item =>
+          String(item.projectId) !== String(first.projectId) ||
+          String(item.deptId) !== String(first.deptId) ||
+          item.payerName !== first.payerName ||
+          item.payeeName !== first.payeeName
+      );
+      if (incompatible) {
+        this.$message.warning('关联结算单必须属于同一项目、组织及收付款方');
+        return;
+      }
+      if (
+        this.form.kingdeeInvoicePoolId &&
+        (this.form.receiverName !== first.payerName || this.form.issuerName !== first.payeeName)
+      ) {
+        this.$message.warning('金蝶发票的开票单位、受票单位与结算单收付款方不一致');
+        return;
+      }
+      this.form.settlements = rows.map(item => ({
+        ...item,
+        formalSettlementId: item.id,
+        settlementId: item.id,
+        allocatedInvoiceAmount: 0,
+      }));
+      this.form.projectName = first.projectName;
+      this.form.deptName = first.deptName;
+      this.form.payerName = first.payerName;
+      this.form.payeeName = first.payeeName;
+      this.settlementDialog.visible = false;
+      await this.loadReferenceInformation();
+      this.$refs.formRef?.validateField('settlementIds').catch(() => {});
+    },
+    async loadReferenceInformation() {
+      const data = this.unwrapData(await api.getReferenceInformation(this.settlementIds.join(',')));
+      this.customerEmailOptions = data.customerEmails || [];
+      this.departmentEmailOptions = [
+        ...new Set([...this.departmentEmailOptions, ...(data.departmentEmails || [])]),
+      ];
+      if (!this.form.customerEmails.length && this.customerEmailOptions.length) {
+        this.form.customerEmails = [this.customerEmailOptions[0]];
+      }
+    },
+    remainingAmount(row) {
+      return Math.max(
+        Number(row.settlementAmount || 0) - Number(row.receivedInvoiceAmount || 0),
+        0
+      );
+    },
+    normalizeAttachments(files) {
+      const userInfo = this.$store.getters.userInfo || {};
+      const userName = userInfo.realName || userInfo.userName || '';
+      const time = this.$dayjs().format('YYYY-MM-DD HH:mm:ss');
+      this.form.attachments = (files || []).map(file => ({
+        ...file,
+        description: file.description || '',
+        uploadUserName: file.uploadUserName || userName,
+        uploadTime: file.uploadTime || time,
+      }));
+    },
+    downloadAttachments() {
+      this.form.attachments.forEach(file => {
+        const url = file.url || file.link;
+        if (!url) return;
+        const anchor = document.createElement('a');
+        anchor.href = url;
+        anchor.download = file.originalName || file.name || '';
+        anchor.target = '_blank';
+        anchor.click();
+      });
+    },
+    openSettlementDetail(row) {
+      const id = row.formalSettlementId || row.settlementId || row.id;
+      if (!id) return;
+      this.$router.push({
+        path: '/settlement/formal-settlement/form',
+        query: { mode: 'view', id, name: '查看正式结算' },
+      });
+    },
+    validateBusiness() {
+      const invoiceAmount = Number(this.form.invoiceAmount || 0);
+      if (invoiceAmount <= 0) throw new Error('开票金额必须大于0');
+      if (Math.abs(this.allocatedTotal - invoiceAmount) > 0.001) {
+        throw new Error('分摊发票金额总和必须等于开票金额');
+      }
+      for (const row of this.form.settlements) {
+        const allocated = Number(row.allocatedInvoiceAmount);
+        if (!Number.isFinite(allocated) || allocated < 0) {
+          throw new Error('分摊发票金额必须大于或等于0');
+        }
+        if (allocated - this.remainingAmount(row) > 0.001) {
+          throw new Error(`结算单${row.formalSettlementNo}的累计收票金额不能超过结算总金额`);
+        }
+      }
+    },
+    payload() {
+      return {
+        id: this.form.id,
+        kingdeeInvoicePoolId: this.form.kingdeeInvoicePoolId,
+        phone: this.form.phone,
+        customerEmails: this.form.customerEmails.join(';'),
+        departmentEmails: this.form.departmentEmails.join(';'),
+        attachmentsJson: JSON.stringify(this.form.attachments || []),
+        remark: this.form.remark,
+        settlements: this.form.settlements.map(item => ({
+          settlementId: item.formalSettlementId || item.settlementId,
+          allocatedInvoiceAmount: item.allocatedInvoiceAmount,
+        })),
+      };
+    },
+    async saveDraft() {
+      await this.$refs.formRef.validate();
+      try {
+        this.validateBusiness();
+      } catch (error) {
+        this.$message.warning(error.message);
+        return false;
+      }
+      const id = this.unwrapData(await api.save(this.payload()));
+      this.form.id = id;
+      this.$message.success('保存成功');
+      return true;
+    },
+    async submitForm() {
+      const saved = await this.saveDraft();
+      if (!saved) return;
+      await api.submit({ id: this.form.id });
+      this.$message.success('提交成功');
+      this.goBack();
+    },
+    async syncReferenceData() {
+      if (!this.form.invoiceNo) {
+        this.$message.warning('请先选择金蝶票据池发票');
+        return;
+      }
+      const rows = this.unwrapData(await api.getInvoicePool(this.form.invoiceNo)) || [];
+      const invoice = rows.find(item => item.invoiceNo === this.form.invoiceNo);
+      if (!invoice) {
+        this.$message.warning('金蝶票据池中未查询到该发票');
+        return;
+      }
+      if (!this.confirmInvoice(invoice, { preserveUserInput: true })) return;
+      if (this.settlementIds.length) await this.loadReferenceInformation();
+      this.$message.success('同步成功');
+    },
+    goBack() {
+      this.$router.push('/payment/invoice-receipt');
+    },
+    formatMoney(value) {
+      return Number(value || 0).toFixed(2);
+    },
+    formatRate(value) {
+      return value === null || value === undefined || value === '' ? '' : `${Number(value)}%`;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.receipt-form-page__title,
+.receipt-form-page__section-title {
+  display: flex;
+  align-items: center;
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 16px;
+}
+.receipt-form-page__title::before,
+.receipt-form-page__section-title::before {
+  width: 4px;
+  height: 20px;
+  margin-right: 8px;
+  background: #409eff;
+  content: '';
+}
+.receipt-form-page__section {
+  margin-bottom: 24px;
+}
+.receipt-form-page__section-title {
+  font-size: 16px;
+}
+.receipt-form-page__section-heading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.receipt-form-page__section-heading .receipt-form-page__section-title {
+  margin-bottom: 0;
+}
+.receipt-form-page__form :deep(.el-form-item) {
+  margin-bottom: 16px;
+}
+.receipt-form-page__form :deep(.el-select),
+.receipt-form-page__form :deep(.el-input-number) {
+  width: 100%;
+}
+.receipt-form-page__links {
+  display: flex;
+  justify-content: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+.receipt-form-page__remark :deep(.el-form-item__content) {
+  margin-left: 0 !important;
+}
+.receipt-form-page__uploader {
+  margin-top: 12px;
+}
+.receipt-form-page__actions {
+  display: flex;
+  justify-content: center;
+  gap: 8px;
+  padding: 16px 0 8px;
+}
+.receipt-form-page__dialog-search {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+.receipt-form-page__dialog-search .el-input {
+  width: 360px;
+}
+.receipt-form-page :deep(.el-table) {
+  --el-table-border-color: #eff1f7;
+}
+.receipt-form-page :deep(.el-table__row:nth-child(even) > td.el-table__cell) {
+  background: #fafafa;
+}
+@media (max-width: 900px) {
+  .receipt-form-page__form :deep(.el-col-12) {
+    max-width: 100%;
+    flex: 0 0 100%;
+  }
+}
+</style>
diff --git a/src/views/payment/invoice-receipt.vue b/src/views/payment/invoice-receipt.vue
new file mode 100644
index 0000000..9a11c3e
--- /dev/null
+++ b/src/views/payment/invoice-receipt.vue
@@ -0,0 +1,480 @@
+<template>
+  <basic-container class="receipt-page">
+    <section class="receipt-page__search">
+      <el-form :model="query" label-position="right" label-width="160px" @submit.prevent>
+        <div class="receipt-page__search-grid">
+          <el-form-item label="发票号码">
+            <el-input v-model="query.invoiceNo" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item label="开票日期">
+            <el-date-picker
+              v-model="query.invoiceDate"
+              type="date"
+              clearable
+              value-format="YYYY-MM-DD"
+              placeholder="请选择"
+            />
+          </el-form-item>
+          <el-form-item label="所属项目">
+            <el-input v-model="query.projectName" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item label="所属组织">
+            <el-input v-model="query.deptName" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item v-if="searchExpanded" label="审核状态">
+            <el-select v-model="query.approvalStatus" clearable placeholder="请选择">
+              <el-option
+                v-for="item in approvalStatusOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item v-if="searchExpanded" label="金蝶单据状态">
+            <el-select v-model="query.kingdeeStatus" clearable placeholder="请选择">
+              <el-option
+                v-for="item in kingdeeStatusOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </div>
+        <div class="receipt-page__search-actions">
+          <el-button type="primary" @click="handleSearch">查询</el-button>
+          <el-button @click="resetSearch">重置</el-button>
+          <el-tooltip :content="searchExpanded ? '折叠' : '展开'" placement="top">
+            <el-button text @click="searchExpanded = !searchExpanded">
+              <el-icon><component :is="searchExpanded ? ArrowUp : ArrowDown" /></el-icon>
+            </el-button>
+          </el-tooltip>
+        </div>
+      </el-form>
+    </section>
+
+    <section class="receipt-page__table-panel">
+      <div class="receipt-page__toolbar">
+        <div class="receipt-page__table-title">收票单列表</div>
+        <div class="receipt-page__toolbar-actions">
+          <el-button
+            v-if="hasPermission('invoice_receipt_sync')"
+            type="primary"
+            plain
+            @click="handleBatchSync"
+            >批量同步</el-button
+          >
+          <el-button v-if="hasPermission('invoice_receipt_add')" type="primary" @click="openCreate"
+            >新增</el-button
+          >
+          <el-button
+            v-if="hasPermission('invoice_receipt_export')"
+            type="primary"
+            plain
+            @click="handleExport"
+            >导出</el-button
+          >
+          <el-tooltip content="刷新" placement="top">
+            <el-button text :icon="Refresh" @click="loadTable" />
+          </el-tooltip>
+        </div>
+      </div>
+
+      <el-table v-loading="loading" :data="rows" border @selection-change="selection = $event">
+        <el-table-column type="selection" width="52" fixed="left" align="center" />
+        <el-table-column type="index" label="序号" width="64" fixed="left" align="center" />
+        <el-table-column
+          v-for="column in columns"
+          :key="column.prop"
+          v-bind="column"
+          align="center"
+          show-overflow-tooltip
+        >
+          <template #default="{ row }">
+            <el-link v-if="column.link && row[column.prop]" type="primary" @click="openView(row)">
+              {{ row[column.prop] }}
+            </el-link>
+            <el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)">
+              {{ displayValue(row[column.prop]) }}
+            </el-tag>
+            <span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
+            <span v-else>{{ displayValue(row[column.prop]) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="320" fixed="right" align="center">
+          <template #default="{ row }">
+            <div class="receipt-page__links">
+              <el-link
+                v-if="hasPermission('invoice_receipt_view')"
+                type="primary"
+                @click="openView(row)"
+                >查看</el-link
+              >
+              <el-link
+                v-if="
+                  hasPermission('invoice_receipt_edit') &&
+                  ['draft', 'returned'].includes(row.approvalStatus)
+                "
+                type="primary"
+                @click="openEdit(row)"
+                >编辑</el-link
+              >
+              <el-link
+                v-if="hasPermission('invoice_receipt_delete') && row.approvalStatus === 'draft'"
+                type="danger"
+                @click="handleDelete(row)"
+                >删除</el-link
+              >
+              <el-link
+                v-if="
+                  hasPermission('invoice_receipt_submit') &&
+                  ['draft', 'returned'].includes(row.approvalStatus)
+                "
+                type="primary"
+                @click="handleSubmit(row)"
+                >提交</el-link
+              >
+              <el-link
+                v-if="hasPermission('invoice_receipt_view') && row.approvalStatus !== 'draft'"
+                type="primary"
+                @click="openFlow(row)"
+                >流程</el-link
+              >
+              <el-link
+                v-if="
+                  hasPermission('invoice_receipt_approve') && row.approvalStatus === 'reviewing'
+                "
+                type="primary"
+                @click="handleApprove(row)"
+                >通过</el-link
+              >
+              <el-link
+                v-if="
+                  hasPermission('invoice_receipt_approve') && row.approvalStatus === 'reviewing'
+                "
+                type="danger"
+                @click="handleReturn(row)"
+                >驳回</el-link
+              >
+              <el-link
+                v-if="hasPermission('invoice_receipt_void') && row.approvalStatus === 'approved'"
+                type="danger"
+                @click="handleVoid(row)"
+                >作废</el-link
+              >
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="receipt-page__pagination">
+        <el-pagination
+          v-model:current-page="page.current"
+          v-model:page-size="page.size"
+          :total="page.total"
+          :page-sizes="[10, 20, 50, 100]"
+          layout="total, sizes, prev, pager, next, jumper"
+          @current-change="loadTable"
+          @size-change="handleSizeChange"
+        />
+      </div>
+    </section>
+
+    <el-dialog v-model="flowDialog.visible" title="审批流程" width="900px" append-to-body>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="发票号码">
+          {{ flowDialog.row.invoiceNo || '-' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="审核状态">
+          {{ flowDialog.row.approvalStatusName || '-' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="当前节点">
+          {{ flowDialog.row.currentNode || '-' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="当前处理人">
+          {{ flowDialog.row.currentProcessor || '-' }}
+        </el-descriptions-item>
+      </el-descriptions>
+      <el-table
+        v-loading="flowDialog.loading"
+        :data="flowDialog.records"
+        border
+        class="receipt-page__flow-table"
+      >
+        <el-table-column type="index" label="序号" width="64" align="center" />
+        <el-table-column prop="actionName" label="操作" min-width="110" align="center" />
+        <el-table-column label="原状态" min-width="100" align="center">
+          <template #default="{ row }">{{ statusName(row.fromStatus) }}</template>
+        </el-table-column>
+        <el-table-column label="新状态" min-width="100" align="center">
+          <template #default="{ row }">{{ statusName(row.toStatus) }}</template>
+        </el-table-column>
+        <el-table-column prop="operatorName" label="操作人" min-width="110" align="center" />
+        <el-table-column prop="createTime" label="操作时间" min-width="170" align="center" />
+        <el-table-column prop="reason" label="原因" min-width="160" show-overflow-tooltip />
+        <el-table-column prop="kingdeeBillNo" label="金蝶单据号" min-width="150" />
+      </el-table>
+    </el-dialog>
+  </basic-container>
+</template>
+
+<script>
+import { ArrowDown, ArrowUp, Refresh } from '@element-plus/icons-vue';
+import { mapGetters } from 'vuex';
+import * as XLSX from 'xlsx';
+import * as api from '@/api/payment/invoiceReceipt';
+import { invoiceReceiptTableColumns } from '@/option/payment/invoiceReceipt';
+
+const emptyQuery = () => ({
+  invoiceNo: '',
+  invoiceDate: '',
+  projectName: '',
+  deptName: '',
+  approvalStatus: '',
+  kingdeeStatus: '',
+});
+
+export default {
+  name: 'InvoiceReceipt',
+  data() {
+    return {
+      ArrowDown,
+      ArrowUp,
+      Refresh,
+      query: emptyQuery(),
+      searchExpanded: false,
+      approvalStatusOptions: api.approvalStatusOptions,
+      kingdeeStatusOptions: api.kingdeeStatusOptions,
+      columns: invoiceReceiptTableColumns,
+      rows: [],
+      selection: [],
+      loading: false,
+      page: { current: 1, size: 10, total: 0 },
+      flowDialog: { visible: false, loading: false, row: {}, records: [] },
+    };
+  },
+  computed: {
+    ...mapGetters(['permission']),
+  },
+  mounted() {
+    this.loadTable();
+  },
+  methods: {
+    hasPermission(code) {
+      return this.permission?.[code] !== false;
+    },
+    unwrapData(response) {
+      const body = response?.data || response || {};
+      return body?.data || body;
+    },
+    async loadTable() {
+      this.loading = true;
+      try {
+        const data = this.unwrapData(
+          await api.getList(this.page.current, this.page.size, this.query)
+        );
+        this.rows = data.records || [];
+        this.page.total = Number(data.total || 0);
+      } finally {
+        this.loading = false;
+      }
+    },
+    handleSearch() {
+      this.page.current = 1;
+      this.loadTable();
+    },
+    resetSearch() {
+      this.query = emptyQuery();
+      this.handleSearch();
+    },
+    handleSizeChange() {
+      this.page.current = 1;
+      this.loadTable();
+    },
+    openCreate() {
+      this.$router.push({ path: '/payment/invoice-receipt/form', query: { mode: 'add' } });
+    },
+    openEdit(row) {
+      this.$router.push({
+        path: '/payment/invoice-receipt/form',
+        query: { mode: 'edit', id: row.id },
+      });
+    },
+    openView(row) {
+      this.$router.push({
+        path: '/payment/invoice-receipt/form',
+        query: { mode: 'view', id: row.id },
+      });
+    },
+    async openFlow(row) {
+      this.flowDialog.row = { ...row };
+      this.flowDialog.records = [];
+      this.flowDialog.visible = true;
+      this.flowDialog.loading = true;
+      try {
+        const detail = this.unwrapData(await api.getDetail(row.id));
+        this.flowDialog.row = { ...row, ...detail };
+        this.flowDialog.records = detail.records || [];
+      } finally {
+        this.flowDialog.loading = false;
+      }
+    },
+    async handleDelete(row) {
+      await this.$confirm('确认删除该收票登记？', '提示', { type: 'warning' });
+      await api.remove(row.id);
+      this.$message.success('删除成功');
+      this.loadTable();
+    },
+    async handleSubmit(row) {
+      await api.submit({ id: row.id });
+      this.$message.success('提交成功');
+      this.loadTable();
+    },
+    async handleApprove(row) {
+      await this.$confirm('确认审批通过该收票登记？', '提示', { type: 'warning' });
+      await api.approve({ id: row.id });
+      this.$message.success('审批通过');
+      this.loadTable();
+    },
+    async handleReturn(row) {
+      const { value } = await this.$prompt('请输入驳回原因', '审批驳回');
+      await api.returnBill({ id: row.id, reason: value });
+      this.$message.success('已驳回');
+      this.loadTable();
+    },
+    async handleVoid(row) {
+      const { value } = await this.$prompt('请输入作废原因', '作废收票登记');
+      await api.voidBill({ id: row.id, reason: value });
+      this.$message.success('作废成功');
+      this.loadTable();
+    },
+    async handleBatchSync() {
+      const rows = this.selection.filter(row => row.approvalStatus === 'approved');
+      if (!rows.length) {
+        this.$message.warning('请选择至少一条审批通过的收票登记');
+        return;
+      }
+      await Promise.all(rows.map(row => api.syncKingdee(row.id)));
+      this.$message.success(`已同步${rows.length}条收票登记`);
+      this.loadTable();
+    },
+    async handleExport() {
+      const data = this.unwrapData(await api.getList(1, 100000, this.query));
+      const exportRows = (data.records || []).map(item => ({
+        发票号: item.invoiceNo,
+        开票日期: item.invoiceDate,
+        所属项目: item.projectName,
+        所属组织: item.deptName,
+        付款方: item.payerName,
+        收款方: item.payeeName,
+        收票金额: Number(item.invoiceAmount || 0).toFixed(2),
+        审核状态: item.approvalStatusName,
+        当前节点: item.currentNode,
+        当前处理人: item.currentProcessor,
+        创建人: item.createUserName,
+        创建时间: item.createTime,
+        金蝶单据号: item.kingdeeBillNo,
+        金蝶单据状态: item.kingdeeStatusName,
+      }));
+      const workbook = XLSX.utils.book_new();
+      XLSX.utils.book_append_sheet(workbook, XLSX.utils.json_to_sheet(exportRows), '收票登记');
+      XLSX.writeFile(workbook, `收票登记${this.$dayjs().format('YYYY-MM-DD HH-mm-ss')}.xlsx`);
+    },
+    statusType(status) {
+      return (
+        { approved: 'success', reviewing: 'warning', returned: 'danger', voided: 'info' }[status] ||
+        ''
+      );
+    },
+    statusName(status) {
+      return (
+        {
+          draft: '草稿',
+          reviewing: '审批中',
+          approved: '审批通过',
+          returned: '已驳回',
+          voided: '已作废',
+        }[status] ||
+        status ||
+        '-'
+      );
+    },
+    displayValue(value) {
+      return value === null || value === undefined || value === '' ? '-' : value;
+    },
+    formatMoney(value) {
+      return Number(value || 0).toFixed(2);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.receipt-page__search {
+  padding: 12px 12px 4px;
+  background: #fff;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+.receipt-page__search-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px 24px;
+}
+.receipt-page__search :deep(.el-form-item) {
+  margin-bottom: 8px;
+}
+.receipt-page__search :deep(.el-input),
+.receipt-page__search :deep(.el-select),
+.receipt-page__search :deep(.el-date-editor) {
+  width: 100%;
+}
+.receipt-page__search-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+.receipt-page__table-panel {
+  margin-top: 8px;
+}
+.receipt-page__toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 0;
+}
+.receipt-page__table-title {
+  font-size: 16px;
+  font-weight: 600;
+}
+.receipt-page__toolbar-actions,
+.receipt-page__links {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.receipt-page__links {
+  flex-wrap: wrap;
+  justify-content: center;
+}
+.receipt-page__pagination {
+  display: flex;
+  justify-content: flex-end;
+  padding: 16px 0;
+}
+.receipt-page :deep(.el-table) {
+  --el-table-border-color: #eff1f7;
+}
+.receipt-page :deep(.el-table__row:nth-child(even) > td.el-table__cell) {
+  background: #fafafa;
+}
+.receipt-page__flow-table {
+  margin-top: 16px;
+}
+@media (max-width: 1200px) {
+  .receipt-page__search-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+</style>
diff --git a/src/views/payment/payment-application-form.vue b/src/views/payment/payment-application-form.vue
new file mode 100644
index 0000000..01c8d13
--- /dev/null
+++ b/src/views/payment/payment-application-form.vue
@@ -0,0 +1,852 @@
+<template>
+  <basic-container class="payment-form-page">
+    <div class="payment-form-page__title">
+      {{ readonly ? '查看付款申请' : recordId ? '编辑付款申请' : '新增付款申请' }}
+    </div>
+    <el-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      label-position="right"
+      label-width="auto"
+      class="payment-form-page__form"
+    >
+      <section class="payment-form-page__section">
+        <div class="payment-form-page__section-title">付款基本信息</div>
+        <el-row :gutter="24">
+          <el-col :span="12"
+            ><el-form-item label="单据号"
+              ><el-input
+                v-model="form.paymentNo"
+                disabled
+                placeholder="系统自动生成" /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="付款类型" prop="paymentType"
+              ><el-select v-model="form.paymentType" :disabled="readonly" @change="handleTypeChange"
+                ><el-option
+                  v-for="item in paymentTypeOptions"
+                  :key="item.value"
+                  v-bind="item" /></el-select></el-form-item
+          ></el-col>
+          <el-col v-if="form.paymentType !== 'project_advance'" :span="12"
+            ><el-form-item label="结算单号" prop="referenceId"
+              ><el-input
+                v-model="referenceLabel"
+                readonly
+                :disabled="readonly"
+                placeholder="请选择预结算/正式结算单"
+                ><template #append
+                  ><el-button :disabled="readonly" @click="openReference">选择</el-button></template
+                ></el-input
+              ></el-form-item
+            ></el-col
+          >
+          <el-col :span="12"
+            ><el-form-item label="所属项目"
+              ><el-input v-model="form.projectName" disabled
+                ><template v-if="form.paymentType === 'project_advance'" #append
+                  ><el-button :disabled="readonly" @click="openReference">选择</el-button></template
+                ></el-input
+              ></el-form-item
+            ></el-col
+          >
+          <el-col :span="12"
+            ><el-form-item label="合同名称"
+              ><el-input v-model="form.contractName" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="结算金额"
+              ><el-input v-model="form.settlementAmount" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="可付款金额"
+              ><el-input v-model="form.payableAmount" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="票款类型"
+              ><el-input v-model="form.billType" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="付款比例" prop="paymentRatio"
+              ><el-input-number
+                v-model="form.paymentRatio"
+                :disabled="readonly"
+                :min="0"
+                :max="100"
+                :precision="2"
+                :controls="false"
+                style="width: 100%" /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="申请付款金额" prop="appliedAmount"
+              ><el-input-number
+                v-model="form.appliedAmount"
+                :disabled="readonly"
+                :min="0"
+                :precision="2"
+                :controls="false"
+                style="width: 100%" /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="付款方式" prop="paymentMethod"
+              ><el-select
+                v-model="form.paymentMethod"
+                :disabled="readonly"
+                @change="handlePaymentMethodChange"
+                ><el-option
+                  v-for="item in paymentMethodOptions"
+                  :key="item.value"
+                  v-bind="item" /></el-select></el-form-item
+          ></el-col>
+          <el-col v-if="billPayment" :span="12"
+            ><el-form-item label="汇票票据" prop="billLedgerId"
+              ><el-select
+                v-model="form.billLedgerId"
+                :disabled="readonly"
+                filterable
+                remote
+                reserve-keyword
+                :remote-method="loadBillOptions"
+                :loading="billLoading"
+                placeholder="请选择可用汇票"
+                @change="handleBillChange"
+                ><el-option
+                  v-for="item in billOptions"
+                  :key="item.id"
+                  :label="`${item.billNo}｜余额${formatMoney(item.availableBalance)}｜${
+                    item.maturityDate
+                  }`"
+                  :value="item.id" /></el-select></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="收款方"
+              ><el-input v-model="form.payeeName" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="收款账号"
+              ><el-input v-model="form.bankAccount" :disabled="readonly" /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="开户银行"
+              ><el-input v-model="form.bankName" :disabled="readonly" /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="申请人"
+              ><el-input v-model="form.applicantName" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="申请日期"
+              ><el-input v-model="form.applyDate" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="24"
+            ><el-form-item label="备注"
+              ><el-input
+                v-model="form.remark"
+                :disabled="readonly"
+                type="textarea"
+                maxlength="200"
+                show-word-limit /></el-form-item
+          ></el-col>
+        </el-row>
+      </section>
+      <section class="payment-form-page__section">
+        <div class="payment-form-page__section-title">结算信息</div>
+        <el-table :data="settlementRows" border
+          ><el-table-column type="index" label="序号" width="70" /><el-table-column
+            prop="settlementNo"
+            label="结算单号"
+            min-width="150" /><el-table-column
+            prop="settlementAmount"
+            label="结算总金额"
+            min-width="130" /><el-table-column
+            prop="payableAmount"
+            label="可付款金额"
+            min-width="130" /><el-table-column
+            prop="paymentRatio"
+            label="付款比例"
+            min-width="110" /><el-table-column
+            prop="appliedAmount"
+            label="付款金额"
+            min-width="130"
+        /></el-table>
+      </section>
+      <section class="payment-form-page__section">
+        <div class="payment-form-page__section-title">发票信息</div>
+        <div class="payment-form-page__section-actions">
+          <el-button type="primary" plain :disabled="readonly" @click="addInvoice"
+            >新增发票</el-button
+          >
+        </div>
+        <el-table :data="form.invoices" border
+          ><el-table-column type="index" label="序号" width="70" /><el-table-column
+            prop="settlementNo"
+            label="结算单号"
+            min-width="120"
+          /><el-table-column label="发票号" min-width="140"
+            ><template #default="{ row }"
+              ><el-input v-model="row.invoiceNo" :disabled="readonly" /></template></el-table-column
+          ><el-table-column label="开票日期" min-width="150"
+            ><template #default="{ row }"
+              ><el-date-picker
+                v-model="row.invoiceDate"
+                value-format="YYYY-MM-DD"
+                :disabled="readonly" /></template></el-table-column
+          ><el-table-column label="发票类型" min-width="130"
+            ><template #default="{ row }"
+              ><el-input
+                v-model="row.invoiceType"
+                :disabled="readonly" /></template></el-table-column
+          ><el-table-column label="税率" min-width="100"
+            ><template #default="{ row }"
+              ><el-input-number
+                v-model="row.taxRate"
+                :disabled="readonly"
+                :min="0"
+                :max="100"
+                :controls="false" /></template></el-table-column
+          ><el-table-column label="发票金额（含税）" min-width="150"
+            ><template #default="{ row }"
+              ><el-input-number
+                v-model="row.invoiceAmount"
+                :disabled="readonly"
+                :min="0"
+                :precision="2"
+                :controls="false" /></template></el-table-column
+          ><el-table-column label="匹配金额（含税）" min-width="150"
+            ><template #default="{ row }"
+              ><el-input-number
+                v-model="row.matchedAmount"
+                :disabled="readonly"
+                :min="0"
+                :precision="2"
+                :controls="false" /></template></el-table-column
+          ><el-table-column label="操作" width="100"
+            ><template #default="{ $index }"
+              ><el-link v-if="!readonly" type="danger" @click="form.invoices.splice($index, 1)"
+                >删除</el-link
+              ></template
+            ></el-table-column
+          ></el-table
+        >
+      </section>
+      <section class="payment-form-page__section">
+        <div class="payment-form-page__section-title">付款记录</div>
+        <el-table :data="paymentRecords" border
+          ><el-table-column type="index" label="序号" width="70" /><el-table-column
+            prop="paidAmount"
+            label="付款金额"
+            min-width="160" /><el-table-column
+            prop="paidDate"
+            label="付款日期"
+            min-width="150" /><el-table-column
+            prop="paymentNo"
+            label="付款单号"
+            min-width="160" /><el-table-column
+            prop="kingdeeBillNo"
+            label="付款凭证"
+            min-width="160"
+        /></el-table>
+      </section>
+      <section class="payment-form-page__section">
+        <div class="payment-form-page__section-title">附件</div>
+        <vehicle-attachment-upload
+          v-model="form.attachments"
+          :readonly="readonly"
+          :multiple="true"
+          :limit="20"
+          :max-size="500"
+          :file-types="attachmentFileTypes"
+          :show-file-list="false"
+          button-text="上传附件"
+          @change="normalizeAttachments"
+        /><el-table :data="form.attachments" border
+          ><el-table-column type="index" label="序号" width="70" /><el-table-column
+            label="附件类型"
+            width="160"
+            ><template #default="{ row }"
+              ><el-select v-model="row.attachmentType" :disabled="readonly"
+                ><el-option label="磅单" value="weighing_slip" /><el-option
+                  label="结算单"
+                  value="settlement" /><el-option label="合同签章文件" value="contract" /><el-option
+                  label="特批附件"
+                  value="special_approval" /><el-option
+                  label="其他"
+                  value="other" /></el-select></template></el-table-column
+          ><el-table-column prop="originalName" label="文件名" min-width="220" /><el-table-column
+            label="附件描述"
+            min-width="220"
+            ><template #default="{ row }"
+              ><el-input
+                v-model="row.description"
+                :disabled="readonly"
+                maxlength="200" /></template></el-table-column
+          ><el-table-column prop="size" label="文件大小" width="120" /><el-table-column
+            prop="uploadUserName"
+            label="上传人"
+            width="130"
+          /><el-table-column prop="uploadTime" label="上传时间" width="170" /><el-table-column
+            label="操作"
+            width="100"
+            ><template #default="{ row, $index }"
+              ><el-link type="primary" :href="row.url || row.link" target="_blank">查看</el-link
+              ><el-link v-if="!readonly" type="danger" @click="form.attachments.splice($index, 1)"
+                >删除</el-link
+              ></template
+            ></el-table-column
+          ></el-table
+        >
+      </section>
+      <div class="payment-form-page__actions">
+        <el-button @click="goBack">返回</el-button
+        ><el-button v-if="!readonly && canSave" @click="saveDraft">保存</el-button
+        ><el-button
+          v-if="!readonly && canSave && hasPermission('payment_application_submit')"
+          type="primary"
+          @click="submitForm"
+          >提交</el-button
+        >
+      </div>
+    </el-form>
+    <el-dialog
+      v-model="referenceVisible"
+      :title="form.paymentType === 'project_advance' ? '选择项目合同' : '选择结算单'"
+      width="80%"
+      ><el-table
+        v-if="form.paymentType === 'project_advance'"
+        :data="contractRows"
+        border
+        @row-click="selectContract"
+        ><el-table-column prop="projectName" label="所属项目" /><el-table-column
+          prop="contractNo"
+          label="合同编号" /><el-table-column
+          prop="contractName"
+          label="合同名称" /><el-table-column prop="deptName" label="所属组织" /></el-table
+      ><el-tabs v-else v-model="referenceTab"
+        ><el-tab-pane label="正式结算单" name="formal"
+          ><el-table :data="formalRows" border @row-click="selectFormal"
+            ><el-table-column prop="formalSettlementNo" label="结算单号" /><el-table-column
+              prop="projectName"
+              label="所属项目" /><el-table-column
+              prop="contractName"
+              label="合同名称" /><el-table-column
+              prop="settlementAmount"
+              label="结算金额" /></el-table></el-tab-pane
+        ><el-tab-pane label="预结算单" name="pre"
+          ><el-table :data="preRows" border @row-click="selectPre"
+            ><el-table-column prop="preSettlementNo" label="结算单号" /><el-table-column
+              prop="projectName"
+              label="所属项目" /><el-table-column
+              prop="contractName"
+              label="合同名称" /><el-table-column
+              prop="settlementAmount"
+              label="结算金额" /></el-table></el-tab-pane></el-tabs
+    ></el-dialog>
+  </basic-container>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import * as api from '@/api/payment/paymentApplication';
+import * as billLedgerApi from '@/api/payment/billLedger';
+import * as formalApi from '@/api/settlement/formalSettlement';
+import * as preApi from '@/api/settlement/preSettlement';
+
+const emptyForm = () => ({
+  id: null,
+  paymentNo: '',
+  paymentType: 'project_advance',
+  settlementId: null,
+  preSettlementId: null,
+  projectId: null,
+  projectName: '',
+  deptId: null,
+  deptName: '',
+  contractId: null,
+  contractNo: '',
+  contractName: '',
+  payerName: '',
+  payeeName: '',
+  settlementAmount: 0,
+  payableAmount: 0,
+  billType: '',
+  paymentRatio: 50,
+  appliedAmount: 0,
+  paymentMethod: 'bank_transfer',
+  billLedgerId: null,
+  billNo: '',
+  receiptAccountId: null,
+  receiptAccountName: '',
+  bankName: '',
+  bankAccount: '',
+  applicantName: '',
+  applyDate: '',
+  remark: '',
+  attachments: [],
+  invoices: [],
+});
+export default {
+  name: 'PaymentApplicationForm',
+  data() {
+    return {
+      form: emptyForm(),
+      amountSyncing: false,
+      paymentRecords: [],
+      referenceVisible: false,
+      referenceTab: 'formal',
+      formalRows: [],
+      preRows: [],
+      contractRows: [],
+      billOptions: [],
+      billLoading: false,
+      paymentTypeOptions: api.paymentTypeOptions,
+      paymentMethodOptions: api.paymentMethodOptions,
+      attachmentFileTypes: [
+        'pdf',
+        'bmp',
+        'jpeg',
+        'png',
+        'jpg',
+        'doc',
+        'docx',
+        'ppt',
+        'pptx',
+        'xlsx',
+        'xls',
+        'eml',
+        'msg',
+        'zip',
+        'rar',
+      ],
+      rules: {
+        paymentType: [{ required: true, message: '请选择付款类型' }],
+        referenceId: [{ validator: this.validateReference, trigger: 'change' }],
+        paymentMethod: [{ required: true, message: '请选择付款方式' }],
+        billLedgerId: [{ validator: this.validateBillLedger, trigger: 'change' }],
+        appliedAmount: [{ validator: this.validateAppliedAmount, trigger: 'change' }],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters(['permission']),
+    recordId() {
+      return this.$route.query.id || '';
+    },
+    readonly() {
+      return this.$route.query.mode === 'view';
+    },
+    canSave() {
+      const code = this.recordId ? 'payment_application_edit' : 'payment_application_add';
+      return this.hasPermission(code);
+    },
+    billPayment() {
+      return ['bank_draft', 'commercial_draft'].includes(this.form.paymentMethod);
+    },
+    referenceLabel() {
+      return this.form.settlementNo || this.form.preSettlementNo || '';
+    },
+    settlementRows() {
+      if (!this.referenceLabel) return [];
+      return [
+        {
+          settlementNo: this.referenceLabel,
+          settlementAmount: this.form.settlementAmount,
+          payableAmount: this.form.payableAmount,
+          paymentRatio: this.form.paymentRatio,
+          appliedAmount: this.form.appliedAmount,
+        },
+      ];
+    },
+  },
+  watch: {
+    'form.paymentRatio'(value) {
+      if (this.amountSyncing || !Number(this.form.payableAmount)) return;
+      this.amountSyncing = true;
+      this.form.appliedAmount = Number(
+        ((Number(this.form.payableAmount) * Number(value || 0)) / 100).toFixed(2)
+      );
+      this.$nextTick(() => {
+        this.amountSyncing = false;
+      });
+    },
+    'form.appliedAmount'(value) {
+      if (this.amountSyncing || !Number(this.form.payableAmount)) return;
+      this.amountSyncing = true;
+      this.form.paymentRatio = Number(
+        ((Number(value || 0) / Number(this.form.payableAmount)) * 100).toFixed(2)
+      );
+      this.$nextTick(() => {
+        this.amountSyncing = false;
+      });
+    },
+  },
+  created() {
+    this.initialize();
+  },
+  methods: {
+    hasPermission(code) {
+      return this.permission?.[code] !== false;
+    },
+    validateReference(rule, value, callback) {
+      if (this.form.paymentType === 'progress_advance' && !this.form.preSettlementId) {
+        callback(new Error('请选择预结算单'));
+        return;
+      }
+      if (this.form.paymentType === 'settlement_payment' && !this.form.settlementId) {
+        callback(new Error('请选择正式结算单'));
+        return;
+      }
+      callback();
+    },
+    validateAppliedAmount(rule, value, callback) {
+      const amount = Number(value);
+      const payableAmount = Number(this.form.payableAmount || 0);
+      if (!Number.isFinite(amount) || amount < 0) {
+        callback(new Error('申请付款金额不能小于0'));
+        return;
+      }
+      if (payableAmount > 0 && amount > payableAmount) {
+        callback(new Error('申请付款金额不能超过可付款金额'));
+        return;
+      }
+      callback();
+    },
+    validateBillLedger(rule, value, callback) {
+      if (!this.billPayment) {
+        callback();
+        return;
+      }
+      if (!value) {
+        callback(new Error('请选择可用汇票'));
+        return;
+      }
+      const selected = this.billOptions.find(item => String(item.id) === String(value));
+      if (
+        selected &&
+        Number(this.form.appliedAmount || 0) > Number(selected.availableBalance || 0)
+      ) {
+        callback(new Error('申请付款金额不能超过汇票可用余额'));
+        return;
+      }
+      callback();
+    },
+    validateInvoices() {
+      const appliedAmount = Number(this.form.appliedAmount || 0);
+      let matchedTotal = 0;
+      for (const invoice of this.form.invoices || []) {
+        const invoiceAmount = Number(invoice.invoiceAmount || 0);
+        const matchedAmount = Number(invoice.matchedAmount || 0);
+        if (invoiceAmount < 0 || matchedAmount < 0) {
+          throw new Error('发票金额和匹配金额不能小于0');
+        }
+        if (matchedAmount > invoiceAmount) {
+          throw new Error('单张发票匹配金额不能超过发票金额');
+        }
+        matchedTotal += matchedAmount;
+      }
+      if (matchedTotal > appliedAmount) {
+        throw new Error('发票匹配金额合计不能超过申请付款金额');
+      }
+    },
+    unwrapData(response) {
+      const body = response?.data || response || {};
+      return body?.data || body;
+    },
+    async initialize() {
+      if (this.recordId) {
+        const data = this.unwrapData(await api.getDetail(this.recordId));
+        this.form = {
+          ...emptyForm(),
+          ...data,
+          attachments: this.parse(data.attachmentsJson),
+          invoices: data.invoices || [],
+        };
+        this.paymentRecords = data.paymentRecords || [];
+        if (this.billPayment) await this.loadBillOptions('', data.billLedgerId);
+      } else {
+        this.form.applyDate = this.$dayjs().format('YYYY-MM-DD');
+        this.form.applicantName =
+          this.$store.getters.userInfo?.realName || this.$store.getters.userInfo?.userName || '';
+      }
+    },
+    parse(value) {
+      if (!value) return [];
+      if (Array.isArray(value)) return value;
+      try {
+        return JSON.parse(value) || [];
+      } catch {
+        return [];
+      }
+    },
+    handleTypeChange() {
+      if (this.form.paymentType === 'project_advance') {
+        this.form.settlementId = null;
+        this.form.preSettlementId = null;
+      }
+    },
+    async handlePaymentMethodChange() {
+      if (!this.billPayment) {
+        this.form.billLedgerId = null;
+        this.form.billNo = '';
+        this.billOptions = [];
+        return;
+      }
+      await this.loadBillOptions();
+    },
+    async loadBillOptions(keyword = '', selectedId = this.form.billLedgerId) {
+      if (!this.billPayment) return;
+      this.billLoading = true;
+      try {
+        this.billOptions =
+          this.unwrapData(
+            await billLedgerApi.getAvailableOptions(keyword, this.form.deptId, selectedId)
+          ) || [];
+      } finally {
+        this.billLoading = false;
+      }
+    },
+    handleBillChange(id) {
+      const selected = this.billOptions.find(item => String(item.id) === String(id));
+      this.form.billNo = selected?.billNo || '';
+      this.$refs.formRef?.validateField('billLedgerId').catch(() => {});
+    },
+    async loadReferences() {
+      const [formalResponse, preResponse, contractResponse] = await Promise.all([
+        formalApi.getList(1, 100, { settlementType: 'payable', approvalStatus: 'approved' }),
+        preApi.getList(1, 100, { settlementType: 'payable', approvalStatus: 'approved' }),
+        formalApi.getContractOptions(''),
+      ]);
+      const formal = this.unwrapData(formalResponse);
+      const pre = this.unwrapData(preResponse);
+      this.formalRows = formal.records || [];
+      this.preRows = pre.records || [];
+      this.contractRows = this.unwrapData(contractResponse) || [];
+    },
+    async openReference() {
+      await this.loadReferences();
+      this.referenceVisible = true;
+    },
+    selectContract(row) {
+      Object.assign(this.form, {
+        projectId: row.projectId,
+        projectName: row.projectName,
+        deptId: row.deptId,
+        deptName: row.deptName,
+        contractId: row.id,
+        contractNo: row.contractNo,
+        contractName: row.contractName,
+        payerName: row.payerName,
+        payeeName: row.payeeName,
+        billType: '项目预付',
+      });
+      this.referenceVisible = false;
+      if (this.billPayment) this.loadBillOptions();
+    },
+    selectFormal(row) {
+      Object.assign(this.form, {
+        settlementId: row.id,
+        preSettlementId: null,
+        settlementNo: row.formalSettlementNo,
+        projectName: row.projectName,
+        deptId: row.deptId,
+        deptName: row.deptName,
+        contractName: row.contractName,
+        settlementAmount: row.settlementAmount,
+        payableAmount: Math.max(
+          0,
+          Number(row.settlementAmount || 0) - Number(row.appliedPaymentAmount || 0)
+        ),
+        billType: '正式结算单',
+        payeeName: row.payeeName,
+      });
+      this.referenceVisible = false;
+      if (this.billPayment) this.loadBillOptions();
+    },
+    selectPre(row) {
+      Object.assign(this.form, {
+        preSettlementId: row.id,
+        settlementId: null,
+        preSettlementNo: row.preSettlementNo,
+        projectName: row.projectName,
+        deptId: row.deptId,
+        deptName: row.deptName,
+        contractName: row.contractName,
+        settlementAmount: row.settlementAmount,
+        payableAmount: Math.max(
+          0,
+          Number(row.settlementAmount || 0) - Number(row.advanceAppliedAmount || 0)
+        ),
+        billType: '预结算单',
+        payeeName: row.payeeName,
+      });
+      this.referenceVisible = false;
+      if (this.billPayment) this.loadBillOptions();
+    },
+    addInvoice() {
+      this.form.invoices.push({
+        settlementNo: this.referenceLabel,
+        invoiceNo: '',
+        invoiceDate: '',
+        invoiceType: '',
+        taxRate: 3,
+        invoiceAmount: 0,
+        matchedAmount: 0,
+        attachmentJson: '',
+      });
+    },
+    normalizeAttachments(files) {
+      const userName =
+        this.$store.getters.userInfo?.realName || this.$store.getters.userInfo?.userName || '';
+      const time = this.$dayjs().format('YYYY-MM-DD HH:mm:ss');
+      this.form.attachments = (files || []).map(file => ({
+        ...file,
+        attachmentType: file.attachmentType || 'other',
+        description: file.description || '',
+        uploadUserName: file.uploadUserName || userName,
+        uploadTime: file.uploadTime || time,
+      }));
+    },
+    payload() {
+      const {
+        id,
+        paymentType,
+        settlementId,
+        preSettlementId,
+        projectId,
+        projectName,
+        deptId,
+        deptName,
+        contractId,
+        contractNo,
+        contractName,
+        payerName,
+        payeeName,
+        settlementAmount,
+        payableAmount,
+        billType,
+        paymentRatio,
+        appliedAmount,
+        paymentMethod,
+        billLedgerId,
+        billNo,
+        receiptAccountId,
+        receiptAccountName,
+        bankName,
+        bankAccount,
+        attachments,
+        remark,
+        invoices,
+      } = this.form;
+      return {
+        id,
+        paymentType,
+        settlementId,
+        preSettlementId,
+        projectId,
+        projectName,
+        deptId,
+        deptName,
+        contractId,
+        contractNo,
+        contractName,
+        payerName,
+        payeeName,
+        settlementAmount,
+        payableAmount,
+        billType,
+        paymentRatio,
+        appliedAmount,
+        paymentMethod,
+        billLedgerId,
+        billNo,
+        receiptAccountId,
+        receiptAccountName,
+        bankName,
+        bankAccount,
+        attachmentsJson: JSON.stringify(attachments || []),
+        remark,
+        invoices,
+      };
+    },
+    async saveDraft() {
+      await this.$refs.formRef.validate();
+      if (this.form.paymentType === 'project_advance' && !this.form.projectId) {
+        this.$message.warning('请选择所属项目');
+        return false;
+      }
+      try {
+        this.validateInvoices();
+      } catch (error) {
+        this.$message.warning(error.message);
+        return false;
+      }
+      const data = this.unwrapData(await api.save(this.payload()));
+      this.form.id = data;
+      this.$message.success('保存成功');
+      return true;
+    },
+    async submitForm() {
+      const saved = await this.saveDraft();
+      if (!saved) return;
+      await api.submit({ id: this.form.id });
+      this.$message.success('提交成功');
+      this.goBack();
+    },
+    goBack() {
+      this.$router.push('/payment/payment-application');
+    },
+    formatMoney(value) {
+      return Number(value || 0).toFixed(2);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.payment-form-page__title,
+.payment-form-page__section-title {
+  display: flex;
+  align-items: center;
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 16px;
+}
+.payment-form-page__title::before,
+.payment-form-page__section-title::before {
+  width: 4px;
+  height: 20px;
+  margin-right: 8px;
+  background: #409eff;
+  content: '';
+}
+.payment-form-page__section {
+  margin-bottom: 24px;
+}
+.payment-form-page__section-title {
+  font-size: 16px;
+}
+.payment-form-page__section-actions {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 8px;
+}
+.payment-form-page__actions {
+  display: flex;
+  justify-content: center;
+  gap: 16px;
+  padding: 24px 0;
+  border-top: 1px solid #eff1f7;
+}
+.payment-form-page :deep(.el-form-item) {
+  margin-bottom: 16px;
+}
+.payment-form-page :deep(.el-table) {
+  --el-table-border-color: #eff1f7;
+}
+.payment-form-page :deep(.el-table__body tr:nth-child(even) > td.el-table__cell) {
+  background: #fafafa;
+}
+:deep(.payment-form-page.basic-container .basic-container__card > .el-card__body) {
+  padding: 0;
+}
+</style>
diff --git a/src/views/payment/payment-application.vue b/src/views/payment/payment-application.vue
new file mode 100644
index 0000000..445afa1
--- /dev/null
+++ b/src/views/payment/payment-application.vue
@@ -0,0 +1,476 @@
+<template>
+  <basic-container class="payment-page">
+    <section class="payment-page__search">
+      <el-form :model="query" label-position="right" label-width="160px">
+        <div class="payment-page__search-grid">
+          <el-form-item label="单据号"
+            ><el-input v-model="query.paymentNo" clearable
+          /></el-form-item>
+          <el-form-item label="日期"
+            ><el-date-picker
+              v-model="query.applyDateRange"
+              type="daterange"
+              value-format="YYYY-MM-DD"
+              range-separator="~"
+              start-placeholder="年/月/日"
+              end-placeholder="年/月/日"
+          /></el-form-item>
+          <el-form-item label="客户名称"
+            ><el-input v-model="query.payeeName" clearable
+          /></el-form-item>
+          <el-form-item label="项目名称"
+            ><el-input v-model="query.projectName" clearable
+          /></el-form-item>
+          <template v-if="searchExpanded">
+            <el-form-item label="所属组织"
+              ><el-input v-model="query.deptName" clearable
+            /></el-form-item>
+            <el-form-item label="关联结算单"
+              ><el-input v-model="query.settlementNo" clearable
+            /></el-form-item>
+            <el-form-item label="付款类型"
+              ><el-select v-model="query.paymentType" clearable
+                ><el-option
+                  v-for="item in paymentTypeOptions"
+                  :key="item.value"
+                  v-bind="item" /></el-select
+            ></el-form-item>
+            <el-form-item label="审核状态"
+              ><el-select v-model="query.approvalStatus" clearable
+                ><el-option
+                  v-for="item in approvalStatusOptions"
+                  :key="item.value"
+                  v-bind="item" /></el-select
+            ></el-form-item>
+            <el-form-item label="金蝶单据状态"
+              ><el-select v-model="query.kingdeeStatus" clearable
+                ><el-option
+                  v-for="item in kingdeeStatusOptions"
+                  :key="item.value"
+                  v-bind="item" /></el-select
+            ></el-form-item>
+          </template>
+        </div>
+        <div class="payment-page__search-actions">
+          <el-button type="primary" @click="handleSearch">查询</el-button>
+          <el-button @click="resetSearch">重置</el-button>
+          <el-button text @click="searchExpanded = !searchExpanded"
+            ><el-icon><component :is="searchExpanded ? ArrowUp : ArrowDown" /></el-icon
+          ></el-button>
+        </div>
+      </el-form>
+    </section>
+    <section class="payment-page__table-panel">
+      <div class="payment-page__toolbar">
+        <div class="payment-page__toolbar-left">
+          <el-button
+            v-if="hasPermission('payment_application_add')"
+            type="primary"
+            @click="openCreate"
+            >新增付款申请</el-button
+          >
+          <el-button
+            v-if="hasPermission('payment_application_sync')"
+            type="primary"
+            plain
+            @click="handleSync"
+            >批量同步</el-button
+          >
+          <el-button
+            v-if="hasPermission('payment_application_add')"
+            type="primary"
+            plain
+            @click="openSettlementPayment"
+            >申请付尾款</el-button
+          >
+          <el-button
+            v-if="hasPermission('payment_application_add')"
+            type="primary"
+            plain
+            @click="openCreate"
+            >预付申请</el-button
+          >
+          <el-button
+            v-if="hasPermission('payment_application_export')"
+            type="primary"
+            plain
+            @click="handleExport"
+            >导出</el-button
+          >
+        </div>
+        <el-button text :icon="Refresh" @click="loadTable" />
+      </div>
+      <el-table v-loading="loading" :data="rows" border @selection-change="selection = $event">
+        <el-table-column type="selection" width="52" fixed="left" align="center" />
+        <el-table-column type="index" label="序号" width="64" fixed="left" align="center" />
+        <el-table-column
+          v-for="column in columns"
+          :key="column.prop"
+          v-bind="column"
+          align="center"
+          show-overflow-tooltip
+        >
+          <template #default="{ row }">
+            <el-link v-if="column.link" type="primary" @click="openView(row)">{{
+              row[column.prop]
+            }}</el-link>
+            <el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)">{{
+              row[column.prop] || '-'
+            }}</el-tag>
+            <span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
+            <span v-else>{{ displayValue(row[column.prop]) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="320" fixed="right" align="center">
+          <template #default="{ row }"
+            ><div class="payment-page__links">
+              <el-link
+                v-if="hasPermission('payment_application_view')"
+                type="primary"
+                @click="openView(row)"
+                >查看</el-link
+              >
+              <el-link
+                v-if="
+                  hasPermission('payment_application_edit') &&
+                  ['draft', 'returned'].includes(row.approvalStatus)
+                "
+                type="primary"
+                @click="openEdit(row)"
+                >编辑</el-link
+              >
+              <el-link
+                v-if="hasPermission('payment_application_submit') && row.approvalStatus === 'draft'"
+                type="primary"
+                @click="handleSubmit(row)"
+                >提交</el-link
+              >
+              <el-link
+                v-if="
+                  hasPermission('payment_application_approve') && row.approvalStatus === 'reviewing'
+                "
+                type="primary"
+                @click="handleApprove(row)"
+                >通过</el-link
+              >
+              <el-link
+                v-if="
+                  hasPermission('payment_application_approve') && row.approvalStatus === 'reviewing'
+                "
+                type="danger"
+                @click="handleReturn(row)"
+                >驳回</el-link
+              >
+              <el-link
+                v-if="hasPermission('payment_application_view') && row.approvalStatus !== 'draft'"
+                type="primary"
+                @click="openFlow(row)"
+                >流程</el-link
+              >
+              <el-link
+                v-if="
+                  hasPermission('payment_application_void') && row.approvalStatus === 'approved'
+                "
+                type="danger"
+                @click="handleVoid(row)"
+                >作废</el-link
+              >
+              <el-link
+                v-if="hasPermission('payment_application_delete') && row.approvalStatus === 'draft'"
+                type="danger"
+                @click="handleDelete(row)"
+                >删除</el-link
+              >
+            </div></template
+          >
+        </el-table-column>
+      </el-table>
+      <div class="payment-page__pagination">
+        <el-pagination
+          v-model:current-page="page.current"
+          v-model:page-size="page.size"
+          :total="page.total"
+          :page-sizes="[10, 20, 50, 100]"
+          layout="total, sizes, prev, pager, next, jumper"
+          @current-change="loadTable"
+          @size-change="handleSizeChange"
+        />
+      </div>
+    </section>
+    <el-dialog v-model="flowDialog.visible" title="审批流程" width="620px" append-to-body>
+      <el-descriptions :column="1" border>
+        <el-descriptions-item label="付款申请单号">
+          {{ flowDialog.row.paymentNo || '-' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="审核状态">
+          {{ flowDialog.row.approvalStatusName || '-' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="当前节点">
+          {{ flowDialog.row.currentNode || '-' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="当前处理人">
+          {{ flowDialog.row.currentProcessor || '-' }}
+        </el-descriptions-item>
+      </el-descriptions>
+    </el-dialog>
+  </basic-container>
+</template>
+
+<script>
+import { ArrowDown, ArrowUp, Refresh } from '@element-plus/icons-vue';
+import { mapGetters } from 'vuex';
+import * as api from '@/api/payment/paymentApplication';
+import { paymentApplicationTableColumns } from '@/option/payment/paymentApplication';
+
+const emptyQuery = () => ({
+  paymentNo: '',
+  applyDateRange: [],
+  payeeName: '',
+  projectName: '',
+  deptName: '',
+  settlementNo: '',
+  paymentType: '',
+  approvalStatus: '',
+  kingdeeStatus: '',
+});
+export default {
+  name: 'PaymentApplication',
+  data() {
+    return {
+      ArrowDown,
+      ArrowUp,
+      Refresh,
+      query: emptyQuery(),
+      searchExpanded: false,
+      paymentTypeOptions: api.paymentTypeOptions,
+      approvalStatusOptions: api.approvalStatusOptions,
+      kingdeeStatusOptions: api.kingdeeStatusOptions,
+      columns: paymentApplicationTableColumns,
+      rows: [],
+      selection: [],
+      loading: false,
+      page: { current: 1, size: 10, total: 0 },
+      flowDialog: { visible: false, row: {} },
+    };
+  },
+  computed: {
+    ...mapGetters(['permission']),
+    visibleSearchFields() {
+      return this.searchExpanded ? this.columns : this.columns.slice(0, 4);
+    },
+  },
+  mounted() {
+    this.loadTable();
+  },
+  methods: {
+    hasPermission(code) {
+      return this.permission?.[code] !== false;
+    },
+    unwrapData(response) {
+      const body = response?.data || response || {};
+      return body?.data || body;
+    },
+    buildParams() {
+      const params = { ...this.query };
+      const range = params.applyDateRange || [];
+      delete params.applyDateRange;
+      if (range.length === 2) {
+        params.applyStartDate = range[0];
+        params.applyEndDate = range[1];
+      }
+      return params;
+    },
+    async loadTable() {
+      this.loading = true;
+      try {
+        const data = this.unwrapData(
+          await api.getList(this.page.current, this.page.size, this.buildParams())
+        );
+        this.rows = data.records || [];
+        this.page.total = data.total || 0;
+      } finally {
+        this.loading = false;
+      }
+    },
+    handleSearch() {
+      this.page.current = 1;
+      this.loadTable();
+    },
+    resetSearch() {
+      this.query = emptyQuery();
+      this.handleSearch();
+    },
+    handleSizeChange() {
+      this.page.current = 1;
+      this.loadTable();
+    },
+    openCreate() {
+      this.$router.push({ path: '/payment/payment-application/form', query: { mode: 'add' } });
+    },
+    openEdit(row) {
+      this.$router.push({
+        path: '/payment/payment-application/form',
+        query: { mode: 'edit', id: row.id },
+      });
+    },
+    openView(row) {
+      this.$router.push({
+        path: '/payment/payment-application/form',
+        query: { mode: 'view', id: row.id },
+      });
+    },
+    openSettlementPayment() {
+      this.openCreate();
+    },
+    selectedOne(action) {
+      if (this.selection.length !== 1) {
+        this.$message.warning(`${action}需选择一条付款申请`);
+        return null;
+      }
+      return this.selection[0];
+    },
+    async handleDelete(row) {
+      await this.$confirm('确认删除该付款申请？', '提示', { type: 'warning' });
+      await api.remove(row.id);
+      this.$message.success('删除成功');
+      this.loadTable();
+    },
+    async handleSubmit(row) {
+      await api.submit({ id: row.id });
+      this.$message.success('提交成功');
+      this.loadTable();
+    },
+    async handleApprove(row) {
+      await api.approve({ id: row.id });
+      this.$message.success('审批通过');
+      this.loadTable();
+    },
+    async handleReturn(row) {
+      const { value } = await this.$prompt('请输入驳回原因', '审批驳回');
+      await api.returnBill({ id: row.id, reason: value });
+      this.$message.success('已驳回');
+      this.loadTable();
+    },
+    openFlow(row) {
+      this.flowDialog.row = row;
+      this.flowDialog.visible = true;
+    },
+    async handleVoid(row) {
+      const { value } = await this.$prompt('请输入作废原因', '作废付款申请');
+      await api.voidBill({ id: row.id, reason: value });
+      this.$message.success('作废成功');
+      this.loadTable();
+    },
+    async handleSyncRow(row) {
+      const data = this.unwrapData(await api.syncKingdee(row.id));
+      this.$message.success(`已生成金蝶付款单：${data}`);
+      this.loadTable();
+    },
+    async handleSync() {
+      const rows = this.selection.filter(row => row.approvalStatus === 'approved');
+      if (!rows.length) {
+        this.$message.warning('请选择至少一条审批通过的付款申请');
+        return;
+      }
+      await Promise.all(rows.map(row => api.syncKingdee(row.id)));
+      this.$message.success(`已同步${rows.length}条付款申请`);
+      this.loadTable();
+    },
+    handleExport() {
+      const headers = this.columns.map(item => item.label);
+      const rows = this.rows.map(row => this.columns.map(item => row[item.prop] || ''));
+      const csv = [headers, ...rows]
+        .map(item => item.map(value => `"${String(value).replaceAll('"', '""')}"`).join(','))
+        .join('\n');
+      const blob = new Blob([`\ufeff${csv}`], { type: 'text/csv;charset=utf-8;' });
+      const link = document.createElement('a');
+      link.href = URL.createObjectURL(blob);
+      link.download = `付款申请${this.$dayjs().format('YYYY-MM-DD HH-mm-ss')}.csv`;
+      link.click();
+      URL.revokeObjectURL(link.href);
+    },
+    statusType(status) {
+      return (
+        { approved: 'success', reviewing: 'warning', returned: 'danger', voided: 'info' }[status] ||
+        ''
+      );
+    },
+    displayValue(value) {
+      return value === null || value === undefined || value === '' ? '-' : value;
+    },
+    formatMoney(value) {
+      return Number(value || 0).toFixed(2);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.payment-page__search {
+  padding: 12px 12px 4px;
+  background: #fff;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+.payment-page__search-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px 24px;
+}
+.payment-page__search :deep(.el-form-item) {
+  margin-bottom: 8px;
+}
+.payment-page__search :deep(.el-input),
+.payment-page__search :deep(.el-select),
+.payment-page__search :deep(.el-date-editor) {
+  width: 100%;
+}
+.payment-page__search-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+.payment-page__table-panel {
+  margin-top: 8px;
+}
+.payment-page__toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 0;
+}
+.payment-page__toolbar-left {
+  display: flex;
+  gap: 8px;
+}
+.payment-page__links {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 8px;
+}
+.payment-page__pagination {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 12px;
+}
+.payment-page :deep(.el-table) {
+  --el-table-border-color: #eff1f7;
+}
+.payment-page :deep(.el-table__body tr:nth-child(even) > td.el-table__cell) {
+  background: #fafafa;
+}
+:deep(.payment-page.basic-container .basic-container__card > .el-card__body) {
+  padding: 0;
+}
+@media (max-width: 1200px) {
+  .payment-page__search-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+@media (max-width: 760px) {
+  .payment-page__search-grid {
+    grid-template-columns: 1fr;
+  }
+}
+</style>
diff --git a/src/views/payment/receipt-claim-record-form.vue b/src/views/payment/receipt-claim-record-form.vue
new file mode 100644
index 0000000..42985f2
--- /dev/null
+++ b/src/views/payment/receipt-claim-record-form.vue
@@ -0,0 +1,369 @@
+<template>
+  <basic-container class="claim-record-form-page">
+    <el-form :model="form" label-position="right" label-width="auto">
+      <section class="claim-record-form-page__section">
+        <div class="claim-record-form-page__section-title">收款信息</div>
+        <el-row :gutter="32">
+          <el-col :span="12">
+            <el-form-item label="认领通知单">
+              <el-input v-model="form.receiptNoticeNo" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="付款人"
+              ><el-input v-model="form.payerName" disabled
+            /></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="收款金额">
+              <el-input :model-value="formatMoney(form.receiptAmount)" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="交易时间">
+              <el-input v-model="form.transactionTime" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="对方户名">
+              <el-input v-model="form.counterpartyName" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="对方开户行">
+              <el-input v-model="form.counterpartyBank" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="对方账号">
+              <el-input v-model="form.counterpartyAccount" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="明细流水号">
+              <el-input v-model="form.detailSerialNo" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="已认领金额">
+              <el-input :model-value="formatMoney(form.claimAmount)" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="摘要"><el-input v-model="form.summary" disabled /></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="关联结算单">
+              <el-input v-model="form.associatedSettlementNos" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="认领人">
+              <el-input v-model="form.claimerName" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="认领日期">
+              <el-input v-model="form.claimDate" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="认领人部门">
+              <el-input v-model="form.claimerDeptName" disabled />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </section>
+
+      <section class="claim-record-form-page__section">
+        <div class="claim-record-form-page__section-title">结算信息</div>
+        <el-table :data="form.settlements" border>
+          <el-table-column type="index" label="序号" width="64" align="center" />
+          <el-table-column label="结算单号" min-width="180" align="center">
+            <template #default="{ row }">
+              <el-link type="primary" @click="openSettlementDetail(row)">
+                {{ row.formalSettlementNo }}
+              </el-link>
+            </template>
+          </el-table-column>
+          <el-table-column label="结算总金额" min-width="150" align="right">
+            <template #default="{ row }">{{ formatMoney(row.settlementAmount) }}</template>
+          </el-table-column>
+          <el-table-column label="已认领收款金额" min-width="170" align="right">
+            <template #default="{ row }">{{ formatMoney(row.claimedReceiptAmount) }}</template>
+          </el-table-column>
+          <el-table-column label="分摊收款金额" min-width="170" align="right">
+            <template #default="{ row }">{{ formatMoney(row.allocatedReceiptAmount) }}</template>
+          </el-table-column>
+        </el-table>
+      </section>
+
+      <section class="claim-record-form-page__section">
+        <div class="claim-record-form-page__section-heading">
+          <div class="claim-record-form-page__section-title">附件信息</div>
+          <el-button
+            v-if="form.attachments.length"
+            type="primary"
+            :icon="Download"
+            @click="downloadAttachments"
+            >批量下载</el-button
+          >
+        </div>
+        <el-table :data="form.attachments" border>
+          <el-table-column type="index" label="序号" width="64" align="center" />
+          <el-table-column label="文件名" min-width="220">
+            <template #default="{ row }">{{ row.originalName || row.name || '-' }}</template>
+          </el-table-column>
+          <el-table-column prop="description" label="附件描述" min-width="240" />
+          <el-table-column label="文件大小" width="120">
+            <template #default="{ row }">{{ displayFileSize(row.size) }}</template>
+          </el-table-column>
+          <el-table-column prop="uploadUserName" label="上传人" width="140" />
+          <el-table-column prop="uploadTime" label="上传时间" width="170" />
+          <el-table-column label="操作" width="120" align="center">
+            <template #default="{ row }">
+              <div class="claim-record-form-page__links">
+                <el-link v-if="row.url || row.link" type="primary" @click="viewAttachment(row)">
+                  查看
+                </el-link>
+                <el-link
+                  v-if="form.claimStatus === 'claimed'"
+                  type="danger"
+                  @click="removeAttachment(row)"
+                  >删除</el-link
+                >
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <vehicle-attachment-upload
+          v-if="form.claimStatus === 'claimed'"
+          v-model="form.attachments"
+          :multiple="true"
+          :limit="20"
+          :max-size="500"
+          :file-types="attachmentFileTypes"
+          :show-file-list="false"
+          button-text="上传附件"
+          class="claim-record-form-page__uploader"
+          @change="handleAttachmentChange"
+        />
+      </section>
+
+      <section class="claim-record-form-page__section">
+        <div class="claim-record-form-page__section-title">备注</div>
+        <el-input v-model="form.remark" type="textarea" :rows="3" maxlength="200" disabled />
+      </section>
+
+      <div class="claim-record-form-page__actions">
+        <el-button @click="goBack">关闭</el-button>
+      </div>
+    </el-form>
+  </basic-container>
+</template>
+
+<script>
+import { Download } from '@element-plus/icons-vue';
+import * as api from '@/api/payment/receiptClaimRecord';
+
+const emptyForm = () => ({
+  receiptNoticeNo: '',
+  payerName: '',
+  receiptAmount: 0,
+  transactionTime: '',
+  counterpartyName: '',
+  counterpartyBank: '',
+  counterpartyAccount: '',
+  detailSerialNo: '',
+  claimAmount: 0,
+  summary: '',
+  associatedSettlementNos: '',
+  claimerName: '',
+  claimDate: '',
+  claimerDeptName: '',
+  claimStatus: '',
+  settlements: [],
+  attachments: [],
+  remark: '',
+});
+
+export default {
+  name: 'ReceiptClaimRecordForm',
+  data() {
+    return {
+      Download,
+      form: emptyForm(),
+      attachmentFileTypes: [
+        'pdf',
+        'bmp',
+        'jpeg',
+        'png',
+        'jpg',
+        'doc',
+        'docx',
+        'ppt',
+        'pptx',
+        'xlsx',
+        'xls',
+        'eml',
+        'msg',
+        'zip',
+      ],
+    };
+  },
+  computed: {
+    recordId() {
+      return this.$route.query.id || '';
+    },
+  },
+  created() {
+    this.initialize();
+  },
+  methods: {
+    unwrapData(response) {
+      const body = response?.data || response || {};
+      return body?.data || body;
+    },
+    async initialize() {
+      if (!this.recordId) {
+        this.$message.error('缺少认领记录');
+        this.goBack();
+        return;
+      }
+      const data = this.unwrapData(await api.getDetail(this.recordId));
+      this.form = {
+        ...emptyForm(),
+        ...data,
+        settlements: data.settlements || [],
+        attachments: this.parseAttachments(data.attachmentsJson),
+      };
+    },
+    parseAttachments(value) {
+      if (!value) return [];
+      if (Array.isArray(value)) return value;
+      try {
+        const result = JSON.parse(value);
+        return Array.isArray(result) ? result : [];
+      } catch (error) {
+        return [];
+      }
+    },
+    downloadAttachments() {
+      this.form.attachments.forEach(file => {
+        const url = file.url || file.link;
+        if (!url) return;
+        const anchor = document.createElement('a');
+        anchor.href = url;
+        anchor.download = file.originalName || file.name || '';
+        anchor.target = '_blank';
+        anchor.click();
+      });
+    },
+    viewAttachment(row) {
+      window.open(row.url || row.link, '_blank', 'noopener');
+    },
+    async handleAttachmentChange(files) {
+      const userInfo = this.$store.getters.userInfo || {};
+      const userName = userInfo.realName || userInfo.userName || '';
+      const uploadTime = this.$dayjs().format('YYYY-MM-DD HH:mm:ss');
+      this.form.attachments = (files || []).map(file => ({
+        ...file,
+        description: file.description || '',
+        uploadUserName: file.uploadUserName || userName,
+        uploadTime: file.uploadTime || uploadTime,
+      }));
+      await this.persistAttachments('附件上传成功');
+    },
+    async removeAttachment(row) {
+      await this.$confirm('确定删除该附件吗？', '删除附件', {
+        type: 'warning',
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+      });
+      this.form.attachments = this.form.attachments.filter(item => item !== row);
+      await this.persistAttachments('附件删除成功');
+    },
+    async persistAttachments(message) {
+      await api.updateAttachments({
+        id: this.recordId,
+        attachmentsJson: JSON.stringify(this.form.attachments || []),
+      });
+      this.$message.success(message);
+    },
+    openSettlementDetail(row) {
+      if (!row.formalSettlementId) return;
+      this.$router.push({
+        path: '/settlement/formal-settlement/form',
+        query: { mode: 'view', id: row.formalSettlementId, name: '查看正式结算' },
+      });
+    },
+    goBack() {
+      this.$router.push('/payment/receipt-claim-record');
+    },
+    formatMoney(value) {
+      return Number(value || 0).toFixed(2);
+    },
+    displayFileSize(size) {
+      if (size === null || size === undefined || size === '') return '-';
+      if (typeof size === 'string' && /[a-z]/i.test(size)) return size;
+      const bytes = Number(size);
+      if (!Number.isFinite(bytes)) return size;
+      if (bytes < 1024) return `${bytes}B`;
+      if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(0)}KB`;
+      return `${(bytes / 1024 / 1024).toFixed(2)}MB`;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.claim-record-form-page__section {
+  margin-bottom: 24px;
+}
+.claim-record-form-page__section-title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 16px;
+  font-size: 16px;
+  font-weight: 600;
+}
+.claim-record-form-page__section-title::before {
+  width: 4px;
+  height: 20px;
+  margin-right: 8px;
+  background: #409eff;
+  content: '';
+}
+.claim-record-form-page__section-heading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16px;
+}
+.claim-record-form-page__section-heading .claim-record-form-page__section-title {
+  margin-bottom: 0;
+}
+.claim-record-form-page :deep(.el-form-item) {
+  margin-bottom: 16px;
+}
+.claim-record-form-page__actions {
+  display: flex;
+  justify-content: center;
+  padding: 16px 0 8px;
+}
+.claim-record-form-page__links {
+  display: flex;
+  justify-content: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+.claim-record-form-page__uploader {
+  margin-top: 12px;
+}
+.claim-record-form-page :deep(.el-table) {
+  --el-table-border-color: #eff1f7;
+}
+.claim-record-form-page :deep(.el-table__row:nth-child(even) > td.el-table__cell) {
+  background: #fafafa;
+}
+</style>
diff --git a/src/views/payment/receipt-claim-record.vue b/src/views/payment/receipt-claim-record.vue
new file mode 100644
index 0000000..32d947a
--- /dev/null
+++ b/src/views/payment/receipt-claim-record.vue
@@ -0,0 +1,294 @@
+<template>
+  <basic-container class="claim-record-page">
+    <section class="claim-record-page__search">
+      <el-form :model="query" label-position="right" label-width="160px" @submit.prevent>
+        <div class="claim-record-page__search-grid">
+          <el-form-item label="认领通知单">
+            <el-input v-model="query.receiptNoticeNo" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item label="对方户名">
+            <el-input v-model="query.counterpartyName" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item label="对方开户行">
+            <el-input v-model="query.counterpartyBank" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item label="对方账号">
+            <el-input v-model="query.counterpartyAccount" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item v-show="searchExpanded" label="摘要">
+            <el-input v-model="query.summary" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item v-show="searchExpanded" label="状态">
+            <el-select v-model="query.claimStatus" clearable placeholder="请选择">
+              <el-option
+                v-for="item in claimStatusOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item v-show="searchExpanded" label="交易日期">
+            <el-date-picker
+              v-model="query.transactionDateRange"
+              type="daterange"
+              value-format="YYYY-MM-DD"
+              range-separator="~"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              clearable
+            />
+          </el-form-item>
+          <el-form-item v-show="searchExpanded" label="认领人">
+            <el-input v-model="query.claimerName" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item v-show="searchExpanded" label="认领日期">
+            <el-date-picker
+              v-model="query.claimDateRange"
+              type="daterange"
+              value-format="YYYY-MM-DD"
+              range-separator="~"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              clearable
+            />
+          </el-form-item>
+          <el-form-item v-show="searchExpanded" label="所属组织">
+            <el-input v-model="query.claimerDeptName" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item v-show="searchExpanded" label="金蝶单据状态">
+            <el-select v-model="query.kingdeeBillStatus" clearable placeholder="请选择">
+              <el-option
+                v-for="item in kingdeeBillStatusOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </div>
+        <div class="claim-record-page__search-actions">
+          <el-button type="primary" @click="handleSearch">查询</el-button>
+          <el-button @click="resetSearch">重置</el-button>
+          <el-tooltip :content="searchExpanded ? '折叠' : '展开'" placement="top">
+            <el-button text @click="searchExpanded = !searchExpanded">
+              <el-icon><component :is="searchExpanded ? ArrowUp : ArrowDown" /></el-icon>
+            </el-button>
+          </el-tooltip>
+        </div>
+      </el-form>
+    </section>
+
+    <section class="claim-record-page__table-panel">
+      <el-table v-loading="loading" :data="rows" border>
+        <el-table-column type="index" label="序号" width="64" fixed="left" align="center" />
+        <el-table-column
+          v-for="column in columns"
+          :key="column.prop"
+          v-bind="column"
+          align="center"
+          show-overflow-tooltip
+        >
+          <template #default="{ row }">
+            <el-link v-if="column.link" type="primary" @click="openDetail(row)">
+              {{ displayValue(row[column.prop]) }}
+            </el-link>
+            <el-tag v-else-if="column.status" :type="statusType(row.claimStatus)">
+              {{ displayValue(row[column.prop]) }}
+            </el-tag>
+            <span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
+            <span v-else>{{ displayValue(row[column.prop]) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="120" fixed="right" align="center">
+          <template #default="{ row }">
+            <el-link
+              v-if="hasPermission('receipt_claim_record_void') && row.claimStatus === 'claimed'"
+              type="danger"
+              @click="handleVoid(row)"
+              >作废</el-link
+            >
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="claim-record-page__pagination">
+        <el-pagination
+          v-model:current-page="page.current"
+          v-model:page-size="page.size"
+          :total="page.total"
+          :page-sizes="[10, 20, 50, 100]"
+          layout="total, sizes, prev, pager, next, jumper"
+          @current-change="loadTable"
+          @size-change="handleSizeChange"
+        />
+      </div>
+    </section>
+  </basic-container>
+</template>
+
+<script>
+import { ArrowDown, ArrowUp } from '@element-plus/icons-vue';
+import { mapGetters } from 'vuex';
+import * as api from '@/api/payment/receiptClaimRecord';
+import { receiptClaimRecordTableColumns } from '@/option/payment/receiptClaimRecord';
+
+const emptyQuery = () => ({
+  receiptNoticeNo: '',
+  counterpartyName: '',
+  counterpartyBank: '',
+  counterpartyAccount: '',
+  summary: '',
+  claimStatus: '',
+  transactionDateRange: [],
+  claimerName: '',
+  claimDateRange: [],
+  claimerDeptName: '',
+  kingdeeBillStatus: '',
+});
+
+export default {
+  name: 'ReceiptClaimRecord',
+  data() {
+    return {
+      ArrowDown,
+      ArrowUp,
+      query: emptyQuery(),
+      searchExpanded: false,
+      claimStatusOptions: api.claimStatusOptions,
+      kingdeeBillStatusOptions: api.kingdeeBillStatusOptions,
+      columns: receiptClaimRecordTableColumns,
+      rows: [],
+      loading: false,
+      page: { current: 1, size: 10, total: 0 },
+    };
+  },
+  computed: {
+    ...mapGetters(['permission', 'userInfo']),
+    isAdmin() {
+      const authority = this.userInfo?.authority;
+      return Array.isArray(authority)
+        ? authority.includes('admin')
+        : String(authority || '').includes('admin');
+    },
+  },
+  mounted() {
+    this.loadTable();
+  },
+  methods: {
+    unwrapData(response) {
+      const body = response?.data || response || {};
+      return body?.data || body;
+    },
+    queryParams() {
+      const transactionRange = this.query.transactionDateRange || [];
+      const claimRange = this.query.claimDateRange || [];
+      return {
+        ...this.query,
+        transactionDateRange: undefined,
+        claimDateRange: undefined,
+        transactionStartDate: transactionRange[0],
+        transactionEndDate: transactionRange[1],
+        claimStartDate: claimRange[0],
+        claimEndDate: claimRange[1],
+      };
+    },
+    async loadTable() {
+      this.loading = true;
+      try {
+        const data = this.unwrapData(
+          await api.getList(this.page.current, this.page.size, this.queryParams())
+        );
+        this.rows = data.records || [];
+        this.page.total = Number(data.total || 0);
+      } finally {
+        this.loading = false;
+      }
+    },
+    handleSearch() {
+      this.page.current = 1;
+      this.loadTable();
+    },
+    resetSearch() {
+      this.query = emptyQuery();
+      this.handleSearch();
+    },
+    handleSizeChange() {
+      this.page.current = 1;
+      this.loadTable();
+    },
+    openDetail(row) {
+      this.$router.push({ path: '/payment/receipt-claim-record/form', query: { id: row.id } });
+    },
+    async handleVoid(row) {
+      await this.$confirm(
+        '作废后将回退本次认领金额，并生成审核通过状态的金蝶认领冲单，是否继续？',
+        '作废认领记录',
+        { type: 'warning', confirmButtonText: '确定', cancelButtonText: '取消' }
+      );
+      const kingdeeBillNo = this.unwrapData(await api.voidClaim(row.id));
+      this.$message.success(`作废成功，金蝶冲单号：${kingdeeBillNo}`);
+      await this.loadTable();
+    },
+    hasPermission(code) {
+      return this.isAdmin || this.validData(this.permission?.[code], false);
+    },
+    statusType(status) {
+      return status === 'voided' ? 'info' : 'success';
+    },
+    displayValue(value) {
+      return value === null || value === undefined || value === '' ? '-' : value;
+    },
+    formatMoney(value) {
+      return Number(value || 0).toFixed(2);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.claim-record-page__search {
+  padding: 12px 12px 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+.claim-record-page__search-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  column-gap: 16px;
+  row-gap: 8px;
+}
+.claim-record-page__search :deep(.el-form-item) {
+  margin-bottom: 0;
+}
+.claim-record-page__search :deep(.el-input),
+.claim-record-page__search :deep(.el-select),
+.claim-record-page__search :deep(.el-date-editor) {
+  width: 100%;
+}
+.claim-record-page__search-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  padding-top: 8px;
+}
+.claim-record-page__table-panel {
+  margin-top: 8px;
+}
+.claim-record-page__pagination {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 16px;
+}
+.claim-record-page :deep(.el-table) {
+  --el-table-border-color: #eff1f7;
+}
+.claim-record-page :deep(.el-table__row:nth-child(even) > td.el-table__cell) {
+  background: #fafafa;
+}
+@media (max-width: 1200px) {
+  .claim-record-page__search-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+</style>
diff --git a/src/views/payment/receipt-flow-form.vue b/src/views/payment/receipt-flow-form.vue
new file mode 100644
index 0000000..4603156
--- /dev/null
+++ b/src/views/payment/receipt-flow-form.vue
@@ -0,0 +1,537 @@
+<template>
+  <basic-container class="receipt-claim-form-page">
+    <el-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      label-position="right"
+      label-width="auto"
+      class="receipt-claim-form-page__form"
+    >
+      <section class="receipt-claim-form-page__section">
+        <div class="receipt-claim-form-page__section-title">收款信息</div>
+        <el-row :gutter="32">
+          <el-col :span="12"
+            ><el-form-item label="认领通知单"
+              ><el-input v-model="form.receiptNoticeNo" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="付款人"
+              ><el-input v-model="form.payerName" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="收款金额"
+              ><el-input :model-value="formatMoney(form.receiptAmount)" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="交易时间"
+              ><el-input v-model="form.transactionTime" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="对方户名"
+              ><el-input v-model="form.counterpartyName" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="对方开户行"
+              ><el-input v-model="form.counterpartyBank" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="对方账号"
+              ><el-input v-model="form.counterpartyAccount" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="明细流水号"
+              ><el-input v-model="form.detailSerialNo" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="已认领金额"
+              ><el-input :model-value="formatMoney(form.claimedAmount)" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="摘要"><el-input v-model="form.summary" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="关联结算单" prop="settlementIds"
+              ><el-input
+                :model-value="settlementLabel"
+                readonly
+                placeholder="请选择已审批通过的应收正式结算单"
+                ><template #append
+                  ><el-button
+                    :icon="Search"
+                    title="选择结算单"
+                    @click="openSettlementDialog" /></template></el-input></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="认领人"
+              ><el-input v-model="form.claimerName" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="认领日期"
+              ><el-input v-model="form.claimDate" disabled /></el-form-item
+          ></el-col>
+          <el-col :span="12"
+            ><el-form-item label="认领人部门"
+              ><el-input v-model="form.claimerDeptName" disabled /></el-form-item
+          ></el-col>
+        </el-row>
+      </section>
+
+      <section class="receipt-claim-form-page__section">
+        <div class="receipt-claim-form-page__section-title">结算信息</div>
+        <el-table :data="form.settlements" border>
+          <el-table-column type="index" label="序号" width="64" align="center" />
+          <el-table-column label="结算单号" min-width="180" align="center"
+            ><template #default="{ row }"
+              ><el-link type="primary" @click="openSettlementDetail(row)">{{
+                row.formalSettlementNo
+              }}</el-link></template
+            ></el-table-column
+          >
+          <el-table-column label="结算总金额" min-width="150" align="right"
+            ><template #default="{ row }">{{
+              formatMoney(row.settlementAmount)
+            }}</template></el-table-column
+          >
+          <el-table-column label="已认领收款金额" min-width="160" align="right"
+            ><template #default="{ row }">{{
+              formatMoney(row.claimedReceiptAmount)
+            }}</template></el-table-column
+          >
+          <el-table-column label="分摊收款金额" min-width="180"
+            ><template #default="{ row }"
+              ><el-input-number
+                v-model="row.allocatedReceiptAmount"
+                :min="0"
+                :max="remainingAmount(row)"
+                :precision="2"
+                :controls="false" /></template
+          ></el-table-column>
+        </el-table>
+      </section>
+
+      <section class="receipt-claim-form-page__section">
+        <div class="receipt-claim-form-page__section-heading">
+          <div class="receipt-claim-form-page__section-title">附件信息</div>
+          <el-button
+            v-if="form.attachments.length"
+            type="primary"
+            plain
+            :icon="Download"
+            @click="downloadAttachments"
+            >批量下载</el-button
+          >
+        </div>
+        <el-table :data="form.attachments" border>
+          <el-table-column type="index" label="序号" width="64" align="center" />
+          <el-table-column label="文件名" min-width="220"
+            ><template #default="{ row }">{{
+              row.originalName || row.name || '-'
+            }}</template></el-table-column
+          >
+          <el-table-column label="附件描述" min-width="240"
+            ><template #default="{ row }"
+              ><el-input v-model="row.description" maxlength="200" /></template
+          ></el-table-column>
+          <el-table-column prop="size" label="文件大小" width="120" /><el-table-column
+            prop="uploadUserName"
+            label="上传人"
+            width="140"
+          /><el-table-column prop="uploadTime" label="上传时间" width="170" />
+          <el-table-column label="操作" width="120" align="center"
+            ><template #default="{ row, $index }"
+              ><div class="receipt-claim-form-page__links">
+                <el-link type="primary" :href="row.url || row.link" target="_blank">查看</el-link
+                ><el-link type="danger" @click="form.attachments.splice($index, 1)">删除</el-link>
+              </div></template
+            ></el-table-column
+          >
+        </el-table>
+        <vehicle-attachment-upload
+          v-model="form.attachments"
+          :multiple="true"
+          :limit="20"
+          :max-size="500"
+          :file-types="attachmentFileTypes"
+          :show-file-list="false"
+          button-text="上传附件"
+          class="receipt-claim-form-page__uploader"
+          @change="normalizeAttachments"
+        />
+      </section>
+
+      <section class="receipt-claim-form-page__section">
+        <div class="receipt-claim-form-page__section-title">备注</div>
+        <el-form-item class="receipt-claim-form-page__remark"
+          ><el-input
+            v-model="form.remark"
+            type="textarea"
+            :rows="3"
+            maxlength="200"
+            show-word-limit
+        /></el-form-item>
+      </section>
+      <div class="receipt-claim-form-page__actions">
+        <el-button type="primary" :loading="submitting" @click="submitClaim">确认</el-button
+        ><el-button :disabled="submitting" @click="goBack">取消</el-button>
+      </div>
+    </el-form>
+
+    <el-dialog
+      v-model="settlementDialog.visible"
+      title="选择应收正式结算单"
+      width="86%"
+      append-to-body
+    >
+      <div class="receipt-claim-form-page__dialog-search">
+        <el-input
+          v-model="settlementDialog.keyword"
+          clearable
+          placeholder="结算单号、项目或合同"
+          @keyup.enter="loadSettlementCandidates"
+        /><el-button type="primary" @click="loadSettlementCandidates">查询</el-button>
+      </div>
+      <el-table
+        v-loading="settlementDialog.loading"
+        :data="settlementDialog.rows"
+        border
+        @selection-change="settlementDialog.selection = $event"
+      >
+        <el-table-column type="selection" width="52" align="center" /><el-table-column
+          prop="formalSettlementNo"
+          label="结算单号"
+          min-width="170"
+        /><el-table-column prop="projectName" label="所属项目" min-width="150" /><el-table-column
+          prop="deptName"
+          label="所属组织"
+          min-width="150"
+        /><el-table-column prop="payerName" label="付款方" min-width="150" /><el-table-column
+          prop="payeeName"
+          label="收款方"
+          min-width="150"
+        /><el-table-column label="结算总金额" min-width="140" align="right"
+          ><template #default="{ row }">{{
+            formatMoney(row.settlementAmount)
+          }}</template></el-table-column
+        ><el-table-column label="已认领收款金额" min-width="150" align="right"
+          ><template #default="{ row }">{{
+            formatMoney(row.claimedReceiptAmount)
+          }}</template></el-table-column
+        >
+      </el-table>
+      <template #footer
+        ><el-button @click="settlementDialog.visible = false">取消</el-button
+        ><el-button type="primary" @click="confirmSettlements">确定</el-button></template
+      >
+    </el-dialog>
+  </basic-container>
+</template>
+
+<script>
+import { Download, Search } from '@element-plus/icons-vue';
+import * as api from '@/api/payment/receiptFlow';
+
+const emptyForm = () => ({
+  id: null,
+  receiptNoticeNo: '',
+  payerName: '',
+  receiptAmount: 0,
+  counterpartyName: '',
+  counterpartyAccount: '',
+  counterpartyBank: '',
+  summary: '',
+  transactionTime: '',
+  detailSerialNo: '',
+  claimedAmount: 0,
+  claimerName: '',
+  claimerDeptName: '',
+  claimDate: '',
+  settlementIds: [],
+  settlements: [],
+  attachments: [],
+  remark: '',
+});
+
+export default {
+  name: 'ReceiptFlowForm',
+  data() {
+    return {
+      Download,
+      Search,
+      form: emptyForm(),
+      submitting: false,
+      attachmentFileTypes: [
+        'pdf',
+        'bmp',
+        'jpeg',
+        'png',
+        'jpg',
+        'doc',
+        'docx',
+        'ppt',
+        'pptx',
+        'xlsx',
+        'xls',
+        'eml',
+        'msg',
+        'zip',
+      ],
+      settlementDialog: { visible: false, loading: false, keyword: '', rows: [], selection: [] },
+      rules: {
+        settlementIds: [
+          { required: true, message: '请选择应收正式结算单', trigger: 'change' },
+          { validator: this.validateSettlements, trigger: 'change' },
+        ],
+      },
+    };
+  },
+  computed: {
+    flowId() {
+      return this.$route.query.id || '';
+    },
+    settlementLabel() {
+      return this.form.settlements
+        .map(item => item.formalSettlementNo)
+        .filter(Boolean)
+        .join(',');
+    },
+    allocatedTotal() {
+      return this.form.settlements.reduce(
+        (total, item) => total + Number(item.allocatedReceiptAmount || 0),
+        0
+      );
+    },
+  },
+  created() {
+    this.initialize();
+  },
+  methods: {
+    unwrapData(response) {
+      const body = response?.data || response || {};
+      return body?.data || body;
+    },
+    async initialize() {
+      if (!this.flowId) {
+        this.$message.error('缺少收款流水');
+        this.goBack();
+        return;
+      }
+      const data = this.unwrapData(await api.getDetail(this.flowId));
+      const userInfo = this.$store.getters.userInfo || {};
+      this.form = {
+        ...emptyForm(),
+        ...data,
+        claimerName: userInfo.realName || userInfo.userName || data.claimerName || '',
+        claimerDeptName: userInfo.deptName || userInfo.dept_name || data.claimerDeptName || '',
+        claimDate: this.$dayjs().format('YYYY-MM-DD'),
+        settlementIds: [],
+        settlements: [],
+        attachments: [],
+      };
+    },
+    validateSettlements(rule, value, callback) {
+      this.form.settlements.length ? callback() : callback(new Error('请选择应收正式结算单'));
+    },
+    async openSettlementDialog() {
+      this.settlementDialog.visible = true;
+      await this.loadSettlementCandidates();
+    },
+    async loadSettlementCandidates() {
+      this.settlementDialog.loading = true;
+      try {
+        this.settlementDialog.rows =
+          this.unwrapData(
+            await api.getSettlementCandidates(this.settlementDialog.keyword, this.flowId)
+          ) || [];
+      } finally {
+        this.settlementDialog.loading = false;
+      }
+    },
+    confirmSettlements() {
+      const rows = this.settlementDialog.selection;
+      if (!rows.length) {
+        this.$message.warning('请至少选择一张应收正式结算单');
+        return;
+      }
+      const first = rows[0];
+      if (
+        rows.some(
+          item =>
+            String(item.projectId) !== String(first.projectId) ||
+            String(item.deptId) !== String(first.deptId) ||
+            item.payerName !== first.payerName ||
+            item.payeeName !== first.payeeName
+        )
+      ) {
+        this.$message.warning('关联结算单必须属于同一项目、组织及收付款方');
+        return;
+      }
+      if (
+        this.form.counterpartyName &&
+        rows.some(item => item.payerName && item.payerName !== this.form.counterpartyName)
+      ) {
+        this.$message.warning('对方户名与结算单付款方不一致');
+        return;
+      }
+      this.form.settlements = rows.map(item => ({
+        ...item,
+        formalSettlementId: item.id,
+        settlementId: item.id,
+        allocatedReceiptAmount: 0,
+      }));
+      this.form.settlementIds = this.form.settlements.map(item => item.formalSettlementId);
+      this.settlementDialog.visible = false;
+      this.$nextTick(() => this.$refs.formRef?.validateField('settlementIds'));
+    },
+    remainingAmount(row) {
+      return Math.max(Number(row.settlementAmount || 0) - Number(row.claimedReceiptAmount || 0), 0);
+    },
+    normalizeAttachments(files) {
+      const userInfo = this.$store.getters.userInfo || {};
+      const userName = userInfo.realName || userInfo.userName || '';
+      const time = this.$dayjs().format('YYYY-MM-DD HH:mm:ss');
+      this.form.attachments = (files || []).map(file => ({
+        ...file,
+        description: file.description || '',
+        uploadUserName: file.uploadUserName || userName,
+        uploadTime: file.uploadTime || time,
+      }));
+    },
+    downloadAttachments() {
+      this.form.attachments.forEach(file => {
+        const url = file.url || file.link;
+        if (!url) return;
+        const anchor = document.createElement('a');
+        anchor.href = url;
+        anchor.download = file.originalName || file.name || '';
+        anchor.target = '_blank';
+        anchor.click();
+      });
+    },
+    async submitClaim() {
+      await this.$refs.formRef.validate();
+      const amount = Number(this.form.receiptAmount || 0);
+      if (amount <= 0 || this.allocatedTotal <= 0) {
+        this.$message.warning('分摊收款金额必须大于0');
+        return;
+      }
+      if (this.allocatedTotal > amount - Number(this.form.claimedAmount || 0) + 0.001) {
+        this.$message.warning('本次分摊金额不能超过流水剩余可认领金额');
+        return;
+      }
+      for (const row of this.form.settlements)
+        if (Number(row.allocatedReceiptAmount || 0) > this.remainingAmount(row) + 0.001) {
+          this.$message.warning(`结算单${row.formalSettlementNo}的累计认领金额不能超过结算总金额`);
+          return;
+        }
+      this.submitting = true;
+      try {
+        await api.claim({
+          flowId: this.flowId,
+          attachmentsJson: JSON.stringify(this.form.attachments || []),
+          remark: this.form.remark,
+          settlements: this.form.settlements.map(item => ({
+            settlementId: item.formalSettlementId || item.settlementId,
+            allocatedReceiptAmount: item.allocatedReceiptAmount,
+          })),
+        });
+        this.$message.success('认领成功');
+        this.goBack();
+      } finally {
+        this.submitting = false;
+      }
+    },
+    openSettlementDetail(row) {
+      const id = row.formalSettlementId || row.settlementId || row.id;
+      if (id)
+        this.$router.push({
+          path: '/settlement/formal-settlement/form',
+          query: { mode: 'view', id, name: '查看正式结算' },
+        });
+    },
+    goBack() {
+      this.$router.push('/payment/receipt-flow');
+    },
+    formatMoney(value) {
+      return Number(value || 0).toFixed(2);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.receipt-claim-form-page__section-title {
+  display: flex;
+  align-items: center;
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 16px;
+}
+.receipt-claim-form-page__section-title::before {
+  width: 4px;
+  height: 20px;
+  margin-right: 8px;
+  background: #409eff;
+  content: '';
+}
+.receipt-claim-form-page__section {
+  margin-bottom: 24px;
+}
+.receipt-claim-form-page__section-title {
+  font-size: 16px;
+}
+.receipt-claim-form-page__section-heading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.receipt-claim-form-page__section-heading .receipt-claim-form-page__section-title {
+  margin-bottom: 0;
+}
+.receipt-claim-form-page__form :deep(.el-form-item) {
+  margin-bottom: 16px;
+}
+.receipt-claim-form-page__form :deep(.el-select),
+.receipt-claim-form-page__form :deep(.el-input-number) {
+  width: 100%;
+}
+.receipt-claim-form-page__links {
+  display: flex;
+  justify-content: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+.receipt-claim-form-page__remark :deep(.el-form-item__content) {
+  margin-left: 0 !important;
+}
+.receipt-claim-form-page__uploader {
+  margin-top: 12px;
+}
+.receipt-claim-form-page__actions {
+  display: flex;
+  justify-content: center;
+  gap: 8px;
+  padding: 16px 0 8px;
+}
+.receipt-claim-form-page__dialog-search {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+.receipt-claim-form-page__dialog-search .el-input {
+  width: 360px;
+}
+.receipt-claim-form-page :deep(.el-table) {
+  --el-table-border-color: #eff1f7;
+}
+.receipt-claim-form-page :deep(.el-table__row:nth-child(even) > td.el-table__cell) {
+  background: #fafafa;
+}
+@media (max-width: 900px) {
+  .receipt-claim-form-page__form :deep(.el-col-12) {
+    max-width: 100%;
+    flex: 0 0 100%;
+  }
+}
+</style>
diff --git a/src/views/payment/receipt-flow.vue b/src/views/payment/receipt-flow.vue
new file mode 100644
index 0000000..a004e2e
--- /dev/null
+++ b/src/views/payment/receipt-flow.vue
@@ -0,0 +1,269 @@
+<template>
+  <basic-container class="receipt-flow-page">
+    <section class="receipt-flow-page__search">
+      <el-form :model="query" label-position="right" label-width="160px" @submit.prevent>
+        <div class="receipt-flow-page__search-grid">
+          <el-form-item label="认领通知单">
+            <el-input v-model="query.receiptNoticeNo" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item label="对方户名">
+            <el-input v-model="query.counterpartyName" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item label="对方开户行">
+            <el-input v-model="query.counterpartyBank" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item label="对方账号">
+            <el-input v-model="query.counterpartyAccount" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item v-show="searchExpanded" label="摘要">
+            <el-input v-model="query.summary" clearable placeholder="请输入" />
+          </el-form-item>
+          <el-form-item v-show="searchExpanded" label="认领状态">
+            <el-select v-model="query.claimStatus" clearable placeholder="请选择">
+              <el-option
+                v-for="item in claimStatusOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item v-show="searchExpanded" label="交易时间">
+            <el-date-picker
+              v-model="query.transactionTimeRange"
+              type="datetimerange"
+              value-format="YYYY-MM-DD HH:mm:ss"
+              range-separator="~"
+              start-placeholder="开始时间"
+              end-placeholder="结束时间"
+              clearable
+            />
+          </el-form-item>
+        </div>
+        <div class="receipt-flow-page__search-actions">
+          <el-button @click="searchExpanded = !searchExpanded">
+            {{ searchExpanded ? '折叠' : '展开' }}
+          </el-button>
+          <el-button type="primary" @click="handleSearch">查询</el-button>
+          <el-button @click="resetSearch">重置</el-button>
+        </div>
+      </el-form>
+    </section>
+
+    <section class="receipt-flow-page__table-panel">
+      <div class="receipt-flow-page__toolbar">
+        <div />
+        <el-button
+          v-if="hasPermission('receipt_flow_sync')"
+          type="primary"
+          :loading="syncing"
+          @click="handleSync"
+        >
+          手动同步流水
+        </el-button>
+      </div>
+      <el-table v-loading="loading" :data="rows" border>
+        <el-table-column type="index" label="序号" width="64" align="center" />
+        <el-table-column
+          v-for="column in columns"
+          :key="column.prop"
+          v-bind="column"
+          align="center"
+          show-overflow-tooltip
+        >
+          <template #default="{ row }">
+            <el-link v-if="column.link && canClaim(row)" type="primary" @click="openClaim(row)">
+              {{ displayValue(row[column.prop]) }}
+            </el-link>
+            <span v-else-if="column.link">{{ displayValue(row[column.prop]) }}</span>
+            <el-tag v-else-if="column.status" :type="statusType(row.claimStatus)">
+              {{ displayValue(row[column.prop]) }}
+            </el-tag>
+            <span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
+            <span v-else>{{ displayValue(row[column.prop]) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="120" fixed="right" align="center">
+          <template #default="{ row }">
+            <el-link v-if="canClaim(row)" type="primary" @click="openClaim(row)">认领</el-link>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="receipt-flow-page__pagination">
+        <el-pagination
+          v-model:current-page="page.current"
+          v-model:page-size="page.size"
+          :total="page.total"
+          :page-sizes="[10, 20, 50, 100]"
+          layout="total, sizes, prev, pager, next, jumper"
+          @current-change="loadTable"
+          @size-change="handleSizeChange"
+        />
+      </div>
+    </section>
+  </basic-container>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import * as api from '@/api/payment/receiptFlow';
+import { receiptFlowTableColumns } from '@/option/payment/receiptFlow';
+
+const emptyQuery = () => ({
+  receiptNoticeNo: '',
+  counterpartyName: '',
+  counterpartyBank: '',
+  counterpartyAccount: '',
+  summary: '',
+  claimStatus: '',
+  transactionTimeRange: [],
+});
+
+export default {
+  name: 'ReceiptFlow',
+  data() {
+    return {
+      query: emptyQuery(),
+      claimStatusOptions: api.claimStatusOptions,
+      columns: receiptFlowTableColumns,
+      rows: [],
+      loading: false,
+      syncing: false,
+      searchExpanded: false,
+      page: { current: 1, size: 10, total: 0 },
+    };
+  },
+  computed: {
+    ...mapGetters(['permission', 'userInfo']),
+    isAdmin() {
+      const authority = this.userInfo?.authority;
+      return Array.isArray(authority)
+        ? authority.includes('admin')
+        : String(authority || '').includes('admin');
+    },
+  },
+  mounted() {
+    this.loadTable();
+  },
+  methods: {
+    unwrapData(response) {
+      const body = response?.data || response || {};
+      return body?.data || body;
+    },
+    async loadTable() {
+      this.loading = true;
+      try {
+        const range = this.query.transactionTimeRange || [];
+        const data = this.unwrapData(
+          await api.getList(this.page.current, this.page.size, {
+            ...this.query,
+            transactionTimeRange: undefined,
+            transactionStartTime: range[0],
+            transactionEndTime: range[1],
+          })
+        );
+        this.rows = data.records || [];
+        this.page.total = Number(data.total || 0);
+      } finally {
+        this.loading = false;
+      }
+    },
+    handleSearch() {
+      this.page.current = 1;
+      this.loadTable();
+    },
+    resetSearch() {
+      this.query = emptyQuery();
+      this.handleSearch();
+    },
+    handleSizeChange() {
+      this.page.current = 1;
+      this.loadTable();
+    },
+    async handleSync() {
+      this.syncing = true;
+      try {
+        const syncedCount = Number(this.unwrapData(await api.sync()) || 0);
+        this.$message.success(`流水同步完成，共同步${syncedCount}条`);
+        await this.loadTable();
+      } finally {
+        this.syncing = false;
+      }
+    },
+    openClaim(row) {
+      this.$router.push({
+        path: '/payment/receipt-flow/form',
+        query: { mode: 'add', id: row.id },
+      });
+    },
+    hasPermission(code) {
+      return this.isAdmin || this.validData(this.permission?.[code], false);
+    },
+    canClaim(row) {
+      return this.hasPermission('receipt_flow_claim') && Number(row.remainingAmount || 0) > 0;
+    },
+    statusType(status) {
+      return { claimed: 'success', partial: 'warning', unclaimed: 'info' }[status] || '';
+    },
+    displayValue(value) {
+      return value === null || value === undefined || value === '' ? '-' : value;
+    },
+    formatMoney(value) {
+      return Number(value || 0).toFixed(2);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.receipt-flow-page__search {
+  padding: 12px 12px 4px;
+  background: #fff;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+.receipt-flow-page__search-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px 24px;
+}
+.receipt-flow-page__search :deep(.el-form-item) {
+  margin-bottom: 8px;
+}
+.receipt-flow-page__search :deep(.el-input),
+.receipt-flow-page__search :deep(.el-select),
+.receipt-flow-page__search :deep(.el-date-editor) {
+  width: 100%;
+}
+.receipt-flow-page__search-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+.receipt-flow-page__table-panel {
+  margin-top: 8px;
+}
+.receipt-flow-page__toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 0;
+}
+.receipt-flow-page__pagination {
+  display: flex;
+  justify-content: flex-end;
+  padding: 16px 0;
+}
+.receipt-flow-page :deep(.el-table) {
+  --el-table-border-color: #eff1f7;
+}
+.receipt-flow-page :deep(.el-table__row:nth-child(even) > td.el-table__cell) {
+  background: #fafafa;
+}
+@media (max-width: 1200px) {
+  .receipt-flow-page__search-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+</style>
diff --git a/src/views/settlement/components/formal-settlement-editor.vue b/src/views/settlement/components/formal-settlement-editor.vue
index 3100841..30fb91a 100644
--- a/src/views/settlement/components/formal-settlement-editor.vue
+++ b/src/views/settlement/components/formal-settlement-editor.vue
@@ -1,5 +1,9 @@
 <template>
-  <el-dialog v-model="visible" :title="title" width="96%" top="2vh" append-to-body destroy-on-close>
+  <component
+    :is="editorContainer"
+    v-bind="editorContainerProps"
+    @update:model-value="visible = $event"
+  >
     <div v-loading="loading" class="formal-editor">
       <section-card title="结算基本信息">
         <el-form
@@ -164,15 +168,27 @@
         </el-table>
       </section-card>
     </div>
-    <template #footer>
+    <template v-if="!pageMode" #footer>
       <el-button @click="visible = false">取消</el-button>
       <el-button v-if="editable" type="primary" :loading="saving" @click="handleSave"
         >提交</el-button
       >
     </template>
+    <div v-if="pageMode" class="formal-editor__page-actions">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button v-if="editable" type="primary" :loading="saving" @click="handleSave">
+        提交
+      </el-button>
+    </div>
 
     <el-dialog v-model="candidate.visible" title="选择预结算单" width="88%" append-to-body>
-      <el-form :model="candidate.query" inline label-position="right" label-width="160px" class="formal-editor__candidate-search">
+      <el-form
+        :model="candidate.query"
+        inline
+        label-position="right"
+        label-width="160px"
+        class="formal-editor__candidate-search"
+      >
         <el-form-item label="预结算单号"
           ><el-input v-model="candidate.query.preSettlementNo" clearable
         /></el-form-item>
@@ -222,7 +238,13 @@
     </el-dialog>
 
     <el-dialog v-model="detailCandidate.visible" title="选择结算明细" width="92%" append-to-body>
-      <el-form :model="detailCandidate.query" inline label-position="right" label-width="160px" class="formal-editor__detail-search">
+      <el-form
+        :model="detailCandidate.query"
+        inline
+        label-position="right"
+        label-width="160px"
+        class="formal-editor__detail-search"
+      >
         <el-form-item label="批次号"
           ><el-input v-model="detailCandidate.query.batchNo" clearable
         /></el-form-item>
@@ -344,7 +366,7 @@
         ></template
       >
     </el-dialog>
-  </el-dialog>
+  </component>
 </template>
 
 <script>
@@ -371,7 +393,16 @@ import {
 
 export default {
   name: 'FormalSettlementEditor',
-  props: { modelValue: Boolean, recordId: [String, Number], readonly: Boolean },
+  props: {
+    modelValue: Boolean,
+    recordId: [String, Number],
+    readonly: Boolean,
+    pageMode: Boolean,
+    initialData: {
+      type: Object,
+      default: null,
+    },
+  },
   emits: ['update:modelValue', 'success'],
   data() {
     return {
@@ -446,6 +477,22 @@ export default {
         this.$emit('update:modelValue', value);
       },
     },
+    editorContainer() {
+      return this.pageMode ? 'div' : 'el-dialog';
+    },
+    editorContainerProps() {
+      if (this.pageMode) {
+        return { class: 'formal-editor-shell formal-editor-shell--page' };
+      }
+      return {
+        modelValue: this.visible,
+        title: this.title,
+        width: '96%',
+        top: '2vh',
+        appendToBody: true,
+        destroyOnClose: true,
+      };
+    },
     editable() {
       return !this.readonly;
     },
@@ -454,8 +501,11 @@ export default {
     },
   },
   watch: {
-    modelValue(value) {
-      if (value) this.initialize();
+    modelValue: {
+      immediate: true,
+      handler(value) {
+        if (value) this.initialize();
+      },
     },
   },
   methods: {
@@ -468,6 +518,7 @@ export default {
       await this.loadContracts();
       if (!this.recordId) {
         this.form.exchangeRateDate = this.$dayjs().format('YYYY-MM-DD');
+        if (this.initialData) this.applyInitialData();
         return;
       }
       this.loading = true;
@@ -490,6 +541,55 @@ export default {
         this.loading = false;
       }
     },
+    applyInitialData() {
+      const rows = Array.isArray(this.initialData?.rows) ? this.initialData.rows : [];
+      if (!rows.length) return;
+      const first = rows[0];
+      const settlementType = this.initialData.settlementType || first.settlementType || 'payable';
+      const contractId = first.contractId || null;
+      if (!this.contracts.some(item => String(item.id) === String(contractId))) {
+        this.contracts.push({
+          id: contractId,
+          contractNo: first.contractNo,
+          contractName: first.contractName,
+          projectId: first.projectId,
+          projectName: first.projectName,
+          deptId: first.deptId,
+          deptName: first.deptName,
+          payerName: first.payerName,
+          payeeName: first.payeeName,
+          settlementType,
+        });
+      }
+      this.handleContractChange(contractId);
+      Object.assign(this.form, {
+        contractId,
+        contractNo: first.contractNo || this.form.contractNo,
+        contractName: first.contractName || this.form.contractName,
+        projectId: first.projectId || this.form.projectId,
+        projectName: first.projectName || this.form.projectName,
+        deptId: first.deptId || this.form.deptId,
+        deptName: first.deptName || this.form.deptName,
+        payerName: first.payerName || this.form.payerName,
+        payeeName: first.payeeName || this.form.payeeName,
+        settlementType,
+        settlementTypeName: settlementType === 'receivable' ? '应收' : '应付',
+        currency: first.currency || 'RMB',
+      });
+      this.details = rows.map(row => ({
+        ...row,
+        sourceDetailId: row.sourceDetailId || row.id,
+        settlementAmountTax:
+          row.settlementAmountTax ?? row.totalAmount ?? row.afterAmount ?? row.settlementAmount,
+      }));
+      this.form.sourceDetailIds = this.details.map(item => item.sourceDetailId);
+      this.form.settlementAmount = this.details.reduce(
+        (total, item) => total + Number(item.settlementAmountTax || 0),
+        0
+      );
+      this.form.localSettlementAmount =
+        this.form.settlementAmount * Number(this.form.exchangeRate || 1);
+    },
     async loadContracts(keyword = '') {
       const response = await getContractOptions(keyword);
       this.contracts = this.unwrapData(response) || [];
@@ -497,7 +597,9 @@ export default {
     handleContractChange(id) {
       const contract = this.contracts.find(item => String(item.id) === String(id));
       if (!contract) return;
+      const formalSettlementId = this.form.id;
       Object.assign(this.form, contract, {
+        id: formalSettlementId,
         contractId: contract.id,
         settlementTypeName: contract.settlementType === 'receivable' ? '应收' : '应付',
       });
@@ -724,6 +826,13 @@ export default {
   display: flex;
   gap: 8px;
 }
+.formal-editor__page-actions {
+  display: flex;
+  justify-content: flex-end;
+  padding: 16px 0 4px;
+  border-top: 1px solid #eff1f7;
+  gap: 8px;
+}
 .formal-editor__links {
   display: flex;
   flex-wrap: wrap;
diff --git a/src/views/settlement/components/pre-settlement-editor.vue b/src/views/settlement/components/pre-settlement-editor.vue
index ae0c254..9f2bb62 100644
--- a/src/views/settlement/components/pre-settlement-editor.vue
+++ b/src/views/settlement/components/pre-settlement-editor.vue
@@ -1,86 +1,82 @@
 <template>
-  <el-dialog
-    v-model="visible"
-    :title="dialogTitle"
-    width="96%"
-    top="2vh"
-    append-to-body
-    destroy-on-close
-    class="pre-settlement-editor"
+  <component
+    :is="editorContainer"
+    v-bind="editorContainerProps"
+    @update:model-value="visible = $event"
     @closed="handleClosed"
   >
     <div v-loading="loading" class="pre-settlement-editor__content">
       <section-card title="结算基本信息">
         <el-form
-        ref="formRef"
-        :model="form"
-        :rules="formRules"
-        label-position="right"
-        label-width="auto"
-        class="pre-settlement-editor__form"
-      >
-        <el-row :gutter="24">
-          <el-col v-for="field in formFields" :key="field.prop" :span="field.span || 8">
-            <el-form-item :label="field.label" :prop="field.prop">
-              <el-select
-                v-if="field.type === 'contract'"
-                v-model="form.contractId"
-                filterable
-                remote
-                clearable
-                :remote-method="loadContractOptions"
-                :loading="contractLoading"
-                :disabled="!editable || details.length > 0"
-                placeholder="请选择合同"
-                @change="handleContractChange"
-              >
-                <el-option
-                  v-for="item in contractOptions"
-                  :key="item.id"
-                  :label="`${item.contractName}（${item.contractNo || '-'}）`"
-                  :value="item.id"
+          ref="formRef"
+          :model="form"
+          :rules="formRules"
+          label-position="right"
+          label-width="auto"
+          class="pre-settlement-editor__form"
+        >
+          <el-row :gutter="24">
+            <el-col v-for="field in formFields" :key="field.prop" :span="field.span || 8">
+              <el-form-item :label="field.label" :prop="field.prop">
+                <el-select
+                  v-if="field.type === 'contract'"
+                  v-model="form.contractId"
+                  filterable
+                  remote
+                  clearable
+                  :remote-method="loadContractOptions"
+                  :loading="contractLoading"
+                  :disabled="!editable || details.length > 0"
+                  placeholder="请选择合同"
+                  @change="handleContractChange"
+                >
+                  <el-option
+                    v-for="item in contractOptions"
+                    :key="item.id"
+                    :label="`${item.contractName}（${item.contractNo || '-'}）`"
+                    :value="item.id"
+                  />
+                </el-select>
+                <el-date-picker
+                  v-else-if="field.type === 'date'"
+                  v-model="form[field.prop]"
+                  type="date"
+                  value-format="YYYY-MM-DD"
+                  format="YYYY-MM-DD"
+                  :disabled="!editable || form.currency === 'RMB'"
+                  placeholder="请选择"
+                  @change="recalculateLocalAmount"
                 />
-              </el-select>
-              <el-date-picker
-                v-else-if="field.type === 'date'"
-                v-model="form[field.prop]"
-                type="date"
-                value-format="YYYY-MM-DD"
-                format="YYYY-MM-DD"
-                :disabled="!editable || form.currency === 'RMB'"
-                placeholder="请选择"
-                @change="recalculateLocalAmount"
-              />
-              <el-input-number
-                v-else-if="field.type === 'number'"
-                v-model="form[field.prop]"
-                :min="0"
-                :precision="6"
-                :controls="false"
-                :disabled="!editable || form.currency === 'RMB'"
-                @change="recalculateLocalAmount"
-              />
-              <el-input
-                v-else-if="field.type === 'textarea'"
-                v-model="form[field.prop]"
-                type="textarea"
-                :rows="2"
-                :maxlength="field.maxlength"
-                show-word-limit
-                :disabled="!editable"
-                placeholder="请输入"
-              />
-              <span v-else-if="field.prop === 'settlementType'" class="form-readonly">
-                {{ settlementTypeName }}
-              </span>
-              <span v-else-if="field.money" class="form-readonly">
-                {{ formatMoney(form[field.prop], moneyCurrency(field.prop)) }}
-              </span>
-              <span v-else class="form-readonly">{{ displayValue(form[field.prop]) }}</span>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
+                <el-input-number
+                  v-else-if="field.type === 'number'"
+                  v-model="form[field.prop]"
+                  :min="0"
+                  :precision="6"
+                  :controls="false"
+                  :disabled="!editable || form.currency === 'RMB'"
+                  @change="recalculateLocalAmount"
+                />
+                <el-input
+                  v-else-if="field.type === 'textarea'"
+                  v-model="form[field.prop]"
+                  type="textarea"
+                  :rows="2"
+                  :maxlength="field.maxlength"
+                  show-word-limit
+                  :disabled="!editable"
+                  placeholder="请输入"
+                />
+                <span v-else-if="field.prop === 'settlementType'" class="form-readonly">
+                  {{ settlementTypeName }}
+                </span>
+                <span v-else-if="field.money" class="form-readonly">
+                  {{ formatMoney(form[field.prop], moneyCurrency(field.prop)) }}
+                </span>
+                <span v-else class="form-readonly">{{ displayValue(form[field.prop]) }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
       </section-card>
 
       <section-card title="结算合计">
@@ -130,7 +126,6 @@
               <el-input-number
                 v-else-if="editable && column.prop === 'adjustAmount'"
                 v-model="row.adjustAmount"
-                :min="row.manualFlag === 1 ? 0 : undefined"
                 :precision="2"
                 :controls="false"
                 @change="recalculateSummaryRow(row)"
@@ -231,7 +226,7 @@
           <el-table :data="filteredDetails" border class="pre-settlement-editor__detail-table">
             <el-table-column type="index" label="序号" width="64" fixed="left" align="center" />
             <el-table-column
-              v-for="column in detailColumns"
+              v-for="column in visibleDetailColumns"
               :key="column.prop"
               :label="column.label"
               :prop="column.prop"
@@ -253,6 +248,12 @@
                 <span v-else-if="column.prop === 'transportQuantityText'">
                   {{ formatQuantity(row) }}
                 </span>
+                <span v-else-if="pageMode && column.prop === 'mileage'">
+                  {{ formatDetailMileage(row[column.prop]) }}
+                </span>
+                <span v-else-if="pageMode && column.prop === 'transportType'">
+                  {{ transportTypeName(row[column.prop]) }}
+                </span>
                 <span v-else>{{ displayValue(row[column.prop]) }}</span>
               </template>
             </el-table-column>
@@ -265,7 +266,10 @@
             >
               <template #default="{ row }">
                 {{
-                  formatMoney(parseFeeItems(row.feeItemsJson)[feeItem], row.currency || form.currency)
+                  formatMoney(
+                    parseFeeItems(row.feeItemsJson)[feeItem],
+                    row.currency || form.currency
+                  )
                 }}
               </template>
             </el-table-column>
@@ -301,19 +305,11 @@
               button-text="上传附件"
               @change="handleAttachmentChange"
             />
-            <el-button
-              type="primary"
-              :disabled="!attachments.length"
-              @click="downloadAttachments"
-            >
+            <el-button type="primary" :disabled="!attachments.length" @click="downloadAttachments">
               批量下载
             </el-button>
           </div>
-          <el-table
-            :data="attachments"
-            border
-            @selection-change="handleAttachmentSelectionChange"
-          >
+          <el-table :data="attachments" border @selection-change="handleAttachmentSelectionChange">
             <el-table-column type="selection" width="55" align="center" />
             <el-table-column type="index" label="序号" width="70" align="center" />
             <el-table-column label="文件名" min-width="260" show-overflow-tooltip>
@@ -327,7 +323,13 @@
               <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" sortable />
+            <el-table-column
+              prop="uploadTime"
+              label="上传时间"
+              width="170"
+              align="center"
+              sortable
+            />
             <el-table-column label="操作" :width="editable ? 150 : 80" fixed="right" align="center">
               <template #default="{ row, $index }">
                 <div class="pre-settlement-editor__links">
@@ -388,7 +390,7 @@
       </section-card>
     </div>
 
-    <template #footer>
+    <template v-if="!pageMode" #footer>
       <el-button @click="visible = false">取消</el-button>
       <el-button v-if="editable" :loading="saving" @click="saveDraft(false)">保存</el-button>
       <el-button
@@ -400,7 +402,19 @@
         提交
       </el-button>
     </template>
-  </el-dialog>
+    <div v-if="pageMode" class="pre-settlement-editor__page-actions">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button v-if="editable" :loading="saving" @click="saveDraft(false)">保存</el-button>
+      <el-button
+        v-if="editable && hasPermission('pre_settlement_submit')"
+        type="primary"
+        :loading="submitting"
+        @click="saveDraft(true)"
+      >
+        提交
+      </el-button>
+    </div>
+  </component>
 
   <el-dialog
     v-model="candidateDialog.visible"
@@ -558,17 +572,6 @@
           />
         </template>
       </el-table-column>
-      <el-table-column label="结算金额（不含税）" min-width="180" align="center">
-        <template #default="{ row }">
-          <el-input-number
-            v-model="row.settlementAmountNoTax"
-            :min="0"
-            :precision="2"
-            :controls="false"
-            :disabled="adjustDialog.readonly"
-          />
-        </template>
-      </el-table-column>
       <el-table-column label="备注" min-width="200" align="center">
         <template #default="{ row }">
           <el-input v-model="row.remark" maxlength="200" :disabled="adjustDialog.readonly" />
@@ -644,6 +647,14 @@ export default {
       type: Boolean,
       default: false,
     },
+    pageMode: {
+      type: Boolean,
+      default: false,
+    },
+    initialData: {
+      type: Object,
+      default: null,
+    },
   },
   emits: ['update:modelValue', 'success'],
   data() {
@@ -663,6 +674,7 @@ export default {
       contractOptions: [],
       feeOptions: [],
       feeCategoryOptions: [],
+      transportTypeOptions: [],
       summaryFees: [],
       details: [],
       detailCollapsed: false,
@@ -735,6 +747,25 @@ export default {
         this.$emit('update:modelValue', value);
       },
     },
+    editorContainer() {
+      return this.pageMode ? 'div' : 'el-dialog';
+    },
+    editorContainerProps() {
+      if (this.pageMode) {
+        return {
+          class: ['pre-settlement-editor', 'pre-settlement-editor--page'],
+        };
+      }
+      return {
+        modelValue: this.visible,
+        title: this.dialogTitle,
+        width: '96%',
+        top: '2vh',
+        appendToBody: true,
+        destroyOnClose: true,
+        class: 'pre-settlement-editor',
+      };
+    },
     editable() {
       return !this.readonly && ['draft', 'returned'].includes(this.form.approvalStatus);
     },
@@ -755,7 +786,28 @@ export default {
       return this.form.settlementType === 'receivable' ? '应收' : '应付';
     },
     summaryTotal() {
-      return this.summaryFees.reduce((total, row) => total + Number(row.settlementAmount || 0), 0);
+      if (this.summaryFees.length) {
+        return this.summaryFees.reduce(
+          (total, row) => total + Number(row.settlementAmount || 0),
+          0
+        );
+      }
+      return this.details.reduce(
+        (total, row) =>
+          total +
+          Number(
+            row.settlementAmountTax ??
+              row.totalAmount ??
+              row.afterAmount ??
+              row.settlementAmount ??
+              0
+          ),
+        0
+      );
+    },
+    visibleDetailColumns() {
+      if (!this.pageMode) return this.detailColumns;
+      return this.detailColumns.filter(column => column.prop !== 'settlementAmountNoTax');
     },
     detailFeeItemNames() {
       const names = new Set();
@@ -783,8 +835,11 @@ export default {
     },
   },
   watch: {
-    modelValue(value) {
-      if (value) this.initialize();
+    modelValue: {
+      immediate: true,
+      handler(value) {
+        if (value) this.initialize();
+      },
     },
     summaryTotal(value) {
       this.form.settlementAmount = Number(value || 0).toFixed(2);
@@ -800,7 +855,53 @@ export default {
       await this.loadContractOptions('');
       await this.loadFeeOptions();
       await this.loadFeeCategoryOptions();
+      if (this.pageMode) await this.loadTransportTypeOptions();
       if (this.recordId) await this.loadDetail();
+      else if (this.initialData) this.applyInitialData();
+    },
+    applyInitialData() {
+      const rows = Array.isArray(this.initialData?.rows) ? this.initialData.rows : [];
+      if (!rows.length) return;
+      const first = rows[0];
+      const settlementType = this.initialData.settlementType || first.settlementType || 'payable';
+      const contractId = first.contractId || '';
+      if (!this.contractOptions.some(item => String(item.id) === String(contractId))) {
+        this.contractOptions.push({
+          id: contractId,
+          contractNo: first.contractNo,
+          contractName: first.contractName,
+          projectId: first.projectId,
+          projectName: first.projectName,
+          deptId: first.deptId,
+          deptName: first.deptName,
+          settlementType,
+          partyA: settlementType === 'receivable' ? first.payeeName : first.payerName,
+          partyB: settlementType === 'receivable' ? first.payerName : first.payeeName,
+        });
+      }
+      this.handleContractChange(contractId);
+      Object.assign(this.form, {
+        contractId,
+        contractNo: first.contractNo || this.form.contractNo,
+        contractName: first.contractName || this.form.contractName,
+        projectId: first.projectId || this.form.projectId,
+        projectName: first.projectName || this.form.projectName,
+        deptId: first.deptId || this.form.deptId,
+        deptName: first.deptName || this.form.deptName,
+        payerName: first.payerName || this.form.payerName,
+        payeeName: first.payeeName || this.form.payeeName,
+        settlementType,
+        currency: first.currency || 'RMB',
+        localCurrency: first.localCurrency || 'RMB',
+      });
+      this.details = rows.map(row => ({
+        ...row,
+        sourceDetailId: row.sourceDetailId || row.id,
+        settlementAmountTax:
+          row.settlementAmountTax ?? row.totalAmount ?? row.afterAmount ?? row.settlementAmount,
+        feeItemsJson: row.feeItemsJson || JSON.stringify(row.feeItems || {}),
+      }));
+      this.buildSummaryFeesFromDetails();
     },
     resetEditor() {
       this.form = emptyPreSettlementForm();
@@ -869,6 +970,10 @@ export default {
       const { data } = await getDictionary({ code: 'fee_category' });
       this.feeCategoryOptions = data?.data || [];
     },
+    async loadTransportTypeOptions() {
+      const { data } = await getDictionary({ code: 'transport_type' });
+      this.transportTypeOptions = data?.data || [];
+    },
     handleContractChange(id) {
       const contract = this.contractOptions.find(item => String(item.id) === String(id));
       if (!contract) {
@@ -914,12 +1019,12 @@ export default {
           await submit({ id: this.form.id });
           this.$message.success('审批流程已发起');
           this.visible = false;
-          this.$emit('success');
+          this.$emit('success', this.form.id);
           return;
         }
         this.$message.success('保存成功');
         await this.loadDetail();
-        this.$emit('success');
+        this.$emit('success', this.form.id);
       } finally {
         this[stateKey] = false;
       }
@@ -968,6 +1073,17 @@ export default {
       );
       return option?.dictValue || value;
     },
+    transportTypeName(value) {
+      if (value === undefined || value === null || value === '') return '';
+      const option = this.transportTypeOptions.find(
+        item => String(item.dictKey) === String(value) || String(item.dictValue) === String(value)
+      );
+      return option?.dictValue || value;
+    },
+    formatDetailMileage(value) {
+      if (value === undefined || value === null || value === '' || Number(value) === -1) return '';
+      return value;
+    },
     removeSummaryFee(index) {
       this.summaryFees.splice(index, 1);
     },
@@ -979,6 +1095,75 @@ export default {
         this.$message.warning('结算金额不能小于0');
       }
     },
+    buildSummaryFeesFromDetails() {
+      const summaryMap = new Map();
+      const defaultFreightItem =
+        this.feeOptions
+          .flatMap(item => item.feeItems || [])
+          .find(name => this.isFreightFeeItem(name)) || '运输费';
+      const appendSummary = (feeItem, value, fallbackFeeType = '') => {
+        const amount = Number(value || 0);
+        if (!feeItem || !Number.isFinite(amount) || Math.abs(amount) < 0.005) return;
+        const feeOption = this.feeOptions.find(item =>
+          (item.feeItems || []).some(name => String(name) === String(feeItem))
+        );
+        const feeType = feeOption?.feeType || fallbackFeeType || '';
+        const key = `${feeType}\u0000${feeItem}`;
+        const current = summaryMap.get(key) || {
+          id: '',
+          feeType,
+          feeItem,
+          originalAmount: 0,
+          adjustAmount: 0,
+          settlementAmount: 0,
+          remark: '',
+          manualFlag: 0,
+        };
+        current.originalAmount = Number((current.originalAmount + amount).toFixed(2));
+        current.settlementAmount = current.originalAmount;
+        summaryMap.set(key, current);
+      };
+
+      this.details.forEach(row => {
+        const feeItems = this.parseFeeItems(row.feeItemsJson || row.feeItems);
+        const feeItemEntries = Object.entries(feeItems);
+        feeItemEntries.forEach(([feeItem, amount]) =>
+          appendSummary(feeItem, amount, row.feeType)
+        );
+
+        let knownAmount = feeItemEntries.reduce(
+          (total, [, amount]) => total + Number(amount || 0),
+          0
+        );
+        if (!feeItemEntries.some(([feeItem]) => this.isFreightFeeItem(feeItem))) {
+          const freightAmount = Number(row.freightAmount || 0);
+          appendSummary(defaultFreightItem, freightAmount, row.feeType);
+          knownAmount += freightAmount;
+        }
+        if (!feeItemEntries.some(([feeItem]) => !this.isFreightFeeItem(feeItem))) {
+          const otherFeeAmount = Number(row.otherFeeAmount || 0);
+          appendSummary('其他费用', otherFeeAmount, row.feeType);
+          knownAmount += otherFeeAmount;
+        }
+
+        const totalAmount = Number(
+          row.settlementAmountTax ??
+            row.totalAmount ??
+            row.afterAmount ??
+            row.settlementAmount ??
+            0
+        );
+        const residualAmount = Number((totalAmount - knownAmount).toFixed(2));
+        if (residualAmount > 0) appendSummary('其他费用', residualAmount, row.feeType);
+      });
+
+      const manualFees = this.summaryFees.filter(row => row.manualFlag === 1);
+      this.summaryFees = [...summaryMap.values(), ...manualFees];
+      this.form.settlementAmount = this.summaryFees
+        .reduce((total, row) => total + Number(row.settlementAmount || 0), 0)
+        .toFixed(2);
+      this.recalculateLocalAmount();
+    },
     recalculateLocalAmount() {
       const rate = this.form.currency === 'RMB' ? 1 : Number(this.form.exchangeRate || 0);
       this.form.localSettlementAmount = (Number(this.form.settlementAmount || 0) * rate).toFixed(2);
@@ -1054,12 +1239,13 @@ export default {
       await this.$confirm('确认将该明细踢出预结算单？', '提示', { type: 'warning' });
       if (!this.form.id || !row.id || row.id === row.sourceDetailId) {
         this.details = this.details.filter(item => item !== row);
+        this.buildSummaryFeesFromDetails();
         return;
       }
       await removeDetail(this.form.id, row.id);
       this.$message.success('已移除');
       await this.loadDetail();
-      this.$emit('success');
+      this.$emit('success', this.form.id);
     },
     handleDetailQuery() {
       this.appliedDetailQuery = { ...this.detailQuery };
@@ -1138,7 +1324,7 @@ export default {
         this.adjustDialog.visible = false;
         this.$message.success('结算明细调整成功');
         await this.loadDetail();
-        this.$emit('success');
+        this.$emit('success', this.form.id);
       } finally {
         this.adjustDialog.saving = false;
       }
@@ -1313,6 +1499,19 @@ export default {
     overflow-y: auto;
   }
 
+  &--page &__content {
+    max-height: none;
+    overflow: visible;
+  }
+
+  &__page-actions {
+    display: flex;
+    justify-content: flex-end;
+    padding: 16px 0 4px;
+    border-top: 1px solid #eff1f7;
+    gap: 8px;
+  }
+
   &__form {
     :deep(.el-select),
     :deep(.el-date-editor),
diff --git a/src/views/settlement/formal-settlement-form.vue b/src/views/settlement/formal-settlement-form.vue
new file mode 100644
index 0000000..848bdd1
--- /dev/null
+++ b/src/views/settlement/formal-settlement-form.vue
@@ -0,0 +1,88 @@
+<template>
+  <basic-container class="formal-settlement-form-page">
+    <div class="formal-settlement-form-page__title">{{ pageTitle }}</div>
+    <formal-settlement-editor
+      v-model="editorVisible"
+      page-mode
+      :record-id="recordId"
+      :readonly="readonly"
+      :initial-data="transferPayload"
+    />
+  </basic-container>
+</template>
+
+<script>
+import FormalSettlementEditor from './components/formal-settlement-editor.vue';
+import { readSettlementTransfer, removeSettlementTransfer } from '@/utils/settlement-transfer';
+
+export default {
+  name: 'FormalSettlementForm',
+  components: { FormalSettlementEditor },
+  data() {
+    return {
+      editorVisible: true,
+      transferPayload: null,
+    };
+  },
+  computed: {
+    recordId() {
+      return this.$route.query.id || '';
+    },
+    readonly() {
+      return this.$route.query.mode === 'view';
+    },
+    pageTitle() {
+      return this.readonly ? '查看正式结算' : this.recordId ? '编辑正式结算' : '新增正式结算';
+    },
+  },
+  watch: {
+    editorVisible(value) {
+      if (!value) this.goBack();
+    },
+  },
+  created() {
+    this.transferPayload = readSettlementTransfer(this.$route.query.transferToken);
+    this.syncTagTitle();
+  },
+  methods: {
+    goBack() {
+      removeSettlementTransfer(this.$route.query.transferToken);
+      this.$router.push('/settlement/formal-settlement');
+    },
+    syncTagTitle() {
+      this.$nextTick(() => {
+        this.$store.commit('SET_TAG', {
+          fullPath: this.$route.fullPath,
+          name: this.pageTitle,
+        });
+        this.$router.$avueRouter.setTitle(this.pageTitle);
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.formal-settlement-form-page {
+  &__title {
+    display: flex;
+    align-items: center;
+    min-height: 24px;
+    margin-bottom: 16px;
+    font-size: 18px;
+    font-weight: 600;
+
+    &::before {
+      width: 4px;
+      height: 20px;
+      margin-right: 8px;
+      background: #409eff;
+      content: '';
+    }
+  }
+}
+
+:deep(.formal-settlement-form-page.basic-container .basic-container__card > .el-card__body) {
+  padding: 0;
+}
+</style>
diff --git a/src/views/settlement/formal-settlement.vue b/src/views/settlement/formal-settlement.vue
index 6699062..73ae75b 100644
--- a/src/views/settlement/formal-settlement.vue
+++ b/src/views/settlement/formal-settlement.vue
@@ -41,7 +41,11 @@
     </section>
 
     <section class="formal-page__table-panel">
-      <el-tabs type="border-card" v-model="activeSettlementType" @tab-change="handleSettlementTypeChange">
+      <el-tabs
+        type="border-card"
+        v-model="activeSettlementType"
+        @tab-change="handleSettlementTypeChange"
+      >
         <el-tab-pane label="应付" name="payable" />
         <el-tab-pane label="应收" name="receivable" />
       </el-tabs>
@@ -336,10 +340,16 @@ export default {
       this.loadTable();
     },
     openCreate() {
-      this.editor = { visible: true, id: null, readonly: false };
+      this.$router.push({
+        path: '/settlement/formal-settlement/form',
+        query: { mode: 'add', name: '新增正式结算' },
+      });
     },
     openEdit(row) {
-      this.editor = { visible: true, id: row.id, readonly: false };
+      this.$router.push({
+        path: '/settlement/formal-settlement/form',
+        query: { mode: 'edit', id: row.id, name: '编辑正式结算' },
+      });
     },
     openView(row) {
       this.editor = { visible: true, id: row.id, readonly: true };
diff --git a/src/views/settlement/pre-settlement-form.vue b/src/views/settlement/pre-settlement-form.vue
new file mode 100644
index 0000000..6788b50
--- /dev/null
+++ b/src/views/settlement/pre-settlement-form.vue
@@ -0,0 +1,90 @@
+<template>
+  <basic-container class="pre-settlement-form-page">
+    <div class="pre-settlement-form-page__title">{{ pageTitle }}</div>
+    <pre-settlement-editor
+      v-model="editorVisible"
+      page-mode
+      :record-id="recordId"
+      :initial-data="transferPayload"
+      @success="handleSuccess"
+    />
+  </basic-container>
+</template>
+
+<script>
+import PreSettlementEditor from './components/pre-settlement-editor.vue';
+import { readSettlementTransfer, removeSettlementTransfer } from '@/utils/settlement-transfer';
+
+export default {
+  name: 'PreSettlementForm',
+  components: { PreSettlementEditor },
+  data() {
+    return {
+      editorVisible: true,
+      savedRecordId: '',
+      transferPayload: null,
+    };
+  },
+  computed: {
+    recordId() {
+      return this.$route.query.id || '';
+    },
+    pageTitle() {
+      return this.recordId || this.savedRecordId ? '编辑预结算' : '新增预结算';
+    },
+  },
+  watch: {
+    editorVisible(value) {
+      if (!value) this.goBack();
+    },
+  },
+  created() {
+    this.transferPayload = readSettlementTransfer(this.$route.query.transferToken);
+    this.syncTagTitle();
+  },
+  methods: {
+    handleSuccess(recordId) {
+      this.savedRecordId = recordId || this.savedRecordId;
+      this.syncTagTitle();
+    },
+    goBack() {
+      removeSettlementTransfer(this.$route.query.transferToken);
+      this.$router.push('/settlement/pre-settlement');
+    },
+    syncTagTitle() {
+      this.$nextTick(() => {
+        this.$store.commit('SET_TAG', {
+          fullPath: this.$route.fullPath,
+          name: this.pageTitle,
+        });
+        this.$router.$avueRouter.setTitle(this.pageTitle);
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.pre-settlement-form-page {
+  &__title {
+    display: flex;
+    align-items: center;
+    min-height: 24px;
+    margin-bottom: 16px;
+    font-size: 18px;
+    font-weight: 600;
+
+    &::before {
+      width: 4px;
+      height: 20px;
+      margin-right: 8px;
+      background: #409eff;
+      content: '';
+    }
+  }
+}
+
+:deep(.pre-settlement-form-page.basic-container .basic-container__card > .el-card__body) {
+  padding: 0;
+}
+</style>
diff --git a/src/views/settlement/pre-settlement.vue b/src/views/settlement/pre-settlement.vue
index db14ea0..8856a1d 100644
--- a/src/views/settlement/pre-settlement.vue
+++ b/src/views/settlement/pre-settlement.vue
@@ -473,10 +473,16 @@ export default {
       this.selection = rows;
     },
     openCreate() {
-      this.editor = { visible: true, id: '', readonly: false };
+      this.$router.push({
+        path: '/settlement/pre-settlement/form',
+        query: { mode: 'add', name: '新增预结算' },
+      });
     },
     openEdit(row) {
-      this.editor = { visible: true, id: row.id, readonly: false };
+      this.$router.push({
+        path: '/settlement/pre-settlement/form',
+        query: { mode: 'edit', id: row.id, name: '编辑预结算' },
+      });
     },
     openView(row) {
       this.editor = { visible: true, id: row.id, readonly: true };
diff --git a/src/views/settlement/receivable-payable-detail.vue b/src/views/settlement/receivable-payable-detail.vue
index ea245a2..1081026 100644
--- a/src/views/settlement/receivable-payable-detail.vue
+++ b/src/views/settlement/receivable-payable-detail.vue
@@ -79,10 +79,18 @@
         <el-table-column label="操作" width="120" fixed="right" align="center">
           <template #default="{ row }">
             <div class="settlement-detail-page__actions">
-              <el-link v-if="row.settlementStatus === 'pending'" type="primary" @click="openAdjustDialog(row)">
+              <el-link
+                v-if="row.settlementStatus === 'pending'"
+                type="primary"
+                @click="openAdjustDialog(row)"
+              >
                 调整
               </el-link>
-              <el-link v-if="row.settlementStatus === 'pending'" type="danger" @click="closeRow(row)">
+              <el-link
+                v-if="row.settlementStatus === 'pending'"
+                type="danger"
+                @click="closeRow(row)"
+              >
                 关闭
               </el-link>
               <el-link v-else type="primary" disabled>-</el-link>
@@ -112,12 +120,7 @@
         <header class="settlement-detail-page__detail-panel-header">
           <h3>单据详情：{{ detailDialog.title }}</h3>
           <el-tooltip content="关闭" placement="top">
-            <el-button
-              :icon="Close"
-              text
-              aria-label="关闭单据详情"
-              @click="closeDetailPanel"
-            />
+            <el-button :icon="Close" text aria-label="关闭单据详情" @click="closeDetailPanel" />
           </el-tooltip>
         </header>
         <div class="settlement-detail-page__detail-panel-body">
@@ -180,12 +183,7 @@
         <header class="settlement-detail-page__detail-panel-header">
           <h3>调整费用：{{ adjustDialog.row?.documentNo || '-' }}</h3>
           <el-tooltip content="关闭" placement="top">
-            <el-button
-              :icon="Close"
-              text
-              aria-label="关闭调整费用"
-              @click="closeAdjustPanel"
-            />
+            <el-button :icon="Close" text aria-label="关闭调整费用" @click="closeAdjustPanel" />
           </el-tooltip>
         </header>
         <div
@@ -346,7 +344,6 @@
           </el-form-item>
           <el-form-item>
             <el-button type="primary" @click="loadTransferCandidates">查询</el-button>
-            <el-button type="primary" @click="confirmTransferSelection">确认选择</el-button>
           </el-form-item>
         </el-form>
       </div>
@@ -477,11 +474,7 @@
       </div>
       <template #footer>
         <el-button @click="generateDialog.visible = false">取消</el-button>
-        <el-button
-          type="primary"
-          :loading="previewDialog.loading"
-          @click="openGeneratePreview"
-        >
+        <el-button type="primary" :loading="previewDialog.loading" @click="openGeneratePreview">
           生成费用
         </el-button>
       </template>
@@ -513,7 +506,7 @@
       </div>
       <template #footer>
         <el-button @click="previewDialog.visible = false">取消</el-button>
-        <el-button type="primary" @click="generateDialog.visible = true">上一步</el-button>
+        <el-button type="primary" @click="backToGenerateDialog">上一步</el-button>
         <el-button type="primary" :loading="previewDialog.submitting" @click="submitGenerateFee">
           提交
         </el-button>
@@ -537,9 +530,11 @@ import {
 } from '@/option/settlement/receivable-payable-detail';
 import * as api from '@/api/settlement/receivable-payable-detail';
 import { getList as getContractList } from '@/api/business/contract-manage';
+import { getContractOptions as getSettlementContractOptions } from '@/api/settlement/preSettlement';
 import { exportBlob } from '@/api/common';
 import { getDictionary } from '@/api/system/dictbiz';
 import { downloadXls } from '@/utils/util';
+import { createSettlementTransfer } from '@/utils/settlement-transfer';
 
 export default {
   props: {
@@ -567,7 +562,13 @@ export default {
       rows: [],
       selection: [],
       page: { current: 1, size: 10, total: 0 },
-      detailDialog: { visible: false, title: '费用明细', activeTab: 'fee', row: null, loading: false },
+      detailDialog: {
+        visible: false,
+        title: '费用明细',
+        activeTab: 'fee',
+        row: null,
+        loading: false,
+      },
       feeRows: [],
       dynamicFeeColumns: [],
       adjustDialog: { visible: false, loading: false, submitting: false, row: null },
@@ -664,7 +665,10 @@ export default {
       if (column.prop === 'transportType') return this.transportTypeLabel(row[column.prop]);
       if (column.prop === 'transportQuantity') return this.fixedTwoDecimals(row[column.prop]);
       if (column.dynamic) {
-        return this.money(this.normalizeFeeItems(row.feeItems)[column.feeItemName], row.currency || 'RMB');
+        return this.money(
+          this.normalizeFeeItems(row.feeItems)[column.feeItemName],
+          row.currency || 'RMB'
+        );
       }
       return this.formatDetailCell(row, column.prop);
     },
@@ -673,7 +677,12 @@ export default {
       this.tableFeeItemNames = [];
       try {
         const params = this.buildRequestParams(
-          this.normalizeQuery(this.query, 'generateDateRange', 'generateStartDate', 'generateEndDate')
+          this.normalizeQuery(
+            this.query,
+            'generateDateRange',
+            'generateStartDate',
+            'generateEndDate'
+          )
         );
         const res = await api.getList(this.page.current, this.page.size, params);
         const data = this.unwrapPage(res);
@@ -685,8 +694,7 @@ export default {
       }
     },
     async loadContracts() {
-      const contractCategory =
-        this.settlementType === 'payable' ? '承运商合同' : '客户合同';
+      const contractCategory = this.settlementType === 'payable' ? '承运商合同' : '客户合同';
       this.contractLoading = true;
       try {
         const res = await getContractList(1, 999, {
@@ -746,7 +754,13 @@ export default {
     },
     async openDetailDialog(row) {
       this.closeAdjustPanel();
-      this.detailDialog = { ...this.detailDialog, visible: true, row, title: row.documentNo, activeTab: 'fee' };
+      this.detailDialog = {
+        ...this.detailDialog,
+        visible: true,
+        row,
+        title: row.documentNo,
+        activeTab: 'fee',
+      };
       await this.loadFeeDetail();
     },
     async openAdjustDialog(row) {
@@ -778,13 +792,9 @@ export default {
             originalAmount: Number(item.originalAmount || 0),
             feeItems,
             manualFee: item.billingFactor === '手工调整',
-            feeItemName:
-              item.billingFactor === '手工调整' ? Object.keys(feeItems)[0] || '' : '',
+            feeItemName: item.billingFactor === '手工调整' ? Object.keys(feeItems)[0] || '' : '',
             feeType: item.billingType === '手工扣费' ? 'deduct' : 'charge',
-            amount:
-              item.billingFactor === '手工调整'
-                ? Math.abs(Number(item.afterAmount || 0))
-                : 0,
+            amount: item.billingFactor === '手工调整' ? Math.abs(Number(item.afterAmount || 0)) : 0,
           };
           if (adjusted.manualFee) this.recalculateManualAdjustRow(adjusted);
           else this.recalculateAdjustRow(adjusted);
@@ -870,7 +880,9 @@ export default {
         0
       );
       const hasFreightItem = Object.keys(row.feeItems).some(this.isFreightFeeItem);
-      row.afterAmount = Number((hasFreightItem ? feeItemTotal : Number(row.freightAmount || 0) + feeItemTotal).toFixed(2));
+      row.afterAmount = Number(
+        (hasFreightItem ? feeItemTotal : Number(row.freightAmount || 0) + feeItemTotal).toFixed(2)
+      );
       row.adjustAmount = Number((row.afterAmount - Number(row.originalAmount || 0)).toFixed(2));
     },
     isFreightFeeItem(name) {
@@ -882,7 +894,8 @@ export default {
         return;
       }
       const invalidManualRow = this.adjustRows.find(
-        row => row.manualFee && (!String(row.feeItemName || '').trim() || Number(row.amount || 0) <= 0)
+        row =>
+          row.manualFee && (!String(row.feeItemName || '').trim() || Number(row.amount || 0) <= 0)
       );
       if (invalidManualRow) {
         this.$message.warning('请完整填写手工费用项目和金额');
@@ -1050,7 +1063,9 @@ export default {
         return value !== null && value !== undefined && String(value).trim() !== '';
       };
       const normalizeSettlementType = value => {
-        const normalized = String(value || '').trim().toLowerCase();
+        const normalized = String(value || '')
+          .trim()
+          .toLowerCase();
         if (normalized === '应收') return 'receivable';
         if (normalized === '应付') return 'payable';
         return normalized;
@@ -1061,12 +1076,13 @@ export default {
       const expectedSettlementType = normalizeSettlementType(this.settlementType);
       const matchesSettlementType =
         !expectedSettlementType || rowSettlementType === expectedSettlementType;
-      const status = String(row.settlementStatus || '').trim().toLowerCase();
+      const status = String(row.settlementStatus || '')
+        .trim()
+        .toLowerCase();
       const isClosed =
         [row.closed, row.isClosed, row.closeFlag, row.closedFlag].some(
           value => value === true || String(value).trim().toLowerCase() === 'true'
-        ) ||
-        ['closed', 'close', '已关闭'].includes(status);
+        ) || ['closed', 'close', '已关闭'].includes(status);
       const hasPreSettlement = [
         row.preSettlementId,
         row.preSettlementIds,
@@ -1087,13 +1103,6 @@ export default {
         !hasFormalSettlement
       );
     },
-    confirmTransferSelection() {
-      if (!this.transferSelection.length) {
-        this.$message.warning('请选择需要转结算的明细');
-        return;
-      }
-      this.$message.success(`已选择${this.transferSelection.length}条明细`);
-    },
     transferSelectionChange(selection) {
       this.transferSelection = selection;
     },
@@ -1102,20 +1111,57 @@ export default {
         this.$message.warning('请选择需要转结算的明细');
         return;
       }
+      if (this.transferSelection.some(item => !item.contractId && !item.contractNo)) {
+        this.$message.warning('所选明细缺少合同信息，无法转结算');
+        return;
+      }
+      const contractKeys = new Set(
+        this.transferSelection.map(item =>
+          item.contractNo ? `no:${item.contractNo}` : `id:${item.contractId}`
+        )
+      );
+      if (contractKeys.size > 1) {
+        this.$message.warning('请选择同一合同下的明细进行转结算');
+        return;
+      }
       this.transferDialog.submitting = true;
       try {
-        await api.transferSettlement({
-          settlementType: this.settlementType || undefined,
-          settlementBillType: this.transferForm.settlementBillType,
-          ids: this.transferSelection.map(item => item.id),
+        const transferRows = await this.resolveTransferContractIds(this.transferSelection);
+        if (!transferRows) return;
+        const settlementBillType = this.transferForm.settlementBillType;
+        const transferToken = createSettlementTransfer({
+          settlementBillType,
+          settlementType: this.settlementType || transferRows[0]?.settlementType,
+          rows: transferRows,
         });
-        this.$message.success('转结算成功');
+        const isPreSettlement = settlementBillType === 'pre';
         this.transferDialog.visible = false;
-        this.loadTable();
+        await this.$router.push({
+          path: isPreSettlement
+            ? '/settlement/pre-settlement/form'
+            : '/settlement/formal-settlement/form',
+          query: {
+            mode: 'add',
+            transferToken,
+            name: isPreSettlement ? '新增预结算' : '新增正式结算',
+          },
+        });
       } finally {
         this.transferDialog.submitting = false;
       }
     },
+    async resolveTransferContractIds(rows) {
+      if (rows.every(item => item.contractId)) return rows;
+      const contractNo = rows.find(item => item.contractNo)?.contractNo;
+      const { data } = await getSettlementContractOptions(contractNo);
+      const contracts = data?.data || [];
+      const contract = contracts.find(item => String(item.contractNo) === String(contractNo));
+      if (!contract?.id) {
+        this.$message.warning('未找到所选明细对应的有效合同，无法转结算');
+        return null;
+      }
+      return rows.map(item => ({ ...item, contractId: item.contractId || contract.id }));
+    },
     openGenerateDialog() {
       this.generateDialog.visible = true;
       this.generateQuery = {};
@@ -1127,8 +1173,9 @@ export default {
       this.loadContracts();
     },
     handleGenerateContractChange(contractId) {
-      this.syncBillingPlanOptions(contractId);
-      this.generateQuery.billingPlanId = '';
+      const options = this.syncBillingPlanOptions(contractId);
+      const selected = options.find(item => item.defaultPlan) || options[0];
+      this.generateQuery.billingPlanId = selected?.id || '';
     },
     async loadGenerateWaybills() {
       if (!this.generateQuery.contractId || !this.generateQuery.billingPlanId) {
@@ -1138,9 +1185,18 @@ export default {
       this.generateDialog.loading = true;
       try {
         const params = this.buildRequestParams(
-          this.normalizeQuery(this.generateQuery, 'finishDateRange', 'finishStartDate', 'finishEndDate')
+          this.normalizeQuery(
+            this.generateQuery,
+            'finishDateRange',
+            'finishStartDate',
+            'finishEndDate'
+          )
+        );
+        const res = await api.getGenerateWaybills(
+          this.generatePage.current,
+          this.generatePage.size,
+          params
         );
-        const res = await api.getGenerateWaybills(this.generatePage.current, this.generatePage.size, params);
         const data = this.unwrapPage(res);
         this.generateRows = data.records || [];
         this.generatePage.total = data.total || 0;
@@ -1188,12 +1244,49 @@ export default {
           minWidth: 130,
           align: 'right',
         }));
+        const selectedWaybillsById = new Map();
+        const selectedWaybillsByNo = new Map();
+        this.generateSelection.forEach(item => {
+          [item.id, item.waybillId, item.sourceWaybillId].forEach(id => {
+            if (id !== null && id !== undefined && id !== '') {
+              selectedWaybillsById.set(String(id), item);
+            }
+          });
+          if (item.waybillNo) selectedWaybillsByNo.set(String(item.waybillNo), item);
+        });
         this.previewRows = (data.records || []).map(row => {
           const dynamic = {};
           (data.feeItemNames || []).forEach((name, index) => {
             dynamic[`feeItem${index}`] = row.feeItems?.[name] || '';
           });
-          return { ...row, ...dynamic };
+          const sourceWaybillId =
+            row.waybillId || row.sourceWaybillId || row.sourceId || row.businessId || row.id;
+          const sourceWaybill =
+            selectedWaybillsById.get(String(sourceWaybillId || '')) ||
+            selectedWaybillsByNo.get(String(row.waybillNo || row.waybillNumber || ''));
+          return {
+            ...row,
+            customerName:
+              row.customerName ||
+              row.customerUnitName ||
+              row.clientName ||
+              sourceWaybill?.customerName ||
+              '',
+            waybillNo:
+              row.waybillNo ||
+              row.waybillNumber ||
+              row.sourceWaybillNo ||
+              sourceWaybill?.waybillNo ||
+              '',
+            vehicleNo:
+              row.vehicleNo ||
+              row.plateNo ||
+              row.carNo ||
+              row.vehicleNumber ||
+              sourceWaybill?.vehicleNo ||
+              '',
+            ...dynamic,
+          };
         });
         this.previewPage.total = data.total || 0;
         return true;
@@ -1207,6 +1300,12 @@ export default {
       this.previewPage.current = 1;
       this.loadGeneratePreview();
     },
+    backToGenerateDialog() {
+      this.previewDialog.visible = false;
+      this.$nextTick(() => {
+        this.generateDialog.visible = true;
+      });
+    },
     async submitGenerateFee() {
       this.previewDialog.submitting = true;
       try {
@@ -1227,7 +1326,12 @@ export default {
       exportBlob(
         '/blade-transport/receivable-payable-detail/export-receivable-payable-detail',
         this.buildRequestParams(
-          this.normalizeQuery(this.query, 'generateDateRange', 'generateStartDate', 'generateEndDate')
+          this.normalizeQuery(
+            this.query,
+            'generateDateRange',
+            'generateStartDate',
+            'generateEndDate'
+          )
         ),
         { feedback: true }
       ).then(res => {
@@ -1254,7 +1358,9 @@ export default {
           `plan-${index}`,
         name: item.name || item.planName || item.billingPlanName || `计费方案${index + 1}`,
         defaultPlan:
-          item.defaultPlan === true || String(item.defaultPlan).toLowerCase() === 'true',
+          item.defaultPlan === true ||
+          item.defaultPlan === 1 ||
+          ['true', '1'].includes(String(item.defaultPlan).toLowerCase()),
       }));
       return this.billingPlanOptions;
     },