From ca45a573cc4407998413b225bb0b2852636b1d46 Mon Sep 17 00:00:00 2001
From: xs <xins@mesnac.com>
Date: Mon, 9 Mar 2026 15:41:37 +0800
Subject: [PATCH] =?UTF-8?q?1.3.0=E5=89=8D=E7=AB=AF=EF=BC=9A=20=20=20=20fea?=
 =?UTF-8?q?t(=E5=BA=94=E6=94=B6=E6=AC=BE):=E5=BA=94=E6=94=B6=E6=AC=BE?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/oa/erp/contractPaymentMethod/index.ts |   13 +
 src/api/oa/erp/finAccountInstallment/index.ts |   76 +
 src/api/oa/erp/finAccountInstallment/types.ts |  201 ++
 src/api/oa/erp/finAccountReceivable/index.ts  |  105 +
 src/api/oa/erp/finAccountReceivable/types.ts  |  326 +++
 .../oa/erp/finAccountReceivableStage/index.ts |   76 +
 .../oa/erp/finAccountReceivableStage/types.ts |  191 ++
 src/api/oa/erp/projectInfo/index.ts           |   12 +
 src/router/index.ts                           |   13 -
 .../oa/components/ContractSelectDialog.vue    |  173 ++
 .../oa/components/ProjectSelectDialog.vue     |  189 ++
 .../oa/erp/finAccountReceivable/edit.vue      | 1999 +++++++++++++++++
 .../oa/erp/finAccountReceivable/index.vue     | 1384 ++++++++++++
 src/views/oa/finAccountInstallment/index.vue  |  357 +++
 14 files changed, 5102 insertions(+), 13 deletions(-)
 create mode 100644 src/api/oa/erp/finAccountInstallment/index.ts
 create mode 100644 src/api/oa/erp/finAccountInstallment/types.ts
 create mode 100644 src/api/oa/erp/finAccountReceivable/index.ts
 create mode 100644 src/api/oa/erp/finAccountReceivable/types.ts
 create mode 100644 src/api/oa/erp/finAccountReceivableStage/index.ts
 create mode 100644 src/api/oa/erp/finAccountReceivableStage/types.ts
 create mode 100644 src/views/oa/components/ContractSelectDialog.vue
 create mode 100644 src/views/oa/components/ProjectSelectDialog.vue
 create mode 100644 src/views/oa/erp/finAccountReceivable/edit.vue
 create mode 100644 src/views/oa/erp/finAccountReceivable/index.vue
 create mode 100644 src/views/oa/finAccountInstallment/index.vue

diff --git a/src/api/oa/erp/contractPaymentMethod/index.ts b/src/api/oa/erp/contractPaymentMethod/index.ts
index 458ee12..9687fc3 100644
--- a/src/api/oa/erp/contractPaymentMethod/index.ts
+++ b/src/api/oa/erp/contractPaymentMethod/index.ts
@@ -74,3 +74,16 @@ export function getErpContractPaymentMethodList (query) {
         params: query
     });
 };
