diff --git a/src/prototypes/vehicle-management/pages/DetailPage.tsx b/src/prototypes/vehicle-management/pages/DetailPage.tsx
index b3bfc82..43522a0 100644
--- a/src/prototypes/vehicle-management/pages/DetailPage.tsx
+++ b/src/prototypes/vehicle-management/pages/DetailPage.tsx
@@ -1,5 +1,4 @@
import React, { useState } from 'react';
-import { ArrowLeft } from 'lucide-react';
import type { VehicleRecord } from '../types';
import {
canEditOperateCity,
@@ -97,7 +96,6 @@ export function DetailPage({
diff --git a/src/prototypes/vehicle-management/style.css b/src/prototypes/vehicle-management/style.css
index 11a259f..3aca45d 100644
--- a/src/prototypes/vehicle-management/style.css
+++ b/src/prototypes/vehicle-management/style.css
@@ -2,7 +2,10 @@
@import "tailwindcss";
@import "../../common/modal-detail-table.css";
@import "../../common/vm-pagination.css";
+@import "../../common/vm-operation-actions.css";
@import "../../common/vm-checkbox.css";
+@import "../../common/vm-button-icons.css";
+@import "../../common/ln-numeric.css";
/* Visual system aligned with src/themes/linear/DESIGN.md — light (inverse) mode */
:root {
@@ -470,10 +473,43 @@
.vm-btn {
display: inline-flex; align-items: center; justify-content: center; gap: 6px;
min-height: var(--vm-btn-height); height: var(--vm-btn-height);
- padding: 0 16px; border-radius: var(--ln-radius-control); border: 1px solid transparent;
- font-size: 0.875rem; font-weight: 500; cursor: pointer;
+ min-width: 96px;
+ padding: 0 14px; border-radius: var(--ln-radius-control); border: 1px solid transparent;
+ font-size: 0.875rem; font-weight: 500; line-height: 1;
+ cursor: pointer; box-sizing: border-box;
transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
+.vm-btn.vm-btn-link,
+.vm-btn-link.vm-btn,
+button.vm-btn.vm-btn-link {
+ min-width: 0;
+ padding: 0 8px;
+}
+.vm-btn.vm-btn-back,
+button.vm-btn.vm-btn-back {
+ min-width: 0;
+ padding: 0 12px 0 10px;
+}
+.ant-btn.vm-btn,
+button.vm-btn.ant-btn {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ gap: 6px;
+ min-height: var(--vm-btn-height);
+ height: var(--vm-btn-height);
+ min-width: 96px;
+ padding: 0 14px;
+ line-height: 1;
+ font-size: 0.875rem;
+ font-weight: 500;
+ box-sizing: border-box;
+}
+.ant-btn.vm-btn > .ant-btn-icon,
+.ant-btn.vm-btn > .anticon {
+ margin-inline-end: 0 !important;
+ line-height: 0;
+}
.vm-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.vm-btn:focus-visible {
outline: none;
@@ -506,15 +542,95 @@
font-weight: 500;
}
.vm-btn-link:hover:not(:disabled) { color: var(--ln-primary-hover); }
-.vm-btn-back { border-color: var(--ln-hairline-strong); color: var(--ln-ink); background: var(--ln-canvas); }
+.vm-btn-back {
+ padding: 0 12px 0 10px;
+ color: var(--ln-body);
+ border-color: var(--ln-hairline-strong);
+ background: var(--ln-surface-card);
+ box-shadow: var(--ln-shadow-soft);
+}
+.vm-btn-back::before {
+ content: '';
+ width: 16px;
+ height: 16px;
+ flex-shrink: 0;
+ background-color: currentColor;
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");
+ mask-size: contain;
+ mask-repeat: no-repeat;
+ mask-position: center;
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");
+ -webkit-mask-size: contain;
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-position: center;
+}
+.vm-btn-back:hover:not(:disabled) {
+ color: var(--ln-primary);
+ border-color: var(--ln-primary);
+ background: var(--ln-primary-soft);
+ box-shadow: 0 1px 3px rgba(50, 160, 110, 0.14);
+}
+.vm-btn-back:active:not(:disabled) {
+ color: var(--ln-primary-focus);
+ border-color: var(--ln-primary-focus);
+ background: var(--ln-primary-soft-strong);
+}
+.ant-btn.vm-btn-back,
+button.vm-btn.vm-btn-back.ant-btn {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ gap: 6px;
+ height: var(--vm-btn-height);
+ min-height: var(--vm-btn-height);
+ padding: 0 12px 0 10px;
+ line-height: 1;
+ font-size: 0.875rem;
+ font-weight: 500;
+ color: var(--ln-body);
+ border: 1px solid var(--ln-hairline-strong);
+ border-radius: var(--ln-radius-control);
+ background: var(--ln-surface-card);
+ box-shadow: var(--ln-shadow-soft);
+}
+.ant-btn.vm-btn-back:hover:not(:disabled),
+button.vm-btn.vm-btn-back.ant-btn:hover:not(:disabled) {
+ color: var(--ln-primary);
+ border-color: var(--ln-primary);
+ background: var(--ln-primary-soft);
+}
+.ant-btn.vm-btn-back > .ant-btn-icon,
+.ant-btn.vm-btn-back > .anticon {
+ display: none;
+}
+
+.vm-form-topbar {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ margin-bottom: 16px;
+ flex-wrap: wrap;
+}
.vm-kpi-row {
display: grid; grid-template-columns: repeat(8, minmax(0, 1fr));
- gap: 16px; margin-bottom: 0;
+ gap: 16px; margin-bottom: 16px;
position: relative; z-index: 1;
overflow: visible;
}
+.vm-kpi-row--with-trailing {
+ grid-template-columns: repeat(9, minmax(0, 1fr));
+}
+
+.vm-kpi-card--on-lease.active {
+ border-color: var(--ln-primary);
+ box-shadow:
+ 0 0 0 1px var(--ln-primary),
+ 0 4px 14px rgba(50, 160, 110, 0.14),
+ 0 2px 6px rgba(50, 160, 110, 0.08);
+}
+
.vm-kpi-card {
position: relative; display: flex; align-items: center; gap: 12px;
padding: 20px 36px 20px 20px; border-radius: var(--ln-radius-card);
@@ -614,7 +730,7 @@
.vm-table-toolbar {
display: flex; justify-content: flex-end; align-items: center;
min-height: var(--vm-btn-height);
- padding: 16px 0;
+ padding: 0 0 16px;
}
.vm-table-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
@@ -2442,8 +2558,185 @@
.ellipsis { max-width: 160px; overflow: hidden; text-overflow: ellipsis; }
+.vm-fleet-overview-modal {
+ width: min(860px, calc(100vw - 32px));
+ max-height: calc(100vh - 48px);
+ display: flex;
+ flex-direction: column;
+}
+
+.vm-fleet-overview-modal__body {
+ padding: 0 24px 8px;
+ overflow: auto;
+}
+
+.vm-fleet-overview-modal__brands {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px;
+ margin-bottom: 16px;
+}
+
+.vm-fleet-brand-chip {
+ min-height: 36px;
+ padding: 0 14px;
+ border-radius: 999px;
+ border: 1px solid var(--ln-hairline);
+ background: var(--ln-surface-card);
+ color: var(--ln-body);
+ font-size: 0.875rem;
+ cursor: pointer;
+ transition: border-color 0.2s, background 0.2s, color 0.2s;
+}
+
+.vm-fleet-brand-chip:hover {
+ border-color: var(--ln-hairline-strong);
+ background: var(--ln-canvas-soft);
+}
+
+.vm-fleet-brand-chip.is-active {
+ border-color: var(--ln-primary);
+ background: color-mix(in srgb, var(--ln-primary) 10%, var(--ln-surface-card));
+ color: var(--ln-primary-focus);
+}
+
+.vm-fleet-overview-modal__grid {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 12px;
+}
+
+.vm-fleet-model-card {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ padding: 16px;
+ border: 1px solid var(--ln-hairline);
+ border-radius: var(--ln-radius-card);
+ background: var(--ln-surface-card);
+ cursor: pointer;
+ transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
+}
+
+.vm-fleet-model-card:hover,
+.vm-fleet-model-card:focus-visible {
+ border-color: var(--ln-primary);
+ box-shadow: var(--ln-shadow-soft);
+ outline: none;
+}
+
+.vm-fleet-model-card__top {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 8px;
+}
+
+.vm-fleet-model-card__brand {
+ font-size: 0.8125rem;
+ font-weight: 600;
+ color: var(--ln-ink);
+}
+
+.vm-fleet-model-card__type {
+ font-size: 0.75rem;
+ color: var(--ln-muted);
+ white-space: nowrap;
+}
+
+.vm-fleet-model-card__model {
+ margin: 0;
+ font-size: 0.9375rem;
+ font-weight: 600;
+ color: var(--ln-ink);
+ line-height: 1.4;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+}
+
+.vm-fleet-model-card__metrics {
+ display: flex;
+ align-items: baseline;
+ gap: 6px;
+}
+
+.vm-fleet-model-card__count {
+ font-size: 1.5rem;
+ font-weight: 700;
+ color: var(--ln-primary-focus);
+ line-height: 1;
+}
+
+.vm-fleet-model-card__unit,
+.vm-fleet-model-card__share {
+ font-size: 0.8125rem;
+ color: var(--ln-muted);
+}
+
+.vm-fleet-model-card__bar {
+ height: 6px;
+ border-radius: 999px;
+ background: var(--ln-canvas-soft);
+ overflow: hidden;
+}
+
+.vm-fleet-model-card__bar-fill {
+ display: block;
+ height: 100%;
+ border-radius: inherit;
+ background: linear-gradient(90deg, var(--ln-primary), color-mix(in srgb, var(--ln-primary) 70%, #fff));
+}
+
+.vm-fleet-model-card__hint {
+ font-size: 0.75rem;
+ color: var(--ln-muted-soft);
+}
+
+.vm-fleet-overview-modal__empty {
+ padding: 32px 16px;
+ text-align: center;
+ color: var(--ln-muted);
+}
+
+.vm-fleet-detail-modal {
+ width: min(960px, calc(100vw - 32px));
+ max-height: calc(100vh - 48px);
+ display: flex;
+ flex-direction: column;
+}
+
+.vm-fleet-detail-modal__badge {
+ display: inline-flex;
+ align-items: center;
+ margin-right: 10px;
+ padding: 2px 10px;
+ border-radius: 999px;
+ background: color-mix(in srgb, var(--ln-primary) 12%, var(--ln-surface-card));
+ color: var(--ln-primary-focus);
+ font-size: 0.8125rem;
+ font-weight: 600;
+}
+
+.vm-fleet-detail-modal__type {
+ font-size: 0.875rem;
+ color: var(--ln-muted);
+}
+
+.vm-fleet-detail-modal__body {
+ padding: 0 24px 8px;
+ overflow: auto;
+}
+
+.vm-fleet-detail-table {
+ width: 100%;
+}
+
@media (max-width: 1600px) {
.vm-kpi-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
+ .vm-kpi-row--with-trailing { grid-template-columns: repeat(4, minmax(0, 1fr)); }
+ .vm-fleet-overview-modal__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1280px) {
.vm-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@@ -2452,7 +2745,9 @@
.vm-ins-type-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
- .vm-kpi-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+ .vm-kpi-row,
+ .vm-kpi-row--with-trailing { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+ .vm-fleet-overview-modal__grid { grid-template-columns: 1fr; }
.vm-detail-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
@@ -2461,7 +2756,8 @@
.vm-filter-grid, .vm-detail-grid, .vm-detail-stats { grid-template-columns: 1fr; }
.vm-model-param-grid,
.vm-model-param-grid--2 { grid-template-columns: 1fr; }
- .vm-kpi-row { grid-template-columns: 1fr; }
+ .vm-kpi-row,
+ .vm-kpi-row--with-trailing { grid-template-columns: 1fr; }
.vm-operate-city-cascade { grid-template-columns: 1fr; }
.vm-ins-type-grid { grid-template-columns: 1fr 1fr; }
.vm-detail-tab-filter-grid,
diff --git a/src/prototypes/vehicle-pickup-receivable/.spec/PRD.md b/src/prototypes/vehicle-pickup-receivable/.spec/PRD.md
new file mode 100644
index 0000000..a10b550
--- /dev/null
+++ b/src/prototypes/vehicle-pickup-receivable/.spec/PRD.md
@@ -0,0 +1,68 @@
+# 提车应收款 · 产品需求说明（PRD）
+
+| 项 | 内容 |
+|---|---|
+| 模块名称 | 财务管理 — 提车应收款 |
+| 交互原型 | `/prototypes/vehicle-pickup-receivable` |
+| 文档状态 | 与原型对齐 |
+
+---
+
+## 1. 收款情况列
+
+列表主表 **「收款情况」** 列展示：
+
+| 指标 | 说明 |
+|---|---|
+| 租车数 | 合同租赁订单中的车辆总数；点击可查看合同车辆 Popover |
+| 已提车 | 已通过办理提交并完成交车的车辆数；点击可查看已提车辆 Popover |
+
+---
+
+## 2. 提车应收款生成途径
+
+提车应收款可以通过 **2 个途径** 来操作：
+
+### A. 自动生成的提车应收款任务
+
+1. 租赁合同新增并点击 **提交审批** 时，系统 **立即自动生成** 一条该合同对应的提车应收款任务（主表记录）。
+2. 若该合同上已明确标注车辆的 **交付时间**，则系统会在该车辆交付时间的 **前 2 天**，自动生成对应提车应收款数据。
+3. 提车应收款的具体收款金额，将以 **合同约定的车辆交付时间** 为依据进行计算确定。
+
+### B. 手动生成提车应收款
+
+如签订租赁合同时 **未约定车辆交付时间**，可通过点击提车应收款主表操作列的 **「办理」**，手动勾选该次需要交付的车辆品牌、型号及对应数量，设置本次的 **车辆交付时间、交付地点**。系统将根据填写的车辆交付时间，按照提车应收款的生成规则，自动计算并生成对应应收金额，完成提车应收单的生成并形成待办任务。
+
+> 原型交互补充：也可点击 **项目信息** 列（可办理时）或操作列 **办理** 直接进入办理页。
+
+---
+
+## 3. 应收金额计算规则
+
+以 **车辆交付时间** 为计算依据：
+
+**① 提车日为当月 15 日前（含 15 日）**
+
+于提车前 2 日内支付保证金和当月剩余天数租金及服务费；当月 25 日支付下个付款周期的租金及服务费。
+
+**② 提车日为当月 15 日后**
+
+于提车前 2 日内支付保证金和当月实际剩余天数和下个付款周期的租金及服务费。
+
+---
+
+## 4. 实收与列表联动
+
+- **应收**：办理页按提车日期与上述规则计算。
+- **实收**：由「收款记录」导入到账后反写至列表与子表。
+- **子表**：每次办理提交生成一条提车收款单明细，走审批流程。
+
+---
+
+## 5. 验收要点
+
+- [ ] 租赁合同提交审批后，列表出现对应主表记录
+- [ ] 「收款情况」租车数 / 已提车数与 Popover 明细一致
+- [ ] 手动办理：勾选车辆、设置提车日期后应收金额符合计算规则
+- [ ] 提交后生成子表并抄送财务（原型 Toast / 消息）
+- [ ] 右侧标注「收款情况」可查阅本 PRD 生成逻辑
diff --git a/src/prototypes/vehicle-pickup-receivable/VehiclePickupReceivableApp.jsx b/src/prototypes/vehicle-pickup-receivable/VehiclePickupReceivableApp.jsx
new file mode 100644
index 0000000..29ba0f7
--- /dev/null
+++ b/src/prototypes/vehicle-pickup-receivable/VehiclePickupReceivableApp.jsx
@@ -0,0 +1,142 @@
+import PickupReceivableViewPage from '../oneos-web-finance/pages/05-提车应收款-查看.jsx';
+import PickupReceivableInvoicePage from '../oneos-web-finance/pages/06-提车应收款-开票信息.jsx';
+import PickupReceivableAuditPage from '../oneos-web-finance/pages/07-提车应收款-审核.jsx';
+import PickupReceivableCollectPage from '../oneos-web-finance/pages/08-提车应收款-提车收款单.jsx';
+import PickupCollectEditPage from '../oneos-web-finance/pages/04-提车收款单-编辑.jsx';
+import VehiclePickupReceivableList from './VehiclePickupReceivableList.jsx';
+import {
+ toCollectPageVehicles,
+ appendPickupCollectChild,
+ buildPickupSubmitCcMessage,
+ applyPickupDateToVehicles,
+ buildBatchPickupScheduleSummary,
+ describePickupRule,
+} from './pickup-receivable-bridge.js';
+
+var DEFAULT_PICKUP_DATE = '2026-03-12';
+
+/** @typedef {'list' | 'collect' | 'view' | 'edit' | 'invoice' | 'audit'} PickupView */
+
+const Component = function (props) {
+ var useState = React.useState;
+ var useEffect = React.useEffect;
+ var _view = useState('list');
+ var view = _view[0];
+ var setView = _view[1];
+
+ useEffect(function () {
+ if (props && props.onPageViewChange) {
+ var pageId = view === 'collect' ? 'collect' : 'list';
+ props.onPageViewChange(pageId);
+ }
+ }, [view, props]);
+
+ var listRefreshState = useState(0);
+ var listRefreshToken = listRefreshState[0];
+ var bumpListRefresh = listRefreshState[1];
+
+ var handleContextState = useState(null);
+ var handleContext = handleContextState[0];
+ var setHandleContext = handleContextState[1];
+
+ useEffect(function () {
+ window.__receivableBack = function () {
+ setView('list');
+ bumpListRefresh(function (n) {
+ return n + 1;
+ });
+ };
+ window.__receivableToCollect = function () {
+ setView('collect');
+ };
+ window.__receivableToEdit = function () {
+ setView('edit');
+ };
+ window.__receivableToView = function () {
+ setView('view');
+ };
+ window.__receivableToInvoice = function () {
+ setView('invoice');
+ };
+ window.__receivableToAudit = function () {
+ setView('audit');
+ };
+ window.__receivableSubmit = function () {
+ if (window.__receivableBack) window.__receivableBack();
+ };
+ window.__pickupBuildSubmitCcMessage = buildPickupSubmitCcMessage;
+ window.__pickupCalc = {
+ applyPickupDateToVehicles: applyPickupDateToVehicles,
+ buildBatchPickupScheduleSummary: buildBatchPickupScheduleSummary,
+ describePickupRule: describePickupRule,
+ };
+ window.__pickupHandleSubmit = function (payload) {
+ var ctx = window.__pickupHandleContext;
+ if (ctx && ctx.contractCode) {
+ appendPickupCollectChild(ctx.contractCode, payload);
+ }
+ };
+ return function () {
+ delete window.__receivableBack;
+ delete window.__receivableToCollect;
+ delete window.__receivableToEdit;
+ delete window.__receivableToView;
+ delete window.__receivableToInvoice;
+ delete window.__receivableToAudit;
+ delete window.__receivableSubmit;
+ delete window.__pickupHandleContext;
+ delete window.__pickupHandleSubmit;
+ delete window.__pickupBuildSubmitCcMessage;
+ delete window.__pickupCalc;
+ };
+ }, [setView, bumpListRefresh]);
+
+ useEffect(
+ function () {
+ if (view === 'collect' && handleContext) {
+ window.__pickupHandleContext = handleContext;
+ }
+ },
+ [view, handleContext],
+ );
+
+ if (view === 'collect') return React.createElement(PickupReceivableCollectPage);
+ if (view === 'view') return React.createElement(PickupReceivableViewPage);
+ if (view === 'edit') return React.createElement(PickupCollectEditPage);
+ if (view === 'invoice') return React.createElement(PickupReceivableInvoicePage);
+ if (view === 'audit') return React.createElement(PickupReceivableAuditPage);
+
+ return React.createElement(VehiclePickupReceivableList, {
+ refreshToken: listRefreshToken,
+ onGoHandle: function (record) {
+ var months = record.paymentCycleMonths || 1;
+ var pickupDate = record.lastPickupDate || DEFAULT_PICKUP_DATE;
+ var ctx = {
+ contractCode: record.contractCode,
+ contractType: record.contractType,
+ projectName: record.projectName,
+ customerName: record.customerName,
+ paymentMethod: record.paymentMethod || '预付',
+ paymentCycle: months + '个月',
+ paymentCycleMonths: months,
+ contractStart: record.contractEffectiveDate,
+ contractEnd: record.contractEndDate || '',
+ businessDept: record.businessDept,
+ businessPerson: record.businessPerson,
+ pickupDate: pickupDate,
+ vehicles: toCollectPageVehicles(record, pickupDate),
+ };
+ setHandleContext(ctx);
+ window.__pickupHandleContext = ctx;
+ setView('collect');
+ },
+ onGoView: function () {
+ setView('view');
+ },
+ onGoEdit: function () {
+ setView('edit');
+ },
+ });
+};
+
+export default Component;
diff --git a/src/prototypes/vehicle-pickup-receivable/VehiclePickupReceivableList.jsx b/src/prototypes/vehicle-pickup-receivable/VehiclePickupReceivableList.jsx
new file mode 100644
index 0000000..ffb2fde
--- /dev/null
+++ b/src/prototypes/vehicle-pickup-receivable/VehiclePickupReceivableList.jsx
@@ -0,0 +1,1819 @@
+import { StatusTag } from '../vehicle-management/components/StatusTag';
+import { TablePagination, DEFAULT_PAGE_SIZE } from '../../common/TablePagination';
+import { ClipboardCheck, CircleDollarSign, Eye, Undo2 } from 'lucide-react';
+import {
+ PICKUP_KPI_CARDS,
+ buildCollectCode,
+ fmtMoneyYuan,
+ normalizeAuditStatus,
+ auditStatusTone,
+ buildFilterOptions,
+ filterMainList,
+ countKpiFromList,
+ filterByKpiTab,
+ initPickupReceivableList,
+} from './data/pickup-receivable-list-data.js';
+import {
+ shouldShowSubBatchRefund,
+ canShowHandle,
+ saveStoredPickupList,
+ enrichPickupRecord,
+ isValidPickupMainRecord,
+} from './pickup-receivable-bridge.js';
+
+var ONEOS_ANT_TABLE_GLOBAL_FIX = [
+ '.ant-table-container .ant-table-header { margin-bottom: 0 !important; }',
+ '.ant-table-container .ant-table-body { margin-top: 0 !important; }',
+ '.ant-table-container .ant-table-body > table, .ant-table-content table { margin-top: 0 !important; }',
+ '.ant-table-tbody > tr.ant-table-measure-row, .ant-table-tbody > tr.ant-table-measure-row > td, .ant-table-tbody > tr.ant-table-measure-row > th { display: none !important; height: 0 !important; max-height: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: none !important; line-height: 0 !important; font-size: 0 !important; overflow: hidden !important; visibility: hidden !important; pointer-events: none !important; }',
+ '.vm-list-table .ant-table-thead th,.vm-list-table .ant-table-tbody td{white-space:nowrap;}',
+ '.vm-list-table .ant-table-tbody > tr:not(.ant-table-measure-row) > td.vm-stacked-cell-td { white-space: normal !important; }',
+];
+
+var VPR_LIST_CHROME_OFFSET = 420;
+
+var VPR_MAIN_TABLE_COL_RATIOS = [13, 7, 9.5, 6, 6, 6, 7.5, 6, 6, 6, 7.5, 6];
+var VPR_MAIN_TABLE_COL_RATIO_SUM = VPR_MAIN_TABLE_COL_RATIOS.reduce(function (sum, ratio) {
+ return sum + ratio;
+}, 0);
+
+function buildVprMainTableColumnWidths(containerWidth) {
+ var safeWidth = Math.max(960, Math.floor(containerWidth) || 960);
+ var widths = VPR_MAIN_TABLE_COL_RATIOS.map(function (ratio) {
+ return Math.max(52, Math.floor(safeWidth * ratio / VPR_MAIN_TABLE_COL_RATIO_SUM));
+ });
+ var sum = widths.reduce(function (acc, width) {
+ return acc + width;
+ }, 0);
+ var delta = safeWidth - sum;
+ if (delta) widths[widths.length - 1] += delta;
+ return { widths: widths, scrollX: safeWidth };
+}
+
+var KPI_ICONS = {
+ all: React.createElement(
+ 'svg',
+ {
+ xmlns: 'http://www.w3.org/2000/svg',
+ width: 18,
+ height: 18,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ stroke: 'currentColor',
+ strokeWidth: 2,
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ 'aria-hidden': true,
+ },
+ React.createElement('path', { d: 'M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' }),
+ React.createElement('path', { d: 'M14 2v4a2 2 0 0 0 2 2h4' }),
+ ),
+ pending: React.createElement(
+ 'svg',
+ {
+ xmlns: 'http://www.w3.org/2000/svg',
+ width: 18,
+ height: 18,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ stroke: 'currentColor',
+ strokeWidth: 2,
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ 'aria-hidden': true,
+ },
+ React.createElement('circle', { cx: 12, cy: 12, r: 10 }),
+ React.createElement('polyline', { points: '12 6 12 12 16 14' }),
+ ),
+ inReview: React.createElement(
+ 'svg',
+ {
+ xmlns: 'http://www.w3.org/2000/svg',
+ width: 18,
+ height: 18,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ stroke: 'currentColor',
+ strokeWidth: 2,
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ 'aria-hidden': true,
+ },
+ React.createElement('path', { d: 'M21 12a9 9 0 1 1-3-6.7' }),
+ React.createElement('polyline', { points: '21 3 21 9 15 9' }),
+ ),
+ approved: React.createElement(
+ 'svg',
+ {
+ xmlns: 'http://www.w3.org/2000/svg',
+ width: 18,
+ height: 18,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ stroke: 'currentColor',
+ strokeWidth: 2,
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ 'aria-hidden': true,
+ },
+ React.createElement('path', { d: 'M20 6 9 17l-5-5' }),
+ ),
+ rejected: React.createElement(
+ 'svg',
+ {
+ xmlns: 'http://www.w3.org/2000/svg',
+ width: 18,
+ height: 18,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ stroke: 'currentColor',
+ strokeWidth: 2,
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ 'aria-hidden': true,
+ },
+ React.createElement('circle', { cx: 12, cy: 12, r: 10 }),
+ React.createElement('path', { d: 'm15 9-6 6' }),
+ React.createElement('path', { d: 'm9 9 6 6' }),
+ ),
+ generated: React.createElement(
+ 'svg',
+ {
+ xmlns: 'http://www.w3.org/2000/svg',
+ width: 18,
+ height: 18,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ stroke: 'currentColor',
+ strokeWidth: 2,
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ 'aria-hidden': true,
+ },
+ React.createElement('path', { d: 'M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z' }),
+ React.createElement('polyline', { points: '14 2 14 8 20 8' }),
+ React.createElement('line', { x1: 12, x2: 12, y1: 18, y2: 12 }),
+ React.createElement('line', { x1: 9, x2: 15, y1: 15, y2: 15 }),
+ ),
+};
+
+function SearchIconSvg() {
+ return React.createElement(
+ 'svg',
+ {
+ xmlns: 'http://www.w3.org/2000/svg',
+ width: 16,
+ height: 16,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ stroke: 'currentColor',
+ strokeWidth: 2,
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ 'aria-hidden': true,
+ },
+ React.createElement('circle', { cx: 11, cy: 11, r: 8 }),
+ React.createElement('path', { d: 'm21 21-4.3-4.3' }),
+ );
+}
+
+function ExportIconSvg() {
+ return React.createElement(
+ 'svg',
+ {
+ xmlns: 'http://www.w3.org/2000/svg',
+ width: 16,
+ height: 16,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ stroke: 'currentColor',
+ strokeWidth: 2,
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ 'aria-hidden': true,
+ },
+ React.createElement('path', { d: 'M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4' }),
+ React.createElement('polyline', { points: '7 10 12 15 17 10' }),
+ React.createElement('line', { x1: 12, x2: 12, y1: 15, y2: 3 }),
+ );
+}
+
+function kpiHelpIcon() {
+ return React.createElement(
+ 'svg',
+ {
+ xmlns: 'http://www.w3.org/2000/svg',
+ width: 14,
+ height: 14,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ stroke: 'currentColor',
+ strokeWidth: 2,
+ 'aria-hidden': true,
+ },
+ React.createElement('circle', { cx: 12, cy: 12, r: 10 }),
+ React.createElement('path', { d: 'M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3' }),
+ React.createElement('line', { x1: 12, x2: 12.01, y1: 17, y2: 17 }),
+ );
+}
+
+function filterOption(input, option) {
+ var label = (option && (option.label || option.children)) || '';
+ return String(label).toLowerCase().indexOf(String(input || '').toLowerCase()) >= 0;
+}
+
+function displayText(v) {
+ if (v === null || v === undefined) return '—';
+ var s = String(v).trim();
+ return s || '—';
+}
+
+const Component = function (props) {
+ var useState = React.useState;
+ var useMemo = React.useMemo;
+ var useEffect = React.useEffect;
+
+ var antd = window.antd;
+ var App = antd.App;
+ var Table = antd.Table;
+ var Button = antd.Button;
+ var Modal = antd.Modal;
+ var Select = antd.Select;
+ var Popover = antd.Popover;
+ var message = antd.message;
+
+ var filterExpandedState = useState(false);
+ var filterExpanded = filterExpandedState[0];
+ var setFilterExpanded = filterExpandedState[1];
+
+ var kpiTabState = useState('all');
+ var kpiTab = kpiTabState[0];
+ var setKpiTab = kpiTabState[1];
+
+ var pageState = useState(1);
+ var page = pageState[0];
+ var setPage = pageState[1];
+
+ var pageSizeState = useState(DEFAULT_PAGE_SIZE);
+ var pageSize = pageSizeState[0];
+ var setPageSize = pageSizeState[1];
+
+ var filtersState = useState({
+ contractCode: undefined,
+ projectName: undefined,
+ customerName: undefined,
+ businessDept: undefined,
+ businessPerson: undefined,
+ });
+ var filters = filtersState[0];
+ var setFilters = filtersState[1];
+
+ var appliedFiltersState = useState({
+ contractCode: undefined,
+ projectName: undefined,
+ customerName: undefined,
+ businessDept: undefined,
+ businessPerson: undefined,
+ });
+ var appliedFilters = appliedFiltersState[0];
+ var setAppliedFilters = appliedFiltersState[1];
+
+ var mainListState = useState(function () {
+ return initPickupReceivableList();
+ });
+ var mainList = mainListState[0];
+ var setMainList = mainListState[1];
+
+ useEffect(
+ function () {
+ setMainList(initPickupReceivableList());
+ },
+ [props && props.refreshToken],
+ );
+
+ var tableWrapRef = React.useRef(null);
+ var tableLayoutState = React.useState(function () {
+ return buildVprMainTableColumnWidths(1200);
+ });
+ var tableColumnWidths = tableLayoutState[0].widths;
+ var tableScrollX = tableLayoutState[0].scrollX;
+ var setTableLayout = tableLayoutState[1];
+
+ useEffect(function () {
+ var el = tableWrapRef.current;
+ if (!el || typeof ResizeObserver === 'undefined') return undefined;
+ var syncWidth = function () {
+ var nextWidth = el.clientWidth;
+ if (!nextWidth) return;
+ setTableLayout(buildVprMainTableColumnWidths(nextWidth));
+ };
+ syncWidth();
+ var observer = new ResizeObserver(function () {
+ syncWidth();
+ });
+ observer.observe(el);
+ return function () {
+ observer.disconnect();
+ };
+ }, []);
+
+ var contractPopoverKeyState = useState(null);
+ var contractPopoverKey = contractPopoverKeyState[0];
+ var setContractPopoverKey = contractPopoverKeyState[1];
+
+ var expandedRowKeysState = useState([]);
+ var expandedRowKeys = expandedRowKeysState[0];
+ var setExpandedRowKeys = expandedRowKeysState[1];
+
+ var deleteConfirmVisibleState = useState(false);
+ var deleteConfirmVisible = deleteConfirmVisibleState[0];
+ var setDeleteConfirmVisible = deleteConfirmVisibleState[1];
+
+ var deleteConfirmRecordState = useState(null);
+ var deleteConfirmRecord = deleteConfirmRecordState[0];
+ var setDeleteConfirmRecord = deleteConfirmRecordState[1];
+
+ var deleteConfirmParentState = useState(null);
+ var deleteConfirmParent = deleteConfirmParentState[0];
+ var setDeleteConfirmParent = deleteConfirmParentState[1];
+
+ var filterOptions = useMemo(function () {
+ return buildFilterOptions(mainList);
+ }, [mainList]);
+
+ var filteredByQuery = useMemo(function () {
+ return filterMainList(mainList, appliedFilters);
+ }, [mainList, appliedFilters]);
+
+ var kpiCounts = useMemo(function () {
+ return countKpiFromList(filteredByQuery, kpiTab);
+ }, [filteredByQuery, kpiTab]);
+
+ var filteredData = useMemo(function () {
+ return filterByKpiTab(filteredByQuery, kpiTab);
+ }, [filteredByQuery, kpiTab]);
+
+ var totalCount = (filteredData || []).length;
+ var totalPages = Math.max(1, Math.ceil(totalCount / pageSize) || 1);
+ var safePage = Math.max(1, Math.min(page, totalPages));
+
+ var pagedList = useMemo(function () {
+ var start = (safePage - 1) * pageSize;
+ return (filteredData || [])
+ .filter(isValidPickupMainRecord)
+ .slice(start, start + pageSize);
+ }, [filteredData, safePage, pageSize]);
+
+ function handleQuery() {
+ setAppliedFilters(Object.assign({}, filters));
+ setPage(1);
+ }
+
+ function resetFilters() {
+ var empty = {
+ contractCode: undefined,
+ projectName: undefined,
+ customerName: undefined,
+ businessDept: undefined,
+ businessPerson: undefined,
+ };
+ setFilters(empty);
+ setAppliedFilters(empty);
+ setKpiTab('all');
+ setPage(1);
+ }
+
+ function goHandle(record) {
+ if (props && typeof props.onGoHandle === 'function') props.onGoHandle(record);
+ else message.info('跳转至办理页（原型）');
+ }
+
+ function goRefund(record) {
+ message.success(
+ '已发起退款流程（原型）：' + (record.contractCode || '') + ' · 抄送财务复核',
+ );
+ }
+
+ function goLinkPaymentRecords(batch, parent) {
+ message.info(
+ '关联收款记录（原型）：' + buildCollectCode(parent.contractCode, batch.seq),
+ );
+ }
+
+ function getBatchAmountTotals(batch) {
+ var receivableTotal = parseFloat(batch.receivableTotal);
+ if (!Number.isNaN(receivableTotal) && receivableTotal >= 0) {
+ var receivedTotal = parseFloat(
+ batch.financeReceived != null ? batch.financeReceived : batch.actualTotal,
+ ) || 0;
+ return { receivableTotal: receivableTotal, receivedTotal: receivedTotal };
+ }
+ return (batch.deliveryVehicles || []).reduce(
+ function (acc, vehicle) {
+ acc.receivableTotal += parseFloat(vehicle.receivableTotal) || 0;
+ acc.receivedTotal += parseFloat(vehicle.receivedTotal) || 0;
+ return acc;
+ },
+ { receivableTotal: 0, receivedTotal: 0 },
+ );
+ }
+
+ function buildVehicleModelKey(vehicle) {
+ if (!vehicle) return '';
+ return [String(vehicle.brand || '').trim(), String(vehicle.model || '').trim()]
+ .filter(Boolean)
+ .join(' ');
+ }
+
+ function buildPickupSubModelGroupRows(parent) {
+ var rows = [];
+ (parent.children || []).forEach(function (batch) {
+ var vehicles = batch.deliveryVehicles || [];
+ if (!vehicles.length) {
+ rows.push({
+ batch: batch,
+ parent: parent,
+ modelGroup: null,
+ batchSeq: batch.seq,
+ isFirstInBatch: true,
+ batchRowSpan: 1,
+ });
+ return;
+ }
+ var groupOrder = [];
+ var groupMap = {};
+ vehicles.forEach(function (vehicle, index) {
+ var key = buildVehicleModelKey(vehicle) || '__vehicle-' + (vehicle.seq != null ? vehicle.seq : index);
+ if (!groupMap[key]) {
+ groupMap[key] = {
+ key: key,
+ brand: vehicle.brand,
+ model: vehicle.model,
+ vehicles: [],
+ };
+ groupOrder.push(key);
+ }
+ groupMap[key].vehicles.push(vehicle);
+ });
+ groupOrder.forEach(function (key, idx) {
+ rows.push({
+ batch: batch,
+ parent: parent,
+ modelGroup: groupMap[key],
+ batchSeq: batch.seq,
+ isFirstInBatch: idx === 0,
+ batchRowSpan: groupOrder.length,
+ });
+ });
+ });
+ return rows;
+ }
+
+ function renderModelGroupCell(modelGroup) {
+ if (!modelGroup) return '—';
+ var label = [modelGroup.brand, modelGroup.model].filter(Boolean).join(' ');
+ var plates = (modelGroup.vehicles || [])
+ .map(function (vehicle) {
+ return String(vehicle.plateNo || '').trim();
+ })
+ .filter(Boolean);
+ return React.createElement(
+ 'div',
+ { className: 'vpr-pickup-subtable__model-group' },
+ React.createElement(
+ 'div',
+ { className: 'vpr-pickup-subtable__model-group-name', title: label || '—' },
+ label || '—',
+ ),
+ plates.length
+ ? React.createElement(
+ 'div',
+ {
+ className: 'vpr-pickup-subtable__model-group-plates tabular-nums',
+ title: plates.join('、'),
+ },
+ plates.join('、'),
+ )
+ : React.createElement(
+ 'div',
+ { className: 'vpr-pickup-subtable__model-group-plates is-empty' },
+ '—',
+ ),
+ );
+ }
+
+ function renderPrimaryOpButton(label, Icon, onClick, options) {
+ var danger = options && options.danger;
+ return React.createElement(
+ 'button',
+ {
+ type: 'button',
+ className: 'vm-op-action' + (danger ? ' vpr-op-action--danger' : ''),
+ 'aria-label': label,
+ onClick: function (e) {
+ e.stopPropagation();
+ onClick();
+ },
+ },
+ React.createElement(Icon, {
+ className: 'vm-op-action__icon',
+ 'aria-hidden': true,
+ strokeWidth: 1.75,
+ }),
+ React.createElement('span', { className: 'vm-op-action__label' }, label),
+ );
+ }
+
+ function renderSubBatchActionCell(batch, parent) {
+ return React.createElement(
+ 'div',
+ {
+ className: 'vm-row-actions vm-operation-actions vpr-pickup-subtable__actions',
+ onClick: function (e) {
+ e.stopPropagation();
+ },
+ },
+ renderPrimaryOpButton('查看', Eye, function () {
+ goView(batch, parent);
+ }),
+ renderPrimaryOpButton('关联收款记录', CircleDollarSign, function () {
+ goLinkPaymentRecords(batch, parent);
+ }),
+ shouldShowSubBatchRefund(parent)
+ ? renderPrimaryOpButton('退款', Undo2, function () {
+ goRefund(parent);
+ }, { danger: true })
+ : null,
+ );
+ }
+
+ function persistMainList(nextList) {
+ var enriched = (nextList || []).map(enrichPickupRecord);
+ saveStoredPickupList(enriched);
+ setMainList(enriched);
+ }
+
+ function goView(record, parent) {
+ if (props && typeof props.onGoView === 'function') props.onGoView(record, parent);
+ else message.info('查看提车收款单详情（原型）');
+ }
+
+ function goEdit(record, parent) {
+ if (props && typeof props.onGoEdit === 'function') props.onGoEdit(record, parent);
+ else message.info('跳转至提车收款单编辑（原型）');
+ }
+
+ function toggleRowExpand(contractCode) {
+ setExpandedRowKeys(function (prev) {
+ if (prev.indexOf(contractCode) >= 0) return [];
+ return [contractCode];
+ });
+ }
+
+ function renderRowExpandIcon(record) {
+ var expanded = expandedRowKeys.indexOf(record.contractCode) >= 0;
+ return React.createElement('span', {
+ className:
+ 'ant-table-row-expand-icon ' +
+ (expanded ? 'ant-table-row-expand-icon-expanded' : 'ant-table-row-expand-icon-collapsed'),
+ role: 'button',
+ tabIndex: 0,
+ 'aria-label': expanded ? '收起提车应收款单据' : '展开提车应收款单据',
+ onClick: function (e) {
+ e.stopPropagation();
+ toggleRowExpand(record.contractCode);
+ },
+ onKeyDown: function (e) {
+ if (e.key === 'Enter' || e.key === ' ') {
+ e.preventDefault();
+ toggleRowExpand(record.contractCode);
+ }
+ },
+ });
+ }
+
+ function handleProjectInfoClick(record, e) {
+ if (e) e.stopPropagation();
+ if (canShowHandle(record)) {
+ goHandle(record);
+ return;
+ }
+ message.info('当前合同暂无可办理的提车应收款');
+ }
+
+ function renderProjectInfoCell(_, record) {
+ var clickable = canShowHandle(record);
+ var hasSubRows = Boolean(record && record.children && record.children.length);
+ return React.createElement(
+ 'div',
+ { className: 'lc-project-info-merged-cell' },
+ hasSubRows ? renderRowExpandIcon(record) : React.createElement('span', { className: 'vpr-row-expand-spacer', 'aria-hidden': true }),
+ React.createElement(
+ 'div',
+ {
+ className: 'lc-project-info-cell' + (clickable ? ' vpr-project-info-cell--clickable' : ''),
+ role: clickable ? 'button' : undefined,
+ tabIndex: clickable ? 0 : undefined,
+ title: clickable ? '点击进入办理' : displayText(record.customerName),
+ onClick: function (e) {
+ handleProjectInfoClick(record, e);
+ },
+ onKeyDown: clickable
+ ? function (e) {
+ if (e.key === 'Enter' || e.key === ' ') {
+ e.preventDefault();
+ handleProjectInfoClick(record, e);
+ }
+ }
+ : undefined,
+ },
+ React.createElement(
+ 'div',
+ { className: 'vm-stack' },
+ React.createElement(
+ 'span',
+ { className: 'primary', title: displayText(record.customerName) },
+ displayText(record.customerName),
+ ),
+ React.createElement(
+ 'span',
+ { className: 'code', title: displayText(record.contractCode) },
+ displayText(record.contractCode),
+ ),
+ React.createElement(
+ 'span',
+ { className: 'sub', title: displayText(record.projectName) },
+ displayText(record.projectName),
+ ),
+ ),
+ ),
+ );
+ }
+
+ function renderBusinessOwnerCell(_, record) {
+ return React.createElement(
+ 'div',
+ { className: 'vm-stack' },
+ React.createElement(
+ 'span',
+ { className: 'primary', title: displayText(record.businessDept) },
+ displayText(record.businessDept),
+ ),
+ React.createElement(
+ 'span',
+ { className: 'sub', title: displayText(record.businessPerson) },
+ displayText(record.businessPerson),
+ ),
+ );
+ }
+
+ function getPickedUpVehicles(record) {
+ var result = [];
+ var seen = {};
+ (record.children || []).forEach(function (child) {
+ var audit = String(child.auditStatus || '');
+ if (audit === '已驳回' || audit === '审批驳回') return;
+ (child.deliveryVehicles || []).forEach(function (v) {
+ var key = [v.brand || '', v.model || '', v.plateNo || ''].join('|');
+ if (seen[key]) return;
+ seen[key] = true;
+ result.push(Object.assign({}, v, {
+ actualDelivery: child.pickupDate || child.chargeTime || '-',
+ deliveryPerson: child.creator || '-',
+ }));
+ });
+ });
+ return result;
+ }
+
+ var VEHICLE_PLATE_UNSELECTED_LABEL = '车辆待选';
+
+ function formatVehiclePlateLabel(plateNo) {
+ var plate = plateNo && String(plateNo).trim();
+ if (!plate || plate === '-') return null;
+ return plate;
+ }
+
+ function resolveVehicleTypeLabel(vehicle) {
+ if (vehicle.vehicleType && String(vehicle.vehicleType).trim() && vehicle.vehicleType !== '-') {
+ return vehicle.vehicleType;
+ }
+ if (vehicle.model && String(vehicle.model).trim() && vehicle.model !== '-') {
+ return vehicle.model;
+ }
+ var brandModel = [vehicle.brand, vehicle.model].filter(function (part) {
+ return part && String(part).trim() && part !== '-';
+ }).join(' ');
+ return brandModel || '车辆';
+ }
+
+ function normalizePopoverVehicle(vehicle, index) {
+ return Object.assign({}, vehicle, {
+ vehicleType: resolveVehicleTypeLabel(vehicle),
+ seq: vehicle.seq != null ? vehicle.seq : index + 1,
+ });
+ }
+
+ function renderVehiclePopoverIcon(type) {
+ if (type === 'delivered') {
+ return React.createElement(
+ 'svg',
+ {
+ xmlns: 'http://www.w3.org/2000/svg',
+ width: 18,
+ height: 18,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ stroke: 'currentColor',
+ strokeWidth: 2,
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ },
+ React.createElement('path', { d: 'M22 11.08V12a10 10 0 1 1-5.93-9.14' }),
+ React.createElement('polyline', { points: '22 4 12 14.01 9 11.01' }),
+ );
+ }
+ return React.createElement(
+ 'svg',
+ {
+ xmlns: 'http://www.w3.org/2000/svg',
+ width: 18,
+ height: 18,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ stroke: 'currentColor',
+ strokeWidth: 2,
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ },
+ React.createElement('path', { d: 'M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2' }),
+ React.createElement('path', { d: 'M15 18H9' }),
+ React.createElement('path', { d: 'M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14' }),
+ React.createElement('circle', { cx: '17', cy: '18', r: '2' }),
+ React.createElement('circle', { cx: '7', cy: '18', r: '2' }),
+ );
+ }
+
+ function renderVehiclePopoverCard(vehicle, index, variant) {
+ var plate = formatVehiclePlateLabel(vehicle.plateNo);
+ var brandModel = [vehicle.brand, vehicle.model].filter(function (part) {
+ return part && String(part).trim() && part !== '-';
+ }).join(' · ') || '-';
+
+ return React.createElement(
+ 'article',
+ {
+ key: 'vehicle-card-' + index,
+ className: 'lc-vehicle-popover-card' + (variant === 'delivered' ? ' lc-vehicle-popover-card--delivered' : ''),
+ },
+ React.createElement(
+ 'div',
+ { className: 'lc-vehicle-popover-card__head' },
+ React.createElement(
+ 'span',
+ { className: 'lc-vehicle-popover-card__type', title: vehicle.vehicleType || '' },
+ vehicle.vehicleType || '-',
+ ),
+ plate
+ ? React.createElement('span', { className: 'lc-vehicle-popover-card__plate tabular-nums' }, plate)
+ : React.createElement(
+ 'span',
+ { className: 'lc-vehicle-popover-card__plate lc-vehicle-popover-card__plate--pending' },
+ VEHICLE_PLATE_UNSELECTED_LABEL,
+ ),
+ ),
+ React.createElement(
+ 'div',
+ { className: 'lc-vehicle-popover-card__body' },
+ React.createElement(
+ 'div',
+ { className: 'lc-vehicle-popover-card__field' },
+ React.createElement('span', { className: 'lc-vehicle-popover-card__label' }, '品牌型号'),
+ React.createElement('span', { className: 'lc-vehicle-popover-card__value', title: brandModel }, brandModel),
+ ),
+ variant === 'delivered'
+ ? React.createElement(
+ 'div',
+ { className: 'lc-vehicle-popover-card__delivery' },
+ React.createElement(
+ 'span',
+ { className: 'lc-vehicle-popover-card__delivery-item tabular-nums' },
+ React.createElement(
+ 'svg',
+ {
+ xmlns: 'http://www.w3.org/2000/svg',
+ width: 14,
+ height: 14,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ stroke: 'currentColor',
+ strokeWidth: 2,
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ 'aria-hidden': true,
+ },
+ React.createElement('rect', { x: '3', y: '4', width: '18', height: '18', rx: '2' }),
+ React.createElement('line', { x1: '16', y1: '2', x2: '16', y2: '6' }),
+ React.createElement('line', { x1: '8', y1: '2', x2: '8', y2: '6' }),
+ React.createElement('line', { x1: '3', y1: '10', x2: '21', y2: '10' }),
+ ),
+ vehicle.actualDelivery || '-',
+ ),
+ React.createElement(
+ 'span',
+ { className: 'lc-vehicle-popover-card__delivery-item' },
+ React.createElement(
+ 'svg',
+ {
+ xmlns: 'http://www.w3.org/2000/svg',
+ width: 14,
+ height: 14,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ stroke: 'currentColor',
+ strokeWidth: 2,
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ 'aria-hidden': true,
+ },
+ React.createElement('path', { d: 'M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2' }),
+ React.createElement('circle', { cx: '12', cy: '7', r: '4' }),
+ ),
+ vehicle.deliveryPerson && vehicle.deliveryPerson !== '-' ? vehicle.deliveryPerson : '-',
+ ),
+ )
+ : null,
+ ),
+ );
+ }
+
+ function groupLeaseVehiclesByBrandModel(vehicles) {
+ var groups = [];
+ var indexByKey = {};
+ (vehicles || []).forEach(function (vehicle) {
+ var brand = vehicle.brand && String(vehicle.brand).trim() ? vehicle.brand : '-';
+ var model = vehicle.model && String(vehicle.model).trim() ? vehicle.model : '-';
+ var key = brand + '::' + model;
+ if (indexByKey[key] != null) {
+ groups[indexByKey[key]].count += 1;
+ } else {
+ indexByKey[key] = groups.length;
+ groups.push({ brand: brand, model: model, count: 1 });
+ }
+ });
+ return groups;
+ }
+
+ function renderRentalSummaryPopoverPanel(config) {
+ var vehicles = config.vehicles || [];
+ var groups = groupLeaseVehiclesByBrandModel(vehicles);
+ var totalCount = vehicles.length;
+ return React.createElement(
+ 'div',
+ { className: 'lc-vehicle-popover__panel', role: 'region', 'aria-label': config.title },
+ React.createElement(
+ 'div',
+ { className: 'lc-vehicle-popover__header' },
+ React.createElement(
+ 'div',
+ { className: 'lc-vehicle-popover__header-icon', 'aria-hidden': true },
+ renderVehiclePopoverIcon('rental'),
+ ),
+ React.createElement(
+ 'div',
+ { className: 'lc-vehicle-popover__header-text' },
+ React.createElement('div', { className: 'lc-vehicle-popover__header-title' }, config.title),
+ React.createElement(
+ 'div',
+ { className: 'lc-vehicle-popover__header-sub' },
+ config.subtitle,
+ React.createElement('span', { className: 'lc-vehicle-popover__count tabular-nums' }, totalCount + ' 辆'),
+ ),
+ ),
+ ),
+ groups.length === 0
+ ? React.createElement('div', { className: 'lc-vehicle-popover__empty' }, config.emptyText || '暂无车辆')
+ : React.createElement(
+ 'div',
+ { className: 'lc-vehicle-popover__summary-wrap' },
+ React.createElement(
+ 'table',
+ { className: 'lc-vehicle-popover__summary-table' },
+ React.createElement(
+ 'thead',
+ null,
+ React.createElement(
+ 'tr',
+ null,
+ React.createElement('th', { scope: 'col' }, '品牌'),
+ React.createElement('th', { scope: 'col' }, '型号'),
+ React.createElement('th', { scope: 'col', className: 'is-count' }, '车辆数'),
+ ),
+ ),
+ React.createElement(
+ 'tbody',
+ null,
+ groups.map(function (group, index) {
+ return React.createElement(
+ 'tr',
+ { key: 'rental-group-' + index },
+ React.createElement('td', { title: group.brand }, group.brand),
+ React.createElement('td', { title: group.model }, group.model),
+ React.createElement('td', { className: 'is-count tabular-nums' }, group.count),
+ );
+ }),
+ ),
+ ),
+ ),
+ );
+ }
+
+ function renderVehiclePopoverPanel(config) {
+ var vehicles = (config.vehicles || []).map(normalizePopoverVehicle);
+ var count = vehicles.length;
+ return React.createElement(
+ 'div',
+ { className: 'lc-vehicle-popover__panel', role: 'region', 'aria-label': config.title },
+ React.createElement(
+ 'div',
+ { className: 'lc-vehicle-popover__header' },
+ React.createElement(
+ 'div',
+ {
+ className: 'lc-vehicle-popover__header-icon' + (config.variant === 'delivered' ? ' is-delivered' : ''),
+ 'aria-hidden': true,
+ },
+ renderVehiclePopoverIcon(config.variant),
+ ),
+ React.createElement(
+ 'div',
+ { className: 'lc-vehicle-popover__header-text' },
+ React.createElement('div', { className: 'lc-vehicle-popover__header-title' }, config.title),
+ React.createElement(
+ 'div',
+ { className: 'lc-vehicle-popover__header-sub' },
+ config.subtitle,
+ React.createElement('span', { className: 'lc-vehicle-popover__count tabular-nums' }, count + ' 辆'),
+ ),
+ ),
+ ),
+ count === 0
+ ? React.createElement('div', { className: 'lc-vehicle-popover__empty' }, config.emptyText || '暂无车辆')
+ : React.createElement(
+ 'div',
+ { className: 'lc-vehicle-popover__list' },
+ vehicles.map(function (vehicle, index) {
+ return renderVehiclePopoverCard(vehicle, index, config.variant);
+ }),
+ ),
+ );
+ }
+
+ function renderPickupCollectionCell(_, record) {
+ var contractCount = record.contractVehicleCount != null
+ ? record.contractVehicleCount
+ : (record.leaseOrderVehicles || []).length;
+ var pickedCount = record.pickedUpVehicleCount != null
+ ? record.pickedUpVehicleCount
+ : getPickedUpVehicles(record).length;
+ var contractKey = (record.contractCode || '') + '-contract';
+ var pickedExpanded = expandedRowKeys.indexOf(record.contractCode) >= 0;
+ var popoverCommonProps = {
+ overlayClassName: 'lc-vehicle-popover',
+ placement: 'bottom',
+ trigger: 'click',
+ arrow: { pointAtCenter: true },
+ destroyTooltipOnHide: true,
+ };
+ var contractPanel = renderRentalSummaryPopoverPanel({
+ title: '租车车辆明细',
+ subtitle: record.contractCode || '',
+ vehicles: record.leaseOrderVehicles || [],
+ emptyText: '该合同暂无车辆',
+ });
+
+ return React.createElement(
+ 'div',
+ { className: 'lc-lease-order-counts' },
+ React.createElement(
+ Popover,
+ Object.assign({}, popoverCommonProps, {
+ content: contractPanel,
+ title: null,
+ open: contractPopoverKey === contractKey,
+ onOpenChange: function (visible) {
+ if (!visible) setContractPopoverKey(null);
+ else setContractPopoverKey(contractKey);
+ },
+ }),
+ React.createElement(
+ 'button',
+ {
+ type: 'button',
+ className: 'lc-lease-order-counts__item',
+ 'aria-label': '租车数 ' + contractCount,
+ },
+ React.createElement(
+ 'span',
+ { className: 'lc-lease-order-counts__value tabular-nums' },
+ contractCount,
+ ),
+ React.createElement('span', { className: 'lc-lease-order-counts__label' }, '租车数'),
+ ),
+ ),
+ React.createElement('span', { className: 'lc-lease-order-counts__sep', 'aria-hidden': true }),
+ React.createElement(
+ 'button',
+ {
+ type: 'button',
+ className: 'lc-lease-order-counts__item'
+ + (pickedExpanded ? ' lc-lease-order-counts__item--active' : ''),
+ 'aria-label': '已提车数 ' + pickedCount,
+ 'aria-expanded': pickedExpanded,
+ onClick: function (e) {
+ e.stopPropagation();
+ setContractPopoverKey(null);
+ toggleRowExpand(record.contractCode);
+ },
+ },
+ React.createElement(
+ 'span',
+ { className: 'lc-lease-order-counts__value tabular-nums' },
+ pickedCount,
+ ),
+ React.createElement('span', { className: 'lc-lease-order-counts__label' }, '已提车'),
+ ),
+ );
+ }
+
+ function renderMoneySubCell(amount) {
+ return React.createElement(
+ 'span',
+ { className: 'vpr-money-cell tabular-nums' },
+ fmtMoneyYuan(amount),
+ );
+ }
+
+ function moneyColumnCellProps(_variant, isTotal) {
+ if (!isTotal) {
+ return { className: 'vpr-money-col-td' };
+ }
+ return {
+ className: 'vpr-money-col-td vpr-money-col-td--total',
+ };
+ }
+
+ function moneyColumnHeaderProps(_variant, isTotal) {
+ if (!isTotal) {
+ return { className: 'vpr-money-col-th' };
+ }
+ return {
+ className: 'vpr-money-col-th vpr-money-col-th--total',
+ };
+ }
+
+ function renderReceivableRentCell(_, record) {
+ return renderMoneySubCell(record.totalReceivableRent);
+ }
+
+ function renderReceivableDepositCell(_, record) {
+ return renderMoneySubCell(record.totalReceivableDeposit);
+ }
+
+ function renderReceivableServiceCell(_, record) {
+ return renderMoneySubCell(record.totalReceivableService);
+ }
+
+ function renderReceivedRentCell(_, record) {
+ return renderMoneySubCell(record.totalReceivedRent);
+ }
+
+ function renderReceivedDepositCell(_, record) {
+ return renderMoneySubCell(record.totalReceivedDeposit);
+ }
+
+ function renderReceivedServiceCell(_, record) {
+ return renderMoneySubCell(record.totalReceivedService);
+ }
+
+ function renderReceivableTotalCell(_, record) {
+ var amount = record.totalReceivableAmount != null
+ ? record.totalReceivableAmount
+ : 0;
+ return React.createElement(
+ 'span',
+ {
+ className: 'vpr-money-cell vpr-money-cell--total tabular-nums',
+ title: '合计应收金额 = 应收租金 + 应收保证金 + 应收服务费',
+ },
+ fmtMoneyYuan(amount),
+ );
+ }
+
+ function renderReceivedTotalCell(_, record) {
+ var amount = record.totalReceivedAmount != null ? record.totalReceivedAmount : 0;
+ return React.createElement(
+ 'span',
+ {
+ className: 'vpr-money-cell vpr-money-cell--total tabular-nums',
+ title: '合计实收金额 = 实收租金 + 实收保证金 + 实收服务费',
+ },
+ fmtMoneyYuan(amount),
+ );
+ }
+
+ function renderMainActionCell(_, record) {
+ var showHandle = canShowHandle(record);
+ if (!showHandle) {
+ return React.createElement('span', { className: 'vm-operation-actions vm-operation-actions--empty' }, '—');
+ }
+ return React.createElement(
+ 'div',
+ {
+ className: 'vm-row-actions vm-operation-actions',
+ onClick: function (e) {
+ e.stopPropagation();
+ },
+ },
+ React.createElement(
+ 'button',
+ {
+ type: 'button',
+ className: 'vm-op-action',
+ 'aria-label': '办理',
+ onClick: function (e) {
+ e.stopPropagation();
+ goHandle(record);
+ },
+ },
+ React.createElement(ClipboardCheck, {
+ className: 'vm-op-action__icon',
+ 'aria-hidden': true,
+ strokeWidth: 1.75,
+ }),
+ React.createElement('span', { className: 'vm-op-action__label' }, '办理'),
+ ),
+ );
+ }
+
+ function renderBatchVehicleCountTag(batch) {
+ var count = (batch && batch.deliveryVehicles && batch.deliveryVehicles.length)
+ || batch.deliveryCount
+ || 0;
+ return React.createElement(
+ 'span',
+ {
+ className: 'vpr-pickup-subtable__vehicle-count tabular-nums',
+ title: '本批次提车车辆数',
+ },
+ String(count) + ' 辆',
+ );
+ }
+
+ function renderPickupSubTable(parent) {
+ var batches = parent.children || [];
+ if (!batches.length) {
+ return React.createElement('div', { className: 'vpr-pickup-expand__empty' }, '暂无提车车辆清单，请点击操作列「办理」选择车辆并约定交付时间、交付地点后提交生成');
+ }
+
+ var modelGroupRows = buildPickupSubModelGroupRows(parent);
+
+ return React.createElement(
+ 'div',
+ { className: 'vpr-pickup-table-wrap' },
+ React.createElement(
+ 'table',
+ { className: 'vpr-pickup-native-table vpr-pickup-native-table--vehicles' },
+ React.createElement(
+ 'thead',
+ null,
+ React.createElement(
+ 'tr',
+ null,
+ React.createElement('th', { style: { width: 48 } }, '序号'),
+ React.createElement('th', { style: { width: 88 } }, '单据状态'),
+ React.createElement('th', { style: { width: 108 } }, '交付时间'),
+ React.createElement('th', { style: { width: 120 } }, '交付地点'),
+ React.createElement('th', { style: { width: 180 } }, '品牌型号'),
+ React.createElement('th', { style: { width: 64 } }, '数量'),
+ React.createElement('th', { style: { width: 104 } }, '合计应收'),
+ React.createElement('th', { style: { width: 104 } }, '合计实收'),
+ React.createElement('th', { style: { width: 248 } }, '操作'),
+ ),
+ ),
+ React.createElement(
+ 'tbody',
+ null,
+ modelGroupRows.map(function (row) {
+ var batch = row.batch;
+ var modelGroup = row.modelGroup;
+ var sampleVehicle = modelGroup && modelGroup.vehicles.length ? modelGroup.vehicles[0] : null;
+ var auditStatus = normalizeAuditStatus(batch.auditStatus);
+ var auditLabel = auditStatus === '已驳回' ? '审批驳回' : (auditStatus || '—');
+ var batchTotals = getBatchAmountTotals(batch);
+ var rowKey = (parent.contractCode || '') + '-' + batch.seq + '-' + (modelGroup ? modelGroup.key : 'empty');
+ var cells = [];
+
+ if (row.isFirstInBatch) {
+ cells.push(
+ React.createElement(
+ 'td',
+ {
+ key: 'seq',
+ rowSpan: row.batchRowSpan,
+ className: 'vpr-pickup-subtable__batch-cell tabular-nums',
+ },
+ row.batchSeq,
+ ),
+ React.createElement(
+ 'td',
+ {
+ key: 'status',
+ rowSpan: row.batchRowSpan,
+ className: 'vpr-pickup-subtable__batch-cell',
+ },
+ React.createElement(StatusTag, {
+ label: auditLabel,
+ tone: auditStatusTone(batch.auditStatus),
+ title: auditLabel,
+ }),
+ ),
+ );
+ }
+
+ if (row.isFirstInBatch) {
+ cells.push(
+ React.createElement(
+ 'td',
+ {
+ key: 'deliveryTime',
+ rowSpan: row.batchRowSpan,
+ className: 'vpr-pickup-subtable__batch-cell tabular-nums',
+ },
+ displayText(sampleVehicle ? sampleVehicle.deliveryTime : batch.pickupDate),
+ ),
+ React.createElement(
+ 'td',
+ {
+ key: 'deliveryLocation',
+ rowSpan: row.batchRowSpan,
+ className: 'vpr-pickup-subtable__batch-cell',
+ title: sampleVehicle ? sampleVehicle.deliveryLocation : batch.deliveryLocation,
+ },
+ displayText(sampleVehicle ? sampleVehicle.deliveryLocation : batch.deliveryLocation),
+ ),
+ );
+ }
+
+ cells.push(
+ React.createElement('td', { key: 'vehicleInfo' }, renderModelGroupCell(modelGroup)),
+ );
+
+ if (row.isFirstInBatch) {
+ cells.push(
+ React.createElement(
+ 'td',
+ {
+ key: 'vehicleCount',
+ rowSpan: row.batchRowSpan,
+ className: 'vpr-pickup-subtable__batch-cell vpr-pickup-subtable__vehicle-count-cell',
+ },
+ renderBatchVehicleCountTag(batch),
+ ),
+ );
+ }
+
+ if (row.isFirstInBatch) {
+ cells.push(
+ React.createElement(
+ 'td',
+ {
+ key: 'recvTotal',
+ rowSpan: row.batchRowSpan,
+ className: 'vpr-pickup-subtable__batch-cell vpr-money vpr-money--total',
+ title: '本批次所选车辆应收金额合计',
+ },
+ fmtMoneyYuan(batchTotals.receivableTotal),
+ ),
+ React.createElement(
+ 'td',
+ {
+ key: 'rcvdTotal',
+ rowSpan: row.batchRowSpan,
+ className: 'vpr-pickup-subtable__batch-cell vpr-money vpr-money--total',
+ title: '本批次所选车辆实收金额合计',
+ },
+ fmtMoneyYuan(batchTotals.receivedTotal),
+ ),
+ React.createElement(
+ 'td',
+ {
+ key: 'actions',
+ rowSpan: row.batchRowSpan,
+ className: 'vpr-pickup-subtable__batch-cell vpr-pickup-subtable__actions',
+ },
+ renderSubBatchActionCell(batch, parent),
+ ),
+ );
+ }
+
+ return React.createElement('tr', { key: rowKey }, cells);
+ }),
+ ),
+ ),
+ );
+ }
+
+ function renderExpandedPickupTable(record) {
+ return React.createElement(
+ 'div',
+ { className: 'vpr-pickup-expand' },
+ renderPickupSubTable(record),
+ );
+ }
+
+ function confirmDeleteSub() {
+ if (deleteConfirmParent && deleteConfirmRecord) {
+ persistMainList(
+ mainList.map(function (p) {
+ if (p.contractCode !== deleteConfirmParent.contractCode) return p;
+ var newChildren = (p.children || []).filter(function (r) {
+ return !(r.seq === deleteConfirmRecord.seq && r.chargeTime === deleteConfirmRecord.chargeTime);
+ });
+ newChildren = newChildren.map(function (r, index) {
+ return Object.assign({}, r, { seq: index + 1 });
+ });
+ return Object.assign({}, p, { children: newChildren });
+ }),
+ );
+ message.success('已删除');
+ }
+ setDeleteConfirmVisible(false);
+ setDeleteConfirmRecord(null);
+ setDeleteConfirmParent(null);
+ }
+
+ var columns = useMemo(
+ function () {
+ var colWidths = tableColumnWidths;
+ return [
+ {
+ title: '项目信息',
+ key: 'projectInfo',
+ width: colWidths[0],
+ ellipsis: true,
+ className: 'lc-project-info-col vpr-col-project',
+ onHeaderCell: function () {
+ return { className: 'lc-project-info-col vpr-col-project' };
+ },
+ onCell: function () {
+ return { className: 'lc-project-info-col vpr-col-project vm-stacked-cell-td' };
+ },
+ render: renderProjectInfoCell,
+ },
+ {
+ title: '业务负责人',
+ key: 'businessOwner',
+ width: colWidths[1],
+ ellipsis: true,
+ onCell: function () {
+ return { className: 'vm-stacked-cell-td vpr-col-owner' };
+ },
+ render: renderBusinessOwnerCell,
+ },
+ {
+ title: '收款情况',
+ key: 'pickupCollection',
+ width: colWidths[2],
+ className: 'vpr-col-pickup',
+ onHeaderCell: function () {
+ return {
+ className: 'vpr-col-pickup',
+ 'data-annotation-id': 'vpr-col-pickup',
+ };
+ },
+ onCell: function () {
+ return { className: 'vpr-col-pickup' };
+ },
+ render: renderPickupCollectionCell,
+ },
+ {
+ title: '应收租金',
+ key: 'receivableRent',
+ width: colWidths[3],
+ align: 'left',
+ onHeaderCell: function () {
+ return moneyColumnHeaderProps('receivable', false);
+ },
+ onCell: function () {
+ return moneyColumnCellProps('receivable', false);
+ },
+ render: renderReceivableRentCell,
+ },
+ {
+ title: '应收保证金',
+ key: 'receivableDeposit',
+ width: colWidths[4],
+ align: 'left',
+ onHeaderCell: function () {
+ return moneyColumnHeaderProps('receivable', false);
+ },
+ onCell: function () {
+ return moneyColumnCellProps('receivable', false);
+ },
+ render: renderReceivableDepositCell,
+ },
+ {
+ title: '应收服务费',
+ key: 'receivableService',
+ width: colWidths[5],
+ align: 'left',
+ onHeaderCell: function () {
+ return moneyColumnHeaderProps('receivable', false);
+ },
+ onCell: function () {
+ return moneyColumnCellProps('receivable', false);
+ },
+ render: renderReceivableServiceCell,
+ },
+ {
+ title: '合计应收金额',
+ key: 'totalReceivable',
+ width: colWidths[6],
+ align: 'left',
+ onHeaderCell: function () {
+ return moneyColumnHeaderProps('receivable', true);
+ },
+ onCell: function () {
+ return moneyColumnCellProps('receivable', true);
+ },
+ render: renderReceivableTotalCell,
+ },
+ {
+ title: '实收租金',
+ key: 'receivedRent',
+ width: colWidths[7],
+ align: 'left',
+ onHeaderCell: function () {
+ return moneyColumnHeaderProps('received', false);
+ },
+ onCell: function () {
+ return moneyColumnCellProps('received', false);
+ },
+ render: renderReceivedRentCell,
+ },
+ {
+ title: '实收保证金',
+ key: 'receivedDeposit',
+ width: colWidths[8],
+ align: 'left',
+ onHeaderCell: function () {
+ return moneyColumnHeaderProps('received', false);
+ },
+ onCell: function () {
+ return moneyColumnCellProps('received', false);
+ },
+ render: renderReceivedDepositCell,
+ },
+ {
+ title: '实收服务费',
+ key: 'receivedService',
+ width: colWidths[9],
+ align: 'left',
+ onHeaderCell: function () {
+ return moneyColumnHeaderProps('received', false);
+ },
+ onCell: function () {
+ return moneyColumnCellProps('received', false);
+ },
+ render: renderReceivedServiceCell,
+ },
+ {
+ title: '合计实收金额',
+ key: 'totalReceived',
+ width: colWidths[10],
+ align: 'left',
+ onHeaderCell: function () {
+ return moneyColumnHeaderProps('received', true);
+ },
+ onCell: function () {
+ return moneyColumnCellProps('received', true);
+ },
+ render: renderReceivedTotalCell,
+ },
+ {
+ title: '操作',
+ key: 'action',
+ width: colWidths[11],
+ className: 'vpr-col-action',
+ render: renderMainActionCell,
+ },
+ ];
+ },
+ [expandedRowKeys, contractPopoverKey, mainList, tableColumnWidths],
+ );
+
+ var filterItems = [
+ React.createElement(
+ 'label',
+ { key: 'contractCode', className: 'vm-filter-field' },
+ React.createElement('span', null, '合同编码'),
+ React.createElement(Select, {
+ value: filters.contractCode,
+ options: filterOptions.contractCode,
+ allowClear: true,
+ placeholder: '请选择或输入合同编码',
+ showSearch: true,
+ filterOption: filterOption,
+ className: 'lc-filter-select',
+ onChange: function (v) {
+ setFilters(function (p) {
+ return Object.assign({}, p, { contractCode: v });
+ });
+ },
+ }),
+ ),
+ React.createElement(
+ 'label',
+ { key: 'projectName', className: 'vm-filter-field' },
+ React.createElement('span', null, '项目名称'),
+ React.createElement(Select, {
+ value: filters.projectName,
+ options: filterOptions.projectName,
+ allowClear: true,
+ placeholder: '请选择或输入项目名称',
+ showSearch: true,
+ filterOption: filterOption,
+ className: 'lc-filter-select',
+ onChange: function (v) {
+ setFilters(function (p) {
+ return Object.assign({}, p, { projectName: v });
+ });
+ },
+ }),
+ ),
+ React.createElement(
+ 'label',
+ { key: 'customerName', className: 'vm-filter-field' },
+ React.createElement('span', null, '客户名称'),
+ React.createElement(Select, {
+ value: filters.customerName,
+ options: filterOptions.customerName,
+ allowClear: true,
+ placeholder: '请选择或输入客户名称',
+ showSearch: true,
+ filterOption: filterOption,
+ className: 'lc-filter-select',
+ onChange: function (v) {
+ setFilters(function (p) {
+ return Object.assign({}, p, { customerName: v });
+ });
+ },
+ }),
+ ),
+ React.createElement(
+ 'label',
+ { key: 'businessDept', className: 'vm-filter-field' },
+ React.createElement('span', null, '业务部门'),
+ React.createElement(Select, {
+ value: filters.businessDept,
+ options: filterOptions.businessDept,
+ allowClear: true,
+ placeholder: '请选择业务部门',
+ className: 'lc-filter-select',
+ onChange: function (v) {
+ setFilters(function (p) {
+ return Object.assign({}, p, { businessDept: v });
+ });
+ },
+ }),
+ ),
+ React.createElement(
+ 'label',
+ { key: 'businessPerson', className: 'vm-filter-field' },
+ React.createElement('span', null, '业务负责人'),
+ React.createElement(Select, {
+ value: filters.businessPerson,
+ options: filterOptions.businessPerson,
+ allowClear: true,
+ placeholder: '请选择业务负责人',
+ className: 'lc-filter-select',
+ onChange: function (v) {
+ setFilters(function (p) {
+ return Object.assign({}, p, { businessPerson: v });
+ });
+ },
+ }),
+ ),
+ ];
+
+ var filterCount = filterExpanded ? filterItems.length : 4;
+ var filterNodes = filterItems.slice(0, filterCount);
+
+ return React.createElement(
+ App,
+ null,
+ React.createElement(
+ 'div',
+ {
+ className: 'vm-page lc-page lc-page--list-dense vpr-page',
+ style: { '--lc-list-chrome-offset': VPR_LIST_CHROME_OFFSET + 'px' },
+ 'data-annotation-id': 'vpr-list',
+ },
+ React.createElement('style', null, ONEOS_ANT_TABLE_GLOBAL_FIX.join('\n')),
+ React.createElement(
+ 'section',
+ {
+ className: 'vm-filter-card ldb-filter-card',
+ 'data-annotation-id': 'vpr-filter',
+ 'aria-label': '筛选条件',
+ },
+ React.createElement(
+ 'header',
+ { className: 'vm-filter-header' },
+ React.createElement('h2', { className: 'vm-filter-title' }, '筛选条件'),
+ ),
+ React.createElement(
+ 'div',
+ { className: 'ldb-filter-body' },
+ React.createElement('div', { className: 'vm-filter-grid ldb-filter-grid ldb-filter-grid--primary' }, filterNodes),
+ ),
+ React.createElement(
+ 'div',
+ { className: 'vm-filter-actions ldb-filter-actions' },
+ filterItems.length > 4
+ ? React.createElement(
+ 'button',
+ {
+ type: 'button',
+ className: 'vm-btn vm-btn-link ldb-filter-toggle',
+ 'data-vm-icon': filterExpanded ? 'chevron-up' : 'filter',
+ onClick: function () {
+ setFilterExpanded(!filterExpanded);
+ },
+ },
+ filterExpanded ? '收起' : '更多筛选',
+ )
+ : null,
+ React.createElement(
+ 'button',
+ { type: 'button', className: 'vm-btn vm-btn-ghost ldb-toolbar-btn', 'data-vm-icon': 'rotate-ccw', onClick: resetFilters },
+ '重置',
+ ),
+ React.createElement(
+ 'button',
+ { type: 'button', className: 'vm-btn vm-btn-primary ldb-toolbar-btn', 'data-vm-icon': 'search', onClick: handleQuery },
+ '查询',
+ ),
+ ),
+ ),
+ React.createElement(
+ 'div',
+ {
+ className: 'vm-kpi-row',
+ role: 'group',
+ 'aria-label': '提车收款单统计',
+ 'data-annotation-id': 'vpr-kpi',
+ },
+ PICKUP_KPI_CARDS.map(function (card) {
+ return React.createElement(
+ 'button',
+ {
+ key: card.key,
+ type: 'button',
+ className: 'vm-kpi-card' + (kpiTab === card.key ? ' active' : ''),
+ onClick: function () {
+ setKpiTab(card.key);
+ setPage(1);
+ },
+ 'aria-pressed': kpiTab === card.key,
+ },
+ React.createElement(
+ 'span',
+ {
+ className: 'vm-kpi-tip',
+ tabIndex: 0,
+ role: 'note',
+ 'aria-label': card.title + '说明',
+ onClick: function (e) {
+ e.stopPropagation();
+ },
+ onMouseDown: function (e) {
+ e.stopPropagation();
+ },
+ },
+ kpiHelpIcon(),
+ React.createElement('span', { className: 'vm-kpi-tooltip', role: 'tooltip' }, card.desc),
+ ),
+ React.createElement('span', { className: 'vm-kpi-icon', 'aria-hidden': true }, KPI_ICONS[card.key]),
+ React.createElement(
+ 'span',
+ { className: 'vm-kpi-main' },
+ React.createElement('span', { className: 'vm-kpi-eyebrow' }, card.title),
+ React.createElement(
+ 'span',
+ { className: 'vm-kpi-val tabular-nums' },
+ kpiCounts[card.key] != null ? kpiCounts[card.key] : 0,
+ ),
+ ),
+ );
+ }),
+ ),
+ React.createElement(
+ 'section',
+ { className: 'vm-table-section' },
+ React.createElement(
+ 'div',
+ { className: 'vm-table-toolbar', 'data-annotation-id': 'vpr-toolbar' },
+ React.createElement(
+ 'div',
+ { className: 'vm-table-actions' },
+ React.createElement(
+ 'button',
+ {
+ type: 'button',
+ className: 'vm-btn vm-btn-ghost ldb-toolbar-btn',
+ 'data-vm-icon': 'download',
+ onClick: function () {
+ message.success('已按当前筛选条件导出 ' + totalCount + ' 条合同记录（原型）');
+ },
+ },
+ '导出',
+ ),
+ ),
+ ),
+ React.createElement(
+ 'div',
+ { className: 'vm-table-card', 'data-annotation-id': 'vpr-table' },
+ React.createElement(
+ 'div',
+ { className: 'vm-table-wrap', ref: tableWrapRef },
+ React.createElement(Table, {
+ className: 'vm-list-table lc-list-table--nested vpr-main-list-table',
+ rowKey: 'contractCode',
+ columns: columns,
+ dataSource: pagedList,
+ tableLayout: 'fixed',
+ scroll: {
+ x: tableScrollX,
+ y: 'max(calc(100vh - var(--lc-list-chrome-offset, 420px)), 240px)',
+ },
+ size: 'small',
+ pagination: false,
+ expandable: {
+ showExpandColumn: false,
+ expandIconColumnIndex: -1,
+ expandIcon: function () {
+ return null;
+ },
+ childrenColumnName: '__pickup_sub_batches__',
+ expandedRowKeys: expandedRowKeys,
+ onExpandedRowsChange: function (keys) {
+ setExpandedRowKeys(keys.length ? [keys[keys.length - 1]] : []);
+ },
+ expandedRowRender: renderExpandedPickupTable,
+ rowExpandable: function (record) {
+ return Boolean(record && record.children && record.children.length);
+ },
+ },
+ }),
+ ),
+ React.createElement(
+ 'div',
+ { className: 'vm-table-footer' },
+ React.createElement(TablePagination, {
+ page: safePage,
+ pageSize: pageSize,
+ total: totalCount,
+ onPageChange: function (nextPage) {
+ setPage(nextPage);
+ },
+ onPageSizeChange: function (size) {
+ setPageSize(size);
+ setPage(1);
+ },
+ }),
+ ),
+ ),
+ ),
+ React.createElement(
+ Modal,
+ {
+ title: '确认删除',
+ open: deleteConfirmVisible,
+ onCancel: function () {
+ setDeleteConfirmVisible(false);
+ setDeleteConfirmRecord(null);
+ setDeleteConfirmParent(null);
+ },
+ onOk: confirmDeleteSub,
+ okText: '确认',
+ cancelText: '取消',
+ },
+ '确定要删除该提车收款单记录吗？',
+ ),
+ ),
+ );
+};
+
+export default Component;
diff --git a/src/prototypes/vehicle-pickup-receivable/annotation-source.json b/src/prototypes/vehicle-pickup-receivable/annotation-source.json
new file mode 100644
index 0000000..d078586
--- /dev/null
+++ b/src/prototypes/vehicle-pickup-receivable/annotation-source.json
@@ -0,0 +1,312 @@
+{
+ "documentVersion": 1,
+ "format": "axhub-annotation-source",
+ "data": {
+ "version": 2,
+ "prototypeName": "vehicle-pickup-receivable",
+ "pageId": "list",
+ "updatedAt": 1783921200000,
+ "nodes": [
+ {
+ "id": "vpr-filter",
+ "index": 1,
+ "title": "筛选条件",
+ "pageId": "list",
+ "locator": {
+ "selectors": ["[data-annotation-id=\"vpr-filter\"]"],
+ "fingerprint": "vpr-filter",
+ "path": []
+ },
+ "aiPrompt": "合同编码、项目名称、客户名称、业务部门、业务负责人筛选。",
+ "annotationText": "默认首行 4 项；超过 1 行时其余项收入「更多筛选」。支持重置与查询，交互对齐租赁合同列表页。",
+ "hasMarkdown": true,
+ "color": "#2563eb",
+ "images": [],
+ "createdAt": 1752206400000,
+ "updatedAt": 1752206400000
+ },
+ {
+ "id": "vpr-kpi",
+ "index": 2,
+ "title": "提车收款单 KPI",
+ "pageId": "list",
+ "locator": {
+ "selectors": ["[data-annotation-id=\"vpr-kpi\"]"],
+ "fingerprint": "vpr-kpi",
+ "path": []
+ },
+ "aiPrompt": "全部 / 待审批 / 审批中 / 审批通过 / 已驳回统计卡片。",
+ "annotationText": "点击 KPI 卡片筛选子表提车收款单；计数基于当前筛选结果内的明细条数。",
+ "hasMarkdown": true,
+ "color": "#0f766e",
+ "images": [],
+ "createdAt": 1752206400000,
+ "updatedAt": 1752206400000
+ },
+ {
+ "id": "vpr-col-pickup",
+ "index": 3,
+ "title": "收款情况",
+ "pageId": "list",
+ "locator": {
+ "selectors": ["[data-annotation-id=\"vpr-col-pickup\"]"],
+ "fingerprint": "vpr-col-pickup",
+ "path": []
+ },
+ "aiPrompt": "租车数/已提车数与提车应收款自动生成、手动办理及计算规则。",
+ "annotationText": "租车数/已提车交互对齐租赁合同：点击租车数 Popover 展示品牌型号汇总；点击已提车展开子表。自动生成与手动办理规则见 Markdown。",
+ "hasMarkdown": true,
+ "color": "#0891b2",
+ "images": [],
+ "createdAt": 1752206400000,
+ "updatedAt": 1783921200000
+ },
+ {
+ "id": "vpr-toolbar",
+ "index": 4,
+ "title": "列表工具栏",
+ "pageId": "list",
+ "locator": {
+ "selectors": ["[data-annotation-id=\"vpr-toolbar\"]"],
+ "fingerprint": "vpr-toolbar",
+ "path": []
+ },
+ "aiPrompt": "导出操作，右对齐。",
+ "annotationText": "工具栏仅保留导出；总条数由底部分页展示，不在工具栏重复计数。",
+ "hasMarkdown": true,
+ "color": "#7c3aed",
+ "images": [],
+ "createdAt": 1752206400000,
+ "updatedAt": 1752206400000
+ },
+ {
+ "id": "vpr-table",
+ "index": 5,
+ "title": "主从嵌套列表",
+ "pageId": "list",
+ "locator": {
+ "selectors": ["[data-annotation-id=\"vpr-table\"]"],
+ "fingerprint": "vpr-table",
+ "path": []
+ },
+ "aiPrompt": "主表按合同聚合；展开子表为提车收款单明细。",
+ "annotationText": "主表操作列外显「办理」；租车数等于已提车数时不显示办理。退款仅在子表操作。展开子表按提车批次展示车辆清单，子表操作外显查看、关联收款记录，合同审批驳回时可退款。",
+ "hasMarkdown": true,
+ "color": "#32a06e",
+ "images": [],
+ "createdAt": 1752206400000,
+ "updatedAt": 1752206400000
+ },
+ {
+ "id": "vpr-collect-topbar",
+ "index": 6,
+ "title": "办理页顶栏",
+ "pageId": "collect",
+ "locator": {
+ "selectors": ["[data-annotation-id=\"vpr-collect-topbar\"]"],
+ "fingerprint": "vpr-collect-topbar",
+ "path": []
+ },
+ "aiPrompt": "办理提车收款单的返回与标题区。",
+ "annotationText": "返回列表；展示合同编码、项目名称；有未保存修改时显示「未保存」徽章。",
+ "hasMarkdown": true,
+ "color": "#334155",
+ "images": [],
+ "createdAt": 1752206400000,
+ "updatedAt": 1752206400000
+ },
+ {
+ "id": "vpr-collect-project",
+ "index": 7,
+ "title": "项目信息",
+ "pageId": "collect",
+ "locator": {
+ "selectors": ["[data-annotation-id=\"vpr-collect-project\"]"],
+ "fingerprint": "vpr-collect-project",
+ "path": []
+ },
+ "aiPrompt": "合同与项目只读信息卡片。",
+ "annotationText": "从办理上下文带出合同编码、客户、付款方式/周期、业务部门等；默认展开，可收起。",
+ "hasMarkdown": true,
+ "color": "#64748b",
+ "images": [],
+ "createdAt": 1752206400000,
+ "updatedAt": 1752206400000
+ },
+ {
+ "id": "vpr-collect-form",
+ "index": 8,
+ "title": "提车日期与计费规则",
+ "pageId": "collect",
+ "locator": {
+ "selectors": ["[data-annotation-id=\"vpr-collect-form\"]"],
+ "fingerprint": "vpr-collect-form",
+ "path": []
+ },
+ "aiPrompt": "提车日期、计费规则说明与应收付款节点。",
+ "annotationText": "提车日期必填，变更后重算各车应收；展示提车前 2 日内应付与当月 25 日应付节点摘要。",
+ "hasMarkdown": true,
+ "color": "#2563eb",
+ "images": [],
+ "createdAt": 1752206400000,
+ "updatedAt": 1752206400000
+ },
+ {
+ "id": "vpr-collect-kpi",
+ "index": 9,
+ "title": "办理页 KPI",
+ "pageId": "collect",
+ "locator": {
+ "selectors": ["[data-annotation-id=\"vpr-collect-kpi\"]"],
+ "fingerprint": "vpr-collect-kpi",
+ "path": []
+ },
+ "aiPrompt": "应收款总额、提车前应付、应开票总额。",
+ "annotationText": "基于已勾选车辆汇总；前两项卡片可点击查看明细 Popover。",
+ "hasMarkdown": true,
+ "color": "#0f766e",
+ "images": [],
+ "createdAt": 1752206400000,
+ "updatedAt": 1752206400000
+ },
+ {
+ "id": "vpr-collect-table",
+ "index": 10,
+ "title": "提车车辆明细表",
+ "pageId": "collect",
+ "locator": {
+ "selectors": ["[data-annotation-id=\"vpr-collect-table\"]"],
+ "fingerprint": "vpr-collect-table",
+ "path": []
+ },
+ "aiPrompt": "勾选车辆、应收/实收金额与氢费预付款。",
+ "annotationText": "点击行切换勾选；已完成车辆不可再选。支持全选/取消全选；实收由收款记录导入反写。",
+ "hasMarkdown": true,
+ "color": "#32a06e",
+ "images": [],
+ "createdAt": 1752206400000,
+ "updatedAt": 1752206400000
+ },
+ {
+ "id": "vpr-collect-footer",
+ "index": 11,
+ "title": "底栏操作",
+ "pageId": "collect",
+ "locator": {
+ "selectors": ["[data-annotation-id=\"vpr-collect-footer\"]"],
+ "fingerprint": "vpr-collect-footer",
+ "path": []
+ },
+ "aiPrompt": "取消、保存、提交审核。",
+ "annotationText": "未勾选车辆时禁用提交并提示；提交后生成子表单据并抄送财务。",
+ "hasMarkdown": true,
+ "color": "#7c3aed",
+ "images": [],
+ "createdAt": 1752206400000,
+ "updatedAt": 1752206400000
+ }
+ ]
+ },
+ "markdownMap": {
+ "vpr-filter": "# 筛选条件\n\n合同编码、项目名称、客户名称、业务部门、业务负责人等。\n\n| 操作 | 行为 |\n|---|---|\n| 查询 | 应用筛选并重算 KPI |\n| 重置 | 清空条件 |\n| 更多筛选 | 展开其余筛选项 |\n\n交互对齐租赁合同列表页。",
+ "vpr-kpi": "# 提车收款单 KPI\n\n全部 / 待审批 / 审批中 / 审批通过 / 已驳回。\n\n点击卡片筛选子表提车收款单明细；计数基于当前筛选结果内的条数。",
+ "vpr-col-pickup": "# 收款情况\n\n展示 **租车数** 与 **已提车**，交互对齐租赁合同列表。\n\n| 操作 | 行为 |\n|---|---|\n| 点击 **租车数** | Popover 展示品牌、型号及对应车辆数汇总表 |\n| 点击 **已提车** | 展开/收起本合同提车应收款子表（已提车 ≥ 0 均可点击） |\n\n## 提车应收款生成逻辑\n\n### A. 自动生成\n\n1. 租赁合同 **提交审批** 时立即生成主表任务。\n2. 合同标注 **交付时间** 时，在交付日 **前 2 天** 自动生成应收数据。\n\n### B. 手动办理\n\n未约定交付时间时，点击操作列 **办理**，勾选车辆并设置交付信息。\n\n## 计算规则\n\n以 **车辆交付时间** 为依据；当月 ≤15 日与 >15 日应付节点不同。详见目录「收款情况与生成规则」。",
+ "vpr-toolbar": "# 列表工具栏\n\n| 按钮 | 说明 |\n|---|---|\n| 导出 | 导出当前筛选结果 |\n\n总条数由底部分页展示，不在工具栏重复计数。",
+ "vpr-table": "# 主从嵌套列表\n\n**主表**：按合同聚合，展示收款情况、应收/实收金额等；操作列外显 **办理**（租车数 = 已提车数时不显示）。\n\n**子表**：按 **提车批次 + 品牌型号分组** 展示。\n\n- **序号**：一个序号对应一次提车办理批次\n- **同一批次多辆车**：交付时间、交付地点、数量、合计应收/实收与操作列按批次合并\n- **品牌型号**：同批次内相同品牌型号合并为一行，并在该单元格内列出全部车牌号；多个品牌型号各占一行\n- **子表操作**（外显）：查看、关联收款记录；合同 **审批驳回** 时显示退款\n\n**数据来源**：租赁合同提交审核时同步生成主记录；办理提交后追加子表；实收由收款记录导入反写。",
+ "vpr-collect-topbar": "# 办理页顶栏\n\n- **返回**：回到列表（有未保存修改时二次确认）\n- **标题**：办理提车收款单\n- **副标题**：合同编码 · 项目名称\n- **未保存**：表单有改动且未保存时显示徽章",
+ "vpr-collect-project": "# 项目信息\n\n只读卡片，默认展开：\n\n提车收款单编码、合同编码/类型、项目名称、客户名称、付款方式与周期、合同起止时间、业务部门与负责人。",
+ "vpr-collect-form": "# 提车日期与计费\n\n- **提车日期**（必填）：变更后重算各车应收与 KPI\n- **计费规则**：按合同付款周期自动生成说明文案\n- **应收付款节点**：展示提车前 2 日内应付、当月 25 日应付（如有）\n\n实收金额由「收款记录」导入后反写，办理页只录应收。",
+ "vpr-collect-kpi": "# 办理页 KPI\n\n| 指标 | 说明 |\n|---|---|\n| 应收款总额 | 已选车辆应收合计；可点击查看明细 |\n| 提车前应付 | 提车前须到账金额；可点击查看明细 |\n| 应开票总额 | 按实收租金与服务费计算 |",
+ "vpr-collect-table": "# 提车车辆明细\n\n- 勾选列：点击行或复选框切换；已完成车辆标记「已完成」且不可选\n- 工具栏：全选/取消全选；未选时警告提示\n- 列：车牌、应收租金/保证金/服务费、实收、氢费应收等\n- **氢费预付款**：合同氢费支付方式相关只读/录入区\n\n金额展示使用等宽数字与千分位格式。",
+ "vpr-collect-footer": "# 底栏操作\n\n| 按钮 | 行为 |\n|---|---|\n| 取消 | 返回列表，未保存时确认 |\n| 保存 | 保存草稿，清除「未保存」状态 |\n| 提交审核 | 至少勾选 1 辆车；确认后生成子表单据并抄送财务 |\n\n底栏汇总展示提车前应付与已选车辆数。"
+ },
+ "assetMap": {},
+ "directory": {
+ "nodes": [
+ {
+ "type": "folder",
+ "id": "vpr-doc-root",
+ "title": "提车应收款说明",
+ "defaultExpanded": true,
+ "children": [
+ {
+ "type": "markdown",
+ "id": "vpr-doc-overview",
+ "title": "模块总览",
+ "markdown": "# 提车应收款 · 模块总览\n\n| 项 | 说明 |\n|---|---|\n| 模块名称 | 财务管理 — 提车应收款 |\n| 目标用户 | 业务人员（办理）、财务人员（收款导入/开票） |\n| 核心任务 | 按合同办理提车收款、跟踪审批与实收反写 |\n| 交互原型 | `/prototypes/vehicle-pickup-receivable` |\n\n## 信息架构\n\n```text\n提车应收款\n├── 列表页\n│ ├── 筛选区\n│ ├── KPI（提车收款单审批状态）\n│ ├── 工具栏（导出）\n│ └── 主从嵌套表（合同 → 收款单）\n└── 办理页\n ├── 项目信息\n ├── 提车日期 / 计费规则\n ├── KPI 汇总\n ├── 车辆明细表\n └── 底栏（保存 / 提交审核）\n```\n\n## 与租赁合同的关系\n\n租赁合同 **审批通过** 且提交审核时，同步生成提车应收款主记录。业务人员在列表点击 **办理**，勾选本次提车车辆并提交，生成提车收款单子表并抄送财务。"
+ },
+ {
+ "type": "folder",
+ "id": "vpr-doc-list",
+ "title": "列表页说明",
+ "defaultExpanded": true,
+ "children": [
+ {
+ "type": "route",
+ "id": "vpr-route-list",
+ "title": "列表页",
+ "payload": { "pageId": "list" }
+ },
+ {
+ "type": "markdown",
+ "id": "vpr-doc-list-filter",
+ "title": "筛选与 KPI",
+ "markdown": "## 筛选与 KPI\n\n筛选支持合同编码、项目、客户、业务部门、业务负责人等；默认展示首行 4 项，其余收入「更多筛选」。\n\nKPI 卡片按子表提车收款单的审批状态统计，与筛选条件叠加生效。"
+ },
+ {
+ "type": "markdown",
+ "id": "vpr-doc-list-pickup",
+ "title": "收款情况与生成规则",
+ "markdown": "# 收款情况 · 提车应收款生成逻辑\n\n## 列含义\n\n「收款情况」展示 **租车数** 与 **已提车数**，点击可查看车辆 Popover。\n\n## A. 自动生成\n\n1. 租赁合同 **提交审批** 时，立即生成该合同的提车应收款主表任务。\n2. 合同已标注车辆 **交付时间** 时，在交付日 **前 2 天** 自动生成对应应收数据。\n3. 收款金额以 **合同约定交付时间** 为计算依据。\n\n## B. 手动办理\n\n未约定交付时间时，通过操作列 **「更多」→ 办理**，勾选车辆并设置 **交付时间、交付地点**，系统按规则计算应收并生成待办。\n\n## 计算规则\n\n| 提车日 | 应付节点 |\n|---|---|\n| 当月 ≤15 日 | 提车前 2 日内：保证金 + 当月剩余天租金及服务费；当月 25 日：下周期租金及服务费 |\n| 当月 >15 日 | 提车前 2 日内：保证金 + 当月剩余天 + 下周期租金及服务费 |\n\n详细说明见 `.spec/PRD.md`。"
+ },
+ {
+ "type": "markdown",
+ "id": "vpr-doc-list-table",
+ "title": "主从列表与操作",
+ "markdown": "## 主从列表\n\n主表按合同聚合；展开查看提车收款单子表。\n\n- **办理**：进入办理页选择车辆\n- **退款**：对已收款单据退款（原型预留）\n\n实收金额由收款记录导入反写，列表展示收款进度。"
+ }
+ ]
+ },
+ {
+ "type": "folder",
+ "id": "vpr-doc-collect",
+ "title": "办理页说明",
+ "defaultExpanded": true,
+ "children": [
+ {
+ "type": "route",
+ "id": "vpr-route-collect",
+ "title": "办理页",
+ "payload": { "pageId": "collect" }
+ },
+ {
+ "type": "markdown",
+ "id": "vpr-doc-collect-flow",
+ "title": "办理流程",
+ "markdown": "## 办理流程\n\n1. 从列表点击「办理」进入\n2. 确认项目信息与提车日期\n3. 勾选本次提车车辆（默认预选未完成车辆）\n4. 核对 KPI 与明细表应收金额\n5. **保存** 草稿或 **提交审核**\n\n提交后生成子表单据，抄送财务；返回列表可看到新子表记录。"
+ },
+ {
+ "type": "markdown",
+ "id": "vpr-doc-collect-table",
+ "title": "车辆明细与底栏",
+ "markdown": "## 车辆明细\n\n- 点击行切换勾选；已完成车辆不可再办\n- 支持全选 / 取消全选\n- 氢费预付款区按合同支付方式展示\n\n## 底栏\n\n汇总提车前应付与已选辆数；未选车辆时禁用「提交审核」。"
+ }
+ ]
+ },
+ {
+ "type": "markdown",
+ "id": "vpr-doc-prd",
+ "title": "PRD 全文",
+ "markdownPath": ".spec/PRD.md"
+ },
+ {
+ "type": "markdown",
+ "id": "vpr-doc-annotation-tip",
+ "title": "标注查看提示",
+ "markdown": "## 标注查看提示\n\n右侧工具栏可浏览目录、切换主题与颜色筛选。列表页与办理页标注按当前页面自动显隐。\n\n页面内带彩色 marker 的区域可点击查看详细说明。"
+ }
+ ]
+ }
+ ]
+ }
+}
diff --git a/src/prototypes/vehicle-pickup-receivable/canvas.excalidraw b/src/prototypes/vehicle-pickup-receivable/canvas.excalidraw
new file mode 100644
index 0000000..6481a6f
--- /dev/null
+++ b/src/prototypes/vehicle-pickup-receivable/canvas.excalidraw
@@ -0,0 +1,11 @@
+{
+ "type": "excalidraw",
+ "version": 2,
+ "source": "axhub-make",
+ "elements": [],
+ "appState": {
+ "gridSize": 20,
+ "viewBackgroundColor": "#ffffff"
+ },
+ "files": {}
+}
\ No newline at end of file
diff --git a/src/prototypes/vehicle-pickup-receivable/data/pickup-receivable-list-data.js b/src/prototypes/vehicle-pickup-receivable/data/pickup-receivable-list-data.js
new file mode 100644
index 0000000..2b87306
--- /dev/null
+++ b/src/prototypes/vehicle-pickup-receivable/data/pickup-receivable-list-data.js
@@ -0,0 +1,556 @@
+/** 提车应收款列表 mock 数据与工具函数 */
+
+import { buildVehiclePickupSchedule } from '../pickup-receivable-calc.js';
+import {
+ enrichPickupRecord,
+ isValidPickupMainRecord,
+ loadStoredPickupList,
+ sanitizeStoredChildren,
+ saveStoredPickupList,
+ formatDeliveryLocation,
+ dedupePickupListByContractCode,
+ pickSeedIdentityFields,
+} from '../pickup-receivable-bridge.js';
+
+/**
+ * 模拟「租赁合同提交 / 交付日前 2 天」自动生成的提车应收款子单
+ * @param {object} parent 主表记录
+ * @param {{ seq: number, pickupDate: string, vehicleSeqs?: number[], creator?: string, chargeTime?: string, reason?: string, actualTotal?: number, financeReceived?: number }} config
+ */
+export function buildAutoGeneratedPickupChild(parent, config) {
+ var pickupDate = config.pickupDate;
+ var months = parent.paymentCycleMonths || 1;
+ var seqFilter = config.vehicleSeqs;
+ var deliveryLocation = config.deliveryLocation || formatDeliveryLocation(parent);
+ var deliveryVehicles = [];
+ var schedules = [];
+
+ (parent.leaseOrderVehicles || []).forEach(function (v) {
+ if (seqFilter && seqFilter.indexOf(v.seq) < 0) return;
+ var schedule = buildVehiclePickupSchedule({
+ monthRent: v.monthRent,
+ monthServiceFee: v.serviceFeeTotal,
+ deposit: v.deposit,
+ pickupDate: pickupDate,
+ paymentCycleMonths: months,
+ });
+ if (schedule) schedules.push(schedule);
+ var pre = schedule && schedule.items[0] ? schedule.items[0] : {};
+ var post = schedule && schedule.items[1] ? schedule.items[1] : {};
+ deliveryVehicles.push({
+ seq: v.seq,
+ brand: v.brand,
+ model: v.model,
+ plateNo: v.plateNo || '',
+ deliveryTime: pickupDate,
+ deliveryLocation: deliveryLocation,
+ receivableRent: (pre.rent || 0) + (post.rent || 0),
+ receivableDeposit: pre.deposit || 0,
+ receivableService: (pre.service || 0) + (post.service || 0),
+ receivableTotal: (pre.amount || 0) + (post.amount || 0),
+ });
+ });
+
+ var beforePickup = { deposit: 0, rent: 0, service: 0, amount: 0 };
+ var month25 = { rent: 0, service: 0, amount: 0 };
+ schedules.forEach(function (schedule) {
+ var pre = schedule.items[0];
+ if (pre) {
+ beforePickup.deposit += pre.deposit || 0;
+ beforePickup.rent += pre.rent || 0;
+ beforePickup.service += pre.service || 0;
+ beforePickup.amount += pre.amount || 0;
+ }
+ var post = schedule.items[1];
+ if (post) {
+ month25.rent += post.rent || 0;
+ month25.service += post.service || 0;
+ month25.amount += post.amount || 0;
+ }
+ });
+
+ var receivableRent = beforePickup.rent + month25.rent;
+ var receivableDeposit = beforePickup.deposit;
+ var receivableService = beforePickup.service + month25.service;
+ var receivableTotal = beforePickup.amount + month25.amount;
+ var financeReceived = config.financeReceived != null ? config.financeReceived : (config.actualTotal || 0);
+
+ return {
+ seq: config.seq,
+ documentType: '提车应收款',
+ auditStatus: '已生成',
+ creator: config.creator || '系统自动',
+ chargeTime: config.chargeTime || pickupDate + ' 08:00',
+ pickupDate: pickupDate,
+ deliveryLocation: deliveryLocation,
+ autoGeneratedFromLease: true,
+ autoGeneratedReason: config.reason || 'delivery-date-minus-2-days',
+ deliveryCount: deliveryVehicles.length,
+ deliveryVehicles: deliveryVehicles,
+ receivableSchedule: {
+ rule: schedules[0] ? schedules[0].rule : null,
+ vehicleCount: deliveryVehicles.length,
+ beforePickup: beforePickup,
+ month25: month25,
+ totalReceivable: receivableTotal,
+ },
+ receivableRent: receivableRent,
+ receivableDeposit: receivableDeposit,
+ receivableService: receivableService,
+ receivableTotal: receivableTotal,
+ actualTotal: config.actualTotal != null ? config.actualTotal : financeReceived,
+ financeReceived: financeReceived,
+ discountTotal: 0,
+ arrivalAmount: financeReceived,
+ isInvoiced: financeReceived > 0 ? '部分开票' : '未开票',
+ invoicedAmount: financeReceived > 0 ? Math.round(financeReceived * 0.6) : 0,
+ ccFinance: true,
+ paymentImportNote: '实收金额由财务在「收款记录」导入到账后反写',
+ };
+}
+
+/** 租赁合同提交时同步创建的主表骨架（无子单、无交付日） */
+function buildLeaseSubmitMainRecord(base) {
+ return Object.assign({}, base, {
+ children: [],
+ createdFromLeaseSubmit: true,
+ leaseSubmitAt: base.leaseSubmitAt || base.createdAt || '2026-03-01 10:00',
+ });
+}
+
+var AUTO_SAMPLE_HT_ZL_2026_012 = buildLeaseSubmitMainRecord({
+ contractCode: 'HT-ZL-2026-012',
+ contractType: '正式合同',
+ projectName: '苏州工业园区城配项目',
+ customerName: '苏州某某城配科技有限公司',
+ businessDept: '业务2部',
+ businessPerson: '李专员',
+ contractEffectiveDate: '2026-03-01',
+ contractApprovalStatus: '审批通过',
+ contractStatus: '合同进行中',
+ paymentCycleMonths: 3,
+ paymentMethod: '预付',
+ deliveryDate: '2026-03-20',
+ deliveryDateTbd: false,
+ deliveryRegion: ['江苏省', '苏州市'],
+ lastPickupDate: '2026-03-20',
+ leaseSubmitAt: '2026-03-02 14:30',
+ leaseOrderVehicles: [
+ { seq: 1, brand: '东风', model: 'DFH1180', plateNo: '苏E66001', monthRent: 5200, deposit: 10400, serviceFeeTotal: 520, plannedDeliveryDate: '2026-03-20' },
+ { seq: 2, brand: '福田', model: '欧马可S3', plateNo: '苏E66002', monthRent: 4500, deposit: 9000, serviceFeeTotal: 450, plannedDeliveryDate: '2026-03-20' },
+ { seq: 3, brand: '江淮', model: '格尔发K5', plateNo: '苏E66003', monthRent: 4300, deposit: 8600, serviceFeeTotal: 430, plannedDeliveryDate: '2026-04-05' },
+ ],
+});
+
+var AUTO_SAMPLE_HT_ZL_2026_013 = buildLeaseSubmitMainRecord({
+ contractCode: 'HT-ZL-2026-013',
+ contractType: '正式合同',
+ projectName: '无锡氢能干线运输项目',
+ customerName: '无锡某某能源物流有限公司',
+ businessDept: '业务1部',
+ businessPerson: '张经理',
+ contractEffectiveDate: '2026-02-20',
+ contractApprovalStatus: '审批通过',
+ contractStatus: '合同进行中',
+ paymentCycleMonths: 1,
+ paymentMethod: '预付',
+ deliveryDate: '2026-03-08',
+ deliveryDateTbd: false,
+ lastPickupDate: '2026-03-08',
+ leaseSubmitAt: '2026-02-25 09:15',
+ leaseOrderVehicles: [
+ { seq: 1, brand: '重汽', model: 'ZZ1187', plateNo: '苏B77001', monthRent: 5500, deposit: 11000, serviceFeeTotal: 550, plannedDeliveryDate: '2026-03-08' },
+ { seq: 2, brand: '陕汽', model: 'X3000', plateNo: '苏B77002', monthRent: 5300, deposit: 10600, serviceFeeTotal: 530, plannedDeliveryDate: '2026-03-08' },
+ ],
+});
+
+var AUTO_SAMPLE_HT_ZL_2026_014 = buildLeaseSubmitMainRecord({
+ contractCode: 'HT-ZL-2026-014',
+ contractType: '正式合同',
+ projectName: '南京冷链租赁二期',
+ customerName: '南京某某冷链物流有限公司',
+ businessDept: '业务3部',
+ businessPerson: '王专员',
+ contractEffectiveDate: '2026-01-10',
+ contractApprovalStatus: '审批通过',
+ contractStatus: '合同进行中',
+ paymentCycleMonths: 3,
+ paymentMethod: '预付',
+ deliveryDate: '2026-03-05',
+ deliveryDateTbd: false,
+ lastPickupDate: '2026-03-18',
+ leaseSubmitAt: '2026-01-12 16:40',
+ leaseOrderVehicles: [
+ { seq: 1, brand: '现代', model: '帕力安牌4.5吨冷链车', plateNo: '苏A88001', monthRent: 4800, deposit: 9600, serviceFeeTotal: 480, plannedDeliveryDate: '2026-03-05' },
+ { seq: 2, brand: '现代', model: '帕力安牌4.5吨冷链车', plateNo: '苏A88002', monthRent: 4800, deposit: 9600, serviceFeeTotal: 480, plannedDeliveryDate: '2026-03-05' },
+ { seq: 3, brand: '福田', model: '欧马可S3', plateNo: '苏A88003', monthRent: 4600, deposit: 9200, serviceFeeTotal: 460, plannedDeliveryDate: '2026-03-18' },
+ { seq: 4, brand: '福田', model: '欧马可S3', plateNo: '苏A88004', monthRent: 4600, deposit: 9200, serviceFeeTotal: 460, plannedDeliveryDate: '2026-03-25' },
+ ],
+});
+
+export const PICKUP_RECEIVABLE_LIST_SEED = [
+ {
+ contractCode: 'HT-ZL-2025-001',
+ contractType: '正式合同',
+ projectName: '嘉兴氢能示范项目',
+ customerName: '嘉兴某某物流有限公司',
+ businessDept: '业务1部',
+ businessPerson: '张经理',
+ contractEffectiveDate: '2025-01-15',
+ contractApprovalStatus: '审批通过',
+ contractStatus: '合同进行中',
+ paymentCycleMonths: 6,
+ paymentMethod: '预付',
+ createdFromLeaseSubmit: true,
+ leaseSubmitAt: '2025-01-08 11:20',
+ deliveryDate: '2025-03-01',
+ allVehiclesReceivableCompleted: false,
+ leaseOrderVehicles: [
+ { seq: 1, brand: '东风', model: 'DFH1180', plateNo: '浙A12345', monthRent: 5000, deposit: 10000, serviceFeeTotal: 700 },
+ { seq: 2, brand: '福田', model: 'BJ1180', plateNo: '浙A23456', monthRent: 4500, deposit: 8000, serviceFeeTotal: 300 },
+ { seq: 3, brand: '重汽', model: 'ZZ1187', plateNo: '浙A34567', monthRent: 5200, deposit: 10000, serviceFeeTotal: 580 },
+ { seq: 4, brand: '陕汽', model: 'SX1313', plateNo: '浙A45678', monthRent: 4800, deposit: 9000, serviceFeeTotal: 350 },
+ { seq: 5, brand: '解放', model: 'J6P', plateNo: '浙A56789', monthRent: 5500, deposit: 11000, serviceFeeTotal: 500 },
+ { seq: 6, brand: '江淮', model: '格尔发K5', plateNo: '浙A67890', monthRent: 4300, deposit: 8500, serviceFeeTotal: 260 },
+ { seq: 7, brand: '东风', model: 'DFH1250', plateNo: '浙A11111', monthRent: 6000, deposit: 12000, serviceFeeTotal: 850 },
+ { seq: 8, brand: '福田', model: '欧曼EST', plateNo: '浙A22222', monthRent: 4700, deposit: 9000, serviceFeeTotal: 380 },
+ ],
+ children: [],
+ },
+ {
+ contractCode: 'HT-ZL-2025-002',
+ contractType: '正式合同',
+ projectName: '上海物流租赁项目',
+ customerName: '上海某某运输有限公司',
+ businessDept: '业务2部',
+ businessPerson: '李专员',
+ contractEffectiveDate: '2025-02-01',
+ contractApprovalStatus: '审批通过',
+ contractStatus: '合同进行中',
+ paymentCycleMonths: 3,
+ paymentMethod: '预付',
+ createdFromLeaseSubmit: true,
+ leaseSubmitAt: '2025-02-05 15:00',
+ deliveryDate: '2025-02-20',
+ allVehiclesReceivableCompleted: false,
+ leaseOrderVehicles: [
+ { seq: 1, brand: '江淮', model: '格尔发K5', plateNo: '沪B11111', monthRent: 4300, deposit: 8500, serviceFeeTotal: 260 },
+ { seq: 2, brand: '东风', model: 'DFH1250', plateNo: '沪B22222', monthRent: 6000, deposit: 12000, serviceFeeTotal: 500 },
+ { seq: 3, brand: '解放', model: 'JH6', plateNo: '沪B33333', monthRent: 5400, deposit: 10800, serviceFeeTotal: 630 },
+ ],
+ children: [],
+ },
+ {
+ contractCode: 'HT-ZL-2025-003',
+ contractType: '正式合同',
+ projectName: '杭州城配租赁项目',
+ customerName: '杭州某某租赁有限公司',
+ businessDept: '业务3部',
+ businessPerson: '王专员',
+ contractEffectiveDate: '2025-02-10',
+ contractApprovalStatus: '审批驳回',
+ contractStatus: '已结束',
+ paymentCycleMonths: 1,
+ paymentMethod: '后付',
+ createdFromLeaseSubmit: true,
+ leaseSubmitAt: '2025-02-11 09:30',
+ allVehiclesReceivableCompleted: false,
+ leaseOrderVehicles: [
+ { seq: 1, brand: '福田', model: '欧曼EST', plateNo: '浙C33333', monthRent: 4700, deposit: 9000, serviceFeeTotal: 380 },
+ { seq: 2, brand: '东风', model: 'DFH1180', plateNo: '浙C44444', monthRent: 5000, deposit: 10000, serviceFeeTotal: 200 },
+ ],
+ children: [],
+ },
+ {
+ contractCode: 'HT-ZL-2026-010',
+ contractType: '正式合同',
+ projectName: '宁波城配新车投放项目',
+ customerName: '宁波某某供应链有限公司',
+ businessDept: '业务1部',
+ businessPerson: '张经理',
+ contractEffectiveDate: '2026-03-01',
+ contractApprovalStatus: '审批通过',
+ contractStatus: '合同进行中',
+ paymentCycleMonths: 3,
+ paymentMethod: '预付',
+ allVehiclesReceivableCompleted: false,
+ createdFromLeaseSubmit: true,
+ leaseSubmitAt: '2026-03-01 10:30',
+ deliveryDate: null,
+ deliveryDateTbd: true,
+ handleDemo: true,
+ leaseOrderVehicles: [
+ { seq: 1, brand: '现代', model: '帕力安牌4.5吨冷链车', plateNo: '浙B88001', monthRent: 4800, deposit: 9600, serviceFeeTotal: 420 },
+ { seq: 2, brand: '福田', model: '欧马可S3', plateNo: '浙B88002', monthRent: 4500, deposit: 9000, serviceFeeTotal: 380 },
+ { seq: 3, brand: '东风', model: 'DFH1180', plateNo: '浙B88003', monthRent: 5200, deposit: 10400, serviceFeeTotal: 500 },
+ { seq: 4, brand: '江淮', model: '格尔发K5', plateNo: '浙B88004', monthRent: 4300, deposit: 8600, serviceFeeTotal: 320 },
+ ],
+ children: [],
+ },
+ buildLeaseSubmitMainRecord({
+ contractCode: 'HT-ZL-2026-011',
+ contractType: '正式合同',
+ projectName: '温州城配新车租赁项目',
+ customerName: '温州某某供应链管理有限公司',
+ businessDept: '业务2部',
+ businessPerson: '李专员',
+ contractEffectiveDate: '2026-03-05',
+ contractApprovalStatus: '待审批',
+ contractStatus: '已提交审批',
+ paymentCycleMonths: 3,
+ paymentMethod: '预付',
+ deliveryDate: null,
+ deliveryDateTbd: true,
+ deliveryRegion: ['浙江省', '温州市'],
+ leaseSubmitAt: '2026-03-10 11:05',
+ leaseOrderVehicles: [
+ { seq: 1, brand: '福田', model: '欧马可S3', plateNo: '', monthRent: 4400, deposit: 8800, serviceFeeTotal: 400 },
+ { seq: 2, brand: '东风', model: 'DFH1180', plateNo: '', monthRent: 5100, deposit: 10200, serviceFeeTotal: 510 },
+ ],
+ }),
+ Object.assign({}, AUTO_SAMPLE_HT_ZL_2026_012, {
+ preserveSeedChildren: true,
+ children: [
+ buildAutoGeneratedPickupChild(AUTO_SAMPLE_HT_ZL_2026_012, {
+ seq: 1,
+ pickupDate: '2026-03-20',
+ vehicleSeqs: [1, 2],
+ chargeTime: '2026-03-18 08:00',
+ reason: 'delivery-date-minus-2-days',
+ creator: '系统自动（交付日前2天）',
+ }),
+ ],
+ }),
+ Object.assign({}, AUTO_SAMPLE_HT_ZL_2026_013, {
+ preserveSeedChildren: true,
+ children: (function () {
+ var child = buildAutoGeneratedPickupChild(AUTO_SAMPLE_HT_ZL_2026_013, {
+ seq: 1,
+ pickupDate: '2026-03-08',
+ vehicleSeqs: [1, 2],
+ chargeTime: '2026-03-06 08:00',
+ reason: 'delivery-date-minus-2-days',
+ creator: '系统自动（交付日前2天）',
+ });
+ var received = Math.round(child.receivableTotal * 0.85);
+ child.financeReceived = received;
+ child.actualTotal = received;
+ child.arrivalAmount = received;
+ child.receivedRent = Math.round(child.receivableRent * 0.85);
+ child.receivedDeposit = child.receivableDeposit;
+ child.receivedService = Math.round(child.receivableService * 0.85);
+ return [child];
+ })(),
+ }),
+ Object.assign({}, AUTO_SAMPLE_HT_ZL_2026_014, {
+ preserveSeedChildren: true,
+ children: (function () {
+ var child1 = buildAutoGeneratedPickupChild(AUTO_SAMPLE_HT_ZL_2026_014, {
+ seq: 1,
+ pickupDate: '2026-03-05',
+ vehicleSeqs: [1, 2],
+ chargeTime: '2026-03-03 08:00',
+ reason: 'delivery-date-minus-2-days',
+ creator: '系统自动（交付日前2天）',
+ });
+ child1.financeReceived = child1.receivableTotal;
+ child1.actualTotal = child1.receivableTotal;
+ child1.arrivalAmount = child1.receivableTotal;
+ child1.receivedRent = child1.receivableRent;
+ child1.receivedDeposit = child1.receivableDeposit;
+ child1.receivedService = child1.receivableService;
+ child1.isInvoiced = '已开票';
+ child1.invoicedAmount = child1.receivableTotal;
+
+ var child2 = buildAutoGeneratedPickupChild(AUTO_SAMPLE_HT_ZL_2026_014, {
+ seq: 2,
+ pickupDate: '2026-03-18',
+ vehicleSeqs: [3],
+ chargeTime: '2026-03-16 08:00',
+ reason: 'delivery-date-minus-2-days',
+ creator: '系统自动（交付日前2天）',
+ });
+ return [child1, child2];
+ })(),
+ }),
+];
+
+export const PICKUP_KPI_CARDS = [
+ { key: 'all', title: '全部', desc: '当前筛选范围内全部提车应收款单据' },
+ { key: 'generated', title: '已生成', desc: '办理提交后已生成、待财务跟进的提车应收款单据' },
+ { key: 'pending', title: '待审批', desc: '已保存但未提交审批的提车应收款单据' },
+ { key: 'inReview', title: '审批中', desc: '审批流程进行中的提车应收款单据' },
+ { key: 'approved', title: '审批通过', desc: '已完成最终审批的提车应收款单据' },
+ { key: 'rejected', title: '已驳回', desc: '审批被驳回、可重新编辑提交的提车应收款单据' },
+];
+
+import { formatMoneyYuan as formatMoneyYuanCore } from '../../../common/format-number.js';
+
+export function buildCollectCode(contractCode, seq) {
+ const suffix = `TC${String(seq != null ? seq : '').padStart(4, '0')}`;
+ return `${String(contractCode || '')}${suffix}`;
+}
+
+export function fmtMoneyYuan(v) {
+ return formatMoneyYuanCore(v);
+}
+
+export function normalizeAuditStatus(status) {
+ const s = String(status || '').trim();
+ if (s === '已驳回' || s === '审批驳回') return '已驳回';
+ if (s === '已生成') return '已生成';
+ return s;
+}
+
+export function auditStatusTone(status) {
+ const s = normalizeAuditStatus(status);
+ switch (s) {
+ case '审批通过':
+ return 'green';
+ case '已生成':
+ return 'blue';
+ case '待审批':
+ return 'blue';
+ case '审批中':
+ return 'amber';
+ case '已驳回':
+ return 'red';
+ default:
+ return 'gray';
+ }
+}
+
+export function invoiceStatusTone(status) {
+ switch (status) {
+ case '已开票':
+ return 'green';
+ case '部分开票':
+ return 'amber';
+ case '未开票':
+ return 'gray';
+ default:
+ return 'gray';
+ }
+}
+
+export function kpiKeyFromAuditStatus(status) {
+ const s = normalizeAuditStatus(status);
+ if (s === '待审批') return 'pending';
+ if (s === '审批中') return 'inReview';
+ if (s === '审批通过') return 'approved';
+ if (s === '已驳回') return 'rejected';
+ if (s === '已生成') return 'generated';
+ return null;
+}
+
+export function cloneMainList(list) {
+ return (list || []).map((row) => {
+ const next = { ...row };
+ next.children = (row.children || []).map((child) => ({ ...child }));
+ return next;
+ });
+}
+
+export function buildFilterOptions(list) {
+ const codes = [];
+ const projects = [];
+ const customers = [];
+ const depts = [];
+ const persons = [];
+ (list || []).forEach((r) => {
+ if (r.contractCode && !codes.includes(r.contractCode)) codes.push(r.contractCode);
+ if (r.projectName && !projects.includes(r.projectName)) projects.push(r.projectName);
+ if (r.customerName && !customers.includes(r.customerName)) customers.push(r.customerName);
+ if (r.businessDept && !depts.includes(r.businessDept)) depts.push(r.businessDept);
+ if (r.businessPerson && !persons.includes(r.businessPerson)) persons.push(r.businessPerson);
+ });
+ return {
+ contractCode: codes.map((v) => ({ value: v, label: v })),
+ projectName: projects.map((v) => ({ value: v, label: v })),
+ customerName: customers.map((v) => ({ value: v, label: v })),
+ businessDept: depts.map((v) => ({ value: v, label: v })),
+ businessPerson: persons.map((v) => ({ value: v, label: v })),
+ };
+}
+
+export function filterMainList(list, filters) {
+ let rows = (list || []).filter(isValidPickupMainRecord);
+ if (filters.contractCode) rows = rows.filter((r) => r.contractCode === filters.contractCode);
+ if (filters.projectName) rows = rows.filter((r) => r.projectName === filters.projectName);
+ if (filters.customerName) rows = rows.filter((r) => r.customerName === filters.customerName);
+ if (filters.businessDept) rows = rows.filter((r) => r.businessDept === filters.businessDept);
+ if (filters.businessPerson) rows = rows.filter((r) => r.businessPerson === filters.businessPerson);
+ return rows;
+}
+
+export function countKpiFromList(list, kpiTab) {
+ const counts = { all: 0, generated: 0, pending: 0, inReview: 0, approved: 0, rejected: 0 };
+ (list || []).forEach((parent) => {
+ (parent.children || []).forEach((child) => {
+ counts.all += 1;
+ const key = kpiKeyFromAuditStatus(child.auditStatus);
+ if (key) counts[key] += 1;
+ });
+ });
+ return counts;
+}
+
+export function filterByKpiTab(list, kpiTab) {
+ if (!kpiTab || kpiTab === 'all') return list;
+ return (list || [])
+ .map((parent) => {
+ const children = (parent.children || []).filter((child) => {
+ const key = kpiKeyFromAuditStatus(child.auditStatus);
+ return key === kpiTab;
+ });
+ if (!children.length) return null;
+ return { ...parent, children };
+ })
+ .filter(Boolean);
+}
+
+function mergeSeedWithStored(seed, stored) {
+ var seedCodeMap = {};
+ seed.forEach(function (row) {
+ seedCodeMap[row.contractCode] = row;
+ });
+
+ var storedByCode = {};
+ (stored || []).filter(isValidPickupMainRecord).forEach(function (row) {
+ storedByCode[row.contractCode] = row;
+ });
+
+ var merged = seed.map(function (seedRow) {
+ var storedRow = storedByCode[seedRow.contractCode];
+ if (!storedRow) return enrichPickupRecord(seedRow);
+ var userChildren = sanitizeStoredChildren(storedRow.children);
+ var seedChildren = seedRow.children || [];
+ var children = userChildren.length
+ ? userChildren
+ : (seedRow.preserveSeedChildren && seedChildren.length ? seedChildren : userChildren);
+ return enrichPickupRecord(Object.assign({}, seedRow, pickSeedIdentityFields(seedRow), {
+ children: children,
+ lastPickupDate: children.length ? (storedRow.lastPickupDate || seedRow.lastPickupDate) : seedRow.lastPickupDate,
+ financeReceived: storedRow.financeReceived,
+ totalReceivedAmount: storedRow.totalReceivedAmount,
+ }));
+ });
+
+ (stored || []).filter(isValidPickupMainRecord).forEach(function (row) {
+ if (seedCodeMap[row.contractCode]) return;
+ merged.push(enrichPickupRecord(Object.assign({}, row, {
+ children: sanitizeStoredChildren(row.children),
+ })));
+ });
+
+ return dedupePickupListByContractCode(merged.filter(isValidPickupMainRecord));
+}
+
+/** 合并 seed 与 localStorage，供列表初始化 */
+export function initPickupReceivableList() {
+ var seed = cloneMainList(PICKUP_RECEIVABLE_LIST_SEED).map(enrichPickupRecord);
+ var stored = loadStoredPickupList();
+ var merged = mergeSeedWithStored(seed, stored);
+ saveStoredPickupList(merged);
+ return merged;
+}
diff --git a/src/prototypes/vehicle-pickup-receivable/index.tsx b/src/prototypes/vehicle-pickup-receivable/index.tsx
new file mode 100644
index 0000000..fdca668
--- /dev/null
+++ b/src/prototypes/vehicle-pickup-receivable/index.tsx
@@ -0,0 +1,105 @@
+/**
+ * @name 提车应收款
+ * 财务管理 · 提车应收款及子流程（列表 / 收款单 / 查看 / 编辑 / 开票 / 审核）
+ * 列表页对齐租赁合同管理：vm-page / lc-page
+ */
+import '../../common/oneosWebLegacy/legacyGlobals';
+import * as antd from 'antd';
+import { ConfigProvider } from 'antd';
+import zhCN from 'antd/locale/zh_CN';
+import dayjs from 'dayjs';
+import 'dayjs/locale/zh-cn';
+import React, { useMemo, useState } from 'react';
+import {
+ type AnnotationSourceDocument,
+ type AnnotationViewerOptions,
+} from '@axhub/annotation';
+import { PrototypeAnnotationHost } from '../../common/prototype-annotation-host';
+import 'antd/dist/reset.css';
+import '../vehicle-management/style.css';
+import './styles/index.css';
+import { clearHostPrototypeRouteInfo } from '../../common/useHashPage';
+import VehiclePickupReceivableApp from './VehiclePickupReceivableApp.jsx';
+import annotationSourceDocument from './annotation-source.json';
+
+declare global {
+ interface Window {
+ React: typeof React;
+ antd: typeof antd;
+ dayjs: typeof dayjs;
+ }
+}
+
+window.React = React;
+window.antd = antd;
+window.dayjs = dayjs;
+
+dayjs.locale('zh-cn');
+
+const vmTheme = {
+ token: {
+ colorPrimary: '#32a06e',
+ colorLink: '#32a06e',
+ colorLinkHover: '#3fb87c',
+ borderRadius: 8,
+ fontFamily:
+ 'Inter, -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif',
+ fontSize: 14,
+ colorText: '#18181b',
+ colorTextSecondary: '#52525b',
+ colorBorder: '#e5e7eb',
+ colorBgContainer: '#ffffff',
+ },
+ components: {
+ Table: {
+ headerBg: '#f6f7f7',
+ headerColor: '#71717a',
+ rowHoverBg: '#f6f7f7',
+ borderColor: '#e5e7eb',
+ cellPaddingBlock: 6,
+ cellPaddingInline: 10,
+ },
+ Card: {
+ borderRadiusLG: 12,
+ },
+ DatePicker: {
+ cellActiveWithRangeBg: 'rgba(50, 160, 110, 0.12)',
+ cellHoverWithRangeBg: 'rgba(50, 160, 110, 0.08)',
+ cellRangeBorderColor: '#32a06e',
+ activeBorderColor: '#32a06e',
+ hoverBorderColor: '#3fb87c',
+ },
+ },
+};
+
+type PickupAnnotationPageId = 'list' | 'collect';
+
+export default function VehiclePickupReceivablePage() {
+ const [annotationPageId, setAnnotationPageId] = useState
('list');
+
+ React.useEffect(() => {
+ clearHostPrototypeRouteInfo();
+ }, []);
+
+ const annotationOptions = useMemo(
+ () => ({
+ showToolbar: true,
+ showThemeToggle: true,
+ showColorFilter: true,
+ emptyWhenNoData: false,
+ toolbarEdge: 'right',
+ currentPageId: annotationPageId,
+ }),
+ [annotationPageId],
+ );
+
+ return (
+
+
+
+
+ );
+}
diff --git a/src/prototypes/vehicle-pickup-receivable/pickup-receivable-bridge.js b/src/prototypes/vehicle-pickup-receivable/pickup-receivable-bridge.js
new file mode 100644
index 0000000..490c9ff
--- /dev/null
+++ b/src/prototypes/vehicle-pickup-receivable/pickup-receivable-bridge.js
@@ -0,0 +1,763 @@
+/**
+ * 提车应收款 ↔ 租赁合同 原型联动与应收计算
+ * 应收口径：按提车日与合同 2.1.2 / 2.1.3 自动生成（见 pickup-receivable-calc.js）
+ */
+
+import {
+ buildVehiclePickupSchedule,
+ buildBatchPickupScheduleSummary,
+ describePickupRule,
+} from './pickup-receivable-calc.js';
+
+export {
+ buildVehiclePickupSchedule,
+ buildBatchPickupScheduleSummary,
+ describePickupRule,
+} from './pickup-receivable-calc.js';
+
+export const PICKUP_RECEIVABLE_STORAGE_KEY = 'oneos.pickup-receivable.list.v6';
+
+var LEGACY_PICKUP_STORAGE_KEYS = [
+ 'oneos.pickup-receivable.list.v5',
+ 'oneos.pickup-receivable.list.v4',
+ 'oneos.pickup-receivable.list.v3',
+ 'oneos.pickup-receivable.list.v2',
+ 'oneos.pickup-receivable.list.v1',
+];
+
+function isPlaceholderField(value) {
+ var s = String(value == null ? '' : value).trim();
+ return !s || s === '—' || s === '-' || s === '--';
+}
+
+function pickupRecordRichness(record) {
+ if (!record) return -1;
+ var score = 0;
+ if (!isPlaceholderField(record.customerName)) score += 4;
+ if (!isPlaceholderField(record.projectName)) score += 3;
+ if (!isPlaceholderField(record.businessDept)) score += 1;
+ if (!isPlaceholderField(record.businessPerson)) score += 1;
+ score += (record.leaseOrderVehicles || []).length;
+ score += (record.children || []).length;
+ return score;
+}
+
+/** 主表行必须含合同编号及客户/项目名称，否则视为脏数据丢弃 */
+export function isValidPickupMainRecord(record) {
+ if (!record || typeof record !== 'object') return false;
+ var code = String(record.contractCode || '').trim();
+ if (!code) return false;
+ var hasMeta = !isPlaceholderField(record.customerName) && !isPlaceholderField(record.projectName);
+ if (!hasMeta) return false;
+ var vehicleCount = (record.leaseOrderVehicles || []).length;
+ var declaredCount = parseInt(record.contractVehicleCount, 10);
+ if (vehicleCount <= 0 && (Number.isNaN(declaredCount) || declaredCount <= 0)) return false;
+ return true;
+}
+
+export function dedupePickupListByContractCode(list) {
+ var bestByCode = {};
+ (list || []).forEach(function (row) {
+ if (!isValidPickupMainRecord(row)) return;
+ var code = String(row.contractCode || '').trim();
+ var prev = bestByCode[code];
+ if (!prev || pickupRecordRichness(row) > pickupRecordRichness(prev)) {
+ bestByCode[code] = row;
+ }
+ });
+ return Object.keys(bestByCode)
+ .sort()
+ .map(function (code) {
+ return bestByCode[code];
+ });
+}
+
+export function pickSeedIdentityFields(seedRow) {
+ return {
+ contractCode: seedRow.contractCode,
+ contractType: seedRow.contractType,
+ projectName: seedRow.projectName,
+ customerName: seedRow.customerName,
+ businessDept: seedRow.businessDept,
+ businessPerson: seedRow.businessPerson,
+ contractEffectiveDate: seedRow.contractEffectiveDate,
+ contractApprovalStatus: seedRow.contractApprovalStatus,
+ contractStatus: seedRow.contractStatus,
+ paymentCycleMonths: seedRow.paymentCycleMonths,
+ paymentMethod: seedRow.paymentMethod,
+ deliveryDate: seedRow.deliveryDate,
+ deliveryDateTbd: seedRow.deliveryDateTbd,
+ deliveryRegion: seedRow.deliveryRegion,
+ leaseOrderVehicles: seedRow.leaseOrderVehicles,
+ contractVehicleCount: seedRow.contractVehicleCount,
+ createdFromLeaseSubmit: seedRow.createdFromLeaseSubmit,
+ leaseSubmitAt: seedRow.leaseSubmitAt,
+ handleDemo: seedRow.handleDemo,
+ };
+}
+
+/** 仅保留办理提交后生成的子单，丢弃旧版 mock 审批流数据 */
+export function sanitizeStoredChildren(children) {
+ return (children || []).filter(function (child) {
+ return String(child.auditStatus || '').trim() === '已生成';
+ });
+}
+
+export function parsePaymentCycleMonths(feeInfoOrPeriod) {
+ if (feeInfoOrPeriod == null) return 1;
+ if (typeof feeInfoOrPeriod === 'number') return feeInfoOrPeriod || 1;
+ if (typeof feeInfoOrPeriod === 'object' && feeInfoOrPeriod.paymentPeriod != null) {
+ return Number(feeInfoOrPeriod.paymentPeriod) || 1;
+ }
+ var legacy = { '1个月': 1, '3个月': 3, '6个月': 6, '12个月': 12 };
+ return legacy[feeInfoOrPeriod] || 1;
+}
+
+export function sumServiceFee(row) {
+ if (row == null) return 0;
+ if (typeof row.serviceFee === 'number') return row.serviceFee;
+ if (row.serviceFee != null && row.serviceFee !== '') return parseFloat(row.serviceFee) || 0;
+ var extra = row.extraServices || row.serviceItems || [];
+ return extra.reduce(function (sum, item) {
+ var fee = item.fee != null ? item.fee : item.receivable;
+ return sum + (parseFloat(fee) || 0);
+ }, 0);
+}
+
+/** 将租赁订单行展开为单车明细（原型）；每行按车型数量或实际车牌展开 */
+export function expandLeaseOrderToVehicles(leaseOrder, paymentCycleMonths) {
+ var months = paymentCycleMonths || 1;
+ var rows = (leaseOrder && leaseOrder.rows) || [];
+ var vehicles = [];
+ var seq = 0;
+
+ rows.forEach(function (row) {
+ var brandModels = row.brandModels || (row.brandModel ? [row.brandModel] : []);
+ if (!brandModels.length && row.brand && row.model) {
+ brandModels = [[row.brand, row.model]];
+ }
+ var pair = brandModels[0] || ['', ''];
+ var plateNos = row.plateNos || (row.plateNo ? [row.plateNo] : ['']);
+ var monthRent = parseFloat(row.rent != null ? row.rent : row.monthRent) || 0;
+ var deposit = parseFloat(row.deposit) || 0;
+ var serviceFeeTotal = sumServiceFee(row);
+ var actualPlates = plateNos.filter(function (plate) {
+ return plate && plate !== '以实际交付为准';
+ });
+ var qty = actualPlates.length > 0
+ ? actualPlates.length
+ : Math.max(1, parseInt(row.vehicleQty, 10) || 1);
+
+ for (var i = 0; i < qty; i += 1) {
+ seq += 1;
+ var modelPair = brandModels[i] || pair;
+ var plate = actualPlates[i] || actualPlates[0] || '';
+ vehicles.push({
+ key: 'lv-' + seq,
+ seq: seq,
+ brand: modelPair[0] || row.brand || '',
+ model: modelPair[1] || row.model || '',
+ plateNo: plate,
+ monthRent: monthRent,
+ deposit: deposit,
+ serviceFeeTotal: serviceFeeTotal,
+ });
+ }
+ });
+
+ return vehicles;
+}
+
+/** 从租赁合同列表 vehicles 字段构建（无订单行时兜底） */
+export function vehiclesFromLeaseListRecord(record, paymentCycleMonths) {
+ var list = (record && record.vehicles) || [];
+ if (!list.length) return [];
+ return list.map(function (v, index) {
+ var monthRent = parseFloat(v.monthRent || v.rent) || 5000;
+ var deposit = parseFloat(v.deposit) || 10000;
+ var serviceFeeTotal = sumServiceFee(v) || 500;
+ return {
+ key: 'lv-' + (index + 1),
+ seq: index + 1,
+ brand: v.brand || '',
+ model: v.model || '',
+ plateNo: v.plateNo && v.plateNo !== '-' ? v.plateNo : '',
+ monthRent: monthRent,
+ deposit: deposit,
+ serviceFeeTotal: serviceFeeTotal,
+ };
+ });
+}
+
+function calcVehicleTotalFromSchedule(vehicle, pickupDate, paymentCycleMonths) {
+ var schedule = buildVehiclePickupSchedule({
+ monthRent: vehicle.monthRent,
+ monthServiceFee: vehicle.serviceFeeTotal,
+ deposit: vehicle.deposit,
+ pickupDate: pickupDate,
+ paymentCycleMonths: paymentCycleMonths,
+ });
+ if (!schedule) {
+ return roundFallbackVehicleTotal(vehicle, paymentCycleMonths);
+ }
+ return schedule.totalReceivable;
+}
+
+function roundFallbackVehicleTotal(vehicle, paymentCycleMonths) {
+ var months = paymentCycleMonths || 1;
+ var monthRent = parseFloat(vehicle.monthRent) || 0;
+ var deposit = parseFloat(vehicle.deposit) || 0;
+ var service = parseFloat(vehicle.serviceFeeTotal) || 0;
+ return Math.round((monthRent * months + deposit + service) * 100) / 100;
+}
+
+/** @deprecated 保留兼容；有提车日时请用 buildVehiclePickupSchedule */
+export function calcVehicleReceivableAmount(vehicle, paymentCycleMonths, pickupDate) {
+ if (pickupDate) {
+ return calcVehicleTotalFromSchedule(vehicle, pickupDate, paymentCycleMonths);
+ }
+ return roundFallbackVehicleTotal(vehicle, paymentCycleMonths);
+}
+
+export function calcContractReceivableTotal(leaseOrderVehicles, paymentCycleMonths, pickupDate) {
+ return (leaseOrderVehicles || []).reduce(function (sum, v) {
+ return sum + calcVehicleReceivableAmount(v, paymentCycleMonths, pickupDate || v.pickupDate);
+ }, 0);
+}
+
+function calcVehicleReceivableBreakdown(vehicle, paymentCycleMonths, pickupDate) {
+ var date = pickupDate || vehicle.pickupDate;
+ if (date) {
+ var schedule = buildVehiclePickupSchedule({
+ monthRent: vehicle.monthRent,
+ monthServiceFee: vehicle.serviceFeeTotal,
+ deposit: vehicle.deposit,
+ pickupDate: date,
+ paymentCycleMonths: paymentCycleMonths,
+ });
+ if (schedule) {
+ return schedule.items.reduce(function (acc, item) {
+ acc.rent += item.rent || 0;
+ acc.deposit += item.deposit || 0;
+ acc.service += item.service || 0;
+ return acc;
+ }, { rent: 0, deposit: 0, service: 0 });
+ }
+ }
+ var months = paymentCycleMonths || 1;
+ var monthRent = parseFloat(vehicle.monthRent) || 0;
+ var deposit = parseFloat(vehicle.deposit) || 0;
+ var service = parseFloat(vehicle.serviceFeeTotal) || 0;
+ return {
+ rent: Math.round(monthRent * months * 100) / 100,
+ deposit: deposit,
+ service: service,
+ };
+}
+
+export function calcContractReceivableBreakdown(leaseOrderVehicles, paymentCycleMonths, pickupDate) {
+ return (leaseOrderVehicles || []).reduce(function (acc, v) {
+ var part = calcVehicleReceivableBreakdown(v, paymentCycleMonths, pickupDate || v.pickupDate);
+ acc.rent += part.rent;
+ acc.deposit += part.deposit;
+ acc.service += part.service;
+ return acc;
+ }, { rent: 0, deposit: 0, service: 0 });
+}
+
+function breakdownFromBatchSummary(schedule) {
+ if (!schedule) return { rent: 0, deposit: 0, service: 0 };
+ var before = schedule.beforePickup || {};
+ var month25 = schedule.month25 || {};
+ return {
+ rent: (before.rent || 0) + (month25.rent || 0),
+ deposit: before.deposit || 0,
+ service: (before.service || 0) + (month25.service || 0),
+ };
+}
+
+export function calcReceivedBreakdown(children) {
+ return (children || []).reduce(function (acc, child) {
+ var status = String(child.auditStatus || '');
+ if (status !== '审批通过' && status !== '已生成') return acc;
+
+ var receivedTotal = parseFloat(
+ child.financeReceived != null ? child.financeReceived : child.actualTotal,
+ ) || 0;
+ if (receivedTotal <= 0) return acc;
+
+ if (child.receivedRent != null || child.receivedDeposit != null || child.receivedService != null) {
+ acc.rent += parseFloat(child.receivedRent) || 0;
+ acc.deposit += parseFloat(child.receivedDeposit) || 0;
+ acc.service += parseFloat(child.receivedService) || 0;
+ return acc;
+ }
+
+ var receivablePart = breakdownFromBatchSummary(child.receivableSchedule);
+ var receivableTotal = receivablePart.rent + receivablePart.deposit + receivablePart.service;
+ if (receivableTotal > 0) {
+ var ratio = receivedTotal / receivableTotal;
+ acc.rent += receivablePart.rent * ratio;
+ acc.deposit += receivablePart.deposit * ratio;
+ acc.service += receivablePart.service * ratio;
+ } else {
+ acc.rent += receivedTotal;
+ }
+ return acc;
+ }, { rent: 0, deposit: 0, service: 0 });
+}
+
+export function vehicleMatchKey(v) {
+ return [v.brand || '', v.model || '', v.plateNo || '', String(v.seq || '')].join('|');
+}
+
+export function collectPickedVehicleKeys(children) {
+ var keys = new Set();
+ (children || []).forEach(function (child) {
+ var audit = String(child.auditStatus || '');
+ if (audit === '已驳回' || audit === '审批驳回') return;
+ (child.deliveryVehicles || []).forEach(function (v) {
+ keys.add(vehicleMatchKey(v));
+ });
+ });
+ return keys;
+}
+
+export function countPickedUpVehicles(record) {
+ return collectPickedVehicleKeys(record.children).size;
+}
+
+export function calcReceivedTotal(children) {
+ return (children || []).reduce(function (sum, child) {
+ var status = String(child.auditStatus || '');
+ if (status !== '审批通过' && status !== '已生成') return sum;
+ var n = parseFloat(child.financeReceived != null ? child.financeReceived : child.actualTotal);
+ return sum + (Number.isNaN(n) ? 0 : n);
+ }, 0);
+}
+
+export function shouldShowRefund(record) {
+ var approval = String(record.contractApprovalStatus || record.leaseApprovalStatus || '');
+ var status = String(record.contractStatus || '');
+ return approval === '审批驳回' || status === '已终止' || status === '已结束';
+}
+
+/** 子表批次操作：租赁合同审批驳回时可退款 */
+export function shouldShowSubBatchRefund(record) {
+ var approval = String(record.contractApprovalStatus || record.leaseApprovalStatus || '').trim();
+ return approval === '审批驳回' || approval === '已驳回';
+}
+
+export function formatDeliveryLocation(record, overrideLocation) {
+ if (overrideLocation) return overrideLocation;
+ if (record && record.deliveryLocation) return record.deliveryLocation;
+ if (record && record.deliveryRegion && record.deliveryRegion.length) {
+ return record.deliveryRegion.join('');
+ }
+ return '—';
+}
+
+export function canShowHandle(record) {
+ if (record.allVehiclesReceivableCompleted) return false;
+ var total = record.contractVehicleCount || (record.leaseOrderVehicles || []).length;
+ var picked = countPickedUpVehicles(record);
+ return picked < total;
+}
+
+function enrichChildDeliveryVehicles(child, parent) {
+ if (!child) return child;
+ var months = parent.paymentCycleMonths || 1;
+ var pickupDate = child.pickupDate || '';
+ var batchLocation = child.deliveryLocation || formatDeliveryLocation(parent);
+ child.deliveryLocation = batchLocation;
+
+ var vehicles = (child.deliveryVehicles || []).map(function (v) {
+ var enriched = Object.assign({}, v);
+ enriched.deliveryTime = enriched.deliveryTime || pickupDate || '—';
+ enriched.deliveryLocation = enriched.deliveryLocation || batchLocation;
+
+ if (enriched.receivableTotal == null && pickupDate) {
+ var leaseV = (parent.leaseOrderVehicles || []).find(function (lv) {
+ return lv.seq === v.seq || (lv.plateNo && lv.plateNo === v.plateNo);
+ });
+ if (leaseV) {
+ var schedule = buildVehiclePickupSchedule({
+ monthRent: leaseV.monthRent,
+ monthServiceFee: leaseV.serviceFeeTotal,
+ deposit: leaseV.deposit,
+ pickupDate: pickupDate,
+ paymentCycleMonths: months,
+ });
+ if (schedule) {
+ var pre = schedule.items[0] || {};
+ var post = schedule.items[1] || {};
+ enriched.receivableRent = (pre.rent || 0) + (post.rent || 0);
+ enriched.receivableDeposit = pre.deposit || 0;
+ enriched.receivableService = (pre.service || 0) + (post.service || 0);
+ enriched.receivableTotal = (pre.amount || 0) + (post.amount || 0);
+ }
+ }
+ }
+
+ enriched.receivableRent = enriched.receivableRent != null ? enriched.receivableRent : 0;
+ enriched.receivableDeposit = enriched.receivableDeposit != null ? enriched.receivableDeposit : 0;
+ enriched.receivableService = enriched.receivableService != null ? enriched.receivableService : 0;
+ enriched.receivableTotal = enriched.receivableTotal != null
+ ? enriched.receivableTotal
+ : enriched.receivableRent + enriched.receivableDeposit + enriched.receivableService;
+ return enriched;
+ });
+
+ var recvTotal = parseFloat(child.financeReceived != null ? child.financeReceived : child.actualTotal) || 0;
+ var batchReceivable = parseFloat(child.receivableTotal) || vehicles.reduce(function (sum, v) {
+ return sum + (parseFloat(v.receivableTotal) || 0);
+ }, 0);
+ var ratio = batchReceivable > 0 ? recvTotal / batchReceivable : 0;
+ var hasVehicleReceived = vehicles.some(function (v) {
+ return v.receivedTotal != null || v.receivedRent != null;
+ });
+
+ if (recvTotal > 0 && !hasVehicleReceived) {
+ var batchRent = parseFloat(child.receivedRent);
+ var batchDeposit = parseFloat(child.receivedDeposit);
+ var batchService = parseFloat(child.receivedService);
+ var useBatchSplit = !Number.isNaN(batchRent) && batchRent > 0;
+ vehicles = vehicles.map(function (v) {
+ var next = Object.assign({}, v);
+ if (useBatchSplit && batchReceivable > 0) {
+ var share = (parseFloat(v.receivableTotal) || 0) / batchReceivable;
+ next.receivedRent = Math.round((batchRent || 0) * share * 100) / 100;
+ next.receivedDeposit = Math.round((batchDeposit || 0) * share * 100) / 100;
+ next.receivedService = Math.round((batchService || 0) * share * 100) / 100;
+ } else {
+ next.receivedRent = Math.round((v.receivableRent || 0) * ratio * 100) / 100;
+ next.receivedDeposit = Math.round((v.receivableDeposit || 0) * ratio * 100) / 100;
+ next.receivedService = Math.round((v.receivableService || 0) * ratio * 100) / 100;
+ }
+ next.receivedTotal = (next.receivedRent || 0) + (next.receivedDeposit || 0) + (next.receivedService || 0);
+ return next;
+ });
+ } else {
+ vehicles = vehicles.map(function (v) {
+ var next = Object.assign({}, v);
+ next.receivedRent = next.receivedRent != null ? next.receivedRent : 0;
+ next.receivedDeposit = next.receivedDeposit != null ? next.receivedDeposit : 0;
+ next.receivedService = next.receivedService != null ? next.receivedService : 0;
+ next.receivedTotal = next.receivedTotal != null
+ ? next.receivedTotal
+ : next.receivedRent + next.receivedDeposit + next.receivedService;
+ return next;
+ });
+ }
+
+ child.deliveryVehicles = vehicles;
+ return child;
+}
+
+export function enrichPickupRecord(record) {
+ var next = Object.assign({}, record);
+ var months = next.paymentCycleMonths || 1;
+ if (!next.leaseOrderVehicles || !next.leaseOrderVehicles.length) {
+ next.leaseOrderVehicles = vehiclesFromLeaseListRecord(next, months);
+ }
+ next.children = (next.children || []).map(function (child) {
+ return enrichChildDeliveryVehicles(Object.assign({}, child), next);
+ });
+ next.contractVehicleCount = next.contractVehicleCount != null
+ ? next.contractVehicleCount
+ : next.leaseOrderVehicles.length;
+ next.pickedUpVehicleCount = countPickedUpVehicles(next);
+ var contractPickupDate = next.lastPickupDate || next.pickupDate;
+ var receivableBreakdown = calcContractReceivableBreakdown(
+ next.leaseOrderVehicles,
+ months,
+ contractPickupDate,
+ );
+ next.totalReceivableRent = receivableBreakdown.rent;
+ next.totalReceivableDeposit = receivableBreakdown.deposit;
+ next.totalReceivableService = receivableBreakdown.service;
+ next.totalReceivableAmount = calcContractReceivableTotal(
+ next.leaseOrderVehicles,
+ months,
+ contractPickupDate,
+ );
+ var receivedBreakdown = calcReceivedBreakdown(next.children);
+ next.totalReceivedRent = receivedBreakdown.rent;
+ next.totalReceivedDeposit = receivedBreakdown.deposit;
+ next.totalReceivedService = receivedBreakdown.service;
+ next.totalReceivedAmount = calcReceivedTotal(next.children);
+ next.allVehiclesReceivableCompleted = next.pickedUpVehicleCount >= next.contractVehicleCount
+ && next.contractVehicleCount > 0;
+ return next;
+}
+
+function readPickupListFromStorageKey(key) {
+ if (typeof window === 'undefined' || !window.localStorage) return null;
+ try {
+ var raw = window.localStorage.getItem(key);
+ if (!raw) return null;
+ var parsed = JSON.parse(raw);
+ if (!Array.isArray(parsed)) return null;
+ return parsed
+ .filter(isValidPickupMainRecord)
+ .map(enrichPickupRecord);
+ } catch (e) {
+ return null;
+ }
+}
+
+export function loadStoredPickupList() {
+ var current = readPickupListFromStorageKey(PICKUP_RECEIVABLE_STORAGE_KEY);
+ if (current && current.length) return current;
+ for (var i = 0; i < LEGACY_PICKUP_STORAGE_KEYS.length; i += 1) {
+ var legacy = readPickupListFromStorageKey(LEGACY_PICKUP_STORAGE_KEYS[i]);
+ if (legacy && legacy.length) return legacy;
+ }
+ return null;
+}
+
+export function saveStoredPickupList(list) {
+ if (typeof window === 'undefined' || !window.localStorage) return;
+ try {
+ window.localStorage.setItem(
+ PICKUP_RECEIVABLE_STORAGE_KEY,
+ JSON.stringify((list || []).map(enrichPickupRecord)),
+ );
+ } catch (e) {
+ /* ignore quota */
+ }
+}
+
+export function upsertPickupRecord(list, record) {
+ if (!isValidPickupMainRecord(record)) return (list || []).filter(isValidPickupMainRecord).map(enrichPickupRecord);
+ var enriched = enrichPickupRecord(record);
+ var idx = (list || []).findIndex(function (r) {
+ return r.contractCode === enriched.contractCode;
+ });
+ var next = (list || []).slice();
+ if (idx >= 0) {
+ var existing = next[idx];
+ next[idx] = Object.assign({}, existing, enriched, {
+ children: enriched.children != null ? enriched.children : existing.children,
+ });
+ } else {
+ next.unshift(enriched);
+ }
+ return next.map(enrichPickupRecord);
+}
+
+/** 租赁合同列表修改交车安排后，同步至提车应收款主记录 */
+export function syncPickupReceivableDeliveryPlan(contractCode, patch) {
+ var stored = loadStoredPickupList();
+ if (!stored) return false;
+ var found = false;
+ var next = stored.map(function (row) {
+ if (row.contractCode !== contractCode) return row;
+ found = true;
+ return enrichPickupRecord(Object.assign({}, row, patch || {}));
+ });
+ if (found) saveStoredPickupList(next);
+ return found;
+}
+
+/** 租赁合同提交审核时同步创建提车应收款主记录 */
+export function createPickupReceivableFromLeaseSubmit(payload) {
+ var months = parsePaymentCycleMonths(payload.feeInfo || payload.paymentPeriod);
+ var leaseOrderVehicles = payload.leaseOrder
+ ? expandLeaseOrderToVehicles(payload.leaseOrder, months)
+ : vehiclesFromLeaseListRecord(payload, months);
+
+ var record = enrichPickupRecord({
+ contractCode: payload.contractCode,
+ contractType: payload.contractType || '正式合同',
+ projectName: payload.projectName || '',
+ customerName: payload.customerName || '',
+ businessDept: payload.businessDept || '',
+ businessPerson: payload.businessPerson || '',
+ contractEffectiveDate: payload.contractEffectiveDate || payload.contractStart || '',
+ contractApprovalStatus: '待审批',
+ contractStatus: payload.contractStatus || '已提交审批',
+ paymentCycleMonths: months,
+ paymentMethod: (payload.feeInfo && payload.feeInfo.paymentMethod) || payload.paymentMethod || '预付',
+ leaseOrderVehicles: leaseOrderVehicles,
+ contractVehicleCount: leaseOrderVehicles.length,
+ children: [],
+ createdFromLeaseSubmit: true,
+ createdAt: new Date().toISOString(),
+ });
+
+ var stored = loadStoredPickupList() || [];
+ var next = upsertPickupRecord(stored, record);
+ saveStoredPickupList(next);
+ return record;
+}
+
+/** 租赁合同审批终止/驳回时标记可退款 */
+export function syncPickupReceivableContractStatus(contractCode, patch) {
+ var stored = loadStoredPickupList();
+ if (!stored) return null;
+ var found = false;
+ var next = stored.map(function (row) {
+ if (row.contractCode !== contractCode) return row;
+ found = true;
+ return enrichPickupRecord(Object.assign({}, row, patch));
+ });
+ if (found) saveStoredPickupList(next);
+ return found ? next : null;
+}
+
+export function buildPickupSubmitCcMessage() {
+ return '已快速生成提车应收款单据，审批中心已抄送「财务」';
+}
+
+/** 办理提交后追加子单（提车应收款单据） */
+export function appendPickupCollectChild(contractCode, payload) {
+ var stored = loadStoredPickupList();
+ if (!stored) return null;
+ var parent = stored.find(function (r) {
+ return r.contractCode === contractCode;
+ });
+ if (!parent) return null;
+ var children = (parent.children || []).slice();
+ var seq = children.length + 1;
+ var deliveryVehicles = (payload && payload.deliveryVehicles) || [];
+ var schedule = (payload && payload.receivableSchedule) || null;
+ var scheduleBreakdown = breakdownFromBatchSummary(schedule);
+ var child = {
+ seq: seq,
+ documentType: '提车应收款',
+ auditStatus: '已生成',
+ creator: (payload && payload.creator) || '当前用户',
+ chargeTime:
+ (payload && payload.chargeTime)
+ || new Date().toISOString().slice(0, 16).replace('T', ' '),
+ pickupDate: (payload && payload.pickupDate) || '',
+ deliveryLocation: (payload && payload.deliveryLocation) || formatDeliveryLocation(parent),
+ receivableSchedule: schedule,
+ receivableRent: parseFloat(payload && payload.receivableRent) || scheduleBreakdown.rent,
+ receivableDeposit: parseFloat(payload && payload.receivableDeposit) || scheduleBreakdown.deposit,
+ receivableService: parseFloat(payload && payload.receivableService) || scheduleBreakdown.service,
+ receivedRent: parseFloat(payload && payload.receivedRent) || 0,
+ receivedDeposit: parseFloat(payload && payload.receivedDeposit) || 0,
+ receivedService: parseFloat(payload && payload.receivedService) || 0,
+ deliveryCount: deliveryVehicles.length,
+ deliveryVehicles: deliveryVehicles,
+ receivableTotal: parseFloat(payload && payload.receivableTotal) || 0,
+ actualTotal: parseFloat(payload && payload.actualTotal) || 0,
+ discountTotal: parseFloat(payload && payload.discountTotal) || 0,
+ arrivalAmount: 0,
+ financeReceived: 0,
+ isInvoiced: '未开票',
+ invoicedAmount: 0,
+ ccFinance: true,
+ paymentImportNote: '实收金额由财务在「收款记录」导入到账后反写',
+ };
+ children.push(child);
+ var next = upsertPickupRecord(stored, Object.assign({}, parent, {
+ children: children,
+ lastPickupDate: (payload && payload.pickupDate) || parent.lastPickupDate,
+ }));
+ saveStoredPickupList(next);
+ return child;
+}
+
+export function formatLeaseContractCode(code) {
+ var s = String(code || '').trim();
+ if (!s) return '';
+ return s.indexOf('HT-ZL-') === 0 ? s : 'HT-ZL-' + s;
+}
+
+export function toCollectPageVehicles(record, pickupDate) {
+ var months = record.paymentCycleMonths || 1;
+ var pickedKeys = collectPickedVehicleKeys(record.children);
+ var dateStr = pickupDate || record.pickupDate || '';
+
+ return (record.leaseOrderVehicles || []).map(function (v, index) {
+ var key = vehicleMatchKey(v);
+ var completed = pickedKeys.has(key);
+ var schedule = dateStr
+ ? buildVehiclePickupSchedule({
+ monthRent: v.monthRent,
+ monthServiceFee: v.serviceFeeTotal,
+ deposit: v.deposit,
+ pickupDate: dateStr,
+ paymentCycleMonths: months,
+ })
+ : null;
+ var pre = schedule && schedule.items[0];
+ var preRent = pre ? pre.rent : 0;
+ var preService = pre ? pre.service : 0;
+ var preDeposit = pre ? pre.deposit : v.deposit || 0;
+ var serviceItems = [
+ {
+ name: '月服务费（按提车日折算）',
+ receivable: preService,
+ actual: String((preService || 0).toFixed(2)),
+ discount: '0.00',
+ remark: schedule
+ ? '当月实际租赁 ' + schedule.actualDays + ' 天，公式（月租金+月服务费）/30×天数'
+ : '',
+ },
+ ];
+ return {
+ key: v.key || 'v' + (index + 1),
+ index: v.seq || index + 1,
+ brand: v.brand,
+ model: v.model,
+ plateNo: v.plateNo || '',
+ monthRent: v.monthRent,
+ serviceFeeTotal: v.serviceFeeTotal,
+ deposit: v.deposit,
+ receivableSchedule: schedule,
+ receivableRent: preRent,
+ actualRent: String((preRent || 0).toFixed(2)),
+ rentRemark: '',
+ receivableDeposit: preDeposit,
+ serviceItems: serviceItems,
+ receivableService: preService,
+ actualService: String((preService || 0).toFixed(2)),
+ discountAmount: '0.00',
+ discountRemark: '',
+ discountProof: [],
+ selected: !completed,
+ receivableCompleted: completed,
+ receivableTotalAll: schedule ? schedule.totalReceivable : 0,
+ receivableMonth25: schedule ? schedule.month25Amount : 0,
+ };
+ });
+}
+
+export function applyPickupDateToVehicles(vehicles, pickupDate, paymentCycleMonths) {
+ return (vehicles || []).map(function (row) {
+ if (row.receivableCompleted) return row;
+ var schedule = buildVehiclePickupSchedule({
+ monthRent: row.monthRent,
+ monthServiceFee: row.serviceFeeTotal != null ? row.serviceFeeTotal : row.receivableService,
+ deposit: row.receivableDeposit != null ? row.receivableDeposit : row.deposit,
+ pickupDate: pickupDate,
+ paymentCycleMonths: paymentCycleMonths,
+ });
+ if (!schedule) return row;
+ var pre = schedule.items[0];
+ var serviceFee = pre ? pre.service : 0;
+ return Object.assign({}, row, {
+ receivableSchedule: schedule,
+ receivableRent: pre ? pre.rent : 0,
+ actualRent: String(((pre && pre.rent) || 0).toFixed(2)),
+ receivableDeposit: pre ? pre.deposit : row.receivableDeposit,
+ receivableService: serviceFee,
+ actualService: String(serviceFee.toFixed(2)),
+ receivableTotalAll: schedule.totalReceivable,
+ receivableMonth25: schedule.month25Amount,
+ serviceItems: [
+ {
+ name: '月服务费（按提车日折算）',
+ receivable: serviceFee,
+ actual: String(serviceFee.toFixed(2)),
+ discount: '0.00',
+ remark: '当月实际租赁 ' + schedule.actualDays + ' 天',
+ },
+ ],
+ });
+ });
+}
diff --git a/src/prototypes/vehicle-pickup-receivable/pickup-receivable-calc.js b/src/prototypes/vehicle-pickup-receivable/pickup-receivable-calc.js
new file mode 100644
index 0000000..ec68f80
--- /dev/null
+++ b/src/prototypes/vehicle-pickup-receivable/pickup-receivable-calc.js
@@ -0,0 +1,184 @@
+/**
+ * 提车应收款费用计算（对齐合同 2.1.2 / 2.1.3）
+ * - 当月实际租赁天数按比例：（月租金 + 月服务费）/ 30 × 天数，四舍五入取整到元
+ * - 提车日 ≤15 日：提车前2日内付保证金+当月剩余；当月25日付下周期
+ * - 提车日 >15 日：提车前2日内付保证金+当月剩余+下周期
+ */
+
+export function roundYuan(amount) {
+ var n = typeof amount === 'number' ? amount : parseFloat(amount);
+ if (Number.isNaN(n)) return 0;
+ return Math.round(n);
+}
+
+export function parsePickupDateInput(value) {
+ if (!value) return null;
+ if (value instanceof Date && !Number.isNaN(value.getTime())) {
+ return new Date(value.getFullYear(), value.getMonth(), value.getDate());
+ }
+ var s = String(value).trim().slice(0, 10);
+ if (!/^\d{4}-\d{2}-\d{2}$/.test(s)) return null;
+ var parts = s.split('-');
+ var d = new Date(Number(parts[0]), Number(parts[1]) - 1, Number(parts[2]));
+ if (Number.isNaN(d.getTime())) return null;
+ return d;
+}
+
+export function formatDateYmd(date) {
+ if (!date) return '';
+ var y = date.getFullYear();
+ var m = String(date.getMonth() + 1).padStart(2, '0');
+ var d = String(date.getDate()).padStart(2, '0');
+ return y + '-' + m + '-' + d;
+}
+
+export function addDays(date, days) {
+ var next = new Date(date.getTime());
+ next.setDate(next.getDate() + days);
+ return next;
+}
+
+/** 提车当月实际租赁天数（含提车日） */
+export function calcMonthActualRentalDays(pickupDate) {
+ var d = parsePickupDateInput(pickupDate);
+ if (!d) return 0;
+ var daysInMonth = new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate();
+ return daysInMonth - d.getDate() + 1;
+}
+
+export function calcProRatedRent(monthRent, actualDays) {
+ return roundYuan(((parseFloat(monthRent) || 0) / 30) * (actualDays || 0));
+}
+
+export function calcProRatedService(monthServiceFee, actualDays) {
+ return roundYuan(((parseFloat(monthServiceFee) || 0) / 30) * (actualDays || 0));
+}
+
+export function calcCycleRent(monthRent, paymentCycleMonths) {
+ return roundYuan((parseFloat(monthRent) || 0) * (paymentCycleMonths || 1));
+}
+
+export function calcCycleService(monthServiceFee, paymentCycleMonths) {
+ return roundYuan((parseFloat(monthServiceFee) || 0) * (paymentCycleMonths || 1));
+}
+
+export function isPickupOnOrBefore15th(pickupDate) {
+ var d = parsePickupDateInput(pickupDate);
+ if (!d) return true;
+ return d.getDate() <= 15;
+}
+
+export function buildVehiclePickupSchedule(params) {
+ var pickupDate = parsePickupDateInput(params.pickupDate);
+ if (!pickupDate) return null;
+
+ var monthRent = parseFloat(params.monthRent) || 0;
+ var monthService = parseFloat(params.monthServiceFee) || 0;
+ var deposit = parseFloat(params.deposit) || 0;
+ var paymentCycleMonths = params.paymentCycleMonths || 1;
+
+ var actualDays = calcMonthActualRentalDays(pickupDate);
+ var proRent = calcProRatedRent(monthRent, actualDays);
+ var proService = calcProRatedService(monthService, actualDays);
+ var cycleRent = calcCycleRent(monthRent, paymentCycleMonths);
+ var cycleService = calcCycleService(monthService, paymentCycleMonths);
+
+ var beforeDue = formatDateYmd(addDays(pickupDate, -2));
+ var month25Due = formatDateYmd(
+ new Date(pickupDate.getFullYear(), pickupDate.getMonth(), 25),
+ );
+
+ var rule = isPickupOnOrBefore15th(pickupDate) ? 'on-or-before-15' : 'after-15';
+ var beforePickup = {
+ key: 'before-pickup',
+ label: '提车前2日内',
+ dueDate: beforeDue,
+ deposit: deposit,
+ rent: rule === 'after-15' ? proRent + cycleRent : proRent,
+ service: rule === 'after-15' ? proService + cycleService : proService,
+ actualDays: actualDays,
+ proRatedRent: proRent,
+ proRatedService: proService,
+ cycleRent: rule === 'after-15' ? cycleRent : 0,
+ cycleService: rule === 'after-15' ? cycleService : 0,
+ };
+ beforePickup.amount = beforePickup.deposit + beforePickup.rent + beforePickup.service;
+
+ var items = [beforePickup];
+
+ if (rule === 'on-or-before-15') {
+ items.push({
+ key: 'month-25',
+ label: '当月25日',
+ dueDate: month25Due,
+ deposit: 0,
+ rent: cycleRent,
+ service: cycleService,
+ amount: cycleRent + cycleService,
+ });
+ }
+
+ var totalReceivable = items.reduce(function (sum, item) {
+ return sum + (item.amount || 0);
+ }, 0);
+
+ return {
+ rule: rule,
+ pickupDate: formatDateYmd(pickupDate),
+ paymentCycleMonths: paymentCycleMonths,
+ actualDays: actualDays,
+ items: items,
+ beforePickupAmount: beforePickup.amount,
+ month25Amount: rule === 'on-or-before-15' ? cycleRent + cycleService : 0,
+ totalReceivable: totalReceivable,
+ };
+}
+
+export function buildBatchPickupScheduleSummary(vehicles, pickupDate, paymentCycleMonths) {
+ var list = (vehicles || []).filter(function (v) {
+ return v.selected && !v.receivableCompleted;
+ });
+ var beforePickup = { deposit: 0, rent: 0, service: 0, amount: 0 };
+ var month25 = { rent: 0, service: 0, amount: 0 };
+ var rule = null;
+
+ list.forEach(function (v) {
+ var schedule = v.receivableSchedule || buildVehiclePickupSchedule({
+ monthRent: v.monthRent,
+ monthServiceFee: v.serviceFeeTotal != null ? v.serviceFeeTotal : v.receivableService,
+ deposit: v.receivableDeposit != null ? v.receivableDeposit : v.deposit,
+ pickupDate: pickupDate,
+ paymentCycleMonths: paymentCycleMonths,
+ });
+ if (!schedule) return;
+ rule = schedule.rule;
+ var pre = schedule.items[0];
+ if (pre) {
+ beforePickup.deposit += pre.deposit || 0;
+ beforePickup.rent += pre.rent || 0;
+ beforePickup.service += pre.service || 0;
+ beforePickup.amount += pre.amount || 0;
+ }
+ var post = schedule.items[1];
+ if (post) {
+ month25.rent += post.rent || 0;
+ month25.service += post.service || 0;
+ month25.amount += post.amount || 0;
+ }
+ });
+
+ return {
+ rule: rule,
+ vehicleCount: list.length,
+ beforePickup: beforePickup,
+ month25: month25,
+ totalReceivable: beforePickup.amount + month25.amount,
+ };
+}
+
+export function describePickupRule(rule) {
+ if (rule === 'after-15') {
+ return '提车日为当月15日后：提车前2日内支付保证金、当月剩余天数租金及服务费，以及下个付款周期租金及服务费。';
+ }
+ return '提车日为当月15日前（含15日）：提车前2日内支付保证金和当月剩余天数租金及服务费；当月25日支付下个付款周期租金及服务费。';
+}
diff --git a/src/prototypes/vehicle-pickup-receivable/styles/index.css b/src/prototypes/vehicle-pickup-receivable/styles/index.css
new file mode 100644
index 0000000..351b1a2
--- /dev/null
+++ b/src/prototypes/vehicle-pickup-receivable/styles/index.css
@@ -0,0 +1,745 @@
+/**
+ * 提车应收款 — 对齐租赁合同管理（vm-page + lc-page + ledger-page）
+ */
+@import url('../../ledger-shared/styles/ledger-page.css');
+@import url('../../lease-contract-management/styles/lease-contract.css');
+
+.vm-page.vpr-page.lc-page--list-dense {
+ --lc-list-chrome-offset: 420px;
+}
+
+.vm-page.vpr-page .vm-list-table .ant-table-tbody > tr:not(.ant-table-measure-row) > td.vm-stacked-cell-td {
+ white-space: normal !important;
+ overflow: visible !important;
+ vertical-align: middle !important;
+}
+
+.vm-page.vpr-page .vpr-action-links {
+ display: inline-flex;
+ align-items: center;
+ flex-wrap: wrap;
+ gap: 4px 8px;
+}
+
+.vm-page.vpr-page .vpr-action-links .ant-btn-link {
+ padding-inline: 0;
+ height: auto;
+ line-height: 1.4;
+}
+
+.vm-page.vpr-page .vpr-project-info-cell--clickable {
+ cursor: pointer;
+}
+
+.vm-page.vpr-page .vpr-project-info-cell--clickable:hover .primary {
+ color: var(--vm-link, #1677ff);
+}
+
+.vm-page.vpr-page .vpr-project-info-cell--clickable:focus-visible {
+ outline: 2px solid var(--vm-focus, #1677ff);
+ outline-offset: 2px;
+ border-radius: 4px;
+}
+
+.vm-page.vpr-page .vpr-delivery-btn {
+ display: inline-flex;
+ align-items: center;
+ padding: 0;
+ border: none;
+ background: transparent;
+ font: inherit;
+ color: var(--ln-link, #32a06e);
+ cursor: pointer;
+ font-weight: 500;
+}
+
+.vm-page.vpr-page .vpr-delivery-btn:hover {
+ text-decoration: underline;
+}
+
+.vm-page.vpr-page .vpr-delivery-btn:focus-visible {
+ outline: 2px solid var(--ln-link, #32a06e);
+ outline-offset: 2px;
+ border-radius: 4px;
+}
+
+.vm-page.vpr-page .vpr-pickup-native-table--vehicles {
+ min-width: 980px;
+}
+
+.vm-page.vpr-page .vpr-pickup-subtable__batch-cell {
+ vertical-align: middle;
+ background: var(--ln-surface-card, #fff);
+}
+
+.vm-page.vpr-page .vpr-pickup-subtable__actions {
+ white-space: normal;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ gap: 2px 4px;
+}
+
+.vm-page.vpr-page .vpr-pickup-subtable__actions .vm-op-action {
+ flex: 0 1 auto;
+}
+
+.vm-page.vpr-page .vpr-op-action--danger {
+ color: var(--ln-danger, #dc2626);
+}
+
+.vm-page.vpr-page .vpr-op-action--danger:hover {
+ color: var(--ln-danger, #dc2626);
+ background: color-mix(in srgb, var(--ln-danger, #dc2626) 8%, transparent);
+}
+
+.vm-page.vpr-page .vpr-pickup-subtable__actions .vm-operation-actions {
+ flex-wrap: wrap;
+ justify-content: flex-start;
+}
+
+.vm-page.vpr-page .vpr-pickup-native-table td.vpr-money--total {
+ font-weight: 600;
+}
+
+.vm-page.vpr-page .vpr-pickup-native-table {
+ width: 100%;
+ min-width: 960px;
+ border-collapse: collapse;
+ table-layout: fixed;
+ background: var(--ln-surface-card, #fff);
+ border: 1px solid var(--ln-hairline, #e2e8f0);
+ border-radius: var(--ln-radius-control, 8px);
+ overflow: hidden;
+}
+
+.vm-page.vpr-page .vpr-pickup-native-table th,
+.vm-page.vpr-page .vpr-pickup-native-table td {
+ padding: 7px 8px;
+ border-bottom: 1px solid var(--ln-hairline, #e2e8f0);
+ font-size: 12px;
+ color: var(--ln-body, #334155);
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ vertical-align: middle;
+}
+
+.vm-page.vpr-page .vpr-pickup-native-table th {
+ background: var(--ln-canvas-soft, #f6f7f7);
+ color: var(--ln-muted, #71717a);
+ font-weight: 500;
+ text-align: left;
+}
+
+.vm-page.vpr-page .vpr-pickup-native-table td.vpr-money {
+ text-align: left;
+ font-variant-numeric: tabular-nums;
+}
+
+.vm-page.vpr-page .vpr-pickup-table-wrap {
+ width: 100%;
+ max-width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+.vm-page.vpr-page .vpr-pickup-expand__empty {
+ padding: 16px;
+ text-align: center;
+ color: var(--ln-muted, #71717a);
+ font-size: 13px;
+}
+
+.vm-page.vpr-page .vpr-pickup-subtable__vehicle-count {
+ display: inline-flex;
+ align-items: center;
+ padding: 1px 8px;
+ border-radius: 999px;
+ font-size: 11px;
+ font-weight: 600;
+ color: var(--ln-primary, #32a06e);
+ background: color-mix(in srgb, var(--ln-primary, #32a06e) 10%, #fff);
+ border: 1px solid color-mix(in srgb, var(--ln-primary, #32a06e) 16%, transparent);
+ white-space: nowrap;
+}
+
+.vm-page.vpr-page .vpr-pickup-subtable__vehicle-count-cell {
+ text-align: left;
+}
+
+.vm-page.vpr-page .vpr-pickup-subtable__model-group {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+ min-width: 0;
+}
+
+.vm-page.vpr-page .vpr-pickup-subtable__model-group-name {
+ font-weight: 500;
+ color: var(--ln-fg, #18181b);
+ line-height: 1.4;
+}
+
+.vm-page.vpr-page .vpr-pickup-subtable__model-group-plates {
+ font-size: 12px;
+ color: var(--ln-muted, #71717a);
+ line-height: 1.4;
+ word-break: break-all;
+}
+
+.vm-page.vpr-page .vpr-pickup-subtable__model-group-plates.is-empty {
+ color: var(--ln-muted, #71717a);
+}
+
+.vm-page.vpr-page .vpr-row-expand-spacer {
+ display: inline-block;
+ width: 17px;
+ height: 17px;
+ flex: 0 0 17px;
+}
+
+.vm-page.vpr-page .vpr-pickup-expand {
+ width: 100%;
+ max-width: 100%;
+ overflow-x: auto;
+}
+
+.vm-page.vpr-page .vpr-main-list-table .ant-table-expanded-row > td {
+ padding: 8px 12px 12px !important;
+ background: var(--ln-canvas-soft, #f8fafc);
+}
+
+.vm-page.vpr-page .vpr-main-list-table .ant-table-expanded-row > td.ant-table-cell {
+ border-bottom: 1px solid var(--ln-hairline, #e2e8f0);
+}
+
+/* 主表一屏展示：scroll.x 与容器同宽，表头/表体共用 colgroup */
+.vm-page.vpr-page .vm-table-wrap {
+ width: 100%;
+ overflow: hidden;
+}
+
+.vm-page.vpr-page .vpr-main-list-table .ant-table-container {
+ overflow: hidden !important;
+}
+
+.vm-page.vpr-page .vpr-main-list-table .ant-table-content {
+ overflow: hidden !important;
+}
+
+.vm-page.vpr-page .vpr-main-list-table .ant-table-body {
+ overflow-y: auto !important;
+ overflow-x: hidden !important;
+}
+
+.vm-page.vpr-page .vpr-main-list-table .ant-table-sticky-scroll,
+.vm-page.vpr-page .vpr-main-list-table .ant-table-sticky-scroll-bar {
+ display: none !important;
+}
+
+.vm-page.vpr-page .vpr-main-list-table .ant-table-thead > tr > th,
+.vm-page.vpr-page .vpr-main-list-table .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
+ overflow: hidden;
+}
+
+.vm-page.vpr-page .vpr-col-project .lc-project-info-merged-cell,
+.vm-page.vpr-page .vpr-col-project .lc-project-info-cell,
+.vm-page.vpr-page .vpr-col-project .vm-stack .primary,
+.vm-page.vpr-page .vpr-col-project .vm-stack .code,
+.vm-page.vpr-page .vpr-col-project .vm-stack .sub {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.vm-page.vpr-page .vpr-col-owner .vm-stack .primary,
+.vm-page.vpr-page .vpr-col-owner .vm-stack .sub {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.vm-page.vpr-page .vpr-main-list-table .ant-table-thead > tr > th {
+ white-space: nowrap !important;
+}
+
+.vm-page.vpr-page .vpr-col-pickup {
+ text-align: left !important;
+}
+
+.vm-page.vpr-page .vpr-main-list-table .ant-table-thead > tr > th.vpr-col-pickup {
+ text-align: center !important;
+}
+
+.vm-page.vpr-page .vpr-col-pickup .lc-lease-order-counts {
+ justify-content: flex-start;
+ min-width: 0;
+}
+
+.vm-page.vpr-page .vpr-col-action {
+ white-space: nowrap;
+}
+
+/* 金额列 */
+.vm-page.vpr-page .vpr-money-col-th,
+.vm-page.vpr-page .vpr-money-col-td {
+ text-align: left !important;
+ font-variant-numeric: tabular-nums;
+ padding-inline: 6px !important;
+ vertical-align: middle !important;
+}
+
+.vm-page.vpr-page .vpr-money-cell {
+ display: inline-block;
+ width: 100%;
+ text-align: left;
+ font-size: 12px;
+ color: var(--ln-body, #334155);
+}
+
+.vm-page.vpr-page .vpr-money-cell--total {
+ font-weight: 600;
+}
+
+@media (max-width: 1100px) {
+ .vm-page.vpr-page.lc-page--list-dense {
+ --lc-list-chrome-offset: 480px;
+ }
+}
+
+/* 办理页顶栏：返回 + 操作 */
+.vm-page.vpr-collect-page .vpr-collect-topbar {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 16px;
+ margin-bottom: 16px;
+ flex-wrap: wrap;
+}
+
+
+.vm-page.vpr-collect-page .vpr-collect-topbar__link {
+ padding: 0;
+ flex-shrink: 0;
+}
+
+/* —— 办理页 —— */
+.vm-page.vpr-collect-page {
+ padding: 16px 24px 96px;
+ min-height: 100vh;
+ background: var(--ln-canvas-parchment, #f5f6f6);
+ box-sizing: border-box;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-topbar__left {
+ display: flex;
+ align-items: flex-start;
+ gap: 12px;
+ min-width: 0;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-topbar__intro {
+ min-width: 0;
+ padding-top: 2px;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-topbar__title {
+ margin: 0;
+ font-size: 1.125rem;
+ font-weight: 600;
+ color: var(--ln-ink);
+ line-height: 1.35;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-topbar__meta {
+ margin: 4px 0 0;
+ font-size: 0.8125rem;
+ color: var(--ln-muted);
+ line-height: 1.5;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ gap: 8px;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-draft-badge {
+ display: inline-flex;
+ align-items: center;
+ padding: 0 8px;
+ height: 22px;
+ border-radius: 999px;
+ font-size: 0.75rem;
+ font-weight: 500;
+ color: #b45309;
+ background: #fffbeb;
+ border: 1px solid #fde68a;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-card {
+ margin-bottom: 16px;
+ border: 1px solid var(--ln-hairline);
+ border-radius: var(--ln-radius-card);
+ box-shadow: var(--ln-shadow-soft);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-card .ant-card-head {
+ min-height: 48px;
+ border-bottom: 1px solid var(--ln-hairline);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-card .ant-card-head-title {
+ font-size: 0.9375rem;
+ font-weight: 600;
+ color: var(--ln-ink);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-card-toggle.ant-btn {
+ padding: 0;
+ height: auto;
+ font-size: 0.8125rem;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-info-grid {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 16px 24px;
+}
+
+@media (max-width: 960px) {
+ .vm-page.vpr-collect-page .vpr-collect-info-grid {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+}
+
+@media (max-width: 640px) {
+ .vm-page.vpr-collect-page .vpr-collect-info-grid {
+ grid-template-columns: minmax(0, 1fr);
+ }
+}
+
+.vm-page.vpr-collect-page .vpr-collect-field__label {
+ margin-bottom: 6px;
+ font-size: 0.8125rem;
+ color: var(--ln-muted);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-field__value {
+ color: var(--ln-ink);
+ font-size: 0.875rem;
+ line-height: 1.5;
+ min-height: 22px;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-kpi-row {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 12px;
+ margin-bottom: 16px;
+}
+
+@media (max-width: 768px) {
+ .vm-page.vpr-collect-page .vpr-collect-kpi-row {
+ grid-template-columns: minmax(0, 1fr);
+ }
+}
+
+.vm-page.vpr-collect-page .vpr-collect-kpi-card {
+ background: var(--ln-surface-card);
+ border: 1px solid var(--ln-hairline);
+ border-radius: var(--ln-radius-card);
+ padding: 14px 16px;
+ transition: border-color 0.2s, box-shadow 0.2s;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-kpi-card--clickable {
+ cursor: pointer;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-kpi-card--clickable:hover {
+ border-color: var(--ln-primary);
+ box-shadow: 0 0 0 1px color-mix(in srgb, var(--ln-primary) 24%, transparent);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-kpi-card__label {
+ font-size: 0.8125rem;
+ color: var(--ln-muted);
+ margin-bottom: 8px;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-kpi-card__value {
+ font-size: 1.25rem;
+ font-weight: 600;
+ color: var(--ln-primary-focus);
+ font-variant-numeric: tabular-nums;
+ line-height: 1.2;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-kpi-card__hint {
+ margin-top: 6px;
+ font-size: 0.75rem;
+ color: var(--ln-muted-soft);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-batch-panel {
+ margin-bottom: 16px;
+ padding: 12px 16px;
+ background: color-mix(in srgb, var(--ln-primary) 6%, #fff);
+ border: 1px solid color-mix(in srgb, var(--ln-primary) 18%, var(--ln-hairline));
+ border-radius: var(--ln-radius-control);
+ font-size: 0.8125rem;
+ color: var(--ln-body);
+ line-height: 1.6;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-batch-panel__title {
+ font-weight: 600;
+ color: var(--ln-ink);
+ margin-bottom: 6px;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-batch-panel__amount {
+ color: var(--ln-primary-focus);
+ font-weight: 600;
+ font-variant-numeric: tabular-nums;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-table-toolbar {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+ flex-wrap: wrap;
+ margin-bottom: 10px;
+ padding: 10px 12px;
+ border: 1px solid var(--ln-hairline);
+ border-radius: var(--ln-radius-control);
+ background: var(--ln-surface-card);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-table-toolbar--warn {
+ border-color: #fcd34d;
+ background: #fffbeb;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-table-toolbar__left {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ flex-wrap: wrap;
+ min-width: 0;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-table-toolbar__actions {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ flex-shrink: 0;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-table-toolbar__actions .ant-btn {
+ min-height: 32px;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-table-toolbar__count {
+ font-size: 0.875rem;
+ font-weight: 600;
+ color: var(--ln-ink);
+ font-variant-numeric: tabular-nums;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-table-toolbar__hint {
+ font-size: 0.75rem;
+ color: var(--ln-muted);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-form-grid {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 16px 24px;
+ align-items: end;
+ margin-bottom: 16px;
+}
+
+@media (max-width: 768px) {
+ .vm-page.vpr-collect-page .vpr-collect-form-grid {
+ grid-template-columns: minmax(0, 1fr);
+ }
+}
+
+.vm-page.vpr-collect-page .vpr-collect-form-grid--2 {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.vm-page.vpr-collect-page .vpr-collect-form-grid--4 {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+@media (max-width: 960px) {
+ .vm-page.vpr-collect-page .vpr-collect-form-grid--4 {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+}
+
+.vm-page.vpr-collect-page .vpr-collect-form-item {
+ margin-bottom: 0;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-form-item--full {
+ grid-column: 1 / -1;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-table-wrap {
+ overflow: auto;
+ max-height: min(520px, calc(100vh - 420px));
+ margin-bottom: 16px;
+ border: 1px solid var(--ln-hairline);
+ border-radius: var(--ln-radius-control);
+ background: var(--ln-surface-card);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-table {
+ width: 100%;
+ min-width: 1600px;
+ border-collapse: collapse;
+ font-size: 0.8125rem;
+ table-layout: fixed;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-table thead th {
+ position: sticky;
+ top: 0;
+ z-index: 2;
+ padding: 10px 12px;
+ border-bottom: 1px solid var(--ln-hairline);
+ background: var(--ln-surface-pearl);
+ color: var(--ln-muted);
+ font-weight: 600;
+ white-space: nowrap;
+ text-align: left;
+ box-shadow: 0 1px 0 var(--ln-hairline);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-table thead th.vpr-collect-th--num {
+ text-align: right;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-table tbody td {
+ padding: 8px 12px;
+ border-bottom: 1px solid var(--ln-hairline);
+ vertical-align: middle;
+ color: var(--ln-body);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-row--selected {
+ background: color-mix(in srgb, var(--ln-primary) 5%, #fff);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-row--idle {
+ background: var(--ln-surface-card);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-row--done {
+ background: var(--ln-surface-pearl);
+ color: var(--ln-muted);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-row--done td {
+ color: var(--ln-muted);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-row:not(.vpr-collect-row--done) {
+ cursor: pointer;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-row:hover:not(.vpr-collect-row--done) {
+ background: color-mix(in srgb, var(--ln-primary) 3%, #fff);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-row--done {
+ cursor: default;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-table tbody td.vpr-collect-td--num {
+ text-align: right;
+ font-variant-numeric: tabular-nums;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-row-badge {
+ display: inline-flex;
+ align-items: center;
+ margin-left: 6px;
+ padding: 0 6px;
+ height: 20px;
+ border-radius: 999px;
+ font-size: 0.6875rem;
+ font-weight: 500;
+ color: var(--ln-muted);
+ background: var(--ln-surface-pearl);
+ border: 1px solid var(--ln-hairline);
+ vertical-align: middle;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-kpi-card--clickable:focus-visible {
+ outline: 2px solid var(--ln-primary);
+ outline-offset: 2px;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-footer__summary--warn {
+ color: #b45309;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-footer .vm-btn-primary:disabled {
+ opacity: 0.45;
+ cursor: not-allowed;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-section-title {
+ margin: 0 0 12px;
+ font-size: 0.875rem;
+ font-weight: 600;
+ color: var(--ln-ink);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-footer {
+ position: fixed;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 20;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 16px;
+ flex-wrap: wrap;
+ padding: 12px 24px;
+ background: color-mix(in srgb, var(--ln-surface-card) 92%, transparent);
+ backdrop-filter: blur(8px);
+ border-top: 1px solid var(--ln-hairline);
+ box-shadow: 0 -4px 16px rgba(24, 24, 27, 0.06);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-footer__summary {
+ font-size: 0.875rem;
+ color: var(--ln-body);
+}
+
+.vm-page.vpr-collect-page .vpr-collect-footer__summary strong {
+ margin-left: 4px;
+ font-size: 1rem;
+ font-weight: 700;
+ color: var(--ln-primary-focus);
+ font-variant-numeric: tabular-nums;
+}
+
+.vm-page.vpr-collect-page .vpr-collect-footer__actions {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ flex-wrap: wrap;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .vm-page.vpr-collect-page .vpr-collect-kpi-card--clickable {
+ transition: none;
+ }
+}
diff --git a/src/prototypes/vehicle-return-settlement-v2/VehicleReturnSettlementV2Detail.jsx b/src/prototypes/vehicle-return-settlement-v2/VehicleReturnSettlementV2Detail.jsx
index 3ee9623..7d14f37 100644
--- a/src/prototypes/vehicle-return-settlement-v2/VehicleReturnSettlementV2Detail.jsx
+++ b/src/prototypes/vehicle-return-settlement-v2/VehicleReturnSettlementV2Detail.jsx
@@ -306,9 +306,9 @@ const Component = function (props) {
React.createElement('div', { className: 'vrs2-detail-topbar__left' },
React.createElement('button', {
type: 'button',
- className: 'vm-btn vm-btn-ghost',
+ className: 'vm-btn vm-btn-back',
onClick: function () { if (props.onBack) props.onBack(); }
- }, '← 返回'),
+ }, '返回'),
React.createElement('div', { className: 'vrs2-detail-title-block' },
React.createElement('h1', { className: 'vrs2-detail-title' }, row.plateNo, ' · ', row.customerName),
React.createElement(StatusTag, { label: stageMeta.label, tone: stageTone(row.taskStage) })
@@ -341,6 +341,7 @@ const Component = function (props) {
React.createElement('button', {
type: 'button',
className: 'vm-btn vm-btn-ghost vrs2-link-btn',
+ 'data-vm-icon': 'eye',
onClick: function () { message.info('跳转还车管理查看页（原型）'); }
}, '查看还车记录 →')
),
diff --git a/src/prototypes/vehicle-return-settlement-v2/VehicleReturnSettlementV2List.jsx b/src/prototypes/vehicle-return-settlement-v2/VehicleReturnSettlementV2List.jsx
index 41ddcaa..a52f3e4 100644
--- a/src/prototypes/vehicle-return-settlement-v2/VehicleReturnSettlementV2List.jsx
+++ b/src/prototypes/vehicle-return-settlement-v2/VehicleReturnSettlementV2List.jsx
@@ -1,5 +1,6 @@
import { StatusTag } from '../vehicle-management/components/StatusTag';
import { TablePagination, DEFAULT_PAGE_SIZE } from '../../common/TablePagination';
+import { OperationActions } from '../../common/OperationActions';
import {
ROLE_OPTIONS,
TASK_STAGE_META,
@@ -253,30 +254,20 @@ const Component = function (props) {
{
title: '操作',
key: 'actions',
- width: 120,
+ width: 168,
fixed: 'right',
render: function (_, r) {
var primary = getPrimaryAction(r, role);
var moreItems = [
- { key: 'view', label: '查看详情', onClick: function () { openRow(r, 'view'); } }
+ { key: 'view-detail', label: '查看详情', onClick: function () { openRow(r, 'view'); } }
];
if (role === 'biz' && r.canRevoke) {
moreItems.push({ key: 'revoke', label: '撤回审批', onClick: function () { message.success('撤回成功（原型）'); } });
}
- return React.createElement('div', { className: 'vrs2-action-cell' },
- React.createElement(Button, {
- type: 'link',
- size: 'small',
- className: 'vrs2-primary-action',
- onClick: function () { openRow(r, primary.action); }
- }, primary.label),
- React.createElement(Dropdown, {
- menu: { items: moreItems },
- trigger: ['click']
- },
- React.createElement(Button, { type: 'link', size: 'small' }, '更多')
- )
- );
+ return React.createElement(OperationActions, {
+ view: { label: primary.label, onClick: function () { openRow(r, primary.action); } },
+ more: moreItems
+ });
}
}
);
diff --git a/src/prototypes/vehicle-return-settlement-v2/vrsV2Data.js b/src/prototypes/vehicle-return-settlement-v2/vrsV2Data.js
index 6e9db87..b571be4 100644
--- a/src/prototypes/vehicle-return-settlement-v2/vrsV2Data.js
+++ b/src/prototypes/vehicle-return-settlement-v2/vrsV2Data.js
@@ -167,9 +167,9 @@ export function getPrimaryAction(row, role) {
return { label: '去处理', action: 'handle' };
}
if (stage === 'archived' || stage === 'pending_payment' || stage === 'approving') {
- return { label: '查看', action: 'view' };
+ return { label: '详情', action: 'view' };
}
- return { label: '查看', action: 'view' };
+ return { label: '详情', action: 'view' };
}
export var SEED_ROWS = [
diff --git a/src/prototypes/vehicle-return-settlement/VehicleReturnSettlementHandle.jsx b/src/prototypes/vehicle-return-settlement/VehicleReturnSettlementHandle.jsx
index a3cc5fe..d2cdf25 100644
--- a/src/prototypes/vehicle-return-settlement/VehicleReturnSettlementHandle.jsx
+++ b/src/prototypes/vehicle-return-settlement/VehicleReturnSettlementHandle.jsx
@@ -361,9 +361,9 @@ const Component = function (props) {
React.createElement('div', { className: 'vrs-handle-topbar__left' },
React.createElement('button', {
type: 'button',
- className: 'vm-btn vm-btn-ghost',
+ className: 'vm-btn vm-btn-back',
onClick: function () { if (props && props.onBack) props.onBack(); }
- }, '← 返回列表'),
+ }, '返回列表'),
React.createElement('h1', { className: 'vrs-handle-title' }, '还车应结款详情')
),
React.createElement('div', { className: 'vrs-handle-role-switch' },
diff --git a/src/prototypes/vm-shared/DESIGN.md b/src/prototypes/vm-shared/DESIGN.md
index 7aacaee..688a5fb 100644
--- a/src/prototypes/vm-shared/DESIGN.md
+++ b/src/prototypes/vm-shared/DESIGN.md
@@ -167,12 +167,89 @@ const paged = useMemo(() => {
|--------|------|-------------|
| 文本、日期、状态等 | 左对齐 | 默认，无需额外设置 |
| 金额、数量等数字 | **左对齐** | `ldb-col-money` 或 `ln-modal-detail-table__money` + `tabular-nums` |
-| 操作列 | 左对齐 | 链接按钮组 |
+| 操作列 | 左对齐 | `OperationActions` 组件（见下文） |
| 可点击金额 / 明细弹层触发按钮 | 左对齐 | `ldb-detail-popover-trigger`、费用列内 `button` 与文本列一致左对齐 |
- 禁止对金额列使用 `align: 'right'`、`text-align: right` 或 `justify-content: flex-end`
- 全局样式见 `vehicle-management/style.css` 中「金额/数字列」与 Ant Design 表格 `cell-align-right` 覆盖规则
+## 操作列 OperationActions（强制）
+
+凡 `vm-page` 列表主表「操作」列，**一律**使用公共组件 `OperationActions`，禁止各页自建链接组、pipe 分隔或模块私有 `*-row-actions` 样式。
+
+### 依赖
+
+```typescript
+import { OperationActions } from '../../common/OperationActions';
+```
+
+样式由 `vehicle-management/style.css` 自动引入 `src/common/vm-operation-actions.css`（与分页、多选框同级）。
+
+### 布局结构（固定）
+
+```text
+[图标 详情] [图标 编辑] [⋮ 更多]
+ ↑ 外显主操作（0–2 个） ↑ 点击展开下拉菜单
+```
+
+| 区域 | 规则 |
+|------|------|
+| **详情** | 有查看/详情能力时外显；图标 `Eye` + 文案「详情」 |
+| **编辑** | 有编辑能力且当前行可编辑时外显；图标 `Pencil` + 文案「编辑」 |
+| **更多** | 其余操作全部收入 `more`；触发器为 **⋮ 图标按钮**（`aria-label="更多操作"`），禁止文字「更多」链接 |
+| 无操作 | 渲染 `-` |
+
+### 列宽与冻结
+
+| 项 | 值 |
+|----|-----|
+| 建议列宽 | 148–168px（含详情+编辑+更多） |
+| 对齐 | 左对齐 |
+| 冻结 | `fixed: 'right'`（主列表推荐） |
+| 类名 | 容器 `vm-operation-actions`（组件内置） |
+
+### API 示例
+
+```tsx
+import { OperationActions } from '../../common/OperationActions';
+
+ openView(record) }}
+ edit={canEdit ? { onClick: () => openEdit(record) } : undefined}
+ more={[
+ { key: 'renew', label: '续签合同', onClick: () => renew(record) },
+ { key: 'terminate', label: '终止合同', danger: true, onClick: () => terminate(record) },
+ ]}
+/>
+```
+
+旧页面若已有扁平 `items[]`，可用 `splitOperationActions(items)` 自动拆出详情/编辑/更多（历史文案「查看」会规范为「详情」）。
+
+### 视觉与无障碍
+
+| 项 | 规则 |
+|----|------|
+| 主操作按钮 | `vm-op-action`，图标 16px + 文案，最小触控区 44×44px |
+| 更多按钮 | `vm-op-more-btn`，Lucide `MoreHorizontal`，44×44px |
+| 危险操作 | `more` 项设 `danger: true`，下拉项红色 |
+| 聚焦 | 可见 focus 环；尊重 `prefers-reduced-motion` |
+| 图标 | 使用 Lucide SVG，禁止 emoji 作图标 |
+
+### 禁止做法
+
+- 操作列使用纯 `Button type="link"` 横排超过 2 个主操作
+- 使用 `\|` 分隔符串联操作链接（客户/供应商旧版 pipe 模式）
+- 各模块自定义 `lc-row-actions`、`h2-action-more-btn` 等（逐步废弃，统一用 `OperationActions`）
+- 更多触发器使用文字「更多」而非图标
+
+### 参考实现
+
+| 页面 | 路径 |
+|------|------|
+| 租赁合同管理 | `src/prototypes/lease-contract-management/LeaseContractManagement.jsx` |
+| 组件源码 | `src/common/OperationActions.tsx` |
+
+
### 紧凑变体（详情 Tab 内嵌表格）
详情页 Tab 等小空间场景，footer 追加 `vm-table-footer--compact`：
diff --git a/src/resources/lease-contract-management/PRD.md b/src/resources/lease-contract-management/PRD.md
index 222bede..9d0fa61 100644
--- a/src/resources/lease-contract-management/PRD.md
+++ b/src/resources/lease-contract-management/PRD.md
@@ -2,7 +2,7 @@
| 项 | 内容 |
|---|---|
-| 文档版本 | v1.0 |
+| 文档版本 | v1.2 |
| 模块名称 | 租赁合同管理 |
| 所属系统 | ONE-OS 业务管理 |
| 目标读者 | 前端 / 后端 / 测试 / 业务产品对接人 |
@@ -77,7 +77,7 @@
```text
租赁合同管理
├── 列表页
-│ ├── 筛选区（12 项，默认展示 4 项）
+│ ├── 筛选区（13 项，默认展示 4 项）
│ ├── KPI 卡片（5 张）
│ ├── 工具栏（费用模板 / 导出 / 新增）
│ └── 合同台账表
@@ -157,6 +157,19 @@ KPI 卡片筛选与筛选区条件 **叠加**（先 KPI 维度，再应用筛选
- 权限：当前用户部门为法务部。
- 上传成功后隐藏「上传盖章合同」入口。
+### 6.6 交还与履约规则
+
+| 规则 | 说明 |
+|---|---|
+| 审批 gate | **仅审批通过**的合同才产生交车/还车履约数据；待审批、审批中、驳回、撤回等状态下，车辆不计入「已交车辆数」 |
+| 交车 | 审批通过后，经提车应收款办理实际交车；子表「交车」列展示里程、交车人、时间 |
+| 租赁账单 | 仅已交车车辆展示「正常 / 欠费」 |
+| 子表还车 | **审批通过 + 已交车 + 未还车** 时，子表操作列显示「还车」；已还车为「—」 |
+| 还车应结款 | 还车后按待提交 → 审批中 → 已完成流转；审批中审批人展示与主表「审批状态」列一致 |
+| 已终止 | 全部车辆已还车，或续签/转三方后旧合同自动终止 |
+
+> 操作流程图见 `.spec/requirements-flow-operations.md`；标注上下文见 `.spec/requirements-annotation-context.md`。
+
---
## 7. 列表页需求
@@ -165,11 +178,17 @@ KPI 卡片筛选与筛选区条件 **叠加**（先 KPI 维度，再应用筛选
### 7.1 筛选区
-12 个筛选项；默认 4 项；支持展开/收起、查询、重置。
+13 个筛选项；默认 4 项；支持展开/收起、查询、重置。
+
+其中 **合同模板** 与 **标准合同名称** 为联动单选：
+
+- 合同模板：取自合同模板管理已发布模板的「合同名称」类别（正式合同、试用合同等）
+- 标准合同名称：选定合同模板后，列出该类别下具体 Word 文档名（如 2026年标准商用车租赁合同）
+- 切换合同模板时清空标准合同名称；未选模板时标准合同名称禁用
### 7.2 KPI 卡片
-全部合同 / 进行中 / 已终止 / 临期合同 / 过期合同。
+全部合同 / 草稿 / 进行中 / 审批中 / 已终止（按合同状态分桶，与筛选区叠加）。
### 7.3 工具栏
@@ -177,7 +196,9 @@ KPI 卡片筛选与筛选区条件 **叠加**（先 KPI 维度，再应用筛选
### 7.4 列表
-项目信息合并列、车辆数/已交车 Popover、审批流悬停、完整业务字段、操作列。
+项目信息合并列、租赁订单车辆数/已交车子表、合同签署方式、审批流悬停、费用与交车安排、整体里程、操作列。
+
+子表「还车应结款」审批中状态与主表审批人展示一致；仅审批通过合同产生交车履约数据。
### 7.5 操作
@@ -285,7 +306,7 @@ Content-Type: multipart/form-data
### 12.1 列表页
-- [ ] 12 项筛选与 KPI 五卡片联动正确
+- [ ] 13 项筛选（含合同模板联动标准合同名称）与 KPI 五卡片联动正确
- [ ] 项目信息列、车辆/交车 Popover、审批流悬停
- [ ] 操作按合同状态/类型正确显隐
- [ ] 法务盖章上传后入口关闭
@@ -319,6 +340,8 @@ Content-Type: multipart/form-data
| 标注入口 | `index.tsx` |
| 标注数据 | `annotation-source.json` |
| PRD | `src/resources/lease-contract-management/PRD.md` |
+| 操作流程图 | `.spec/requirements-flow-operations.md` |
+| 标注上下文 | `.spec/requirements-annotation-context.md` |
---
@@ -327,3 +350,5 @@ Content-Type: multipart/form-data
| 版本 | 日期 | 说明 |
|---|---|---|
| v1.0 | 2026-06-25 | 首版：对齐列表/新增原型、风控审批判定、标注与 PRD 接入 |
+| v1.1 | 2026-07-12 | 补充交还车履约规则、子表还车条件、全流程操作图与标注上下文文档 |
+| v1.2 | 2026-07-12 | 筛选「合同类型」改为「合同模板 + 标准合同名称」联动；KPI/列表列与原型对齐 |
diff --git a/src/resources/oneos-web-legacy/工作台.jsx b/src/resources/oneos-web-legacy/工作台.jsx
index a57455a..ab57d6c 100644
--- a/src/resources/oneos-web-legacy/工作台.jsx
+++ b/src/resources/oneos-web-legacy/工作台.jsx
@@ -360,7 +360,7 @@ const Component = function () {
{ id: '2', taskType: '异动', taskName: '异动任务-魏山（异动车数：9）', genDate: '2026-03-27 12:26', path: 'web端/运维管理/车辆业务/异动管理-结束异动.jsx', status: 'overdue' },
{ id: '3', taskType: '年审', taskName: '年审任务（沪A62261F）', genDate: '2026-03-27 16:32', path: 'web端/运维管理/车辆业务/异动管理.jsx', status: 'pending' },
{ id: '4', taskType: '租赁账单', taskName: '御盛合-租赁苏龙18T（账单编号xxxxxxx）', genDate: '2026-03-28 00:00', path: 'web端/业务管理/租赁账单.jsx', status: 'pending' },
- { id: '5', taskType: '还车应结款', taskName: '云通-租赁帕力安18T（粤AGP3649）', genDate: '2026-03-28 11:53', path: 'web端/财务管理/提车应收款.jsx', status: 'pending' }
+ { id: '5', taskType: '还车应结款', taskName: '云通-租赁帕力安18T（粤AGP3649）', genDate: '2026-03-28 11:53', path: '/prototypes/vehicle-pickup-receivable', status: 'pending' }
];
}, []);
@@ -1189,7 +1189,7 @@ const Component = function () {
{ t: '生成交车任务', action: 'genDelivery', accent: 'primary' },
{ t: '生成还车任务', action: 'genReturn', accent: 'orange' },
{ t: '租赁合同', p: 'web端/车辆租赁合同/车辆租赁合同.jsx' },
- { t: '提车应收款', p: 'web端/财务管理/提车应收款.jsx' },
+ { t: '提车应收款', p: '/prototypes/vehicle-pickup-receivable' },
{ t: '租赁账单', p: 'web端/业务管理/租赁账单.jsx' },
{ t: '还车应结款', p: 'web端/财务管理/还车应结款.jsx' },
{ t: '能源账户', p: 'web端/业务管理/能源账户.jsx' },
@@ -1228,7 +1228,7 @@ const Component = function () {
finance: {
label: '财务',
items: [
- { t: '提车应收款', p: 'web端/财务管理/提车应收款.jsx' },
+ { t: '提车应收款', p: '/prototypes/vehicle-pickup-receivable' },
{ t: '租赁账单', p: 'web端/财务管理/租赁账单.jsx' },
{ t: '还车应结款', p: 'web端/财务管理/还车应结款.jsx' },
{ t: '审批中心', p: 'web端/审批中心.jsx' },