diff --git a/src/api/oa/erp/finAccountInstallment/index.ts b/src/api/oa/erp/finAccountInstallment/index.ts
index bd06130..19d8726 100644
--- a/src/api/oa/erp/finAccountInstallment/index.ts
+++ b/src/api/oa/erp/finAccountInstallment/index.ts
@@ -1,6 +1,11 @@
 import request from '@/utils/request';
 import { AxiosPromise } from 'axios';
-import { FinAccountInstallmentVO, FinAccountInstallmentForm, FinAccountInstallmentQuery } from '@/api/oa/erp/finAccountInstallment/types';
+import {
+  FinAccountInstallmentVO,
+  FinAccountInstallmentForm,
+  FinAccountInstallmentQuery,
+  FinAccountInstallmentDispatchForm
+} from '@/api/oa/erp/finAccountInstallment/types';
 
 /**
  * 查询分款信息列表
@@ -102,3 +107,14 @@ export function exportAccountInstallTemplate () {
     method: 'get'
   });
 };
+
+/**
+ * 派发给客户经理（可多选）
+ */
+export const dispatchFinAccountInstallment = (data: FinAccountInstallmentDispatchForm) => {
+  return request({
+    url: '/oa/erp/finAccountInstallment/dispatch',
+    method: 'post',
+    data
+  });
+};
diff --git a/src/api/oa/erp/finAccountInstallment/types.ts b/src/api/oa/erp/finAccountInstallment/types.ts
index e66340a..de97a22 100644
--- a/src/api/oa/erp/finAccountInstallment/types.ts
+++ b/src/api/oa/erp/finAccountInstallment/types.ts
@@ -40,14 +40,44 @@ export interface FinAccountInstallmentVO {
   remark: string;
 
   /**
-   * 分款状态（0草稿 1已发出 2分款完成）
+   * 流程状态（字典 flow_status：draft/waiting/finish 等）
+   */
+  flowStatus?: string;
+
+  /**
+   * 分款状态（0未分款 1已派发 2分款完成）
    */
   installmentStatus: string;
 
   /**
-   * 客户经理
+   * 派发人用户ID
    */
-  accountManageId: string | number;
+  dispatchUserId?: string | number;
+
+  /**
+   * 派发时间
+   */
+  dispatchDate?: string;
+
+  /**
+   * 客户经理用户ID（多选，逗号分隔）
+   */
+  accountManagerIds?: string;
+
+  /**
+   * 指定客户经理用户ID列表（解析后）
+   */
+  managerUserIds?: Array<string | number>;
+
+  /**
+   * 客户经理姓名（展示）
+   */
+  managerNickNames?: string;
+
+  /**
+   * 当前用户是否可进行分款操作
+   */
+  canAllocate?: boolean;
 
 }
 