+
+/**
+ * 查询合同付款方式列表,left join base_payment_stage
+ * @param query
+ * @returns {*}
+ */
+export function getErpContractPaymentMethodJoinList (query) {
+  return request({
+    url: '/oa/erp/contractPaymentMethod/getErpContractPaymentMethodJoinList',
+    method: 'get',
+    params: query
+  });
+};
diff --git a/src/api/oa/erp/finAccountInstallment/index.ts b/src/api/oa/erp/finAccountInstallment/index.ts
new file mode 100644
index 0000000..a9ccadc
--- /dev/null
+++ b/src/api/oa/erp/finAccountInstallment/index.ts
@@ -0,0 +1,76 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { FinAccountInstallmentVO, FinAccountInstallmentForm, FinAccountInstallmentQuery } from '@/api/oa/erp/finAccountInstallment/types';
+
+/**
+ * 查询分款信息列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listFinAccountInstallment = (query?: FinAccountInstallmentQuery): AxiosPromise<FinAccountInstallmentVO[]> => {
+  return request({
+    url: '/oa/erp/finAccountInstallment/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询分款信息详细
+ * @param accountInstallmentId
+ */
+export const getFinAccountInstallment = (accountInstallmentId: string | number): AxiosPromise<FinAccountInstallmentVO> => {
+  return request({
+    url: '/oa/erp/finAccountInstallment/' + accountInstallmentId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增分款信息
+ * @param data
+ */
+export const addFinAccountInstallment = (data: FinAccountInstallmentForm) => {
+  return request({
+    url: '/oa/erp/finAccountInstallment',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改分款信息
+ * @param data
+ */
+export const updateFinAccountInstallment = (data: FinAccountInstallmentForm) => {
+  return request({
+    url: '/oa/erp/finAccountInstallment',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除分款信息
+ * @param accountInstallmentId
+ */
+export const delFinAccountInstallment = (accountInstallmentId: string | number | Array<string | number>) => {
+  return request({
+    url: '/oa/erp/finAccountInstallment/' + accountInstallmentId,
+    method: 'delete'
+  });
+};
+
+/**
+ * 下拉框查询分款信息列表
+ * @param query
+ * @returns {*}
+ */
+export function getErpFinAccountInstallmentList (query) {
+    return request({
+        url: '/oa/erp/finAccountInstallment/getErpFinAccountInstallmentList',
+        method: 'get',
+        params: query
+    });
+};
diff --git a/src/api/oa/erp/finAccountInstallment/types.ts b/src/api/oa/erp/finAccountInstallment/types.ts
new file mode 100644
index 0000000..a1ab637
--- /dev/null
+++ b/src/api/oa/erp/finAccountInstallment/types.ts
@@ -0,0 +1,201 @@
+export interface FinAccountInstallmentVO {
+  /**
+   * 分款ID
+   */
+  accountInstallmentId: string | number;
+
+  /**
+   * 分款编号
+   */
+  installmentCode: string;
+
+  /**
+   * 客户ID，关联crm_customer_info
+   */
+  customerId: string | number;
+
+  /**
+   * 客户名称，冗余
+   */
+  customerName: string;
+
+  /**
+   * 货币类型(CNY/USD/EUR)，默认CNY
+   */
+  currency: string;
+
+  /**
+   * 回款金额
+   */
+  paymentAmount: number;
+
+  /**
+   * 回款日期
+   */
+  paymentDate: string;
+
+  /**
+   * 备注
+   */
+  remark: string;
+
+  /**
+   * 发出人员
+   */
+  dispatchUserId: string | number;
+
+  /**
+   * 发出部门
+   */
+  dispatchDeptId: string | number;
+
+  /**
+   * 发出日期
+   */
+  dispatchDate: string;
+
+  /**
+   * 分款状态（0草稿 1已发出 2分款完成）
+   */
+  installmentStatus: string;
+
+  /**
+   * 客户经理
+   */
+  accountManageId: string | number;
+
+}
+
+export interface FinAccountInstallmentForm extends BaseEntity {
+  /**
+   * 分款ID
+   */
+  accountInstallmentId?: string | number;
+
+  /**
+   * 分款编号
+   */
+  installmentCode?: string;
+
+  /**
+   * 客户ID，关联crm_customer_info
+   */
+  customerId?: string | number;
+
+  /**
+   * 客户名称，冗余
+   */
+  customerName?: string;
+
+  /**
+   * 货币类型(CNY/USD/EUR)，默认CNY
+   */
+  currency?: string;
+
+  /**
+   * 回款金额
+   */
+  paymentAmount?: number;
+
+  /**
+   * 回款日期
+   */
+  paymentDate?: string;
+
+  /**
+   * 备注
+   */
+  remark?: string;
+
+  /**
+   * 发出人员
+   */
+  dispatchUserId?: string | number;
+
+  /**
+   * 发出部门
+   */
+  dispatchDeptId?: string | number;
+
+  /**
+   * 发出日期
+   */
+  dispatchDate?: string;
+
+  /**
+   * 分款状态（0草稿 1已发出 2分款完成）
+   */
+  installmentStatus?: string;
+
+  /**
+   * 客户经理
+   */
+  accountManageId?: string | number;
+
+}
+
+export interface FinAccountInstallmentQuery extends PageQuery {
+
+  /**
+   * 分款编号
+   */
+  installmentCode?: string;
+
+  /**
+   * 客户ID，关联crm_customer_info
+   */
+  customerId?: string | number;
+
+  /**
+   * 客户名称，冗余
+   */
+  customerName?: string;
+
+  /**
+   * 货币类型(CNY/USD/EUR)，默认CNY
+   */
+  currency?: string;
+
+  /**
+   * 回款金额
+   */
+  paymentAmount?: number;
+
+  /**
+   * 回款日期
+   */
+  paymentDate?: string;
+
+  /**
+   * 发出人员
+   */
+  dispatchUserId?: string | number;
+
+  /**
+   * 发出部门
+   */
+  dispatchDeptId?: string | number;
+
+  /**
+   * 发出日期
+   */
+  dispatchDate?: string;
+
+  /**
+   * 分款状态（0草稿 1已发出 2分款完成）
+   */
+  installmentStatus?: string;
+
+  /**
+   * 客户经理
+   */
+  accountManageId?: string | number;
+
+  /**
+   * 日期范围参数
+   */
+  params?: any;
+}
+
+
+
diff --git a/src/api/oa/erp/finAccountReceivable/index.ts b/src/api/oa/erp/finAccountReceivable/index.ts
new file mode 100644
index 0000000..2a7892e
--- /dev/null
+++ b/src/api/oa/erp/finAccountReceivable/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { FinAccountReceivableVO, FinAccountReceivableForm, FinAccountReceivableQuery } from '@/api/oa/erp/finAccountReceivable/types';
+
+/**
+ * 查询应收款信息列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listFinAccountReceivable = (query?: FinAccountReceivableQuery): AxiosPromise<FinAccountReceivableVO[]> => {
+  return request({
+    url: '/oa/erp/finAccountReceivable/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询应收款信息详细
+ * @param accountReceivableId
+ */
+export const getFinAccountReceivable = (accountReceivableId: string | number): AxiosPromise<FinAccountReceivableVO> => {
+  return request({
+    url: '/oa/erp/finAccountReceivable/' + accountReceivableId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增应收款信息
+ * @param data
+ */
+export const addFinAccountReceivable = (data: FinAccountReceivableForm) => {
+  return request({
+    url: '/oa/erp/finAccountReceivable',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改应收款信息
+ * @param data
+ */
+export const updateFinAccountReceivable = (data: FinAccountReceivableForm) => {
+  return request({
+    url: '/oa/erp/finAccountReceivable',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除应收款信息
+ * @param accountReceivableId
+ */
+export const delFinAccountReceivable = (accountReceivableId: string | number | Array<string | number>) => {
+  return request({
+    url: '/oa/erp/finAccountReceivable/' + accountReceivableId,
+    method: 'delete'
+  });
+};
+
+/**
+ * 下拉框查询应收款信息列表
+ * @param query
+ * @returns {*}
+ */
+export function getErpFinAccountReceivableList(query) {
+  return request({
+    url: '/oa/erp/finAccountReceivable/getErpFinAccountReceivableList',
+    method: 'get',
+    params: query
+  });
+}
+
+/**
+ * 编辑时查询应收款节点信息列表,right join 应收款节点信息erp_fin_account_receivable_stage
+ * @param query
+ * @returns {*}
+ */
+export function getErpFinAccountReceivableStageList(query) {
+  return request({
+    url: '/oa/erp/finAccountReceivable/getErpFinAccountReceivableStageList',
+    method: 'get',
+    params: query
+  });
+}
+
+
+/**
+ * 新增时查询应收款节点信息列表,right join 应收款节点信息erp_fin_account_receivable_stage
+ * @param query
+ * @returns {*}
+ */
+export function getErpContractPaymentMethodJoinList(query) {
+  return request({
+    url: '/oa/erp/finAccountReceivable/getErpContractPaymentMethodJoinList',
+    method: 'get',
+    params: query
+  });
+}
+
+
diff --git a/src/api/oa/erp/finAccountReceivable/types.ts b/src/api/oa/erp/finAccountReceivable/types.ts
new file mode 100644
index 0000000..aa05835
--- /dev/null
+++ b/src/api/oa/erp/finAccountReceivable/types.ts
@@ -0,0 +1,326 @@
+export interface FinAccountReceivableVO {
+  /**
+   * 应收款ID
+   */
+  accountReceivableId: string | number;
+
+  /**
+   * 集团应收模板编号
+   */
+  invoiceCode: string;
+
+  /**
+   * 项目ID
+   */
+  projectId: string | number;
+
+  /**
+   * 项目大类，自填
+   */
+  projectCategory: number;
+
+  /**
+   * 项目小类，自填
+   */
+  projectType: string;
+
+  /**
+   * 合同ID
+   */
+  contractId: string | number;
+
+  /**
+   * 总包，自填
+   */
+  generalContractor: string;
+
+  /**
+   * 客户简称，自填
+   */
+  customerAbbreviation: string;
+
+  /**
+   * 合同签订方，自填
+   */
+  contractParties: string;
+
+  /**
+   * WBS.元素，自填
+   */
+  wbsElement: string;
+
+  /**
+   * 行项目，自填
+   */
+  lineItem: string;
+
+  /**
+   * 项目状态，自填
+   */
+  projectStatus: string;
+
+  /**
+   * 结算月份，自填
+   */
+  settlementMonth: string;
+
+  /**
+   * 收入，自填
+   */
+  income: number;
+
+  /**
+   * 背靠背比例，自填
+   */
+  backToBackRatio: number;
+
+  /**
+   * 币种，自填
+   */
+  currency: string;
+
+  /**
+   * 开票金额，开票流程上线后可自动取数
+   */
+  invoiceAmount: number;
+
+  /**
+   * 合同金额（主），合同台账
+   */
+  totalPrice: number;
+
+  /**
+   * 合同金额（海威），合同台账
+   */
+  totalPriceHighway: number;
+
+  /**
+   * 合同金额-原币（海威），合同台账
+   */
+  totalPriceOri: number;
+
+  /**
+   * 汇率，合同台账
+   */
+  exchangeRate: number;
+
+}
+
+export interface FinAccountReceivableForm extends BaseEntity {
+  /**
+   * 应收款ID
+   */
+  accountReceivableId?: string | number;
+
+  /**
+   * 集团应收模板编号
+   */
+  invoiceCode?: string;
+
+  /**
+   * 项目ID
+   */
+  projectId?: string | number;
+
+  /**
+   * 项目大类，自填
+   */
+  projectCategory?: number;
+
+  /**
+   * 项目小类，自填
+   */
+  projectType?: string;
+
+  /**
+   * 合同ID
+   */
+  contractId?: string | number;
+
+  /**
+   * 总包，自填
+   */
+  generalContractor?: string;
+
+  /**
+   * 客户简称，自填
+   */
+  customerAbbreviation?: string;
+
+  /**
+   * 合同签订方，自填
+   */
+  contractParties?: string;
+
+  /**
+   * WBS.元素，自填
+   */
+  wbsElement?: string;
+
+  /**
+   * 行项目，自填
+   */
+  lineItem?: string;
+
+  /**
+   * 项目状态，自填
+   */
+  projectStatus?: string;
+
+  /**
+   * 结算月份，自填
+   */
+  settlementMonth?: string;
+
+  /**
+   * 收入，自填
+   */
+  income?: number;
+
+  /**
+   * 背靠背比例，自填
+   */
+  backToBackRatio?: number;
+
+  /**
+   * 币种，自填
+   */
+  currency?: string;
+
+  /**
+   * 开票金额，开票流程上线后可自动取数
+   */
+  invoiceAmount?: number;
+
+  /**
+   * 合同金额（主），合同台账
+   */
+  totalPrice?: number;
+
+  /**
+   * 合同金额（海威），合同台账
+   */
+  totalPriceHighway?: number;
+
+  /**
+   * 合同金额-原币（海威），合同台账
+   */
+  totalPriceOri?: number;
+
+  /**
+   * 汇率，合同台账
+   */
+  exchangeRate?: number;
+
+}
+
+export interface FinAccountReceivableQuery extends PageQuery {
+
+  /**
+   * 集团应收模板编号
+   */
+  invoiceCode?: string;
+
+  /**
+   * 项目ID
+   */
+  projectId?: string | number;
+
+  /**
+   * 项目大类，自填
+   */
+  projectCategory?: number;
+
+  /**
+   * 项目小类，自填
+   */
+  projectType?: string;
+
+  /**
+   * 合同ID
+   */
+  contractId?: string | number;
+
+  /**
+   * 总包，自填
+   */
+  generalContractor?: string;
+
+  /**
+   * 客户简称，自填
+   */
+  customerAbbreviation?: string;
+
+  /**
+   * 合同签订方，自填
+   */
+  contractParties?: string;
+
+  /**
+   * WBS.元素，自填
+   */
+  wbsElement?: string;
+
+  /**
+   * 行项目，自填
+   */
+  lineItem?: string;
+
+  /**
+   * 项目状态，自填
+   */
+  projectStatus?: string;
+
+  /**
+   * 结算月份，自填
+   */
+  settlementMonth?: string;
+
+  /**
+   * 收入，自填
+   */
+  income?: number;
+
+  /**
+   * 背靠背比例，自填
+   */
+  backToBackRatio?: number;
+
+  /**
+   * 币种，自填
+   */
+  currency?: string;
+
+  /**
+   * 开票金额，开票流程上线后可自动取数
+   */
+  invoiceAmount?: number;
+
+  /**
+   * 合同金额（主），合同台账
+   */
+  totalPrice?: number;
+
+  /**
+   * 合同金额（海威），合同台账
+   */
+  totalPriceHighway?: number;
+
+  /**
+   * 合同金额-原币（海威），合同台账
+   */
+  totalPriceOri?: number;
+
+  /**
+   * 汇率，合同台账
+   */
+  exchangeRate?: number;
+
+  /**
+   * 日期范围参数
+   */
+  params?: any;
+}
+
+
+
diff --git a/src/api/oa/erp/finAccountReceivableStage/index.ts b/src/api/oa/erp/finAccountReceivableStage/index.ts
new file mode 100644
index 0000000..29fb1b1
--- /dev/null
+++ b/src/api/oa/erp/finAccountReceivableStage/index.ts
@@ -0,0 +1,76 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { FinAccountReceivableStageVO, FinAccountReceivableStageForm, FinAccountReceivableStageQuery } from '@/api/oa/erp/finAccountReceivableStage/types';
+
+/**
+ * 查询应收款节点信息列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listFinAccountReceivableStage = (query?: FinAccountReceivableStageQuery): AxiosPromise<FinAccountReceivableStageVO[]> => {
+  return request({
+    url: '/oa/erp/finAccountReceivableStage/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询应收款节点信息详细
+ * @param receivableStageId
+ */
+export const getFinAccountReceivableStage = (receivableStageId: string | number): AxiosPromise<FinAccountReceivableStageVO> => {
+  return request({
+    url: '/oa/erp/finAccountReceivableStage/' + receivableStageId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增应收款节点信息
+ * @param data
+ */
+export const addFinAccountReceivableStage = (data: FinAccountReceivableStageForm) => {
+  return request({
+    url: '/oa/erp/finAccountReceivableStage',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改应收款节点信息
+ * @param data
+ */
+export const updateFinAccountReceivableStage = (data: FinAccountReceivableStageForm) => {
+  return request({
+    url: '/oa/erp/finAccountReceivableStage',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除应收款节点信息
+ * @param receivableStageId
+ */
+export const delFinAccountReceivableStage = (receivableStageId: string | number | Array<string | number>) => {
+  return request({
+    url: '/oa/erp/finAccountReceivableStage/' + receivableStageId,
+    method: 'delete'
+  });
+};
+
+/**
+ * 下拉框查询应收款节点信息列表
+ * @param query
+ * @returns {*}
+ */
+export function getErpFinAccountReceivableStageList (query) {
+    return request({
+        url: '/oa/erp/finAccountReceivableStage/getErpFinAccountReceivableStageList',
+        method: 'get',
+        params: query
+    });
+};
diff --git a/src/api/oa/erp/finAccountReceivableStage/types.ts b/src/api/oa/erp/finAccountReceivableStage/types.ts
new file mode 100644
index 0000000..041bd4f
--- /dev/null
+++ b/src/api/oa/erp/finAccountReceivableStage/types.ts
@@ -0,0 +1,191 @@
+export interface FinAccountReceivableStageVO {
+  /**
+   * 应收款节点信息ID
+   */
+  receivableStageId: string | number;
+
+  /**
+   * 应收款ID
+   */
+  accountReceivableId: string | number;
+
+  /**
+   * 阶段ID
+   */
+  paymentStageId: string | number;
+
+  /**
+   * 阶段名称，冗余
+   */
+  stageName: string;
+
+  /**
+   * 阶段金额，公式计算
+   */
+  paymentAmount: number;
+
+  /**
+   * 阶段比例，冗余
+   */
+  paymentPercentage: string;
+
+  /**
+   * 阶段账期，冗余
+   */
+  paymentDeadline: number;
+
+  /**
+   * 阶段付款条款，冗余
+   */
+  paymentDescription: string;
+
+  /**
+   * 阶段要求日期，冗余
+   */
+  stageRequiredDate: string;
+
+  /**
+   * 阶段实际执行日期
+   */
+  stageRealDate: string;
+
+  /**
+   * 无日期的按结算日期，先自填
+   */
+  settlementDate: string;
+
+  /**
+   * 质保期（天），冗余，关联合同信息
+   */
+  warrantyPeriod: number;
+
+}
+
+export interface FinAccountReceivableStageForm extends BaseEntity {
+  /**
+   * 应收款节点信息ID
+   */
+  receivableStageId?: string | number;
+
+  /**
+   * 应收款ID
+   */
+  accountReceivableId?: string | number;
+
+  /**
+   * 阶段ID
+   */
+  paymentStageId?: string | number;
+
+  /**
+   * 阶段名称，冗余
+   */
+  stageName?: string;
+
+  /**
+   * 阶段金额，公式计算
+   */
+  paymentAmount?: number;
+
+  /**
+   * 阶段比例，冗余
+   */
+  paymentPercentage?: string;
+
+  /**
+   * 阶段账期，冗余
+   */
+  paymentDeadline?: number;
+
+  /**
+   * 阶段付款条款，冗余
+   */
+  paymentDescription?: string;
+
+  /**
+   * 阶段要求日期，冗余
+   */
+  stageRequiredDate?: string;
+
+  /**
+   * 阶段实际执行日期
+   */
+  stageRealDate?: string;
+
+  /**
+   * 无日期的按结算日期，先自填
+   */
+  settlementDate?: string;
+
+  /**
+   * 质保期（天），冗余，关联合同信息
+   */
+  warrantyPeriod?: number;
+
+}
+
+export interface FinAccountReceivableStageQuery extends PageQuery {
+
+  /**
+   * 应收款ID
+   */
+  accountReceivableId?: string | number;
+
+  /**
+   * 阶段ID
+   */
+  paymentStageId?: string | number;
+
+  /**
+   * 阶段名称，冗余
+   */
+  stageName?: string;
+
+  /**
+   * 阶段金额，公式计算
+   */
+  paymentAmount?: number;
+
+  /**
+   * 阶段比例，冗余
+   */
+  paymentPercentage?: string;
+
+  /**
+   * 阶段账期，冗余
+   */
+  paymentDeadline?: number;
+
+  /**
+   * 阶段付款条款，冗余
+   */
+  paymentDescription?: string;
+
+  /**
+   * 阶段要求日期，冗余
+   */
+  stageRequiredDate?: string;
+
+  /**
+   * 阶段实际执行日期
+   */
+  stageRealDate?: string;
+
+  /**
+   * 无日期的按结算日期，先自填
+   */
+  settlementDate?: string;
+
+  /**
+   * 质保期（天），冗余，关联合同信息
+   */
+  warrantyPeriod?: number;
+
+  /**
+   * 日期范围参数
+   */
+  params?: any;
+}
+
+
+
diff --git a/src/api/oa/erp/projectInfo/index.ts b/src/api/oa/erp/projectInfo/index.ts
index 6676c7b..28652bd 100644
--- a/src/api/oa/erp/projectInfo/index.ts
+++ b/src/api/oa/erp/projectInfo/index.ts
@@ -88,4 +88,16 @@ export function getErpProjectInfoList(query) {
 }
 
 
+/**
+ * 查询项目信息列表,主要提供财务应收款使用
+ * @param query
+ * @returns {*}
+ */
+export function getErpProjectInfoJoinList(query) {
+  return request({
+    url: '/oa/erp/projectInfo/getErpProjectInfoJoinList',
+    method: 'get',
+    params: query
+  });
+}
 
diff --git a/src/router/index.ts b/src/router/index.ts
index b293147..fe7e562 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -180,19 +180,6 @@ export const constantRoutes: RouteRecordRaw[] = [
       }
     ]
   },
-  {
-    path: '/oa/erp',
-    component: Layout,
-    hidden: true,
-    children: [
-      {
-        path: 'budgetInfo/edit',
-        component: () => import('@/views/oa/erp/budgetInfo/edit.vue'),
-        name: 'BudgetEdit',
-        meta: { title: '项目预算申请', activeMenu: '/erp/budgetInfo' }
-      }
-    ]
-  },
   {
     path: '/customer',
     component: Layout,
diff --git a/src/views/oa/components/ContractSelectDialog.vue b/src/views/oa/components/ContractSelectDialog.vue
new file mode 100644
index 0000000..43c3a17
--- /dev/null
+++ b/src/views/oa/components/ContractSelectDialog.vue
@@ -0,0 +1,173 @@
+<template>
+  <el-dialog v-model="dialogVisible" title="选择合同" width="880px">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="80px">
+            <el-form-item label="合同编号" prop="contractCode">
+              <el-input v-model="queryParams.contractCode" placeholder="请输入合同编号" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="合同名称" prop="contractName">
+              <el-input v-model="queryParams.contractName" placeholder="请输入合同名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="合同状态" prop="contractStatus">
+              <el-select v-model="queryParams.contractStatus" placeholder="请选择合同状态" clearable>
+                <el-option v-for="dict in contract_status" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-table :data="contractList" border @row-click="selectContract" style="width: 100%" v-loading="contractLoading" highlight-current-row>
+      <el-table-column prop="contractCode" label="合同编号" width="150" />
+      <el-table-column prop="contractName" label="合同名称" width="150" />
+      <el-table-column prop="businessDirection" label="业务方向" width="120">
+        <template #default="scope">
+          <dict-tag :options="business_direction" :value="scope.row.businessDirection" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="contractStatus" label="合同状态" width="100">
+        <template #default="scope">
+          <dict-tag :options="contract_status" :value="scope.row.contractStatus" />
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="mt-4 flex justify-between items-center">
+      <pagination
+        v-show="contractTotal > 0"
+        :total="contractTotal"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getContractList"
+      />
+    </div>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="handleCancel">取消</el-button>
+        <el-button type="primary" @click="confirmContractSelection">确定</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts" name="ContractSelectDialog">
+import { ref, reactive, toRefs, onMounted } from 'vue';
+import { ElMessage } from 'element-plus';
+import { getErpContractInfoList } from '@/api/oa/erp/contractInfo';
+import { ContractInfoVO, ContractInfoQuery } from '@/api/oa/erp/contractInfo/types';
+
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  contractCategory: {
+    type: String,
+    default: ''
+  }
+});
+
+const emit = defineEmits(['update:visible', 'contract-selected']);
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { business_direction, contract_status } = toRefs<any>(
+  proxy?.useDict('business_direction', 'contract_status')
+);
+
+// 响应式数据
+const dialogVisible = ref(props.visible);
+const selectedContract = ref<ContractInfoVO | null>(null);
+const contractList = ref<ContractInfoVO[]>([]);
+const contractTotal = ref(0);
+const contractLoading = ref(true);
+const data = reactive<{ queryParams: ContractInfoQuery }>({
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    contractCode: undefined,
+    contractName: undefined,
+    contractCategory: undefined,
+    businessDirection: undefined,
+    contractStatus: undefined,
+    flowStatus: undefined,
+    activeFlag: undefined,
+    params: {}
+  }
+});
+
+const { queryParams } = toRefs(data);
+
+const queryFormRef = ref<ElFormInstance>();
+
+// 监听visible属性变化
+watch(() => props.visible, (newVal) => {
+  dialogVisible.value = newVal;
+  if (newVal) {
+    selectedContract.value = null;
+    queryParams.value.contractCategory = props.contractCategory;
+    getContractList();
+  }
+});
+
+// 监听dialogVisible变化，通知父组件
+watch(dialogVisible, (newVal) => {
+  emit('update:visible', newVal);
+});
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getContractList();
+};
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  queryParams.value.contractCategory = props.contractCategory;
+  handleQuery();
+};
+
+/** 查询合同信息列表 */
+const getContractList = async () => {
+  contractLoading.value = true;
+  console.log(queryParams.value)
+  const res = await getErpContractInfoList(queryParams.value);
+  console.log(res)
+  contractList.value = res.rows;
+  contractTotal.value = res.total;
+  contractLoading.value = false;
+};
+
+// 选择合同
+const selectContract = (row: ContractInfoVO) => {
+  selectedContract.value = row;
+};
+
+// 确认合同选择
+const confirmContractSelection = () => {
+  if (!selectedContract.value) {
+    ElMessage.warning('请选择一个合同');
+    return;
+  }
+
+  emit('contract-selected', selectedContract.value);
+  dialogVisible.value = false;
+};
+
+// 取消操作
+const handleCancel = () => {
+  dialogVisible.value = false;
+};
+</script>
+
+<style scoped>
+/* 可以添加组件特定的样式 */
+</style>
diff --git a/src/views/oa/components/ProjectSelectDialog.vue b/src/views/oa/components/ProjectSelectDialog.vue
new file mode 100644
index 0000000..ec4bdaa
--- /dev/null
+++ b/src/views/oa/components/ProjectSelectDialog.vue
@@ -0,0 +1,189 @@
+<template>
+  <el-dialog v-model="dialogVisible" title="选择项目" width="880px">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="80px">
+            <el-form-item label="项目号" prop="projectCode">
+              <el-input v-model="queryParams.projectCode" placeholder="请输入项目编号" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="项目名称" prop="projectName">
+              <el-input v-model="queryParams.projectName" placeholder="请输入项目名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="项目状态" prop="projectStatus">
+              <el-select v-model="queryParams.projectStatus" placeholder="请选择项目状态" clearable>
+                <el-option v-for="dict in project_status" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-table :data="projectList" border @row-click="selectProject" style="width: 100%" v-loading="projectLoading" highlight-current-row>
+      <el-table-column prop="projectCode" label="项目号" width="150" />
+      <el-table-column prop="projectName" label="项目名称" min-width="160" />
+      <el-table-column prop="businessDirection" label="业务方向" width="120">
+        <template #default="scope">
+          <dict-tag :options="business_direction" :value="scope.row.businessDirection" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="contractCode" label="合同编号" width="150" />
+      <el-table-column prop="contractName" label="合同名称" width="150" />
+
+      <el-table-column prop="projectStatus" label="项目状态" width="100">
+        <template #default="scope">
+          <dict-tag :options="project_status" :value="scope.row.projectStatus" />
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="mt-4 flex justify-between items-center">
+      <pagination
+        v-show="projectTotal > 0"
+        :total="projectTotal"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getProjectList"
+      />
+    </div>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="handleCancel">取消</el-button>
+        <el-button type="primary" @click="confirmProjectSelection">确定</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts" name="ProjectSelectDialog">
+import { ref, reactive, toRefs, onMounted } from 'vue';
+import { ElMessage } from 'element-plus';
+import { getErpProjectInfoJoinList } from '@/api/oa/erp/projectInfo';
+import { getErpContractInfoList } from '@/api/oa/erp/contractInfo';
+import { ProjectInfoVO, ProjectInfoQuery } from '@/api/oa/erp/projectInfo/types';
+
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  projectCategory: {
+    type: String,
+    default: ''
+  }
+});
+
+const emit = defineEmits(['update:visible', 'project-selected']);
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { business_direction, project_status, project_category } = toRefs<any>(
+  proxy?.useDict('business_direction', 'project_status', 'project_category')
+);
+
+// 响应式数据
+const dialogVisible = ref(props.visible);
+const selectedProject = ref<ProjectInfoVO | null>(null);
+const projectList = ref<ProjectInfoVO[]>([]);
+const projectTotal = ref(0);
+const projectLoading = ref(true);
+const data = reactive<{ queryParams: ProjectInfoQuery }>({
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    contractFlag: undefined,
+    projectCode: undefined,
+    projectName: undefined,
+    businessDirection: undefined,
+    projectCategory: props.projectCategory,
+    spareFlag: undefined,
+    projectTypeId: undefined,
+    paymentMethod: undefined,
+    deptId: undefined,
+    managerId: undefined,
+    chargeId: undefined,
+    deputyId: undefined,
+    peopleId: undefined,
+    amount: undefined,
+    projectStatus: undefined,
+    flowStatus: undefined,
+    sortOrder: undefined,
+    contractId: undefined,
+    activeFlag: undefined,
+    params: {}
+  }
+});
+
+const { queryParams } = toRefs(data);
+
+const queryFormRef = ref<ElFormInstance>();
+
+// 监听visible属性变化
+watch(() => props.visible, (newVal) => {
+  dialogVisible.value = newVal;
+  if (newVal) {
+    selectedProject.value = null;
+    queryParams.value.projectCategory = props.projectCategory;
+    getProjectList();
+  }
+});
+
+// 监听dialogVisible变化，通知父组件
+watch(dialogVisible, (newVal) => {
+  emit('update:visible', newVal);
+});
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getProjectList();
+};
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  queryParams.value.projectCategory = props.projectCategory;
+  handleQuery();
+};
+
+/** 查询项目信息列表 */
+const getProjectList = async () => {
+  projectLoading.value = true;
+  console.log(queryParams.value)
+  const res = await getErpProjectInfoJoinList(queryParams.value);
+  console.log(res)
+  projectList.value = res.rows;
+  projectTotal.value = res.total;
+  projectLoading.value = false;
+};
+
+// 选择项目
+const selectProject = (row: ProjectInfoVO) => {
+  selectedProject.value = row;
+};
+
+// 确认项目选择
+const confirmProjectSelection = () => {
+  if (!selectedProject.value) {
+    ElMessage.warning('请选择一个项目');
+    return;
+  }
+
+  emit('project-selected', selectedProject.value);
+  dialogVisible.value = false;
+};
+
+// 取消操作
+const handleCancel = () => {
+  dialogVisible.value = false;
+};
+</script>
+
+<style scoped>
+/* 可以添加组件特定的样式 */
+</style>
diff --git a/src/views/oa/erp/finAccountReceivable/edit.vue b/src/views/oa/erp/finAccountReceivable/edit.vue
new file mode 100644
index 0000000..df5cab5
--- /dev/null
+++ b/src/views/oa/erp/finAccountReceivable/edit.vue
@@ -0,0 +1,1999 @@
+<template>
+  <div class="receivable-form-container">
+    <!-- 页面标题和操作按钮 -->
+    <div class="page-header">
+      <div class="header-left">
+        <el-button @click="goBack" icon="ArrowLeft">返回</el-button>
+        <h2>{{ title }}</h2>
+      </div>
+      <div class="header-right">
+        <el-button type="primary" @click="submitForm" :loading="buttonLoading">保存</el-button>
+        <el-button @click="resetForm">重置</el-button>
+<!--        <el-button @click="handleCalculate" v-if="formData.id">重新计算</el-button>-->
+      </div>
+    </div>
+
+    <el-divider />
+
+    <!-- 表单内容 -->
+    <el-form ref="receivableFormRef" :model="formData" :rules="formRules" label-width="160px" class="receivable-form">
+      <!-- 合同信息区域 - 可折叠 -->
+      <div class="form-section" v-loading="loading">
+        <div class="section-header" @click="toggleSection('contract')">
+          <span class="section-title">合同基本信息</span>
+          <el-icon class="section-icon">
+            <ArrowDown v-if="!collapsed.contract" />
+            <ArrowRight v-else />
+          </el-icon>
+        </div>
+        <el-divider />
+        <div class="section-content" v-show="!collapsed.contract">
+          <el-row :gutter="20">
+            <el-col :span="8">
+              <el-form-item label="海威-项目编号" prop="projectCode">
+                <el-input
+                  v-if="!formData.accountReceivableId"
+                  v-model="formData.projectCode"
+                  placeholder="请选择项目"
+                  readonly
+                  @click="showProjectSelectDialog"
+                  suffix-icon="Search"
+                />
+                <el-input
+                  v-if="formData.accountReceivableId"
+                  v-model="formData.projectCode"
+                  readonly
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="项目名称" prop="projectName">
+                <el-input v-model="formData.projectName" readonly />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="合同编号" prop="contractCode">
+                <el-input
+                  v-if="formData.projectId && formData.projectId !== '' && formData.contractFlag === CONTRACT_FLAG.NO"
+                  v-model="formData.contractCode"
+                  placeholder="请选择合同"
+                  readonly
+                  @click="showContractSelectDialog"
+                  suffix-icon="Search"
+                />
+                <el-input
+                  v-else
+                  v-model="formData.contractCode"
+                  readonly
+                />
+
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="合同名称" prop="contractName">
+                <el-input v-model="formData.contractName" readonly />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="签单月份" prop="contractMonth">
+                <el-date-picker v-model="formData.contractMonth" type="month" readonly style="width: 100%" format="YYYY-MM" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="合同签订日期" prop="contractDate">
+                <el-date-picker v-model="formData.contractDate" type="date" readonly style="width: 100%" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="外部合同编号" prop="externalContractCode">
+                <el-input v-model="formData.externalContractCode" readonly />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="内部合同编号" prop="internalContractCode">
+                <el-input v-model="formData.internalContractCode" readonly />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="客户名称" prop="customerName">
+                <el-input v-model="formData.customerName" readonly />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="签订主体" prop="contractingEntity">
+                <el-input v-model="formData.contractingEntity" readonly />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="业务方向" prop="businessDirection">
+                <dict-tag :options="business_direction" :value="formData.businessDirection" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="部门" prop="deptName">
+                <el-input v-model="formData.deptName" readonly />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="客户经理" prop="customerManager">
+                <el-input v-model="formData.customerManager" readonly />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="软控-订单号" prop="mesnacOrderNo">
+                <el-input v-model="formData.mesnacOrderNo"  />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="软控-项目号" prop="mesnacProjectCode">
+                <el-input v-model="formData.mesnacProjectCode"  />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="订单号" prop="orderContractCode">
+                <el-input v-model="formData.orderContractCode" readonly />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="业务项目状态" prop="projectStatus">
+                <dict-tag :options="project_status" :value="formData.projectStatus" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+
+      <!-- 基本信息区域 - 可折叠 -->
+      <div class="form-section" v-loading="loading">
+        <div class="section-header" @click="toggleSection('basic')">
+          <span class="section-title">财务自填信息</span>
+          <el-icon class="section-icon">
+            <ArrowDown v-if="!collapsed.basic" />
+            <ArrowRight v-else />
+          </el-icon>
+        </div>
+        <el-divider />
+        <div class="section-content" v-show="!collapsed.basic">
+          <el-row :gutter="20">
+            <el-col :span="8">
+              <el-form-item label="集团应收模板编号" prop="invoiceCode">
+                <el-input v-model="formData.invoiceCode" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="项目大类" prop="projectCategory">
+                <el-input v-model="formData.projectCategory" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="项目小类" prop="projectType">
+                <el-input v-model="formData.projectType" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="总包" prop="generalContractor">
+                <el-input v-model="formData.generalContractor" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="客户简称" prop="customerAbbreviation">
+                <el-input v-model="formData.customerAbbreviation" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="合同签订方" prop="contractParties">
+                <el-input v-model="formData.contractParties" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="WBS.元素" prop="wbsElement">
+                <el-input v-model="formData.wbsElement" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="行项目" prop="lineItem">
+                <el-input v-model="formData.lineItem" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="项目状态" prop="finProjectStatus">
+                <el-input v-model="formData.finProjectStatus" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="结算月份" prop="settlementMonth">
+                <el-date-picker v-model="formData.settlementMonth" type="month" placeholder="请选择" style="width: 100%" format="YYYY-MM" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+
+      <!-- 财务信息区域 - 可折叠 -->
+      <div class="form-section" v-loading="loading">
+        <div class="section-header" @click="toggleSection('financial')">
+          <span class="section-title">财务信息</span>
+          <el-icon class="section-icon">
+            <ArrowDown v-if="!collapsed.financial" />
+            <ArrowRight v-else />
+          </el-icon>
+        </div>
+        <el-divider />
+        <div class="section-content" v-show="!collapsed.financial">
+          <el-row :gutter="20">
+            <el-col :span="8">
+              <el-form-item label="开票金额" prop="invoiceAmount">
+                <el-input v-model="formData.invoiceAmount" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="收入" prop="income">
+                <el-input v-model="formData.income" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="合同金额-人民币(主)" prop="totalPrice">
+                <el-input v-model="formData.totalPrice" readonly>
+                  <template #append>元</template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="合同金额-人民币(海威)" prop="totalPriceHighway">
+                <el-input v-model="formData.totalPriceHighway" readonly>
+                  <template #append>元</template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="背靠背比例" prop="backToBackRatio">
+                <el-input v-model="formData.backToBackRatio" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="币种" prop="currency">
+                <el-input v-model="formData.currency" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="合同金额-原币(海威)" prop="totalPriceOri">
+                <el-input v-model="formData.totalPriceOri" readonly></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="汇率" prop="exchangeRate">
+                <el-input v-model="formData.exchangeRate" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <el-form-item label="付款方式" prop="paymentMethod">
+                <el-input v-model="paymentDescription" type="textarea" :rows="4" readonly />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+
+      <!-- 收款节点信息区域 - 合并展示 -->
+      <div class="form-section" v-loading="stageLoading">
+        <div class="section-header" @click="toggleSection('paymentNodes')">
+          <span class="section-title">收款节点信息</span>
+          <el-icon class="section-icon">
+            <ArrowDown v-if="!collapsed.paymentNodes" />
+            <ArrowRight v-else />
+          </el-icon>
+        </div>
+        <el-divider />
+        <div class="section-content" v-show="!collapsed.paymentNodes">
+          <div
+            v-for="finAccountReceivableStage in finAccountReceivableStageList"
+            :key="finAccountReceivableStage.receivableStageId"
+            class="node-section"
+          >
+            <div class="node-title">{{ finAccountReceivableStage.stageName }}</div>
+            <el-row :gutter="20">
+              <el-col :span="6">
+                <el-form-item label="金额" prop="paymentAmount" label-width="90px">
+                  <el-input v-model="finAccountReceivableStage.paymentAmount" placeholder="金额" readonly>
+                    <template #append>元</template>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="比例(%)" prop="paymentPercentage" label-width="96px">
+                  <el-input v-model="finAccountReceivableStage.paymentPercentage" placeholder="比例" readonly>
+                    <template #append>%</template>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6" v-if="finAccountReceivableStage.paymentStageId !== PAYMENT_STAGE_ID.WARRANTY">
+                <el-form-item label="账期" prop="paymentDeadline" label-width="90px">
+                  <el-input v-model="finAccountReceivableStage.paymentDeadline" placeholder="账期" readonly>
+                    <template #append>天</template>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6" v-if="finAccountReceivableStage.paymentStageId === PAYMENT_STAGE_ID.WARRANTY">
+                <el-form-item label="质保条款" prop="paymentDeadline" label-width="90px">
+                  <el-input v-model="finAccountReceivableStage.paymentDeadline" placeholder="质保条款" readonly>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="已回款金额" prop="receivedAmount" label-width="90px">
+                  <el-input
+                    v-model="finAccountReceivableStage.receivedAmount"
+                    placeholder="已回款"
+                    @change="handleReceivedAmountChange(finAccountReceivableStage)"
+                  >
+                    <template #append>元</template>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+
+              <!-- 基准日期字段 - 根据节点类型显示不同标签 -->
+              <el-col :span="6" v-if="finAccountReceivableStage.paymentStageId === PAYMENT_STAGE_ID.DELIVERY">
+                <el-form-item label="合同交货期" prop="stageRequiredDate" label-width="90px">
+                  <el-date-picker
+                    v-model="finAccountReceivableStage.stageRequiredDate"
+                    type="date"
+                    placeholder="选择日期"
+                    style="width: 100%"
+                  />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="6" v-if="getStageConfig(finAccountReceivableStage.paymentStageId).showStageRealDate">
+                <el-form-item :label="getStageConfig(finAccountReceivableStage.paymentStageId).stageRealDateLabel" prop="stageRealDate" label-width="90px">
+                  <el-date-picker
+                    v-model="finAccountReceivableStage.stageRealDate"
+                    type="date"
+                    :placeholder="getStageConfig(finAccountReceivableStage.paymentStageId).stageRealDatePlaceholder"
+                    style="width: 100%"
+                    @change="handleDateChange(finAccountReceivableStage)"
+                  />
+                </el-form-item>
+              </el-col>
+
+
+              <!-- 到期日显示 -->
+              <el-col :span="6" v-if="finAccountReceivableStage.paymentStageId !== PAYMENT_STAGE_ID.WARRANTY">
+                <el-form-item label="到期日" prop="dueDate" label-width="90px">
+                  <div class="date-display">{{ formatDate(finAccountReceivableStage.dueDate) }}</div>
+                </el-form-item>
+              </el-col>
+
+              <!-- 结算日期字段（用于验收/初验/终验节点） -->
+              <el-col
+                :span="6"
+                v-if="
+                  finAccountReceivableStage.paymentStageId === PAYMENT_STAGE_ID.INITIAL_INSPECTION ||
+                  finAccountReceivableStage.paymentStageId === PAYMENT_STAGE_ID.FINAL_INSPECTION ||
+                  finAccountReceivableStage.paymentStageId === PAYMENT_STAGE_ID.ACCEPTANCE
+                "
+              >
+                <el-form-item label="结算日期" prop="settlementDate" label-width="90px">
+                  <el-date-picker
+                    v-model="formData.settlementMonth"
+                    type="date"
+                    readonly
+                    style="width: 100%"
+                    @change="handleSettlementDateChange(finAccountReceivableStage)"
+                  />
+                </el-form-item>
+              </el-col>
+
+              <!-- 质保时间和质保日期（用于质保节点） -->
+              <el-col :span="6" v-if="finAccountReceivableStage.paymentStageId === PAYMENT_STAGE_ID.WARRANTY">
+                <el-form-item label="质保时间" prop="warrantyPeriod" label-width="90px">
+                  <el-input
+                    v-model="finAccountReceivableStage.warrantyPeriod"
+                    placeholder="质保时间(天)"
+                    @change="handleWarrantyChange(finAccountReceivableStage)"
+                  >
+                    <template #append>天</template>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6" v-if="finAccountReceivableStage.paymentStageId === PAYMENT_STAGE_ID.WARRANTY">
+                <el-form-item label="质保日期" prop="warrantyDate" label-width="90px">
+                  <div class="date-with-status">
+                    <span :class="getWarrantyStatusClass(finAccountReceivableStage.warrantyDate)">
+                      {{ formatDate(finAccountReceivableStage.warrantyDate) }}
+                    </span>
+                    <el-tag
+                      v-if="finAccountReceivableStage.warrantyDate"
+                      :type="getWarrantyStatusType(finAccountReceivableStage.warrantyDate)"
+                      size="small"
+                      effect="light"
+                      class="status-tag"
+                    >
+                      {{ getWarrantyStatus(finAccountReceivableStage.warrantyDate) }}
+                    </el-tag>
+                    <el-tag v-else size="small" type="info" effect="light" class="status-tag"></el-tag>
+                  </div>
+                </el-form-item>
+              </el-col>
+
+              <!-- 欠款金额显示 -->
+              <el-col :span="6">
+                <div class="calc-info">
+                  <span class="label">欠款金额:</span>
+                  <span class="value warning">{{ formatMoney(calculateOwedAmount(finAccountReceivableStage)) }}元</span>
+                </div>
+              </el-col>
+            </el-row>
+          </div>
+        </div>
+      </div>
+
+      <!-- 汇总信息区域 - 只读 -->
+      <div class="form-section summary-section">
+        <div class="section-header" @click="toggleSection('summary')">
+          <span class="section-title">汇总信息</span>
+          <el-icon class="section-icon">
+            <ArrowDown v-if="!collapsed.summary" />
+            <ArrowRight v-else />
+          </el-icon>
+        </div>
+        <el-divider />
+        <div class="section-content" v-show="!collapsed.summary">
+          <el-row :gutter="20">
+            <el-col :span="6">
+              <div class="summary-item">
+                <div class="summary-label">节点总比例</div>
+                <div class="summary-value">{{ totalProportion.toFixed(2) }}%</div>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="summary-item">
+                <div class="summary-label">总回款金额</div>
+                <div class="summary-value">{{ formatMoney(totalReceived) }}元</div>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="summary-item">
+                <div class="summary-label">总欠款合计</div>
+                <div class="summary-value warning">{{ formatMoney(totalOwed) }}元</div>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="summary-item">
+                <div class="summary-label">已回款比例</div>
+                <div class="summary-value">{{ (paymentRate * 100).toFixed(2) }}%</div>
+              </div>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+
+      <!-- 账龄信息区域 - 单独的区域 -->
+      <div class="form-section aging-section">
+        <div class="section-header" @click="toggleSection('aging')">
+          <span class="section-title">账龄信息</span>
+          <el-icon class="section-icon">
+            <ArrowDown v-if="!collapsed.aging" />
+            <ArrowRight v-else />
+          </el-icon>
+        </div>
+        <el-divider />
+        <div class="section-content" v-show="!collapsed.aging">
+          <el-table :data="agingData" border stripe style="width: 100%">
+            <el-table-column prop="stageName" label="收款节点" min-width="120" />
+            <el-table-column prop="paymentAmount" label="应收金额" min-width="120" align="right">
+              <template #default="{ row }"> {{ formatMoney(row.paymentAmount) }}元 </template>
+            </el-table-column>
+            <el-table-column prop="receivedAmount" label="已回款" min-width="120" align="right">
+              <template #default="{ row }"> {{ formatMoney(row.receivedAmount) }}元 </template>
+            </el-table-column>
+            <el-table-column prop="owedAmount" label="欠款金额" min-width="120" align="right">
+              <template #default="{ row }">
+                <span :class="getOwedAmountClass(row)">{{ formatMoney(row.owedAmount) }}元</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="baseDate" label="基准日期" min-width="120" align="center">
+              <template #default="{ row }">
+                {{ row.baseDate ? formatDate(row.baseDate) : '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="aging" label="账龄(年)" min-width="100" align="center">
+              <template #default="{ row }">
+                <span :class="getAgingClass(row.aging)">
+                  {{ row.aging }}
+                </span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="agingStatus" label="账龄状态" min-width="100" align="center">
+              <template #default="{ row }">
+                <el-tag :type="getAgingStatusType(row.aging)" size="small" effect="light">
+                  {{ getAgingStatus(row.aging) }}
+                </el-tag>
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <!-- 账龄统计信息 -->
+          <el-row :gutter="20" class="aging-statistics">
+            <el-col :span="6">
+              <div class="stat-item">
+                <div class="stat-label">平均账龄</div>
+                <div class="stat-value">{{ averageAging }}年</div>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="stat-item">
+                <div class="stat-label">最长账龄</div>
+                <div class="stat-value warning">{{ maxAging }}年</div>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="stat-item">
+                <div class="stat-label">超1年欠款</div>
+                <div class="stat-value warning">{{ formatMoney(overOneYearOwed) }}元</div>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="stat-item">
+                <div class="stat-label">超2年欠款</div>
+                <div class="stat-value danger">{{ formatMoney(overTwoYearOwed) }}元</div>
+              </div>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+
+      <!-- 账龄分析区域 - 简洁卡片式 -->
+      <div class="form-section analysis-section">
+        <div class="section-header" @click="toggleSection('analysis')">
+          <span class="section-title">账龄分析</span>
+          <el-icon class="section-icon">
+            <ArrowDown v-if="!collapsed.analysis" />
+            <ArrowRight v-else />
+          </el-icon>
+        </div>
+        <el-divider />
+        <div class="section-content" v-show="!collapsed.analysis">
+          <!-- 账龄区间卡片 -->
+          <el-row :gutter="20">
+            <el-col :span="4" v-for="(item, index) in agingRangeData" :key="index">
+              <div class="aging-card" :class="getCardClass(item.range)">
+                <div class="card-header">{{ item.range }}</div>
+                <div class="card-value">{{ formatMoney(item.amount) }}</div>
+                <div class="card-unit">元</div>
+                <div class="card-percentage">{{ calculatePercentage(item.amount) }}%</div>
+              </div>
+            </el-col>
+          </el-row>
+
+          <!-- 坏账计提卡片 -->
+          <el-row :gutter="20" class="bad-debt-row">
+            <el-col :span="8" :offset="8">
+              <div class="bad-debt-card">
+                <div class="card-header">
+                  <el-icon><Warning /></el-icon>
+                  坏账计提
+                </div>
+                <div class="card-value danger">{{ formatMoney(badDebtProvision) }}</div>
+                <div class="card-unit">元</div>
+                <!--                <div class="card-badge">-->
+                <!--                  <el-tag type="danger" size="large" effect="dark">建议100%计提</el-tag>-->
+                <!--                </div>-->
+              </div>
+            </el-col>
+          </el-row>
+
+          <!-- 账龄分布比例图 -->
+          <div class="distribution-bar">
+            <div
+              v-for="(item, index) in agingRangeData"
+              :key="index"
+              class="distribution-segment"
+              :class="getSegmentClass(item.range)"
+              :style="{ width: getSegmentWidth(item.amount) }"
+              :title="`${item.range}: ${formatMoney(item.amount)}元 (${calculatePercentage(item.amount)}%)`"
+            >
+              <span class="segment-label" v-if="getSegmentWidth(item.amount) !== '0%'">{{ item.range }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 备注信息区域 - 可折叠 -->
+      <div class="form-section">
+        <div class="section-header" @click="toggleSection('remark')">
+          <span class="section-title">备注信息</span>
+          <el-icon class="section-icon">
+            <ArrowDown v-if="!collapsed.remark" />
+            <ArrowRight v-else />
+          </el-icon>
+        </div>
+        <el-divider />
+        <div class="section-content" v-show="!collapsed.remark">
+          <el-row :gutter="20">
+            <el-col :span="8">
+              <el-form-item label="回款计划" prop="repaymentPlan">
+                <el-date-picker v-model="formData.repaymentPlan" type="date" placeholder="选择日期" style="width: 100%" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="原计划" prop="originalPlan">
+                <el-date-picker v-model="formData.originalPlan" type="date" placeholder="选择日期" style="width: 100%" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="备注" prop="remark">
+                <el-input v-model="formData.remark" type="textarea" :rows="3" placeholder="请输入备注信息" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+    </el-form>
+
+    <!-- 项目选择弹窗组件 -->
+    <ProjectSelectDialog v-model:visible="projectSelectDialogVisible" projectCategory="1" @project-selected="handleProjectSelected" />
+
+    <!-- 合同选择弹窗组件 -->
+    <ContractSelectDialog v-model:visible="contractSelectDialogVisible" @contract-selected="handleContractSelected" />
+
+  </div>
+</template>
+
+<script setup name="FinAccountReceivableEdit" lang="ts">
+import { ref, reactive, computed, onMounted, toRefs, getCurrentInstance, ComponentInternalInstance, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import { ArrowDown, ArrowRight, Warning } from '@element-plus/icons-vue';
+import {
+  addFinAccountReceivable,
+  getFinAccountReceivable,
+  getErpContractPaymentMethodJoinList,
+  getErpFinAccountReceivableStageList,
+  updateFinAccountReceivable
+} from '@/api/oa/erp/finAccountReceivable';
+import { FinAccountReceivableStageVO } from '@/api/oa/erp/finAccountReceivableStage/types';
+
+// 项目选择组件
+import ProjectSelectDialog from '../../components/ProjectSelectDialog.vue';
+
+// 合同选择组件
+import ContractSelectDialog from '../../components/ContractSelectDialog.vue';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+const { business_direction, project_status } = toRefs<any>(proxy?.useDict('business_direction', 'project_status'));
+
+const route = useRoute();
+const router = useRouter();
+const receivableFormRef = ref(null);
+const routeParams = ref<Record<string, any>>({});
+
+// 状态变量
+const loading = ref(false);
+const stageLoading = ref(false);
+const buttonLoading = ref(false);
+const title = ref('新增应收款项目');
+
+const CONTRACT_FLAG = {
+    YES:'1',
+    NO:'2'
+}
+
+// 折叠面板状态
+const collapsed = ref({
+  basic: false,
+  contract: false,
+  financial: false,
+  paymentNodes: false,
+  summary: false,
+  aging: false,
+  analysis: false,
+  remark: false
+});
+
+// 付款阶段ID常量
+const PAYMENT_STAGE_ID = {
+  START: 1, // 启动
+  ADVANCE_REFUND: 2, // 预付回款
+  DELIVERY: 3, // 发货
+  COMPLETE: 4, // 完工回款
+  INITIAL_INSPECTION: 5, // 初验回款
+  FINAL_INSPECTION: 6, // 终验回款
+  ACCEPTANCE: 7, // 验收
+  WARRANTY: 8 // 质保
+};
+
+const finAccountReceivableStageList = ref<FinAccountReceivableStageVO[]>([]);
+
+// 项目选择弹窗相关
+const projectSelectDialogVisible = ref(false);
+
+// 显示项目选择弹窗
+const showProjectSelectDialog = () => {
+  projectSelectDialogVisible.value = true;
+};
+
+// 处理项目选择
+const handleProjectSelected = (project: any) => {
+  Object.assign(formData.value, {
+    contractId: project.contractId,
+    contractFlag: project.contractFlag,
+    projectId: project.projectId,
+    projectName: project.projectName,
+    projectCode: project.projectCode,
+    contractCode: project.contractCode,
+    contractName: project.contractName,
+    contractMonth: project.contractDate,
+    contractDate: project.contractDate,
+    externalContractCode: project.externalContractCode,
+    internalContractCode: project.internalContractCode,
+    customerName: project.customerName,
+    contractingEntity: project.contractingEntity,
+    businessDirection: project.businessDirection,
+    customerManager: project.customerManager,
+    deptName: project.deptName,
+    orderContractCode: project.orderContractCode,
+    projectStatus: project.projectStatus,
+    totalPrice: project.totalPrice,
+    totalPriceHighway: project.totalPrice,
+    totalPriceOri: project.totalPrice
+  });
+  getErpFinAccountReceivableStages();
+};
+
+
+// 合同选择弹窗相关
+const contractSelectDialogVisible = ref(false);
+
+// 显示合同选择弹窗
+const showContractSelectDialog = () => {
+  contractSelectDialogVisible.value = true;
+};
+
+// 处理合同选择
+const handleContractSelected = (contract: any) => {
+  Object.assign(formData.value, {
+    contractId: contract.contractId,
+    contractCode: contract.contractCode,
+    contractName: contract.contractName,
+    contractMonth: contract.contractDate,
+    contractDate: contract.contractDate,
+    externalContractCode: contract.externalContractCode,
+    internalContractCode: contract.internalContractCode,
+    // customerName: contract.customerName,
+    // contractingEntity: project.contractingEntity,
+    businessDirection: contract.businessDirection,
+    // customerManager: project.customerManager,
+    // deptName: project.deptName,
+    orderContractCode: contract.orderContractCode,
+    totalPrice: contract.totalPrice,
+    totalPriceHighway: contract.totalPrice,
+    totalPriceOri: contract.totalPrice,
+  });
+  getErpFinAccountReceivableStages();
+};
+
+
+/** 新增时查询应收款节点信息列表 */
+const getErpFinAccountReceivableStages = async () => {
+  if (formData.value.contractId && formData.value.contractId !== '') {
+    const res = await getErpContractPaymentMethodJoinList({ contractId: formData.value.contractId });
+    finAccountReceivableStageList.value = res.data;
+    initializeStageCalculations();
+  }
+};
+
+/** 编辑时查询应收款节点信息列表 */
+const getEditErpFinAccountReceivableStages = async () => {
+  const res = await getErpFinAccountReceivableStageList({ accountReceivableId: formData.value.accountReceivableId });
+  finAccountReceivableStageList.value = res.data;
+  initializeStageCalculations();
+};
+
+// 初始化各节点的计算字段
+const initializeStageCalculations = () => {
+  if (!finAccountReceivableStageList.value) return;
+
+  finAccountReceivableStageList.value.forEach((stage) => {
+    // 初始化已回款金额
+    if (!stage.receivedAmount) {
+      stage.receivedAmount = '0';
+    }
+
+    // 根据节点类型初始化相应字段
+    switch (stage.paymentStageId) {
+      case PAYMENT_STAGE_ID.WARRANTY:
+        // 质保节点
+        if (!stage.warrantyPeriod) {
+          stage.warrantyPeriod = stage.paymentDeadline || '';
+        }
+        break;
+      default:
+        // 其他节点
+        if (stage.stageRealDate && stage.paymentDeadline) {
+          stage.dueDate = calculateDueDate(stage.stageRealDate, stage.paymentDeadline);
+        }
+        break;
+    }
+  });
+
+  // 计算质保日期
+  updateWarrantyDate();
+};
+
+// 计算到期日
+const calculateDueDate = (startDate: string | Date, days: string | number) => {
+  if (!startDate || !days) return null;
+
+  const date = new Date(startDate);
+  date.setDate(date.getDate() + parseInt(days.toString()));
+  return date;
+};
+
+// 处理日期变化
+const handleDateChange = (stage: any) => {
+  if (stage.stageRealDate && stage.paymentDeadline) {
+    stage.dueDate = calculateDueDate(stage.stageRealDate, stage.paymentDeadline);
+  }
+  updateWarrantyDate();
+};
+
+// 处理已回款金额变化
+const handleReceivedAmountChange = (stage: any) => {
+  const amount = parseFloat(stage.paymentAmount) || 0;
+  const received = parseFloat(stage.receivedAmount) || 0;
+
+  if (received > amount) {
+    ElMessage.warning('已回款金额不能大于应收金额');
+    stage.receivedAmount = amount.toString();
+  }
+};
+
+// 处理结算日期变化
+const handleSettlementDateChange = (stage: any) => {
+  if (stage.paymentStageId === PAYMENT_STAGE_ID.FINAL_INSPECTION || stage.paymentStageId === PAYMENT_STAGE_ID.ACCEPTANCE) {
+    updateWarrantyDate();
+  }
+};
+
+// 处理质保时间变化
+const handleWarrantyChange = (stage: any) => {
+  updateWarrantyDate();
+};
+
+// 更新质保日期
+const updateWarrantyDate = () => {
+  const warrantyStage = finAccountReceivableStageList.value.find((stage) => stage.paymentStageId === PAYMENT_STAGE_ID.WARRANTY);
+
+  if (!warrantyStage) return;
+
+  // 查找基准日期（优先级：终验 > 验收 > 初验）
+  let baseDate = null;
+  const finalInspectionStage = finAccountReceivableStageList.value.find((stage) => stage.paymentStageId === PAYMENT_STAGE_ID.FINAL_INSPECTION);
+  const acceptanceStage = finAccountReceivableStageList.value.find((stage) => stage.paymentStageId === PAYMENT_STAGE_ID.ACCEPTANCE);
+  const initialInspectionStage = finAccountReceivableStageList.value.find((stage) => stage.paymentStageId === PAYMENT_STAGE_ID.INITIAL_INSPECTION);
+
+  if (finalInspectionStage?.settlementDate) {
+    baseDate = finalInspectionStage.settlementDate;
+  } else if (acceptanceStage?.settlementDate) {
+    baseDate = acceptanceStage.settlementDate;
+  } else if (initialInspectionStage?.settlementDate) {
+    baseDate = initialInspectionStage.settlementDate;
+  } else {
+    // 如果没有验收相关日期，尝试使用 stageRealDate
+    if (finalInspectionStage?.stageRealDate) {
+      baseDate = finalInspectionStage.stageRealDate;
+    } else if (acceptanceStage?.stageRealDate) {
+      baseDate = acceptanceStage.stageRealDate;
+    } else if (initialInspectionStage?.stageRealDate) {
+      baseDate = initialInspectionStage.stageRealDate;
+    }
+  }
+
+  if (baseDate && warrantyStage.warrantyPeriod) {
+    const date = new Date(baseDate);
+    date.setDate(date.getDay() + parseInt(warrantyStage.warrantyPeriod.toString()));
+    warrantyStage.warrantyDate = date;
+  }
+};
+
+// 计算欠款金额
+const calculateOwedAmount = (stage: any) => {
+  const amount = parseFloat(stage.paymentAmount) || 0;
+  const received = parseFloat(stage.receivedAmount) || 0;
+  return Math.max(0, amount - received);
+};
+
+// 获取节点的基准日期（用于账龄计算）
+const getBaseDateForAging = (stage: any) => {
+  if (!stage) return null;
+
+  switch (stage.paymentStageId) {
+    case PAYMENT_STAGE_ID.START:
+    case PAYMENT_STAGE_ID.ADVANCE_REFUND:
+    case PAYMENT_STAGE_ID.DELIVERY:
+    case PAYMENT_STAGE_ID.COMPLETE:
+      return stage.dueDate;
+    case PAYMENT_STAGE_ID.INITIAL_INSPECTION:
+    case PAYMENT_STAGE_ID.FINAL_INSPECTION:
+    case PAYMENT_STAGE_ID.ACCEPTANCE:
+      if (stage.dueDate && stage.dueDate !== '') {
+        return stage.dueDate;
+      } else {
+        return stage.settlementDate;
+      }
+    case PAYMENT_STAGE_ID.WARRANTY:
+      return stage.warrantyDate;
+    default:
+      return null;
+  }
+};
+
+// 计算单个节点的账龄
+const calculateStageAging = (stage: any) => {
+  const owedAmount = calculateOwedAmount(stage);
+  if (owedAmount <= 0.1) {
+    return '-';
+  }
+
+  const baseDate = getBaseDateForAging(stage);
+  if (!baseDate) {
+    return '-';
+  }
+
+  const todayDate = new Date();
+  const baseDateTime = new Date(baseDate).getTime();
+  const todayTime = todayDate.getTime();
+
+  if (todayTime <= baseDateTime) {
+    return '0.00';
+  }
+
+  const diffDays = (todayTime - baseDateTime) / (1000 * 60 * 60 * 24);
+  const agingYears = (diffDays / 365).toFixed(2);
+
+  return agingYears;
+};
+
+// 账龄数据 - 用于表格显示
+const agingData = computed(() => {
+  if (!finAccountReceivableStageList.value) return [];
+
+  return finAccountReceivableStageList.value
+    .map((stage) => ({
+      stageName: stage.stageName,
+      paymentAmount: parseFloat(stage.paymentAmount) || 0,
+      receivedAmount: parseFloat(stage.receivedAmount) || 0,
+      owedAmount: calculateOwedAmount(stage),
+      baseDate: getBaseDateForAging(stage),
+      aging: calculateStageAging(stage),
+      paymentStageId: stage.paymentStageId
+    }))
+    .filter((item) => item.owedAmount > 0); // 只显示有欠款的节点
+});
+
+// 平均账龄
+const averageAging = computed(() => {
+  const validAging = agingData.value.map((item) => parseFloat(item.aging)).filter((aging) => !isNaN(aging) && aging > 0);
+
+  if (validAging.length === 0) return '0.00';
+
+  const sum = validAging.reduce((acc, curr) => acc + curr, 0);
+  return (sum / validAging.length).toFixed(2);
+});
+
+// 最长账龄
+const maxAging = computed(() => {
+  const validAging = agingData.value.map((item) => parseFloat(item.aging)).filter((aging) => !isNaN(aging) && aging > 0);
+
+  if (validAging.length === 0) return '0.00';
+
+  return Math.max(...validAging).toFixed(2);
+});
+
+// 超1年欠款
+const overOneYearOwed = computed(() => {
+  return agingData.value
+    .filter((item) => {
+      const aging = parseFloat(item.aging);
+      return !isNaN(aging) && aging >= 1;
+    })
+    .reduce((sum, item) => sum + item.owedAmount, 0);
+});
+
+// 超2年欠款
+const overTwoYearOwed = computed(() => {
+  return agingData.value
+    .filter((item) => {
+      const aging = parseFloat(item.aging);
+      return !isNaN(aging) && aging >= 2;
+    })
+    .reduce((sum, item) => sum + item.owedAmount, 0);
+});
+
+// 账龄区间数据 - 动态从finAccountReceivableStageList获取
+const agingRangeData = computed(() => {
+  if (!finAccountReceivableStageList.value) return [];
+
+  // 定义账龄区间
+  const ranges = [
+    { range: '0-1年', min: 0, max: 1, condition: (aging: number) => aging >= 0 && aging < 1 },
+    { range: '1-2年', min: 1, max: 2, condition: (aging: number) => aging >= 1 && aging < 2 },
+    { range: '2-3年', min: 2, max: 3, condition: (aging: number) => aging >= 2 && aging < 3 },
+    { range: '3-4年', min: 3, max: 4, condition: (aging: number) => aging >= 3 && aging < 4 },
+    { range: '4-5年', min: 4, max: 5, condition: (aging: number) => aging >= 4 && aging < 5 },
+    { range: '5年以上', min: 5, max: Infinity, condition: (aging: number) => aging >= 5 }
+  ];
+
+  // 计算每个区间的总欠款
+  return ranges.map((range) => {
+    let totalAmount = 0;
+
+    finAccountReceivableStageList.value.forEach((stage) => {
+      const owedAmount = calculateOwedAmount(stage);
+      if (owedAmount > 0.1) {
+        const aging = parseFloat(calculateStageAging(stage));
+        if (range.condition(aging)) {
+          totalAmount += owedAmount;
+        }
+      }
+    });
+
+    return {
+      range: range.range,
+      amount: totalAmount
+    };
+  });
+});
+
+// 坏账计提
+const badDebtProvision = computed(() => {
+  const zeroOneYear = agingRangeData.value.find((item) => item.range === '0-1年');
+  const oneTwoYear = agingRangeData.value.find((item) => item.range === '1-2年');
+  const twoThreeYear = agingRangeData.value.find((item) => item.range === '2-3年');
+  const threeFourYear = agingRangeData.value.find((item) => item.range === '3-4年');
+  const fourFiveYear = agingRangeData.value.find((item) => item.range === '4-5年');
+  const fiveYearPlus = agingRangeData.value.find((item) => item.range === '5年以上');
+
+  return (
+    (zeroOneYear?.amount || 0) * 0.02 +
+    (oneTwoYear?.amount || 0) * 0.05 +
+    (twoThreeYear?.amount || 0) * 0.1 +
+    (threeFourYear?.amount || 0) * 0.5 +
+    (fourFiveYear?.amount || 0) * 0.8 +
+    (fiveYearPlus?.amount || 0) * 1
+  );
+});
+
+// 计算百分比
+const calculatePercentage = (amount: number) => {
+  if (totalOwed.value === 0) return '0.00';
+  return ((amount / totalOwed.value) * 100).toFixed(2);
+};
+
+// 获取卡片样式类
+const getCardClass = (range: string) => {
+  const classMap: Record<string, string> = {
+    '0-1年': 'card-green',
+    '1-2年': 'card-blue',
+    '2-3年': 'card-yellow',
+    '3-4年': 'card-orange',
+    '4-5年': 'card-red',
+    '5年以上': 'card-dark-red'
+  };
+  return classMap[range] || '';
+};
+
+// 获取分段样式类
+const getSegmentClass = (range: string) => {
+  const classMap: Record<string, string> = {
+    '0-1年': 'segment-green',
+    '1-2年': 'segment-blue',
+    '2-3年': 'segment-yellow',
+    '3-4年': 'segment-orange',
+    '4-5年': 'segment-red',
+    '5年以上': 'segment-dark-red'
+  };
+  return classMap[range] || '';
+};
+
+// 获取分段宽度
+const getSegmentWidth = (amount: number) => {
+  if (totalOwed.value === 0) return '0%';
+  const percentage = (amount / totalOwed.value) * 100;
+  return `${percentage}%`;
+};
+
+// 获取欠款金额样式类
+const getOwedAmountClass = (row: any) => {
+  if (row.owedAmount > 100000) return 'amount-large';
+  if (row.owedAmount > 50000) return 'amount-medium';
+  return '';
+};
+
+// 获取账龄样式类
+const getAgingClass = (aging: string) => {
+  if (aging === '-') return '';
+
+  const years = parseFloat(aging);
+  if (years >= 2) return 'aging-danger';
+  if (years >= 1) return 'aging-warning';
+  if (years >= 0.5) return 'aging-notice';
+  return '';
+};
+
+// 获取账龄状态
+const getAgingStatus = (aging: string) => {
+  if (aging === '-') return '无欠款';
+
+  const years = parseFloat(aging);
+  if (years >= 2) return '严重逾期';
+  if (years >= 1) return '逾期';
+  if (years >= 0.5) return '关注';
+  return '正常';
+};
+
+// 获取账龄状态类型
+const getAgingStatusType = (aging: string) => {
+  if (aging === '-') return 'info';
+
+  const years = parseFloat(aging);
+  if (years >= 2) return 'danger';
+  if (years >= 1) return 'warning';
+  if (years >= 0.5) return 'primary';
+  return 'success';
+};
+
+// 获取质保状态
+const getWarrantyStatus = (warrantyDate: string | Date | null) => {
+  if (!warrantyDate) return null;
+
+  const today = new Date();
+  const warrantyDateTime = new Date(warrantyDate).getTime();
+  const todayTime = today.getTime();
+
+  const diffDays = (warrantyDateTime - todayTime) / (1000 * 60 * 60 * 24);
+
+  if (diffDays < 0) return '已过期';
+  if (diffDays <= 30) return '临近过期';
+  if (diffDays <= 90) return '即将到期';
+  return '有效';
+};
+
+// 获取质保状态类型（用于el-tag）
+const getWarrantyStatusType = (warrantyDate: string | Date | null) => {
+  if (!warrantyDate) return 'info';
+
+  const today = new Date();
+  const warrantyDateTime = new Date(warrantyDate).getTime();
+  const todayTime = today.getTime();
+
+  const diffDays = (warrantyDateTime - todayTime) / (1000 * 60 * 60 * 24);
+
+  if (diffDays < 0) return 'danger';
+  if (diffDays <= 30) return 'warning';
+  if (diffDays <= 90) return 'primary';
+  return 'success';
+};
+
+// 获取质保状态样式类
+const getWarrantyStatusClass = (warrantyDate: string | Date | null) => {
+  const status = getWarrantyStatus(warrantyDate);
+  switch (status) {
+    case '已过期':
+      return 'status-expired';
+    case '临近过期':
+      return 'status-approaching';
+    case '即将到期':
+      return 'status-upcoming';
+    case '有效':
+      return 'status-valid';
+    default:
+      return '';
+  }
+};
+
+// 日期格式化函数
+const formatDate = (date: string | Date | null) => {
+  if (!date) return '';
+
+  const d = new Date(date);
+  if (isNaN(d.getTime())) return '';
+
+  const year = d.getFullYear();
+  const month = String(d.getMonth() + 1).padStart(2, '0');
+  const day = String(d.getDate()).padStart(2, '0');
+
+  return `${year}-${month}-${day}`;
+};
+
+// 格式化金额
+const formatMoney = (value: number) => {
+  if (value === undefined || value === null || value === 0) return '0.00';
+  return new Intl.NumberFormat('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(value);
+};
+
+// Stage配置映射
+const STAGE_CONFIG = {
+  [PAYMENT_STAGE_ID.DELIVERY]: {
+    showDeadline: true,
+    deadlineLabel: '账期',
+    deadlinePlaceholder: '账期',
+    deadlineUnit: '天',
+    showStageRealDate: true,
+    stageRealDateLabel: '实际发货日期',
+    stageRealDatePlaceholder: '选择实际发货日期'
+  },
+  [PAYMENT_STAGE_ID.START]: {
+    showDeadline: true,
+    deadlineLabel: '账期',
+    deadlinePlaceholder: '账期',
+    deadlineUnit: '天',
+    showStageRealDate: true,
+    stageRealDateLabel: '启动日期',
+    stageRealDatePlaceholder: '选择启动日期'
+  },
+  [PAYMENT_STAGE_ID.ADVANCE_REFUND]: {
+    showDeadline: true,
+    deadlineLabel: '账期',
+    deadlinePlaceholder: '账期',
+    deadlineUnit: '天',
+    showStageRealDate: true,
+    stageRealDateLabel: '预付回款日期',
+    stageRealDatePlaceholder: '选择预付回款日期'
+  },
+  [PAYMENT_STAGE_ID.COMPLETE]: {
+    showDeadline: true,
+    deadlineLabel: '账期',
+    deadlinePlaceholder: '账期',
+    deadlineUnit: '天',
+    showStageRealDate: true,
+    stageRealDateLabel: '完工日期',
+    stageRealDatePlaceholder: '选择完工日期'
+  },
+  [PAYMENT_STAGE_ID.INITIAL_INSPECTION]: {
+    showDeadline: true,
+    deadlineLabel: '账期',
+    deadlinePlaceholder: '账期',
+    deadlineUnit: '天',
+    showStageRealDate: true,
+    stageRealDateLabel: '初验单取得日期',
+    stageRealDatePlaceholder: '选择初验日期',
+    isSettlementStage: true
+  },
+  [PAYMENT_STAGE_ID.FINAL_INSPECTION]: {
+    showDeadline: true,
+    deadlineLabel: '账期',
+    deadlinePlaceholder: '账期',
+    deadlineUnit: '天',
+    showStageRealDate: true,
+    stageRealDateLabel: '终验单取得日期',
+    stageRealDatePlaceholder: '选择终验日期',
+    isSettlementStage: true
+  },
+  [PAYMENT_STAGE_ID.ACCEPTANCE]: {
+    showDeadline: true,
+    deadlineLabel: '账期',
+    deadlinePlaceholder: '账期',
+    deadlineUnit: '天',
+    showStageRealDate: true,
+    stageRealDateLabel: '验收单取得日期',
+    stageRealDatePlaceholder: '选择验收日期',
+    isSettlementStage: true
+  },
+  [PAYMENT_STAGE_ID.WARRANTY]: {
+    showDeadline: true,
+    deadlineLabel: '质保条款',
+    deadlinePlaceholder: '质保条款',
+    deadlineUnit: '月',
+    showStageRealDate: false
+  }
+};
+
+// 获取stage配置
+const getStageConfig = (stageId) => {
+  return (
+    STAGE_CONFIG[stageId] || {
+      showDeadline: true,
+      deadlineLabel: '账期',
+      deadlineUnit: '天',
+      showStageRealDate: false
+    }
+  );
+};
+
+// 表单数据
+const formData = ref<any>({
+  id: undefined,
+  accountReceivableId: undefined,
+  invoiceCode: '',
+  projectCode: '',
+  projectCategory: '',
+  projectType: '',
+  contractMonth: '',
+  contractDate: '',
+  externalContractCode: '',
+  internalContractCode: '',
+  generalContractor: '',
+  customerAbbreviation: '',
+  contractParties: '',
+  customerName: '',
+  contractingEntity: '',
+  businessDirection: '',
+  deptName: '',
+  customerManager: '',
+  mesnacOrderNo: '',
+  mesnacProjectCode: '',
+  orderContractCode: '',
+  projectStatus: '',
+  totalPrice: '',
+  totalPriceHighway: '',
+  totalPriceOri: '',
+  currency: 'CNY',
+  exchangeRate: 1,
+  paymentMethod: '',
+  repaymentPlan: '',
+  originalPlan: '',
+  remark: '',
+  backToBackRatio: '',
+  invoiceAmount: '',
+  income: '',
+  wbsElement: '',
+  lineItem: '',
+  finProjectStatus: '',
+  settlementMonth: ''
+});
+
+// 表单验证规则
+const formRules = {
+  projectCode: [{ required: true, message: '项目编号不能为空', trigger: 'blur' }]
+};
+
+// 汇总计算
+const totalProportion = computed(() => {
+  if (!finAccountReceivableStageList.value) return 0;
+
+  return finAccountReceivableStageList.value.reduce((sum, stage) => {
+    return sum + (parseFloat(stage.paymentPercentage) || 0);
+  }, 0);
+});
+
+const totalReceived = computed(() => {
+  if (!finAccountReceivableStageList.value) return 0;
+
+  return finAccountReceivableStageList.value.reduce((sum, stage) => {
+    return sum + (parseFloat(stage.receivedAmount) || 0);
+  }, 0);
+});
+
+const totalOwed = computed(() => {
+  if (!finAccountReceivableStageList.value) return 0;
+
+  return finAccountReceivableStageList.value.reduce((sum, stage) => {
+    return sum + calculateOwedAmount(stage);
+  }, 0);
+});
+
+const totalReceivable = computed(() => {
+  const totalAmount = parseFloat(formData.value.totalPrice) || 0;
+  return Math.max(0, totalAmount - totalReceived.value);
+});
+
+const paymentRate = computed(() => {
+  const totalAmount = parseFloat(formData.value.totalPrice) || 0;
+  return totalAmount > 0 ? totalReceived.value / totalAmount : 0;
+});
+
+const paymentDescription = computed(() => {
+  return finAccountReceivableStageList.value
+    .map(item => `${item.paymentDescription}。`)
+    .join('\n') // 使用换行符连接
+})
+
+// 方法
+const toggleSection = (section: string) => {
+  collapsed.value[section as keyof typeof collapsed.value] = !collapsed.value[section as keyof typeof collapsed.value];
+};
+
+const goBack = () => {
+  const obj = {
+    path: '/fin/finAccountReceivable',
+    query: {
+      t: Date.now(),
+      pageNum: routeParams.value.pageNum
+    }
+  };
+  proxy?.$tab.closeOpenPage(obj);
+};
+
+const resetForm = () => {
+  if (formData.value.accountReceivableId) {
+    // 如果是修改，重新加载原数据
+    loadData(formData.value.accountReceivableId);
+  } else {
+    // 如果是新增，清空表单
+    formData.value = {
+      id: undefined,
+      accountReceivableId: undefined,
+      invoiceCode: '',
+      projectCode: '',
+      projectCategory: '',
+      projectType: '',
+      contractMonth: '',
+      contractDate: '',
+      externalContractCode: '',
+      internalContractCode: '',
+      generalContractor: '',
+      customerAbbreviation: '',
+      contractParties: '',
+      customerName: '',
+      contractingEntity: '',
+      businessDirection: '',
+      deptName: '',
+      customerManager: '',
+      mesnacOrderNo: '',
+      mesnacProjectCode: '',
+      orderContractCode: '',
+      projectStatus: '',
+      totalPrice: '',
+      totalPriceHighway: '',
+      totalPriceOri: '',
+      currency: 'CNY',
+      exchangeRate: 1,
+      paymentMethod: '',
+      repaymentPlan: '',
+      originalPlan: '',
+      remark: '',
+      backToBackRatio: '',
+      invoiceAmount: '',
+      income: '',
+      wbsElement: '',
+      lineItem: '',
+      finProjectStatus: '',
+      settlementMonth: ''
+    };
+    finAccountReceivableStageList.value = [];
+  }
+};
+
+const loadData = async (accountReceivableId: string) => {
+  loading.value = true;
+  stageLoading.value = true;
+  try {
+    const res = await getFinAccountReceivable(accountReceivableId);
+    console.log(res.data)
+    const erpProjectInfo = res.data.erpProjectInfoVo;
+    Object.assign(formData.value, res.data, erpProjectInfo);
+    Object.assign(formData.value, {
+      projectCategory: res.data.projectCategory,
+      remark: res.data.remark,
+      contractMonth: erpProjectInfo.contractDate,
+      orderContractCode: erpProjectInfo.orderContractCode,
+      totalPrice: erpProjectInfo.totalPrice,
+      totalPriceHighway: erpProjectInfo.totalPrice,
+      totalPriceOri: erpProjectInfo.totalPrice,
+      paymentMethod: erpProjectInfo.paymentMethod
+    });
+
+    await getEditErpFinAccountReceivableStages();
+  } finally {
+    loading.value = false;
+    stageLoading.value = false;
+  }
+};
+
+const handleCalculate = () => {
+  ElMessage.success(`计算完成：总欠款 ${formatMoney(totalOwed.value)} 元，回款比例 ${(paymentRate.value * 100).toFixed(2)}%`);
+};
+
+const submitForm = () => {
+  receivableFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      try {
+        const finAccountReceivableForm = {
+          ...formData.value,
+          finAccountReceivableStageList: finAccountReceivableStageList.value
+        };
+
+        console.log(finAccountReceivableForm)
+        if (formData.value.accountReceivableId) {
+          await updateFinAccountReceivable(finAccountReceivableForm);
+        } else {
+          await addFinAccountReceivable(finAccountReceivableForm);
+        }
+        proxy?.$modal.msgSuccess('操作成功');
+        goBack();
+      } finally {
+        buttonLoading.value = false;
+      }
+    }
+  });
+};
+
+// 监听节点数据变化，自动更新账龄
+watch(
+  finAccountReceivableStageList,
+  () => {
+    // 账龄数据会自动通过computed更新
+  },
+  { deep: true }
+);
+
+// 初始化
+onMounted(() => {
+  routeParams.value = route.query;
+  const accountReceivableId = route.query.accountReceivableId as string;
+  if (accountReceivableId) {
+    title.value = '修改应收款项目';
+    loadData(accountReceivableId);
+  }
+});
+</script>
+
+<style scoped>
+.receivable-form-container {
+  padding: 20px;
+  background-color: #f5f7fa;
+  min-height: 100vh;
+}
+
+.page-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: 15px;
+}
+
+.header-left h2 {
+  margin: 0;
+  color: #303133;
+}
+
+.header-right {
+  display: flex;
+  gap: 10px;
+}
+
+.receivable-form {
+  background: white;
+  border-radius: 8px;
+  padding: 20px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
+
+/* 表单折叠区域样式 */
+.form-section {
+  margin-bottom: 20px;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  padding: 10px 15px;
+  background-color: white;
+}
+
+.section-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding: 5px 0;
+}
+
+.section-title {
+  font-size: 16px;
+  font-weight: bold;
+  color: #409eff;
+}
+
+.section-icon {
+  font-size: 18px;
+  color: #909399;
+}
+
+.el-divider {
+  margin: 10px 0;
+}
+
+.section-content {
+  padding: 10px 0;
+}
+
+/* 收款节点子区域样式 */
+.node-section {
+  margin-bottom: 20px;
+  padding: 15px;
+  background-color: #fafafa;
+  border-radius: 4px;
+  border-left: 3px solid #409eff;
+  transition: all 0.3s;
+}
+
+.node-section:hover {
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
+
+.node-title {
+  font-size: 15px;
+  font-weight: bold;
+  color: #303133;
+  margin-bottom: 15px;
+  padding-bottom: 5px;
+  border-bottom: 1px dashed #dcdfe6;
+}
+
+/* 计算信息样式 */
+.calc-info {
+  height: 32px;
+  line-height: 32px;
+  padding: 0 10px;
+  background-color: #f0f2f5;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.calc-info .label {
+  color: #606266;
+  font-size: 12px;
+}
+
+.calc-info .value {
+  font-weight: bold;
+  font-size: 14px;
+}
+
+.calc-info .value.warning {
+  color: #e6a23c;
+}
+
+/* 汇总信息样式 */
+.summary-section {
+  background-color: #f0f9eb;
+  border-color: #67c23a;
+}
+
+.summary-section .section-title {
+  color: #67c23a;
+}
+
+.summary-item {
+  padding: 15px;
+  background: white;
+  border-radius: 4px;
+  text-align: center;
+  border: 1px solid #ebeef5;
+}
+
+.summary-label {
+  color: #909399;
+  margin-bottom: 8px;
+  font-size: 14px;
+}
+
+.summary-value {
+  font-size: 20px;
+  font-weight: bold;
+  color: #303133;
+}
+
+.summary-value.warning {
+  color: #e6a23c;
+}
+
+/* 账龄信息样式 */
+.aging-section {
+  background-color: #ecf5ff;
+  border-color: #409eff;
+}
+
+.aging-section .section-title {
+  color: #409eff;
+}
+
+.aging-statistics {
+  margin-top: 20px;
+}
+
+.stat-item {
+  padding: 15px;
+  background: white;
+  border-radius: 4px;
+  text-align: center;
+  border: 1px solid #ebeef5;
+}
+
+.stat-label {
+  color: #909399;
+  margin-bottom: 8px;
+  font-size: 14px;
+}
+
+.stat-value {
+  font-size: 18px;
+  font-weight: bold;
+  color: #303133;
+}
+
+.stat-value.warning {
+  color: #e6a23c;
+}
+
+.stat-value.danger {
+  color: #f56c6c;
+}
+
+/* 账龄分析样式 */
+.analysis-section {
+  background-color: #f9f0ff;
+  border-color: #722ed1;
+}
+
+.analysis-section .section-title {
+  color: #722ed1;
+}
+
+/* 账龄卡片 */
+.aging-card {
+  background: white;
+  border-radius: 8px;
+  padding: 15px;
+  text-align: center;
+  border: 1px solid #ebeef5;
+  transition: all 0.3s;
+  margin-bottom: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+}
+
+.aging-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.card-green {
+  border-top: 4px solid #67c23a;
+}
+.card-blue {
+  border-top: 4px solid #409eff;
+}
+.card-yellow {
+  border-top: 4px solid #e6a23c;
+}
+.card-orange {
+  border-top: 4px solid #fa8c16;
+}
+.card-red {
+  border-top: 4px solid #f56c6c;
+}
+.card-dark-red {
+  border-top: 4px solid #cf1322;
+}
+
+.card-header {
+  font-size: 14px;
+  color: #909399;
+  margin-bottom: 10px;
+}
+
+.card-value {
+  font-size: 24px;
+  font-weight: bold;
+  color: #303133;
+  line-height: 1.4;
+}
+
+.card-value.danger {
+  color: #cf1322;
+}
+
+.card-unit {
+  font-size: 12px;
+  color: #909399;
+  margin-top: 4px;
+}
+
+.card-percentage {
+  font-size: 16px;
+  color: #67c23a;
+  font-weight: 500;
+  margin-top: 8px;
+  padding-top: 8px;
+  border-top: 1px dashed #ebeef5;
+}
+
+/* 坏账卡片 */
+.bad-debt-row {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.bad-debt-card {
+  background: linear-gradient(135deg, #fff2f0 0%, #fff 100%);
+  border-radius: 8px;
+  padding: 20px;
+  text-align: center;
+  border: 1px solid #ffa39e;
+  box-shadow: 0 2px 8px rgba(207, 19, 34, 0.1);
+}
+
+.bad-debt-card .card-header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  font-size: 16px;
+  color: #cf1322;
+  margin-bottom: 15px;
+}
+
+.bad-debt-card .card-value {
+  font-size: 32px;
+  color: #cf1322;
+  margin-bottom: 5px;
+}
+
+.bad-debt-card .card-badge {
+  margin-top: 15px;
+}
+
+/* 分布条 */
+.distribution-bar {
+  display: flex;
+  height: 40px;
+  width: 100%;
+  border-radius: 20px;
+  overflow: hidden;
+  margin-top: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.distribution-segment {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.3s;
+  position: relative;
+}
+
+.distribution-segment:hover {
+  opacity: 0.9;
+  transform: scaleY(1.1);
+}
+
+.segment-label {
+  color: white;
+  font-size: 12px;
+  font-weight: 500;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+  white-space: nowrap;
+  padding: 0 4px;
+}
+
+.segment-green {
+  background: linear-gradient(135deg, #67c23a, #95d475);
+}
+.segment-blue {
+  background: linear-gradient(135deg, #409eff, #79bbff);
+}
+.segment-yellow {
+  background: linear-gradient(135deg, #e6a23c, #f3d19e);
+}
+.segment-orange {
+  background: linear-gradient(135deg, #fa8c16, #ffc069);
+}
+.segment-red {
+  background: linear-gradient(135deg, #f56c6c, #fab6b6);
+}
+.segment-dark-red {
+  background: linear-gradient(135deg, #cf1322, #ff7875);
+}
+
+/* 表格样式 */
+.el-table {
+  margin-top: 10px;
+}
+
+.el-table .amount-large {
+  color: #f56c6c;
+  font-weight: bold;
+}
+
+.el-table .amount-medium {
+  color: #e6a23c;
+  font-weight: bold;
+}
+
+/* 账龄样式 */
+.aging-notice {
+  color: #e6a23c;
+  font-weight: 500;
+}
+
+.aging-warning {
+  color: #f56c6c;
+  font-weight: bold;
+}
+
+.aging-danger {
+  color: #ff4d4f;
+  font-weight: bold;
+  animation: pulse 1.5s infinite;
+}
+
+@keyframes pulse {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.6;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+/* 日期状态样式 */
+.date-with-status {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.date-display {
+  height: 32px;
+  line-height: 32px;
+  padding: 0 11px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+  color: #606266;
+}
+
+.status-tag {
+  font-size: 12px;
+}
+
+.status-expired {
+  color: #f56c6c;
+  text-decoration: line-through;
+}
+
+.status-approaching {
+  color: #e6a23c;
+  font-weight: bold;
+}
+
+.status-upcoming {
+  color: #409eff;
+}
+
+.status-valid {
+  color: #67c23a;
+}
+
+/* 表单样式优化 */
+.el-form-item {
+  margin-bottom: 18px;
+}
+
+.el-form-item__label {
+  font-size: 13px;
+}
+
+.el-input__inner[readonly] {
+  background-color: #f5f7fa;
+  color: #606266;
+  cursor: pointer;
+}
+
+.el-input__inner[readonly]:hover {
+  background-color: #ecf5ff;
+}
+</style>
diff --git a/src/views/oa/erp/finAccountReceivable/index.vue b/src/views/oa/erp/finAccountReceivable/index.vue
new file mode 100644
index 0000000..ae6f2e1
--- /dev/null
+++ b/src/views/oa/erp/finAccountReceivable/index.vue
@@ -0,0 +1,1384 @@
+<template>
+  <div class="app-container">
+    <!-- 搜索表单 -->
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="项目编号" prop="projectNo">
+        <el-input
+          v-model="queryParams.projectNo"
+          placeholder="请输入项目编号"
+          clearable
+          style="width: 200px"
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="客户名称" prop="clientName">
+        <el-input
+          v-model="queryParams.clientName"
+          placeholder="请输入客户名称"
+          clearable
+          style="width: 200px"
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="项目状态" prop="projectStatus">
+        <el-select v-model="queryParams.projectStatus" placeholder="项目状态" clearable style="width: 200px">
+          <el-option label="已结算" value="已结算" />
+          <el-option label="进行中" value="进行中" />
+          <el-option label="已终止" value="已终止" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 操作按钮 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="Plus"
+          @click="handleAdd"
+        >新增信息</el-button>
+      </el-col>
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="success"-->
+<!--          plain-->
+<!--          icon="Sort"-->
+<!--          @click="toggleExpandAll"-->
+<!--          :disabled="treeData.length === 0"-->
+<!--        >展开/折叠全部</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="info"-->
+<!--          plain-->
+<!--          icon="Refresh"-->
+<!--          @click="refreshTree"-->
+<!--        >刷新树</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="default"-->
+<!--          plain-->
+<!--          icon="Grid"-->
+<!--          @click="goToTableView"-->
+<!--        >表格视图</el-button>-->
+<!--      </el-col>-->
+<!--      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>-->
+    </el-row>
+
+    <!-- 树形表格 - 项目信息表头 -->
+    <el-table
+      ref="treeTable"
+      v-loading="loading"
+      :data="treeData"
+      row-key="accountReceivableId"
+      border
+      lazy
+      :load="loadNodeChildren"
+      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+      @expand-change="handleExpandChange"
+      style="width: 100%"
+      class="tree-table"
+      :span-method="objectSpanMethod"
+    >
+      <!-- 项目编号列 - 也是合并显示列 -->
+      <el-table-column prop="projectNo" label="项目编号" width="200">
+        <template #default="scope">
+          <!-- 项目行显示项目编号 -->
+          <div v-if="scope.row.type === 'project'" class="project-cell">
+            <el-icon class="project-folder-icon"><Folder /></el-icon>
+            <span>{{ scope.row.projectCode }}</span>
+          </div>
+
+          <!-- 汇总信息卡片 - 第一行 -->
+          <div v-else-if="scope.row.type === 'summary'" class="merged-cell-content">
+            <div class="summary-card">
+              <div class="summary-header">
+                <el-icon class="summary-header-icon"><Collection /></el-icon>
+                <span class="summary-header-title">项目汇总</span>
+              </div>
+              <div class="summary-grid">
+                <!-- 收款节点数量 -->
+                <div class="summary-item">
+                  <div class="summary-item-header">
+                    <el-icon class="summary-item-icon"><List /></el-icon>
+                    <span class="summary-item-label">收款节点</span>
+                  </div>
+                  <div class="summary-item-value">{{ scope.row.nodeCount }}</div>
+                  <div class="summary-item-unit">个</div>
+                </div>
+                <!-- 总欠款金额 -->
+                <div class="summary-item">
+                  <div class="summary-item-header">
+                    <el-icon class="summary-item-icon"><Money /></el-icon>
+                    <span class="summary-item-label">总欠款</span>
+                  </div>
+                  <div class="summary-item-value">{{ formatMoney(scope.row.totalOwed) }}</div>
+                  <div class="summary-item-unit">元</div>
+                </div>
+                <!-- 总回款金额 -->
+                <div class="summary-item">
+                  <div class="summary-item-header">
+                    <el-icon class="summary-item-icon"><DataLine /></el-icon>
+                    <span class="summary-item-label">总回款</span>
+                  </div>
+                  <div class="summary-item-value">{{ formatMoney(scope.row.totalReceived) }}</div>
+                  <div class="summary-item-unit">元</div>
+                </div>
+                <!-- 已回款比例 -->
+                <div class="summary-item">
+                  <div class="summary-item-header">
+                    <el-icon class="summary-item-icon"><Calendar /></el-icon>
+                    <span class="summary-item-label">回款比例</span>
+                  </div>
+                  <div class="summary-item-value">{{ scope.row.paidRate }}%</div>
+                  <div class="summary-item-unit">%</div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 节点信息卡片 - 后续行 -->
+          <div v-else class="merged-cell-content">
+            <div class="node-card">
+              <!-- 卡片头部 -->
+              <div class="node-card-header">
+                <div class="node-title-group">
+                  <div class="node-icon-wrapper">
+                    <el-icon :class="`node-icon ${scope.row.type}`">
+                      <component :is="getNodeIcon(scope.row.type)" />
+                    </el-icon>
+                  </div>
+                  <div class="node-info">
+                    <span class="node-name">{{ scope.row.name }}</span>
+                    <div class="node-meta">
+                      <el-tag
+                        size="small"
+                        :type="getNodeStatusType(scope.row)"
+                        class="node-status-tag"
+                      >{{ getNodeStatus(scope.row) }}</el-tag>
+                      <span class="node-amount-badge">{{ formatMoney(scope.row.amount) }}</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- 卡片主体 -->
+              <div class="node-card-body">
+                <!-- 第一行信息 -->
+                <div class="info-grid">
+                  <div class="info-box">
+                    <div class="info-box-label">
+                      <el-icon><Money /></el-icon>节点金额
+                    </div>
+                    <div class="info-box-value">{{ formatMoney(scope.row.amount) }}</div>
+                    <div class="info-box-sub">占比 {{ scope.row.proportion }}%</div>
+                  </div>
+                  <div class="info-box">
+                    <div class="info-box-label">
+                      <el-icon><Calendar /></el-icon>账期
+                    </div>
+                    <div class="info-box-value">{{ scope.row.period || '-' }}</div>
+                    <div class="info-box-sub">{{ scope.row.startDate ? parseTime(scope.row.startDate) : '未开始' }}</div>
+                  </div>
+                  <div class="info-box">
+                    <div class="info-box-label">
+                      <el-icon><Timer /></el-icon>到期日
+                    </div>
+                    <div :class="`info-box-value ${getDueDateClass(scope.row)}`">
+                      {{ parseTime(scope.row.dueDate) || '-' }}
+                    </div>
+                    <div class="info-box-sub">
+                      {{ scope.row.overdueDays > 0 ? `已逾期${scope.row.overdueDays}天` : '未逾期' }}
+                    </div>
+                  </div>
+                </div>
+
+                <!-- 第二行信息 -->
+                <div class="info-grid">
+                  <div class="info-box success">
+                    <div class="info-box-label">
+                      <el-icon><DataLine /></el-icon>已回款
+                    </div>
+                    <div class="info-box-value success">{{ formatMoney(scope.row.received) }}</div>
+                    <div class="info-box-sub">{{ ((scope.row.received / scope.row.amount) * 100).toFixed(1) }}%</div>
+                  </div>
+                  <div :class="`info-box ${scope.row.owed > 0 ? 'warning' : ''}`">
+                    <div class="info-box-label">
+                      <el-icon><Warning /></el-icon>欠款金额
+                    </div>
+                    <div :class="`info-box-value ${scope.row.owed > 0 ? 'warning' : ''}`">
+                      {{ formatMoney(scope.row.owed) }}
+                    </div>
+                    <div class="info-box-sub">{{ scope.row.owed > 0 ? '待收款' : '已结清' }}</div>
+                  </div>
+                  <div class="info-box">
+                    <div class="info-box-label">
+                      <el-icon><User /></el-icon>客户经理
+                    </div>
+                    <div class="info-box-value">冯俊杰</div>
+                    <div class="info-box-sub">负责人</div>
+                  </div>
+                </div>
+
+                <!-- 进度条 -->
+                <div class="progress-section">
+                  <div class="progress-header">
+                    <div class="progress-title">
+                      <el-icon><DataLine /></el-icon>回款进度
+                    </div>
+                    <span :class="`progress-percentage ${getProgressClass(scope.row)}`">
+                                 {{ ((scope.row.received / scope.row.amount) * 100).toFixed(1) }}%
+                              </span>
+                  </div>
+                  <el-progress
+                    :percentage="(scope.row.received / scope.row.amount) * 100"
+                    :color="getProgressColor(scope.row)"
+                    :stroke-width="8"
+                    :status="getProgressStatus(scope.row)"
+                  />
+                </div>
+
+                <!-- 逾期警告 -->
+                <div v-if="scope.row.overdueDays > 0" class="overdue-warning">
+                  <el-icon class="overdue-icon"><Warning /></el-icon>
+                  <span class="overdue-text">该节点已逾期 {{ scope.row.overdueDays }} 天，请及时处理！</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+
+      <!-- 海威项目编号列 -->
+      <el-table-column prop="invoiceCode" label="集团应收模板编号" width="150">
+        <template #default="scope">
+          <span v-if="scope.row.type === 'project'">{{ scope.row.invoiceCode || scope.row.invoiceCode }}</span>
+        </template>
+      </el-table-column>
+
+      <!-- 客户名称列 -->
+      <el-table-column prop="clientName" label="客户名称" min-width="180">
+        <template #default="scope">
+          <div v-if="scope.row.type === 'project'" class="client-cell">
+            <el-icon class="client-icon"><User /></el-icon>
+            <span>{{ scope.row.clientName }}</span>
+          </div>
+        </template>
+      </el-table-column>
+
+      <!-- 合同编号列 -->
+      <el-table-column prop="contractNo" label="合同编号" width="180">
+        <template #default="scope">
+          <div v-if="scope.row.type === 'project'" class="contract-cell">
+            <el-icon class="contract-icon"><Document /></el-icon>
+            <span>{{ scope.row.contractNo || scope.row.projectNo }}</span>
+          </div>
+        </template>
+      </el-table-column>
+
+      <!-- 操作列 -->
+      <el-table-column label="操作" align="center" fixed="right" width="180">
+        <template #default="scope">
+          <div v-if="scope.row.type === 'project'" class="action-buttons">
+            <el-button link type="primary" size="small" @click="handleUpdate(scope.row)">
+              <el-icon><Edit /></el-icon>修改
+            </el-button>
+            <el-button link type="primary" size="small" @click="handleDetail(scope.row)">
+              <el-icon><Document /></el-icon>详情
+            </el-button>
+          </div>
+          <div v-else class="action-buttons">
+            <el-button v-if="scope.row.type === 'summary'" link type="primary" size="small" @click="handleAddNode(scope.row)">
+              <el-icon><Plus /></el-icon>添加节点
+            </el-button>
+            <template v-else>
+              <el-button link type="primary" size="small" @click="handleEditNode(scope.row)">
+                <el-icon><Edit /></el-icon>编辑
+              </el-button>
+              <el-button link type="primary" size="small" @click="handleCalculateNode(scope.row)">
+                <el-icon><Refresh /></el-icon>计算
+              </el-button>
+            </template>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 分页（只对根节点分页） -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </div>
+</template>
+
+<script setup name="ReceivableTreeList">
+import { ref, reactive, getCurrentInstance, nextTick } from 'vue'
+import { useRouter } from 'vue-router'
+import { ElMessage } from 'element-plus'
+import {
+  Folder, Money, DataLine, DocumentChecked, Document, Timer,
+  List, Calendar, User, Avatar, Edit, Refresh, Warning, Collection,
+  Plus
+} from '@element-plus/icons-vue'
+import {
+  listFinAccountReceivable
+} from '@/api/oa/erp/finAccountReceivable';
+const { proxy } = getCurrentInstance()
+const router = useRouter()
+
+// 列表数据
+const treeData = ref([])
+const total = ref(0)
+const loading = ref(false)
+const showSearch = ref(true)
+const expandAll = ref(false)
+const treeTable = ref(null)
+
+// 存储当前展开的项目ID
+const expandedProjectIds = ref(new Set())
+
+// 查询参数
+const queryParams = ref({
+  pageNum: 1,
+  pageSize: 10,
+  projectNo: undefined,
+  clientName: undefined,
+  projectStatus: undefined
+})
+
+
+
+// Mock项目数据（根节点）
+let mockProjects = [
+  {
+    id: 1,
+    type: 'project',
+    name: 'SF-信源17套通道门&2套清洗设备项目',
+    projectNo: 'S-202415275',
+    haiweiProjectNo: 'HW-2024001',
+    clientName: '广东信源物流设备有限公司',
+    clientManager: '冯俊杰',
+    contractNo: 'CT-2024-001',
+    contractAmount: 177100,
+    contractDate: '2024-05-31',
+    projectStatus: '进行中',
+    hasChildren: true,
+    children: []
+  },
+  {
+    id: 2,
+    type: 'project',
+    name: '某智能仓储项目',
+    projectNo: 'S-202412345',
+    haiweiProjectNo: 'HW-2024002',
+    clientName: '某科技有限公司',
+    clientManager: '张三',
+    contractNo: 'CT-2024-002',
+    contractAmount: 350000,
+    contractDate: '2024-03-15',
+    projectStatus: '已结算',
+    hasChildren: true,
+    children: []
+  },
+  {
+    id: 3,
+    type: 'project',
+    name: '某物流分拣系统',
+    projectNo: 'S-202478901',
+    haiweiProjectNo: 'HW-2024003',
+    clientName: '某物流公司',
+    clientManager: '李四',
+    contractNo: 'CT-2024-003',
+    contractAmount: 520000,
+    contractDate: '2024-01-20',
+    projectStatus: '进行中',
+    hasChildren: true,
+    children: []
+  }
+]
+
+
+/** 查询应收款信息列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listFinAccountReceivable(queryParams.value);
+  mockProjects = res.rows;
+
+  total.value = res.total;
+  loading.value = false;
+
+  treeData.value = mockProjects.map(p => ({
+    ...p,
+    hasChildren:true,
+    type:'project',
+    children: [] // 初始为空，等待点击加载
+  }))
+  expandedProjectIds.value.clear()
+  console.log("1111")
+  console.log(treeData.value)
+}
+
+
+// 计算逾期天数
+const calculateOverdueDays = (dueDate) => {
+  if (!dueDate) return 0
+  const today = new Date()
+  const due = new Date(dueDate)
+  if (today > due) {
+    const diffTime = today - due
+    return Math.ceil(diffTime / (1000 * 60 * 60 * 24))
+  }
+  return 0
+}
+
+// 获取项目汇总数据
+const getProjectSummary = (projectId) => {
+  if (projectId === 1) {
+    return {
+      nodeCount: 4,
+      totalOwed: 28090,
+      totalReceived: 149010,
+      paidRate: (149010 / 177100 * 100).toFixed(2)
+    }
+  } else if (projectId === 2) {
+    return {
+      nodeCount: 3,
+      totalOwed: 0,
+      totalReceived: 350000,
+      paidRate: (350000 / 350000 * 100).toFixed(2)
+    }
+  } else if (projectId === 3) {
+    return {
+      nodeCount: 4,
+      totalOwed: 316000,
+      totalReceived: 204000,
+      paidRate: (204000 / 520000 * 100).toFixed(2)
+    }
+  }
+  return {
+    nodeCount: 0,
+    totalOwed: 0,
+    totalReceived: 0,
+    paidRate: 0
+  }
+}
+
+// 收款节点数据（根据项目ID动态返回）
+const getNodeChildren = (row, treeNode, resolve) => {
+  // 模拟异步加载
+  setTimeout(() => {
+    let children = []
+    const summary = getProjectSummary(row.id)
+
+    // 第一行：汇总信息
+    children.push({
+      id: `summary-${row.id}`,
+      parentId: row.id,
+      type: 'summary',
+      name: '项目汇总',
+      nodeCount: summary.nodeCount,
+      totalOwed: summary.totalOwed,
+      totalReceived: summary.totalReceived,
+      paidRate: summary.paidRate,
+      hasChildren: false
+    })
+
+    // 后续行：收款节点
+    if (row.id === 1) {
+      children.push(
+        {
+          id: 101,
+          parentId: 1,
+          type: 'startup',
+          name: '启动款',
+          amount: 53130,
+          proportion: 30,
+          received: 53130,
+          owed: 0,
+          startDate: '2024-05-31',
+          dueDate: '2024-06-30',
+          period: '30天',
+          overdueDays: 0,
+          hasChildren: false
+        },
+        {
+          id: 102,
+          parentId: 1,
+          type: 'delivery',
+          name: '发货/到货款',
+          amount: 53130,
+          proportion: 30,
+          received: 53130,
+          owed: 0,
+          startDate: '2024-06-10',
+          dueDate: '2024-07-20',
+          period: '30天',
+          overdueDays: 0,
+          hasChildren: false
+        },
+        {
+          id: 103,
+          parentId: 1,
+          type: 'initial',
+          name: '初验/验收款',
+          amount: 53130,
+          proportion: 30,
+          received: 42750,
+          owed: 10380,
+          startDate: '2025-05-25',
+          dueDate: '2025-06-25',
+          period: '30天',
+          overdueDays: calculateOverdueDays('2025-06-25'),
+          hasChildren: false
+        },
+        {
+          id: 104,
+          parentId: 1,
+          type: 'warranty',
+          name: '质保款',
+          amount: 17710,
+          proportion: 10,
+          received: 0,
+          owed: 17710,
+          startDate: '2025-06-25',
+          dueDate: '2026-06-25',
+          period: '12个月',
+          overdueDays: 0,
+          hasChildren: false
+        }
+      )
+    } else if (row.id === 2) {
+      children.push(
+        {
+          id: 201,
+          parentId: 2,
+          type: 'startup',
+          name: '启动款',
+          amount: 105000,
+          proportion: 30,
+          received: 105000,
+          owed: 0,
+          startDate: '2024-03-15',
+          dueDate: '2024-04-15',
+          period: '30天',
+          overdueDays: 0,
+          hasChildren: false
+        },
+        {
+          id: 202,
+          parentId: 2,
+          type: 'delivery',
+          name: '发货/到货款',
+          amount: 105000,
+          proportion: 30,
+          received: 105000,
+          owed: 0,
+          startDate: '2024-04-10',
+          dueDate: '2024-05-20',
+          period: '30天',
+          overdueDays: 0,
+          hasChildren: false
+        },
+        {
+          id: 203,
+          parentId: 2,
+          type: 'final',
+          name: '终验/验收款',
+          amount: 140000,
+          proportion: 40,
+          received: 140000,
+          owed: 0,
+          startDate: '2024-07-20',
+          dueDate: '2024-08-20',
+          period: '30天',
+          overdueDays: 0,
+          hasChildren: false
+        }
+      )
+    } else if (row.id === 3) {
+      children.push(
+        {
+          id: 301,
+          parentId: 3,
+          type: 'startup',
+          name: '启动款',
+          amount: 104000,
+          proportion: 20,
+          received: 104000,
+          owed: 0,
+          startDate: '2024-01-20',
+          dueDate: '2024-02-20',
+          period: '30天',
+          overdueDays: 0,
+          hasChildren: false
+        },
+        {
+          id: 302,
+          parentId: 3,
+          type: 'delivery',
+          name: '发货/到货款',
+          amount: 156000,
+          proportion: 30,
+          received: 100000,
+          owed: 56000,
+          startDate: '2024-02-25',
+          dueDate: '2024-03-25',
+          period: '30天',
+          overdueDays: calculateOverdueDays('2024-03-25'),
+          hasChildren: false
+        },
+        {
+          id: 303,
+          parentId: 3,
+          type: 'initial',
+          name: '初验/验收款',
+          amount: 156000,
+          proportion: 30,
+          received: 0,
+          owed: 156000,
+          startDate: '2024-05-30',
+          dueDate: '2024-06-30',
+          period: '30天',
+          overdueDays: 0,
+          hasChildren: false
+        },
+        {
+          id: 304,
+          parentId: 3,
+          type: 'warranty',
+          name: '质保款',
+          amount: 104000,
+          proportion: 20,
+          received: 0,
+          owed: 104000,
+          startDate: '2024-06-30',
+          dueDate: '2025-01-20',
+          period: '12个月',
+          overdueDays: 0,
+          hasChildren: false
+        }
+      )
+    }
+
+    resolve(children)
+
+    // 记录展开的项目ID
+    nextTick(() => {
+      expandedProjectIds.value.add(row.id)
+    })
+  }, 500)
+}
+
+/** 查询列表 */
+// function getList() {
+//   loading.value = true
+//   // 模拟API调用
+//   setTimeout(() => {
+//     treeData.value = mockProjects.map(p => ({
+//       ...p,
+//       children: [] // 初始为空，等待点击加载
+//     }))
+//     total.value = mockProjects.length
+//     loading.value = false
+//     expandedProjectIds.value.clear()
+//   }, 500)
+// }
+
+/** 加载子节点数据（lazy加载模式） */
+function loadNodeChildren(row, treeNode, resolve) {
+  if (row.type === 'project') {
+    getNodeChildren(row, treeNode, resolve)
+  } else {
+    resolve([])
+  }
+}
+
+/** 处理行展开/折叠 */
+function handleExpandChange(row, expanded) {
+  if (expanded) {
+    expandedProjectIds.value.add(row.id)
+  } else {
+    expandedProjectIds.value.delete(row.id)
+  }
+}
+
+/** 合并单元格方法 */
+const objectSpanMethod = ({ row, column, rowIndex, columnIndex }) => {
+  // 只对子节点（非project类型）进行合并
+  if (row.type !== 'project') {
+    // 对于子节点，将所有列合并到第一列（项目编号列）
+    if (columnIndex === 0) {
+      return {
+        rowspan: 1,
+        colspan: 4  // 合并前4列
+      }
+    }
+    // 其他列隐藏
+    if (columnIndex >= 1 && columnIndex <= 3) {
+      return {
+        rowspan: 0,
+        colspan: 0
+      }
+    }
+    // 操作列保持原样
+    if (columnIndex === 4) {
+      return {
+        rowspan: 1,
+        colspan: 1
+      }
+    }
+  }
+  return {
+    rowspan: 1,
+    colspan: 1
+  }
+}
+
+/** 展开/折叠全部 */
+function toggleExpandAll() {
+  expandAll.value = !expandAll.value
+
+  treeData.value.forEach(row => {
+    if (row.type === 'project') {
+      treeTable.value.toggleRowExpansion(row, expandAll.value)
+      if (expandAll.value) {
+        expandedProjectIds.value.add(row.id)
+      } else {
+        expandedProjectIds.value.clear()
+      }
+    }
+  })
+
+  ElMessage.info(expandAll.value ? '已全部展开' : '已全部折叠')
+}
+
+/** 刷新树 */
+function refreshTree() {
+  getList()
+}
+
+/** 格式化日期 */
+function parseTime(date) {
+  if (!date) return ''
+  return date.substring(0, 10)
+}
+
+/** 格式化金额 */
+function formatMoney(value) {
+  if (value === undefined || value === null) return ''
+  return new Intl.NumberFormat('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(value)
+}
+
+/** 获取项目状态标签类型 */
+function getStatusType(status) {
+  const map = {
+    '进行中': 'primary',
+    '已结算': 'success',
+    '已终止': 'danger'
+  }
+  return map[status] || 'info'
+}
+
+/** 获取节点状态 */
+function getNodeStatus(node) {
+  if (node.received === 0) return '待回款'
+  if (node.owed === 0) return '已完成'
+  if (node.owed > 0) {
+    const today = new Date()
+    const dueDate = new Date(node.dueDate)
+    return today > dueDate ? '逾期' : '部分回款'
+  }
+  return '待处理'
+}
+
+/** 获取节点状态标签类型 */
+function getNodeStatusType(node) {
+  if (node.received === 0) return 'info'
+  if (node.owed === 0) return 'success'
+  if (node.owed > 0) {
+    const today = new Date()
+    const dueDate = new Date(node.dueDate)
+    return today > dueDate ? 'danger' : 'warning'
+  }
+  return 'info'
+}
+
+/** 获取节点类型图标 */
+function getNodeIcon(type) {
+  const icons = {
+    'startup': Money,
+    'delivery': Money,
+    'kpi': DataLine,
+    'initial': DocumentChecked,
+    'final': Document,
+    'warranty': Timer
+  }
+  return icons[type] || Document
+}
+
+/** 获取到期日样式 */
+function getDueDateClass(node) {
+  if (node.owed === 0) return ''
+  const today = new Date()
+  const dueDate = new Date(node.dueDate)
+  return today > dueDate ? 'danger' : 'warning'
+}
+
+/** 获取进度条颜色 */
+function getProgressColor(node) {
+  const rate = node.received / node.amount
+  if (rate >= 1) return '#67C23A'
+  if (rate >= 0.5) return '#E6A23C'
+  return '#F56C6C'
+}
+
+/** 获取进度条状态 */
+function getProgressStatus(node) {
+  const rate = node.received / node.amount
+  if (rate >= 1) return 'success'
+  if (rate > 0) return 'active'
+  return 'exception'
+}
+
+/** 获取进度条文字样式 */
+function getProgressClass(node) {
+  const rate = node.received / node.amount
+  if (rate >= 1) return 'success'
+  if (rate >= 0.5) return 'warning'
+  return 'danger'
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1
+  getList()
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm("queryRef")
+  handleQuery()
+}
+
+/** 新增项目 */
+function handleAdd() {
+
+  router.push({
+    path: '/fin/finAccountReceivable/add',
+    query: {
+      type: 'add',
+      pageNum: queryParams.value.pageNum,
+    }
+  });
+
+}
+
+/** 修改项目 */
+function handleUpdate(row) {
+  router.push({
+    path: '/fin/finAccountReceivable/add',
+    query: {
+      type: 'edit',
+      accountReceivableId: row.accountReceivableId,
+      pageNum: queryParams.value.pageNum
+    }
+  });
+}
+
+/** 查看详情 */
+function handleDetail(row) {
+  router.push(`/receivable/form?id=${row.id}&view=1`)
+}
+
+/** 添加节点 */
+function handleAddNode(row) {
+  const projectId = row.parentId
+  const project = treeData.value.find(p => p.id === projectId)
+  ElMessage.info(`为项目 ${project?.projectNo} 添加收款节点`)
+}
+
+/** 编辑节点 */
+function handleEditNode(row) {
+  ElMessage.info(`编辑节点：${row.name}`)
+}
+
+/** 计算节点 */
+function handleCalculateNode(row) {
+  const paidRate = row.received > 0 ? (row.received / row.amount * 100).toFixed(2) : 0
+  ElMessage.success(`${row.name}：应回款 ${formatMoney(row.amount)} 元，已回款 ${formatMoney(row.received)} 元，回款比例 ${paidRate}%`)
+}
+
+/** 跳转到表格视图 */
+function goToTableView() {
+  router.push('/receivable')
+}
+
+/** 判断当前项目是否展开 */
+function isProjectExpanded(projectId) {
+  return expandedProjectIds.value.has(projectId)
+}
+
+onMounted(() => {
+  getList();
+});
+
+onActivated(() => {
+  getList();
+});
+</script>
+
+<style scoped>
+.app-container {
+  padding: 20px;
+  background-color: #f5f7fa;
+  min-height: 100vh;
+}
+
+.mb8 {
+  margin-bottom: 8px;
+}
+
+/* 树形表格样式 */
+.tree-table {
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+/* 确保展开图标可见 */
+:deep(.el-table__expand-icon) {
+  font-size: 18px;
+  color: #409EFF;
+  background-color: #ecf5ff;
+  border-radius: 4px;
+  padding: 2px;
+  margin-right: 8px;
+  transition: all 0.3s;
+}
+
+:deep(.el-table__expand-icon:hover) {
+  background-color: #409EFF;
+  color: white;
+}
+
+:deep(.el-table__expand-icon .el-icon) {
+  font-weight: bold;
+}
+
+:deep(.el-table__placeholder) {
+  display: inline-block;
+  width: 26px;
+  margin-right: 8px;
+}
+
+/* 项目单元格样式 */
+.project-cell, .client-cell, .contract-cell {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.project-folder-icon {
+  color: #E6A23C;
+  font-size: 18px;
+}
+
+.client-icon {
+  color: #409EFF;
+  font-size: 16px;
+}
+
+.contract-icon {
+  color: #67C23A;
+  font-size: 16px;
+}
+
+/* 操作按钮 */
+.action-buttons {
+  display: flex;
+  gap: 8px;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+.action-buttons .el-button {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+/* 合并单元格内容容器 */
+.merged-cell-content {
+  width: 100%;
+  padding: 10px 0;
+}
+
+/* 汇总信息卡片 */
+.summary-card {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border-radius: 16px;
+  padding: 20px;
+  color: white;
+  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
+  margin: 5px 0;
+}
+
+.summary-header {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 20px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.summary-header-icon {
+  font-size: 24px;
+  color: white;
+  background: rgba(255, 255, 255, 0.2);
+  padding: 8px;
+  border-radius: 12px;
+}
+
+.summary-header-title {
+  font-size: 18px;
+  font-weight: 600;
+}
+
+.summary-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 15px;
+}
+
+.summary-item {
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 10px;
+  padding: 15px;
+  backdrop-filter: blur(10px);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  transition: all 0.3s;
+}
+
+.summary-item:hover {
+  transform: translateY(-4px);
+  background: rgba(255, 255, 255, 0.15);
+}
+
+.summary-item-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 10px;
+}
+
+.summary-item-icon {
+  font-size: 20px;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.summary-item-label {
+  font-size: 13px;
+  opacity: 0.8;
+}
+
+.summary-item-value {
+  font-size: 24px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+
+.summary-item-unit {
+  font-size: 12px;
+  opacity: 0.6;
+}
+
+/* 节点卡片 */
+.node-card {
+  background: white;
+  border-radius: 16px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
+  overflow: hidden;
+  border: 1px solid #ebeef5;
+  transition: all 0.3s;
+  margin: 10px 0;
+}
+
+.node-card:hover {
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
+  transform: translateY(-2px);
+  border-color: #409EFF;
+}
+
+.node-card-header {
+  padding: 16px 20px;
+  background: linear-gradient(135deg, #f5f7fa 0%, #e4e7ed 100%);
+  border-bottom: 1px solid #dcdfe6;
+}
+
+.node-title-group {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+}
+
+.node-icon-wrapper {
+  width: 40px;
+  height: 40px;
+  border-radius: 10px;
+  background: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+}
+
+.node-icon {
+  font-size: 22px;
+}
+
+.node-icon.startup { color: #409EFF; }
+.node-icon.delivery { color: #67C23A; }
+.node-icon.kpi { color: #E6A23C; }
+.node-icon.initial { color: #9B59B6; }
+.node-icon.final { color: #3498DB; }
+.node-icon.warranty { color: #F56C6C; }
+
+.node-info {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.node-name {
+  font-size: 16px;
+  font-weight: 600;
+  color: #303133;
+}
+
+.node-meta {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.node-status-tag {
+  margin-right: 8px;
+}
+
+.node-amount-badge {
+  font-size: 18px;
+  font-weight: bold;
+  color: #409EFF;
+}
+
+.node-card-body {
+  padding: 20px;
+}
+
+/* 信息网格 */
+.info-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 16px;
+  margin-bottom: 16px;
+}
+
+.info-box {
+  background: #f8f9fa;
+  border-radius: 10px;
+  padding: 12px;
+  border-left: 4px solid #409EFF;
+  transition: all 0.3s;
+}
+
+.info-box:hover {
+  background: #ecf5ff;
+}
+
+.info-box.warning {
+  border-left-color: #E6A23C;
+}
+
+.info-box.success {
+  border-left-color: #67C23A;
+}
+
+.info-box.danger {
+  border-left-color: #F56C6C;
+}
+
+.info-box-label {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  color: #909399;
+  margin-bottom: 6px;
+  text-transform: uppercase;
+}
+
+.info-box-label .el-icon {
+  font-size: 14px;
+}
+
+.info-box-value {
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+  margin-bottom: 4px;
+}
+
+.info-box-value.success {
+  color: #67C23A;
+}
+
+.info-box-value.warning {
+  color: #E6A23C;
+}
+
+.info-box-value.danger {
+  color: #F56C6C;
+}
+
+.info-box-sub {
+  font-size: 12px;
+  color: #909399;
+}
+
+/* 进度条区域 */
+.progress-section {
+  margin-top: 16px;
+  padding-top: 16px;
+  border-top: 1px dashed #dcdfe6;
+}
+
+.progress-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+.progress-title {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 14px;
+  font-weight: 500;
+  color: #606266;
+}
+
+.progress-title .el-icon {
+  font-size: 16px;
+  color: #409EFF;
+}
+
+.progress-percentage {
+  font-size: 18px;
+  font-weight: bold;
+}
+
+.progress-percentage.success {
+  color: #67C23A;
+}
+
+.progress-percentage.warning {
+  color: #E6A23C;
+}
+
+.progress-percentage.danger {
+  color: #F56C6C;
+}
+
+/* 逾期警告 */
+.overdue-warning {
+  margin-top: 16px;
+  padding: 12px 16px;
+  background: #fef0f0;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  color: #F56C6C;
+  border: 1px solid #fcdcdc;
+}
+
+.overdue-icon {
+  font-size: 18px;
+}
+
+.overdue-text {
+  font-size: 14px;
+  font-weight: 500;
+}
+
+/* 行样式 */
+:deep(.el-table .el-table__row--level-0) {
+  background-color: #ffffff;
+}
+
+:deep(.el-table .el-table__row--level-0:hover) {
+  background-color: #f5f7fa !important;
+}
+
+:deep(.el-table .el-table__row--level-1) {
+  background-color: #fafafa;
+}
+
+:deep(.el-table .el-table__row--level-1 .el-table__cell) {
+  padding: 15px 20px;
+  border-bottom: 1px solid #ebeef5;
+}
+
+/* 汇总行特殊样式 */
+:deep(.el-table .el-table__row--level-1:first-child .el-table__cell) {
+  background-color: #f0f9eb;
+}
+
+/* 节点行交替背景 */
+:deep(.el-table .el-table__row--level-1:nth-child(odd)) {
+  background-color: #ffffff;
+}
+
+:deep(.el-table .el-table__row--level-1:nth-child(even)) {
+  background-color: #fafafa;
+}
+
+/* 响应式 */
+@media (max-width: 1200px) {
+  .summary-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .info-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 768px) {
+  .node-card-header {
+    flex-direction: column;
+    gap: 12px;
+    align-items: flex-start;
+  }
+
+  .summary-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .action-buttons {
+    flex-direction: column;
+    gap: 5px;
+  }
+}
+</style>
diff --git a/src/views/oa/finAccountInstallment/index.vue b/src/views/oa/finAccountInstallment/index.vue
new file mode 100644
index 0000000..71ecce7
--- /dev/null
+++ b/src/views/oa/finAccountInstallment/index.vue
@@ -0,0 +1,357 @@
+<template>
+    <div class="p-2">
+        <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+            <div v-show="showSearch" class="mb-[10px]">
+                <el-card shadow="hover">
+                    <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width='100px'>
+                                    <el-form-item label="分款编号" prop="installmentCode">
+                                        <el-input v-model="queryParams.installmentCode" placeholder="请输入分款编号" clearable @keyup.enter="handleQuery" />
+                                    </el-form-item>
+                                    <el-form-item label="客户ID，关联crm_customer_info" prop="customerId">
+                                        <el-input v-model="queryParams.customerId" placeholder="请输入客户ID，关联crm_customer_info" clearable @keyup.enter="handleQuery" />
+                                    </el-form-item>
+                                    <el-form-item label="客户名称，冗余" prop="customerName">
+                                        <el-input v-model="queryParams.customerName" placeholder="请输入客户名称，冗余" clearable @keyup.enter="handleQuery" />
+                                    </el-form-item>
+                                    <el-form-item label="货币类型(CNY/USD/EUR)，默认CNY" prop="currency">
+                                        <el-input v-model="queryParams.currency" placeholder="请输入货币类型(CNY/USD/EUR)，默认CNY" clearable @keyup.enter="handleQuery" />
+                                    </el-form-item>
+                                    <el-form-item label="回款金额" prop="paymentAmount">
+                                        <el-input v-model="queryParams.paymentAmount" placeholder="请输入回款金额" clearable @keyup.enter="handleQuery" />
+                                    </el-form-item>
+                                    <el-form-item label="回款日期" prop="paymentDate">
+                                        <el-date-picker clearable
+                                                        v-model="queryParams.paymentDate"
+                                                        type="date"
+                                                        value-format="YYYY-MM-DD"
+                                                        placeholder="请选择回款日期"
+                                        />
+                                    </el-form-item>
+                                    <el-form-item label="发出人员" prop="dispatchUserId">
+                                        <el-input v-model="queryParams.dispatchUserId" placeholder="请输入发出人员" clearable @keyup.enter="handleQuery" />
+                                    </el-form-item>
+                                    <el-form-item label="发出部门" prop="dispatchDeptId">
+                                        <el-input v-model="queryParams.dispatchDeptId" placeholder="请输入发出部门" clearable @keyup.enter="handleQuery" />
+                                    </el-form-item>
+                                    <el-form-item label="发出日期" prop="dispatchDate">
+                                        <el-date-picker clearable
+                                                        v-model="queryParams.dispatchDate"
+                                                        type="date"
+                                                        value-format="YYYY-MM-DD"
+                                                        placeholder="请选择发出日期"
+                                        />
+                                    </el-form-item>
+                                    <el-form-item label="客户经理" prop="accountManageId">
+                                        <el-input v-model="queryParams.accountManageId" placeholder="请输入客户经理" clearable @keyup.enter="handleQuery" />
+                                    </el-form-item>
+                        <el-form-item>
+                            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+                            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+                        </el-form-item>
+                    </el-form>
+                </el-card>
+            </div>
+        </transition>
+
+        <el-card shadow="never">
+            <template #header>
+                <el-row :gutter="10" class="mb8">
+                    <el-col :span="1.5">
+                        <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['oa/erp:finAccountInstallment:add']">新增</el-button>
+                    </el-col>
+                    <el-col :span="1.5">
+                        <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['oa/erp:finAccountInstallment:edit']">修改</el-button>
+                    </el-col>
+                    <el-col :span="1.5">
+                        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['oa/erp:finAccountInstallment:remove']">删除</el-button>
+                    </el-col>
+                    <el-col :span="1.5">
+                        <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['oa/erp:finAccountInstallment:export']">导出</el-button>
+                    </el-col>
+                    <right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>
+                </el-row>
+            </template>
+
+            <el-table v-loading="loading" border :data="finAccountInstallmentList" @selection-change="handleSelectionChange">
+                <el-table-column type="selection" width="55" align="center" />
+                        <el-table-column label="分款ID" align="center" prop="accountInstallmentId" v-if="columns[0].visible"/>
+                        <el-table-column label="分款编号" align="center" prop="installmentCode" v-if="columns[2].visible"/>
+                        <el-table-column label="客户ID，关联crm_customer_info" align="center" prop="customerId" v-if="columns[3].visible"/>
+                        <el-table-column label="客户名称，冗余" align="center" prop="customerName" v-if="columns[4].visible"/>
+                        <el-table-column label="货币类型(CNY/USD/EUR)，默认CNY" align="center" prop="currency" v-if="columns[5].visible"/>
+                        <el-table-column label="回款金额" align="center" prop="paymentAmount" v-if="columns[6].visible"/>
+                        <el-table-column label="回款日期" align="center" prop="paymentDate" width="180" v-if="columns[7].visible">
+                            <template #default="scope">
+                                <span>{{ parseTime(scope.row.paymentDate, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="备注" align="center" prop="remark" v-if="columns[8].visible"/>
+                        <el-table-column label="发出人员" align="center" prop="dispatchUserId" v-if="columns[9].visible"/>
+                        <el-table-column label="发出部门" align="center" prop="dispatchDeptId" v-if="columns[10].visible"/>
+                        <el-table-column label="发出日期" align="center" prop="dispatchDate" width="180" v-if="columns[11].visible">
+                            <template #default="scope">
+                                <span>{{ parseTime(scope.row.dispatchDate, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="分款状态" align="center" prop="installmentStatus" v-if="columns[12].visible"/>
+                        <el-table-column label="客户经理" align="center" prop="accountManageId" v-if="columns[13].visible"/>
+                <el-table-column label="操作" align="center" fixed="right"  class-name="small-padding fixed-width">
+                    <template #default="scope">
+                        <el-tooltip content="修改" placement="top">
+                            <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['oa/erp:finAccountInstallment:edit']"></el-button>
+                        </el-tooltip>
+                        <el-tooltip content="删除" placement="top">
+                            <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['oa/erp:finAccountInstallment:remove']"></el-button>
+                        </el-tooltip>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+        </el-card>
+        <!-- 添加或修改分款信息对话框 -->
+        <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+            <el-form ref="finAccountInstallmentFormRef" :model="form" :rules="rules" label-width="120px">
+                            <el-form-item label="分款编号" prop="installmentCode">
+                                <el-input v-model="form.installmentCode" placeholder="请输入分款编号" />
+                            </el-form-item>
+                            <el-form-item label="客户ID，关联crm_customer_info" prop="customerId">
+                                <el-input v-model="form.customerId" placeholder="请输入客户ID，关联crm_customer_info" />
+                            </el-form-item>
+                            <el-form-item label="客户名称，冗余" prop="customerName">
+                                <el-input v-model="form.customerName" placeholder="请输入客户名称，冗余" />
+                            </el-form-item>
+                            <el-form-item label="货币类型(CNY/USD/EUR)，默认CNY" prop="currency">
+                                <el-input v-model="form.currency" placeholder="请输入货币类型(CNY/USD/EUR)，默认CNY" />
+                            </el-form-item>
+                            <el-form-item label="回款金额" prop="paymentAmount">
+                                <el-input v-model="form.paymentAmount" placeholder="请输入回款金额" />
+                            </el-form-item>
+                            <el-form-item label="回款日期" prop="paymentDate">
+                                <el-date-picker clearable
+                                                v-model="form.paymentDate"
+                                                type="datetime"
+                                                value-format="YYYY-MM-DD HH:mm:ss"
+                                                placeholder="请选择回款日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="备注" prop="remark">
+                                <el-input v-model="form.remark" placeholder="请输入备注" />
+                            </el-form-item>
+                            <el-form-item label="发出人员" prop="dispatchUserId">
+                                <el-input v-model="form.dispatchUserId" placeholder="请输入发出人员" />
+                            </el-form-item>
+                            <el-form-item label="发出部门" prop="dispatchDeptId">
+                                <el-input v-model="form.dispatchDeptId" placeholder="请输入发出部门" />
+                            </el-form-item>
+                            <el-form-item label="发出日期" prop="dispatchDate">
+                                <el-date-picker clearable
+                                                v-model="form.dispatchDate"
+                                                type="datetime"
+                                                value-format="YYYY-MM-DD HH:mm:ss"
+                                                placeholder="请选择发出日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="客户经理" prop="accountManageId">
+                                <el-input v-model="form.accountManageId" placeholder="请输入客户经理" />
+                            </el-form-item>
+            </el-form>
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+                    <el-button @click="cancel">取 消</el-button>
+                </div>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup name="FinAccountInstallment" lang="ts">
+    import { listFinAccountInstallment, getFinAccountInstallment, delFinAccountInstallment, addFinAccountInstallment, updateFinAccountInstallment } from '@/api/oa/erp/finAccountInstallment';
+    import { FinAccountInstallmentVO, FinAccountInstallmentQuery, FinAccountInstallmentForm } from '@/api/oa/erp/finAccountInstallment/types';
+
+    const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+    const finAccountInstallmentList = ref<FinAccountInstallmentVO[]>([]);
+    const buttonLoading = ref(false);
+    const loading = ref(true);
+    const showSearch = ref(true);
+    const ids = ref<Array<string | number>>([]);
+    const single = ref(true);
+    const multiple = ref(true);
+    const total = ref(0);
+
+    const queryFormRef = ref<ElFormInstance>();
+    const finAccountInstallmentFormRef = ref<ElFormInstance>();
+
+    const dialog = reactive<DialogOption>({
+        visible: false,
+        title: ''
+    });
+
+    // 列显隐信息
+    const columns = ref<FieldOption[]>([
+            { key: 0, label: `分款ID`, visible: true },
+            { key: 1, label: `租户编号`, visible: true },
+            { key: 2, label: `分款编号`, visible: true },
+            { key: 3, label: `客户ID，关联crm_customer_info`, visible: true },
+            { key: 4, label: `客户名称，冗余`, visible: true },
+            { key: 5, label: `货币类型(CNY/USD/EUR)，默认CNY`, visible: true },
+            { key: 6, label: `回款金额`, visible: true },
+            { key: 7, label: `回款日期`, visible: true },
+            { key: 8, label: `备注`, visible: true },
+            { key: 9, label: `发出人员`, visible: true },
+            { key: 10, label: `发出部门`, visible: true },
+            { key: 11, label: `发出日期`, visible: true },
+            { key: 12, label: `分款状态`, visible: true },
+            { key: 13, label: `客户经理`, visible: true },
+            { key: 14, label: `创建部门`, visible: true },
+            { key: 15, label: `创建人`, visible: true },
+            { key: 16, label: `创建时间`, visible: true },
+            { key: 17, label: `更新人`, visible: true },
+            { key: 18, label: `更新时间`, visible: true },
+    ]);
+
+    const initFormData: FinAccountInstallmentForm = {
+                        accountInstallmentId: undefined,
+                        installmentCode: undefined,
+                        customerId: undefined,
+                        customerName: undefined,
+                        currency: undefined,
+                        paymentAmount: undefined,
+                        paymentDate: undefined,
+                        remark: undefined,
+                        dispatchUserId: undefined,
+                        dispatchDeptId: undefined,
+                        dispatchDate: undefined,
+                        installmentStatus: undefined,
+                        accountManageId: undefined,
+    }
+    const data = reactive<PageData<FinAccountInstallmentForm, FinAccountInstallmentQuery>>({
+        form: {...initFormData},
+        queryParams: {
+            pageNum: 1,
+            pageSize: 10,
+                            installmentCode: undefined,
+                            customerId: undefined,
+                            customerName: undefined,
+                            currency: undefined,
+                            paymentAmount: undefined,
+                            paymentDate: undefined,
+                            dispatchUserId: undefined,
+                            dispatchDeptId: undefined,
+                            dispatchDate: undefined,
+                            installmentStatus: undefined,
+                            accountManageId: undefined,
+            params: {
+            }
+        },
+        rules: {
+                            accountInstallmentId: [
+                            { required: true, message: "分款ID不能为空", trigger: "blur" }
+                        ],
+                            currency: [
+                            { required: true, message: "货币类型(CNY/USD/EUR)，默认CNY不能为空", trigger: "blur" }
+                        ],
+                            installmentStatus: [
+                            { required: true, message: "分款状态不能为空", trigger: "change" }
+                        ],
+        }
+    });
+
+    const { queryParams, form, rules } = toRefs(data);
+
+    /** 查询分款信息列表 */
+    const getList = async () => {
+        loading.value = true;
+        const res = await listFinAccountInstallment(queryParams.value);
+            finAccountInstallmentList.value = res.rows;
+        total.value = res.total;
+        loading.value = false;
+    }
+
+    /** 取消按钮 */
+    const cancel = () => {
+        reset();
+        dialog.visible = false;
+    }
+
+    /** 表单重置 */
+    const reset = () => {
+        form.value = {...initFormData};
+            finAccountInstallmentFormRef.value?.resetFields();
+    }
+
+    /** 搜索按钮操作 */
+    const handleQuery = () => {
+        queryParams.value.pageNum = 1;
+        getList();
+    }
+
+    /** 重置按钮操作 */
+    const resetQuery = () => {
+        queryFormRef.value?.resetFields();
+        handleQuery();
+    }
+
+    /** 多选框选中数据 */
+    const handleSelectionChange = (selection: FinAccountInstallmentVO[]) => {
+        ids.value = selection.map(item => item.accountInstallmentId);
+        single.value = selection.length != 1;
+        multiple.value = !selection.length;
+    }
+
+    /** 新增按钮操作 */
+    const handleAdd = () => {
+        reset();
+        dialog.visible = true;
+        dialog.title = "添加分款信息";
+    }
+
+    /** 修改按钮操作 */
+    const handleUpdate = async (row?: FinAccountInstallmentVO) => {
+        reset();
+        const _accountInstallmentId = row?.accountInstallmentId || ids.value[0]
+        const res = await getFinAccountInstallment(_accountInstallmentId);
+        Object.assign(form.value, res.data);
+        dialog.visible = true;
+        dialog.title = "修改分款信息";
+    }
+
+    /** 提交按钮 */
+    const submitForm = () => {
+            finAccountInstallmentFormRef.value?.validate(async (valid: boolean) => {
+            if (valid) {
+                buttonLoading.value = true;
+                if (form.value.accountInstallmentId) {
+                    await updateFinAccountInstallment(form.value).finally(() =>  buttonLoading.value = false);
+                } else {
+                    await addFinAccountInstallment(form.value).finally(() =>  buttonLoading.value = false);
+                }
+                proxy?.$modal.msgSuccess("操作成功");
+                dialog.visible = false;
+                await getList();
+            }
+        });
+    }
+
+    /** 删除按钮操作 */
+    const handleDelete = async (row?: FinAccountInstallmentVO) => {
+        const _accountInstallmentIds = row?.accountInstallmentId || ids.value;
+        await proxy?.$modal.confirm('是否确认删除分款信息编号为"' + _accountInstallmentIds + '"的数据项？').finally(() => loading.value = false);
+        await delFinAccountInstallment(_accountInstallmentIds);
+        proxy?.$modal.msgSuccess("删除成功");
+        await getList();
+    }
+
+    /** 导出按钮操作 */
+    const handleExport = () => {
+        proxy?.download('oa/erp/finAccountInstallment/export', {
+            ...queryParams.value
+        }, `finAccountInstallment_${new Date().getTime()}.xlsx`)
+    }
+
+    onMounted(() => {
+        getList();
+    });
+</script>