@@ -93,15 +123,60 @@ export interface FinAccountInstallmentForm extends BaseEntity {
   remark?: string;
 
   /**
-   * 分款状态（0草稿 1已发出 2分款完成）
+   * 流程状态
+   */
+  flowStatus?: string;
+
+  /**
+   * 分款进度
    */
   installmentStatus?: string;
 
   /**
-   * 客户经理
+   * 客户经理用户ID（多选，逗号分隔）
    */
-  accountManageId?: string | number;
+  accountManagerIds?: string;
 
+  /**
+   * 指定客户经理用户ID列表（解析后）
+   */
+  managerUserIds?: Array<string | number>;
+
+  /**
+   * 客户经理姓名（展示）
+   */
+  managerNickNames?: string;
+
+  /**
+   * 当前用户是否可进行分款操作
+   */
+  canAllocate?: boolean;
+
+  /** 流程编码 */
+  flowCode?: string;
+
+  /** 流程变量 */
+  variables?: Record<string, any>;
+
+  /** 流程业务扩展 */
+  bizExt?: Record<string, any>;
+
+}
+
+/** 派发给客户经理（含流程启动参数，前端组装） */
+export interface FinAccountInstallmentDispatchForm {
+  accountInstallmentIds: Array<string | number>;
+  managerUserIds: Array<string | number>;
+  /** 流程编码 FKSH */
+  flowCode?: string;
+  /** 流程变量 */
+  variables?: Record<string, any>;
+  /** 各回款流程业务扩展（businessId=回款主键） */
+  flowBizList?: Array<{
+    businessId?: string;
+    businessCode?: string;
+    businessTitle?: string;
+  }>;
 }
 
 export interface FinAccountInstallmentQuery extends PageQuery {
@@ -137,14 +212,14 @@ export interface FinAccountInstallmentQuery extends PageQuery {
   paymentDate?: string;
 
   /**
-   * 分款状态（0草稿 1已发出 2分款完成）
+   * 流程状态
    */
-  installmentStatus?: string;
+  flowStatus?: string;
 
   /**
-   * 客户经理
+   * 分款进度
    */
-  accountManageId?: string | number;
+  installmentStatus?: string;
 
   /**
    * 日期范围参数
diff --git a/src/enums/OAEnum.ts b/src/enums/OAEnum.ts
index 6d7ad2a..e3ff8a5 100644
--- a/src/enums/OAEnum.ts
+++ b/src/enums/OAEnum.ts
@@ -177,5 +177,10 @@ export enum FlowCodeEnum {
   /**
    * 合同变更标识KEY
    */
-  CONTRACT_CHANGE_CODE = 'HTBG'
+  CONTRACT_CHANGE_CODE = 'HTBG',
+
+  /**
+   * 分款审核标识KEY
+   */
+  FIN_ACCOUNT_INSTALLMENT_CODE = 'FKSH'
 }
diff --git a/src/views/oa/erp/finAccountInstallment/edit.vue b/src/views/oa/erp/finAccountInstallment/edit.vue
new file mode 100644
index 0000000..68ac3f9
--- /dev/null
+++ b/src/views/oa/erp/finAccountInstallment/edit.vue
@@ -0,0 +1,604 @@
+<template>
+  <div class="p-2">
+    <el-card shadow="never" style="margin-top: 0">
+      <approvalButton
+        @submitForm="submitForm"
+        @approvalVerifyOpen="approvalVerifyOpen"
+        @handleApprovalRecord="handleApprovalRecord"
+        :buttonLoading="buttonLoading"
+        :id="form.accountInstallmentId"
+        :status="form.flowStatus"
+        :pageType="routeParams.type"
+        :mode="false"
+      />
+    </el-card>
+
+    <el-card shadow="never" style="margin-top: 0">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div style="text-align: left; font-weight: bold; font-size: 24px">{{ pageTitle }}</div>
+          <el-button v-if="canAllocate" type="primary" @click="handleAddDetail">
+            <el-icon class="mr-1"><Plus /></el-icon>
+            新增分款
+          </el-button>
+          <el-tag v-else-if="routeParams.type === 'allocate'" type="info">{{ allocateHintText }}</el-tag>
+        </div>
+      </template>
+
+      <el-descriptions :column="3" border>
+        <el-descriptions-item label="回款编号">{{ form.installmentCode }}</el-descriptions-item>
+        <el-descriptions-item label="客户名称">{{ form.customerName }}</el-descriptions-item>
+        <el-descriptions-item label="回款日期">{{ parseTime(form.paymentDate, '{y}-{m}-{d}') }}</el-descriptions-item>
+        <el-descriptions-item label="回款金额">
+          <span class="font-medium text-blue-600">¥{{ formatMoney(form.paymentAmount) }}</span>
+        </el-descriptions-item>
+        <el-descriptions-item label="已分款金额">
+          <span class="font-medium text-orange-600">¥{{ formatMoney(allocatedAmount) }}</span>
+        </el-descriptions-item>
+        <el-descriptions-item label="剩余可分">
+          <span :class="remainingAmount < 0 ? 'text-red-600' : 'text-green-600'" class="font-medium">
+            ¥{{ formatMoney(remainingAmount) }}
+          </span>
+        </el-descriptions-item>
+        <el-descriptions-item label="客户经理">{{ form.managerNickNames || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="流程状态">
+          <dict-tag :options="flow_status" :value="form.flowStatus" />
+        </el-descriptions-item>
+        <el-descriptions-item label="分款进度">
+          <dict-tag :options="installment_status" :value="form.installmentStatus" />
+        </el-descriptions-item>
+        <el-descriptions-item label="备注" :span="3">{{ form.remark || '-' }}</el-descriptions-item>
+      </el-descriptions>
+
+      <el-alert
+        v-if="remainingAmount !== 0"
+        :title="remainingAmount < 0 ? '分款金额超出回款金额' : '分款金额不足回款金额'"
+        type="warning"
+        :closable="false"
+        class="mt-3"
+        show-icon
+      />
+
+      <el-table v-loading="detailLoading" :data="detailList" border size="small" class="mt-3">
+        <el-table-column label="项目编号" align="center" prop="projectCode" width="120" show-overflow-tooltip />
+        <el-table-column label="项目名称" align="center" prop="projectName" min-width="140" show-overflow-tooltip />
+        <el-table-column label="合同编号" align="center" prop="contractCode" width="120" show-overflow-tooltip />
+        <el-table-column label="合同名称" align="center" prop="contractName" min-width="140" show-overflow-tooltip />
+        <el-table-column label="分款阶段" align="center" prop="stageName" width="100" />
+        <el-table-column label="分款金额" align="center" width="110">
+          <template #default="{ row }">
+            <span class="font-medium">¥{{ formatMoney(row.detailAmount) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip />
+        <el-table-column v-if="canAllocate" label="操作" align="center" width="100" fixed="right">
+          <template #default="{ row }">
+            <el-button link type="primary" size="small" @click="handleEditDetail(row)">编辑</el-button>
+            <el-button link type="danger" size="small" @click="handleDeleteDetail(row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-empty
+        v-if="!detailLoading && !detailList.length"
+        :description="canAllocate ? '暂无分款明细，请点击新增分款添加' : '暂无分款明细'"
+        class="mt-3"
+      />
+    </el-card>
+
+    <ProjectSelectDialog v-model:visible="showProjectDialog" @project-selected="handleProjectSelected" />
+    <ContractSelectDialog v-model:visible="showContractDialog" @contract-selected="handleContractSelected" />
+
+    <el-dialog :title="detailDialog.title" v-model="detailDialog.visible" width="560px" append-to-body>
+      <el-form ref="detailFormRef" :model="detailForm" :rules="detailRules" label-width="120px">
+        <el-form-item label="项目编号">
+          <el-input v-model="detailForm.projectCode" disabled />
+        </el-form-item>
+        <el-form-item label="项目名称">
+          <el-input v-model="detailForm.projectName" disabled />
+        </el-form-item>
+        <el-form-item label="合同编号">
+          <el-input v-model="detailForm.contractCode" disabled />
+        </el-form-item>
+        <el-form-item label="合同名称">
+          <el-input v-model="detailForm.contractName" disabled />
+        </el-form-item>
+        <el-form-item label="合同额">
+          <span class="font-medium text-gray-800">{{ contractTotalPriceDisplay }}</span>
+        </el-form-item>
+        <el-form-item label="分款节点" prop="paymentStageId">
+          <div style="display: flex; flex-flow: row nowrap; align-items: center; gap: 12px; width: 100%; min-width: 0; overflow-x: auto">
+            <el-select v-model="detailForm.paymentStageId" placeholder="请选择分款节点" style="width: 150px; flex-shrink: 0">
+              <el-option v-for="stage in paymentStageList" :key="stage.paymentStageId" :label="stage.stageName" :value="stage.paymentStageId" />
+            </el-select>
+            <template v-if="detailForm.paymentStageId">
+              <span style="white-space: nowrap; flex-shrink: 0">
+                回款比例 <span>{{ selectedStagePaymentRatioText }}</span>
+              </span>
+              <span style="white-space: nowrap; flex-shrink: 0">
+                金额 <span>¥{{ formatMoneyOrDash(selectedStageContractShareAmount) }}</span>
+              </span>
+            </template>
+          </div>
+        </el-form-item>
+        <el-form-item label="分款金额" prop="detailAmount">
+          <el-input-number
+            v-model="detailForm.detailAmount"
+            :precision="2"
+            :min="0.01"
+            :max="999999999"
+            placeholder="请输入分款金额"
+            style="width: 100%"
+            controls-position="right"
+          />
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input v-model="detailForm.remark" type="textarea" :rows="2" placeholder="请输入备注" />
+        </el-form-item>
+        <el-alert
+          v-if="formRemainingAmount !== 0"
+          :title="formRemainingAmount < 0 ? '分款金额超出回款金额' : '分款金额不足回款金额'"
+          :type="formRemainingAmount < 0 ? 'error' : 'warning'"
+          :closable="false"
+          show-icon
+          class="mb-2"
+        >
+          <template #default>
+            <span class="font-medium">
+              {{ formRemainingAmount < 0 ? '已超出' : '还差' }} ¥{{ formatMoney(Math.abs(formRemainingAmount)) }}，分款总金额不能超出回款金额
+            </span>
+          </template>
+        </el-alert>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="detailButtonLoading" type="primary" @click="submitDetailForm">确 定</el-button>
+          <el-button @click="cancelDetail">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <submitVerify ref="submitVerifyRef" :task-variables="taskVariables" @submit-callback="submitCallback" />
+    <approvalRecord ref="approvalRecordRef" />
+  </div>
+</template>
+
+<script setup name="FinAccountInstallmentEdit" lang="ts">
+import { Plus } from '@element-plus/icons-vue';
+import { getFinAccountInstallment } from '@/api/oa/erp/finAccountInstallment';
+import {
+  addFinAccountInstallmentDetail,
+  getErpFinAccountInstallmentDetailList,
+  updateFinAccountInstallmentDetail,
+  deleteInstallmentDetailByBo
+} from '@/api/oa/erp/finAccountInstallmentDetail';
+import { FinAccountInstallmentForm } from '@/api/oa/erp/finAccountInstallment/types';
+import { FinAccountInstallmentDetailForm, FinAccountInstallmentDetailVO } from '@/api/oa/erp/finAccountInstallmentDetail/types';
+import { getErpContractPaymentMethodJoinList } from '@/api/oa/erp/finAccountReceivable';
+import ProjectSelectDialog from '@/views/oa/components/ProjectSelectDialog.vue';
+import ContractSelectDialog from '@/views/oa/components/ContractSelectDialog.vue';
+import ApprovalButton from '@/components/Process/approvalButton.vue';
+import SubmitVerify from '@/components/Process/submitVerify.vue';
+import ApprovalRecord from '@/components/Process/approvalRecord.vue';
+import { parseTime } from '@/utils/ruoyi';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const route = useRoute();
+const router = useRouter();
+
+const { installment_status, flow_status } = toRefs<any>(proxy?.useDict('installment_status', 'flow_status'));
+
+const routeParams = ref<Record<string, any>>({});
+const buttonLoading = ref(false);
+const detailLoading = ref(false);
+const detailList = ref<FinAccountInstallmentDetailVO[]>([]);
+
+const submitVerifyRef = ref<InstanceType<typeof SubmitVerify>>();
+const approvalRecordRef = ref<InstanceType<typeof ApprovalRecord>>();
+
+const taskVariables = ref<Record<string, any>>({});
+
+const FLOW_STATUS = { DRAFT: 'draft', WAITING: 'waiting', FINISH: 'finish', BACK: 'back', CANCEL: 'cancel' };
+const INSTALLMENT_STATUS = { NOT_ALLOCATED: '0', DISPATCHED: '1', COMPLETE: '2' };
+
+const isFlowEditable = (flowStatus?: string) =>
+  !flowStatus || flowStatus === FLOW_STATUS.DRAFT || flowStatus === FLOW_STATUS.BACK || flowStatus === FLOW_STATUS.CANCEL;
+
+const initFormData: FinAccountInstallmentForm = {
+  accountInstallmentId: undefined,
+  installmentCode: undefined,
+  customerName: undefined,
+  paymentAmount: undefined,
+  paymentDate: undefined,
+  currency: 'CNY',
+  remark: undefined,
+  flowStatus: undefined,
+  installmentStatus: undefined,
+  accountManagerIds: undefined,
+  managerUserIds: [],
+  managerNickNames: undefined,
+  canAllocate: undefined
+};
+
+const form = ref<FinAccountInstallmentForm>({ ...initFormData });
+
+const pageTitle = computed(() => {
+  const t = routeParams.value.type;
+  if (t === 'view') return '分款 - 查看';
+  if (t === 'approval') return '分款审核';
+  return '客户分款';
+});
+
+/** 客户经理分款：查看模式只读，审批/分款模式在 canAllocate 时可维护明细 */
+const canAllocate = computed(() => form.value.canAllocate === true && routeParams.value.type !== 'view');
+
+const allocateHintText = computed(() => {
+  if (form.value.canAllocate) return '';
+  if (isFlowEditable(form.value.flowStatus) && form.value.installmentStatus === INSTALLMENT_STATUS.NOT_ALLOCATED) {
+    return '请先由财务派发给客户经理';
+  }
+  if (form.value.flowStatus === FLOW_STATUS.FINISH || form.value.installmentStatus === INSTALLMENT_STATUS.COMPLETE) {
+    return '分款已完成';
+  }
+  if (form.value.flowStatus !== FLOW_STATUS.WAITING) return '流程未处于待处理状态';
+  return '您无权操作该回款分款';
+});
+
+const allocatedAmount = computed(() =>
+  Number((detailList.value || []).reduce((sum, item) => sum + Number(item.detailAmount || 0), 0))
+);
+
+const remainingAmount = computed(() => Number(form.value.paymentAmount || 0) - allocatedAmount.value);
+
+const formRemainingAmount = computed(() => {
+  const currentDetailAmount = Number(detailForm.detailAmount) || 0;
+  const existingTotal = Number(
+    (detailList.value || []).reduce((sum, item) => {
+      if (detailForm.installmentDetailId && item.installmentDetailId === detailForm.installmentDetailId) {
+        return sum;
+      }
+      return sum + Number(item.detailAmount || 0);
+    }, 0)
+  );
+  return Number(form.value.paymentAmount || 0) - existingTotal - currentDetailAmount;
+});
+
+const showProjectDialog = ref(false);
+const showContractDialog = ref(false);
+const selectedProject = ref<any>(null);
+
+interface ContractPaymentStageJoinRow {
+  paymentStageId: string | number;
+  stageName?: string;
+  paymentPercentage?: number | string;
+  paymentAmount?: number | string;
+}
+
+const paymentStageList = ref<ContractPaymentStageJoinRow[]>([]);
+const detailFormContractTotalPrice = ref<number | undefined>(undefined);
+
+const formatMoney = (val: number | string | undefined | null) => {
+  if (val === undefined || val === null) return '0.00';
+  const n = Number(val || 0);
+  return n.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+};
+
+const formatMoneyOrDash = (money: number | undefined | null) => {
+  if (money === undefined || money === null || Number.isNaN(Number(money))) return '—';
+  return formatMoney(money);
+};
+
+const contractTotalPriceDisplay = computed(() => {
+  const v = detailFormContractTotalPrice.value;
+  if (v === undefined || v === null || Number.isNaN(Number(v))) return '—';
+  return `¥${formatMoney(v)}`;
+});
+
+const selectedPaymentStageRow = computed(() => {
+  const id = detailForm.paymentStageId;
+  if (id == null || id === '') return null;
+  return paymentStageList.value.find((s) => String(s.paymentStageId) === String(id)) ?? null;
+});
+
+const selectedStagePaymentRatioText = computed(() => {
+  const row = selectedPaymentStageRow.value;
+  if (row && row.paymentPercentage !== undefined && row.paymentPercentage !== null && row.paymentPercentage !== '') {
+    const n = Number(row.paymentPercentage);
+    if (!Number.isNaN(n)) return `${n}%`;
+  }
+  const p = detailForm.contractPaymentPercentage;
+  if (p !== undefined && p !== null && !Number.isNaN(Number(p))) {
+    const n = Number(p);
+    if (!Number.isNaN(n)) return `${n}%`;
+  }
+  return '—';
+});
+
+const selectedStageContractShareAmount = computed(() => {
+  const row = selectedPaymentStageRow.value;
+  if (row) {
+    const backend = row.paymentAmount !== undefined && row.paymentAmount !== null && row.paymentAmount !== '' ? Number(row.paymentAmount) : NaN;
+    if (!Number.isNaN(backend)) return backend;
+    const total = Number(detailFormContractTotalPrice.value);
+    const pct = Number(row.paymentPercentage);
+    if (!Number.isNaN(total) && !Number.isNaN(pct)) return (total * pct) / 100;
+  }
+  const dAmt = detailForm.contractPaymentAmount;
+  if (dAmt !== undefined && dAmt !== null && !Number.isNaN(Number(dAmt))) {
+    return Number(dAmt);
+  }
+  const total = Number(detailFormContractTotalPrice.value);
+  const pct = Number(detailForm.contractPaymentPercentage);
+  if (!Number.isNaN(total) && !Number.isNaN(pct)) return (total * pct) / 100;
+  return undefined;
+});
+
+const getPaymentStages = async (contractId: string | number | undefined) => {
+  paymentStageList.value = [];
+  if (contractId && contractId !== '') {
+    const res = await getErpContractPaymentMethodJoinList({ contractId: contractId });
+    paymentStageList.value = (res.data || []) as ContractPaymentStageJoinRow[];
+  }
+};
+
+const detailDialog = reactive({
+  visible: false,
+  title: '新增分款明细'
+});
+const detailButtonLoading = ref(false);
+const detailFormRef = ref<ElFormInstance>();
+const initDetailForm: FinAccountInstallmentDetailForm = {
+  installmentDetailId: undefined,
+  accountInstallmentId: undefined,
+  projectId: undefined,
+  projectCode: undefined,
+  projectName: undefined,
+  contractId: undefined,
+  contractCode: undefined,
+  contractName: undefined,
+  paymentStageId: undefined,
+  detailAmount: undefined,
+  installmentStatus: undefined,
+  remark: undefined,
+  contractTotalPrice: undefined,
+  contractPaymentPercentage: undefined,
+  contractPaymentAmount: undefined
+};
+const detailForm = reactive<FinAccountInstallmentDetailForm>({ ...initDetailForm });
+
+function validateDetailAmountNotExceedNode(_rule: unknown, value: unknown, callback: (e?: Error) => void) {
+  const max = selectedStageContractShareAmount.value;
+  if (max == null || Number.isNaN(Number(max))) {
+    callback();
+    return;
+  }
+  const maxN = Number(max);
+  const v = Number(value);
+  if (value === undefined || value === null || value === '' || Number.isNaN(v)) {
+    callback();
+    return;
+  }
+  const vCents = Math.round(v * 100);
+  const maxCents = Math.round(maxN * 100);
+  if (vCents > maxCents) {
+    callback(new Error(`分款金额不能大于节点约定金额（¥${formatMoney(maxN)}）`));
+    return;
+  }
+  callback();
+}
+
+const detailRules = {
+  paymentStageId: [{ required: true, message: '请选择分款节点', trigger: 'change' }],
+  detailAmount: [
+    { required: true, message: '请输入分款金额', trigger: 'blur' },
+    { validator: validateDetailAmountNotExceedNode, trigger: ['blur', 'change'] }
+  ]
+};
+
+const syncTaskVariables = () => {
+  if (form.value.accountManagerIds) {
+    taskVariables.value.accountManagerId = form.value.accountManagerIds;
+  } else if (form.value.managerUserIds?.length) {
+    taskVariables.value.accountManagerId = form.value.managerUserIds.map((id) => String(id)).join(',');
+  } else {
+    taskVariables.value.accountManagerId = '';
+  }
+};
+
+const loadDetailList = async () => {
+  if (!form.value.accountInstallmentId) return;
+  detailLoading.value = true;
+  try {
+    const res = await getErpFinAccountInstallmentDetailList({
+      accountInstallmentId: form.value.accountInstallmentId
+    });
+    detailList.value = res.data || [];
+  } finally {
+    detailLoading.value = false;
+  }
+};
+
+const refreshInstallment = async () => {
+  if (!form.value.accountInstallmentId) return;
+  const res = await getFinAccountInstallment(form.value.accountInstallmentId);
+  Object.assign(form.value, res.data);
+  syncTaskVariables();
+};
+
+const loadData = async (id: string | number) => {
+  proxy?.$modal.loading('正在加载数据，请稍后...');
+  try {
+    const res = await getFinAccountInstallment(id);
+    Object.assign(form.value, res.data);
+    syncTaskVariables();
+    await loadDetailList();
+  } finally {
+    proxy?.$modal.closeLoading();
+  }
+};
+
+const handleAddDetail = () => {
+  if (!form.value.accountInstallmentId) {
+    proxy?.$modal.msgWarning('回款数据未加载');
+    return;
+  }
+  if (!canAllocate.value) {
+    proxy?.$modal.msgWarning(allocateHintText.value || '当前不可分款');
+    return;
+  }
+  showProjectDialog.value = true;
+};
+
+const handleProjectSelected = (data: any) => {
+  selectedProject.value = data.project;
+  if (data.project.contractFlag !== '1') {
+    showContractDialog.value = true;
+  } else {
+    fillDetailForm(data.project, data.contract);
+    getPaymentStages(data.contract.contractId);
+  }
+};
+
+const handleContractSelected = (contract: any) => {
+  if (selectedProject.value) {
+    fillDetailForm(selectedProject.value, contract);
+    getPaymentStages(contract.contractId);
+  }
+};
+
+const fillDetailForm = (project: any, contract: any) => {
+  const totalPriceRaw = contract?.totalPrice;
+  detailFormContractTotalPrice.value =
+    totalPriceRaw !== undefined && totalPriceRaw !== null && totalPriceRaw !== '' ? Number(totalPriceRaw) : undefined;
+  Object.assign(detailForm, {
+    installmentDetailId: undefined,
+    accountInstallmentId: form.value.accountInstallmentId,
+    projectId: project.projectId || project.id,
+    projectCode: project.projectCode,
+    projectName: project.projectName,
+    contractId: contract?.contractId || contract?.id,
+    contractCode: contract?.contractCode || '',
+    contractName: contract?.contractName || '',
+    paymentStageId: undefined,
+    detailAmount: undefined,
+    remark: undefined,
+    contractTotalPrice: undefined,
+    contractPaymentPercentage: undefined,
+    contractPaymentAmount: undefined
+  });
+  detailDialog.title = '新增分款明细';
+  detailDialog.visible = true;
+};
+
+const syncAddDetailAmountFromSelectedStage = () => {
+  if (!detailDialog.visible || detailForm.installmentDetailId) return;
+  let next: number | undefined;
+  if (detailForm.paymentStageId != null && detailForm.paymentStageId !== '') {
+    const raw = selectedStageContractShareAmount.value;
+    const n = raw != null && !Number.isNaN(Number(raw)) ? Number(raw) : NaN;
+    if (!Number.isNaN(n) && n > 0) {
+      const rounded = Math.round(n * 100) / 100;
+      next = rounded < 0.01 ? 0.01 : rounded;
+    }
+  }
+  detailForm.detailAmount = next;
+  if (detailFormRef.value) {
+    nextTick(() => detailFormRef.value?.validateField('detailAmount'));
+  }
+};
+
+const handleEditDetail = async (row: FinAccountInstallmentDetailVO) => {
+  Object.assign(detailForm, row);
+  detailDialog.title = '编辑分款明细';
+  detailDialog.visible = true;
+  const tp = row.contractTotalPrice;
+  detailFormContractTotalPrice.value =
+    tp !== undefined && tp !== null && !Number.isNaN(Number(tp)) ? Number(tp) : undefined;
+  await getPaymentStages(detailForm.contractId);
+  nextTick(() => detailFormRef.value?.validateField('detailAmount'));
+};
+
+const handleDeleteDetail = async (row: FinAccountInstallmentDetailVO) => {
+  await proxy?.$modal.confirm('是否确认删除该分款明细？');
+  await deleteInstallmentDetailByBo({
+    installmentDetailId: row.installmentDetailId,
+    accountInstallmentId: form.value.accountInstallmentId!
+  });
+  proxy?.$modal.msgSuccess('删除成功');
+  await loadDetailList();
+  await refreshInstallment();
+};
+
+const submitDetailForm = async () => {
+  const valid = await detailFormRef.value?.validate();
+  if (!valid) return;
+  detailButtonLoading.value = true;
+  try {
+    if (detailForm.installmentDetailId) {
+      await updateFinAccountInstallmentDetail(detailForm);
+      proxy?.$modal.msgSuccess('修改成功');
+    } else {
+      await addFinAccountInstallmentDetail(detailForm);
+      proxy?.$modal.msgSuccess('新增成功');
+    }
+    detailDialog.visible = false;
+    await loadDetailList();
+    await refreshInstallment();
+  } finally {
+    detailButtonLoading.value = false;
+  }
+};
+
+const cancelDetail = () => {
+  detailDialog.visible = false;
+};
+
+watch(
+  () => detailDialog.visible,
+  (val) => {
+    if (!val) {
+      Object.assign(detailForm, initDetailForm);
+      detailFormContractTotalPrice.value = undefined;
+    }
+  }
+);
+
+watch(
+  () => [
+    detailDialog.visible,
+    detailForm.installmentDetailId,
+    detailForm.paymentStageId,
+    paymentStageList.value,
+    detailFormContractTotalPrice.value
+  ],
+  () => {
+    syncAddDetailAmountFromSelectedStage();
+  },
+  { flush: 'post' }
+);
+
+onMounted(() => {
+  routeParams.value = route.query;
+  const id = routeParams.value.id as string | number;
+  if (id) {
+    loadData(id);
+  }
+});
+
+const submitForm = () => {
+  proxy?.$modal.msgWarning('分款审核由财务派发后自动发起，无需在此提交');
+};
+
+const handleApprovalRecord = () => {
+  approvalRecordRef.value?.init(form.value.accountInstallmentId);
+};
+
+const approvalVerifyOpen = async () => {
+  syncTaskVariables();
+  await submitVerifyRef.value?.openDialog(routeParams.value.taskId);
+};
+
+const submitCallback = () => {
+  proxy?.$tab.closePage(route);
+  router.go(-1);
+};
+</script>
diff --git a/src/views/oa/erp/finAccountInstallment/index.vue b/src/views/oa/erp/finAccountInstallment/index.vue
index 21e86cd..a4a1636 100644
--- a/src/views/oa/erp/finAccountInstallment/index.vue
+++ b/src/views/oa/erp/finAccountInstallment/index.vue
@@ -4,21 +4,20 @@
     <el-card shadow="never" class="flex-1 overflow-hidden">
       <div class="flex h-full" style="min-height: 600px">
         <!-- 左侧：回款信息（可展开/收缩） -->
-        <div :class="['transition-all duration-300 relative', leftCollapsed ? 'w-12' : 'w-[527px]']" class="border-r border-gray-200 flex flex-col">
+        <div
+          :class="[
+            'transition-all duration-300 relative border-r border-gray-200 flex flex-col min-w-0 shrink-0',
+            leftCollapsed ? 'w-12' : 'flex-[3]'
+          ]"
+        >
           <!-- 左侧头部 -->
-          <div class="p-3 border-b border-gray-200 flex items-center justify-between bg-gray-50">
-            <div class="flex items-center">
-              <el-button link @click="leftCollapsed = !leftCollapsed" class="mr-2">
-                <el-icon :class="leftCollapsed ? 'rotate-180' : ''">
-                  <DArrowLeft />
-                </el-icon>
-              </el-button>
-              <span v-show="!leftCollapsed" class="font-medium text-base">回款信息</span>
-            </div>
-            <el-button v-if="!leftCollapsed" type="primary" size="small" @click="upload.open = true">
-              <el-icon class="mr-1"><Upload /></el-icon>
-              导入Excel
+          <div class="panel-head">
+            <el-button link @click="leftCollapsed = !leftCollapsed">
+              <el-icon :class="leftCollapsed ? 'rotate-180' : ''">
+                <DArrowLeft />
+              </el-icon>
             </el-button>
+            <span v-show="!leftCollapsed" class="panel-head__title">回款信息</span>
           </div>
 
           <!-- 左侧内容区 -->
@@ -27,52 +26,114 @@
             <div class="p-3 border-b border-gray-100">
               <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="80px" class="mb-0">
                 <el-form-item label="客户名称" prop="customerName" class="mb-2">
-                  <el-input v-model="queryParams.customerName" placeholder="请输入客户名称" clearable @keyup.enter="handleQuery" size="small" />
+                  <el-input v-model="queryParams.customerName" placeholder="请输入客户名称" clearable @keyup.enter="handleQuery" />
                 </el-form-item>
-                <el-form-item label="状态" prop="installmentStatus" class="mb-2">
-                  <el-select v-model="queryParams.installmentStatus" placeholder="请选择状态" clearable @keyup.enter="handleQuery">
-                    <el-option v-for="dict in installment_status" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
+                <el-form-item label="分款进度" prop="installmentStatus" class="mb-2">
+                  <el-select v-model="queryParams.installmentStatus" placeholder="请选择分款进度" clearable >
+                    <el-option v-for="dict in installment_status" :key="dict.value" :label="dict.label" :value="dict.value" />
                   </el-select>
                 </el-form-item>
                 <el-form-item class="mb-2">
-                  <el-button type="primary" size="small" @click="handleQuery">搜索</el-button>
-                  <el-button size="small" @click="resetQuery">重置</el-button>
+                  <el-button type="primary" @click="handleQuery">搜索</el-button>
+                  <el-button @click="resetQuery">重置</el-button>
                 </el-form-item>
               </el-form>
             </div>
 
             <!-- 回款列表 -->
-            <div class="flex-1 overflow-auto p-2">
+            <div class="flex-1 flex flex-col overflow-hidden px-2 pb-2">
+              <div class="installment-toolbar">
+                <el-button
+                  type="primary"
+                  plain
+                  icon="Plus"
+                  @click="handleAddInstallment"
+                  v-hasPermi="['oa/erp:finAccountInstallment:add']"
+                >
+                  新增
+                </el-button>
+                <el-button
+                  type="warning"
+                  plain
+                  icon="Upload"
+                  @click="upload.open = true"
+                  v-hasPermi="['oa/erp:finAccountInstallment:import']"
+                >
+                  导入
+                </el-button>
+                <el-button
+                  type="success"
+                  plain
+                  icon="Promotion"
+                  :disabled="!canDispatchSelection"
+                  @click="openDispatchDialog"
+                  v-hasPermi="['oa/erp:finAccountInstallment:dispatch']"
+                >
+                  派发客户经理
+                </el-button>
+                <span v-if="selectedInstallmentRows.length" class="installment-toolbar__hint">
+                  已选 {{ selectedInstallmentRows.length }} 条
+                </span>
+              </div>
+              <div class="flex-1 overflow-auto min-h-0">
               <el-table
                 v-loading="loading"
                 :data="finAccountInstallmentList"
                 highlight-current-row
                 @row-click="handleRowClick"
+                @selection-change="handleInstallmentSelectionChange"
                 :row-class-name="getRowClassName"
                 border
                 size="small"
               >
-                <el-table-column label="回款编号" align="center" prop="installmentCode" width="120" show-overflow-tooltip />
-                <el-table-column label="客户名称" align="center" prop="customerName" width="100" show-overflow-tooltip />
-                <el-table-column label="回款金额" align="center" prop="paymentAmount" width="90">
+                <el-table-column type="selection" width="42" align="center" :selectable="isRowSelectable" />
+                <el-table-column label="回款编号" align="center" prop="installmentCode" min-width="130" show-overflow-tooltip />
+                <el-table-column label="客户名称" align="center" prop="customerName" min-width="120" show-overflow-tooltip />
+                <el-table-column label="回款金额" align="center" prop="paymentAmount" min-width="100">
                   <template #default="{ row }">
                     <span class="font-medium">¥{{ formatMoney(row.paymentAmount) }}</span>
                   </template>
                 </el-table-column>
-                <el-table-column label="回款日期" align="center" prop="paymentDate" width="100">
+                <el-table-column label="回款日期" align="center" prop="paymentDate" min-width="110">
                   <template #default="{ row }">
                     {{ parseTime(row.paymentDate, '{y}-{m}-{d}') }}
                   </template>
                 </el-table-column>
-                <el-table-column label="状态" align="center" prop="installmentStatus" width="100">
+                <el-table-column label="分款进度" align="center" prop="installmentStatus" min-width="96">
                   <template #default="scope">
                     <dict-tag :options="installment_status" :value="scope.row.installmentStatus" />
                   </template>
                 </el-table-column>
+                <el-table-column label="客户经理" align="center" prop="managerNickNames" min-width="120" show-overflow-tooltip />
+                <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width" width="80">
+                  <template #default="{ row }">
+                    <el-tooltip
+                      v-if="row.installmentStatus === INSTALLMENT_STATUS_NOT_ALLOCATED"
+                      content="派发客户经理"
+                      placement="top"
+                    >
+                      <el-button
+                        link
+                        type="warning"
+                        icon="Promotion"
+                        @click.stop="handleDispatchRow(row)"
+                        v-hasPermi="['oa/erp:finAccountInstallment:dispatch']"
+                      />
+                    </el-tooltip>
+                    <el-tooltip
+                      v-if="row.installmentStatus !== INSTALLMENT_STATUS_NOT_ALLOCATED"
+                      content="查看详情"
+                      placement="top"
+                    >
+                      <el-button link type="info" icon="DocumentChecked" @click.stop="handleView(row)" />
+                    </el-tooltip>
+                  </template>
+                </el-table-column>
               </el-table>
+              </div>
 
               <!-- 分页 -->
-              <div class="flex justify-end mt-2">
+              <div class="flex justify-end mt-2 shrink-0">
                 <pagination
                   v-show="total > 0"
                   :total="total"
@@ -87,89 +148,131 @@
         </div>
 
         <!-- 右侧：分款明细 -->
-        <div class="flex-1 flex flex-col overflow-hidden">
-          <!-- 右侧头部 -->
-          <div class="p-3 border-b border-gray-200 flex items-center justify-between bg-gray-50">
-            <div class="flex items-center">
-              <span class="font-medium text-base">分款明细</span>
-              <span v-if="selectedInstallment" class="ml-2 text-gray-500 text-sm">
-                ({{ selectedInstallment.installmentCode }}-{{ selectedInstallment.customerName }})
-              </span>
+        <div class="detail-panel flex-[2] min-w-0 flex flex-col overflow-hidden">
+          <div class="detail-panel__header">
+            <div class="detail-panel__header-main">
+              <div>
+                <div class="detail-panel__title">分款明细</div>
+                <div v-if="selectedInstallment" class="detail-panel__meta">
+                  <span class="detail-panel__code">{{ selectedInstallment.installmentCode }}</span>
+                  <span class="detail-panel__divider">·</span>
+                  <span class="detail-panel__customer">{{ selectedInstallment.customerName }}</span>
+                </div>
+                <div v-else class="detail-panel__placeholder">请从左侧选择一条回款记录</div>
+              </div>
             </div>
-            <el-button v-if="selectedInstallment" type="primary" size="small" @click="handleAddDetail">
-              <el-icon class="mr-1"><Plus /></el-icon>
-              新增
-            </el-button>
           </div>
 
-          <!-- 右侧内容区 -->
-          <div class="flex-1 overflow-auto p-3">
+          <div class="detail-panel__body">
             <template v-if="selectedInstallment">
-              <!-- 回款信息卡片 -->
-              <el-card shadow="never" class="mb-3 bg-blue-50">
-                <el-descriptions :column="4" border size="small">
-                  <el-descriptions-item label="回款金额">
-                    <span class="font-medium text-lg text-blue-600">¥{{ formatMoney(selectedInstallment.paymentAmount) }}</span>
-                  </el-descriptions-item>
-                  <el-descriptions-item label="已分款金额">
-                    <span class="font-medium text-orange-600">¥{{ formatMoney(allocatedAmount) }}</span>
-                  </el-descriptions-item>
-                  <el-descriptions-item label="剩余可分">
-                    <span :class="remainingAmount < 0 ? 'text-red-600' : 'text-green-600'" class="font-medium">
-                      ¥{{ formatMoney(remainingAmount) }}
-                    </span>
-                  </el-descriptions-item>
-                  <el-descriptions-item label="状态">
-                    <dict-tag :options="installment_status" :value="selectedInstallment.installmentStatus" />
-                  </el-descriptions-item>
-                </el-descriptions>
-              </el-card>
+              <div class="detail-summary">
+                <div class="detail-summary__card detail-summary__card--primary">
+                  <div class="detail-summary__label">回款金额</div>
+                  <div class="detail-summary__value">¥{{ formatMoney(selectedInstallment.paymentAmount) }}</div>
+                </div>
+                <div class="detail-summary__card detail-summary__card--allocated">
+                  <div class="detail-summary__label">已分款</div>
+                  <div class="detail-summary__value">¥{{ formatMoney(allocatedAmount) }}</div>
+                </div>
+                <div
+                  class="detail-summary__card"
+                  :class="remainingAmount < 0 ? 'detail-summary__card--danger' : 'detail-summary__card--remain'"
+                >
+                  <div class="detail-summary__label">剩余可分</div>
+                  <div class="detail-summary__value">¥{{ formatMoney(remainingAmount) }}</div>
+                </div>
+              </div>
+
+              <div v-if="allocatePercent >= 0" class="detail-progress">
+                <div class="detail-progress__text">
+                  <span>分款进度</span>
+                  <span>{{ allocatePercent }}%</span>
+                </div>
+                <el-progress
+                  :percentage="allocatePercent"
+                  :status="allocateProgressStatus"
+                  :stroke-width="8"
+                  :show-text="false"
+                />
+              </div>
 
-              <!-- 金额校验警告 -->
               <el-alert
-                v-if="remainingAmount !== 0"
-                :title="remainingAmount < 0 ? '分款金额超出回款金额' : '分款金额不足回款金额'"
+                v-if="isAmountExceeded"
+                title="分款金额超出回款金额"
                 type="error"
                 :closable="false"
-                class="mb-3"
+                class="detail-alert"
                 show-icon
               >
                 <template #default>
-                  <span class="font-medium">
-                    {{ remainingAmount < 0 ? '已超出' : '还差' }} ¥{{ formatMoney(Math.abs(remainingAmount)) }}，分款金额不能超出回款金额
-                  </span>
+                  已超出 ¥{{ formatMoney(Math.abs(remainingAmount)) }}，请调整分款明细
+                </template>
+              </el-alert>
+              <el-alert
+                v-else-if="isAmountInsufficient"
+                type="warning"
+                :closable="false"
+                class="detail-alert detail-alert--compact"
+                show-icon
+              >
+                <template #title>
+                  <span class="detail-alert-compact__text">还差 ¥{{ formatMoney(remainingAmount) }} 未分配</span>
                 </template>
               </el-alert>
 
-              <!-- 分款明细表格 -->
-              <el-table v-loading="detailLoading" :data="finAccountInstallmentDetailList" border size="small">
-                <el-table-column label="项目编号" align="center" prop="projectCode" width="120" show-overflow-tooltip />
-                <el-table-column label="项目名称" align="center" prop="projectName" width="150" show-overflow-tooltip />
-                <el-table-column label="合同编号" align="center" prop="contractCode" width="120" show-overflow-tooltip />
-                <el-table-column label="合同名称" align="center" prop="contractName" width="150" show-overflow-tooltip />
-                <el-table-column label="分款阶段" align="center" prop="stageName" width="100" />
-                <el-table-column label="分款金额" align="center" width="100">
-                  <template #default="{ row }">
-                    <span class="font-medium">¥{{ formatMoney(row.detailAmount) }}</span>
+              <div class="detail-table-section">
+                <div class="detail-table-section__head">
+                  <span class="detail-table-section__title">明细列表</span>
+                  <span class="detail-table-section__count">共 {{ detailCount }} 条</span>
+                </div>
+                <el-table
+                  v-if="detailLoading || detailCount > 0"
+                  v-loading="detailLoading"
+                  :data="finAccountInstallmentDetailList"
+                  border
+                  stripe
+                  size="small"
+                  class="detail-table"
+                >
+                  <el-table-column label="项目" min-width="140" show-overflow-tooltip>
+                    <template #default="{ row }">
+                      <div class="detail-cell-project">
+                        <span class="detail-cell-project__code">{{ row.projectCode || '—' }}</span>
+                        <span class="detail-cell-project__name">{{ row.projectName || '—' }}</span>
+                      </div>
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="合同" min-width="140" show-overflow-tooltip>
+                    <template #default="{ row }">
+                      <div class="detail-cell-project">
+                        <span class="detail-cell-project__code">{{ row.contractCode || '—' }}</span>
+                        <span class="detail-cell-project__name">{{ row.contractName || '—' }}</span>
+                      </div>
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="阶段" align="center" prop="stageName" width="88" show-overflow-tooltip />
+                  <el-table-column label="分款金额" align="right" width="108">
+                    <template #default="{ row }">
+                      <span class="detail-amount">¥{{ formatMoney(row.detailAmount) }}</span>
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="备注" prop="remark" min-width="80" show-overflow-tooltip />
+                </el-table>
+                <el-empty
+                  v-if="!detailLoading && detailCount === 0"
+                  :image-size="72"
+                  description="暂无分款明细"
+                  class="detail-empty"
+                >
+                  <template #description>
+                    <p class="detail-empty__desc">暂无分款明细</p>
+                    <p v-if="selectedInstallment.canAllocate" class="detail-empty__hint">可点击「去分款」维护明细</p>
                   </template>
-                </el-table-column>
-                <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip />
-                <el-table-column label="操作" align="center" width="100" fixed="right">
-                  <template #default="{ row }">
-                    <el-button link type="primary" size="small" @click="handleEditDetail(row)">编辑</el-button>
-                    <el-button link type="danger" size="small" @click="handleDeleteDetail(row)">删除</el-button>
-                  </template>
-                </el-table-column>
-              </el-table>
-
-              <!-- 无数据提示 -->
-              <el-empty
-                v-if="!detailLoading && finAccountInstallmentDetailList && finAccountInstallmentDetailList.length === 0"
-                description="暂无分款明细，请点击新增添加"
-              />
+                </el-empty>
+              </div>
             </template>
 
-            <el-empty v-else description="请选择左侧回款记录查看分款明细" />
+            <el-empty v-else :image-size="88" description="请选择左侧回款记录" class="detail-panel__empty" />
           </div>
         </div>
       </div>
@@ -195,32 +298,12 @@
         <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
         <template #tip>
           <div class="text-center el-upload__tip">
-<!--            <div class="el-upload__tip"><el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据</div>-->
             <span>仅允许导入xls、xlsx格式文件。</span>
             <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" @click="importTemplate">下载模板</el-link>
           </div>
         </template>
       </el-upload>
 
-      <!-- 预览表格 -->
-<!--      <div v-if="importPreviewData.length > 0" class="mt-4">-->
-<!--        <div class="mb-2 text-base font-medium">预览数据 ({{ importPreviewData.length }} 条)</div>-->
-<!--        <el-table :data="importPreviewData" border max-height="300" size="small">-->
-<!--          <el-table-column type="index" label="序号" width="60" align="center" />-->
-<!--          <el-table-column label="客户名称" prop="customerName" align="center" />-->
-<!--          <el-table-column label="回款金额" prop="paymentAmount" align="center" />-->
-<!--          <el-table-column label="回款日期" prop="paymentDate" align="center" />-->
-<!--          <el-table-column label="备注" prop="remark" align="center" show-overflow-tooltip />-->
-<!--          <el-table-column label="状态" align="center" width="80">-->
-<!--            <template #default="{ row }">-->
-<!--              <el-tag v-if="row.isRepeat" type="warning" size="small">重复</el-tag>-->
-<!--              <el-tag v-else type="success" size="small">正常</el-tag>-->
-<!--            </template>-->
-<!--          </el-table-column>-->
-<!--        </el-table>-->
-<!--        <div v-if="duplicateCount > 0" class="mt-2 text-orange-500 text-sm">提示：检测到 {{ duplicateCount }} 条重复数据</div>-->
-<!--      </div>-->
-
       <template #footer>
         <div class="dialog-footer">
           <el-button @click="upload.open = false">取 消</el-button>
@@ -229,103 +312,91 @@
       </template>
     </el-dialog>
 
-    <!-- 项目选择对话框 -->
-    <ProjectSelectDialog v-model:visible="showProjectDialog" @project-selected="handleProjectSelected" />
-
-    <!-- 合同选择对话框（无合同时选择） -->
-    <ContractSelectDialog v-model:visible="showContractDialog" @contract-selected="handleContractSelected" />
-
-    <!-- 分款明细表单对话框 -->
-    <el-dialog :title="detailDialog.title" v-model="detailDialog.visible" width="560px" append-to-body>
-      <el-form ref="detailFormRef" :model="detailForm" :rules="detailRules" label-width="120px">
-        <el-form-item label="项目编号">
-          <el-input v-model="detailForm.projectCode" disabled />
+    <!-- 新增回款 -->
+    <el-dialog title="新增回款" v-model="installmentDialog.visible" width="480px" append-to-body>
+      <el-form ref="installmentFormRef" :model="installmentForm" :rules="installmentRules" label-width="100px">
+        <el-form-item label="客户名称" prop="customerName">
+          <el-input v-model="installmentForm.customerName" placeholder="请输入客户名称" />
         </el-form-item>
-        <el-form-item label="项目名称">
-          <el-input v-model="detailForm.projectName" disabled />
+        <el-form-item label="回款金额" prop="paymentAmount">
+          <el-input-number v-model="installmentForm.paymentAmount" :precision="2" :min="0.01" style="width: 100%" controls-position="right" />
         </el-form-item>
-        <el-form-item label="合同编号">
-          <el-input v-model="detailForm.contractCode" disabled />
+        <el-form-item label="回款日期" prop="paymentDate">
+          <el-date-picker v-model="installmentForm.paymentDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择回款日期" style="width: 100%" />
         </el-form-item>
-        <el-form-item label="合同名称">
-          <el-input v-model="detailForm.contractName" disabled />
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="installmentForm.remark" type="textarea" :rows="2" placeholder="请输入备注" />
         </el-form-item>
-        <el-form-item label="合同额">
-          <span class="font-medium text-gray-800">{{ contractTotalPriceDisplay }}</span>
-        </el-form-item>
-        <el-form-item label="分款节点" prop="paymentStageId">
-          <div style="display: flex; flex-flow: row nowrap; align-items: center; gap: 12px; width: 100%; min-width: 0; overflow-x: auto">
-            <el-select v-model="detailForm.paymentStageId" placeholder="请选择分款节点" style="width: 150px; flex-shrink: 0">
-              <el-option v-for="stage in paymentStageList" :key="stage.paymentStageId" :label="stage.stageName" :value="stage.paymentStageId" />
-            </el-select>
-            <template v-if="detailForm.paymentStageId">
-              <span style="white-space: nowrap; flex-shrink: 0">
-                回款比例 <span>{{ selectedStagePaymentRatioText }}</span>
-              </span>
-              <span style="white-space: nowrap; flex-shrink: 0">
-                金额 <span>¥{{ formatMoneyOrDash(selectedStageContractShareAmount) }}</span>
-              </span>
-            </template>
-          </div>
-        </el-form-item>
-        <el-form-item label="分款金额" prop="detailAmount">
-          <el-input-number
-            v-model="detailForm.detailAmount"
-            :precision="2"
-            :min="0.01"
-            :max="999999999"
-            placeholder="请输入分款金额"
-            style="width: 100%"
-            controls-position="right"
-          />
-        </el-form-item>
-        <el-form-item label="备注">
-          <el-input v-model="detailForm.remark" type="textarea" :rows="2" placeholder="请输入备注" />
-        </el-form-item>
-        <!-- 金额校验提示 -->
-        <el-alert
-          v-if="formRemainingAmount !== 0"
-          :title="formRemainingAmount < 0 ? '分款金额超出回款金额' : '分款金额不足回款金额'"
-          :type="formRemainingAmount < 0 ? 'error' : 'warning'"
-          :closable="false"
-          show-icon
-          class="mb-2"
-        >
-          <template #default>
-            <span class="font-medium">
-              {{ formRemainingAmount < 0 ? '已超出' : '还差' }} ¥{{ formatMoney(Math.abs(formRemainingAmount)) }}，分款总金额不能超出回款金额
-            </span>
-          </template>
-        </el-alert>
       </el-form>
       <template #footer>
-        <div class="dialog-footer">
-          <el-button :loading="detailButtonLoading" type="primary" @click="submitDetailForm">确 定</el-button>
-          <el-button @click="cancelDetail">取 消</el-button>
-        </div>
+        <el-button @click="installmentDialog.visible = false">取 消</el-button>
+        <el-button type="primary" :loading="installmentDialog.loading" @click="submitInstallmentForm">确 定</el-button>
       </template>
     </el-dialog>
+
+    <!-- 派发客户经理 -->
+    <el-dialog title="派发客户经理" v-model="dispatchDialog.visible" width="720px" append-to-body>
+      <p class="text-sm text-gray-600 mb-2">已选 {{ selectedInstallmentRows.length }} 条未分款回款：</p>
+      <el-table :data="selectedInstallmentRows" border size="small" max-height="220" class="mb-4">
+        <el-table-column label="回款编号" align="center" prop="installmentCode" width="120" show-overflow-tooltip />
+        <el-table-column label="客户名称" align="center" prop="customerName" min-width="120" show-overflow-tooltip />
+        <el-table-column label="回款金额" align="center" width="110">
+          <template #default="{ row }">
+            <span class="font-medium">¥{{ formatMoney(row.paymentAmount) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="回款日期" align="center" width="100">
+          <template #default="{ row }">
+            {{ parseTime(row.paymentDate, '{y}-{m}-{d}') }}
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-form label-width="88px">
+        <el-form-item label="客户经理" required>
+          <el-select
+            v-model="dispatchManagerUserIds"
+            multiple
+            filterable
+            clearable
+            placeholder="请选择客户经理（可多选）"
+            style="width: 100%"
+          >
+            <el-option v-for="u in managerUserOptions" :key="u.userId" :label="u.nickName" :value="u.userId" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="dispatchDialog.visible = false">取 消</el-button>
+        <el-button type="primary" :loading="dispatchDialog.loading" @click="submitDispatch">确认派发</el-button>
+      </template>
+    </el-dialog>
+
   </div>
 </template>
 
 <script setup name="FinAccountInstallment" lang="ts">
-import { listFinAccountInstallment } from '@/api/oa/erp/finAccountInstallment';
 import {
-  addFinAccountInstallmentDetail,
-  getErpFinAccountInstallmentDetailList,
-  updateFinAccountInstallmentDetail,
-  deleteInstallmentDetailByBo
-} from '@/api/oa/erp/finAccountInstallmentDetail';
-import { FinAccountInstallmentQuery, FinAccountInstallmentVO } from '@/api/oa/erp/finAccountInstallment/types';
-import { FinAccountInstallmentDetailForm, FinAccountInstallmentDetailVO } from '@/api/oa/erp/finAccountInstallmentDetail/types';
-import { getErpContractPaymentMethodJoinList } from '@/api/oa/erp/finAccountReceivable';
-import { getToken } from '@/utils/auth';
+  listFinAccountInstallment,
+  addFinAccountInstallment,
+  dispatchFinAccountInstallment
+} from '@/api/oa/erp/finAccountInstallment';
+import { getErpFinAccountInstallmentDetailList } from '@/api/oa/erp/finAccountInstallmentDetail';
+import {
+  FinAccountInstallmentForm,
+  FinAccountInstallmentQuery,
+  FinAccountInstallmentVO,
+  FinAccountInstallmentDispatchForm
+} from '@/api/oa/erp/finAccountInstallment/types';
+import { FlowCodeEnum } from '@/enums/OAEnum';
+import { FinAccountInstallmentDetailVO } from '@/api/oa/erp/finAccountInstallmentDetail/types';
 import { DArrowLeft } from '@element-plus/icons-vue';
-import ProjectSelectDialog from '@/views/oa/components/ProjectSelectDialog.vue';
-import ContractSelectDialog from '@/views/oa/components/ContractSelectDialog.vue';
+import { getUserList } from '@/api/system/user';
+import type { UserVO } from '@/api/system/user/types';
 import { globalHeaders } from '@/utils/request';
-const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+import { parseTime } from '@/utils/ruoyi';
 
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const router = useRouter();
 const { installment_status } = toRefs<any>(proxy?.useDict('installment_status'));
 
 // 左侧回款列表
@@ -334,8 +405,8 @@ const loading = ref(true);
 const total = ref(0);
 const leftCollapsed = ref(false);
 const selectedInstallment = ref<FinAccountInstallmentVO | null>(null);
+const selectedInstallmentRows = ref<FinAccountInstallmentVO[]>([]);
 
-// 查询参数
 const queryParams = reactive<FinAccountInstallmentQuery>({
   pageNum: 1,
   pageSize: 10,
@@ -348,257 +419,196 @@ const queryFormRef = ref<ElFormInstance>();
 const finAccountInstallmentDetailList = ref<FinAccountInstallmentDetailVO[]>([]);
 const detailLoading = ref(false);
 
-// 计算金额
-const allocatedAmount = computed(() => {
-  return Number((finAccountInstallmentDetailList.value || []).reduce((sum: number, item: any) => sum + Number(item.detailAmount || 0), 0));
-});
+const allocatedAmount = computed(() =>
+  Number((finAccountInstallmentDetailList.value || []).reduce((sum, item) => sum + Number(item.detailAmount || 0), 0))
+);
 
 const remainingAmount = computed(() => {
   if (!selectedInstallment.value) return 0;
   return Number(selectedInstallment.value.paymentAmount || 0) - allocatedAmount.value;
 });
 
-// 表单中的剩余金额（考虑当前正在编辑的金额）
-const formRemainingAmount = computed(() => {
-  if (!selectedInstallment.value) return 0;
-  const currentDetailAmount = Number(detailForm.detailAmount) || 0;
-  const existingTotal = Number(
-    (finAccountInstallmentDetailList.value || []).reduce((sum: number, item: any) => {
-      // 如果是编辑模式，排除当前正在编辑的记录
-      if (detailForm.installmentDetailId && item.installmentDetailId === detailForm.installmentDetailId) {
-        return sum;
-      }
-      return sum + Number(item.detailAmount || 0);
-    }, 0)
-  );
-  return Number(selectedInstallment.value.paymentAmount || 0) - existingTotal - currentDetailAmount;
+const detailCount = computed(() => finAccountInstallmentDetailList.value?.length ?? 0);
+
+const isAmountExceeded = computed(() => remainingAmount.value < 0);
+
+const isAmountInsufficient = computed(() => remainingAmount.value > 0);
+
+const allocatePercent = computed(() => {
+  const total = Number(selectedInstallment.value?.paymentAmount || 0);
+  if (total <= 0) return 0;
+  const pct = Math.round((allocatedAmount.value / total) * 100);
+  return Math.min(pct, 100);
+});
+
+const allocateProgressStatus = computed(() => {
+  if (isAmountExceeded.value) return 'exception';
+  if (allocatePercent.value >= 100) return 'success';
+  return undefined;
 });
 
-// 导入对话框
 const uploadRef = ref();
-const importLoading = ref(false);
-const importPreviewData = ref<any[]>([]);
-const duplicateCount = ref(0);
-const importFile = ref<File | null>(null);
-
-// 项目选择对话框
-const showProjectDialog = ref(false);
-const showContractDialog = ref(false);
-const selectedProject = ref<any>(null);
-
-/** 合同付款节点 join 列表（含支付比例、节点约定金额等） */
-interface ContractPaymentStageJoinRow {
-  paymentStageId: string | number;
-  stageName?: string;
-  paymentPercentage?: number | string;
-  paymentAmount?: number | string;
-}
-
-const paymentStageList = ref<ContractPaymentStageJoinRow[]>([]);
-
-/** 当前表单关联合同的合同额（总价），用于展示与节点金额推算 */
-const detailFormContractTotalPrice = ref<number | undefined>(undefined);
 
 const formatMoney = (money: number | undefined | null) => {
   if (money === undefined || money === null) return '0.00';
   return money.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 };
 
-const formatMoneyOrDash = (money: number | undefined | null) => {
-  if (money === undefined || money === null || Number.isNaN(Number(money))) return '—';
-  return formatMoney(money);
-};
+const INSTALLMENT_STATUS_NOT_ALLOCATED = '0';
 
-const contractTotalPriceDisplay = computed(() => {
-  const v = detailFormContractTotalPrice.value;
-  if (v === undefined || v === null || Number.isNaN(Number(v))) return '—';
-  return `¥${formatMoney(v)}`;
-});
+/** 是否未分款（installment_status = 0） */
+const isNotAllocated = (row: FinAccountInstallmentVO) => row.installmentStatus === INSTALLMENT_STATUS_NOT_ALLOCATED;
 
-const selectedPaymentStageRow = computed(() => {
-  const id = detailForm.paymentStageId;
-  if (id == null || id === '') return null;
-  return paymentStageList.value.find((s) => String(s.paymentStageId) === String(id)) ?? null;
-});
+const canDispatchSelection = computed(
+  () => selectedInstallmentRows.value.length > 0 && selectedInstallmentRows.value.every(isNotAllocated)
+);
 
-const selectedStagePaymentRatioText = computed(() => {
-  const row = selectedPaymentStageRow.value;
-  if (row && row.paymentPercentage !== undefined && row.paymentPercentage !== null && row.paymentPercentage !== '') {
-    const n = Number(row.paymentPercentage);
-    if (!Number.isNaN(n)) return `${n}%`;
-  }
-  const p = detailForm.contractPaymentPercentage;
-  if (p !== undefined && p !== null && !Number.isNaN(Number(p))) {
-    const n = Number(p);
-    if (!Number.isNaN(n)) return `${n}%`;
-  }
-  return '—';
-});
-
-/** 当前节点约定回款金额：优先付款节点列表；否则用明细 join 带回的合同节点金额/比例推算 */
-const selectedStageContractShareAmount = computed(() => {
-  const row = selectedPaymentStageRow.value;
-  if (row) {
-    const backend = row.paymentAmount !== undefined && row.paymentAmount !== null && row.paymentAmount !== '' ? Number(row.paymentAmount) : NaN;
-    if (!Number.isNaN(backend)) return backend;
-    const total = Number(detailFormContractTotalPrice.value);
-    const pct = Number(row.paymentPercentage);
-    if (!Number.isNaN(total) && !Number.isNaN(pct)) return (total * pct) / 100;
-  }
-  const dAmt = detailForm.contractPaymentAmount;
-  if (dAmt !== undefined && dAmt !== null && !Number.isNaN(Number(dAmt))) {
-    return Number(dAmt);
-  }
-  const total = Number(detailFormContractTotalPrice.value);
-  const pct = Number(detailForm.contractPaymentPercentage);
-  if (!Number.isNaN(total) && !Number.isNaN(pct)) return (total * pct) / 100;
-  return undefined;
-});
-
-/** 新增时查询合同付款节点列表 */
-const getPaymentStages = async (contractId) => {
-  paymentStageList.value = [];
-  if (contractId && contractId !== '') {
-    const res = await getErpContractPaymentMethodJoinList({ contractId: contractId });
-    paymentStageList.value = (res.data || []) as ContractPaymentStageJoinRow[];
-  }
-};
-
-// 分款明细表单
-const detailDialog = reactive({
-  visible: false,
-  title: '新增分款明细'
-});
-const detailButtonLoading = ref(false);
-const detailFormRef = ref<ElFormInstance>();
-const initDetailForm: FinAccountInstallmentDetailForm = {
-  installmentDetailId: undefined,
-  accountInstallmentId: undefined,
-  projectId: undefined,
-  projectCode: undefined,
-  projectName: undefined,
-  contractId: undefined,
-  contractCode: undefined,
-  contractName: undefined,
-  paymentStageId: undefined,
-  detailAmount: undefined,
-  installmentStatus: undefined,
+const installmentDialog = reactive({ visible: false, loading: false });
+const installmentFormRef = ref<ElFormInstance>();
+const installmentForm = reactive<FinAccountInstallmentForm>({
+  customerName: undefined,
+  paymentAmount: undefined,
+  paymentDate: undefined,
   remark: undefined,
-  contractTotalPrice: undefined,
-  contractPaymentPercentage: undefined,
-  contractPaymentAmount: undefined
+  currency: 'CNY'
+});
+const installmentRules = {
+  customerName: [{ required: true, message: '请输入客户名称', trigger: 'blur' }],
+  paymentAmount: [{ required: true, message: '请输入回款金额', trigger: 'blur' }],
+  paymentDate: [{ required: true, message: '请选择回款日期', trigger: 'change' }]
 };
-const detailForm = reactive<FinAccountInstallmentDetailForm>({ ...initDetailForm });
 
-function validateDetailAmountNotExceedNode(_rule: unknown, value: unknown, callback: (e?: Error) => void) {
-  const max = selectedStageContractShareAmount.value;
-  if (max == null || Number.isNaN(Number(max))) {
-    callback();
+const dispatchDialog = reactive({ visible: false, loading: false });
+const dispatchManagerUserIds = ref<Array<string | number>>([]);
+const managerUserOptions = ref<UserVO[]>([]);
+const managerUserOptionsLoaded = ref(false);
+
+const loadManagerUserOptions = async () => {
+  if (managerUserOptionsLoaded.value) return;
+  const res = await getUserList({} as any);
+  managerUserOptions.value = res.data || [];
+  managerUserOptionsLoaded.value = true;
+};
+
+const isRowSelectable = (row: FinAccountInstallmentVO) => isNotAllocated(row);
+
+const handleInstallmentSelectionChange = (rows: FinAccountInstallmentVO[]) => {
+  selectedInstallmentRows.value = rows;
+};
+
+const handleAddInstallment = () => {
+  installmentForm.customerName = undefined;
+  installmentForm.paymentAmount = undefined;
+  installmentForm.paymentDate = undefined;
+  installmentForm.remark = undefined;
+  installmentForm.currency = 'CNY';
+  installmentDialog.visible = true;
+};
+
+const submitInstallmentForm = async () => {
+  const valid = await installmentFormRef.value?.validate();
+  if (!valid) return;
+  installmentDialog.loading = true;
+  try {
+    await addFinAccountInstallment(installmentForm);
+    proxy?.$modal.msgSuccess('新增成功');
+    installmentDialog.visible = false;
+    await getList();
+  } finally {
+    installmentDialog.loading = false;
+  }
+};
+
+const openDispatchDialog = async () => {
+  if (!canDispatchSelection.value) {
+    proxy?.$modal.msgWarning('请勾选分款进度为「未分款」的回款');
     return;
   }
-  const maxN = Number(max);
-  const v = Number(value);
-  if (value === undefined || value === null || value === '' || Number.isNaN(v)) {
-    callback();
+  dispatchManagerUserIds.value = [];
+  await loadManagerUserOptions();
+  dispatchDialog.visible = true;
+};
+
+/** 操作列：单条派发 */
+const handleDispatchRow = async (row: FinAccountInstallmentVO) => {
+  if (!isNotAllocated(row)) {
+    proxy?.$modal.msgWarning('仅未分款状态的回款可派发');
     return;
   }
-  const vCents = Math.round(v * 100);
-  const maxCents = Math.round(maxN * 100);
-  if (vCents > maxCents) {
-    callback(new Error(`分款金额不能大于节点约定金额（¥${formatMoney(maxN)}）`));
+  selectedInstallmentRows.value = [row];
+  dispatchManagerUserIds.value = [];
+  await loadManagerUserOptions();
+  dispatchDialog.visible = true;
+};
+
+/** 组装派发及流程启动参数（仿出差申请 submitAndFlowStart） */
+const buildDispatchPayload = (): FinAccountInstallmentDispatchForm => {
+  const accountManagerId = dispatchManagerUserIds.value.map((id) => String(id)).join(',');
+  const rows = selectedInstallmentRows.value;
+  return {
+    accountInstallmentIds: rows.map((r) => r.accountInstallmentId),
+    managerUserIds: dispatchManagerUserIds.value,
+    flowCode: FlowCodeEnum.FIN_ACCOUNT_INSTALLMENT_CODE,
+    variables: {
+      ignore: true,
+      accountManagerId
+    },
+    flowBizList: rows.map((row) => ({
+      businessId: String(row.accountInstallmentId),
+      businessCode: row.installmentCode,
+      businessTitle: `${row.customerName}分款审核`
+    }))
+  };
+};
+
+const submitDispatch = async () => {
+  if (!dispatchManagerUserIds.value.length) {
+    proxy?.$modal.msgWarning('请选择客户经理');
     return;
   }
-  callback();
-}
-
-const detailRules = {
-  paymentStageId: [{ required: true, message: '请选择分款节点', trigger: 'change' }],
-  detailAmount: [
-    { required: true, message: '请输入分款金额', trigger: 'blur' },
-    { validator: validateDetailAmountNotExceedNode, trigger: ['blur', 'change'] }
-  ]
-};
-
-const INSTALLMENT_STATUS = {
-  NOT: '0', //未分款
-  PARTIALLY: '1', //部分分款
-  COMPLETE: '2' //分款完成
-};
-
-/** 明细列表刷新后，按剩余回款与已分款情况同步左侧选中行及列表中的分款状态 */
-const syncSelectedInstallmentStatusWithDetailList = () => {
-  if (!selectedInstallment.value) return;
-  const newStatus =
-    remainingAmount.value === 0
-      ? INSTALLMENT_STATUS.COMPLETE
-      : allocatedAmount.value > 0
-        ? INSTALLMENT_STATUS.PARTIALLY
-        : INSTALLMENT_STATUS.NOT;
-  selectedInstallment.value.installmentStatus = newStatus;
-  const id = selectedInstallment.value.accountInstallmentId;
-  const index = finAccountInstallmentList.value.findIndex((item) => item.accountInstallmentId === id);
-  if (index !== -1) {
-    finAccountInstallmentList.value[index].installmentStatus = newStatus;
+  dispatchDialog.loading = true;
+  try {
+    await dispatchFinAccountInstallment(buildDispatchPayload());
+    proxy?.$modal.msgSuccess('派发成功');
+    dispatchDialog.visible = false;
+    await getList();
+  } finally {
+    dispatchDialog.loading = false;
   }
 };
 
-/*** 用户导入参数 */
-const upload = reactive<ImportOption>({
-  // 是否显示弹出层（用户导入）
+const upload = reactive({
   open: false,
-  // 弹出层标题（用户导入）
-  title: '',
-  // 是否禁用上传
   isUploading: false,
-  // 是否更新已经存在的用户数据
   updateSupport: 0,
-  // 设置上传的请求头部
   headers: globalHeaders(),
-  // 上传的地址
   url: import.meta.env.VITE_APP_BASE_API + '/oa/erp/finAccountInstallment/importData'
 });
 
-/** 下载模板操作 */
 const importTemplate = () => {
   proxy?.download('oa/erp/finAccountInstallment/exportAccountInstallTemplate', {}, `回款模板_${new Date().getTime()}.xlsx`);
 };
 
-/**文件上传中处理 */
 const handleFileUploadProgress = () => {
   upload.isUploading = true;
 };
-/** 文件上传成功处理 */
+
 const handleFileSuccess = (response: any, file: UploadFile) => {
   upload.open = false;
   upload.isUploading = false;
   uploadRef.value?.handleRemove(file);
-  ElMessageBox.alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + '</div>', '导入结果', {
-    dangerouslyUseHTMLString: true
-  });
+  ElMessageBox.alert(
+    "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + '</div>',
+    '导入结果',
+    { dangerouslyUseHTMLString: true }
+  );
   getList();
 };
 
-// 行样式
 const getRowClassName = ({ row }: { row: FinAccountInstallmentVO }) => {
   return selectedInstallment.value?.accountInstallmentId === row.accountInstallmentId ? 'selected-row' : '';
 };
 
-// 解析时间
-const parseTime = (time: string | undefined, pattern: string) => {
-  if (!time) return '';
-  const date = new Date(time);
-  const format = (str: string) =>
-    str
-      .replace('{y}', date.getFullYear().toString())
-      .replace('{m}', (date.getMonth() + 1).toString().padStart(2, '0'))
-      .replace('{d}', date.getDate().toString().padStart(2, '0'))
-      .replace('{h}', date.getHours().toString().padStart(2, '0'))
-      .replace('{i}', date.getMinutes().toString().padStart(2, '0'))
-      .replace('{s}', date.getSeconds().toString().padStart(2, '0'));
-  return format(pattern);
-};
-
-// 查询回款列表
 const getList = async () => {
   loading.value = true;
   try {
@@ -610,25 +620,43 @@ const getList = async () => {
   }
 };
 
-// 搜索
 const handleQuery = () => {
   queryParams.pageNum = 1;
   getList();
 };
 
-// 重置
 const resetQuery = () => {
   queryFormRef.value?.resetFields();
   handleQuery();
 };
 
-// 点击回款行
+/** 查看详情 */
+const handleView = (row: FinAccountInstallmentVO) => {
+  router.push({
+    path: '/oa/erp/finAccountInstallment/edit',
+    query: {
+      id: String(row.accountInstallmentId),
+      type: 'view'
+    }
+  });
+};
+
+/** 客户经理分款 */
+const handleGoAllocate = (row: FinAccountInstallmentVO) => {
+  router.push({
+    path: '/oa/erp/finAccountInstallment/edit',
+    query: {
+      id: String(row.accountInstallmentId),
+      type: 'allocate'
+    }
+  });
+};
+
 const handleRowClick = async (row: FinAccountInstallmentVO) => {
   selectedInstallment.value = row;
   await getDetailList();
 };
 
-// 查询分款明细
 const getDetailList = async () => {
   if (!selectedInstallment.value) return;
   detailLoading.value = true;
@@ -642,196 +670,10 @@ const getDetailList = async () => {
   }
 };
 
-// 新增分款明细 - 打开项目选择
-const handleAddDetail = () => {
-  if (!selectedInstallment.value) {
-    proxy?.$modal.msgWarning('请先选择回款记录');
-    return;
-  }
-  // 打开项目选择对话框
-  showProjectDialog.value = true;
-};
-
-// 项目选择回调
-const handleProjectSelected = (data: any) => {
-  selectedProject.value = data.project;
-  // 如果是无合同项目(contractFlag !== '1')，需要选择合同
-  if (data.project.contractFlag !== '1') {
-    showContractDialog.value = true;
-  } else {
-    // 有合同的情况，使用项目自带的合同信息或选中的合同
-    fillDetailForm(data.project, data.contract);
-    getPaymentStages(data.contract.contractId);
-  }
-};
-
-// 合同选择回调
-const handleContractSelected = (contract: any) => {
-  if (selectedProject.value) {
-    fillDetailForm(selectedProject.value, contract);
-    getPaymentStages(contract.contractId);
-  }
-};
-
-// 填充分款明细表单（新增：分款金额在选定分款节点后由节点约定金额带出，见 syncAddDetailAmountFromSelectedStage）
-const fillDetailForm = (project: any, contract: any) => {
-  const totalPriceRaw = contract?.totalPrice;
-  detailFormContractTotalPrice.value =
-    totalPriceRaw !== undefined && totalPriceRaw !== null && totalPriceRaw !== '' ? Number(totalPriceRaw) : undefined;
-  Object.assign(detailForm, {
-    installmentDetailId: undefined,
-    accountInstallmentId: selectedInstallment.value?.accountInstallmentId,
-    projectId: project.projectId || project.id,
-    projectCode: project.projectCode,
-    projectName: project.projectName,
-    contractId: contract?.contractId || contract?.id,
-    contractCode: contract?.contractCode || '',
-    contractName: contract?.contractName || '',
-    paymentStageId: undefined,
-    detailAmount: undefined,
-    remark: undefined,
-    contractTotalPrice: undefined,
-    contractPaymentPercentage: undefined,
-    contractPaymentAmount: undefined
-  });
-  detailDialog.title = '新增分款明细';
-  detailDialog.visible = true;
-};
-
-/** 新增明细：选定分款节点后，分款金额默认取当前节点约定金额 */
-const syncAddDetailAmountFromSelectedStage = () => {
-  if (!detailDialog.visible || detailForm.installmentDetailId) return;
-
-  let next: number | undefined;
-  if (detailForm.paymentStageId != null && detailForm.paymentStageId !== '') {
-    const raw = selectedStageContractShareAmount.value;
-    const n = raw != null && !Number.isNaN(Number(raw)) ? Number(raw) : NaN;
-    if (!Number.isNaN(n) && n > 0) {
-      const rounded = Math.round(n * 100) / 100;
-      next = rounded < 0.01 ? 0.01 : rounded;
-    }
-  }
-  detailForm.detailAmount = next;
-
-  if (detailFormRef.value) {
-    nextTick(() => detailFormRef.value?.validateField('detailAmount'));
-  }
-};
-
-// 编辑分款明细（合同额、节点比例/金额由列表接口 join 返回，不再请求 getContractInfo）
-const handleEditDetail = async (row: FinAccountInstallmentDetailVO) => {
-  Object.assign(detailForm, row);
-  detailDialog.title = '编辑分款明细';
-  detailDialog.visible = true;
-  const tp = row.contractTotalPrice;
-  detailFormContractTotalPrice.value =
-    tp !== undefined && tp !== null && !Number.isNaN(Number(tp)) ? Number(tp) : undefined;
-  await getPaymentStages(detailForm.contractId);
-  nextTick(() => detailFormRef.value?.validateField('detailAmount'));
-};
-
-// 删除分款明细
-const handleDeleteDetail = async (row: FinAccountInstallmentDetailVO) => {
-  await proxy?.$modal.confirm('是否确认删除该分款明细？');
-  const deleteForm = {
-    installmentDetailId: row.installmentDetailId,
-    accountInstallmentId: selectedInstallment.value.accountInstallmentId
-  };
-  await deleteInstallmentDetailByBo(deleteForm);
-  proxy?.$modal.msgSuccess('删除成功');
-  await getDetailList();
-  syncSelectedInstallmentStatusWithDetailList();
-};
-
-// 提交分款明细表单
-const submitDetailForm = async () => {
-  const valid = await detailFormRef.value?.validate();
-  if (!valid) return;
-
-  detailButtonLoading.value = true;
-  try {
-    detailForm.installmentStatus = formRemainingAmount.value === 0 ? INSTALLMENT_STATUS.COMPLETE : INSTALLMENT_STATUS.PARTIALLY;
-    if (detailForm.installmentDetailId) {
-      await updateFinAccountInstallmentDetail(detailForm);
-      proxy?.$modal.msgSuccess('修改成功');
-    } else {
-      await addFinAccountInstallmentDetail(detailForm);
-      proxy?.$modal.msgSuccess('新增成功');
-    }
-    detailDialog.visible = false;
-    await getDetailList();
-    syncSelectedInstallmentStatusWithDetailList();
-  } finally {
-    detailButtonLoading.value = false;
-  }
-};
-
-// 取消分款明细
-const cancelDetail = () => {
-  detailDialog.visible = false;
-};
-
-// Excel导入相关
-const handleFileChange = (file: any) => {
-  importFile.value = file.raw;
-  // 解析Excel预览
-  previewExcel(file.raw);
-};
-
-const handleExceed = () => {
-  proxy?.$modal.msgWarning('只能上传一个文件');
-};
-
-const handleUploadRequest = (options: any) => {
-  // 自定义上传
-};
-
-// 预览Excel数据（Mock实现）
-const previewExcel = (file: File) => {
-  const reader = new FileReader();
-  reader.onload = (e) => {
-    // 这里应该是实际解析Excel的逻辑，暂时用Mock数据
-    importPreviewData.value = [
-      { customerName: '测试客户A', paymentAmount: 100000, paymentDate: '2026-01-15', remark: '测试备注1', isRepeat: false },
-      { customerName: '测试客户B', paymentAmount: 50000, paymentDate: '2026-01-20', remark: '测试备注2', isRepeat: false },
-      { customerName: '测试客户A', paymentAmount: 100000, paymentDate: '2026-01-15', remark: '测试备注1', isRepeat: true }
-    ];
-    duplicateCount.value = 1;
-  };
-  reader.readAsArrayBuffer(file);
-};
-
-// 提交导入
 const submitImport = async () => {
   uploadRef.value?.submit();
 };
 
-// 监听分款明细对话框关闭
-watch(
-  () => detailDialog.visible,
-  (val) => {
-    if (!val) {
-      Object.assign(detailForm, initDetailForm);
-      detailFormContractTotalPrice.value = undefined;
-    }
-  }
-);
-
-watch(
-  () => [
-    detailDialog.visible,
-    detailForm.installmentDetailId,
-    detailForm.paymentStageId,
-    paymentStageList.value,
-    detailFormContractTotalPrice.value
-  ],
-  () => {
-    syncAddDetailAmountFromSelectedStage();
-  },
-  { flush: 'post' }
-);
-
-// 初始化
 onMounted(() => {
   getList();
 });
@@ -858,8 +700,287 @@ onMounted(() => {
   transform: rotate(180deg);
 }
 
-.writing-mode-vertical {
-  writing-mode: vertical-rl;
-  text-orientation: mixed;
+.panel-head {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 12px 14px;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  background: var(--el-fill-color-light);
+}
+
+.panel-head__title {
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+}
+
+.installment-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 0 8px;
+  flex-shrink: 0;
+}
+
+.installment-toolbar__hint {
+  margin-left: 4px;
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+}
+
+/* 右侧分款明细 */
+.detail-panel {
+  background: var(--el-bg-color);
+}
+
+.detail-panel__header {
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  background: linear-gradient(180deg, var(--el-fill-color-light) 0%, var(--el-bg-color) 100%);
+}
+
+.detail-panel__header-main {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.detail-panel__title {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+  line-height: 1.4;
+}
+
+.detail-panel__meta {
+  margin-top: 4px;
+  font-size: 13px;
+  color: var(--el-text-color-secondary);
+  line-height: 1.5;
+}
+
+.detail-panel__code {
+  font-family: ui-monospace, monospace;
+  color: var(--el-color-primary);
+}
+
+.detail-panel__divider {
+  margin: 0 4px;
+  color: var(--el-text-color-placeholder);
+}
+
+.detail-panel__customer {
+  color: var(--el-text-color-regular);
+}
+
+.detail-panel__placeholder {
+  margin-top: 4px;
+  font-size: 12px;
+  color: var(--el-text-color-placeholder);
+}
+
+.detail-panel__tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 10px;
+}
+
+.detail-panel__body {
+  flex: 1;
+  overflow: auto;
+  padding: 14px 16px;
+}
+
+.detail-panel__empty {
+  padding-top: 80px;
+}
+
+.detail-summary {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+}
+
+.detail-summary__card {
+  padding: 10px 12px;
+  border-radius: 8px;
+  border: 1px solid var(--el-border-color-lighter);
+  background: var(--el-fill-color-blank);
+}
+
+.detail-summary__card--primary {
+  border-color: var(--el-color-primary-light-7);
+  background: var(--el-color-primary-light-9);
+}
+
+.detail-summary__card--primary .detail-summary__value {
+  color: var(--el-color-primary);
+}
+
+.detail-summary__card--allocated {
+  border-color: var(--el-color-warning-light-7);
+  background: var(--el-color-warning-light-9);
+}
+
+.detail-summary__card--allocated .detail-summary__value {
+  color: var(--el-color-warning-dark-2);
+}
+
+.detail-summary__card--remain {
+  border-color: var(--el-color-success-light-7);
+  background: var(--el-color-success-light-9);
+}
+
+.detail-summary__card--remain .detail-summary__value {
+  color: var(--el-color-success-dark-2);
+}
+
+.detail-summary__card--danger {
+  border-color: var(--el-color-danger-light-7);
+  background: var(--el-color-danger-light-9);
+}
+
+.detail-summary__card--danger .detail-summary__value {
+  color: var(--el-color-danger);
+}
+
+.detail-summary__label {
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+  margin-bottom: 4px;
+}
+
+.detail-summary__value {
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1.3;
+  word-break: break-all;
+}
+
+.detail-progress {
+  margin-top: 12px;
+  padding: 10px 12px;
+  border-radius: 8px;
+  background: var(--el-fill-color-lighter);
+}
+
+.detail-progress__text {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+  margin-bottom: 6px;
+}
+
+.detail-alert {
+  margin-top: 12px;
+}
+
+.detail-alert--compact {
+  margin-top: 8px;
+}
+
+.detail-alert--compact :deep(.el-alert) {
+  padding: 4px 10px;
+  align-items: center;
+}
+
+.detail-alert--compact :deep(.el-alert__content) {
+  padding: 0;
+  margin: 0;
+}
+
+.detail-alert--compact :deep(.el-alert__title) {
+  margin: 0;
+  line-height: 1.4;
+}
+
+.detail-alert-compact__text {
+  font-size: 12px;
+  font-weight: normal;
+  color: var(--el-color-warning-dark-2);
+}
+
+.detail-alert--compact :deep(.el-alert__icon) {
+  font-size: 14px;
+  width: 14px;
+  margin-right: 6px;
+}
+
+.detail-alert--compact :deep(.el-alert__description) {
+  display: none;
+}
+
+.detail-table-section {
+  margin-top: 14px;
+}
+
+.detail-table-section__head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+
+.detail-table-section__title {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+}
+
+.detail-table-section__count {
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+}
+
+.detail-table {
+  width: 100%;
+}
+
+.detail-table :deep(.el-table__header th) {
+  background: var(--el-fill-color-light);
+}
+
+.detail-cell-project {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 2px;
+  line-height: 1.35;
+}
+
+.detail-cell-project__code {
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+}
+
+.detail-cell-project__name {
+  font-size: 13px;
+  color: var(--el-text-color-primary);
+}
+
+.detail-amount {
+  font-weight: 600;
+  color: var(--el-color-warning-dark-2);
+}
+
+.detail-empty {
+  padding: 16px 0 8px;
+}
+
+.detail-empty__desc {
+  margin: 0;
+  font-size: 14px;
+  color: var(--el-text-color-secondary);
+}
+
+.detail-empty__hint {
+  margin: 6px 0 0;
+  font-size: 12px;
+  color: var(--el-text-color-placeholder);
 }
 </style>