From 8cbbd3548bac2d59e17ed6e442e721ca6ffeb2f4 Mon Sep 17 00:00:00 2001
From: zlwu <704541015@qq.com>
Date: Sat, 10 Oct 2026 12:19:46 +0800
Subject: [PATCH] feat(web-admin): transfer remark columns and jfqrz withdraw
 UI.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 web-admin/src/api/presign-order.ts            |   18 +
 web-admin/src/api/protocol-sample-payment.ts  |   21 +
 .../cell-storage/payment-confirm/index.vue    |  424 ++-
 .../payment-info/PaymentExcelList.vue         |  743 +++++
 .../presign-order/PresignOrderFormDialog.vue  |  724 ++++-
 .../protocol/ProtocolFormDialog.vue           | 2842 ++++++++---------
 .../protocol/ProtocolViewDialog.vue           | 1692 +++++-----
 .../protocol/SamplePaymentPanel.vue           |  960 +++++-
 8 files changed, 4774 insertions(+), 2650 deletions(-)
 create mode 100644 web-admin/src/views/cell-storage/payment-info/PaymentExcelList.vue

diff --git a/web-admin/src/api/presign-order.ts b/web-admin/src/api/presign-order.ts
index b4a99804..26684a8b 100644
--- a/web-admin/src/api/presign-order.ts
+++ b/web-admin/src/api/presign-order.ts
@@ -78,6 +78,13 @@ export function fetchSubmitPresignTransferFinance(transferId: string) {
   })
 }
 
+export function fetchWithdrawPresignTransfer(transferId: string) {
+  return request.post({
+    url: `/web/admin/presign-transfers/${transferId}/withdraw`,
+    showSuccessMessage: true
+  })
+}
+
 export function fetchPresignTransferReceiptConfirmList(params?: {
   page?: number
   pageSize?: number
@@ -89,6 +96,17 @@ export function fetchPresignTransferReceiptConfirmList(params?: {
   })
 }
 
+export function fetchPresignTransferReceiptConfirmedList(params?: {
+  page?: number
+  pageSize?: number
+  keyword?: string
+}) {
+  return request.get<PageList<Record<string, unknown>>>({
+    url: '/web/admin/presign-transfers/receipt-confirmed',
+    params
+  })
+}
+
 export function fetchConfirmPresignTransfer(
   transferId: string,
   data?: { financeConfirmAttachments?: string; financeRemark?: string }
diff --git a/web-admin/src/api/protocol-sample-payment.ts b/web-admin/src/api/protocol-sample-payment.ts
index 0c2b0b16..e2bc31dc 100644
--- a/web-admin/src/api/protocol-sample-payment.ts
+++ b/web-admin/src/api/protocol-sample-payment.ts
@@ -48,6 +48,13 @@ export function fetchSubmitPaymentTransferFinance(transferId: string) {
   })
 }
 
+export function fetchWithdrawPaymentTransfer(transferId: string) {
+  return request.post({
+    url: `/web/admin/payment-transfers/${transferId}/withdraw`,
+    showSuccessMessage: true
+  })
+}
+
 export function fetchPaymentTransferList(params?: {
   page?: number
   pageSize?: number
@@ -156,3 +163,17 @@ export function fetchSamplePaymentDetail(samplePaymentId: string) {
     url: `/web/admin/sample-payments/${samplePaymentId}`
   })
 }
+
+export function fetchPaymentChaseList(params?: {
+  page?: number
+  pageSize?: number
+  keyword?: string
+  chaseType?: string
+  payMode?: string
+  salesUserId?: string
+}) {
+  return request.get<PageList<Record<string, unknown>>>({
+    url: '/web/admin/payment-chase',
+    params
+  })
+}
diff --git a/web-admin/src/views/cell-storage/payment-confirm/index.vue b/web-admin/src/views/cell-storage/payment-confirm/index.vue
index fb92b029..ba123562 100644
--- a/web-admin/src/views/cell-storage/payment-confirm/index.vue
+++ b/web-admin/src/views/cell-storage/payment-confirm/index.vue
@@ -9,13 +9,26 @@
             type="button"
             role="tab"
             class="panel-pill-tabs__btn"
-            :class="{ 'is-active': mainTab === 'payment' }"
-            :aria-selected="mainTab === 'payment'"
-            @click="mainTab = 'payment'"
+            :class="{ 'is-active': mainTab === 'presign' }"
+            :aria-selected="mainTab === 'presign'"
+            @click="mainTab = 'presign'"
           >
-            缴费确认
-            <span v-if="paymentPendingBadge > 0" class="panel-pill-tabs__badge">{{
-              formatTabBadgeCount(paymentPendingBadge)
+            意向金
+            <span v-if="presignPendingBadge > 0" class="panel-pill-tabs__badge">{{
+              formatTabBadgeCount(presignPendingBadge)
+            }}</span>
+          </button>
+          <button
+            type="button"
+            role="tab"
+            class="panel-pill-tabs__btn"
+            :class="{ 'is-active': mainTab === 'formal' }"
+            :aria-selected="mainTab === 'formal'"
+            @click="mainTab = 'formal'"
+          >
+            正式缴费
+            <span v-if="formalPendingBadge > 0" class="panel-pill-tabs__badge">{{
+              formatTabBadgeCount(formalPendingBadge)
             }}</span>
           </button>
           <!-- TODO(P1): 开票改挂 transfer；当前仍走旧 payment_detail 开票 API -->
@@ -35,7 +48,7 @@
         </div>
       </div>
 
-      <div v-show="mainTab === 'payment'" class="panel-entity-body">
+      <div v-show="isPaymentTab" class="panel-entity-body">
         <div class="finance-section-head finance-section-head--pending">
           <h3 class="finance-section-title">
             待确认
@@ -49,19 +62,20 @@
           <el-form
             :model="pendingSearchForm"
             class="filter-form"
-            label-position="top"
             @submit.prevent
           >
             <div class="filter-grid">
               <el-form-item label="关键词">
                 <el-input
                   v-model="pendingSearchForm.keyword"
-                  placeholder="协议号/样本编码/客户姓名/身份证号"
+                  :placeholder="
+                    isPresignTab ? '协议号/客户姓名' : '协议号/样本编码/客户姓名/身份证号'
+                  "
                   clearable
                   @keyup.enter="handlePendingSearch"
                 />
               </el-form-item>
-              <el-form-item label="应缴费时间">
+              <el-form-item v-if="!isPresignTab" label="应缴费时间">
                 <el-date-picker
                   v-model="pendingInstallmentDueDateRange"
                   type="daterange"
@@ -92,50 +106,70 @@
               <div class="pending-card__head">
                 <div class="pending-card__identity">
                   <div class="pending-card__name">{{ row.motherName || '-' }}</div>
-                  <div class="pending-card__sub">
-                    {{ row.protocolNo || '-' }}
-                    <template v-if="row.sampleCode"> · {{ row.sampleCode }}</template>
-                    <template v-if="row.motherIdCard">
-                      · {{ maskIdCard(row.motherIdCard) }}
-                    </template>
-                  </div>
+                  <div v-if="cardSubtitle(row)" class="pending-card__sub">{{ cardSubtitle(row) }}</div>
                 </div>
                 <div class="pending-card__amount">
                   <div class="pending-card__amount-val">
                     {{ formatPaymentAmount(row.transferAmount) }}
                   </div>
-                  <div class="pending-card__amount-label">转账金额</div>
+                  <div class="pending-card__amount-label">
+                    {{ isPresignRow(row) ? '待确认意向金' : '待确认转账' }}
+                  </div>
                 </div>
               </div>
-              <div class="pending-card__grid">
-                <div class="pending-card__field">
-                  <label>期次</label>
-                  <span>第 {{ row.installmentNo ?? '-' }} 期</span>
-                </div>
-                <div class="pending-card__field">
-                  <label>应缴费时间</label>
-                  <span>{{ formatPaymentDueDate(row.installmentDueDate) }}</span>
-                </div>
-                <div class="pending-card__field">
-                  <label>批次应缴</label>
-                  <span>{{ formatPaymentAmount(row.dueAmount) }}</span>
-                </div>
-                <div class="pending-card__field">
-                  <label>缴费方式</label>
-                  <span>{{ payModeLabel(String(row.payMode || '')) }}</span>
-                </div>
-                <div class="pending-card__field">
-                  <label>转账方式</label>
-                  <span>{{ transferTypeLabel(String(row.transferType || '')) }}</span>
-                </div>
-                <div class="pending-card__field">
-                  <label>转账时间</label>
-                  <span>{{ formatDisplayOrDash(row.transferTime) }}</span>
-                </div>
-                <div class="pending-card__field">
-                  <label>来源</label>
-                  <span>{{ row.source === 'presign' ? '预签约意向金' : '正式协议' }}</span>
-                </div>
+              <div class="pending-card__transfer">
+                <span class="pending-card__transfer-way">{{
+                  transferTypeLabel(String(row.transferType || '')) || '-'
+                }}</span>
+                <span class="pending-card__transfer-time">{{
+                  formatDisplayOrDash(row.transferTime)
+                }}</span>
+              </div>
+              <div v-if="row.remark" class="pending-card__remark">备注：{{ row.remark }}</div>
+              <div class="pending-card__facts">
+                <template v-if="isPresignRow(row)">
+                  <div class="pending-card__field">
+                    <label>业务日期</label>
+                    <span>{{ formatPaymentDueDate(row.orderDate) }}</span>
+                  </div>
+                  <div class="pending-card__field">
+                    <label>预产期</label>
+                    <span>{{ formatPaymentDueDate(row.expectedDeliveryDate) }}</span>
+                  </div>
+                  <div class="pending-card__field">
+                    <label>合同金额</label>
+                    <span>{{ formatPaymentAmount(row.contractAmount) }}</span>
+                    <em v-if="row.contractPayMode">{{
+                      payModeLabel(String(row.contractPayMode || ''))
+                    }}</em>
+                  </div>
+                  <div class="pending-card__field">
+                    <label>采集专员</label>
+                    <span>{{ row.collectorUserName || '-' }}</span>
+                  </div>
+                </template>
+                <template v-else>
+                  <div class="pending-card__field">
+                    <label>期次</label>
+                    <span>第 {{ row.installmentNo ?? '-' }} 期</span>
+                  </div>
+                  <div class="pending-card__field">
+                    <label>应缴费时间</label>
+                    <span>{{ formatPaymentDueDate(row.installmentDueDate) }}</span>
+                  </div>
+                  <div class="pending-card__field">
+                    <label>批次应缴</label>
+                    <span>{{ formatPaymentAmount(row.dueAmount) }}</span>
+                  </div>
+                  <div class="pending-card__field">
+                    <label>缴费方式</label>
+                    <span>{{ payModeLabel(String(row.payMode || '')) }}</span>
+                  </div>
+                </template>
+              </div>
+              <div v-if="isPresignRow(row) && row.sampleTypeNames" class="pending-card__samples">
+                <label>样本类型</label>
+                <p>{{ row.sampleTypeNames }}</p>
               </div>
               <div class="pending-card__foot">
                 <div class="pending-card__meta">
@@ -183,19 +217,20 @@
           <el-form
             :model="confirmedSearchForm"
             class="filter-form"
-            label-position="top"
             @submit.prevent
           >
             <div class="filter-grid">
               <el-form-item label="关键词">
                 <el-input
                   v-model="confirmedSearchForm.keyword"
-                  placeholder="协议号/样本编码/客户姓名/身份证号"
+                  :placeholder="
+                    isPresignTab ? '协议号/客户姓名' : '协议号/样本编码/客户姓名/身份证号'
+                  "
                   clearable
                   @keyup.enter="handleConfirmedSearch"
                 />
               </el-form-item>
-              <el-form-item label="应缴费时间">
+              <el-form-item v-if="!isPresignTab" label="应缴费时间">
                 <el-date-picker
                   v-model="confirmedInstallmentDueDateRange"
                   type="daterange"
@@ -227,6 +262,7 @@
             v-loading="confirmedLoading"
             stripe
             row-key="id"
+            :key="mainTab"
             @row-dblclick="openViewConfirm"
           >
             <el-table-column
@@ -250,12 +286,15 @@
             </el-table-column>
             <el-table-column
               prop="sampleCode"
-              label="样本编码"
-              min-width="120"
+              :label="isPresignTab ? '样本类型' : '样本编码'"
+              min-width="140"
               align="center"
               header-align="center"
+              show-overflow-tooltip
             >
-              <template #default="{ row }">{{ row.sampleCode || '-' }}</template>
+              <template #default="{ row }">
+                {{ isPresignTab ? row.sampleTypeNames || '-' : row.sampleCode || '-' }}
+              </template>
             </el-table-column>
             <el-table-column
               prop="motherName"
@@ -267,6 +306,7 @@
               <template #default="{ row }">{{ row.motherName || '-' }}</template>
             </el-table-column>
             <el-table-column
+              v-if="!isPresignTab"
               prop="motherIdCard"
               label="身份证号"
               min-width="170"
@@ -276,27 +316,22 @@
               <template #default="{ row }">{{ maskIdCard(row.motherIdCard) }}</template>
             </el-table-column>
             <el-table-column
-              prop="source"
-              label="来源"
-              min-width="100"
-              align="center"
-              header-align="center"
-            >
-              <template #default="{ row }">
-                <el-tag size="small" :type="row.source === 'presign' ? 'warning' : 'primary'">
-                  {{ row.source === 'presign' ? '预签约' : '正式' }}
-                </el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="protocolStatus"
-              label="协议状态"
-              min-width="100"
+              :prop="isPresignTab ? 'orderStatus' : 'protocolStatus'"
+              :label="isPresignTab ? '订单状态' : '协议状态'"
+              min-width="120"
               align="center"
               header-align="center"
             >
               <template #default="{ row }">
                 <el-tag
+                  v-if="isPresignTab"
+                  :type="presignOrderStatusTagType(String(row.orderStatus || ''))"
+                  size="small"
+                >
+                  {{ presignOrderStatusLabel(String(row.orderStatus || '')) }}
+                </el-tag>
+                <el-tag
+                  v-else
                   :type="protocolStatusTagType(String(row.protocolStatus || ''))"
                   size="small"
                   >{{
@@ -309,15 +344,17 @@
               </template>
             </el-table-column>
             <el-table-column
+              v-if="!isPresignTab"
               prop="payMode"
               label="缴费方式"
-              min-width="100"
+              min-width="110"
               align="center"
               header-align="center"
             >
               <template #default="{ row }">{{ payModeLabel(String(row.payMode || '')) }}</template>
             </el-table-column>
             <el-table-column
+              v-if="!isPresignTab"
               prop="installmentNo"
               label="期数"
               min-width="80"
@@ -327,29 +364,35 @@
               <template #default="{ row }">{{ row.installmentNo ?? '-' }}</template>
             </el-table-column>
             <el-table-column
-              prop="installmentDueDate"
-              label="应缴费时间"
-              min-width="120"
+              :prop="isPresignTab ? 'orderDate' : 'installmentDueDate'"
+              :label="isPresignTab ? '业务日期' : '应缴费时间'"
+              min-width="130"
               align="center"
               header-align="center"
             >
               <template #default="{ row }">{{
-                formatPaymentDueDate(row.installmentDueDate)
+                isPresignTab
+                  ? formatPaymentDueDate(row.orderDate)
+                  : formatPaymentDueDate(row.installmentDueDate)
               }}</template>
             </el-table-column>
             <el-table-column
-              prop="dueAmount"
-              label="应缴金额(元)"
-              min-width="120"
+              :prop="isPresignTab ? 'contractAmount' : 'dueAmount'"
+              :label="isPresignTab ? '合同金额(元)' : '应缴金额(元)'"
+              min-width="140"
               align="center"
               header-align="center"
             >
-              <template #default="{ row }">{{ formatPaymentAmount(row.dueAmount) }}</template>
+              <template #default="{ row }">{{
+                isPresignTab
+                  ? formatPaymentAmount(row.contractAmount)
+                  : formatPaymentAmount(row.dueAmount)
+              }}</template>
             </el-table-column>
             <el-table-column
               prop="transferAmount"
-              label="实缴金额(元)"
-              min-width="120"
+              :label="isPresignTab ? '意向金(元)' : '实缴金额(元)'"
+              min-width="130"
               align="center"
               header-align="center"
             >
@@ -375,6 +418,16 @@
             >
               <template #default="{ row }">{{ formatDisplayOrDash(row.transferTime) }}</template>
             </el-table-column>
+            <el-table-column
+              prop="remark"
+              label="备注"
+              min-width="120"
+              align="center"
+              header-align="center"
+              show-overflow-tooltip
+            >
+              <template #default="{ row }">{{ row.remark || '—' }}</template>
+            </el-table-column>
             <el-table-column
               prop="payStatus"
               label="状态"
@@ -383,7 +436,7 @@
               header-align="center"
             >
               <template #default>
-                <el-tag type="success" size="small">已缴费</el-tag>
+                <el-tag type="success" size="small">缴费成功</el-tag>
               </template>
             </el-table-column>
             <el-table-column
@@ -440,7 +493,9 @@
 
         <el-dialog
           v-model="dialogVisible"
-          title="确认收款"
+          :title="
+            isPresignRow(confirmRow) ? '确认收款（预签约意向金）' : '确认收款（正式协议缴费）'
+          "
           width="900px"
           class="dialog-form-layout payment-confirm-dialog"
           align-center
@@ -490,7 +545,11 @@
 
         <el-dialog
           v-model="viewDialogVisible"
-          title="确认收款信息"
+          :title="
+            isPresignRow(viewRow)
+              ? '确认收款信息（预签约意向金）'
+              : '确认收款信息（正式协议缴费）'
+          "
           width="900px"
           class="dialog-form-layout payment-confirm-dialog"
           align-center
@@ -532,6 +591,7 @@
   } from '@/api/protocol-sample-payment'
   import {
     fetchPresignTransferReceiptConfirmList,
+    fetchPresignTransferReceiptConfirmedList,
     fetchConfirmPresignTransfer,
     fetchRejectPresignTransfer
   } from '@/api/presign-order'
@@ -551,14 +611,27 @@
     loadTransferTypeDict,
     transferTypeLabel
   } from '@/utils/protocol-payment-labels'
+  import {
+    presignOrderStatusLabel,
+    presignOrderStatusTagType
+  } from '@/utils/status-tag-registry'
   import { formatMoneyDisplay } from '@/utils/money-format'
   import InvoiceRequestTab from './InvoiceRequestTab.vue'
 
   defineOptions({ name: 'CellStoragePaymentConfirm' })
 
   const route = useRoute()
-  const mainTab = ref('payment')
-  const paymentPendingBadge = ref(0)
+  const mainTab = ref<'presign' | 'formal' | 'invoice'>(
+    String(route.query.tab || '') === 'invoice'
+      ? 'invoice'
+      : String(route.query.tab || '') === 'formal' || String(route.query.tab || '') === 'payment'
+        ? 'formal'
+        : 'presign'
+  )
+  const isPaymentTab = computed(() => mainTab.value === 'presign' || mainTab.value === 'formal')
+  const isPresignTab = computed(() => mainTab.value === 'presign')
+  const presignPendingBadge = ref(0)
+  const formalPendingBadge = ref(0)
   const invoicePendingBadge = ref(0)
 
   function formatTabBadgeCount(count: number): string {
@@ -570,6 +643,23 @@
     return '¥' + formatMoneyDisplay(v)
   }
 
+  function isPresignRow(row: Record<string, unknown> | null | undefined) {
+    return String(row?.source || '') === 'presign'
+  }
+
+  function cardSubtitle(row: Record<string, unknown>) {
+    const parts: string[] = []
+    const protocolNo = String(row.protocolNo || '').trim()
+    if (protocolNo) parts.push(protocolNo)
+    if (!isPresignRow(row)) {
+      const sampleCode = String(row.sampleCode || '').trim()
+      if (sampleCode) parts.push(sampleCode)
+      const idCard = String(row.motherIdCard || '').trim()
+      if (idCard) parts.push(maskIdCard(idCard))
+    }
+    return parts.join(' · ')
+  }
+
   const pendingSearchForm = reactive({ keyword: '' })
   const confirmedSearchForm = reactive({ keyword: '' })
   const pendingInstallmentDueDateRange = ref<[string, string] | null>(null)
@@ -631,7 +721,8 @@
         fetchPresignTransferReceiptConfirmList({ page: 1, pageSize: 1 }),
         fetchProtocolInvoicePendingCount()
       ])
-      paymentPendingBadge.value = (paymentRes.total ?? 0) + (presignRes.total ?? 0)
+      formalPendingBadge.value = paymentRes.total ?? 0
+      presignPendingBadge.value = presignRes.total ?? 0
       invoicePendingBadge.value = Number(invRes?.count ?? 0)
     } catch {
       // 角标加载失败时保留上次数值，避免干扰主流程
@@ -641,18 +732,19 @@
   async function loadPending() {
     pendingLoading.value = true
     try {
-      // 正式 + 预签约意向金待办合并（前端 merge，分页近似：各取一页后合并）
-      const [formal, presign] = await Promise.all([
-        fetchPaymentTransferReceiptConfirmList(buildPendingParams()),
-        fetchPresignTransferReceiptConfirmList({
+      if (isPresignTab.value) {
+        const res = await fetchPresignTransferReceiptConfirmList({
           page: pendingPagination.page,
           pageSize: pendingPagination.pageSize,
           keyword: pendingSearchForm.keyword || undefined
         })
-      ])
-      const merged = [...(formal.list || []), ...(presign.list || [])]
-      pendingData.value = merged
-      pendingPagination.total = (formal.total ?? 0) + (presign.total ?? 0)
+        pendingData.value = res.list || []
+        pendingPagination.total = res.total ?? 0
+      } else {
+        const res = await fetchPaymentTransferReceiptConfirmList(buildPendingParams())
+        pendingData.value = res.list || []
+        pendingPagination.total = res.total ?? 0
+      }
     } finally {
       pendingLoading.value = false
     }
@@ -661,9 +753,19 @@
   async function loadConfirmed() {
     confirmedLoading.value = true
     try {
-      const res = await fetchPaymentTransferReceiptConfirmedList(buildConfirmedParams())
-      confirmedData.value = res.list || []
-      confirmedPagination.total = res.total ?? 0
+      if (isPresignTab.value) {
+        const res = await fetchPresignTransferReceiptConfirmedList({
+          page: confirmedPagination.page,
+          pageSize: confirmedPagination.pageSize,
+          keyword: confirmedSearchForm.keyword || undefined
+        })
+        confirmedData.value = res.list || []
+        confirmedPagination.total = res.total ?? 0
+      } else {
+        const res = await fetchPaymentTransferReceiptConfirmedList(buildConfirmedParams())
+        confirmedData.value = res.list || []
+        confirmedPagination.total = res.total ?? 0
+      }
     } finally {
       confirmedLoading.value = false
     }
@@ -738,7 +840,7 @@
   async function submitReject() {
     if (!currentDetailId.value) return
     try {
-      await ElMessageBox.confirm('确定退回？退回后状态将变为「待缴费」。', '退回确认', {
+      await ElMessageBox.confirm('确定退回？退回后状态将变为「已缴费」。', '退回确认', {
         type: 'warning'
       })
     } catch {
@@ -779,20 +881,18 @@
 
   onMounted(async () => {
     await loadTransferTypeDict()
-    const tab = route.query.tab
-    if (tab === 'invoice') {
-      mainTab.value = 'invoice'
-    } else {
-      mainTab.value = 'payment'
-    }
     loadTabPendingCounts()
-    if (mainTab.value === 'payment') {
+    if (isPaymentTab.value) {
       loadAll()
     }
   })
 
-  watch(mainTab, () => {
+  watch(mainTab, (tab) => {
     loadTabPendingCounts()
+    if (tab === 'invoice') return
+    pendingPagination.page = 1
+    confirmedPagination.page = 1
+    loadAll()
   })
 </script>
 
@@ -818,8 +918,7 @@
     font-size: 13px;
     font-weight: 500;
     color: var(--mint-text-muted, #64748b);
-    padding: 0 0 4px;
-    line-height: 1.2;
+    padding-right: 12px;
   }
 
   .pending-card-section {
@@ -829,23 +928,26 @@
 
   .pending-card-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
-    gap: 12px;
-    padding: 12px 24px 0;
+    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
+    gap: 16px;
+    padding: 16px 24px 8px;
   }
 
   .pending-card {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
     border: 1px solid var(--mint-border, #e2e8f0);
-    border-radius: 10px;
+    border-radius: 12px;
     background: #fff;
-    padding: 16px 18px;
+    padding: 20px 22px 16px;
     transition:
       border-color 0.15s,
       box-shadow 0.15s;
 
     &:hover {
-      border-color: #c5e0d4;
-      box-shadow: 0 2px 8px rgb(15 23 42 / 5%);
+      border-color: #a7f3d0;
+      box-shadow: 0 4px 14px rgb(15 23 42 / 6%);
     }
   }
 
@@ -853,19 +955,18 @@
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
-    gap: 12px;
-    margin-bottom: 12px;
+    gap: 16px;
   }
 
   .pending-card__name {
-    font-size: 15px;
+    font-size: 18px;
     font-weight: 600;
     color: var(--text, #1e293b);
-    line-height: 1.4;
+    line-height: 1.3;
   }
 
   .pending-card__sub {
-    margin-top: 2px;
+    margin-top: 4px;
     font-size: 12px;
     color: var(--mint-text-muted, #64748b);
     line-height: 1.4;
@@ -877,37 +978,93 @@
   }
 
   .pending-card__amount-val {
-    font-size: 18px;
+    font-size: 22px;
     font-weight: 700;
     color: var(--primary-dark, #059669);
     font-variant-numeric: tabular-nums;
-    line-height: 1.3;
+    line-height: 1.2;
   }
 
   .pending-card__amount-label {
-    margin-top: 2px;
-    font-size: 11px;
+    margin-top: 4px;
+    font-size: 12px;
     color: var(--mint-text-muted, #64748b);
   }
 
-  .pending-card__grid {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
+  .pending-card__transfer {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
     gap: 8px 16px;
-    margin-bottom: 14px;
+    padding: 10px 12px;
+    background: var(--primary-bg, #ecfdf5);
+    border-radius: 8px;
+  }
+
+  .pending-card__transfer-way {
+    font-size: 13px;
+    font-weight: 600;
+    color: var(--primary-dark, #059669);
+  }
+
+  .pending-card__transfer-time {
+    font-size: 13px;
+    color: var(--mint-text, #334155);
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
+  }
+
+  .pending-card__remark {
+    font-size: 12px;
+    color: var(--mint-text-muted, #64748b);
+    word-break: break-all;
+  }
+
+  .pending-card__facts {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 12px 24px;
   }
 
   .pending-card__field label {
     display: block;
-    margin-bottom: 2px;
-    font-size: 11px;
+    margin-bottom: 4px;
+    font-size: 12px;
     color: var(--mint-text-muted, #64748b);
   }
 
   .pending-card__field span {
-    font-size: 13px;
+    font-size: 14px;
     color: var(--text, #1e293b);
     line-height: 1.4;
+    word-break: break-word;
+  }
+
+  .pending-card__field em {
+    display: inline-block;
+    margin-left: 6px;
+    font-size: 12px;
+    font-style: normal;
+    color: var(--mint-text-muted, #64748b);
+  }
+
+  .pending-card__samples {
+    padding-top: 2px;
+
+    label {
+      display: block;
+      margin-bottom: 4px;
+      font-size: 12px;
+      color: var(--mint-text-muted, #64748b);
+    }
+
+    p {
+      margin: 0;
+      font-size: 13px;
+      color: var(--mint-text, #334155);
+      line-height: 1.55;
+    }
   }
 
   .pending-card__foot {
@@ -915,6 +1072,7 @@
     align-items: center;
     justify-content: space-between;
     gap: 12px;
+    margin-top: 2px;
     padding-top: 12px;
     border-top: 1px solid #f1f5f9;
   }
@@ -984,8 +1142,8 @@
       grid-template-columns: 1fr;
     }
 
-    .pending-card__grid {
-      grid-template-columns: repeat(2, 1fr);
+    .pending-card__facts {
+      grid-template-columns: 1fr;
     }
   }
 </style>
diff --git a/web-admin/src/views/cell-storage/payment-info/PaymentExcelList.vue b/web-admin/src/views/cell-storage/payment-info/PaymentExcelList.vue
new file mode 100644
index 00000000..7cb6a307
--- /dev/null
+++ b/web-admin/src/views/cell-storage/payment-info/PaymentExcelList.vue
@@ -0,0 +1,743 @@
+<!-- 缴费信息 · Excel 宽表（基础信息 + 第1～6期 + 汇总） -->
+<template>
+  <div class="payment-excel-list">
+    <div class="filter-block">
+      <el-form :model="searchForm" class="filter-form" @submit.prevent>
+        <div class="filter-grid">
+          <el-form-item label="关键词">
+            <el-input
+              v-model="searchForm.keyword"
+              placeholder="协议号/客户/样本编码/电话"
+              clearable
+              @keyup.enter="handleSearch"
+            />
+          </el-form-item>
+          <el-form-item label="缴费方式">
+            <el-select v-model="searchForm.payMode" placeholder="全部" clearable style="width: 100%">
+              <el-option label="趸交" value="dj" />
+              <el-option label="分期" value="fq" />
+              <el-option label="分改趸" value="fgd" />
+              <el-option label="趸交+分期" value="djfq" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="缴费进度">
+            <el-select
+              v-model="searchForm.progressStatus"
+              placeholder="全部"
+              clearable
+              style="width: 100%"
+            >
+              <el-option
+                v-for="opt in progressStatusOptions"
+                :key="opt.value"
+                :label="opt.label"
+                :value="opt.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="应缴费时间">
+            <el-date-picker
+              v-model="dueDateRange"
+              type="daterange"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              value-format="YYYY-MM-DD"
+              style="width: 100%"
+            />
+          </el-form-item>
+        </div>
+        <div class="filter-actions-row">
+          <div class="filter-actions-end">
+            <el-button class="btn-ghost" @click="handleReset">
+              <el-icon><RefreshLeft /></el-icon>重置
+            </el-button>
+            <el-button class="btn-main" type="primary" @click="handleSearch">
+              <el-icon><Search /></el-icon>搜索
+            </el-button>
+          </div>
+        </div>
+      </el-form>
+    </div>
+
+    <div class="list-body list-wrap excel-scroll">
+      <el-table
+        class="list-table excel-table"
+        :data="tableData"
+        v-loading="loading"
+        stripe
+        row-key="id"
+        border
+      >
+        <el-table-column
+          type="index"
+          label="序号"
+          min-width="64"
+          fixed="left"
+          align="center"
+          :index="(i) => (pagination.page - 1) * pagination.pageSize + i + 1"
+        />
+        <el-table-column label="姓名" min-width="90" fixed="left" align="center">
+          <template #default="{ row }">{{ row.motherName || '—' }}</template>
+        </el-table-column>
+        <el-table-column label="手机号" min-width="120" align="center">
+          <template #default="{ row }">{{ row.motherPhone || '—' }}</template>
+        </el-table-column>
+        <el-table-column
+          prop="protocolNo"
+          label="合同编号"
+          min-width="130"
+          align="center"
+          show-overflow-tooltip
+        />
+        <el-table-column label="签署日期" min-width="110" align="center">
+          <template #default="{ row }">{{ row.signDate || '—' }}</template>
+        </el-table-column>
+        <el-table-column label="存储年限" min-width="90" align="center">
+          <template #default="{ row }">
+            {{ row.storageYears != null && row.storageYears !== '' ? row.storageYears : '—' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="存储项目" min-width="120" align="center" show-overflow-tooltip>
+          <template #default="{ row }">{{ row.sampleTypeName || '—' }}</template>
+        </el-table-column>
+        <el-table-column label="合同总额" min-width="100" align="center">
+          <template #default="{ row }">{{ formatAmount(row.contractAmount) }}</template>
+        </el-table-column>
+        <el-table-column label="缴费方式" min-width="100" align="center">
+          <template #default="{ row }">
+            <el-tag :type="payModeTagType(String(row.payMode || ''))" size="small">
+              {{ payModeLabel(String(row.payMode || '')) || '—' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="优惠金额" min-width="100" align="center">
+          <template #default="{ row }">{{ formatAmount(row.discountAmount) }}</template>
+        </el-table-column>
+        <el-table-column label="应收总额" min-width="100" align="center">
+          <template #default="{ row }">{{ formatAmount(row.receivableAmount) }}</template>
+        </el-table-column>
+
+        <el-table-column
+          v-for="p in 6"
+          :key="'period-' + p"
+          :label="'第' + p + '期'"
+          align="center"
+          :class-name="'period-col period-col--' + p"
+        >
+          <el-table-column label="应缴费金额（元）" min-width="120" align="center">
+            <template #default="{ row }">{{ periodDue(row, p - 1) }}</template>
+          </el-table-column>
+          <el-table-column label="应缴费时间" min-width="120" align="center">
+            <template #default="{ row }">{{ periodField(row, p - 1, 'dueDate') }}</template>
+          </el-table-column>
+          <el-table-column label="已缴费金额" min-width="110" align="center">
+            <template #default="{ row }">
+              <button
+                v-if="periodHasPaid(row, p - 1)"
+                type="button"
+                class="amount-link"
+                @click="openPeriodDialog(row, p - 1)"
+              >
+                {{ periodPaid(row, p - 1) }}
+              </button>
+              <span v-else class="muted">{{ periodPaid(row, p - 1) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="已缴费时间" min-width="120" align="center">
+            <template #default="{ row }">{{ periodField(row, p - 1, 'payDate') }}</template>
+          </el-table-column>
+          <el-table-column label="欠缴费金额" min-width="110" align="center">
+            <template #default="{ row }">{{ periodArrears(row, p - 1) }}</template>
+          </el-table-column>
+        </el-table-column>
+
+        <el-table-column label="累计实缴" min-width="100" align="center">
+          <template #default="{ row }">
+            <strong class="amount-strong">{{ formatAmount(row.paidAmount) }}</strong>
+          </template>
+        </el-table-column>
+        <el-table-column label="待缴金额" min-width="100" align="center">
+          <template #default="{ row }">{{ formatAmount(row.dueRemainAmount) }}</template>
+        </el-table-column>
+        <el-table-column label="备注" min-width="120" align="center" show-overflow-tooltip>
+          <template #default="{ row }">{{ row.remark || '—' }}</template>
+        </el-table-column>
+        <el-table-column label="操作" min-width="260" fixed="right" align="center">
+          <template #default="{ row }">
+            <el-button class="btn-op-item" @click="handleViewProtocol(row)">
+              <el-icon><Document /></el-icon>协议单
+            </el-button>
+            <el-button
+              v-if="row.canConfirm"
+              class="btn-op-item primary"
+              @click="handleConfirm(row)"
+            >
+              <el-icon><Check /></el-icon>缴费确认
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="pagination list-pager-bar">
+        <el-pagination
+          :current-page="pagination.page"
+          :page-size="pagination.pageSize"
+          :total="pagination.total"
+          :page-sizes="[10, 20, 50]"
+          layout="total, sizes, prev, pager, next"
+          @size-change="(val) => ((pagination.page = 1), (pagination.pageSize = val), loadData())"
+          @current-change="(val) => ((pagination.page = val), loadData())"
+        />
+      </div>
+    </div>
+
+    <el-dialog
+      v-model="periodDialogVisible"
+      :title="periodDialogTitle"
+      width="720px"
+      class="dialog-form-layout"
+      align-center
+      append-to-body
+      modal-class="protocol-dialog-mask"
+      destroy-on-close
+    >
+      <div v-loading="periodLoading" class="period-dialog-body">
+        <div class="summary-grid">
+          <div class="summary-item">
+            <label>应缴</label>
+            <strong>{{ formatAmountYuan(periodSummary.dueAmount) }}</strong>
+          </div>
+          <div class="summary-item">
+            <label>实缴合计</label>
+            <strong class="amount-strong">{{ formatAmountYuan(periodSummary.paidAmount) }}</strong>
+          </div>
+          <div class="summary-item">
+            <label>欠缴</label>
+            <strong>{{ formatAmountYuan(periodSummary.arrearsAmount) }}</strong>
+          </div>
+        </div>
+        <div class="section-subtitle">转账明细</div>
+        <div v-if="!periodTransfers.length" class="muted">暂无转账笔</div>
+        <div v-for="(tr, idx) in periodTransfers" :key="String(tr.id || idx)" class="transfer-card">
+          <div class="transfer-card__main">
+            <div class="transfer-card__top">
+              <strong>第 {{ idx + 1 }} 笔</strong>
+              <el-tag :type="payStatusTagType(String(tr.payStatus || ''))" size="small">
+                {{ payStatusLabel(String(tr.payStatus || '')) || '—' }}
+              </el-tag>
+              <span class="amount-strong">{{ formatAmountYuan(tr.transferAmount) }}</span>
+            </div>
+            <div class="transfer-card__meta">
+              <span>{{ transferTypeLabel(String(tr.transferType || '')) || '—' }}</span>
+              <span>{{ formatDisplayOrDash(tr.transferTime) }}</span>
+            </div>
+            <div v-if="tr.remark" class="transfer-card__remark">备注：{{ tr.remark }}</div>
+            <div v-if="tr.financeRemark" class="transfer-card__remark"
+              >财务备注：{{ tr.financeRemark }}</div
+            >
+          </div>
+          <div class="transfer-card__attach">
+            <span class="transfer-card__attach-label">转账凭证</span>
+            <ProtocolAttachmentReadonly
+              v-if="transferAttachmentFiles(tr).length"
+              :files="transferAttachmentFiles(tr)"
+              size="compact"
+              @preview="handleAttachPreview"
+              @download="handleAttachDownload"
+            />
+            <span v-else class="muted">暂无凭证</span>
+          </div>
+        </div>
+      </div>
+      <template #footer>
+        <el-button class="btn-ghost" @click="periodDialogVisible = false">
+          <el-icon><Close /></el-icon>关闭
+        </el-button>
+        <el-button
+          v-if="periodCanConfirm"
+          class="btn-main"
+          type="primary"
+          :loading="confirming"
+          @click="openConfirmFromPeriod"
+        >
+          <el-icon><Check /></el-icon>缴费确认
+        </el-button>
+      </template>
+    </el-dialog>
+
+    <PaymentReceiptConfirmDialog
+      v-model="receiptDialogVisible"
+      :preview-row="receiptPreviewRow"
+      :is-transfer="true"
+      :target-id="receiptTargetId"
+      @saved="onReceiptRefresh"
+      @submitted="onReceiptRefresh"
+    />
+
+    <el-dialog
+      v-model="attachPreviewVisible"
+      title="附件预览"
+      width="720px"
+      align-center
+      append-to-body
+      modal-class="protocol-dialog-mask"
+      destroy-on-close
+    >
+      <img
+        v-if="attachPreviewUrl"
+        :src="attachPreviewUrl"
+        alt="附件预览"
+        class="attach-preview-img"
+      />
+    </el-dialog>
+
+    <ProtocolViewDialog
+      v-model="protocolVisible"
+      :protocol-id="protocolViewId"
+      :list-row="protocolViewRow"
+      show-audit-history
+      show-storage-cert
+      show-fullmoon-insurance
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { Search, RefreshLeft, Check, Document, Close } from '@element-plus/icons-vue'
+  import ProtocolViewDialog from '../protocol/ProtocolViewDialog.vue'
+  import ProtocolAttachmentReadonly from '../protocol/ProtocolAttachmentReadonly.vue'
+  import PaymentReceiptConfirmDialog from '@/components/business/payment-receipt-confirm-dialog/index.vue'
+  import { downloadAttachmentFile } from '@/utils/download-attachment'
+  import {
+    fetchSamplePaymentList,
+    fetchSamplePaymentDetail,
+    fetchCreatePaymentTransfer
+  } from '@/api/protocol-sample-payment'
+  import { type CollectionProtocolRow } from '@/api/collection-protocol'
+  import { formatDisplayOrDash } from '@/utils/datetime-display'
+  import { formatMoneyDisplay } from '@/utils/money-format'
+  import {
+    payModeLabel,
+    payModeTagType,
+    samplePaymentProgressLabel,
+    payStatusLabel,
+    payStatusTagType,
+    transferTypeLabel
+  } from '@/utils/status-tag-registry'
+
+  defineOptions({ name: 'CellStoragePaymentExcelList' })
+
+  type PeriodCell = {
+    scheduleId?: string
+    scheduleNo?: number
+    dueAmount?: number | null
+    dueDate?: string
+    displayPaidAmount?: number | null
+    arrearsAmount?: number | null
+    payDate?: string
+    payTypeSummary?: string
+    financeAudit?: string
+  } | null
+
+  const progressStatusOptions = [
+    { value: 'dfj', label: samplePaymentProgressLabel('dfj') },
+    { value: 'jfqrz', label: samplePaymentProgressLabel('jfqrz') },
+    { value: 'bfyj', label: samplePaymentProgressLabel('bfyj') },
+    { value: 'yjq', label: samplePaymentProgressLabel('yjq') }
+  ]
+
+  const route = useRoute()
+  const searchForm = reactive({
+    keyword: '',
+    payMode: '',
+    progressStatus: ''
+  })
+  const dueDateRange = ref<[string, string] | null>(null)
+  const loading = ref(false)
+  const tableData = ref<Record<string, any>[]>([])
+  const pagination = reactive({ page: 1, pageSize: 10, total: 0 })
+
+  const periodDialogVisible = ref(false)
+  const periodLoading = ref(false)
+  const periodDialogTitle = ref('')
+  const periodSummary = reactive({
+    dueAmount: null as number | null,
+    paidAmount: null as number | null,
+    arrearsAmount: null as number | null
+  })
+  const periodTransfers = ref<Record<string, any>[]>([])
+  const periodCanConfirm = ref(false)
+  const periodSchedule = ref<Record<string, any> | null>(null)
+  const periodSamplePaymentId = ref('')
+  const confirming = ref(false)
+
+  const receiptDialogVisible = ref(false)
+  const receiptPreviewRow = ref<Record<string, any> | null>(null)
+  const receiptTargetId = ref('')
+
+  const protocolVisible = ref(false)
+  const protocolViewId = ref('')
+  const protocolViewRow = ref<CollectionProtocolRow | null>(null)
+
+  const attachPreviewVisible = ref(false)
+  const attachPreviewUrl = ref('')
+  const minioBaseUrl = (import.meta.env.VITE_MINIO_BASE_URL || '').replace(/\/$/, '')
+
+  function formatAmount(v: unknown) {
+    if (v == null || v === '') return '—'
+    return formatMoneyDisplay(v)
+  }
+
+  function formatAmountYuan(v: unknown) {
+    if (v == null || v === '') return '—'
+    return `${formatMoneyDisplay(v)} 元`
+  }
+
+  function transferAttachmentFiles(tr: Record<string, any>) {
+    if (Array.isArray(tr.attachments) && tr.attachments.length) {
+      return tr.attachments
+    }
+    const urls = String(tr.transferAttachments || '')
+      .split(',')
+      .map((u) => u.trim())
+      .filter(Boolean)
+    return urls.map((url, idx) => ({
+      id: `url_${idx}`,
+      fileName: url.split('/').pop() || `附件${idx + 1}`,
+      fileUrl: url
+    }))
+  }
+
+  function fullFileUrl(url: string) {
+    if (!url) return ''
+    if (/^https?:\/\//i.test(url) || url.startsWith('/')) return url
+    return minioBaseUrl ? `${minioBaseUrl}/${url.replace(/^\//, '')}` : url
+  }
+
+  function handleAttachPreview(file: Record<string, unknown>) {
+    const url = String(file.fileUrl || '')
+    if (!url) return
+    attachPreviewUrl.value = fullFileUrl(url)
+    attachPreviewVisible.value = true
+  }
+
+  function handleAttachDownload(file: Record<string, unknown>) {
+    downloadAttachmentFile(file, { fullFileUrl })
+  }
+
+  function periodsOf(row: Record<string, any>): PeriodCell[] {
+    const arr = (row.periods || []) as PeriodCell[]
+    const out: PeriodCell[] = []
+    for (let i = 0; i < 6; i++) out.push(arr[i] ?? null)
+    return out
+  }
+
+  function periodRaw(row: Record<string, any>, idx: number): PeriodCell {
+    return periodsOf(row)[idx]
+  }
+
+  function periodDue(row: Record<string, any>, idx: number) {
+    const p = periodRaw(row, idx)
+    return p ? formatAmount(p.dueAmount) : '—'
+  }
+
+  function periodPaid(row: Record<string, any>, idx: number) {
+    const p = periodRaw(row, idx)
+    return p ? formatAmount(p.displayPaidAmount) : '—'
+  }
+
+  function periodHasPaid(row: Record<string, any>, idx: number) {
+    const p = periodRaw(row, idx)
+    if (!p) return false
+    const n = Number(p.displayPaidAmount)
+    return Number.isFinite(n) && n > 0
+  }
+
+  function periodArrears(row: Record<string, any>, idx: number) {
+    const p = periodRaw(row, idx)
+    return p ? formatAmount(p.arrearsAmount) : '—'
+  }
+
+  function periodField(row: Record<string, any>, idx: number, key: keyof NonNullable<PeriodCell>) {
+    const p = periodRaw(row, idx)
+    if (!p) return '—'
+    const v = p[key]
+    return v != null && v !== '' ? String(v) : '—'
+  }
+
+  async function loadData() {
+    loading.value = true
+    try {
+      const res = await fetchSamplePaymentList({
+        page: pagination.page,
+        pageSize: pagination.pageSize,
+        keyword: searchForm.keyword || undefined,
+        payMode: searchForm.payMode || undefined,
+        progressStatus: searchForm.progressStatus || undefined,
+        installmentDueDateStart: dueDateRange.value?.[0] || undefined,
+        installmentDueDateEnd: dueDateRange.value?.[1] || undefined
+      })
+      tableData.value = (res.list || []) as Record<string, any>[]
+      pagination.total = res.total || 0
+    } finally {
+      loading.value = false
+    }
+  }
+
+  function handleSearch() {
+    pagination.page = 1
+    loadData()
+  }
+
+  function handleReset() {
+    searchForm.keyword = ''
+    searchForm.payMode = ''
+    searchForm.progressStatus = ''
+    dueDateRange.value = null
+    handleSearch()
+  }
+
+  function handleViewProtocol(row: Record<string, any>) {
+    protocolViewId.value = String(row.collectionProtocolId || '')
+    protocolViewRow.value = {
+      id: row.collectionProtocolId,
+      protocolNo: row.protocolNo,
+      motherName: row.motherName,
+      motherPhone: row.motherPhone,
+      protocolStatus: row.protocolStatus,
+      voidType: row.voidType
+    } as CollectionProtocolRow
+    protocolVisible.value = true
+  }
+
+  async function openPeriodDialog(row: Record<string, any>, idx: number) {
+    const cell = periodRaw(row, idx)
+    if (!cell?.scheduleId) return
+    periodSamplePaymentId.value = String(row.id || '')
+    periodDialogTitle.value = `${row.motherName || ''} · ${row.protocolNo || ''} · 第 ${idx + 1} 期转账记录`
+    periodDialogVisible.value = true
+    periodLoading.value = true
+    periodTransfers.value = []
+    periodCanConfirm.value = false
+    periodSchedule.value = null
+    try {
+      const detail = await fetchSamplePaymentDetail(String(row.id))
+      const schedules = ((detail.schedules as any[]) || []) as Record<string, any>[]
+      const sch = schedules.find((s) => String(s.id) === String(cell.scheduleId))
+      periodSchedule.value = sch || null
+      periodSummary.dueAmount = sch?.dueAmount ?? cell.dueAmount ?? null
+      // 列表 displayPaidAmount / arrearsAmount 与详情 paidAmount 已对齐（含 dfj+jfqrz+yjf）
+      periodSummary.paidAmount =
+        sch?.paidAmount ?? cell.displayPaidAmount ?? null
+      periodSummary.arrearsAmount =
+        sch?.arrearsAmount ?? cell.arrearsAmount ?? null
+      periodTransfers.value = (sch?.transfers || []) as Record<string, any>[]
+      const hasJfqrz = periodTransfers.value.some((t) => String(t.payStatus) === 'jfqrz')
+      const arrears = Number(periodSummary.arrearsAmount)
+      periodCanConfirm.value = !hasJfqrz && Number.isFinite(arrears) && arrears > 0
+    } finally {
+      periodLoading.value = false
+    }
+  }
+
+  async function openConfirmFromPeriod() {
+    const schedule = periodSchedule.value
+    if (!schedule?.id) return
+    confirming.value = true
+    try {
+      const transfers = (schedule.transfers || []) as Record<string, any>[]
+      const dfj = transfers.find((t) => String(t.payStatus) === 'dfj')
+      let transferId = dfj?.id ? String(dfj.id) : ''
+      if (!transferId) {
+        const arrears = Number(schedule.arrearsAmount)
+        const due = Number(schedule.dueAmount)
+        const amount = arrears > 0 ? arrears : due
+        const created = await fetchCreatePaymentTransfer({
+          scheduleId: String(schedule.id),
+          transferAmount: amount
+        })
+        transferId = String((created as any)?.id || (created as any)?.data?.id || '')
+        if (!transferId) {
+          ElMessage.error('创建转账笔失败')
+          return
+        }
+      }
+      receiptTargetId.value = transferId
+      receiptPreviewRow.value = {
+        motherName: periodDialogTitle.value,
+        installmentNo: schedule.scheduleNo,
+        dueAmount: schedule.dueAmount,
+        installmentDueDate: schedule.dueDate,
+        scheduleId: schedule.id,
+        transferAmount: schedule.arrearsAmount || schedule.dueAmount
+      }
+      receiptDialogVisible.value = true
+      periodDialogVisible.value = false
+    } finally {
+      confirming.value = false
+    }
+  }
+
+  async function handleConfirm(row: Record<string, any>) {
+    const detail = await fetchSamplePaymentDetail(String(row.id))
+    const schedules = ((detail.schedules as any[]) || []) as Record<string, any>[]
+    const target = [...schedules]
+      .sort((a, b) => Number(a.scheduleNo || 0) - Number(b.scheduleNo || 0))
+      .find((s) => {
+        const transfers = (s.transfers || []) as any[]
+        if (transfers.some((t) => String(t.payStatus) === 'jfqrz')) return false
+        return Number(s.arrearsAmount) > 0
+      })
+    if (!target) {
+      ElMessage.warning('暂无可确认的期次')
+      return
+    }
+    periodSamplePaymentId.value = String(row.id)
+    periodSchedule.value = target
+    periodDialogTitle.value = `${row.motherName || ''} · ${row.protocolNo || ''} · 第 ${target.scheduleNo} 期`
+    await openConfirmFromPeriod()
+  }
+
+  function onReceiptRefresh() {
+    loadData()
+  }
+
+  onMounted(() => {
+    const tab = String(route.query.tab || '')
+    if (['dfj', 'jfqrz', 'bfyj', 'yjq'].includes(tab)) {
+      searchForm.progressStatus = tab
+    }
+    loadData()
+  })
+</script>
+
+<style scoped lang="scss">
+  .excel-scroll {
+    overflow: auto;
+  }
+
+  .amount-link {
+    border: none;
+    background: none;
+    padding: 0;
+    color: var(--primary-dark, #059669);
+    font-weight: 600;
+    cursor: pointer;
+    border-bottom: 1px dashed rgba(5, 150, 105, 0.45);
+  }
+
+  .amount-strong {
+    color: var(--primary-dark, #059669);
+  }
+
+  .muted {
+    color: var(--mint-text-muted, #64748b);
+  }
+
+  .summary-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 10px;
+    margin-bottom: 14px;
+  }
+
+  .summary-item {
+    padding: 10px 12px;
+    border: 1px solid var(--border, #d9e8e2);
+    border-radius: 8px;
+    background: #f8fafc;
+
+    label {
+      display: block;
+      font-size: 11px;
+      color: #64748b;
+      margin-bottom: 2px;
+    }
+  }
+
+  .section-subtitle {
+    margin: 0 0 10px;
+    font-size: 13px;
+    font-weight: 600;
+  }
+
+  .transfer-card {
+    display: flex;
+    gap: 12px 16px;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 8px;
+    padding: 8px 12px;
+    border: 1px solid var(--border, #d9e8e2);
+    border-radius: 8px;
+  }
+
+  .transfer-card__main {
+    min-width: 0;
+    flex: 1;
+  }
+
+  .transfer-card__top {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 8px 10px;
+    margin-bottom: 4px;
+  }
+
+  .transfer-card__meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px 16px;
+    font-size: 13px;
+    color: #64748b;
+  }
+
+  .transfer-card__remark {
+    margin-top: 4px;
+    font-size: 12px;
+    color: #64748b;
+    word-break: break-all;
+  }
+
+  .transfer-card__attach {
+    display: flex;
+    flex-shrink: 0;
+    flex-wrap: wrap;
+    gap: 8px;
+    align-items: center;
+    justify-content: flex-end;
+    max-width: 52%;
+  }
+
+  .transfer-card__attach-label {
+    flex-shrink: 0;
+    font-size: 12px;
+    color: #64748b;
+  }
+
+  .attach-preview-img {
+    display: block;
+    max-width: 100%;
+    margin: 0 auto;
+  }
+
+  :deep(.period-col--1) {
+    background: #eff6ff;
+  }
+  :deep(.period-col--2) {
+    background: #fff7ed;
+  }
+  :deep(.period-col--3) {
+    background: #fefce8;
+  }
+  :deep(.period-col--4) {
+    background: #f0fdf4;
+  }
+  :deep(.period-col--5) {
+    background: #fff7ed;
+  }
+  :deep(.period-col--6) {
+    background: #ecfdf5;
+  }
+</style>
diff --git a/web-admin/src/views/cell-storage/presign-order/PresignOrderFormDialog.vue b/web-admin/src/views/cell-storage/presign-order/PresignOrderFormDialog.vue
index 29dbad45..5b79c65f 100644
--- a/web-admin/src/views/cell-storage/presign-order/PresignOrderFormDialog.vue
+++ b/web-admin/src/views/cell-storage/presign-order/PresignOrderFormDialog.vue
@@ -4,17 +4,19 @@
   <el-dialog
     :model-value="modelValue"
     :title="orderId ? '编辑预签约订单' : '新增预签约订单'"
-    width="920px"
-    align-center
-    destroy-on-close
+    width="1200px"
     class="dialog-form-layout"
-    modal-class="order-module-dialog-mask"
+    align-center
+    append-to-body
+    modal-class="protocol-dialog-mask"
+    destroy-on-close
+    :close-on-click-modal="false"
     @update:model-value="emit('update:modelValue', $event)"
     @closed="resetForm"
   >
     <DialogFormBody v-loading="loading">
       <el-form ref="formRef" :model="form" label-position="top" scroll-to-error>
-        <div class="form-grid-2">
+        <div class="form-grid-3">
           <el-form-item label="业务日期">
             <el-date-picker
               v-model="form.orderDate"
@@ -75,6 +77,52 @@
               />
             </el-select>
           </el-form-item>
+          <el-form-item label="采集专员">
+            <el-select
+              v-model="form.collectorUserId"
+              class="w-full"
+              filterable
+              remote
+              clearable
+              reserve-keyword
+              :remote-method="remoteSearchCollectorUsers"
+              :loading="collectorLoading"
+              :disabled="isConverted"
+              placeholder="输入姓名检索用户"
+              style="width: 100%"
+              @change="onCollectorUserChange"
+            >
+              <el-option
+                v-for="u in collectorUserOptions"
+                :key="u.id"
+                :label="u.nickName + (u.phoneNo ? ' · ' + u.phoneNo : '')"
+                :value="u.id"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="采集经理">
+            <el-select
+              v-model="form.regionManagerUserId"
+              class="w-full"
+              filterable
+              remote
+              clearable
+              reserve-keyword
+              :remote-method="remoteSearchManagerUsers"
+              :loading="managerLoading"
+              :disabled="isConverted"
+              placeholder="默认取地区负责人，可修改"
+              style="width: 100%"
+              @change="onManagerUserChange"
+            >
+              <el-option
+                v-for="u in managerUserOptions"
+                :key="u.id"
+                :label="u.nickName + (u.phoneNo ? ' · ' + u.phoneNo : '')"
+                :value="u.id"
+              />
+            </el-select>
+          </el-form-item>
           <el-form-item label="采集时间">
             <el-date-picker
               v-model="form.sampleCollectTime"
@@ -102,10 +150,11 @@
             <el-select v-model="form.orderStatus" style="width: 100%" :disabled="isConverted">
               <el-option label="草稿" value="draft" />
               <el-option label="进行中" value="active" />
+              <el-option label="已转正式" value="converted" />
               <el-option label="已作废" value="void" />
             </el-select>
           </el-form-item>
-          <el-form-item label="样本类型" class="form-col-span-2" required>
+          <el-form-item label="样本类型" required>
             <el-select
               v-model="form.sampleTypeIds"
               multiple
@@ -122,19 +171,19 @@
               />
             </el-select>
           </el-form-item>
-          <el-form-item label="备注" class="form-col-span-2">
+          <el-form-item label="备注">
             <el-input
               v-model="form.remark"
-              type="textarea"
-              :rows="2"
               maxlength="500"
               show-word-limit
+              placeholder="选填"
+              clearable
             />
           </el-form-item>
         </div>
 
         <div class="section-subtitle">意向金转账</div>
-        <div style="margin-bottom: 10px">
+        <div class="transfer-toolbar">
           <el-button type="primary" size="small" :disabled="isConverted" @click="addTransfer">
             <el-icon><Plus /></el-icon>
             添加转账笔
@@ -143,70 +192,176 @@
             已确认意向金合计 ¥{{ formatMoneyDisplay(confirmedDeposit) }}
           </span>
         </div>
-        <div
-          v-for="(tr, idx) in form.transfers"
-          :key="tr.id || idx"
-          class="transfer-card form-grid-2"
+        <el-table
+          :data="form.transfers"
+          class="list-table transfer-table"
+          stripe
+          empty-text="暂无意向金转账笔，请点击上方按钮添加"
         >
-          <el-form-item label="转账方式">
-            <el-select
-              v-model="tr.transferType"
-              :disabled="isTransferLocked(tr) || isConverted"
-              style="width: 100%"
-            >
-              <el-option
-                v-for="opt in transferTypeOptions"
-                :key="opt.value"
-                :label="opt.label"
-                :value="opt.value"
+          <el-table-column type="index" label="#" min-width="50" align="center" />
+          <el-table-column label="转账方式" min-width="140" align="center">
+            <template #default="{ row }">
+              <el-select
+                v-model="row.transferType"
+                :disabled="isTransferLocked(row) || isConverted"
+                placeholder="请选择"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="opt in transferTypeOptions"
+                  :key="opt.value"
+                  :label="opt.label"
+                  :value="opt.value"
+                />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="转账金额(元)" min-width="140" align="center">
+            <template #default="{ row }">
+              <AmountInput
+                v-model="row.transferAmount"
+                :min="0"
+                :disabled="isTransferLocked(row) || isConverted"
+                style="width: 100%"
               />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="转账金额(元)">
-            <AmountInput
-              v-model="tr.transferAmount"
-              :min="0"
-              :disabled="isTransferLocked(tr) || isConverted"
-              style="width: 100%"
-            />
-          </el-form-item>
-          <el-form-item label="转账时间">
-            <el-date-picker
-              v-model="tr.transferTime"
-              type="datetime"
-              value-format="YYYY-MM-DD HH:mm:ss"
-              :disabled="isTransferLocked(tr) || isConverted"
-              clearable
-              style="width: 100%"
-            />
-          </el-form-item>
-          <el-form-item label="状态 / 操作">
-            <el-tag :type="payStatusTagType(String(tr.payStatus || 'dfj'))" size="small">
-              {{ payStatusLabel(String(tr.payStatus || 'dfj')) }}
-            </el-tag>
-            <el-button
-              v-if="tr.id && tr.payStatus === 'dfj' && !isConverted"
-              link
-              type="primary"
-              size="small"
-              style="margin-left: 8px"
-              @click="submitTransfer(tr)"
-            >
-              提交财务确认
-            </el-button>
-            <el-button
-              v-if="!isTransferLocked(tr) && !isConverted"
-              link
-              type="danger"
-              size="small"
-              style="margin-left: 4px"
-              @click="form.transfers.splice(idx, 1)"
-            >
-              删除
-            </el-button>
-          </el-form-item>
-        </div>
-        <el-empty v-if="!form.transfers.length" description="暂无意向金转账笔" :image-size="40" />
+            </template>
+          </el-table-column>
+          <el-table-column label="转账时间" min-width="190" align="center">
+            <template #default="{ row }">
+              <el-date-picker
+                v-model="row.transferTime"
+                type="datetime"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                :disabled="isTransferLocked(row) || isConverted"
+                clearable
+                placeholder="选择时间"
+                style="width: 100%"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column label="转账凭证" min-width="280" align="left">
+            <template #default="{ row, $index }">
+              <div class="attachment-upload">
+                <div class="attachment-list">
+                  <el-upload
+                    v-if="!isTransferLocked(row) && !isConverted"
+                    :auto-upload="false"
+                    :show-file-list="false"
+                    :multiple="true"
+                    accept="image/*,video/*,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.zip,.rar"
+                    @change="(f: any) => handleTransferAttachmentChange($index, f)"
+                  >
+                    <div class="upload-card">
+                      <el-icon :size="22" color="#047857"><Plus /></el-icon>
+                      <span class="upload-card-text">上传凭证</span>
+                    </div>
+                  </el-upload>
+                  <div
+                    v-for="(file, fIdx) in row.attachments || []"
+                    :key="file.id || fIdx"
+                    class="attachment-item"
+                    :class="{ 'is-uploading': file._uploading }"
+                  >
+                    <div class="attachment-preview">
+                      <template v-if="file.fileUrl && isImageUrl(file.fileUrl)">
+                        <img :src="fullFileUrl(file.fileUrl)" :alt="file.fileName" />
+                      </template>
+                      <template v-else>
+                        <div class="attachment-preview__icon">
+                          <el-icon :size="22"><Document /></el-icon>
+                        </div>
+                      </template>
+                    </div>
+                    <div class="attachment-footer">
+                      <span class="attachment-name" :title="file.fileName">{{
+                        file.fileName || '附件'
+                      }}</span>
+                      <el-icon
+                        v-if="!isTransferLocked(row) && !isConverted"
+                        class="action-btn"
+                        title="删除"
+                        @click="removeTransferAttachment($index, fIdx)"
+                      >
+                        <Delete />
+                      </el-icon>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="备注" min-width="160" align="center">
+            <template #default="{ row }">
+              <el-input
+                v-if="!isTransferLocked(row) && !isConverted"
+                v-model="row.remark"
+                maxlength="512"
+                clearable
+                placeholder="选填"
+              />
+              <span v-else>{{ row.remark || '—' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="财务备注"
+            min-width="140"
+            align="center"
+            show-overflow-tooltip
+          >
+            <template #default="{ row }">{{ row.financeRemark || '—' }}</template>
+          </el-table-column>
+          <el-table-column label="状态" min-width="110" align="center">
+            <template #default="{ row }">
+              <el-tag :type="payStatusTagType(String(row.payStatus || 'dfj'))" size="small">
+                {{ payStatusLabel(String(row.payStatus || 'dfj')) }}
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" min-width="220" align="center" fixed="right">
+            <template #default="{ row, $index }">
+              <el-button
+                v-if="row.id && row.payStatus === 'dfj' && !isConverted"
+                link
+                type="primary"
+                size="small"
+                @click="submitTransfer(row)"
+              >
+                <el-icon><Check /></el-icon>
+                提交财务确认
+              </el-button>
+              <el-button
+                v-if="row.id && row.payStatus === 'jfqrz' && !isConverted"
+                link
+                type="warning"
+                size="small"
+                @click="withdrawTransfer(row)"
+              >
+                <el-icon><RefreshLeft /></el-icon>
+                撤回
+              </el-button>
+              <el-button
+                v-if="!isTransferLocked(row) && !isConverted"
+                link
+                type="danger"
+                size="small"
+                @click="form.transfers.splice($index, 1)"
+              >
+                <el-icon><Delete /></el-icon>
+                删除
+              </el-button>
+              <span
+                v-if="
+                  isConverted ||
+                  (isTransferLocked(row) &&
+                    !(row.id && (row.payStatus === 'dfj' || row.payStatus === 'jfqrz')))
+                "
+                class="muted-dash"
+                >—</span
+              >
+            </template>
+          </el-table-column>
+        </el-table>
       </el-form>
     </DialogFormBody>
 
@@ -231,7 +386,7 @@
 
 <script setup lang="ts">
   import { computed, reactive, ref, watch } from 'vue'
-  import { Plus, Close, Check } from '@element-plus/icons-vue'
+  import { Plus, Close, Check, Document, Delete, RefreshLeft } from '@element-plus/icons-vue'
   import AmountInput from '@/components/common/amount-input/index.vue'
   import { formatMoneyDisplay } from '@/utils/money-format'
   import {
@@ -241,10 +396,14 @@
     getTransferTypeOptions
   } from '@/utils/protocol-payment-labels'
   import DialogFormBody from '@/components/business/dialog-form-body/index.vue'
+  import { useUserStore } from '@/store/modules/user'
+  import { fetchUploadAttachment } from '@/api/business'
   import {
     fetchCellSampleTypeList,
     fetchCollectionRegionList,
-    fetchHospitalList
+    fetchHospitalList,
+    fetchRegionStaffList,
+    fetchUserList
   } from '@/api/admin'
   import {
     fetchPresignOrderDetail,
@@ -252,9 +411,12 @@
     fetchUpdatePresignOrder,
     fetchCreatePresignTransfer,
     fetchUpdatePresignTransfer,
-    fetchSubmitPresignTransferFinance
+    fetchSubmitPresignTransferFinance,
+    fetchWithdrawPresignTransfer
   } from '@/api/presign-order'
 
+  const userStore = useUserStore()
+
   const props = defineProps<{
     modelValue: boolean
     orderId?: string
@@ -272,14 +434,71 @@
   const sampleTypeOptions = ref<Array<Record<string, any>>>([])
   const regionOptions = ref<Array<Record<string, any>>>([])
   const hospitalOptions = ref<Array<Record<string, any>>>([])
+  const collectorUserOptions = ref<Api.User.UserItem[]>([])
+  const managerUserOptions = ref<Api.User.UserItem[]>([])
+  const collectorLoading = ref(false)
+  const managerLoading = ref(false)
+
+  function todayYmd() {
+    const d = new Date()
+    const y = d.getFullYear()
+    const m = String(d.getMonth() + 1).padStart(2, '0')
+    const day = String(d.getDate()).padStart(2, '0')
+    return `${y}${m}${day}`
+  }
+
+  function userStubFromStore(): Api.User.UserItem | null {
+    const currentUser = userStore.getUserInfo
+    const uid = String(currentUser?.id || currentUser?.userId || '')
+    if (!uid) return null
+    return {
+      id: uid,
+      nickName: String(
+        currentUser?.realName || currentUser?.userName || currentUser?.username || ''
+      ),
+      phoneNo: String(currentUser?.phone || currentUser?.phoneNo || ''),
+      deptId: '',
+      userNo: '',
+      email: '',
+      sex: '',
+      avatar: '',
+      status: '1',
+      tenantNo: '',
+      orderNum: 0,
+      remark: '',
+      createTime: '',
+      updateTime: ''
+    } as Api.User.UserItem
+  }
+
+  function makeUserStub(id: string, name: string): Api.User.UserItem {
+    return {
+      id,
+      nickName: name || id,
+      phoneNo: '',
+      deptId: '',
+      userNo: '',
+      email: '',
+      sex: '',
+      avatar: '',
+      status: '1',
+      tenantNo: '',
+      orderNum: 0,
+      remark: '',
+      createTime: '',
+      updateTime: ''
+    } as Api.User.UserItem
+  }
 
   const form = reactive({
-    orderDate: '',
+    orderDate: todayYmd(),
     protocolNo: '',
     motherName: '',
     expectedDeliveryDate: '',
     regionId: '',
     hospitalId: '',
+    collectorUserId: '',
+    regionManagerUserId: '',
     sampleCollectTime: '',
     payMode: 'dj',
     contractAmount: null as number | null,
@@ -297,13 +516,106 @@
     return tr.payStatus === 'jfqrz' || tr.payStatus === 'yjf'
   }
 
+  type TransferAttachment = {
+    id?: string
+    fileName?: string
+    fileUrl?: string
+    _uploading?: boolean
+  }
+
+  const minioBaseUrl = (import.meta.env.VITE_MINIO_BASE_URL || '').replace(/\/$/, '')
+
+  function fullFileUrl(url: string) {
+    if (!url) return ''
+    if (/^https?:\/\//i.test(url)) return url
+    return minioBaseUrl ? `${minioBaseUrl}/${url.replace(/^\//, '')}` : url
+  }
+
+  function isImageUrl(url: string) {
+    return /\.(png|jpe?g|gif|webp|bmp|svg)(\?.*)?$/i.test(url)
+  }
+
+  function attachmentsToUrls(files: TransferAttachment[] | undefined) {
+    return (files || [])
+      .filter((f) => f.fileUrl && !f._uploading)
+      .map((f) => String(f.fileUrl))
+      .join(',')
+  }
+
+  function normalizeTransfer(row: Record<string, any>) {
+    const files = Array.isArray(row.attachments) ? row.attachments : []
+    return {
+      ...row,
+      attachments: files.map((f: Record<string, any>, i: number) => ({
+        id: f.id || `att_${i}`,
+        fileName: f.fileName || f.name || '附件',
+        fileUrl: f.fileUrl || f.url || ''
+      })) as TransferAttachment[]
+    }
+  }
+
+  async function handleTransferAttachmentChange(index: number, uploadFile: { raw?: File }) {
+    const file = uploadFile.raw
+    if (!file) return
+    if (file.size > 20 * 1024 * 1024) {
+      ElMessage.warning('单文件不超过 20MB')
+      return
+    }
+    const row = form.transfers[index]
+    if (!row) return
+    if (!Array.isArray(row.attachments)) row.attachments = []
+    const tempId = `temp_${Date.now()}_${Math.random().toString(16).slice(2)}`
+    row.attachments.push({
+      id: tempId,
+      fileName: file.name,
+      fileUrl: '',
+      _uploading: true
+    })
+    const idx = row.attachments.length - 1
+    try {
+      const fd = new FormData()
+      fd.append('folder', 'presign-transfer')
+      fd.append('file', file)
+      const res: any = await fetchUploadAttachment(fd)
+      const data = res?.data || res
+      row.attachments[idx] = {
+        id: data?.id || tempId,
+        fileName: data?.fileName || file.name,
+        fileUrl: data?.fileUrl || data?.url || '',
+        _uploading: false
+      }
+    } catch {
+      ElMessage.error('文件上传失败')
+      row.attachments.splice(idx, 1)
+    }
+  }
+
+  function removeTransferAttachment(rowIndex: number, fileIndex: number) {
+    const row = form.transfers[rowIndex]
+    if (!row?.attachments) return
+    row.attachments.splice(fileIndex, 1)
+  }
+
+  function applyDefaultCollector() {
+    const stub = userStubFromStore()
+    if (!stub) {
+      form.collectorUserId = ''
+      collectorUserOptions.value = []
+      return
+    }
+    form.collectorUserId = stub.id
+    collectorUserOptions.value = [stub]
+  }
+
   function resetForm() {
-    form.orderDate = ''
+    form.orderDate = todayYmd()
     form.protocolNo = ''
     form.motherName = ''
     form.expectedDeliveryDate = ''
     form.regionId = ''
     form.hospitalId = ''
+    form.collectorUserId = ''
+    form.regionManagerUserId = ''
     form.sampleCollectTime = ''
     form.payMode = 'dj'
     form.contractAmount = null
@@ -312,6 +624,90 @@
     form.remark = ''
     form.transfers = []
     form.confirmedDepositAmount = 0
+    collectorUserOptions.value = []
+    managerUserOptions.value = []
+    applyDefaultCollector()
+  }
+
+  async function remoteSearchCollectorUsers(keyword: string) {
+    collectorLoading.value = true
+    try {
+      const res = await fetchUserList({
+        page: 1,
+        pageSize: 50,
+        keyword: (keyword || '').trim() || undefined,
+        status: '1'
+      })
+      let list = res.list || []
+      const cur = form.collectorUserId
+      if (cur && !list.some((x) => x.id === cur)) {
+        const keep = collectorUserOptions.value.find((x) => x.id === cur)
+        if (keep) list = [keep, ...list]
+      }
+      collectorUserOptions.value = list
+    } catch {
+      collectorUserOptions.value = []
+    } finally {
+      collectorLoading.value = false
+    }
+  }
+
+  async function remoteSearchManagerUsers(keyword: string) {
+    managerLoading.value = true
+    try {
+      const res = await fetchUserList({
+        page: 1,
+        pageSize: 50,
+        keyword: (keyword || '').trim() || undefined,
+        status: '1'
+      })
+      let list = res.list || []
+      const cur = form.regionManagerUserId
+      if (cur && !list.some((x) => x.id === cur)) {
+        const keep = managerUserOptions.value.find((x) => x.id === cur)
+        if (keep) list = [keep, ...list]
+      }
+      managerUserOptions.value = list
+    } catch {
+      managerUserOptions.value = []
+    } finally {
+      managerLoading.value = false
+    }
+  }
+
+  function onCollectorUserChange(val: string | null) {
+    form.collectorUserId = val || ''
+  }
+
+  function onManagerUserChange(val: string | null) {
+    form.regionManagerUserId = val || ''
+  }
+
+  async function applyDefaultRegionManager(regionId: string) {
+    if (!regionId) {
+      form.regionManagerUserId = ''
+      managerUserOptions.value = []
+      return
+    }
+    try {
+      const res: any = await fetchRegionStaffList(regionId, { page: 1, pageSize: 100 })
+      const list = (res?.list || []) as Array<Record<string, any>>
+      const leader = list.find((x) => x.isLeader) || list[0]
+      if (!leader?.userId) {
+        form.regionManagerUserId = ''
+        return
+      }
+      const stub = makeUserStub(
+        String(leader.userId),
+        String(leader.nickName || leader.userName || '')
+      )
+      form.regionManagerUserId = stub.id
+      if (!managerUserOptions.value.some((x) => x.id === stub.id)) {
+        managerUserOptions.value = [stub, ...managerUserOptions.value]
+      }
+    } catch {
+      /* 地区无人员配置时留空，可手工选择 */
+    }
   }
 
   function addTransfer() {
@@ -319,7 +715,10 @@
       transferType: '',
       transferAmount: null,
       transferTime: '',
-      payStatus: 'dfj'
+      payStatus: 'dfj',
+      remark: '',
+      financeRemark: '',
+      attachments: [] as TransferAttachment[]
     })
   }
 
@@ -327,8 +726,8 @@
     await loadTransferTypeDict()
     transferTypeOptions.value = getTransferTypeOptions()
     const [types, regions] = await Promise.all([
-      fetchCellSampleTypeList({ page: 1, pageSize: 200 }),
-      fetchCollectionRegionList({ page: 1, pageSize: 200 })
+      fetchCellSampleTypeList({ page: 1, pageSize: 100 }),
+      fetchCollectionRegionList({ page: 1, pageSize: 100 })
     ])
     sampleTypeOptions.value = (types as any)?.list || (types as any) || []
     regionOptions.value = (regions as any)?.list || (regions as any) || []
@@ -337,13 +736,13 @@
   async function loadHospitals() {
     hospitalOptions.value = []
     if (!form.regionId) return
-    const res: any = await fetchHospitalList(form.regionId, { page: 1, pageSize: 200 })
+    const res: any = await fetchHospitalList(form.regionId, { page: 1, pageSize: 100 })
     hospitalOptions.value = res?.list || []
   }
 
   async function onRegionChange() {
     form.hospitalId = ''
-    await loadHospitals()
+    await Promise.all([loadHospitals(), applyDefaultRegionManager(form.regionId)])
   }
 
   async function loadDetail() {
@@ -357,14 +756,28 @@
       form.expectedDeliveryDate = String(data.expectedDeliveryDate || '')
       form.regionId = String(data.regionId || '')
       form.hospitalId = String(data.hospitalId || '')
+      form.collectorUserId = String(data.collectorUserId || '')
+      form.regionManagerUserId = String(data.regionManagerUserId || '')
       form.sampleCollectTime = String(data.sampleCollectTime || '')
       form.payMode = String(data.payMode || 'dj')
       form.contractAmount = data.contractAmount ?? null
       form.orderStatus = String(data.orderStatus || 'active')
       form.sampleTypeIds = Array.isArray(data.sampleTypeIds) ? [...data.sampleTypeIds] : []
       form.remark = String(data.remark || '')
-      form.transfers = Array.isArray(data.transfers) ? [...data.transfers] : []
+      form.transfers = Array.isArray(data.transfers)
+        ? data.transfers.map((t: Record<string, any>) => normalizeTransfer(t))
+        : []
       form.confirmedDepositAmount = Number(data.confirmedDepositAmount || 0)
+      if (form.collectorUserId) {
+        collectorUserOptions.value = [
+          makeUserStub(form.collectorUserId, String(data.collectorUserName || ''))
+        ]
+      }
+      if (form.regionManagerUserId) {
+        managerUserOptions.value = [
+          makeUserStub(form.regionManagerUserId, String(data.regionManagerUserName || ''))
+        ]
+      }
       if (form.regionId) await loadHospitals()
     } finally {
       loading.value = false
@@ -380,7 +793,9 @@
       await fetchUpdatePresignTransfer(String(tr.id), {
         transferType: tr.transferType,
         transferAmount: tr.transferAmount,
-        transferTime: tr.transferTime || undefined
+        transferTime: tr.transferTime || undefined,
+        transferAttachments: attachmentsToUrls(tr.attachments) || undefined,
+        remark: tr.remark || undefined
       })
     }
     await fetchSubmitPresignTransferFinance(String(tr.id))
@@ -388,6 +803,18 @@
     ElMessage.success('已提交财务确认')
   }
 
+  async function withdrawTransfer(tr: Record<string, any>) {
+    if (!tr.id) return
+    await ElMessageBox.confirm(
+      '确认撤回该笔意向金的财务确认申请？撤回后可修改并重新提交。',
+      '撤回',
+      { type: 'warning' }
+    )
+    await fetchWithdrawPresignTransfer(String(tr.id))
+    tr.payStatus = 'dfj'
+    ElMessage.success('已撤回')
+  }
+
   async function handleSave() {
     if (!form.motherName.trim()) {
       ElMessage.warning('请填写母亲姓名')
@@ -407,6 +834,8 @@
         regionId: form.regionId || undefined,
         hospitalId: form.hospitalId || undefined,
         sampleCollectTime: form.sampleCollectTime || undefined,
+        collectorUserId: form.collectorUserId || undefined,
+        regionManagerUserId: form.regionManagerUserId || undefined,
         payMode: form.payMode || undefined,
         contractAmount: form.contractAmount ?? undefined,
         orderStatus: form.orderStatus || 'active',
@@ -420,13 +849,17 @@
             await fetchCreatePresignTransfer(props.orderId, {
               transferType: tr.transferType,
               transferAmount: tr.transferAmount,
-              transferTime: tr.transferTime || undefined
+              transferTime: tr.transferTime || undefined,
+              transferAttachments: attachmentsToUrls(tr.attachments) || undefined,
+              remark: tr.remark || undefined
             })
           } else if (tr.id && tr.payStatus === 'dfj') {
             await fetchUpdatePresignTransfer(String(tr.id), {
               transferType: tr.transferType,
               transferAmount: tr.transferAmount,
-              transferTime: tr.transferTime || undefined
+              transferTime: tr.transferTime || undefined,
+              transferAttachments: attachmentsToUrls(tr.attachments) || undefined,
+              remark: tr.remark || undefined
             })
           }
         }
@@ -436,7 +869,9 @@
           .map((t) => ({
             transferType: t.transferType,
             transferAmount: t.transferAmount,
-            transferTime: t.transferTime || undefined
+            transferTime: t.transferTime || undefined,
+            transferAttachments: attachmentsToUrls(t.attachments) || undefined,
+            remark: t.remark || undefined
           }))
         await fetchCreatePresignOrder(payload)
       }
@@ -459,16 +894,6 @@
 </script>
 
 <style scoped lang="scss">
-  .form-grid-2 {
-    display: grid;
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    gap: 8px 12px;
-  }
-
-  .form-col-span-2 {
-    grid-column: 1 / -1;
-  }
-
   .section-subtitle {
     margin: 16px 0 8px;
     font-size: 13px;
@@ -476,17 +901,114 @@
     color: var(--mint-text-secondary, #475569);
   }
 
+  .transfer-toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 8px 12px;
+    margin-bottom: 10px;
+  }
+
   .deposit-hint {
-    margin-left: 12px;
     font-size: 12px;
     color: #047857;
   }
 
-  .transfer-card {
-    margin-bottom: 10px;
-    padding: 10px 12px;
+  .transfer-table {
+    width: 100%;
+
+    :deep(.el-date-editor) {
+      width: 100%;
+    }
+  }
+
+  .muted-dash {
+    color: var(--mint-text-muted, #94a3b8);
+  }
+
+  .attachment-upload {
+    width: 100%;
+  }
+
+  .attachment-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    align-items: flex-start;
+  }
+
+  .upload-card {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 88px;
+    height: 72px;
+    cursor: pointer;
+    border: 1px dashed #a7f3d0;
+    border-radius: 8px;
+    background: #ecfdf5;
+  }
+
+  .upload-card-text {
+    margin-top: 4px;
+    font-size: 11px;
+    color: #047857;
+  }
+
+  .attachment-item {
+    width: 88px;
+    overflow: hidden;
+    background: #fff;
     border: 1px solid #e2e8f0;
     border-radius: 8px;
+
+    &.is-uploading {
+      opacity: 0.6;
+    }
+  }
+
+  .attachment-preview {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 88px;
+    height: 52px;
     background: #f8fafc;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+
+  .attachment-preview__icon {
+    color: #64748b;
+  }
+
+  .attachment-footer {
+    display: flex;
+    gap: 4px;
+    align-items: center;
+    padding: 4px 6px;
+  }
+
+  .attachment-name {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 11px;
+  }
+
+  .action-btn {
+    flex-shrink: 0;
+    cursor: pointer;
+    color: #94a3b8;
+
+    &:hover {
+      color: #dc2626;
+    }
   }
 </style>
diff --git a/web-admin/src/views/cell-storage/protocol/ProtocolFormDialog.vue b/web-admin/src/views/cell-storage/protocol/ProtocolFormDialog.vue
index 9ab94916..4c6183f2 100644
--- a/web-admin/src/views/cell-storage/protocol/ProtocolFormDialog.vue
+++ b/web-admin/src/views/cell-storage/protocol/ProtocolFormDialog.vue
@@ -34,42 +34,13 @@
         scroll-to-error
         class="protocol-form"
       >
-        <!-- Tab 1: 基本信息（新增时左侧一键导入、右侧基本信息） -->
-        <div
-          id="form-section-basic"
-          class="form-tab-pane"
-          :class="{ 'form-tab-pane--import-basic': !isEdit }"
-        >
-          <div v-if="!isEdit" class="section-card section-card--import">
-            <div class="section-title">
-              <div class="section-title-left"><h3>一键导入</h3></div>
-            </div>
-            <el-form-item label="标准信息" class="import-textarea-item">
-              <el-input
-                v-model="standardImportText"
-                type="textarea"
-                :rows="28"
-                class="import-standard-textarea"
-                placeholder="请粘贴标准格式信息，点击「一键导入」填充各 Tab 字段"
-              />
-            </el-form-item>
-            <div class="import-actions">
-              <el-button
-                class="btn-main"
-                type="primary"
-                :loading="standardImportLoading"
-                @click="handleStandardImport"
-              >
-                <el-icon><Upload /></el-icon>
-                一键导入
-              </el-button>
-            </div>
-          </div>
+        <!-- Tab 1: 基本信息 -->
+        <div id="form-section-basic" class="form-tab-pane">
           <div class="section-card">
             <div class="section-title">
               <div class="section-title-left"><h3>基本信息</h3></div>
             </div>
-            <div class="form-grid" :class="isEdit ? 'form-grid--col4' : 'form-grid--col2'">
+            <div class="form-grid form-grid--col4">
               <el-form-item label="协议状态" prop="protocolStatus">
                 <el-select
                   v-model="formData.protocolStatus"
@@ -120,6 +91,800 @@
                 <el-input v-model="formData.remark" type="textarea" :rows="2" placeholder="可选" />
               </el-form-item>
             </div>
+          </div>
+        </div>
+
+        <!-- Tab 2: 采集信息 -->
+        <div id="form-section-collection" class="form-tab-pane">
+          <div class="section-card">
+            <div class="section-title">
+              <div class="section-title-left"><h3>采集信息</h3></div>
+            </div>
+            <div class="form-grid form-grid--col6">
+              <el-form-item label="市场专员">
+                <el-select
+                  v-model="salesUserId"
+                  class="w-full"
+                  filterable
+                  remote
+                  clearable
+                  reserve-keyword
+                  :remote-method="remoteSearchSalesUsers"
+                  :loading="salesLoading"
+                  placeholder="输入姓名检索用户"
+                  @change="onSalesUserChange"
+                >
+                  <el-option
+                    v-for="u in salesUserOptions"
+                    :key="u.id"
+                    :label="u.nickName + (u.phoneNo ? ' · ' + u.phoneNo : '')"
+                    :value="u.id"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="采集地区">
+                <el-select
+                  v-model="formData.regionId"
+                  class="w-full"
+                  filterable
+                  :remote="!linkedRegionMode"
+                  clearable
+                  reserve-keyword
+                  :remote-method="linkedRegionMode ? undefined : remoteSearchRegions"
+                  :loading="regionLoading"
+                  :placeholder="linkedRegionMode ? '请选择关联地区' : '输入地区名称检索'"
+                  @change="onRegionChange"
+                  @clear="onRegionClear"
+                >
+                  <el-option
+                    v-for="r in regionOptions"
+                    :key="r.id"
+                    :label="r.regionName"
+                    :value="r.id"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="采集医院">
+                <el-select
+                  v-model="formData.hospitalId"
+                  class="w-full"
+                  filterable
+                  remote
+                  clearable
+                  reserve-keyword
+                  :remote-method="remoteSearchHospitals"
+                  :loading="hospitalLoading"
+                  :disabled="!formData.regionId"
+                  placeholder="请先选择采集地区"
+                  @change="onHospitalChange"
+                >
+                  <el-option
+                    v-for="h in hospitalOptions"
+                    :key="h.id"
+                    :label="h.hospitalName"
+                    :value="h.id"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="地区经理">
+                <el-select
+                  v-model="regionManagerUserId"
+                  class="w-full"
+                  filterable
+                  remote
+                  clearable
+                  reserve-keyword
+                  :remote-method="remoteSearchManagerUsers"
+                  :loading="managerLoading"
+                  placeholder="默认取地区负责人，可修改"
+                  @change="onManagerUserChange"
+                >
+                  <el-option
+                    v-for="u in managerUserOptions"
+                    :key="u.id"
+                    :label="u.nickName + (u.phoneNo ? ' · ' + u.phoneNo : '')"
+                    :value="u.id"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="采集医护">
+                <el-input v-model="formData.medicalStaff" placeholder="请输入" />
+              </el-form-item>
+              <el-form-item label="样本采集时间">
+                <el-date-picker
+                  v-model="formData.sampleCollectTime"
+                  type="datetime"
+                  format="YYYY-MM-DD HH:mm"
+                  value-format="YYYY-MM-DD HH:mm"
+                  placeholder="选择采集时间"
+                  clearable
+                  style="width: 100%"
+                />
+              </el-form-item>
+              <el-form-item label="母血采集时间">
+                <el-date-picker
+                  v-model="formData.maternalBloodCollectTime"
+                  type="datetime"
+                  format="YYYY-MM-DD HH:mm"
+                  value-format="YYYY-MM-DD HH:mm"
+                  placeholder="选择采集时间"
+                  clearable
+                  style="width: 100%"
+                />
+              </el-form-item>
+            </div>
+          </div>
+        </div>
+
+        <!-- Tab 3: 样本及运输信息 -->
+        <div id="form-section-sample" class="form-tab-pane">
+          <div class="section-card">
+            <div class="section-title">
+              <div class="section-title-left"><h3>样本及运输信息</h3></div>
+            </div>
+            <SampleTransportFormSection
+              v-model:samples="formData.samples"
+              sample-source="cell_storage"
+              :protocol-id="formData.id || ''"
+              hide-dialog-collect-amount-unit
+              :sample-type-options="sampleTypeOptions"
+              :sample-type-options-loading="sampleTypeLoading"
+              :sample-code-options="sampleCodeOptions"
+              :sample-code-options-loading="sampleCodeLoading"
+              :unit-options="unitOptions"
+              :unit-options-loading="unitLoading"
+              :show-price="true"
+              @price-change="onSamplePriceChange"
+              @search-sample-code="remoteSearchSampleCodes"
+              @search-sample-type="remoteSearchSampleTypes"
+              @search-unit="remoteSearchUnits"
+            />
+          </div>
+        </div>
+
+        <!-- Tab 4: 客户信息 -->
+        <div id="form-section-party" class="form-tab-pane">
+          <div class="section-card section-card--green">
+            <div class="section-title">
+              <div class="section-title-left"><h3>客户信息</h3></div>
+            </div>
+            <div class="client-sub-cards">
+              <!-- 母亲信息 -->
+              <div class="client-sub-card">
+                <div class="sub-card-header">
+                  <span class="icon">🤱</span>
+                  <h4>母亲信息</h4>
+                </div>
+                <div class="form-grid form-grid--col2">
+                  <el-form-item>
+                    <template #label>
+                      母亲姓名<span class="form-label-tip">可检索客户档案</span>
+                    </template>
+                    <el-autocomplete
+                      v-model="formData.motherName"
+                      class="w-full"
+                      :fetch-suggestions="queryPartyCustomers"
+                      :fit-input-width="false"
+                      clearable
+                      value-key="customerName"
+                      placeholder="输入姓名检索或直接填写"
+                      popper-class="mother-customer-suggest-popper"
+                      @select="onMotherCustomerSelect"
+                      @clear="onMotherCustomerClear"
+                      @input="onMotherNameInput"
+                    >
+                      <template #default="{ item }">
+                        <div class="mother-customer-suggest-item">
+                          <span class="mother-customer-suggest-item__name">{{
+                            item.customerName || '—'
+                          }}</span>
+                          <span class="mother-customer-suggest-item__phone">{{
+                            item.phoneNo || '—'
+                          }}</span>
+                          <span class="mother-customer-suggest-item__idcard">{{
+                            item.idCardNo || '—'
+                          }}</span>
+                        </div>
+                      </template>
+                    </el-autocomplete>
+                  </el-form-item>
+                  <el-form-item label="母亲联系电话">
+                    <el-input v-model="formData.motherPhone" placeholder="请输入" />
+                  </el-form-item>
+                  <el-form-item label="母亲身份证号">
+                    <el-input v-model="formData.motherIdCard" placeholder="请输入" />
+                  </el-form-item>
+                  <el-form-item label="母亲邮箱">
+                    <el-input v-model="formData.motherEmail" placeholder="请输入" />
+                  </el-form-item>
+                  <el-form-item label="母亲出生年月">
+                    <el-date-picker
+                      v-model="formData.motherBirthYm"
+                      type="month"
+                      value-format="YYYYMM"
+                      format="YYYY-MM"
+                      placeholder="选择月份"
+                      clearable
+                      style="width: 100%"
+                    />
+                  </el-form-item>
+                  <el-form-item label="母亲民族">
+                    <el-select
+                      v-model="formData.motherEthnic"
+                      class="w-full"
+                      filterable
+                      clearable
+                      :loading="ethnicLoading"
+                      placeholder="请选择或检索民族"
+                    >
+                      <el-option
+                        v-for="e in ethnicOptions"
+                        :key="e.ethnicCode"
+                        :label="e.ethnicName"
+                        :value="e.ethnicName"
+                      />
+                    </el-select>
+                  </el-form-item>
+                </div>
+                <el-form-item label="母亲家庭住址">
+                  <el-input v-model="formData.motherAddress" placeholder="请输入" />
+                </el-form-item>
+              </div>
+
+              <!-- 父亲信息 -->
+              <div class="client-sub-card">
+                <div class="sub-card-header">
+                  <span class="icon">👨</span>
+                  <h4>父亲信息</h4>
+                </div>
+                <div class="form-grid form-grid--col2">
+                  <el-form-item>
+                    <template #label>
+                      父亲姓名<span class="form-label-tip">可检索客户档案</span>
+                    </template>
+                    <el-autocomplete
+                      v-model="formData.fatherName"
+                      class="w-full"
+                      :fetch-suggestions="queryPartyCustomers"
+                      :fit-input-width="false"
+                      clearable
+                      value-key="customerName"
+                      placeholder="输入姓名检索或直接填写"
+                      popper-class="mother-customer-suggest-popper"
+                      @select="onFatherCustomerSelect"
+                      @clear="onFatherCustomerClear"
+                      @input="onFatherNameInput"
+                    >
+                      <template #default="{ item }">
+                        <div class="mother-customer-suggest-item">
+                          <span class="mother-customer-suggest-item__name">{{
+                            item.customerName || '—'
+                          }}</span>
+                          <span class="mother-customer-suggest-item__phone">{{
+                            item.phoneNo || '—'
+                          }}</span>
+                          <span class="mother-customer-suggest-item__idcard">{{
+                            item.idCardNo || '—'
+                          }}</span>
+                        </div>
+                      </template>
+                    </el-autocomplete>
+                  </el-form-item>
+                  <el-form-item label="父亲电话">
+                    <el-input v-model="formData.fatherPhone" placeholder="请输入" />
+                  </el-form-item>
+                  <el-form-item label="父亲身份证号" class="form-col-span-2">
+                    <el-input v-model="formData.fatherIdCard" placeholder="请输入" />
+                  </el-form-item>
+                </div>
+              </div>
+
+              <!-- 新生儿信息 -->
+              <div class="client-sub-card">
+                <div class="sub-card-header">
+                  <span class="icon">👶</span>
+                  <h4>新生儿信息</h4>
+                </div>
+                <div class="form-grid form-grid--col2">
+                  <el-form-item label="新生儿姓名">
+                    <el-input v-model="formData.newbornName" placeholder="请输入" />
+                  </el-form-item>
+                  <el-form-item label="新生儿性别">
+                    <el-radio-group v-model="formData.newbornSex">
+                      <el-radio label="1">男</el-radio>
+                      <el-radio label="0">女</el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                  <el-form-item label="预产期">
+                    <el-date-picker
+                      v-model="formData.expectedDeliveryDate"
+                      type="date"
+                      value-format="YYYY-MM-DD"
+                      placeholder="选择预产期"
+                      clearable
+                      style="width: 100%"
+                    />
+                  </el-form-item>
+                  <el-form-item label="新生儿分娩时间">
+                    <el-date-picker
+                      v-model="formData.newbornDeliveryTime"
+                      type="datetime"
+                      value-format="YYYY-MM-DD HH:mm:ss"
+                      placeholder="选择分娩时间"
+                      clearable
+                      style="width: 100%"
+                    />
+                  </el-form-item>
+                  <el-form-item label="新生儿身份证" class="form-col-span-2">
+                    <el-input v-model="formData.newbornIdCard" placeholder="请输入" />
+                  </el-form-item>
+                  <el-form-item label="分娩方式">
+                    <el-select
+                      v-model="formData.deliveryMode"
+                      placeholder="请选择"
+                      clearable
+                      style="width: 100%"
+                    >
+                      <el-option label="顺产" value="sc" />
+                      <el-option label="剖宫产" value="pgc" />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="胎次">
+                    <el-input
+                      v-model="formData.birthOrder"
+                      type="number"
+                      step="any"
+                      :min="1"
+                      style="width: 100%"
+                    />
+                  </el-form-item>
+                  <el-form-item label="新生儿体重(克)">
+                    <el-input
+                      v-model="formData.newbornWeightGram"
+                      type="number"
+                      step="any"
+                      :min="0"
+                      style="width: 100%"
+                    />
+                  </el-form-item>
+                  <el-form-item label="新生儿评分">
+                    <el-input
+                      v-model="formData.apgar1min"
+                      type="number"
+                      step="any"
+                      :min="0"
+                      :max="10"
+                      style="width: 100%"
+                    />
+                  </el-form-item>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Tab 5: 缴费信息 -->
+        <div id="form-section-payment" class="form-tab-pane">
+          <div class="section-card">
+            <div class="section-title">
+              <div class="section-title-left"><h3>缴费信息</h3></div>
+            </div>
+
+            <!-- v2: 按样本缴费 -->
+            <template v-if="paymentModelVersion >= 2">
+              <el-alert
+                v-if="presignDepositHint"
+                type="info"
+                :closable="false"
+                show-icon
+                class="presign-deposit-hint"
+                :title="presignDepositHintText"
+              />
+              <div v-if="depositTransfers.length" class="payment-main-card" style="margin-bottom: 16px">
+                <div class="section-subtitle">意向金转账（关联预签约订单）</div>
+                <el-table
+                  :data="depositTransfers"
+                  class="list-table"
+                  stripe
+                  empty-text="暂无意向金转账"
+                >
+                  <el-table-column type="index" label="#" min-width="50" align="center" />
+                  <el-table-column label="转账方式" min-width="120" align="center">
+                    <template #default="{ row }">
+                      {{ transferTypeLabel(String(row.transferType || '')) || '—' }}
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="转账金额(元)" min-width="130" align="center">
+                    <template #default="{ row }">{{ fmtMoney(row.transferAmount) }}</template>
+                  </el-table-column>
+                  <el-table-column label="转账时间" min-width="170" align="center">
+                    <template #default="{ row }">{{ row.transferTime || '—' }}</template>
+                  </el-table-column>
+                  <el-table-column label="转账凭证" min-width="220" align="left">
+                    <template #default="{ row }">
+                      <ProtocolAttachmentReadonly
+                        v-if="(row.attachments || []).length"
+                        :files="row.attachments || []"
+                        size="compact"
+                        @preview="handlePreviewAttachment"
+                        @download="handleDownloadAttachment"
+                      />
+                      <span v-else class="muted-dash">—</span>
+                    </template>
+                  </el-table-column>
+                  <el-table-column
+                    label="备注"
+                    min-width="140"
+                    align="center"
+                    show-overflow-tooltip
+                  >
+                    <template #default="{ row }">{{ row.remark || '—' }}</template>
+                  </el-table-column>
+                  <el-table-column
+                    label="财务备注"
+                    min-width="140"
+                    align="center"
+                    show-overflow-tooltip
+                  >
+                    <template #default="{ row }">{{ row.financeRemark || '—' }}</template>
+                  </el-table-column>
+                  <el-table-column label="状态" min-width="110" align="center">
+                    <template #default="{ row }">
+                      <el-tag :type="payStatusTagType(String(row.payStatus || 'dfj'))" size="small">
+                        {{ payStatusLabel(String(row.payStatus || 'dfj')) }}
+                      </el-tag>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </div>
+              <div class="payment-main-card protocol-total-card" style="margin-bottom: 16px">
+                <div class="form-grid form-grid--col4 protocol-total-inline">
+                  <el-form-item label="协议总金额(元)" label-position="left" class="protocol-total-item">
+                    <AmountInput
+                      v-model="formData.protocolTotalAmount"
+                      :min="0"
+                      placeholder="默认=样本合同合计"
+                      style="width: 100%"
+                      @change="onProtocolTotalUserEdit"
+                    />
+                  </el-form-item>
+                  <el-form-item
+                    label="样本合同合计(元)"
+                    label-position="left"
+                    class="protocol-total-item"
+                  >
+                    <el-input :model-value="fmtMoney(sampleContractSum)" disabled />
+                  </el-form-item>
+                </div>
+                <p v-if="protocolTotalHint" class="muted-hint warning-hint">{{ protocolTotalHint }}</p>
+              </div>
+              <SamplePaymentPanel
+                v-model="formData.samplePayments"
+                :samples="formData.samples"
+                :protocol-id="editingId || undefined"
+              />
+            </template>
+
+            <!-- v1: 旧整单缴费主表（历史协议） -->
+            <template v-else>
+            <!-- 缴费主表 -->
+            <div class="payment-main-card">
+              <div class="section-subtitle">缴费主表</div>
+              <div class="form-grid form-grid--col6">
+                <el-form-item label="缴费模式">
+                  <el-select
+                    v-model="formData.payMode"
+                    placeholder="请选择缴费模式"
+                    style="width: 100%"
+                    @change="onPayModeChange"
+                  >
+                    <el-option
+                      v-for="opt in payModeOptions"
+                      :key="opt.value"
+                      :label="opt.label"
+                      :value="opt.value"
+                    />
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="合同金额(元)">
+                  <AmountInput
+                    v-model="formData.contractAmount"
+                    :min="0"
+                    placeholder="请输入合同金额"
+                    style="width: 100%"
+                    @change="onContractAmountChange"
+                  />
+                </el-form-item>
+                <template v-if="formData.payMode === 'dj'">
+                  <el-form-item label="趸交截止时间">
+                    <el-date-picker
+                      v-model="formData.lumpSumDeadline"
+                      type="date"
+                      value-format="YYYYMMDD"
+                      format="YYYY-MM-DD"
+                      placeholder="选择截止时间"
+                      clearable
+                      style="width: 100%"
+                    />
+                  </el-form-item>
+                </template>
+                <template v-if="isInstallmentPayMode(formData.payMode)">
+                  <el-form-item label="分期期数">
+                    <el-input
+                      v-model="formData.installmentCount"
+                      type="number"
+                      step="any"
+                      :min="1"
+                      style="width: 100%"
+                      @change="onInstallmentCountChange"
+                    />
+                  </el-form-item>
+                  <el-form-item label="每期间隔(月)">
+                    <el-input
+                      v-model="formData.installmentIntervalMonths"
+                      type="number"
+                      step="any"
+                      :min="0.1"
+                      style="width: 100%"
+                      @change="handleFqParamsChange"
+                    />
+                  </el-form-item>
+                  <el-form-item label="分期开始时间">
+                    <el-date-picker
+                      v-model="formData.installmentStartDate"
+                      type="date"
+                      value-format="YYYYMMDD"
+                      format="YYYY-MM-DD"
+                      placeholder="选择开始时间"
+                      clearable
+                      style="width: 100%"
+                      @change="handleFqParamsChange"
+                    />
+                  </el-form-item>
+                  <el-form-item label="提前催缴预警(天)">
+                    <el-input
+                      v-model="formData.installmentAdvanceDays"
+                      type="number"
+                      :min="0"
+                      :max="365"
+                      step="1"
+                      style="width: 100%"
+                      @change="handleFqParamsChange"
+                    />
+                  </el-form-item>
+                </template>
+              </div>
+            </div>
+
+            <!-- 缴费明细 -->
+            <div class="section-subtitle" style="margin-top: 20px">缴费明细</div>
+            <div style="margin-bottom: 14px">
+              <el-button
+                type="primary"
+                :disabled="!canAddPaymentDetail(formData.payMode, formData.paymentDetails)"
+                @click="addPaymentDetail"
+              >
+                <el-icon><Plus /></el-icon>
+                添加明细
+              </el-button>
+            </div>
+
+            <div class="payment-details">
+              <div
+                v-for="(detail, dIdx) in formData.paymentDetails"
+                :key="dIdx"
+                class="detail-card"
+                :class="{ expanded: detail._expanded }"
+              >
+                <div
+                  class="detail-header"
+                  role="button"
+                  tabindex="0"
+                  @click="togglePaymentDetailExpand(dIdx)"
+                  @keydown.enter.prevent="togglePaymentDetailExpand(dIdx)"
+                >
+                  <span class="detail-chevron">▶</span>
+                  <span class="detail-title">缴费明细 #{{ dIdx + 1 }}</span>
+                  <span
+                    v-if="detail.dueAmount != null && detail.dueAmount !== ''"
+                    class="detail-amount"
+                    :class="detail.payStatus === 'yjf' ? 'green' : 'amber'"
+                  >
+                    {{ fmtMoney(detail.dueAmount) }}
+                  </span>
+                  <span
+                    v-if="detail.payStatus"
+                    class="detail-badge"
+                    :class="{
+                      'badge-green': detail.payStatus === 'yjf',
+                      'badge-primary': detail.payStatus === 'dfj',
+                      'badge-amber': detail.payStatus === 'jfqrz',
+                      'badge-gray': detail.payStatus === 'tfqrz' || detail.payStatus === 'ytf'
+                    }"
+                  >
+                    {{ payStatusLabel(String(detail.payStatus)) }}
+                  </span>
+                  <span v-if="!detail._expanded" class="detail-summary">
+                    {{ paymentDetailSummary(detail) }}
+                  </span>
+                  <el-button
+                    v-if="!isPayDetailLocked(detail)"
+                    link
+                    type="danger"
+                    size="small"
+                    class="detail-delete"
+                    @click.stop="removePaymentDetail(dIdx)"
+                  >
+                    <el-icon><Delete /></el-icon>
+                  </el-button>
+                </div>
+                <div v-show="detail._expanded" class="detail-body">
+                  <div class="detail-body-inner">
+                    <div class="form-grid form-grid--col4">
+                      <el-form-item label="应缴费金额(元)">
+                        <AmountInput
+                          v-model="detail.dueAmount"
+                          :min="0"
+                          :disabled="isPayDetailLocked(detail)"
+                          placeholder="请输入应缴费金额"
+                          @change="onPaymentDetailDueAmountChange(dIdx)"
+                        />
+                      </el-form-item>
+                      <el-form-item label="转账方式">
+                        <el-select
+                          v-model="detail.transferType"
+                          placeholder="请选择转账方式"
+                          style="width: 100%"
+                        >
+                          <el-option
+                            v-for="opt in transferTypeOptions"
+                            :key="opt.value"
+                            :label="opt.label"
+                            :value="opt.value"
+                          />
+                        </el-select>
+                      </el-form-item>
+                      <el-form-item label="转账金额(元)">
+                        <AmountInput
+                          v-model="detail.transferAmount"
+                          :min="0"
+                          :disabled="isPayDetailLocked(detail)"
+                          placeholder="请输入转账金额"
+                        />
+                      </el-form-item>
+                      <el-form-item label="转账时间">
+                        <el-date-picker
+                          v-model="detail.transferTime"
+                          type="datetime"
+                          format="YYYY-MM-DD HH:mm"
+                          value-format="YYYY-MM-DD HH:mm:ss"
+                          placeholder="选择时间"
+                          clearable
+                          :disabled="isPayDetailLocked(detail)"
+                          style="width: 100%"
+                        />
+                      </el-form-item>
+                      <el-form-item label="缴费状态">
+                        <el-tag
+                          :type="payStatusTagType(String(detail.payStatus || 'dfj'))"
+                          size="small"
+                        >
+                          {{ payStatusLabel(String(detail.payStatus || 'dfj')) }}
+                        </el-tag>
+                      </el-form-item>
+                      <el-form-item label="应缴费时间">
+                        <el-date-picker
+                          v-model="detail.installmentDueDate"
+                          type="date"
+                          value-format="YYYYMMDD"
+                          format="YYYY-MM-DD"
+                          placeholder="选择应缴费时间"
+                          clearable
+                          :disabled="isPayDetailLocked(detail)"
+                          style="width: 100%"
+                        />
+                      </el-form-item>
+                    </div>
+                    <!-- 每条明细的附件上传区 -->
+                    <div v-if="!isPayDetailLocked(detail)" class="payment-detail-card__attachments">
+                      <div
+                        class="attachment-upload"
+                        :class="{ 'is-dragover': isPaymentDetailDragover(dIdx) }"
+                        v-bind="paymentDetailDropHandlers(dIdx)"
+                      >
+                        <div class="attachment-list">
+                          <el-upload
+                            :auto-upload="false"
+                            :show-file-list="false"
+                            :multiple="true"
+                            accept="image/*,video/*,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.zip,.rar"
+                            @change="(f: any) => handleDetailAttachmentChange(dIdx, f)"
+                          >
+                            <div class="upload-card upload-card--sm">
+                              <el-icon :size="22" color="#047857"><Plus /></el-icon>
+                              <span class="upload-card-text">上传凭证</span>
+                            </div>
+                          </el-upload>
+                          <div
+                            v-for="(file, fIdx) in detail.attachments"
+                            :key="file.id || fIdx"
+                            class="attachment-item"
+                            :class="{ 'is-uploading': file._uploading }"
+                          >
+                            <div
+                              class="attachment-preview"
+                              @click="
+                                isImageFile(file) && file.fileUrl
+                                  ? handlePreviewAttachment(file)
+                                  : undefined
+                              "
+                            >
+                              <template v-if="isImageFile(file) && file.fileUrl">
+                                <img :src="fullFileUrl(file.fileUrl)" :alt="file.fileName" />
+                              </template>
+                              <template v-else-if="isImageFile(file) && !file.fileUrl">
+                                <el-icon :size="24" color="#94a3b8"><Loading /></el-icon>
+                              </template>
+                              <template v-else-if="isVideoFile(file)">
+                                <div
+                                  class="attachment-preview__icon attachment-preview__icon--video"
+                                >
+                                  <el-icon :size="28"><VideoPlay /></el-icon>
+                                </div>
+                              </template>
+                              <template v-else>
+                                <div class="attachment-preview__icon attachment-preview__icon--doc">
+                                  <el-icon :size="28"><Document /></el-icon>
+                                </div>
+                              </template>
+                            </div>
+                            <div class="attachment-footer">
+                              <span class="attachment-name" :title="file.fileName">{{
+                                file.fileName
+                              }}</span>
+                              <div class="attachment-actions">
+                                <el-icon
+                                  class="action-btn"
+                                  title="下载"
+                                  @click="handleDownloadAttachment(file)"
+                                  ><Download
+                                /></el-icon>
+                                <el-icon
+                                  class="action-btn action-btn--danger"
+                                  title="删除"
+                                  @click="removeDetailAttachment(dIdx, fIdx)"
+                                  ><Delete
+                                /></el-icon>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <span class="upload-hint"
+                          >支持拖拽或点击上传图片、视频、PDF、Word、Excel等文件，单文件不超过
+                          20MB</span
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <el-empty
+                v-if="!formData.paymentDetails.length"
+                description="暂无缴费明细，点击上方按钮添加"
+                :image-size="48"
+              />
+            </div>
+            </template>
+          </div>
+        </div>
+
+        <!-- Tab 6: 附件信息 -->
+        <div id="form-section-attachment" class="form-tab-pane">
+          <div class="section-card">
+            <div class="section-title">
+              <div class="section-title-left"><h3>附件信息</h3></div>
+            </div>
             <div class="form-grid form-grid--attachment">
               <el-form-item label="协议附件">
                 <div
@@ -359,674 +1124,6 @@
             </div>
           </div>
         </div>
-
-        <!-- Tab 2: 采集信息 -->
-        <div id="form-section-collection" class="form-tab-pane">
-          <div class="section-card">
-            <div class="section-title">
-              <div class="section-title-left"><h3>采集信息</h3></div>
-            </div>
-            <div class="form-grid form-grid--col6">
-              <el-form-item label="采集地区">
-                <el-select
-                  v-model="formData.regionId"
-                  class="w-full"
-                  filterable
-                  remote
-                  clearable
-                  reserve-keyword
-                  :remote-method="remoteSearchRegions"
-                  :loading="regionLoading"
-                  placeholder="输入地区名称检索"
-                  @change="onRegionChange"
-                  @clear="onRegionClear"
-                >
-                  <el-option
-                    v-for="r in regionOptions"
-                    :key="r.id"
-                    :label="r.regionName"
-                    :value="r.id"
-                  />
-                </el-select>
-              </el-form-item>
-              <el-form-item label="采集医院">
-                <el-select
-                  v-model="formData.hospitalId"
-                  class="w-full"
-                  filterable
-                  remote
-                  clearable
-                  reserve-keyword
-                  :remote-method="remoteSearchHospitals"
-                  :loading="hospitalLoading"
-                  :disabled="!formData.regionId"
-                  placeholder="请先选择采集地区"
-                  @change="onHospitalChange"
-                >
-                  <el-option
-                    v-for="h in hospitalOptions"
-                    :key="h.id"
-                    :label="h.hospitalName"
-                    :value="h.id"
-                  />
-                </el-select>
-              </el-form-item>
-              <el-form-item label="采集医护">
-                <el-input v-model="formData.medicalStaff" placeholder="请输入" />
-              </el-form-item>
-              <el-form-item label="销售人员">
-                <el-select
-                  v-model="salesUserId"
-                  class="w-full"
-                  filterable
-                  remote
-                  clearable
-                  reserve-keyword
-                  :remote-method="remoteSearchSalesUsers"
-                  :loading="salesLoading"
-                  placeholder="输入姓名检索用户"
-                  @change="onSalesUserChange"
-                >
-                  <el-option
-                    v-for="u in salesUserOptions"
-                    :key="u.id"
-                    :label="u.nickName + (u.phoneNo ? ' · ' + u.phoneNo : '')"
-                    :value="u.id"
-                  />
-                </el-select>
-              </el-form-item>
-              <el-form-item label="样本采集时间">
-                <el-date-picker
-                  v-model="formData.sampleCollectTime"
-                  type="datetime"
-                  format="YYYY-MM-DD HH:mm"
-                  value-format="YYYY-MM-DD HH:mm"
-                  placeholder="选择采集时间"
-                  clearable
-                  style="width: 100%"
-                />
-              </el-form-item>
-              <el-form-item label="母血采集时间">
-                <el-date-picker
-                  v-model="formData.maternalBloodCollectTime"
-                  type="datetime"
-                  format="YYYY-MM-DD HH:mm"
-                  value-format="YYYY-MM-DD HH:mm"
-                  placeholder="选择采集时间"
-                  clearable
-                  style="width: 100%"
-                />
-              </el-form-item>
-            </div>
-          </div>
-        </div>
-
-        <!-- Tab 3: 样本及运输信息 -->
-        <div id="form-section-sample" class="form-tab-pane">
-          <div class="section-card">
-            <div class="section-title">
-              <div class="section-title-left"><h3>样本及运输信息</h3></div>
-            </div>
-            <SampleTransportFormSection
-              v-model:samples="formData.samples"
-              sample-source="cell_storage"
-              :protocol-id="formData.id || ''"
-              hide-dialog-collect-amount-unit
-              :sample-type-options="sampleTypeOptions"
-              :sample-type-options-loading="sampleTypeLoading"
-              :sample-code-options="sampleCodeOptions"
-              :sample-code-options-loading="sampleCodeLoading"
-              :unit-options="unitOptions"
-              :unit-options-loading="unitLoading"
-              :show-price="true"
-              @price-change="onSamplePriceChange"
-              @search-sample-code="remoteSearchSampleCodes"
-              @search-sample-type="remoteSearchSampleTypes"
-              @search-unit="remoteSearchUnits"
-            />
-          </div>
-        </div>
-
-        <!-- Tab 4: 客户信息 -->
-        <div id="form-section-party" class="form-tab-pane">
-          <div class="section-card section-card--green">
-            <div class="section-title">
-              <div class="section-title-left"><h3>客户信息</h3></div>
-            </div>
-            <div class="client-sub-cards">
-              <!-- 母亲信息 -->
-              <div class="client-sub-card">
-                <div class="sub-card-header">
-                  <span class="icon">🤱</span>
-                  <h4>母亲信息</h4>
-                  <span class="search-link">关联客户 ▸</span>
-                </div>
-                <el-form-item label="关联客户" style="margin-bottom: 12px">
-                  <el-select
-                    v-model="customerId"
-                    class="w-full"
-                    filterable
-                    remote
-                    clearable
-                    reserve-keyword
-                    :remote-method="remoteSearchCustomers"
-                    :loading="customerLoading"
-                    placeholder="输入姓名/电话/身份证号检索客户"
-                    @change="onCustomerChange"
-                  >
-                    <el-option
-                      v-for="c in customerOptions"
-                      :key="c.id"
-                      :label="formatCustomerLabel(c)"
-                      :value="c.id"
-                    />
-                  </el-select>
-                </el-form-item>
-                <div class="form-grid form-grid--col2">
-                  <el-form-item label="母亲姓名">
-                    <el-input v-model="formData.motherName" placeholder="请输入" />
-                  </el-form-item>
-                  <el-form-item label="母亲联系电话">
-                    <el-input v-model="formData.motherPhone" placeholder="请输入" />
-                  </el-form-item>
-                  <el-form-item label="母亲身份证号" class="form-col-span-2">
-                    <el-input v-model="formData.motherIdCard" placeholder="请输入" />
-                  </el-form-item>
-                  <el-form-item label="母亲出生年月">
-                    <el-date-picker
-                      v-model="formData.motherBirthYm"
-                      type="month"
-                      value-format="YYYYMM"
-                      format="YYYY-MM"
-                      placeholder="选择月份"
-                      clearable
-                      style="width: 100%"
-                    />
-                  </el-form-item>
-                  <el-form-item label="母亲民族">
-                    <el-select
-                      v-model="formData.motherEthnic"
-                      class="w-full"
-                      filterable
-                      clearable
-                      :loading="ethnicLoading"
-                      placeholder="请选择或检索民族"
-                    >
-                      <el-option
-                        v-for="e in ethnicOptions"
-                        :key="e.ethnicCode"
-                        :label="e.ethnicName"
-                        :value="e.ethnicName"
-                      />
-                    </el-select>
-                  </el-form-item>
-                </div>
-                <el-form-item label="母亲邮箱" style="margin-top: 12px">
-                  <el-input v-model="formData.motherEmail" placeholder="请输入" />
-                </el-form-item>
-                <el-form-item label="母亲家庭住址">
-                  <el-input v-model="formData.motherAddress" placeholder="请输入" />
-                </el-form-item>
-              </div>
-
-              <!-- 父亲信息 -->
-              <div class="client-sub-card">
-                <div class="sub-card-header">
-                  <span class="icon">👨</span>
-                  <h4>父亲信息</h4>
-                </div>
-                <div class="form-grid form-grid--col2">
-                  <el-form-item label="父亲姓名">
-                    <el-input v-model="formData.fatherName" placeholder="请输入" />
-                  </el-form-item>
-                  <el-form-item label="父亲电话">
-                    <el-input v-model="formData.fatherPhone" placeholder="请输入" />
-                  </el-form-item>
-                  <el-form-item label="父亲身份证号" class="form-col-span-2">
-                    <el-input v-model="formData.fatherIdCard" placeholder="请输入" />
-                  </el-form-item>
-                </div>
-              </div>
-
-              <!-- 新生儿信息 -->
-              <div class="client-sub-card">
-                <div class="sub-card-header">
-                  <span class="icon">👶</span>
-                  <h4>新生儿信息</h4>
-                </div>
-                <div class="form-grid form-grid--col2">
-                  <el-form-item label="新生儿姓名">
-                    <el-input v-model="formData.newbornName" placeholder="请输入" />
-                  </el-form-item>
-                  <el-form-item label="新生儿性别">
-                    <el-radio-group v-model="formData.newbornSex">
-                      <el-radio label="1">男</el-radio>
-                      <el-radio label="0">女</el-radio>
-                    </el-radio-group>
-                  </el-form-item>
-                  <el-form-item label="预产期">
-                    <el-date-picker
-                      v-model="formData.expectedDeliveryDate"
-                      type="date"
-                      value-format="YYYY-MM-DD"
-                      placeholder="选择预产期"
-                      clearable
-                      style="width: 100%"
-                    />
-                  </el-form-item>
-                  <el-form-item label="新生儿分娩时间">
-                    <el-date-picker
-                      v-model="formData.newbornDeliveryTime"
-                      type="datetime"
-                      value-format="YYYY-MM-DD HH:mm:ss"
-                      placeholder="选择分娩时间"
-                      clearable
-                      style="width: 100%"
-                    />
-                  </el-form-item>
-                  <el-form-item label="新生儿身份证" class="form-col-span-2">
-                    <el-input v-model="formData.newbornIdCard" placeholder="请输入" />
-                  </el-form-item>
-                  <el-form-item label="分娩方式">
-                    <el-select
-                      v-model="formData.deliveryMode"
-                      placeholder="请选择"
-                      clearable
-                      style="width: 100%"
-                    >
-                      <el-option label="顺产" value="sc" />
-                      <el-option label="剖宫产" value="pgc" />
-                    </el-select>
-                  </el-form-item>
-                  <el-form-item label="胎次">
-                    <el-input
-                      v-model="formData.birthOrder"
-                      type="number"
-                      step="any"
-                      :min="1"
-                      style="width: 100%"
-                    />
-                  </el-form-item>
-                  <el-form-item label="新生儿体重(克)">
-                    <el-input
-                      v-model="formData.newbornWeightGram"
-                      type="number"
-                      step="any"
-                      :min="0"
-                      style="width: 100%"
-                    />
-                  </el-form-item>
-                  <el-form-item label="新生儿评分">
-                    <el-input
-                      v-model="formData.apgar1min"
-                      type="number"
-                      step="any"
-                      :min="0"
-                      :max="10"
-                      style="width: 100%"
-                    />
-                  </el-form-item>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- Tab 5: 缴费信息 -->
-        <div id="form-section-payment" class="form-tab-pane">
-          <div class="section-card">
-            <div class="section-title">
-              <div class="section-title-left"><h3>缴费信息</h3></div>
-            </div>
-
-            <!-- v2: 按样本缴费 -->
-            <template v-if="paymentModelVersion >= 2">
-              <el-alert
-                v-if="presignDepositHint"
-                type="info"
-                :closable="false"
-                show-icon
-                class="presign-deposit-hint"
-                :title="presignDepositHintText"
-              />
-              <div class="payment-main-card" style="margin-bottom: 16px">
-                <div class="section-subtitle">协议总金额</div>
-                <div class="form-grid form-grid--col4">
-                  <el-form-item label="协议总金额(元)">
-                    <AmountInput
-                      v-model="formData.protocolTotalAmount"
-                      :min="0"
-                      placeholder="手填协议总金额"
-                      style="width: 100%"
-                    />
-                  </el-form-item>
-                  <el-form-item label="样本合同合计(元)">
-                    <el-input :model-value="fmtMoney(sampleContractSum)" disabled />
-                  </el-form-item>
-                </div>
-                <p v-if="protocolTotalHint" class="muted-hint warning-hint">{{ protocolTotalHint }}</p>
-              </div>
-              <SamplePaymentPanel
-                v-model="formData.samplePayments"
-                :samples="formData.samples"
-                :protocol-id="editingId || undefined"
-              />
-              <ProtocolRefundRecordBlock :protocol-id="editingId || undefined" />
-            </template>
-
-            <!-- v1: 旧整单缴费主表（历史协议） -->
-            <template v-else>
-            <!-- 缴费主表 -->
-            <div class="payment-main-card">
-              <div class="section-subtitle">缴费主表</div>
-              <div class="form-grid form-grid--col6">
-                <el-form-item label="缴费模式">
-                  <el-select
-                    v-model="formData.payMode"
-                    placeholder="请选择缴费模式"
-                    style="width: 100%"
-                    @change="onPayModeChange"
-                  >
-                    <el-option
-                      v-for="opt in payModeOptions"
-                      :key="opt.value"
-                      :label="opt.label"
-                      :value="opt.value"
-                    />
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="合同金额(元)">
-                  <AmountInput
-                    v-model="formData.contractAmount"
-                    :min="0"
-                    placeholder="请输入合同金额"
-                    style="width: 100%"
-                    @change="onContractAmountChange"
-                  />
-                </el-form-item>
-                <template v-if="formData.payMode === 'dj'">
-                  <el-form-item label="趸交截止时间">
-                    <el-date-picker
-                      v-model="formData.lumpSumDeadline"
-                      type="date"
-                      value-format="YYYYMMDD"
-                      format="YYYY-MM-DD"
-                      placeholder="选择截止时间"
-                      clearable
-                      style="width: 100%"
-                    />
-                  </el-form-item>
-                </template>
-                <template v-if="isInstallmentPayMode(formData.payMode)">
-                  <el-form-item label="分期期数">
-                    <el-input
-                      v-model="formData.installmentCount"
-                      type="number"
-                      step="any"
-                      :min="1"
-                      style="width: 100%"
-                      @change="onInstallmentCountChange"
-                    />
-                  </el-form-item>
-                  <el-form-item label="每期间隔(月)">
-                    <el-input
-                      v-model="formData.installmentIntervalMonths"
-                      type="number"
-                      step="any"
-                      :min="0.1"
-                      style="width: 100%"
-                      @change="handleFqParamsChange"
-                    />
-                  </el-form-item>
-                  <el-form-item label="分期开始时间">
-                    <el-date-picker
-                      v-model="formData.installmentStartDate"
-                      type="date"
-                      value-format="YYYYMMDD"
-                      format="YYYY-MM-DD"
-                      placeholder="选择开始时间"
-                      clearable
-                      style="width: 100%"
-                      @change="handleFqParamsChange"
-                    />
-                  </el-form-item>
-                  <el-form-item label="应缴费提前(天)">
-                    <el-input
-                      v-model="formData.installmentAdvanceDays"
-                      type="number"
-                      :min="0"
-                      :max="365"
-                      step="1"
-                      style="width: 100%"
-                      @change="handleFqParamsChange"
-                    />
-                  </el-form-item>
-                </template>
-              </div>
-            </div>
-
-            <!-- 缴费明细 -->
-            <div class="section-subtitle" style="margin-top: 20px">缴费明细</div>
-            <div style="margin-bottom: 14px">
-              <el-button
-                type="primary"
-                :disabled="!canAddPaymentDetail(formData.payMode, formData.paymentDetails)"
-                @click="addPaymentDetail"
-              >
-                <el-icon><Plus /></el-icon>
-                添加明细
-              </el-button>
-            </div>
-
-            <div class="payment-details">
-              <div
-                v-for="(detail, dIdx) in formData.paymentDetails"
-                :key="dIdx"
-                class="detail-card"
-                :class="{ expanded: detail._expanded }"
-              >
-                <div
-                  class="detail-header"
-                  role="button"
-                  tabindex="0"
-                  @click="togglePaymentDetailExpand(dIdx)"
-                  @keydown.enter.prevent="togglePaymentDetailExpand(dIdx)"
-                >
-                  <span class="detail-chevron">▶</span>
-                  <span class="detail-title">缴费明细 #{{ dIdx + 1 }}</span>
-                  <span
-                    v-if="detail.dueAmount != null && detail.dueAmount !== ''"
-                    class="detail-amount"
-                    :class="detail.payStatus === 'yjf' ? 'green' : 'amber'"
-                  >
-                    {{ fmtMoney(detail.dueAmount) }}
-                  </span>
-                  <span
-                    v-if="detail.payStatus"
-                    class="detail-badge"
-                    :class="{
-                      'badge-green': detail.payStatus === 'yjf',
-                      'badge-primary': detail.payStatus === 'dfj',
-                      'badge-amber': detail.payStatus === 'jfqrz',
-                      'badge-gray': detail.payStatus === 'tfqrz' || detail.payStatus === 'ytf'
-                    }"
-                  >
-                    {{ payStatusLabel(String(detail.payStatus)) }}
-                  </span>
-                  <span v-if="!detail._expanded" class="detail-summary">
-                    {{ paymentDetailSummary(detail) }}
-                  </span>
-                  <el-button
-                    v-if="!isPayDetailLocked(detail)"
-                    link
-                    type="danger"
-                    size="small"
-                    class="detail-delete"
-                    @click.stop="removePaymentDetail(dIdx)"
-                  >
-                    <el-icon><Delete /></el-icon>
-                  </el-button>
-                </div>
-                <div v-show="detail._expanded" class="detail-body">
-                  <div class="detail-body-inner">
-                    <div class="form-grid form-grid--col4">
-                      <el-form-item label="应缴费金额(元)">
-                        <AmountInput
-                          v-model="detail.dueAmount"
-                          :min="0"
-                          :disabled="isPayDetailLocked(detail)"
-                          placeholder="请输入应缴费金额"
-                          @change="onPaymentDetailDueAmountChange(dIdx)"
-                        />
-                      </el-form-item>
-                      <el-form-item label="转账方式">
-                        <el-select
-                          v-model="detail.transferType"
-                          placeholder="请选择转账方式"
-                          style="width: 100%"
-                        >
-                          <el-option
-                            v-for="opt in transferTypeOptions"
-                            :key="opt.value"
-                            :label="opt.label"
-                            :value="opt.value"
-                          />
-                        </el-select>
-                      </el-form-item>
-                      <el-form-item label="转账金额(元)">
-                        <AmountInput
-                          v-model="detail.transferAmount"
-                          :min="0"
-                          :disabled="isPayDetailLocked(detail)"
-                          placeholder="请输入转账金额"
-                        />
-                      </el-form-item>
-                      <el-form-item label="转账时间">
-                        <el-date-picker
-                          v-model="detail.transferTime"
-                          type="datetime"
-                          format="YYYY-MM-DD HH:mm"
-                          value-format="YYYY-MM-DD HH:mm:ss"
-                          placeholder="选择时间"
-                          clearable
-                          :disabled="isPayDetailLocked(detail)"
-                          style="width: 100%"
-                        />
-                      </el-form-item>
-                      <el-form-item label="缴费状态">
-                        <el-tag
-                          :type="payStatusTagType(String(detail.payStatus || 'dfj'))"
-                          size="small"
-                        >
-                          {{ payStatusLabel(String(detail.payStatus || 'dfj')) }}
-                        </el-tag>
-                      </el-form-item>
-                      <el-form-item label="应缴费时间">
-                        <el-date-picker
-                          v-model="detail.installmentDueDate"
-                          type="date"
-                          value-format="YYYYMMDD"
-                          format="YYYY-MM-DD"
-                          placeholder="选择应缴费时间"
-                          clearable
-                          :disabled="isPayDetailLocked(detail)"
-                          style="width: 100%"
-                        />
-                      </el-form-item>
-                    </div>
-                    <!-- 每条明细的附件上传区 -->
-                    <div v-if="!isPayDetailLocked(detail)" class="payment-detail-card__attachments">
-                      <div
-                        class="attachment-upload"
-                        :class="{ 'is-dragover': isPaymentDetailDragover(dIdx) }"
-                        v-bind="paymentDetailDropHandlers(dIdx)"
-                      >
-                        <div class="attachment-list">
-                          <el-upload
-                            :auto-upload="false"
-                            :show-file-list="false"
-                            :multiple="true"
-                            accept="image/*,video/*,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.zip,.rar"
-                            @change="(f: any) => handleDetailAttachmentChange(dIdx, f)"
-                          >
-                            <div class="upload-card upload-card--sm">
-                              <el-icon :size="22" color="#047857"><Plus /></el-icon>
-                              <span class="upload-card-text">上传凭证</span>
-                            </div>
-                          </el-upload>
-                          <div
-                            v-for="(file, fIdx) in detail.attachments"
-                            :key="file.id || fIdx"
-                            class="attachment-item"
-                            :class="{ 'is-uploading': file._uploading }"
-                          >
-                            <div
-                              class="attachment-preview"
-                              @click="
-                                isImageFile(file) && file.fileUrl
-                                  ? handlePreviewAttachment(file)
-                                  : undefined
-                              "
-                            >
-                              <template v-if="isImageFile(file) && file.fileUrl">
-                                <img :src="fullFileUrl(file.fileUrl)" :alt="file.fileName" />
-                              </template>
-                              <template v-else-if="isImageFile(file) && !file.fileUrl">
-                                <el-icon :size="24" color="#94a3b8"><Loading /></el-icon>
-                              </template>
-                              <template v-else-if="isVideoFile(file)">
-                                <div
-                                  class="attachment-preview__icon attachment-preview__icon--video"
-                                >
-                                  <el-icon :size="28"><VideoPlay /></el-icon>
-                                </div>
-                              </template>
-                              <template v-else>
-                                <div class="attachment-preview__icon attachment-preview__icon--doc">
-                                  <el-icon :size="28"><Document /></el-icon>
-                                </div>
-                              </template>
-                            </div>
-                            <div class="attachment-footer">
-                              <span class="attachment-name" :title="file.fileName">{{
-                                file.fileName
-                              }}</span>
-                              <div class="attachment-actions">
-                                <el-icon
-                                  class="action-btn"
-                                  title="下载"
-                                  @click="handleDownloadAttachment(file)"
-                                  ><Download
-                                /></el-icon>
-                                <el-icon
-                                  class="action-btn action-btn--danger"
-                                  title="删除"
-                                  @click="removeDetailAttachment(dIdx, fIdx)"
-                                  ><Delete
-                                /></el-icon>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                        <span class="upload-hint"
-                          >支持拖拽或点击上传图片、视频、PDF、Word、Excel等文件，单文件不超过
-                          20MB</span
-                        >
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              <el-empty
-                v-if="!formData.paymentDetails.length"
-                description="暂无缴费明细，点击上方按钮添加"
-                :image-size="48"
-              />
-            </div>
-            </template>
-          </div>
-        </div>
       </el-form>
     </DialogFormBody>
 
@@ -1081,8 +1178,7 @@
     Loading,
     Download,
     ArrowDown,
-    ArrowRight,
-    Upload
+    ArrowRight
   } from '@element-plus/icons-vue'
   import {
     fetchCollectionProtocolDetail,
@@ -1097,17 +1193,6 @@
     useIndexedAttachmentDropZone
   } from '@/composables/useAttachmentDropZone'
   import { formatDatetimeToMinute } from '@/utils/chinese-datetime-parse'
-  import {
-    matchExpressCompany,
-    matchSampleTypeByExactName
-  } from '@/utils/donation-standard-import-parse'
-  import {
-    parseProtocolStandardImportText,
-    resolveTransferTypeCode,
-    isBlankString,
-    matchCellSampleType,
-    type ProtocolStandardImportParsed
-  } from '@/utils/protocol-standard-import-parse'
   import {
     fetchCustomerList,
     fetchUserList,
@@ -1116,7 +1201,8 @@
     fetchItemUnitList,
     fetchCollectionRegionList,
     fetchHospitalList,
-    fetchSearchCollectionHospitals,
+    fetchRegionStaffList,
+    fetchRegionsByStaffUser,
     fetchSampleCodeList,
     fetchExpressCompanyList,
     fetchSiteList
@@ -1145,7 +1231,6 @@
     getActiveSampleCount,
     isInstallmentPayMode,
     isPayModeValidForSampleCount,
-    resolvePaymentPreset,
     type PayMode as PresetPayMode
   } from '@/utils/protocol-payment-presets'
   import {
@@ -1170,10 +1255,13 @@
     payStatusTagType
   } from '@/utils/protocol-payment-labels'
   import SamplePaymentPanel from './SamplePaymentPanel.vue'
-  import ProtocolRefundRecordBlock from './ProtocolRefundRecordBlock.vue'
+  import ProtocolAttachmentReadonly from './ProtocolAttachmentReadonly.vue'
   import {
     parseInstallmentRatios,
+    parsePreferentialPrice,
     protocolTotalMismatchHint,
+    sampleScheduleDuesMismatchHint,
+    sampleScheduleRequiredFieldsHint,
     sumSampleContractAmounts
   } from '@/utils/protocol-sample-payment'
 
@@ -1219,18 +1307,6 @@
     installmentRatios: [] as number[]
   })
 
-  const customerId = ref<string | null>(null)
-  const customerOptions = ref<
-    Array<{ id: string; customerName: string; phoneNo: string; idCardNo: string }>
-  >([])
-  const customerLoading = ref(false)
-  const customerSnapshot = ref<{
-    id: string
-    customerName: string
-    phoneNo: string
-    idCardNo: string
-  } | null>(null)
-
   const regionOptions = ref<Api.BizCollectionRegion.RegionItem[]>([])
   const regionLoading = ref(false)
   const hospitalOptions = ref<Api.BizCollectionHospital.HospitalItem[]>([])
@@ -1246,6 +1322,16 @@
   const salesLoading = ref(false)
   const salesSnapshot = ref<Api.User.UserItem | null>(null)
 
+  const regionManagerUserId = ref<string | null>(null)
+  const managerUserOptions = ref<Api.User.UserItem[]>([])
+  const managerLoading = ref(false)
+  const managerSnapshot = ref<Api.User.UserItem | null>(null)
+  const linkedRegionMode = ref(false)
+  const linkedMotherCustomerId = ref('')
+  const linkedMotherCustomerName = ref('')
+  const linkedFatherCustomerId = ref('')
+  const linkedFatherCustomerName = ref('')
+
   const sampleTypeOptions = ref<
     Array<{
       id: string
@@ -1390,15 +1476,14 @@
     { key: 'collection', label: '采集信息' },
     { key: 'sample', label: '样本及运输信息' },
     { key: 'party', label: '客户信息' },
-    { key: 'payment', label: '缴费信息' }
+    { key: 'payment', label: '缴费信息' },
+    { key: 'attachment', label: '附件信息' }
   ] as const
 
   /* ====== 新增/编辑弹窗 ====== */
   const dialogFormLoading = ref(false)
   const dialogTitle = ref('新增协议单')
   const isEdit = ref(false)
-  const standardImportText = ref('')
-  const standardImportLoading = ref(false)
   const submitLoading = ref(false)
   const editingId = ref<string | null>(null)
   const formRef = ref()
@@ -1444,6 +1529,7 @@
     }>,
     // Party Customer
     customerId: '' as string,
+    fatherCustomerId: '' as string,
     motherName: '',
     motherPhone: '',
     motherIdCard: '',
@@ -1469,6 +1555,7 @@
     hospitalId: '',
     medicalStaff: '',
     salesUserId: '',
+    regionManagerUserId: '',
     sampleCollectTime: '',
     maternalBloodCollectTime: '',
     // Samples
@@ -1493,23 +1580,40 @@
 
   const paymentModelVersion = computed(() => Number(formData.paymentModelVersion || 2))
   const presignDepositHint = ref<Record<string, any> | null>(null)
+  const depositTransfers = ref<Array<Record<string, any>>>([])
   const sampleContractSum = computed(() => sumSampleContractAmounts(formData.samplePayments))
   const protocolTotalHint = computed(() =>
     protocolTotalMismatchHint(formData.protocolTotalAmount, sampleContractSum.value)
   )
+  /** 未手改时，协议总金额跟随样本合同合计 */
+  const protocolTotalFollowSamples = ref(true)
   const presignDepositHintText = computed(() => {
     const h = presignDepositHint.value
     if (!h) return ''
     const amt = Number(h.confirmedDepositAmount || 0)
     const cnt = Number(h.confirmedTransferCount || 0)
-    return `来源预签约已确认意向金合计 ¥${formatMoneyDisplay(amt)}（${cnt} 笔），仅提示不自动写入样本缴费`
+    return `来源预签约已确认意向金合计 ¥${formatMoneyDisplay(amt)}（${cnt} 笔），下方列表与预签同一数据，不自动写入样本缴费`
   })
 
-  watch(sampleContractSum, (sum) => {
+  function roundMoney2(n: number) {
+    return Math.round(n * 100) / 100
+  }
+
+  function syncProtocolTotalFromSamples() {
     if (paymentModelVersion.value < 2) return
-    if (formData.protocolTotalAmount == null && sum > 0) {
-      formData.protocolTotalAmount = Math.round(sum * 100) / 100
-    }
+    if (!protocolTotalFollowSamples.value) return
+    const sum = sampleContractSum.value
+    formData.protocolTotalAmount = sum > 0 ? roundMoney2(sum) : null
+  }
+
+  function onProtocolTotalUserEdit(val: number | null) {
+    const sum = sampleContractSum.value
+    protocolTotalFollowSamples.value =
+      val != null && sum > 0 && Math.abs(Number(val) - sum) <= 0.015
+  }
+
+  watch(sampleContractSum, () => {
+    syncProtocolTotalFromSamples()
   })
 
   const formRules = {
@@ -1531,6 +1635,7 @@
       healthSurveyAttachments: [],
       remark: '',
       customerId: '',
+      fatherCustomerId: '',
       motherName: '',
       motherPhone: '',
       motherIdCard: '',
@@ -1555,6 +1660,7 @@
       hospitalId: '',
       medicalStaff: '',
       salesUserId: '',
+      regionManagerUserId: '',
       sampleCollectTime: '',
       maternalBloodCollectTime: '',
       samples: [],
@@ -1572,16 +1678,23 @@
       sourcePresignOrderId: '',
       samplePayments: []
     })
+    protocolTotalFollowSamples.value = true
     presignDepositHint.value = null
-    customerId.value = null
-    customerOptions.value = []
-    customerSnapshot.value = null
+    depositTransfers.value = []
     collectorUserId.value = null
     collectorUserOptions.value = []
     collectorSnapshot.value = null
     salesUserId.value = null
     salesUserOptions.value = []
     salesSnapshot.value = null
+    regionManagerUserId.value = null
+    managerUserOptions.value = []
+    managerSnapshot.value = null
+    linkedRegionMode.value = false
+    linkedMotherCustomerId.value = ''
+    linkedMotherCustomerName.value = ''
+    linkedFatherCustomerId.value = ''
+    linkedFatherCustomerName.value = ''
     regionOptions.value = []
     hospitalOptions.value = []
     sampleTypeOptions.value = []
@@ -1591,7 +1704,6 @@
     expressCompanyOptions.value = []
     activeFormTab.value = 'basic'
     lastConfirmedPayMode.value = 'dj'
-    standardImportText.value = ''
     lastConfirmedFqParams.value = {
       installmentCount: null,
       installmentIntervalMonths: null,
@@ -1603,8 +1715,8 @@
 
   function scrollToSection(key: string) {
     activeFormTab.value = key
-    if (key === 'payment') {
-      maybeApplyPaymentPresetOnTabEnter()
+    if (key === 'payment' && paymentModelVersion.value < 2) {
+      maybeApplyPreferentialContractOnTabEnter()
     }
     const el = document.getElementById(`form-section-${key}`)
     if (el) {
@@ -1612,6 +1724,20 @@
     }
   }
 
+  /** 有效样本优惠价之和（v1 整单合同默认） */
+  function sumActiveSamplePreferentialPrices(): number | null {
+    let sum = 0
+    let any = false
+    for (const s of formData.samples || []) {
+      if (String(s.sampleStatus || '') === 'yzf') continue
+      const p = parsePreferentialPrice(s)
+      if (p == null) continue
+      sum += p
+      any = true
+    }
+    return any ? roundMoney2(sum) : null
+  }
+
   function normalizeSampleRow(raw: Record<string, any>, _index: number) {
     const transportRaw = raw.transport && typeof raw.transport === 'object' ? raw.transport : {}
     const statusRaw = raw.sampleStatus
@@ -1697,18 +1823,16 @@
   }
 
   /**
-   * 分期默认：期数、每期间隔均为 6；开始时间为空时按分娩/预产期/今日填充。
-   * resetCountInterval：切换到分期时强制重置期数与间隔（与新增一致）。
+   * 分期结构默认：期数/间隔可重置；合同取优惠价之和；各期金额不预填。
    */
   function applyFqPaymentDefaults(options?: { resetCountInterval?: boolean }) {
     const reset = options?.resetCountInterval ?? false
-    const sampleCount = getActiveSampleCount(formData.samples)
-    const preset = resolvePaymentPreset(sampleCount, formData.payMode as PresetPayMode)
-    if (preset?.contractAmount != null) {
-      formData.contractAmount = preset.contractAmount
+    const prefSum = sumActiveSamplePreferentialPrices()
+    if (prefSum != null) {
+      formData.contractAmount = prefSum
     }
     if (reset || isFqNumericFieldEmpty(formData.installmentCount)) {
-      formData.installmentCount = preset?.installmentCount ?? 6
+      formData.installmentCount = 6
     }
     if (reset || isFqNumericFieldEmpty(formData.installmentIntervalMonths)) {
       formData.installmentIntervalMonths = 6
@@ -1719,25 +1843,19 @@
     if (reset || formData.installmentAdvanceDays == null) {
       formData.installmentAdvanceDays = DEFAULT_INSTALLMENT_ADVANCE_DAYS
     }
-    const count = toIntOrUndefined(formData.installmentCount) || 6
-    if (preset?.installmentAmounts?.length) {
-      formData.installmentRatios = [...preset.installmentAmounts]
-    } else {
-      formData.installmentRatios = normalizeInstallmentAmounts(
-        formData.installmentRatios || [],
-        formData.contractAmount,
-        count
-      )
-    }
+    formData.installmentRatios = []
   }
 
-  function applyPaymentPresetForMode(payMode: PresetPayMode) {
-    const sampleCount = getActiveSampleCount(formData.samples)
-    const preset = resolvePaymentPreset(sampleCount, payMode)
-    if (!preset) return
-    formData.contractAmount = preset.contractAmount
-    if (isInstallmentPayMode(payMode) && preset.installmentCount) {
-      formData.installmentCount = preset.installmentCount
+  /** v1：按优惠价之和填合同；分期明细金额留空 */
+  function applyPreferentialContractForV1Mode(payMode: PresetPayMode) {
+    const prefSum = sumActiveSamplePreferentialPrices()
+    if (prefSum != null) {
+      formData.contractAmount = prefSum
+    }
+    if (isInstallmentPayMode(payMode)) {
+      if (isFqNumericFieldEmpty(formData.installmentCount)) {
+        formData.installmentCount = 6
+      }
       if (isFqNumericFieldEmpty(formData.installmentIntervalMonths)) {
         formData.installmentIntervalMonths = 6
       }
@@ -1747,18 +1865,16 @@
       if (formData.installmentAdvanceDays == null) {
         formData.installmentAdvanceDays = DEFAULT_INSTALLMENT_ADVANCE_DAYS
       }
-      formData.installmentRatios = [...(preset.installmentAmounts || [])]
-      formData.paymentDetails = generateInitialFqDetails(
-        getFqParamsFromForm(),
-        preset.contractAmount
-      )
+      formData.installmentRatios = []
+      const details = generateInitialFqDetails(getFqParamsFromForm(), formData.contractAmount)
+      formData.paymentDetails = details.map((d) => ({ ...d, dueAmount: null }))
       initPaymentDetailExpandFlags(formData.paymentDetails)
       markPayDetailLocks(formData.paymentDetails)
       syncLastConfirmedFqParams()
     } else {
       formData.paymentDetails = [
         createPaymentDetailRow({
-          dueAmount: preset.contractAmount,
+          dueAmount: formData.contractAmount,
           installmentDueDate: formData.lumpSumDeadline || '',
           expanded: true
         })
@@ -1768,10 +1884,10 @@
     }
   }
 
-  function maybeApplyPaymentPresetOnTabEnter() {
+  function maybeApplyPreferentialContractOnTabEnter() {
     if (hasLockedPaymentDetails()) return
     if (formData.paymentDetails.length > 0) return
-    applyPaymentPresetForMode(formData.payMode as PresetPayMode)
+    applyPreferentialContractForV1Mode(formData.payMode as PresetPayMode)
   }
 
   function toIntOrUndefined(val: unknown): number | undefined {
@@ -1934,7 +2050,7 @@
     }
 
     if (!hasLockedPaymentDetails()) {
-      applyPaymentPresetForMode(toMode as PresetPayMode)
+      applyPreferentialContractForV1Mode(toMode as PresetPayMode)
     } else {
       if (isInstallmentPayMode(toMode)) {
         applyFqPaymentDefaults({ resetCountInterval: fromMode === 'dj' })
@@ -1947,12 +2063,9 @@
       )
       initPaymentDetailExpandFlags(formData.paymentDetails)
       markPayDetailLocks(formData.paymentDetails)
-      const preset = resolvePaymentPreset(
-        getActiveSampleCount(formData.samples),
-        toMode as PresetPayMode
-      )
-      if (preset?.contractAmount != null) {
-        formData.contractAmount = preset.contractAmount
+      const prefSum = sumActiveSamplePreferentialPrices()
+      if (prefSum != null) {
+        formData.contractAmount = prefSum
       }
     }
 
@@ -1984,9 +2097,8 @@
     formData.motherEthnic = DEFAULT_MOTHER_ETHNIC
     formData.registerDate = new Date().toISOString().slice(0, 10).replace(/-/g, '')
     void loadEthnicOptions()
-    void remoteSearchCustomers('')
 
-    // 默认采集专员、销售人员为当前登录人
+    // 默认采集专员、市场专员为当前登录人
     const currentUser = userStore.getUserInfo
     const uid = String(currentUser?.id || currentUser?.userId || '')
     if (uid) {
@@ -2015,11 +2127,12 @@
       collectorSnapshot.value = { ...userStub }
       collectorUserOptions.value = [{ ...userStub }]
 
-      // 销售人员默认当前用户
+      // 市场专员默认当前用户，并按关联地区带出采集地区 / 地区经理
       salesUserId.value = uid
       formData.salesUserId = uid
       salesSnapshot.value = { ...userStub }
       salesUserOptions.value = [{ ...userStub }]
+      void applyRegionsForSalesUser(uid)
     }
   }
 
@@ -2037,13 +2150,32 @@
       formData.sourcePresignOrderId = String(prot.sourcePresignOrderId || '')
     }
     presignDepositHint.value = (bundle.presignDepositHint as Record<string, any>) || null
+    depositTransfers.value = Array.isArray(bundle.depositTransfers)
+      ? (bundle.depositTransfers as Array<Record<string, any>>)
+      : []
     const samplePays = bundle.samplePayments as Array<Record<string, any>> | null
     if (samplePays && samplePays.length) {
       formData.samplePayments = samplePays.map((p) => ({
         ...p,
-        installmentRatios: parseInstallmentRatios(p.installmentRatios)
+        installmentRatios: parseInstallmentRatios(p.installmentRatios),
+        schedules: (p.schedules || []).map((sch: Record<string, any>) => ({
+          ...sch,
+          transfers: (sch.transfers || []).map((t: Record<string, any>) => ({
+            ...t,
+            attachments: Array.isArray(t.attachments)
+              ? t.attachments.map((a: Record<string, any>) => ({ ...a }))
+              : []
+          }))
+        }))
       }))
     }
+    {
+      const sum = sampleContractSum.value
+      const total = formData.protocolTotalAmount
+      protocolTotalFollowSamples.value =
+        total == null || (sum > 0 && Math.abs(Number(total) - sum) <= 0.015)
+      syncProtocolTotalFromSamples()
+    }
 
     const pc = bundle.partyCustomer as Record<string, any> | null
     if (pc) {
@@ -2069,6 +2201,11 @@
       formData.apgar1min = pc.apgar1min ?? null
       formData.apgar5min = pc.apgar5min ?? null
       formData.customerId = String(pc.customerId || '')
+      formData.fatherCustomerId = String(pc.fatherCustomerId || '')
+      linkedMotherCustomerId.value = formData.customerId
+      linkedMotherCustomerName.value = formData.motherName
+      linkedFatherCustomerId.value = formData.fatherCustomerId
+      linkedFatherCustomerName.value = formData.fatherName
     }
 
     const ci = bundle.collectionInfo as Record<string, any> | null
@@ -2077,6 +2214,7 @@
       formData.hospitalId = String(ci.hospitalId || '')
       formData.medicalStaff = String(ci.medicalStaff || '')
       formData.salesUserId = String(ci.salesUserId || '')
+      formData.regionManagerUserId = String(ci.regionManagerUserId || '')
       formData.sampleCollectTime = formatDatetimeToMinute(String(ci.sampleCollectTime || ''))
       formData.maternalBloodCollectTime = formatDatetimeToMinute(String(ci.maternalBloodCollectTime || ''))
     }
@@ -2177,17 +2315,16 @@
         applyProtocolBundleToForm(bundle as Record<string, any>, row)
       }
 
+      const ciBundle = (bundle as any)?.collectionInfo as Record<string, any> | null
       const hydrateTasks: Promise<void>[] = [
         hydrateCollectorUserForEdit(
           formData.collectorUserId,
           String((row as any).collectorUserName || '')
         ),
         hydrateSalesUserForEdit(formData.salesUserId, String((row as any).salesUserName || '')),
-        hydrateCustomerForEdit(
-          formData.customerId,
-          formData.motherName,
-          formData.motherPhone,
-          formData.motherIdCard
+        hydrateManagerUserForEdit(
+          formData.regionManagerUserId,
+          String(ciBundle?.regionManagerUserName || (row as any).regionManagerUserName || '')
         )
       ]
       if (formData.regionId) {
@@ -2205,6 +2342,12 @@
         )
       }
       await Promise.all(hydrateTasks)
+      if (formData.salesUserId) {
+        await applyRegionsForSalesUser(formData.salesUserId, {
+          preferKeepRegion: true,
+          skipManagerDefault: true
+        })
+      }
       if (formData.samples.length) {
         await Promise.all([
           remoteSearchSampleTypes(''),
@@ -2253,6 +2396,20 @@
         ElMessage.warning('请先为样本分配样本编码，再保存按样本缴费方案')
         return
       }
+      for (const pay of formData.samplePayments) {
+        const requiredHint = sampleScheduleRequiredFieldsHint(pay)
+        if (requiredHint) {
+          submitLoading.value = false
+          await ElMessageBox.alert(requiredHint, '无法保存', { type: 'warning' })
+          return
+        }
+        const duesHint = sampleScheduleDuesMismatchHint(pay)
+        if (duesHint) {
+          submitLoading.value = false
+          await ElMessageBox.alert(duesHint, '无法保存', { type: 'warning' })
+          return
+        }
+      }
       const mismatch = protocolTotalMismatchHint(
         formData.protocolTotalAmount,
         sumSampleContractAmounts(formData.samplePayments)
@@ -2327,6 +2484,7 @@
         remark: formData.remark || undefined,
         partyCustomer: {
           customerId: formData.customerId || undefined,
+          fatherCustomerId: formData.fatherCustomerId || undefined,
           motherName: formData.motherName || undefined,
           motherPhone: formData.motherPhone || undefined,
           motherIdCard: formData.motherIdCard || undefined,
@@ -2353,6 +2511,7 @@
           hospitalId: formData.hospitalId || undefined,
           medicalStaff: formData.medicalStaff || undefined,
           salesUserId: formData.salesUserId || undefined,
+          regionManagerUserId: formData.regionManagerUserId || undefined,
           sampleCollectTime: formData.sampleCollectTime || undefined,
           maternalBloodCollectTime: formData.maternalBloodCollectTime || undefined
         },
@@ -2392,15 +2551,23 @@
             dueDate: sch.dueDate || undefined,
             scheduleStatus: sch.scheduleStatus || 'open',
             remark: sch.remark,
-            transfers: (sch.transfers || []).map((t: any) => ({
-              id: t.id,
-              transferType: t.transferType,
-              transferAmount: t.transferAmount,
-              transferTime: t.transferTime,
-              transferAttachments: t.transferAttachments,
-              payStatus: t.payStatus || 'dfj',
-              remark: t.remark
-            }))
+            transfers: (sch.transfers || []).map((t: any) => {
+              const fromFiles = Array.isArray(t.attachments)
+                ? t.attachments
+                    .filter((f: any) => f?.fileUrl && !f._uploading)
+                    .map((f: any) => String(f.fileUrl))
+                    .join(',')
+                : ''
+              return {
+                id: t.id,
+                transferType: t.transferType,
+                transferAmount: t.transferAmount,
+                transferTime: t.transferTime,
+                transferAttachments: fromFiles || t.transferAttachments || undefined,
+                payStatus: t.payStatus || 'dfj',
+                remark: t.remark
+              }
+            })
           }))
         }))
       } else {
@@ -2539,47 +2706,42 @@
     )
   }
 
-  async function hydrateCustomerForEdit(
-    customerIdVal: string,
-    motherName: string,
-    motherPhone: string,
-    motherIdCard: string
-  ) {
-    const cid = (customerIdVal || '').trim()
-    if (!cid) {
-      customerId.value = null
-      customerSnapshot.value = null
-      customerOptions.value = []
-      formData.customerId = ''
-      return
-    }
-    let snapshot = {
-      id: cid,
-      customerName: motherName,
-      phoneNo: motherPhone,
-      idCardNo: motherIdCard
-    }
-    const keyword = motherPhone || motherName || motherIdCard
-    if (keyword) {
-      try {
-        const res = await fetchCustomerList({ page: 1, pageSize: 50, keyword })
-        const match = (res.list || []).find((c) => c.id === cid)
-        if (match) {
-          snapshot = {
-            id: match.id,
-            customerName: match.customerName || motherName,
-            phoneNo: match.phoneNo || motherPhone,
-            idCardNo: match.idCardNo || motherIdCard
-          }
-        }
-      } catch {
-        /* 使用母亲信息占位 */
+  async function hydrateManagerUserForEdit(userId: string, displayName?: string) {
+    await hydrateRemoteUserForEdit(
+      userId,
+      displayName,
+      (user) => {
+        managerSnapshot.value = { ...user }
+        regionManagerUserId.value = user.id
+        managerUserOptions.value = [{ ...user }]
+        formData.regionManagerUserId = user.id
+      },
+      () => {
+        regionManagerUserId.value = null
+        managerSnapshot.value = null
+        managerUserOptions.value = []
+        formData.regionManagerUserId = ''
       }
-    }
-    customerSnapshot.value = snapshot
-    customerId.value = cid
-    customerOptions.value = [snapshot]
-    formData.customerId = cid
+    )
+  }
+
+  function makeManagerUserStub(id: string, name: string): Api.User.UserItem {
+    return {
+      id,
+      nickName: name || id,
+      phoneNo: '',
+      deptId: '',
+      userNo: '',
+      email: '',
+      sex: '',
+      avatar: '',
+      status: '1',
+      tenantNo: '',
+      orderNum: 0,
+      remark: '',
+      createTime: '',
+      updateTime: ''
+    } as Api.User.UserItem
   }
 
   async function ensureRegionOptionForEdit(regionId: string, regionName?: string) {
@@ -2729,570 +2891,6 @@
     ensureSitesInOptions(formData.samples)
   }
 
-  function formatNowDatetime(): string {
-    const now = new Date()
-    const pad = (n: number) => String(n).padStart(2, '0')
-    return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(now.getMinutes())}:${pad(now.getSeconds())}`
-  }
-
-  /** 一键导入前清空上次导入/手填的可覆盖字段（保留协议状态、登记日期、附件等） */
-  function clearFormBeforeStandardImport() {
-    customerId.value = null
-    customerSnapshot.value = null
-    customerOptions.value = []
-    formData.customerId = ''
-    formData.motherName = ''
-    formData.motherPhone = ''
-    formData.motherIdCard = ''
-    formData.motherBirthYm = ''
-    formData.motherEmail = ''
-    formData.motherAddress = ''
-
-    formData.fatherName = ''
-    formData.fatherPhone = ''
-    formData.fatherIdCard = ''
-    formData.newbornName = ''
-    formData.newbornIdCard = ''
-    formData.expectedDeliveryDate = ''
-
-    formData.newbornSex = ''
-    formData.newbornWeightGram = null
-    formData.apgar1min = null
-    formData.apgar5min = null
-    formData.newbornDeliveryTime = ''
-    formData.deliveryMode = ''
-    formData.birthOrder = null
-
-    formData.regionId = ''
-    formData.hospitalId = ''
-    formData.medicalStaff = ''
-    formData.sampleCollectTime = ''
-    formData.maternalBloodCollectTime = ''
-    regionOptions.value = []
-    hospitalOptions.value = []
-
-    collectorUserId.value = null
-    collectorSnapshot.value = null
-    collectorUserOptions.value = []
-    formData.collectorUserId = ''
-
-    salesUserId.value = null
-    salesSnapshot.value = null
-    salesUserOptions.value = []
-    formData.salesUserId = ''
-
-    formData.samples = []
-    sampleCodeOptions.value = []
-    siteOptions.value = []
-    expressCompanyOptions.value = []
-
-    formData.payMode = 'dj'
-    formData.contractAmount = null
-    formData.lumpSumDeadline = ''
-    formData.installmentCount = null
-    formData.installmentIntervalMonths = null
-    formData.installmentStartDate = ''
-    formData.installmentAdvanceDays = DEFAULT_INSTALLMENT_ADVANCE_DAYS
-    formData.installmentRatios = []
-    formData.paymentDetails = []
-    lastConfirmedPayMode.value = 'dj'
-    lastConfirmedFqParams.value = {
-      installmentCount: null,
-      installmentIntervalMonths: null,
-      installmentStartDate: '',
-      installmentAdvanceDays: DEFAULT_INSTALLMENT_ADVANCE_DAYS,
-      installmentRatios: [] as number[]
-    }
-
-    formData.remark = ''
-  }
-
-  async function applyMotherByName(name: string): Promise<'linked' | 'name-only' | 'skipped'> {
-    const keyword = (name || '').trim()
-    if (!keyword) return 'skipped'
-    if (!isBlankString(formData.customerId)) return 'skipped'
-    if (!isBlankString(formData.motherName)) return 'skipped'
-
-    try {
-      const res = await fetchCustomerList({ page: 1, pageSize: 50, keyword })
-      const list = res.list || []
-      const match =
-        list.find((c) => c.customerName === keyword) ||
-        list.find((c) => (c.customerName || '').includes(keyword))
-      if (match) {
-        customerOptions.value = [match, ...list.filter((c) => c.id !== match.id)]
-        onCustomerChange(match.id)
-        return 'linked'
-      }
-      formData.motherName = keyword
-      return 'name-only'
-    } catch {
-      formData.motherName = keyword
-      return 'name-only'
-    }
-  }
-
-  async function applyHospitalByName(name: string): Promise<boolean> {
-    const keyword = (name || '').trim()
-    if (!keyword || !isBlankString(formData.hospitalId)) return false
-    try {
-      const res = await fetchSearchCollectionHospitals({ keyword, limit: 20 })
-      const list = res.list || []
-      const match =
-        list.find((h) => h.hospitalName === keyword) ||
-        list.find((h) => (h.hospitalName || '').includes(keyword)) ||
-        list[0]
-      if (!match) return false
-
-      const regionStub: Api.BizCollectionRegion.RegionItem = {
-        id: match.regionId,
-        regionName: match.regionName || match.regionId,
-        hospitalNames: [],
-        tenantNo: match.tenantNo || '',
-        orderNum: 0,
-        remark: '',
-        createTime: '',
-        updateTime: ''
-      }
-      if (!regionOptions.value.some((r) => r.id === match.regionId)) {
-        regionOptions.value = [regionStub, ...regionOptions.value]
-      }
-      formData.regionId = match.regionId
-      await loadHospitalsByRegion(match.regionId, keyword)
-      if (!hospitalOptions.value.some((h) => h.id === match.id)) {
-        hospitalOptions.value = [match, ...hospitalOptions.value]
-      }
-      formData.hospitalId = match.id
-      return true
-    } catch {
-      return false
-    }
-  }
-
-  async function applySalesUserByName(name: string): Promise<boolean> {
-    const keyword = (name || '').trim()
-    if (!keyword) return false
-    try {
-      const res = await fetchUserList({
-        page: 1,
-        pageSize: 50,
-        keyword,
-        status: '1'
-      })
-      const list = res.list || []
-      const match =
-        list.find((u) => u.nickName === keyword) ||
-        list.find((u) => (u.nickName || '').includes(keyword))
-      if (!match) return false
-      applyUserToCollector(match)
-      applyUserToSales(match)
-      return true
-    } catch {
-      return false
-    }
-  }
-
-  function applyUserToCollector(u: Api.User.UserItem) {
-    collectorSnapshot.value = { ...u }
-    collectorUserId.value = u.id
-    formData.collectorUserId = u.id
-    if (!collectorUserOptions.value.some((x) => x.id === u.id)) {
-      collectorUserOptions.value = [u, ...collectorUserOptions.value]
-    }
-  }
-
-  function applyUserToSales(u: Api.User.UserItem) {
-    salesSnapshot.value = { ...u }
-    salesUserId.value = u.id
-    formData.salesUserId = u.id
-    if (!salesUserOptions.value.some((x) => x.id === u.id)) {
-      salesUserOptions.value = [u, ...salesUserOptions.value]
-    }
-  }
-
-  async function resolveSampleCodeByCode(code: string) {
-    const keyword = (code || '').trim()
-    if (!keyword) return null
-    const res = await fetchSampleCodeList({ page: 1, pageSize: 50, keyword })
-    const list = (res.list || []) as Api.BizSampleCode.SampleCodeItem[]
-    return (
-      list.find((sc) => sc.sampleCode === keyword) ||
-      list.find((sc) => String(sc.sampleCode || '').includes(keyword)) ||
-      null
-    )
-  }
-
-  function applyParsedTransportToSample(
-    sample: Record<string, any>,
-    parsed: ProtocolStandardImportParsed,
-    warnings: string[],
-    filledLabels: string[]
-  ) {
-    if (!parsed.transportType) return
-
-    const transport = { ...(sample.transport || createEmptyTransport()) }
-    let transportFilled = false
-
-    if (isBlankString(transport.transportType)) {
-      transport.transportType = parsed.transportType
-      transportFilled = true
-    }
-    if (isBlankString(transport.destSiteId) && siteOptions.value.length) {
-      const site = siteOptions.value[0]
-      transport.destSiteId = site.id
-      transportFilled = true
-    }
-    if (parsed.etaTime && isBlankString(transport.etaTime)) {
-      transport.etaTime = parsed.etaTime
-      transportFilled = true
-    } else if (isBlankString(transport.etaTime)) {
-      transport.etaTime = formatNowDatetime()
-      transportFilled = true
-    }
-    if (parsed.transportType === 'kdys' && isBlankString(transport.expressCompanyId)) {
-      const ec = matchExpressCompany(
-        parsed.transportModeText || '顺丰快递',
-        expressCompanyOptions.value
-      )
-      if (ec) {
-        transport.expressCompanyId = ec.id
-        if (!expressCompanyOptions.value.some((x) => x.id === ec.id)) {
-          expressCompanyOptions.value = [ec, ...expressCompanyOptions.value]
-        }
-        transportFilled = true
-      } else {
-        warnings.push(`未找到快递公司「${parsed.transportModeText || ''}」`)
-      }
-    }
-    if (parsed.transportType === 'ryxd' && parsed.carrierName && isBlankString(transport.carrierName)) {
-      transport.carrierName = parsed.carrierName
-      transportFilled = true
-    }
-    sample.transport = transport
-    if (transportFilled) filledLabels.push('运输信息')
-  }
-
-  async function applySampleHintsFromImport(
-    parsed: ProtocolStandardImportParsed,
-    warnings: string[],
-    filledLabels: string[]
-  ) {
-    let hints = parsed.sampleHints
-    if (!hints.length) {
-      const matched = matchCellSampleType(parsed.sampleTypeHeader, sampleTypeOptions.value)
-      if (matched) {
-        hints = [{ typeKey: 'hsc', typeName: matched.typeName }]
-      }
-    }
-
-    for (const hint of hints) {
-      const matchedType = matchSampleTypeByExactName(hint.typeName, sampleTypeOptions.value)
-      const sample = normalizeSampleRow({ sampleTypeId: '', sampleStatus: 'ycj' }, formData.samples.length)
-      formData.samples.push(sample)
-
-      if (matchedType) {
-        sample.sampleTypeId = matchedType.id
-        sample.storageYears = matchedType.storageYears ?? null
-        sample.originalPrice = matchedType.storagePrice ?? null
-        sample.price = matchedType.storagePrice ?? null
-        if (!sampleTypeOptions.value.some((x) => x.id === matchedType.id)) {
-          sampleTypeOptions.value = [matchedType, ...sampleTypeOptions.value]
-        }
-        filledLabels.push(hint.typeName)
-      } else {
-        warnings.push(`无法匹配样本类型「${hint.typeName}」`)
-      }
-
-      if (hint.sampleCode) {
-        const sc = await resolveSampleCodeByCode(hint.sampleCode)
-        if (sc) {
-          sample.sampleCodeId = sc.id
-          sample.sampleCode = sc.sampleCode
-          if (!sampleCodeOptions.value.some((x) => x.id === sc.id)) {
-            sampleCodeOptions.value = [sc, ...sampleCodeOptions.value]
-          }
-          filledLabels.push('样本编码')
-        } else {
-          warnings.push(`未找到样本编码「${hint.sampleCode}」`)
-        }
-      }
-
-      applyParsedTransportToSample(sample, parsed, warnings, filledLabels)
-    }
-  }
-
-  function syncFormSamplesAfterImport() {
-    formData.samples = formData.samples.map((s, i) =>
-      normalizeSampleRow(
-        {
-          ...s,
-          transport: s.transport ? { ...s.transport } : undefined
-        },
-        i
-      )
-    )
-    hydrateSampleLookupOptions()
-  }
-
-  function applyPaymentFromImport(parsed: ProtocolStandardImportParsed, warnings: string[]) {
-    formData.payMode = parsed.payMode || 'dj'
-    lastConfirmedPayMode.value = formData.payMode as PayMode
-
-    if (isInstallmentPayMode(parsed.payMode || 'dj')) {
-      applyFqPaymentDefaults()
-    }
-
-    if (parsed.contractAmount != null) {
-      formData.contractAmount = parsed.contractAmount
-    }
-
-    const transferTypeCode = resolveTransferTypeCode(
-      parsed.transferTypeLabel || '',
-      transferTypeOptions.value
-    )
-    if (parsed.transferTypeLabel && !transferTypeCode) {
-      warnings.push(`无法匹配转账方式「${parsed.transferTypeLabel}」`)
-    }
-
-    const now = new Date()
-    const pad = (n: number) => String(n).padStart(2, '0')
-    const defaultTime = `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(now.getMinutes())}:${pad(now.getSeconds())}`
-
-    formData.paymentDetails = []
-    const transfers = parsed.paymentTransfers.filter((t) => t.transferAmount > 0)
-
-    if (transfers.length) {
-      transfers.forEach((t, i) => {
-        formData.paymentDetails.push({
-          transferType: transferTypeCode,
-          dueAmount: t.transferAmount,
-          transferAmount: t.transferAmount,
-          transferTime: t.transferTime || defaultTime,
-          payStatus: 'dfj',
-          installmentDueDate: formData.payMode === 'dj' ? formData.lumpSumDeadline : '',
-          _expanded: i === 0,
-          attachments: []
-        })
-      })
-    } else if (formData.payMode === 'dj' && formData.contractAmount != null) {
-      addPaymentDetail()
-      const detail = formData.paymentDetails[0]
-      if (detail) {
-        detail.transferType = transferTypeCode
-        detail.dueAmount = formData.contractAmount
-        detail.transferAmount = formData.contractAmount
-      }
-    }
-
-    initPaymentDetailExpandFlags(formData.paymentDetails)
-    markPayDetailLocks(formData.paymentDetails)
-    if (!transfers.length && !(formData.payMode === 'dj' && formData.contractAmount != null)) {
-      syncPaymentDueAmounts()
-    }
-
-    if (parsed.contractAmount != null && transfers.length) {
-      const sum = transfers.reduce((acc, t) => acc + Number(t.transferAmount || 0), 0)
-      if (Math.abs(sum - Number(parsed.contractAmount)) > 0.01) {
-        warnings.push(
-          `转账合计 ${sum} 与合同金额 ${parsed.contractAmount} 不一致，请核对缴费明细`
-        )
-      }
-    }
-  }
-
-  async function handleStandardImport() {
-    const parsed = parseProtocolStandardImportText(standardImportText.value)
-    if (!parsed) {
-      ElMessage.warning('请粘贴有效的标准信息')
-      return
-    }
-
-    standardImportLoading.value = true
-    const warnings: string[] = []
-    const filledLabels: string[] = []
-
-    try {
-      clearFormBeforeStandardImport()
-      await ensureTransferTypeOptions()
-      await remoteSearchSampleTypes('')
-
-      const tasks: Promise<void>[] = []
-
-      if (parsed.motherName) {
-        tasks.push(
-          applyMotherByName(parsed.motherName).then((result) => {
-            if (result === 'linked') filledLabels.push('母亲信息（已关联客户）')
-            else if (result === 'name-only') filledLabels.push('母亲姓名')
-          })
-        )
-      }
-
-      if (parsed.hospitalName) {
-        tasks.push(
-          applyHospitalByName(parsed.hospitalName).then((ok) => {
-            if (ok) filledLabels.push('采集地区/采集医院')
-            else if (isBlankString(formData.hospitalId)) {
-              warnings.push(`未找到采集医院「${parsed.hospitalName}」`)
-            }
-          })
-        )
-      }
-
-      if (parsed.salesUserName) {
-        tasks.push(
-          applySalesUserByName(parsed.salesUserName).then((ok) => {
-            if (ok) filledLabels.push('采集专员/销售人员')
-            else warnings.push(`未找到销售人员「${parsed.salesUserName}」`)
-          })
-        )
-      }
-
-      const needsTransport = !!parsed.transportType
-      if (needsTransport) {
-        tasks.push(remoteSearchSites('').then(() => undefined))
-        if (parsed.transportType === 'kdys') {
-          tasks.push(
-            remoteSearchExpressCompanies(
-              (parsed.transportModeText || '').replace(/快递$/, '') || '顺丰'
-            ).then(() => undefined)
-          )
-        }
-      }
-
-      await Promise.all(tasks)
-
-      if (parsed.motherPhone) {
-        formData.motherPhone = parsed.motherPhone
-        filledLabels.push('孕妇电话')
-      }
-      if (parsed.newbornSex) {
-        formData.newbornSex = parsed.newbornSex
-        filledLabels.push('新生儿性别')
-      }
-      if (parsed.newbornWeightGram != null) {
-        formData.newbornWeightGram = parsed.newbornWeightGram
-        filledLabels.push('新生儿体重')
-      }
-      if (parsed.apgarScore != null) {
-        formData.apgar1min = parsed.apgarScore
-        filledLabels.push('新生儿评分')
-      }
-      if (parsed.newbornDeliveryTime) {
-        formData.newbornDeliveryTime = parsed.newbornDeliveryTime
-        filledLabels.push('新生儿分娩时间')
-      }
-      if (parsed.sampleCollectTime) {
-        formData.sampleCollectTime = formatDatetimeToMinute(parsed.sampleCollectTime)
-        filledLabels.push('样本采集时间')
-      }
-      if (parsed.maternalBloodExplicitEmpty) {
-        formData.maternalBloodCollectTime = ''
-        filledLabels.push('母血采集时间')
-      } else if (parsed.maternalBloodCollectTime) {
-        formData.maternalBloodCollectTime = formatDatetimeToMinute(parsed.maternalBloodCollectTime)
-        filledLabels.push('母血采集时间')
-      }
-      if (parsed.deliveryMode) {
-        formData.deliveryMode = parsed.deliveryMode
-        filledLabels.push('分娩方式')
-      }
-      if (parsed.birthOrder != null) {
-        formData.birthOrder = parsed.birthOrder
-        filledLabels.push('胎次')
-      }
-      if (parsed.medicalStaff) {
-        formData.medicalStaff = parsed.medicalStaff
-        filledLabels.push('采集医护')
-      }
-      if (parsed.remark) {
-        formData.remark = parsed.remark
-        filledLabels.push('备注')
-      }
-
-      await applySampleHintsFromImport(parsed, warnings, filledLabels)
-
-      if (formData.samples.length) {
-        syncFormSamplesAfterImport()
-      }
-
-      applyPaymentFromImport(parsed, warnings)
-
-      if (parsed.contractAmount != null) {
-        filledLabels.push('合同金额')
-      }
-
-      if (parsed.transportModeText && !parsed.transportType) {
-        warnings.push(`无法识别运输方式「${parsed.transportModeText}」`)
-      }
-
-      const uniqueFilled = [...new Set(filledLabels)]
-      if (uniqueFilled.length) {
-        ElMessage.success(`已填充：${uniqueFilled.join('、')}`)
-      } else if (!warnings.length) {
-        ElMessage.info('没有可填充的字段')
-      }
-      if (warnings.length) {
-        ElMessage.warning(warnings.join('；'))
-      }
-    } catch {
-      ElMessage.error('导入失败，请检查标准信息格式')
-    } finally {
-      standardImportLoading.value = false
-    }
-  }
-
-  /* ====== 客户检索（母亲信息） ====== */
-  function formatCustomerLabel(c: { customerName: string; phoneNo: string; idCardNo: string }) {
-    const parts = [c.customerName || '']
-    if (c.phoneNo) parts.push(c.phoneNo)
-    if (c.idCardNo) parts.push(c.idCardNo)
-    return parts.filter(Boolean).join(' · ')
-  }
-
-  async function remoteSearchCustomers(query: string) {
-    customerLoading.value = true
-    try {
-      const res = await fetchCustomerList({ page: 1, pageSize: 50, keyword: query || undefined })
-      let list = [...(res.list || [])]
-      // Keep current selection visible
-      if (
-        customerId.value &&
-        customerSnapshot.value?.id === customerId.value &&
-        !list.some((x) => x.id === customerId.value)
-      ) {
-        list = [customerSnapshot.value, ...list]
-      }
-      customerOptions.value = list
-    } catch {
-      customerOptions.value = []
-    } finally {
-      customerLoading.value = false
-    }
-  }
-
-  function onCustomerChange(val: string | null | undefined) {
-    if (!val) {
-      customerId.value = null
-      customerSnapshot.value = null
-      // Clear auto-filled fields only
-      formData.motherName = ''
-      formData.motherPhone = ''
-      formData.motherIdCard = ''
-      formData.motherBirthYm = ''
-      formData.motherEmail = ''
-      return
-    }
-    const c = customerOptions.value.find((x) => x.id === val) || customerSnapshot.value
-    if (!c) return
-    customerSnapshot.value = { ...c } as any
-    customerId.value = c.id
-    formData.customerId = c.id
-    formData.motherName = c.customerName?.trim() || ''
-    formData.motherPhone = c.phoneNo?.trim() || ''
-    formData.motherIdCard = c.idCardNo?.trim() || ''
-    calcBirthFromIdCard()
-  }
-
   /* ====== 采集专员检索 ====== */
   async function remoteSearchCollectorUsers(query: string) {
     collectorLoading.value = true
@@ -3333,7 +2931,7 @@
     formData.collectorUserId = u.id
   }
 
-  /* ====== 销售人员检索 ====== */
+  /* ====== 市场专员检索 ====== */
   async function remoteSearchSalesUsers(query: string) {
     salesLoading.value = true
     try {
@@ -3359,11 +2957,38 @@
     }
   }
 
-  function onSalesUserChange(val: string | null | undefined) {
+  async function remoteSearchManagerUsers(query: string) {
+    managerLoading.value = true
+    try {
+      const res = await fetchUserList({
+        page: 1,
+        pageSize: 50,
+        keyword: (query || '').trim() || undefined,
+        status: '1'
+      })
+      let list = [...(res.list || [])]
+      const cur = regionManagerUserId.value
+      if (cur && !list.some((x) => x.id === cur)) {
+        const keep =
+          managerSnapshot.value?.id === cur
+            ? managerSnapshot.value
+            : managerUserOptions.value.find((x) => x.id === cur)
+        if (keep) list = [keep, ...list]
+      }
+      managerUserOptions.value = list
+    } catch {
+      managerUserOptions.value = []
+    } finally {
+      managerLoading.value = false
+    }
+  }
+
+  async function onSalesUserChange(val: string | null | undefined) {
     if (!val) {
       salesUserId.value = null
       salesSnapshot.value = null
       formData.salesUserId = ''
+      await applyRegionsForSalesUser(null)
       return
     }
     const u = salesUserOptions.value.find((x) => x.id === val) || salesSnapshot.value
@@ -3371,6 +2996,131 @@
     salesSnapshot.value = { ...u }
     salesUserId.value = u.id
     formData.salesUserId = u.id
+    await applyRegionsForSalesUser(u.id)
+  }
+
+  function onManagerUserChange(val: string | null | undefined) {
+    if (!val) {
+      regionManagerUserId.value = null
+      managerSnapshot.value = null
+      formData.regionManagerUserId = ''
+      return
+    }
+    const u = managerUserOptions.value.find((x) => x.id === val) || managerSnapshot.value
+    if (!u) {
+      regionManagerUserId.value = val
+      formData.regionManagerUserId = val
+      return
+    }
+    managerSnapshot.value = { ...u }
+    regionManagerUserId.value = u.id
+    formData.regionManagerUserId = u.id
+  }
+
+  async function applyDefaultRegionManager(regionId: string) {
+    if (!regionId) {
+      regionManagerUserId.value = null
+      formData.regionManagerUserId = ''
+      managerUserOptions.value = []
+      managerSnapshot.value = null
+      return
+    }
+    try {
+      const res: any = await fetchRegionStaffList(regionId, { page: 1, pageSize: 100 })
+      const list = (res?.list || []) as Array<Record<string, any>>
+      const leader = list.find((x) => x.isLeader) || list[0]
+      if (!leader?.userId) {
+        regionManagerUserId.value = null
+        formData.regionManagerUserId = ''
+        return
+      }
+      const stub = makeManagerUserStub(
+        String(leader.userId),
+        String(leader.nickName || leader.userName || '')
+      )
+      regionManagerUserId.value = stub.id
+      formData.regionManagerUserId = stub.id
+      managerSnapshot.value = { ...stub }
+      if (!managerUserOptions.value.some((x) => x.id === stub.id)) {
+        managerUserOptions.value = [stub, ...managerUserOptions.value]
+      }
+    } catch {
+      /* 地区无人员配置时留空，可手工选择 */
+    }
+  }
+
+  async function applyRegionsForSalesUser(
+    userId: string | null,
+    opts?: { preferKeepRegion?: boolean; skipManagerDefault?: boolean }
+  ) {
+    const uid = (userId || '').trim()
+    if (!uid) {
+      linkedRegionMode.value = false
+      formData.regionId = ''
+      formData.hospitalId = ''
+      regionManagerUserId.value = null
+      formData.regionManagerUserId = ''
+      managerUserOptions.value = []
+      managerSnapshot.value = null
+      regionOptions.value = []
+      hospitalOptions.value = []
+      return
+    }
+    try {
+      const res: any = await fetchRegionsByStaffUser(uid)
+      const list = (res?.list || []) as Array<{ id: string; regionName: string }>
+      if (list.length > 0) {
+        linkedRegionMode.value = true
+        // 编辑回填：以库中已存 regionId 为准，即使不在专员关联列表中也保留
+        const keep = Boolean(opts?.preferKeepRegion && formData.regionId)
+        const inLinked = Boolean(formData.regionId && list.some((x) => x.id === formData.regionId))
+        const prevRegionName =
+          regionOptions.value.find((r) => r.id === formData.regionId)?.regionName || ''
+        regionOptions.value = list as any
+        if (keep && !inLinked) {
+          const stub: Api.BizCollectionRegion.RegionItem = {
+            id: formData.regionId,
+            regionName: prevRegionName || formData.regionId,
+            hospitalNames: [],
+            tenantNo: '',
+            orderNum: 0,
+            remark: '',
+            createTime: '',
+            updateTime: ''
+          }
+          regionOptions.value = [stub, ...regionOptions.value]
+        }
+        const nextId = keep ? formData.regionId : inLinked ? formData.regionId : list[0].id
+        const regionChanged = nextId !== formData.regionId
+        formData.regionId = nextId
+        if (regionChanged) {
+          formData.hospitalId = ''
+          hospitalOptions.value = []
+          await loadHospitalsByRegion(nextId, '')
+          if (!opts?.skipManagerDefault) {
+            await applyDefaultRegionManager(nextId)
+          }
+        } else if (!opts?.skipManagerDefault && !formData.regionManagerUserId) {
+          await applyDefaultRegionManager(nextId)
+        }
+      } else {
+        linkedRegionMode.value = false
+        // 编辑回填：专员无关联地区时保留库中已存值，仅退出关联模式（恢复全量检索）
+        if (opts?.preferKeepRegion) {
+          return
+        }
+        formData.regionId = ''
+        formData.hospitalId = ''
+        hospitalOptions.value = []
+        regionOptions.value = []
+        regionManagerUserId.value = null
+        formData.regionManagerUserId = ''
+        managerUserOptions.value = []
+        managerSnapshot.value = null
+      }
+    } catch {
+      linkedRegionMode.value = false
+    }
   }
 
   async function remoteSearchSampleCodes(query: string, codeFilter?: string) {
@@ -3479,24 +3229,32 @@
     }
   }
 
-  function onRegionChange(val: string | null | undefined) {
+  async function onRegionChange(val: string | null | undefined) {
     if (!val) {
       formData.regionId = ''
       hospitalOptions.value = []
       formData.hospitalId = ''
+      regionManagerUserId.value = null
+      formData.regionManagerUserId = ''
+      managerUserOptions.value = []
+      managerSnapshot.value = null
       return
     }
     formData.regionId = val
     formData.hospitalId = ''
     hospitalOptions.value = []
-    // 联动加载该地区下的医院
-    loadHospitalsByRegion(val)
+    await loadHospitalsByRegion(val)
+    await applyDefaultRegionManager(val)
   }
 
   function onRegionClear() {
     formData.regionId = ''
     formData.hospitalId = ''
     hospitalOptions.value = []
+    regionManagerUserId.value = null
+    formData.regionManagerUserId = ''
+    managerUserOptions.value = []
+    managerSnapshot.value = null
   }
 
   async function loadHospitalsByRegion(regionId: string, keyword?: string) {
@@ -3613,9 +3371,87 @@
     }
   }
 
-  /** 样本价格或状态变更（不自动改合同金额） */
+  /** 样本优惠价变更：SamplePaymentPanel 按 sample.price 同步合同金额 */
   function onSamplePriceChange() {
-    // 保留样本价格字段，不与合同金额联动
+    // 联动在 SamplePaymentPanel 的 samples watch 中完成
+  }
+
+  /* ====== 母亲/父亲姓名检索客户档案 ====== */
+  async function queryPartyCustomers(
+    query: string,
+    cb: (list: Api.BizCustomer.CustomerItem[]) => void
+  ) {
+    const q = (query || '').trim()
+    if (!q) {
+      cb([])
+      return
+    }
+    try {
+      const res = await fetchCustomerList({ page: 1, pageSize: 20, keyword: q })
+      cb(res.list || [])
+    } catch {
+      cb([])
+    }
+  }
+
+  function onMotherCustomerSelect(item: Api.BizCustomer.CustomerItem) {
+    const name = String(item.customerName || '').trim()
+    formData.customerId = item.id
+    formData.motherName = name
+    formData.motherPhone = String(item.phoneNo || '').trim()
+    formData.motherIdCard = String(item.idCardNo || '').trim()
+    linkedMotherCustomerId.value = item.id
+    linkedMotherCustomerName.value = name
+    calcBirthFromIdCard()
+    const birthYm = String(item.birthYm || '').trim()
+    const ethnic = String(item.ethnic || '').trim()
+    const email = String(item.email || '').trim()
+    const address = String(item.address || '').trim()
+    if (!(formData.motherBirthYm || '').trim() && birthYm) formData.motherBirthYm = birthYm
+    if (!(formData.motherEthnic || '').trim() && ethnic) {
+      formData.motherEthnic = ethnic
+      ensureEthnicOptionInList(ethnic)
+    }
+    if (!(formData.motherEmail || '').trim() && email) formData.motherEmail = email
+    if (!(formData.motherAddress || '').trim() && address) formData.motherAddress = address
+  }
+
+  function onMotherCustomerClear() {
+    formData.customerId = ''
+    linkedMotherCustomerId.value = ''
+    linkedMotherCustomerName.value = ''
+  }
+
+  function onMotherNameInput(val: string) {
+    if (linkedMotherCustomerId.value && val !== linkedMotherCustomerName.value) {
+      formData.customerId = ''
+      linkedMotherCustomerId.value = ''
+      linkedMotherCustomerName.value = ''
+    }
+  }
+
+  function onFatherCustomerSelect(item: Api.BizCustomer.CustomerItem) {
+    const name = String(item.customerName || '').trim()
+    formData.fatherCustomerId = item.id
+    formData.fatherName = name
+    formData.fatherPhone = String(item.phoneNo || '').trim()
+    formData.fatherIdCard = String(item.idCardNo || '').trim()
+    linkedFatherCustomerId.value = item.id
+    linkedFatherCustomerName.value = name
+  }
+
+  function onFatherCustomerClear() {
+    formData.fatherCustomerId = ''
+    linkedFatherCustomerId.value = ''
+    linkedFatherCustomerName.value = ''
+  }
+
+  function onFatherNameInput(val: string) {
+    if (linkedFatherCustomerId.value && val !== linkedFatherCustomerName.value) {
+      formData.fatherCustomerId = ''
+      linkedFatherCustomerId.value = ''
+      linkedFatherCustomerName.value = ''
+    }
   }
 
   /* ====== 母亲身份证号 ↔ 出生年月联动 ====== */
@@ -3638,20 +3474,18 @@
     () => calcBirthFromIdCard()
   )
 
-  /** 样本数变化时按当前缴费模式刷新默认定价（新增单；无已缴锁定明细时整单重填） */
+  /** 样本数/优惠价变化：新增单 v1 整单合同跟随优惠价之和（无已缴锁定时） */
   watch(activeSampleCount, () => {
     if (isEdit.value) return
+    if (paymentModelVersion.value >= 2) return
     if (hasLockedPaymentDetails()) {
-      const preset = resolvePaymentPreset(
-        getActiveSampleCount(formData.samples),
-        formData.payMode as PresetPayMode
-      )
-      if (preset?.contractAmount != null) {
-        formData.contractAmount = preset.contractAmount
+      const prefSum = sumActiveSamplePreferentialPrices()
+      if (prefSum != null) {
+        formData.contractAmount = prefSum
       }
       return
     }
-    applyPaymentPresetForMode(formData.payMode as PresetPayMode)
+    applyPreferentialContractForV1Mode(formData.payMode as PresetPayMode)
   })
 
   /* ====== 趸交截止时间联动 ====== */
@@ -3907,78 +3741,44 @@
   /* ═══════════════════════════════════════════
      DIALOG BODY
      ═══════════════════════════════════════════ */
-  .protocol-dialog-body {
+  :deep(.protocol-dialog-body) {
     overflow: visible;
-    background: #f5f7fa;
+    background: #fff;
+  }
+
+  .detail-tabs {
+    margin: 0 20px 12px;
   }
 
   .protocol-form {
+    padding: 0 20px 16px;
+
     :deep(.el-form-item) {
       margin-bottom: 4px;
     }
   }
 
   /* ═══════════════════════════════════════════
-     SECTION CARDS
+     SECTIONS（单区域连续排布，无分块圆角卡片）
      ═══════════════════════════════════════════ */
   .form-tab-pane {
-    padding: 0 28px 4px;
+    padding: 0;
 
     & + .form-tab-pane {
-      margin-top: 0;
-      padding-top: 0;
+      margin-top: 14px;
     }
   }
 
   .section-card {
-    border-radius: 12px;
-    padding: 22px 24px;
-    margin-bottom: 20px;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
-    transition:
-      transform 0.2s,
-      box-shadow 0.2s;
+    border-radius: 0;
+    padding: 0;
+    margin-bottom: 0;
+    box-shadow: none;
     position: relative;
-    background: #fff;
-
-    &:hover {
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-    }
+    background: transparent;
 
     &--green {
-      background: #f0fdf4;
-    }
-
-    &--import {
-      margin-bottom: 0;
-
-      .import-textarea-item {
-        margin-bottom: 12px;
-
-        :deep(.el-textarea__inner) {
-          min-height: 560px;
-        }
-      }
-    }
-  }
-
-  .import-actions {
-    display: flex;
-    flex-shrink: 0;
-    justify-content: flex-end;
-    padding: 0 0 8px;
-  }
-
-  .form-tab-pane--import-basic {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-    gap: 16px;
-    align-items: stretch;
-    margin-bottom: 28px;
-
-    .section-card {
-      margin-bottom: 0;
-      height: 100%;
+      background: transparent;
     }
   }
 
@@ -3986,9 +3786,9 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    margin-bottom: 18px;
-    padding-bottom: 12px;
-    border-bottom: 1px solid #e2e8f0;
+    margin-bottom: 10px;
+    padding-bottom: 0;
+    border-bottom: none;
   }
 
   .section-title-left {
@@ -3998,16 +3798,16 @@
     &::before {
       content: '';
       width: 3px;
-      height: 18px;
+      height: 14px;
       background: #047857;
       border-radius: 2px;
-      margin-right: 10px;
+      margin-right: 8px;
       flex-shrink: 0;
     }
   }
 
   .section-title h3 {
-    font-size: 15px;
+    font-size: 14px;
     font-weight: 600;
     color: #1e293b;
   }
@@ -4019,7 +3819,7 @@
     font-size: 13px;
     font-weight: 600;
     color: #374151;
-    margin: 18px 0 14px;
+    margin: 12px 0 10px;
 
     &::before {
       content: '';
@@ -4040,6 +3840,10 @@
     color: #94a3b8;
   }
 
+  .muted-dash {
+    color: var(--mint-text-muted, #94a3b8);
+  }
+
   .warning-hint {
     color: #d97706;
   }
@@ -4050,7 +3854,7 @@
   .form-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
-    gap: 16px 20px;
+    gap: 12px 16px;
 
     &--col2 {
       grid-template-columns: repeat(2, 1fr);
@@ -4069,8 +3873,12 @@
     }
 
     &--attachment {
-      margin-top: 16px;
+      margin-top: 10px;
       grid-template-columns: 1fr;
+
+      &:first-of-type {
+        margin-top: 0;
+      }
     }
 
     :deep(.el-form-item) {
@@ -4125,18 +3933,6 @@
       font-weight: 600;
       color: #1e293b;
     }
-
-    .search-link {
-      margin-left: auto;
-      font-size: 12px;
-      color: #047857;
-      cursor: pointer;
-      font-weight: 500;
-
-      &:hover {
-        text-decoration: underline;
-      }
-    }
   }
 
   /* ═══════════════════════════════════════════
@@ -4151,6 +3947,37 @@
     border: 1px solid rgba(0, 0, 0, 0.03);
   }
 
+  .protocol-total-card {
+    padding-top: 14px;
+    padding-bottom: 14px;
+  }
+
+  .protocol-total-inline {
+    .protocol-total-item {
+      margin-bottom: 0;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: 12px;
+
+      :deep(.el-form-item__label) {
+        margin: 0 !important;
+        padding: 0 !important;
+        line-height: 32px;
+        height: auto;
+        width: auto !important;
+        justify-content: flex-start;
+        white-space: nowrap;
+      }
+
+      :deep(.el-form-item__content) {
+        flex: 1;
+        min-width: 0;
+        margin-left: 0 !important;
+      }
+    }
+  }
+
   .payment-details {
     display: flex;
     flex-direction: column;
@@ -4450,10 +4277,6 @@
      RESPONSIVE
      ═══════════════════════════════════════════ */
   @media (max-width: 900px) {
-    .form-tab-pane--import-basic {
-      grid-template-columns: 1fr;
-    }
-
     .form-grid {
       grid-template-columns: repeat(2, 1fr);
 
@@ -4523,4 +4346,35 @@
     color: #dc2626;
     font-size: 12px;
   }
+
+  :global(.mother-customer-suggest-popper) {
+    min-width: 520px !important;
+    width: max-content !important;
+  }
+
+  :global(.mother-customer-suggest-popper .mother-customer-suggest-item) {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    white-space: nowrap;
+    line-height: 1.4;
+  }
+
+  :global(.mother-customer-suggest-popper .mother-customer-suggest-item__name) {
+    flex: 0 0 72px;
+    font-weight: 500;
+    color: var(--mint-text, #0f172a);
+  }
+
+  :global(.mother-customer-suggest-popper .mother-customer-suggest-item__phone) {
+    flex: 0 0 120px;
+    color: var(--mint-text-muted, #64748b);
+  }
+
+  :global(.mother-customer-suggest-popper .mother-customer-suggest-item__idcard) {
+    flex: 0 0 auto;
+    font-variant-numeric: tabular-nums;
+    letter-spacing: 0.02em;
+    color: var(--mint-text, #0f172a);
+  }
 </style>
diff --git a/web-admin/src/views/cell-storage/protocol/ProtocolViewDialog.vue b/web-admin/src/views/cell-storage/protocol/ProtocolViewDialog.vue
index 894c1885..71c4d5eb 100644
--- a/web-admin/src/views/cell-storage/protocol/ProtocolViewDialog.vue
+++ b/web-admin/src/views/cell-storage/protocol/ProtocolViewDialog.vue
@@ -65,211 +65,18 @@
                 ><div class="data-value">{{ dash(protocol?.createTime) }}</div></div
               >
             </div>
-            <!-- 协议状态变更记录（非储存证查看：仍在基本信息内） -->
-            <div v-if="!showStorageCert && hasAnyStatusChange" class="status-change-section">
-              <div class="status-change-title">状态变更记录</div>
-              <div class="data-grid data-grid--4">
-                <template v-if="protocol?.effectiveTime">
-                  <div class="data-item"
-                    ><div class="data-label">协议生效时间</div
-                    ><div class="data-value">{{ dash(protocol.effectiveTime) }}</div></div
-                  >
-                  <div class="data-item"
-                    ><div class="data-label">协议生效描述</div
-                    ><div class="data-value data-value--muted">{{
-                      dash(protocol.effectiveDesc)
-                    }}</div></div
-                  >
-                </template>
-                <template v-if="protocol?.expireTime">
-                  <div class="data-item"
-                    ><div class="data-label">协议过期时间</div
-                    ><div class="data-value">{{ dash(protocol.expireTime) }}</div></div
-                  >
-                  <div class="data-item"
-                    ><div class="data-label">协议过期描述</div
-                    ><div class="data-value data-value--muted">{{
-                      dash(protocol.expireDesc)
-                    }}</div></div
-                  >
-                </template>
-                <template v-if="protocol?.voidTime">
-                  <div class="data-item"
-                    ><div class="data-label">作废类型</div
-                    ><div class="data-value">{{
-                      voidTypeLabel(String(protocol?.voidType || '')) || '—'
-                    }}</div></div
-                  >
-                  <div class="data-item"
-                    ><div class="data-label">协议作废时间</div
-                    ><div class="data-value">{{ dash(protocol.voidTime) }}</div></div
-                  >
-                  <div class="data-item"
-                    ><div class="data-label">协议作废描述</div
-                    ><div class="data-value data-value--muted">{{
-                      dash(protocol.voidDesc)
-                    }}</div></div
-                  >
-                </template>
-                <template v-if="protocol?.toResearchTime">
-                  <div class="data-item"
-                    ><div class="data-label">协议转科研时间</div
-                    ><div class="data-value">{{ dash(protocol.toResearchTime) }}</div></div
-                  >
-                  <div class="data-item"
-                    ><div class="data-label">协议转科研描述</div
-                    ><div class="data-value data-value--muted">{{
-                      dash(protocol.toResearchDesc)
-                    }}</div></div
-                  >
-                </template>
-              </div>
-            </div>
-            <!-- 协议附件 / 知情同意书 / 孕妇健康调查表 / 备注 -->
-            <div
-              v-if="
-                protocolAttachments.length ||
-                consentAttachments.length ||
-                healthSurveyAttachments.length ||
-                (protocol?.remark && String(protocol.remark).trim())
-              "
-              class="protocol-basic-attachments-block"
-            >
-              <div class="data-item protocol-attachments-item">
-                <div class="data-label">协议附件</div>
-                <div class="data-value protocol-attachments-value">
-                  <ProtocolAttachmentReadonly
-                    :files="protocolAttachments"
-                    @preview="openPreview"
-                    @download="downloadFile"
-                  />
-                </div>
-              </div>
-              <div class="data-item protocol-attachments-item">
-                <div class="data-label">知情同意书</div>
-                <div class="data-value protocol-attachments-value">
-                  <ProtocolAttachmentReadonly
-                    :files="consentAttachments"
-                    @preview="openPreview"
-                    @download="downloadFile"
-                  />
-                </div>
-              </div>
-              <div class="data-item protocol-attachments-item">
-                <div class="data-label">孕妇健康调查表</div>
-                <div class="data-value protocol-attachments-value">
-                  <ProtocolAttachmentReadonly
-                    :files="healthSurveyAttachments"
-                    @preview="openPreview"
-                    @download="downloadFile"
-                  />
-                </div>
-              </div>
-              <div v-if="protocol?.remark && String(protocol.remark).trim()" class="data-item">
+            <div v-if="protocol?.remark && String(protocol.remark).trim()" class="remark-row">
+              <div class="data-item data-item--full">
                 <div class="data-label">备注</div>
                 <div class="data-value data-value--muted">{{ dash(protocol?.remark) }}</div>
               </div>
             </div>
-            <!-- 储存证：储存证附件、制作状态、制作日期同一行（在协议附件行下方） -->
-            <div v-if="showStorageCert" class="data-grid data-grid--3 storage-cert-info-row">
-              <div class="data-item storage-cert-attachments-item">
-                <div class="data-label">储存证附件</div>
-                <div class="data-value storage-cert-attachments-value">
-                  <ProtocolAttachmentReadonly
-                    :files="storageCertAttachments"
-                    @preview="openPreview"
-                    @download="downloadFile"
-                  />
-                </div>
-              </div>
-              <div class="data-item">
-                <div class="data-label">制作状态</div>
-                <div class="data-value">
-                  <el-tag
-                    :type="storageCertMakeStatusTagType(String(storageCertInfo?.makeStatus || '0'))"
-                    size="small"
-                  >
-                    {{ storageCertMakeStatusLabel(String(storageCertInfo?.makeStatus || '0')) }}
-                  </el-tag>
-                </div>
-              </div>
-              <div class="data-item">
-                <div class="data-label">制作日期</div>
-                <div class="data-value">{{ formatYmd(storageCertInfo?.makeDate) }}</div>
-              </div>
-            </div>
-          </div>
-
-          <!-- 状态变更记录（储存证查看：独立区域） -->
-          <div
-            v-if="showStorageCert"
-            id="view-section-status-change"
-            class="section-card section-card--white"
-          >
-            <div class="section-title"><h3>状态变更记录</h3></div>
-            <el-empty v-if="!hasAnyStatusChange" description="暂无状态变更记录" :image-size="64" />
-            <div v-else class="data-grid data-grid--4">
-              <template v-if="protocol?.effectiveTime">
-                <div class="data-item"
-                  ><div class="data-label">协议生效时间</div
-                  ><div class="data-value">{{ dash(protocol.effectiveTime) }}</div></div
-                >
-                <div class="data-item"
-                  ><div class="data-label">协议生效描述</div
-                  ><div class="data-value data-value--muted">{{
-                    dash(protocol.effectiveDesc)
-                  }}</div></div
-                >
-              </template>
-              <template v-if="protocol?.expireTime">
-                <div class="data-item"
-                  ><div class="data-label">协议过期时间</div
-                  ><div class="data-value">{{ dash(protocol.expireTime) }}</div></div
-                >
-                <div class="data-item"
-                  ><div class="data-label">协议过期描述</div
-                  ><div class="data-value data-value--muted">{{
-                    dash(protocol.expireDesc)
-                  }}</div></div
-                >
-              </template>
-              <template v-if="protocol?.voidTime">
-                <div class="data-item"
-                  ><div class="data-label">作废类型</div
-                  ><div class="data-value">{{
-                    voidTypeLabel(String(protocol?.voidType || '')) || '—'
-                  }}</div></div
-                >
-                <div class="data-item"
-                  ><div class="data-label">协议作废时间</div
-                  ><div class="data-value">{{ dash(protocol.voidTime) }}</div></div
-                >
-                <div class="data-item"
-                  ><div class="data-label">协议作废描述</div
-                  ><div class="data-value data-value--muted">{{
-                    dash(protocol.voidDesc)
-                  }}</div></div
-                >
-              </template>
-              <template v-if="protocol?.toResearchTime">
-                <div class="data-item"
-                  ><div class="data-label">协议转科研时间</div
-                  ><div class="data-value">{{ dash(protocol.toResearchTime) }}</div></div
-                >
-                <div class="data-item"
-                  ><div class="data-label">协议转科研描述</div
-                  ><div class="data-value data-value--muted">{{
-                    dash(protocol.toResearchDesc)
-                  }}</div></div
-                >
-              </template>
-            </div>
           </div>
 
           <!-- 采集信息 -->
           <div id="view-section-collection" class="section-card section-card--white">
             <div class="section-title section-title--banner"><h3>采集信息</h3></div>
-            <div class="data-grid data-grid--4">
+            <div class="data-grid data-grid--7 data-grid--collection-row">
               <div class="data-item"
                 ><div class="data-label">采集地区</div
                 ><div class="data-value">{{ regionDisplay }}</div></div
@@ -283,9 +90,13 @@
                 ><div class="data-value">{{ dash(collectionInfo?.medicalStaff) }}</div></div
               >
               <div class="data-item"
-                ><div class="data-label">销售人员</div
+                ><div class="data-label">市场专员</div
                 ><div class="data-value">{{ salesDisplay }}</div></div
               >
+              <div class="data-item"
+                ><div class="data-label">地区经理</div
+                ><div class="data-value">{{ regionManagerDisplay }}</div></div
+              >
               <div class="data-item"
                 ><div class="data-label">样本采集时间</div
                 ><div class="data-value">{{ dash(collectionInfo?.sampleCollectTime) }}</div></div
@@ -377,13 +188,15 @@
                       </div>
                       <div class="data-item">
                         <div class="data-label">运费(元)</div>
-                        <div class="data-value">{{
-                          row.freight?.freightAmount != null
-                            ? '¥' + formatMoneyDisplay(row.freight.freightAmount)
-                            : '—'
-                        }}{{
-                          Number(row.freight?.linkedSampleCount || 0) > 1 ? '（共用）' : ''
-                        }}</div>
+                        <div class="data-value"
+                          >{{
+                            row.freight?.freightAmount != null
+                              ? '¥' + formatMoneyDisplay(row.freight.freightAmount)
+                              : '—'
+                          }}{{
+                            Number(row.freight?.linkedSampleCount || 0) > 1 ? '（共用）' : ''
+                          }}</div
+                        >
                       </div>
                     </div>
                   </div>
@@ -415,6 +228,7 @@
                     :gate-qc-info="row.qcInfo"
                     :process-qc-info-list="row.processQcInfoList"
                     :sample-reception="row.sampleReception"
+                    :show-section-label="false"
                   />
                   <SampleProductionInfoCards :production-info="row.productionInfo" />
                   <SampleStorageReleaseInfo :storage-release-info="row.storageReleaseInfo" />
@@ -489,11 +303,11 @@
                     ><div class="data-label">母亲民族</div
                     ><div class="data-value">{{ dash(partyCustomer?.motherEthnic) }}</div></div
                   >
+                  <div class="data-item"
+                    ><div class="data-label">母亲邮箱</div
+                    ><div class="data-value">{{ dash(partyCustomer?.motherEmail) }}</div></div
+                  >
                 </div>
-                <div class="sub-card-full-row"
-                  ><div class="data-label">母亲邮箱</div
-                  ><div class="data-value">{{ dash(partyCustomer?.motherEmail) }}</div></div
-                >
                 <div class="sub-card-full-row"
                   ><div class="data-label">母亲家庭住址</div
                   ><div class="data-value data-value--muted">{{
@@ -576,116 +390,80 @@
             </div>
           </div>
 
-          <!-- 新生儿保险信息（满月待办查看：客户信息下方独立区域） -->
+          <!-- 储存证与新生儿保险（只读，字段对齐样本信息管理录入项） -->
           <div
-            v-if="showFullmoonInsurance"
-            id="view-section-fullmoon-insurance"
+            v-if="showHandleSummary"
+            id="view-section-storage-insurance"
             class="section-card section-card--white"
           >
-            <div class="section-title section-title--banner"><h3>新生儿保险信息</h3></div>
-            <div class="data-grid data-grid--4">
-              <div class="data-item"
-                ><div class="data-label">满月日期</div
-                ><div class="data-value">{{ dash(fullmoonInsuranceInfo?.fullmoonDate) }}</div></div
-              >
-              <div class="data-item">
-                <div class="data-label">待办状态</div>
-                <div class="data-value">
-                  <el-tag
-                    :type="
-                      fullmoonTodoStatusTagType(String(fullmoonInsuranceInfo?.todoStatus || '0'))
-                    "
-                    size="small"
-                  >
-                    {{ fullmoonTodoStatusLabel(String(fullmoonInsuranceInfo?.todoStatus || '0')) }}
-                  </el-tag>
+            <div class="section-title section-title--banner"><h3>储存证与新生儿保险</h3></div>
+            <div class="handle-summary-cards">
+              <div v-if="showStorageCert" class="handle-summary-card">
+                <div class="sub-card-header"><h4>储存证</h4></div>
+                <div class="data-grid data-grid--2">
+                  <div class="data-item">
+                    <div class="data-label">办理时间</div>
+                    <div class="data-value">{{ dash(storageCertInfo?.handleTime) }}</div>
+                  </div>
+                  <div class="data-item">
+                    <div class="data-label">办理人员</div>
+                    <div class="data-value">{{ dash(storageCertInfo?.handlerUserName) }}</div>
+                  </div>
+                </div>
+                <div class="attachment-row">
+                  <div class="data-label">储存证附件</div>
+                  <ProtocolAttachmentReadonly
+                    :files="storageCertAttachments"
+                    @preview="openPreview"
+                    @download="downloadFile"
+                  />
+                </div>
+                <div class="remark-row">
+                  <div class="data-item data-item--full">
+                    <div class="data-label">备注</div>
+                    <div class="data-value data-value--muted">{{
+                      dash(storageCertInfo?.remark)
+                    }}</div>
+                  </div>
                 </div>
               </div>
-              <div class="data-item">
-                <div class="data-label">是否已订购保险</div>
-                <div class="data-value">
-                  <el-tag
-                    :type="
-                      insuranceSubscribedTagType(
-                        String(fullmoonInsuranceInfo?.insuranceSubscribed || '0')
-                      )
-                    "
-                    size="small"
-                  >
-                    {{
-                      insuranceSubscribedLabel(
-                        String(fullmoonInsuranceInfo?.insuranceSubscribed || '0')
-                      )
-                    }}
-                  </el-tag>
+              <div v-if="showFullmoonInsurance" class="handle-summary-card">
+                <div class="sub-card-header"><h4>新生儿保险</h4></div>
+                <div class="data-grid data-grid--2">
+                  <div class="data-item">
+                    <div class="data-label">办理时间</div>
+                    <div class="data-value">{{ dash(fullmoonInsuranceInfo?.handleTime) }}</div>
+                  </div>
+                  <div class="data-item">
+                    <div class="data-label">办理人员</div>
+                    <div class="data-value">{{ dash(fullmoonInsuranceInfo?.handlerUserName) }}</div>
+                  </div>
+                </div>
+                <div class="attachment-row">
+                  <div class="data-label">保险附件</div>
+                  <ProtocolAttachmentReadonly
+                    :files="fullmoonInsuranceAttachments"
+                    @preview="openPreview"
+                    @download="downloadFile"
+                  />
+                </div>
+                <div class="remark-row">
+                  <div class="data-item data-item--full">
+                    <div class="data-label">备注</div>
+                    <div class="data-value data-value--muted">{{
+                      dash(fullmoonInsuranceInfo?.handleRemark)
+                    }}</div>
+                  </div>
                 </div>
               </div>
-              <div class="data-item"
-                ><div class="data-label">保险公司</div
-                ><div class="data-value">{{
-                  dash(fullmoonInsuranceInfo?.insuranceCompanyName)
-                }}</div></div
-              >
-              <div class="data-item"
-                ><div class="data-label">保险险种</div
-                ><div class="data-value">{{ dash(fullmoonInsuranceInfo?.insuranceType) }}</div></div
-              >
-              <div class="data-item"
-                ><div class="data-label">保险单号</div
-                ><div class="data-value">{{
-                  dash(fullmoonInsuranceInfo?.insurancePolicyNo)
-                }}</div></div
-              >
-              <div class="data-item"
-                ><div class="data-label">保单费用（元）</div
-                ><div class="data-value">{{
-                  fmtMoney(fullmoonInsuranceInfo?.insuranceFee)
-                }}</div></div
-              >
-              <div class="data-item"
-                ><div class="data-label">保险单生效时间</div
-                ><div class="data-value">{{
-                  formatYmd(fullmoonInsuranceInfo?.insuranceEffectiveDate)
-                }}</div></div
-              >
-              <div class="data-item"
-                ><div class="data-label">保险单失效时间</div
-                ><div class="data-value">{{
-                  formatYmd(fullmoonInsuranceInfo?.insuranceExpiryDate)
-                }}</div></div
-              >
-              <div class="data-item"
-                ><div class="data-label">办理日期</div
-                ><div class="data-value">{{
-                  formatYmd(fullmoonInsuranceInfo?.handleDate)
-                }}</div></div
-              >
-            </div>
-            <div v-if="fullmoonInsuranceInfo?.handleRemark" class="remark-row">
-              <div class="data-item data-item--full">
-                <div class="data-label">办理备注</div>
-                <div class="data-value data-value--muted">{{
-                  dash(fullmoonInsuranceInfo?.handleRemark)
-                }}</div>
-              </div>
-            </div>
-            <div class="attachment-row">
-              <div class="data-label">保险单附件</div>
-              <ProtocolAttachmentReadonly
-                v-if="fullmoonInsuranceAttachments.length"
-                :files="fullmoonInsuranceAttachments"
-                @preview="openPreview"
-                @download="downloadFile"
-              />
-              <div v-else class="data-value data-value--muted">—</div>
             </div>
           </div>
 
           <!-- 缴费信息 -->
-          <div id="view-section-payment" class="section-card">
+          <div id="view-section-payment" class="section-card section-card--white">
             <div class="section-title section-title--banner"><h3>缴费信息</h3></div>
 
-            <!-- v2: 按样本缴费只读 -->
+            <!-- v2: 按样本缴费只读（对齐新增/编辑弹窗） -->
             <template v-if="paymentModelVersion >= 2">
               <el-alert
                 v-if="presignDepositHint"
@@ -695,7 +473,71 @@
                 style="margin-bottom: 12px"
                 :title="presignDepositHintText"
               />
-              <div class="payment-summary">
+              <div
+                v-if="depositTransfers.length"
+                class="sample-pay-readonly__batch-title"
+                style="margin-bottom: 8px"
+              >
+                意向金转账（关联预签约订单）
+              </div>
+              <el-table
+                v-if="depositTransfers.length"
+                :data="depositTransfers"
+                class="list-table inner-table"
+                stripe
+                style="margin-bottom: 16px"
+              >
+                <el-table-column type="index" label="#" min-width="50" align="center" />
+                <el-table-column label="转账方式" min-width="120" align="center">
+                  <template #default="{ row }">
+                    {{ transferTypeLabel(String(row.transferType || '')) || '—' }}
+                  </template>
+                </el-table-column>
+                <el-table-column label="转账金额(元)" min-width="130" align="center">
+                  <template #default="{ row }">{{ fmtMoney(row.transferAmount) }}</template>
+                </el-table-column>
+                <el-table-column label="转账时间" min-width="170" align="center">
+                  <template #default="{ row }">
+                    {{ formatDisplayOrDash(row.transferTime) }}
+                  </template>
+                </el-table-column>
+                <el-table-column label="转账凭证" min-width="220" align="left">
+                  <template #default="{ row }">
+                    <ProtocolAttachmentReadonly
+                      v-if="(row.attachments || []).length"
+                      :files="row.attachments || []"
+                      size="compact"
+                      @preview="openPreview"
+                      @download="downloadFile"
+                    />
+                    <span v-else class="muted-dash">—</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  label="备注"
+                  min-width="140"
+                  align="center"
+                  show-overflow-tooltip
+                >
+                  <template #default="{ row }">{{ row.remark || '—' }}</template>
+                </el-table-column>
+                <el-table-column
+                  label="财务备注"
+                  min-width="140"
+                  align="center"
+                  show-overflow-tooltip
+                >
+                  <template #default="{ row }">{{ row.financeRemark || '—' }}</template>
+                </el-table-column>
+                <el-table-column label="状态" min-width="110" align="center">
+                  <template #default="{ row }">
+                    <el-tag :type="payStatusTagType(String(row.payStatus || ''))" size="small">
+                      {{ payStatusLabel(String(row.payStatus || '')) }}
+                    </el-tag>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <div class="payment-summary payment-summary--3">
                 <div class="payment-metric">
                   <div class="pm-label">协议总金额(元)</div>
                   <div class="pm-value pm-value--amount">{{
@@ -713,7 +555,7 @@
                   }}</div>
                 </div>
               </div>
-              <div class="section-subtitle">按样本缴费方案</div>
+
               <div v-if="samplePayments.length" class="sample-pay-readonly">
                 <div
                   v-for="(sp, sIdx) in samplePayments"
@@ -721,41 +563,202 @@
                   class="sample-pay-readonly__card"
                 >
                   <div class="sample-pay-readonly__head">
-                    <span
-                      >{{ sp.sampleCode || '未编码' }} ·
-                      {{ payModeLabel(String(sp.payMode || '')) }}</span
-                    >
+                    <div class="sample-pay-readonly__title">
+                      <span>{{ samplePayTitle(sp) }}</span>
+                      <el-tag v-if="sp.sampleCode" size="small" type="info">{{
+                        sp.sampleCode
+                      }}</el-tag>
+                      <el-tag
+                        :type="String(sp.payMode) === 'fq' ? 'warning' : 'success'"
+                        size="small"
+                      >
+                        {{ payModeLabel(String(sp.payMode || '')) }}
+                      </el-tag>
+                    </div>
                     <span class="sample-pay-readonly__amt">{{ fmtMoney(sp.contractAmount) }}</span>
                   </div>
+
+                  <div
+                    class="data-grid"
+                    :class="
+                      String(sp.payMode) === 'fq' ? 'data-grid--6' : 'data-grid--3'
+                    "
+                  >
+                    <div class="data-item">
+                      <div class="data-label">缴费模式</div>
+                      <div class="data-value">{{ payModeLabel(String(sp.payMode || '')) }}</div>
+                    </div>
+                    <div class="data-item">
+                      <div class="data-label">合同金额(元)</div>
+                      <div class="data-value data-value--price">{{
+                        fmtMoney(sp.contractAmount)
+                      }}</div>
+                    </div>
+                    <template v-if="String(sp.payMode) === 'dj'">
+                      <div class="data-item">
+                        <div class="data-label">趸交截止时间</div>
+                        <div class="data-value">{{ formatYmd(sp.lumpSumDeadline) }}</div>
+                      </div>
+                    </template>
+                    <template v-else>
+                      <div class="data-item">
+                        <div class="data-label">分期期数</div>
+                        <div class="data-value">{{ dash(sp.installmentCount) }}</div>
+                      </div>
+                      <div class="data-item">
+                        <div class="data-label">每期间隔(月)</div>
+                        <div class="data-value">{{ dash(sp.installmentIntervalMonths) }}</div>
+                      </div>
+                      <div class="data-item">
+                        <div class="data-label">分期开始时间</div>
+                        <div class="data-value">{{ formatYmd(sp.installmentStartDate) }}</div>
+                      </div>
+                      <div class="data-item">
+                        <div class="data-label">提前催缴预警(天)</div>
+                        <div class="data-value">{{ dash(sp.installmentAdvanceDays ?? 30) }}</div>
+                      </div>
+                    </template>
+                  </div>
+
+                  <div class="sample-pay-readonly__batch-title">缴费明细</div>
+                  <div v-if="!(sp.schedules || []).length" class="sample-pay-readonly__empty">
+                    暂无缴费明细
+                  </div>
                   <div
                     v-for="(sch, schIdx) in sp.schedules || []"
                     :key="sch.id || schIdx"
                     class="sample-pay-readonly__sch"
                   >
-                    <div class="sample-pay-readonly__sch-hd">
-                      第 {{ sch.scheduleNo || schIdx + 1 }} 期 · 应缴
-                      {{ fmtMoney(sch.dueAmount) }}
-                      <template v-if="sch.dueDate"> · {{ formatYmd(sch.dueDate) }}</template>
-                      · 已缴 {{ fmtMoney(sch.paidAmount) }} · 欠缴
-                      {{ fmtMoney(sch.arrearsAmount) }}
+                    <div class="sample-pay-readonly__sch-title">
+                      第 {{ sch.scheduleNo || schIdx + 1 }} 期
                     </div>
-                    <div
-                      v-for="(tr, tIdx) in sch.transfers || []"
-                      :key="tr.id || tIdx"
-                      class="sample-pay-readonly__tr"
-                    >
-                      <el-tag :type="payStatusTagType(String(tr.payStatus || ''))" size="small">
-                        {{ payStatusLabel(String(tr.payStatus || '')) }}
-                      </el-tag>
-                      <span>{{ transferTypeLabel(String(tr.transferType || '')) || '—' }}</span>
-                      <span>{{ fmtMoney(tr.transferAmount) }}</span>
-                      <span>{{ formatDisplayOrDash(tr.transferTime) }}</span>
+                    <div class="data-grid data-grid--3">
+                      <div class="data-item">
+                        <div class="data-label">应缴费金额(元)</div>
+                        <div class="data-value data-value--price">{{
+                          fmtMoney(sch.dueAmount)
+                        }}</div>
+                      </div>
+                      <div class="data-item">
+                        <div class="data-label">应缴费时间</div>
+                        <div class="data-value">{{ formatYmd(sch.dueDate) }}</div>
+                      </div>
+                      <div class="data-item">
+                        <div class="data-label">已缴费金额(元)</div>
+                        <div class="data-value data-value--price">{{
+                          fmtMoney(sch.paidAmount)
+                        }}</div>
+                      </div>
+                    </div>
+
+                    <div class="sample-pay-readonly__tr-title">
+                      转账记录
+                      <span v-if="(sch.transfers || []).length" class="sample-pay-readonly__tr-count"
+                        >（{{ (sch.transfers || []).length }} 笔）</span
+                      >
+                    </div>
+                    <div class="list-body list-wrap view-inner-table-wrap">
+                      <el-table
+                        :data="sch.transfers || []"
+                        class="list-table inner-table"
+                        stripe
+                        empty-text="暂无转账记录"
+                      >
+                        <el-table-column
+                          type="index"
+                          label="序号"
+                          min-width="68"
+                          align="center"
+                          header-align="center"
+                        />
+                        <el-table-column
+                          label="转账方式"
+                          min-width="140"
+                          align="center"
+                          header-align="center"
+                        >
+                          <template #default="{ row }">
+                            {{ transferTypeLabel(String(row.transferType || '')) || '—' }}
+                          </template>
+                        </el-table-column>
+                        <el-table-column
+                          label="转账金额(元)"
+                          min-width="140"
+                          align="center"
+                          header-align="center"
+                        >
+                          <template #default="{ row }">{{ fmtMoney(row.transferAmount) }}</template>
+                        </el-table-column>
+                        <el-table-column
+                          label="转账时间"
+                          min-width="190"
+                          align="center"
+                          header-align="center"
+                        >
+                          <template #default="{ row }">
+                            {{ formatDisplayOrDash(row.transferTime) }}
+                          </template>
+                        </el-table-column>
+                        <el-table-column
+                          label="转账凭证"
+                          min-width="280"
+                          align="left"
+                          header-align="center"
+                        >
+                          <template #default="{ row }">
+                            <ProtocolAttachmentReadonly
+                              v-if="transferAttachments(row).length"
+                              :files="transferAttachments(row)"
+                              size="compact"
+                              @preview="openPreview"
+                              @download="downloadFile"
+                            />
+                            <span v-else class="muted-dash">—</span>
+                          </template>
+                        </el-table-column>
+                        <el-table-column
+                          label="备注"
+                          min-width="140"
+                          align="center"
+                          header-align="center"
+                          show-overflow-tooltip
+                        >
+                          <template #default="{ row }">{{ row.remark || '—' }}</template>
+                        </el-table-column>
+                        <el-table-column
+                          label="财务备注"
+                          min-width="140"
+                          align="center"
+                          header-align="center"
+                          show-overflow-tooltip
+                        >
+                          <template #default="{ row }">{{ row.financeRemark || '—' }}</template>
+                        </el-table-column>
+                        <el-table-column
+                          label="状态"
+                          min-width="110"
+                          align="center"
+                          header-align="center"
+                        >
+                          <template #default="{ row }">
+                            <el-tag
+                              :type="payStatusTagType(String(row.payStatus || ''))"
+                              size="small"
+                            >
+                              {{ payStatusLabel(String(row.payStatus || '')) }}
+                            </el-tag>
+                          </template>
+                        </el-table-column>
+                      </el-table>
                     </div>
                   </div>
                 </div>
               </div>
               <el-empty v-else description="暂无按样本缴费方案" :image-size="40" />
-              <div class="section-subtitle">退费登记</div>
+
+              <div class="sample-pay-readonly__batch-title sample-pay-readonly__batch-title--mt"
+                >退费登记</div
+              >
               <el-table
                 v-if="refundRecords.length"
                 :data="refundRecords"
@@ -784,364 +787,214 @@
               <el-empty v-else description="暂无退费登记" :image-size="40" />
             </template>
 
-            <!-- v1: 旧整单缴费只读 -->
+            <!-- v1: 旧整单缴费只读（样式对齐 v2：期汇总 + 转账记录） -->
             <template v-else>
-              <!-- 缴费主表指标卡 -->
-              <div class="payment-summary">
-                <div class="payment-metric"
-                  ><div class="pm-label">缴费模式</div
-                  ><div class="pm-value">{{
-                    payModeLabel(String(payment?.payMode || ''))
-                  }}</div></div
-                >
-                <div class="payment-metric"
-                  ><div class="pm-label">合同金额(元)</div
-                  ><div class="pm-value pm-value--amount">{{
+              <div class="payment-summary payment-summary--3">
+                <div class="payment-metric">
+                  <div class="pm-label">合同金额(元)</div>
+                  <div class="pm-value pm-value--amount">{{
                     fmtMoney(payment?.contractAmount)
-                  }}</div></div
-                >
-                <div class="payment-metric"
-                  ><div class="pm-label">已收金额(元)</div
-                  ><div class="pm-value pm-value--amount pm-value--received">{{
+                  }}</div>
+                </div>
+                <div class="payment-metric">
+                  <div class="pm-label">已确认收款(元)</div>
+                  <div class="pm-value pm-value--amount pm-value--received">{{
                     fmtMoney(receivedAmount)
-                  }}</div></div
-                >
-                <template v-if="payment?.payMode === 'dj'">
-                  <div class="payment-metric"
-                    ><div class="pm-label">趸交截止时间</div
-                    ><div class="pm-value">{{ formatYmd(payment?.lumpSumDeadline) }}</div></div
-                  >
-                </template>
-                <template v-if="isInstallmentPayMode(String(payment?.payMode || ''))">
-                  <div class="payment-metric"
-                    ><div class="pm-label">分期期数</div
-                    ><div class="pm-value">{{ dash(payment?.installmentCount) }}</div></div
-                  >
-                  <div class="payment-metric"
-                    ><div class="pm-label">每期间隔(月)</div
-                    ><div class="pm-value">{{ dash(payment?.installmentIntervalMonths) }}</div></div
-                  >
-                  <div class="payment-metric"
-                    ><div class="pm-label">分期开始时间</div
-                    ><div class="pm-value">{{ formatYmd(payment?.installmentStartDate) }}</div></div
-                  >
-                  <div class="payment-metric"
-                    ><div class="pm-label">应缴费提前(天)</div
-                    ><div class="pm-value">{{
-                      dash(payment?.installmentAdvanceDays ?? 30)
-                    }}</div></div
-                  >
-                  <div class="payment-metric"
-                    ><div class="pm-label">分期金额(元)</div
-                    ><div class="pm-value">{{
-                      formatInstallmentAmounts(payment?.installmentRatios)
-                    }}</div></div
-                  >
-                </template>
+                  }}</div>
+                </div>
+                <div class="payment-metric">
+                  <div class="pm-label">缴费模式</div>
+                  <div class="pm-value">{{ payModeLabel(String(payment?.payMode || '')) }}</div>
+                </div>
               </div>
-              <!-- 缴费明细 -->
-              <div class="section-subtitle">缴费明细</div>
-              <div v-if="paymentDetails.length" class="payment-details">
-                <div
-                  v-for="(detail, dIdx) in paymentDetails"
-                  :key="detail.id || dIdx"
-                  class="payment-detail-card"
-                  :class="{
-                    'payment-detail-card--refunded': String(detail.payStatus) === 'ytf',
-                    'payment-detail-card--refund-pending': String(detail.payStatus) === 'tfqrz'
-                  }"
-                >
-                  <!-- Header -->
-                  <div class="pdc-header">
-                    <div
-                      class="pdc-header-left"
-                      :class="payDetailColorClass(String(detail.payStatus || ''))"
-                    >
-                      缴费明细 #{{ dIdx + 1 }} ·
-                      <span
-                        class="pdc-header-amount"
-                        :class="payDetailColorClass(String(detail.payStatus || ''))"
+
+              <div class="sample-pay-readonly">
+                <div class="sample-pay-readonly__card">
+                  <div class="sample-pay-readonly__head">
+                    <div class="sample-pay-readonly__title">
+                      <span>协议缴费</span>
+                      <el-tag
+                        :type="
+                          isInstallmentPayMode(String(payment?.payMode || ''))
+                            ? 'warning'
+                            : 'success'
+                        "
+                        size="small"
                       >
-                        {{ fmtMoney(detail.dueAmount) }}
-                      </span>
+                        {{ payModeLabel(String(payment?.payMode || '')) }}
+                      </el-tag>
                     </div>
-                    <el-tag :type="payStatusTagType(String(detail.payStatus || ''))" size="small">
-                      {{ payStatusLabel(String(detail.payStatus || '')) }}
-                    </el-tag>
+                    <span class="sample-pay-readonly__amt">{{
+                      fmtMoney(payment?.contractAmount)
+                    }}</span>
                   </div>
 
-                  <!-- Info row -->
-                  <div class="pdc-info-row">
-                    <div class="pdc-info-item">
-                      <span class="info-label">应缴费金额(元)</span>
-                      <span class="info-value">{{ fmtMoney(detail.dueAmount) }}</span>
-                    </div>
-                    <div class="pdc-info-item">
-                      <span class="info-label">转账方式</span>
-                      <span class="info-value">{{
-                        transferTypeLabel(String(detail.transferType || ''))
-                      }}</span>
-                    </div>
-                    <div class="pdc-info-item">
-                      <span class="info-label">转账金额(元)</span>
-                      <span class="info-value">{{ fmtMoney(detail.transferAmount) }}</span>
-                    </div>
-                    <div class="pdc-info-item">
-                      <span class="info-label">转账时间</span>
-                      <span class="info-value">{{ dash(detail.transferTime) }}</span>
-                    </div>
-                    <div
-                      v-if="isInstallmentPayMode(String(payment?.payMode || ''))"
-                      class="pdc-info-item"
-                    >
-                      <span class="info-label">应缴费时间</span>
-                      <span class="info-value">{{ formatYmd(detail.installmentDueDate) }}</span>
-                    </div>
-                    <div
-                      v-if="isInstallmentPayMode(String(payment?.payMode || ''))"
-                      class="pdc-info-item"
-                    >
-                      <span class="info-label">分期期序号</span>
-                      <span class="info-value">{{ dash(detail.installmentNo) }}</span>
-                    </div>
-                  </div>
-
-                  <!-- Transfer attachments -->
-                  <div v-if="detailAttachments(detail).length" class="pdc-attachments-row">
-                    <div class="data-label">转账凭证</div>
-                    <ProtocolAttachmentReadonly
-                      :files="detailAttachments(detail)"
-                      @preview="openPreview"
-                      @download="downloadFile"
-                    />
-                  </div>
-
-                  <!-- Mini flow: 正向横向进度条 + 下方详情卡片 -->
-                  <template
-                    v-for="(flowSteps, flowIdx) in [buildMiniFlowSteps(detail)]"
-                    :key="`${detail.id || dIdx}-flow-${flowIdx}`"
+                  <div
+                    class="data-grid"
+                    :class="
+                      isInstallmentPayMode(String(payment?.payMode || ''))
+                        ? 'data-grid--6'
+                        : 'data-grid--3'
+                    "
                   >
-                    <div v-if="flowSteps.length" class="flow-section">
-                      <div class="mini-flow">
-                        <template v-for="(step, sIdx) in flowSteps" :key="`c-${step.key}`">
-                          <div
-                            v-if="step.connectorToNext"
-                            class="mini-flow-connector"
-                            :class="step.connectorToNext"
-                            :style="miniFlowConnectorStyle(flowSteps.length, sIdx)"
-                          />
-                        </template>
-                        <div v-for="step in flowSteps" :key="step.key" class="mini-flow-step">
-                          <div class="mini-flow-dot" :class="step.dotClass">
-                            {{ step.dotIcon }}
-                          </div>
-                          <div class="mini-flow-label" :class="step.labelClass">
-                            {{ step.label }}
-                          </div>
-                        </div>
+                    <div class="data-item">
+                      <div class="data-label">缴费模式</div>
+                      <div class="data-value">{{
+                        payModeLabel(String(payment?.payMode || ''))
+                      }}</div>
+                    </div>
+                    <div class="data-item">
+                      <div class="data-label">合同金额(元)</div>
+                      <div class="data-value data-value--price">{{
+                        fmtMoney(payment?.contractAmount)
+                      }}</div>
+                    </div>
+                    <template v-if="String(payment?.payMode) === 'dj'">
+                      <div class="data-item">
+                        <div class="data-label">趸交截止时间</div>
+                        <div class="data-value">{{ formatYmd(payment?.lumpSumDeadline) }}</div>
                       </div>
-                      <div class="flow-detail-cards">
-                        <template v-for="step in flowSteps" :key="`d-${step.key}`">
-                          <div
-                            v-if="step.hasDetailCard"
-                            class="flow-detail-card"
-                            :class="'flow-detail-card--' + step.dotClass"
-                          >
-                            <div class="flow-detail-card__header">
-                              <span class="flow-detail-card__dot" :class="step.dotClass">{{
-                                step.dotIcon
-                              }}</span>
-                              <span class="flow-detail-card__title" :class="step.labelClass">{{
-                                step.label
-                              }}</span>
-                            </div>
-                            <div class="flow-detail-card__body">
-                              <template v-if="step.key === 'pay'">
-                                <div class="flow-detail-card__kv">
-                                  <span class="flow-detail-card__label">确认状态</span>
-                                  <span class="flow-detail-card__value"
-                                    ><el-tag type="success" size="small">缴费成功</el-tag></span
-                                  >
-                                </div>
-                                <div v-if="detail.transferTime" class="flow-detail-card__kv">
-                                  <span class="flow-detail-card__label">缴费时间</span>
-                                  <span class="flow-detail-card__value">{{
-                                    detail.transferTime
-                                  }}</span>
-                                </div>
-                                <div
-                                  v-if="detailAttachments(detail).length"
-                                  class="flow-detail-card__kv"
-                                >
-                                  <span class="flow-detail-card__label">转账凭证</span>
-                                  <ProtocolAttachmentReadonly
-                                    :files="detailAttachments(detail)"
-                                    @preview="openPreview"
-                                    @download="downloadFile"
-                                  />
-                                </div>
-                              </template>
-                              <template v-else-if="step.key === 'receipt-finance'">
-                                <div class="flow-detail-card__kv">
-                                  <span class="flow-detail-card__label">确认状态</span>
-                                  <span class="flow-detail-card__value">
-                                    <el-tag
-                                      v-if="isReceiptFinanceConfirmed(detail)"
-                                      type="success"
-                                      size="small"
-                                      >已确认</el-tag
-                                    >
-                                    <el-tag v-else type="warning" size="small">待确认</el-tag>
-                                  </span>
-                                </div>
-                                <div
-                                  v-if="isReceiptFinanceConfirmed(detail) && detail.updateTime"
-                                  class="flow-detail-card__kv"
-                                >
-                                  <span class="flow-detail-card__label">确认时间</span>
-                                  <span class="flow-detail-card__value">{{
-                                    formatDisplayOrDash(detail.updateTime)
-                                  }}</span>
-                                </div>
-                                <div
-                                  v-if="
-                                    isReceiptFinanceConfirmed(detail) &&
-                                    detail.financeRemark &&
-                                    String(detail.financeRemark).trim()
-                                  "
-                                  class="flow-detail-card__kv"
-                                >
-                                  <span class="flow-detail-card__label">财务备注</span>
-                                  <span class="flow-detail-card__value">{{
-                                    detail.financeRemark
-                                  }}</span>
-                                </div>
-                                <div
-                                  v-if="
-                                    isReceiptFinanceConfirmed(detail) &&
-                                    financeConfirmAttachmentFiles(detail).length
-                                  "
-                                  class="flow-detail-card__kv"
-                                >
-                                  <span class="flow-detail-card__label">财务附件</span>
-                                  <ProtocolAttachmentReadonly
-                                    :files="financeConfirmAttachmentFiles(detail)"
-                                    @preview="openPreview"
-                                    @download="downloadFile"
-                                  />
-                                </div>
-                              </template>
-                              <template v-else-if="step.key === 'refund-apply'">
-                                <div class="flow-detail-card__kv">
-                                  <span class="flow-detail-card__label">退费金额(元)</span>
-                                  <span
-                                    class="flow-detail-card__value"
-                                    :class="payDetailColorClass(String(detail.payStatus || ''))"
-                                    >{{ fmtMoney(detail.refundAmount) }}</span
-                                  >
-                                </div>
-                                <div
-                                  v-if="detail.refundRemark && String(detail.refundRemark).trim()"
-                                  class="flow-detail-card__kv"
-                                >
-                                  <span class="flow-detail-card__label">退费备注</span>
-                                  <span class="flow-detail-card__value">{{
-                                    detail.refundRemark
-                                  }}</span>
-                                </div>
-                                <div
-                                  v-if="refundAttachmentFiles(detail).length"
-                                  class="flow-detail-card__kv"
-                                >
-                                  <span class="flow-detail-card__label">退费附件</span>
-                                  <ProtocolAttachmentReadonly
-                                    :files="refundAttachmentFiles(detail)"
-                                    @preview="openPreview"
-                                    @download="downloadFile"
-                                  />
-                                </div>
-                              </template>
-                              <template v-else-if="step.key === 'refund-finance'">
-                                <div class="flow-detail-card__kv">
-                                  <span class="flow-detail-card__label">确认状态</span>
-                                  <span class="flow-detail-card__value"
-                                    ><el-tag type="danger" size="small">已退费</el-tag></span
-                                  >
-                                </div>
-                                <div v-if="detail.updateTime" class="flow-detail-card__kv">
-                                  <span class="flow-detail-card__label">确认时间</span>
-                                  <span class="flow-detail-card__value">{{
-                                    formatDisplayOrDash(detail.updateTime)
-                                  }}</span>
-                                </div>
-                                <div
-                                  v-if="
-                                    detail.refundFinanceRemark &&
-                                    String(detail.refundFinanceRemark).trim()
-                                  "
-                                  class="flow-detail-card__kv"
-                                >
-                                  <span class="flow-detail-card__label">财务备注</span>
-                                  <span class="flow-detail-card__value">{{
-                                    detail.refundFinanceRemark
-                                  }}</span>
-                                </div>
-                                <div
-                                  v-if="refundFinanceConfirmAttachmentFiles(detail).length"
-                                  class="flow-detail-card__kv"
-                                >
-                                  <span class="flow-detail-card__label">财务附件</span>
-                                  <ProtocolAttachmentReadonly
-                                    :files="refundFinanceConfirmAttachmentFiles(detail)"
-                                    @preview="openPreview"
-                                    @download="downloadFile"
-                                  />
-                                </div>
-                              </template>
-                            </div>
-                          </div>
-                        </template>
+                    </template>
+                    <template v-else>
+                      <div class="data-item">
+                        <div class="data-label">分期期数</div>
+                        <div class="data-value">{{ dash(payment?.installmentCount) }}</div>
+                      </div>
+                      <div class="data-item">
+                        <div class="data-label">每期间隔(月)</div>
+                        <div class="data-value">{{
+                          dash(payment?.installmentIntervalMonths)
+                        }}</div>
+                      </div>
+                      <div class="data-item">
+                        <div class="data-label">分期开始时间</div>
+                        <div class="data-value">{{ formatYmd(payment?.installmentStartDate) }}</div>
+                      </div>
+                      <div class="data-item">
+                        <div class="data-label">提前催缴预警(天)</div>
+                        <div class="data-value">{{
+                          dash(payment?.installmentAdvanceDays ?? 30)
+                        }}</div>
+                      </div>
+                    </template>
+                  </div>
+
+                  <div class="sample-pay-readonly__batch-title">缴费明细</div>
+                  <div v-if="!v1PayPeriods.length" class="sample-pay-readonly__empty">
+                    暂无缴费明细
+                  </div>
+                  <div
+                    v-for="(sch, schIdx) in v1PayPeriods"
+                    :key="sch.scheduleNo || schIdx"
+                    class="sample-pay-readonly__sch"
+                  >
+                    <div class="sample-pay-readonly__sch-title">
+                      第 {{ sch.scheduleNo || schIdx + 1 }} 期
+                    </div>
+                    <div class="data-grid data-grid--3">
+                      <div class="data-item">
+                        <div class="data-label">应缴费金额(元)</div>
+                        <div class="data-value data-value--price">{{
+                          fmtMoney(sch.dueAmount)
+                        }}</div>
+                      </div>
+                      <div class="data-item">
+                        <div class="data-label">应缴费时间</div>
+                        <div class="data-value">{{ formatYmd(sch.dueDate) }}</div>
+                      </div>
+                      <div class="data-item">
+                        <div class="data-label">已缴费金额(元)</div>
+                        <div class="data-value data-value--price">{{
+                          fmtMoney(sch.paidAmount)
+                        }}</div>
                       </div>
                     </div>
-                  </template>
+
+                    <div class="sample-pay-readonly__tr-title">
+                      转账记录
+                      <span v-if="sch.transfers.length" class="sample-pay-readonly__tr-count"
+                        >（{{ sch.transfers.length }} 笔）</span
+                      >
+                    </div>
+                    <div class="list-body list-wrap view-inner-table-wrap">
+                      <el-table
+                        :data="sch.transfers"
+                        class="list-table inner-table"
+                        stripe
+                        empty-text="暂无转账记录"
+                      >
+                        <el-table-column
+                          type="index"
+                          label="序号"
+                          min-width="68"
+                          align="center"
+                          header-align="center"
+                        />
+                        <el-table-column
+                          label="转账方式"
+                          min-width="140"
+                          align="center"
+                          header-align="center"
+                        >
+                          <template #default="{ row }">
+                            {{ transferTypeLabel(String(row.transferType || '')) || '—' }}
+                          </template>
+                        </el-table-column>
+                        <el-table-column
+                          label="转账金额(元)"
+                          min-width="140"
+                          align="center"
+                          header-align="center"
+                        >
+                          <template #default="{ row }">{{ fmtMoney(row.transferAmount) }}</template>
+                        </el-table-column>
+                        <el-table-column
+                          label="转账时间"
+                          min-width="190"
+                          align="center"
+                          header-align="center"
+                        >
+                          <template #default="{ row }">
+                            {{ formatDisplayOrDash(row.transferTime) }}
+                          </template>
+                        </el-table-column>
+                        <el-table-column
+                          label="转账凭证"
+                          min-width="280"
+                          align="left"
+                          header-align="center"
+                        >
+                          <template #default="{ row }">
+                            <ProtocolAttachmentReadonly
+                              v-if="detailAttachments(row).length"
+                              :files="detailAttachments(row)"
+                              size="compact"
+                              @preview="openPreview"
+                              @download="downloadFile"
+                            />
+                            <span v-else class="muted-dash">—</span>
+                          </template>
+                        </el-table-column>
+                        <el-table-column
+                          label="状态"
+                          min-width="110"
+                          align="center"
+                          header-align="center"
+                        >
+                          <template #default="{ row }">
+                            <el-tag
+                              :type="payStatusTagType(String(row.payStatus || ''))"
+                              size="small"
+                            >
+                              {{ payStatusLabel(String(row.payStatus || '')) }}
+                            </el-tag>
+                          </template>
+                        </el-table-column>
+                      </el-table>
+                    </div>
+                  </div>
                 </div>
               </div>
-              <el-empty v-else description="暂无缴费明细" :image-size="48" />
-
-              <!-- 缴费总览 Timeline -->
-              <template
-                v-for="(overviewSteps, overviewIdx) in [buildOverviewTimelineSteps()]"
-                :key="`overview-timeline-${overviewIdx}`"
-              >
-                <div v-if="overviewSteps.length > 1" class="payment-timeline">
-                  <div class="timeline-title">缴费总览</div>
-                  <div class="timeline">
-                    <!-- Connector lines -->
-                    <template v-for="(step, sIdx) in overviewSteps" :key="`tc-${sIdx}`">
-                      <div
-                        v-if="sIdx < overviewSteps.length - 1"
-                        class="timeline-connector"
-                        :class="step.connectorToNext || ''"
-                        :style="timelineConnectorStyle(overviewSteps.length, sIdx)"
-                      />
-                    </template>
-                    <div
-                      v-for="(step, sIdx) in overviewSteps"
-                      :key="`ts-${sIdx}`"
-                      class="timeline-step"
-                    >
-                      <div class="timeline-dot" :class="step.dotClass">
-                        {{ step.dotIcon }}
-                      </div>
-                      <div class="timeline-label" :class="step.labelClass">
-                        {{ step.label }}
-                        <br />
-                        <span style="font-size: 10px; font-weight: 400">{{ step.subLabel }}</span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </template>
             </template>
           </div>
 
@@ -1212,6 +1065,105 @@
               </el-table>
             </div>
           </div>
+
+          <!-- 附件信息 -->
+          <div id="view-section-attachment" class="section-card section-card--white">
+            <div class="section-title section-title--banner"><h3>附件信息</h3></div>
+            <div class="protocol-basic-attachments-block protocol-basic-attachments-block--flush">
+              <div class="data-item protocol-attachments-item">
+                <div class="data-label">协议附件</div>
+                <div class="data-value protocol-attachments-value">
+                  <ProtocolAttachmentReadonly
+                    :files="protocolAttachments"
+                    @preview="openPreview"
+                    @download="downloadFile"
+                  />
+                </div>
+              </div>
+              <div class="data-item protocol-attachments-item">
+                <div class="data-label">知情同意书</div>
+                <div class="data-value protocol-attachments-value">
+                  <ProtocolAttachmentReadonly
+                    :files="consentAttachments"
+                    @preview="openPreview"
+                    @download="downloadFile"
+                  />
+                </div>
+              </div>
+              <div class="data-item protocol-attachments-item">
+                <div class="data-label">孕妇健康调查表</div>
+                <div class="data-value protocol-attachments-value">
+                  <ProtocolAttachmentReadonly
+                    :files="healthSurveyAttachments"
+                    @preview="openPreview"
+                    @download="downloadFile"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 状态变更记录（置底） -->
+          <div id="view-section-status-change" class="section-card section-card--white">
+            <div class="section-title section-title--banner"><h3>状态变更记录</h3></div>
+            <el-empty v-if="!hasAnyStatusChange" description="暂无状态变更记录" :image-size="64" />
+            <div v-else class="data-grid data-grid--4">
+              <template v-if="protocol?.effectiveTime">
+                <div class="data-item"
+                  ><div class="data-label">协议生效时间</div
+                  ><div class="data-value">{{ dash(protocol.effectiveTime) }}</div></div
+                >
+                <div class="data-item"
+                  ><div class="data-label">协议生效描述</div
+                  ><div class="data-value data-value--muted">{{
+                    dash(protocol.effectiveDesc)
+                  }}</div></div
+                >
+              </template>
+              <template v-if="protocol?.expireTime">
+                <div class="data-item"
+                  ><div class="data-label">协议过期时间</div
+                  ><div class="data-value">{{ dash(protocol.expireTime) }}</div></div
+                >
+                <div class="data-item"
+                  ><div class="data-label">协议过期描述</div
+                  ><div class="data-value data-value--muted">{{
+                    dash(protocol.expireDesc)
+                  }}</div></div
+                >
+              </template>
+              <template v-if="protocol?.voidTime">
+                <div class="data-item"
+                  ><div class="data-label">作废类型</div
+                  ><div class="data-value">{{
+                    voidTypeLabel(String(protocol?.voidType || '')) || '—'
+                  }}</div></div
+                >
+                <div class="data-item"
+                  ><div class="data-label">协议作废时间</div
+                  ><div class="data-value">{{ dash(protocol.voidTime) }}</div></div
+                >
+                <div class="data-item"
+                  ><div class="data-label">协议作废描述</div
+                  ><div class="data-value data-value--muted">{{
+                    dash(protocol.voidDesc)
+                  }}</div></div
+                >
+              </template>
+              <template v-if="protocol?.toResearchTime">
+                <div class="data-item"
+                  ><div class="data-label">协议转科研时间</div
+                  ><div class="data-value">{{ dash(protocol.toResearchTime) }}</div></div
+                >
+                <div class="data-item"
+                  ><div class="data-label">协议转科研描述</div
+                  ><div class="data-value data-value--muted">{{
+                    dash(protocol.toResearchDesc)
+                  }}</div></div
+                >
+              </template>
+            </div>
+          </div>
         </div>
       </template>
     </div>
@@ -1302,11 +1254,11 @@
       listRow?: CollectionProtocolRow | null
       /** 展示审核记录 Tab（采集协议单审核页） */
       showAuditHistory?: boolean
-      /** 储存证管理查看：展示储存证附件，状态变更记录独立区域 */
+      /** 只读摘要：展示储存证办理字段 */
       showStorageCert?: boolean
-      /** 满月待办查看：客户信息下方独立展示新生儿保险信息 */
+      /** 只读摘要：与储存证并排展示新生儿保险办理字段 */
       showFullmoonInsurance?: boolean
-      /** 样本信息管理：储存证/保险轻量办理 */
+      /** 样本信息管理：储存证/保险轻量办理（可编辑，与只读摘要互斥） */
       showHandlePanels?: boolean
       highlightSampleCode?: string
     }>(),
@@ -1331,6 +1283,11 @@
     { key: 'payment', label: '缴费信息' }
   ] as const
 
+  /** 协议审核等页：只读展示储存证/保险（与样本信息录入字段对齐）；办理编辑用 showHandlePanels */
+  const showHandleSummary = computed(
+    () => !props.showHandlePanels && (props.showStorageCert || props.showFullmoonInsurance)
+  )
+
   const formTabs = computed(() => {
     const tabs: Array<{ key: string; label: string }> = [...baseFormTabs]
     if (props.showHandlePanels) {
@@ -1338,13 +1295,15 @@
       tabs.splice(sampleIdx + 1, 0, { key: 'storage-cert-handle', label: '储存证办理' })
       tabs.splice(sampleIdx + 2, 0, { key: 'insurance-handle', label: '保险办理' })
     }
-    if (props.showFullmoonInsurance) {
+    if (showHandleSummary.value) {
       const partyIdx = tabs.findIndex((t) => t.key === 'party')
-      tabs.splice(partyIdx + 1, 0, { key: 'fullmoon-insurance', label: '新生儿保险' })
+      tabs.splice(partyIdx + 1, 0, { key: 'storage-insurance', label: '储存证与保险' })
     }
     if (props.showAuditHistory) {
       tabs.push({ key: 'audit', label: '审核记录' })
     }
+    tabs.push({ key: 'attachment', label: '附件信息' })
+    tabs.push({ key: 'status-change', label: '状态变更记录' })
     return tabs
   })
 
@@ -1379,6 +1338,9 @@
   const refundRecords = computed(
     () => (bundle.value?.refundRecords as Array<Record<string, any>>) || []
   )
+  const depositTransfers = computed(
+    () => (bundle.value?.depositTransfers as Array<Record<string, any>>) || []
+  )
   const presignDepositHint = computed(
     () => (bundle.value?.presignDepositHint as Record<string, any>) || null
   )
@@ -1388,7 +1350,7 @@
     if (!h) return ''
     const amt = Number(h.confirmedDepositAmount || 0)
     const cnt = Number(h.confirmedTransferCount || 0)
-    return `来源预签约已确认意向金合计 ¥${formatMoneyDisplay(amt)}（${cnt} 笔），仅提示不自动计入样本缴费`
+    return `来源预签约已确认意向金合计 ¥${formatMoneyDisplay(amt)}（${cnt} 笔），下方列表与预签同一数据，不自动计入样本缴费`
   })
   const v2ReceivedAmount = computed(() => {
     let sum = 0
@@ -1417,6 +1379,64 @@
     () => (bundle.value?.paymentDetails as Array<Record<string, any>>) || []
   )
 
+  /**
+   * v1 明细按期归组，结构对齐 v2 schedules（期汇总 + 多笔转账）
+   * - 趸交：整单视为第 1 期
+   * - 分期：按 installmentNo 归组
+   */
+  const v1PayPeriods = computed(() => {
+    const details = paymentDetails.value
+    if (!details.length) return [] as Array<{
+      scheduleNo: number
+      dueAmount: number | null
+      dueDate: string
+      paidAmount: number
+      transfers: Array<Record<string, any>>
+    }>
+
+    const paidOf = (rows: Array<Record<string, any>>) =>
+      rows
+        .filter((d) => String(d.payStatus || '') === 'yjf')
+        .reduce((sum, d) => sum + (Number(d.transferAmount) || 0), 0)
+
+    const isFq = isInstallmentPayMode(String(payment.value?.payMode || ''))
+    if (!isFq) {
+      return [
+        {
+          scheduleNo: 1,
+          dueAmount:
+            details[0]?.dueAmount != null
+              ? Number(details[0].dueAmount)
+              : payment.value?.contractAmount != null
+                ? Number(payment.value.contractAmount)
+                : null,
+          dueDate: String(
+            payment.value?.lumpSumDeadline || details[0]?.installmentDueDate || ''
+          ),
+          paidAmount: paidOf(details),
+          transfers: details
+        }
+      ]
+    }
+
+    const groups = new Map<number, Array<Record<string, any>>>()
+    for (const d of details) {
+      const no = Number(d.installmentNo) || 0
+      const list = groups.get(no) || []
+      list.push(d)
+      groups.set(no, list)
+    }
+    return [...groups.entries()]
+      .sort((a, b) => a[0] - b[0])
+      .map(([no, rows]) => ({
+        scheduleNo: no || 1,
+        dueAmount: rows[0]?.dueAmount != null ? Number(rows[0].dueAmount) : null,
+        dueDate: String(rows[0]?.installmentDueDate || ''),
+        paidAmount: paidOf(rows),
+        transfers: rows
+      }))
+  })
+
   /** 已收金额 = 已缴费明细的转账金额之和（排除待缴费、退费确认中、已退费） */
   const receivedAmount = computed(() => {
     return paymentDetails.value
@@ -1448,11 +1468,15 @@
     const sc = bundle.value?.storageCert as Record<string, any> | undefined | null
     if (sc) return sc
     if (!props.showStorageCert || !props.listRow) return null
+    const row = props.listRow as Record<string, any>
     return {
-      makeStatus: props.listRow.makeStatus ?? '0',
-      certImageUrls: props.listRow.certImageUrls ?? '',
-      makeDate: props.listRow.makeDate ?? '',
-      remark: props.listRow.remark ?? ''
+      makeStatus: row.makeStatus ?? '0',
+      certImageUrls: row.certImageUrls ?? '',
+      makeDate: row.makeDate ?? '',
+      handleTime: row.handleTime ?? '',
+      handlerUserId: row.handlerUserId ?? '',
+      handlerUserName: row.handlerUserName ?? '',
+      remark: row.remark ?? ''
     }
   })
 
@@ -1476,16 +1500,9 @@
     if (!props.showFullmoonInsurance || !props.listRow) return null
     const row = props.listRow as Record<string, any>
     return {
-      fullmoonDate: row.fullmoonDate ?? '',
-      todoStatus: row.todoStatus ?? '0',
-      insuranceSubscribed: row.insuranceSubscribed ?? '0',
-      insuranceCompanyName: row.insuranceCompanyName ?? '',
-      insuranceType: row.insuranceType ?? '',
-      insurancePolicyNo: row.insurancePolicyNo ?? '',
-      insuranceEffectiveDate: row.insuranceEffectiveDate ?? row.policyEffectiveDate ?? '',
-      insuranceExpiryDate: row.insuranceExpiryDate ?? row.policyExpiryDate ?? '',
-      insuranceFee: row.insuranceFee,
-      handleDate: row.handleDate ?? row.processDate ?? '',
+      handleTime: row.handleTime ?? '',
+      handlerUserId: row.handlerUserId ?? '',
+      handlerUserName: row.handlerUserName ?? '',
       handleRemark: row.handleRemark ?? row.remark ?? '',
       insuranceAttachments: row.insuranceAttachments ?? ''
     }
@@ -1505,36 +1522,12 @@
       })
   })
 
-  function fullmoonTodoStatusLabel(status: string) {
-    return status === '1' ? '已办保险' : '未办保险'
-  }
-
-  function fullmoonTodoStatusTagType(status: string) {
-    return status === '1' ? 'success' : 'warning'
-  }
-
-  function insuranceSubscribedLabel(val: string) {
-    return val === '1' ? '是' : '否'
-  }
-
-  function insuranceSubscribedTagType(val: string) {
-    return val === '1' ? 'success' : 'info'
-  }
-
   /** 金额只读展示：千分位 + ¥ 前缀，null 显示 — */
   function fmtMoney(v: unknown): string {
     if (v == null || v === '') return '—'
     return '¥' + formatMoneyDisplay(v)
   }
 
-  function storageCertMakeStatusLabel(makeStatus: string) {
-    return makeStatus === '1' ? '已制作' : '未制作'
-  }
-
-  function storageCertMakeStatusTagType(makeStatus: string) {
-    return makeStatus === '1' ? 'success' : 'warning'
-  }
-
   const dialogTitle = computed(() => {
     const name =
       partyCustomer.value?.motherName || props.listRow?.motherName || protocol.value?.motherName
@@ -1571,6 +1564,15 @@
     return u?.nickName || dash(id)
   })
 
+  const regionManagerDisplay = computed(() => {
+    const fromList = (props.listRow as any)?.regionManagerUserName
+    if (fromList) return String(fromList)
+    const fromBundle = (collectionInfo.value as any)?.regionManagerUserName
+    if (fromBundle) return String(fromBundle)
+    const id = (collectionInfo.value as any)?.regionManagerUserId
+    return dash(id)
+  })
+
   const regionDisplay = computed(() => {
     const fromList = props.listRow?.regionName
     if (fromList) return String(fromList)
@@ -1808,6 +1810,14 @@
     return sampleTypeOptions.value.find((x) => x.id === id)?.typeName || dash(id)
   }
 
+  function samplePayTitle(sp: Record<string, any>) {
+    const code = String(sp.sampleCode || '').trim()
+    const sample = samples.value.find((s) => String(s.sampleCode || '') === code)
+    if (sample?.sampleTypeName) return String(sample.sampleTypeName)
+    if (sample?.sampleTypeId) return sampleTypeName(String(sample.sampleTypeId))
+    return code || '样本'
+  }
+
   function ensureUnitsInOptions(samples: Array<Record<string, any>>) {
     const merged = [...unitOptions.value]
     for (const s of samples) {
@@ -1875,6 +1885,11 @@
     return Array.isArray(detail.attachments) ? detail.attachments : []
   }
 
+  function transferAttachments(tr: Record<string, any>) {
+    if (Array.isArray(tr.attachments) && tr.attachments.length) return tr.attachments
+    return urlsToAttachmentFiles(String(tr.transferAttachments || ''))
+  }
+
   function financeConfirmAttachmentFiles(detail: Record<string, any>) {
     if (Array.isArray(detail.financeConfirmAttachmentFiles)) {
       return detail.financeConfirmAttachmentFiles
@@ -2256,6 +2271,18 @@
     &--4 {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
+
+    &--6 {
+      grid-template-columns: repeat(6, minmax(0, 1fr));
+    }
+
+    &--7 {
+      grid-template-columns: repeat(7, minmax(0, 1fr));
+    }
+  }
+
+  .data-grid--collection-row {
+    gap: 12px 14px;
   }
 
   .data-item {
@@ -2284,30 +2311,37 @@
     }
   }
 
-  /* 储存证：储存证附件 / 制作状态 / 制作日期同一行（在协议附件行下方） */
-  .storage-cert-info-row {
-    margin-top: 14px;
-    padding-top: 14px;
-    border-top: 1px dashed #e2e8f0;
-  }
-
-  .storage-cert-attachments-item {
-    .storage-cert-attachments-value {
-      font-weight: 400;
-    }
-
-    :deep(.protocol-attachment-empty) {
-      font-size: 14px;
-      color: var(--mint-text-muted, #334155);
-    }
-  }
-
-  /* 协议附件 / 知情同意书 / 孕妇健康调查表 / 备注（三行堆叠） */
+  /* 协议附件 / 知情同意书 / 孕妇健康调查表（三行堆叠） */
   .protocol-basic-attachments-block {
     margin-top: 14px;
     display: flex;
     flex-direction: column;
     gap: 14px;
+
+    &--flush {
+      margin-top: 0;
+    }
+  }
+
+  .handle-summary-cards {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 16px;
+  }
+
+  .handle-summary-card {
+    background: #fff;
+    border-radius: 10px;
+    padding: 18px 20px;
+    border: 1px solid rgba(0, 0, 0, 0.03);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+
+    .attachment-row,
+    .remark-row {
+      margin-top: 12px;
+      padding-top: 12px;
+      border-top: 1px dashed #e2e8f0;
+    }
   }
 
   .protocol-attachments-item {
@@ -2573,11 +2607,26 @@
   }
 
   .sample-card__section-label {
-    font-size: 11px;
+    margin: 0 0 10px;
+    padding-left: 10px;
+    font-size: 13px;
     font-weight: 600;
-    color: var(--mint-text-muted, #334155);
-    margin-bottom: 10px;
-    letter-spacing: 0.3px;
+    line-height: 1.4;
+    color: #334155;
+    border-left: 3px solid #10b981;
+  }
+
+  /* 样本卡内子组件小节标题：与 sample-card__section-label 统一 */
+  :deep(.sample-card__section-label),
+  :deep(.sample-qc-grouped-panel__subtitle),
+  :deep(.detail-section-title) {
+    margin: 0 0 10px;
+    padding-left: 10px;
+    font-size: 13px;
+    font-weight: 600;
+    line-height: 1.4;
+    color: #334155;
+    border-left: 3px solid #10b981;
   }
 
   .data-value--code {
@@ -2597,6 +2646,10 @@
     grid-template-columns: repeat(4, 1fr);
     gap: 12px;
     margin-bottom: 18px;
+
+    &--3 {
+      grid-template-columns: repeat(3, 1fr);
+    }
   }
 
   .payment-metric {
@@ -2767,37 +2820,147 @@
 
   .sample-pay-readonly__head {
     display: flex;
+    align-items: center;
     justify-content: space-between;
-    margin-bottom: 8px;
+    gap: 12px;
+    margin-bottom: 12px;
     font-size: 13px;
     font-weight: 600;
   }
 
+  .sample-pay-readonly__title {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    align-items: center;
+  }
+
   .sample-pay-readonly__amt {
+    flex-shrink: 0;
     color: #047857;
   }
 
-  .sample-pay-readonly__sch {
-    margin-top: 8px;
-    padding: 8px 10px;
-    border-radius: 8px;
-    background: #f8fafc;
+  .sample-pay-readonly__batch-title {
+    margin: 14px 0 8px;
+    padding-left: 10px;
+    font-size: 13px;
+    font-weight: 600;
+    line-height: 1.4;
+    color: #334155;
+    border-left: 3px solid #10b981;
+
+    &--mt {
+      margin-top: 20px;
+    }
   }
 
-  .sample-pay-readonly__sch-hd {
-    margin-bottom: 6px;
+  .sample-pay-readonly__empty {
+    margin: 4px 0 8px;
     font-size: 12px;
+    color: var(--mint-text-muted, #94a3b8);
+
+    &--sm {
+      margin: 0;
+      padding: 2px 0 0;
+    }
+  }
+
+  .sample-pay-readonly__sch {
+    margin-top: 10px;
+    padding: 12px 12px 10px;
+    border-radius: 8px;
+    background: #f8fafc;
+    border: 1px solid #eef2f7;
+  }
+
+  .sample-pay-readonly__sch-title {
+    margin-bottom: 10px;
+    font-size: 13px;
+    font-weight: 600;
+    color: #0f172a;
+  }
+
+  .sample-pay-readonly__tr-title {
+    margin: 12px 0 8px;
+    font-size: 12px;
+    font-weight: 600;
     color: #475569;
   }
 
-  .sample-pay-readonly__tr {
+  .sample-pay-readonly__tr-count {
+    font-weight: 400;
+    color: #94a3b8;
+  }
+
+  .sample-pay-readonly__sch .view-inner-table-wrap {
+    margin-top: 0;
+  }
+
+  .muted-dash {
+    color: var(--mint-text-muted, #94a3b8);
+  }
+
+  /* ---- v1 缴费明细（简洁平铺） ---- */
+  .pay-detail-simple {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    margin-bottom: 16px;
+  }
+
+  .pay-detail-simple__card {
+    padding: 12px 14px;
+    border: 1px solid var(--mint-border, #e2e8f0);
+    border-radius: 10px;
+    background: #fff;
+  }
+
+  .pay-detail-simple__head {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 12px;
+  }
+
+  .pay-detail-simple__title {
     display: flex;
     flex-wrap: wrap;
-    gap: 8px 12px;
+    gap: 8px;
     align-items: center;
-    padding: 4px 0;
+    font-size: 13px;
+    font-weight: 600;
+    color: #0f172a;
+  }
+
+  .pay-detail-simple__amt {
+    flex-shrink: 0;
+    font-size: 14px;
+    font-weight: 700;
+    color: #047857;
+  }
+
+  .pay-detail-simple__attach {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    align-items: flex-start;
+    margin-top: 10px;
+    padding-top: 10px;
+    border-top: 1px dashed #e2e8f0;
+  }
+
+  .pay-detail-simple__attach-label {
+    flex-shrink: 0;
+    margin-top: 4px;
     font-size: 12px;
-    color: #334155;
+    color: #64748b;
+  }
+
+  .pay-detail-simple__extra {
+    margin-top: 10px;
+    padding-top: 10px;
+    border-top: 1px dashed #e2e8f0;
   }
 
   /* ---- Mini Flow ---- */
@@ -3320,18 +3483,11 @@
       }
     }
 
-    .client-sub-cards {
+    .client-sub-cards,
+    .handle-summary-cards {
       grid-template-columns: 1fr;
     }
 
-    .storage-cert-info-row.data-grid--3 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-
-      .storage-cert-attachments-item {
-        grid-column: 1 / -1;
-      }
-    }
-
     .protocol-attach-remark-row.data-grid--2 {
       grid-template-columns: 1fr;
     }
@@ -3354,19 +3510,19 @@
       border-bottom: none;
     }
 
-    .client-sub-cards {
+    .client-sub-cards,
+    .handle-summary-cards {
       grid-template-columns: 1fr;
     }
 
-    .data-grid--4 {
+    .data-grid--4,
+    .data-grid--6,
+    .data-grid--7 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
-    .storage-cert-info-row.data-grid--3 {
-      grid-template-columns: 1fr;
-    }
-
-    .payment-summary {
+    .payment-summary,
+    .payment-summary--3 {
       grid-template-columns: repeat(2, 1fr);
     }
 
diff --git a/web-admin/src/views/cell-storage/protocol/SamplePaymentPanel.vue b/web-admin/src/views/cell-storage/protocol/SamplePaymentPanel.vue
index e131cbcb..2f09c57d 100644
--- a/web-admin/src/views/cell-storage/protocol/SamplePaymentPanel.vue
+++ b/web-admin/src/views/cell-storage/protocol/SamplePaymentPanel.vue
@@ -18,23 +18,30 @@
             {{ pay.sampleCode }}
           </el-tag>
         </div>
-        <el-tag :type="pay.payMode === 'fq' ? 'warning' : 'success'" size="small">
-          {{ pay.payMode === 'fq' ? '分期' : '趸交' }}
+        <el-tag :type="payModeTagType(String(pay.payMode || ''))" size="small">
+          {{ payModeLabel(String(pay.payMode || '')) || '—' }}
         </el-tag>
       </div>
 
-      <div class="form-grid form-grid--col4">
+      <div
+        class="form-grid"
+        :class="isMultiSchedulePayMode(String(pay.payMode || '')) ? 'form-grid--col6' : 'form-grid--col4'"
+      >
         <el-form-item label="缴费模式">
           <el-select
             :model-value="pay.payMode"
             style="width: 100%"
             @update:model-value="(v: string) => onPayModeChange(pIdx, v)"
           >
-            <el-option label="趸交" value="dj" />
-            <el-option label="分期" value="fq" />
+            <el-option
+              v-for="opt in payModeOptionsFor(pay)"
+              :key="opt.value"
+              :label="opt.label"
+              :value="opt.value"
+            />
           </el-select>
         </el-form-item>
-        <el-form-item label="合同金额(元)">
+        <el-form-item label="样本合同金额(元)">
           <AmountInput
             :model-value="pay.contractAmount"
             :min="0"
@@ -57,13 +64,14 @@
           </el-form-item>
         </template>
         <template v-else>
-          <el-form-item label="分期期数">
+          <el-form-item :label="pay.payMode === 'fgd' ? '期数' : '分期期数'">
             <el-input
               :model-value="pay.installmentCount"
               type="number"
               :min="1"
               style="width: 100%"
-              @change="(v: string) => onFqFieldChange(pIdx, 'installmentCount', v)"
+              @update:model-value="(v: string) => onFqFieldInput(pIdx, 'installmentCount', v)"
+              @change="() => onFqFieldCommit(pIdx)"
             />
           </el-form-item>
           <el-form-item label="每期间隔(月)">
@@ -73,7 +81,8 @@
               :min="0.1"
               step="any"
               style="width: 100%"
-              @change="(v: string) => onFqFieldChange(pIdx, 'installmentIntervalMonths', v)"
+              @update:model-value="(v: string) => onFqFieldInput(pIdx, 'installmentIntervalMonths', v)"
+              @change="() => onFqFieldCommit(pIdx)"
             />
           </el-form-item>
           <el-form-item label="分期开始时间">
@@ -87,14 +96,15 @@
               @update:model-value="(v: string) => onFqStartDateChange(pIdx, v)"
             />
           </el-form-item>
-          <el-form-item label="应缴费提前(天)">
+          <el-form-item label="提前催缴预警(天)">
             <el-input
               :model-value="pay.installmentAdvanceDays"
               type="number"
               :min="0"
               :max="365"
               style="width: 100%"
-              @change="(v: string) => onFqFieldChange(pIdx, 'installmentAdvanceDays', v)"
+              @update:model-value="(v: string) => onFqFieldInput(pIdx, 'installmentAdvanceDays', v)"
+              @change="() => onFqFieldCommit(pIdx)"
             />
           </el-form-item>
         </template>
@@ -106,11 +116,7 @@
       >
       <div v-for="(sch, sIdx) in pay.schedules || []" :key="sch.id || sIdx" class="schedule-block">
         <div class="schedule-block__head">
-          <span
-            >第 {{ sch.scheduleNo || sIdx + 1 }} 期 · 应缴
-            {{ fmtMoney(sch.dueAmount) }}
-            <template v-if="sch.dueDate"> · {{ formatDueDate(sch.dueDate) }}</template>
-          </span>
+          <span>第 {{ sch.scheduleNo || sIdx + 1 }} 期</span>
           <span class="schedule-arrears">
             已缴
             {{
@@ -121,80 +127,219 @@
               fmtMoney(schedulePaidArrears(Number(sch.dueAmount) || 0, sch.transfers || []).arrears)
             }}
           </span>
-          <el-button link type="primary" size="small" @click="addTransfer(pIdx, sIdx)">
+          <el-button type="primary" size="small" @click="addTransfer(pIdx, sIdx)">
             <el-icon><Plus /></el-icon>
             添加转账
           </el-button>
         </div>
-
-        <div
-          v-for="(tr, tIdx) in sch.transfers || []"
-          :key="tr.id || `${sIdx}-${tIdx}`"
-          class="transfer-row form-grid form-grid--col4"
-        >
-          <el-form-item label="转账方式">
-            <el-select
-              v-model="tr.transferType"
-              placeholder="请选择"
-              style="width: 100%"
-              :disabled="isTransferLocked(tr)"
-              @change="emitChange"
-            >
-              <el-option
-                v-for="opt in transferTypeOptions"
-                :key="opt.value"
-                :label="opt.label"
-                :value="opt.value"
-              />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="转账金额(元)">
+        <div class="form-grid form-grid--col4 schedule-due-edit">
+          <el-form-item label="应缴费金额(元)">
             <AmountInput
-              v-model="tr.transferAmount"
+              :model-value="sch.dueAmount"
               :min="0"
-              :disabled="isTransferLocked(tr)"
+              :disabled="isScheduleDueLocked(sch)"
               style="width: 100%"
-              @change="emitChange"
+              @update:model-value="(v: number | null) => patchSchedule(pIdx, sIdx, { dueAmount: v })"
             />
           </el-form-item>
-          <el-form-item label="转账时间">
+          <el-form-item label="应缴费时间">
             <el-date-picker
-              v-model="tr.transferTime"
-              type="datetime"
-              value-format="YYYY-MM-DD HH:mm:ss"
+              :model-value="sch.dueDate"
+              type="date"
+              value-format="YYYYMMDD"
+              format="YYYY-MM-DD"
+              placeholder="选择应缴费时间"
               clearable
-              :disabled="isTransferLocked(tr)"
+              :disabled="isScheduleDueLocked(sch)"
               style="width: 100%"
-              @change="emitChange"
+              @update:model-value="(v: string) => patchSchedule(pIdx, sIdx, { dueDate: v || '' })"
             />
           </el-form-item>
-          <el-form-item label="状态">
-            <el-tag :type="payStatusTagType(String(tr.payStatus || 'dfj'))" size="small">
-              {{ payStatusLabel(String(tr.payStatus || 'dfj')) }}
-            </el-tag>
-            <el-button
-              v-if="tr.id && tr.payStatus === 'dfj' && protocolId"
-              link
-              type="primary"
-              size="small"
-              style="margin-left: 8px"
-              :loading="submittingId === tr.id"
-              @click="submitTransfer(tr)"
-            >
-              提交财务确认
-            </el-button>
-            <el-button
-              v-if="!isTransferLocked(tr)"
-              link
-              type="danger"
-              size="small"
-              style="margin-left: 4px"
-              @click="removeTransfer(pIdx, sIdx, tIdx)"
-            >
-              删除
-            </el-button>
-          </el-form-item>
         </div>
+
+        <el-table
+          :data="sch.transfers || []"
+          class="list-table transfer-table"
+          stripe
+          empty-text="暂无转账记录，请点击上方按钮添加"
+        >
+          <el-table-column type="index" label="#" min-width="50" align="center" />
+          <el-table-column label="转账方式" min-width="140" align="center">
+            <template #default="{ row }">
+              <el-select
+                v-model="row.transferType"
+                placeholder="请选择"
+                style="width: 100%"
+                :disabled="isTransferLocked(row)"
+                @change="emitChange"
+              >
+                <el-option
+                  v-for="opt in transferTypeOptions"
+                  :key="opt.value"
+                  :label="opt.label"
+                  :value="opt.value"
+                />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="转账金额(元)" min-width="140" align="center">
+            <template #default="{ row }">
+              <AmountInput
+                v-model="row.transferAmount"
+                :min="0"
+                :disabled="isTransferLocked(row)"
+                style="width: 100%"
+                @change="emitChange"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column label="转账时间" min-width="190" align="center">
+            <template #default="{ row }">
+              <el-date-picker
+                v-model="row.transferTime"
+                type="datetime"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                clearable
+                placeholder="选择时间"
+                :disabled="isTransferLocked(row)"
+                style="width: 100%"
+                @change="emitChange"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column label="转账凭证" min-width="280" align="left">
+            <template #default="{ row, $index }">
+              <div class="attachment-upload">
+                <div class="attachment-list">
+                  <el-upload
+                    v-if="!isTransferLocked(row)"
+                    :auto-upload="false"
+                    :show-file-list="false"
+                    :multiple="true"
+                    accept="image/*,video/*,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.zip,.rar"
+                    @change="(f: any) => handleTransferAttachmentChange(pIdx, sIdx, $index, f)"
+                  >
+                    <div class="upload-card">
+                      <el-icon :size="22" color="#047857"><Plus /></el-icon>
+                      <span class="upload-card-text">上传凭证</span>
+                    </div>
+                  </el-upload>
+                  <div
+                    v-for="(file, fIdx) in ensureTransferAttachments(row)"
+                    :key="file.id || fIdx"
+                    class="attachment-item"
+                    :class="{ 'is-uploading': file._uploading }"
+                  >
+                    <div class="attachment-preview">
+                      <template v-if="file.fileUrl && isImageUrl(file.fileUrl)">
+                        <img :src="fullFileUrl(file.fileUrl)" :alt="file.fileName" />
+                      </template>
+                      <template v-else>
+                        <div class="attachment-preview__icon">
+                          <el-icon :size="22"><Document /></el-icon>
+                        </div>
+                      </template>
+                    </div>
+                    <div class="attachment-footer">
+                      <span class="attachment-name" :title="file.fileName">{{
+                        file.fileName || '附件'
+                      }}</span>
+                      <el-icon
+                        v-if="!isTransferLocked(row)"
+                        class="action-btn"
+                        title="删除"
+                        @click="removeTransferAttachment(pIdx, sIdx, $index, fIdx)"
+                      >
+                        <Delete />
+                      </el-icon>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="备注" min-width="160" align="center">
+            <template #default="{ row }">
+              <el-input
+                v-if="!isTransferLocked(row)"
+                v-model="row.remark"
+                maxlength="512"
+                clearable
+                placeholder="选填"
+                @change="emitChange"
+              />
+              <span v-else>{{ row.remark || '—' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="财务备注"
+            min-width="140"
+            align="center"
+            show-overflow-tooltip
+          >
+            <template #default="{ row }">{{ row.financeRemark || '—' }}</template>
+          </el-table-column>
+          <el-table-column label="状态" min-width="110" align="center">
+            <template #default="{ row }">
+              <el-tag :type="payStatusTagType(String(row.payStatus || 'dfj'))" size="small">
+                {{ payStatusLabel(String(row.payStatus || 'dfj')) }}
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" min-width="300" align="center" fixed="right">
+            <template #default="{ row, $index }">
+              <el-button
+                v-if="!isTransferLocked(row)"
+                link
+                type="primary"
+                size="small"
+                :loading="savingKey === transferRowKey(pIdx, sIdx, $index, row)"
+                @click="saveTransferRow(pIdx, sIdx, $index)"
+              >
+                <el-icon><Select /></el-icon>
+                保存
+              </el-button>
+              <el-button
+                v-if="row.id && row.payStatus === 'dfj' && protocolId"
+                link
+                type="primary"
+                size="small"
+                :loading="submittingId === row.id"
+                @click="submitTransfer(row)"
+              >
+                <el-icon><Check /></el-icon>
+                提交财务确认
+              </el-button>
+              <el-button
+                v-if="row.id && row.payStatus === 'jfqrz' && protocolId"
+                link
+                type="warning"
+                size="small"
+                :loading="submittingId === row.id"
+                @click="withdrawTransfer(row)"
+              >
+                <el-icon><RefreshLeft /></el-icon>
+                撤回
+              </el-button>
+              <el-button
+                v-if="!isTransferLocked(row)"
+                link
+                type="danger"
+                size="small"
+                @click="removeTransfer(pIdx, sIdx, $index)"
+              >
+                <el-icon><Delete /></el-icon>
+                删除
+              </el-button>
+              <span
+                v-if="isTransferLocked(row) && row.payStatus !== 'jfqrz'"
+                class="muted-dash"
+                >—</span
+              >
+            </template>
+          </el-table-column>
+        </el-table>
       </div>
     </div>
   </div>
@@ -202,7 +347,7 @@
 
 <script setup lang="ts">
   import { computed, ref, watch } from 'vue'
-  import { Plus } from '@element-plus/icons-vue'
+  import { Plus, Check, Delete, Document, Select, RefreshLeft } from '@element-plus/icons-vue'
   import AmountInput from '@/components/common/amount-input/index.vue'
   import { formatMoneyDisplay } from '@/utils/money-format'
   import {
@@ -213,15 +358,64 @@
   } from '@/utils/protocol-payment-labels'
   import {
     DEFAULT_INSTALLMENT_ADVANCE_DAYS,
+    calcFqInstallmentDueDate,
     normalizeInstallmentAmounts
   } from '@/utils/protocol-payment-installment'
-  import { generateInitialFqDetails } from '@/utils/protocol-fq-params-change'
   import {
+    applyConsolidateRemainingToPayment,
+    applyExpandRemainingToInstallment,
+    availableSamplePayModes,
     parseInstallmentRatios,
-    resolvePerSamplePreset,
-    schedulePaidArrears
+    parsePreferentialPrice,
+    resolvePerSamplePaymentDefaults,
+    samplePaymentHasConfirmedTransfer,
+    schedulePaidArrears,
+    shouldReplaceContractWithPreferentialPrice
   } from '@/utils/protocol-sample-payment'
-  import { fetchSubmitPaymentTransferFinance } from '@/api/protocol-sample-payment'
+  import { isMultiSchedulePayMode } from '@/utils/protocol-payment-presets'
+  import { payModeLabel, payModeTagType } from '@/utils/status-tag-registry'
+  import {
+    fetchCreatePaymentTransfer,
+    fetchUpdatePaymentTransfer,
+    fetchSubmitPaymentTransferFinance,
+    fetchWithdrawPaymentTransfer
+  } from '@/api/protocol-sample-payment'
+  import { fetchUploadAttachment } from '@/api/business'
+  import { ElMessageBox } from 'element-plus'
+
+  type TransferAttachment = {
+    id?: string
+    fileName?: string
+    fileUrl?: string
+    _uploading?: boolean
+  }
+
+  const minioBaseUrl = (import.meta.env.VITE_MINIO_BASE_URL || '').replace(/\/$/, '')
+
+  function fullFileUrl(url: string) {
+    if (!url) return ''
+    if (/^https?:\/\//i.test(url)) return url
+    return minioBaseUrl ? `${minioBaseUrl}/${url.replace(/^\//, '')}` : url
+  }
+
+  function isImageUrl(url: string) {
+    return /\.(png|jpe?g|gif|webp|bmp|svg)(\?.*)?$/i.test(url)
+  }
+
+  /** 保证转账行有 attachments 数组（编辑回填或历史数据） */
+  function ensureTransferAttachments(tr: Record<string, any>): TransferAttachment[] {
+    if (Array.isArray(tr.attachments)) return tr.attachments
+    const urls = String(tr.transferAttachments || '')
+      .split(',')
+      .map((s: string) => s.trim())
+      .filter(Boolean)
+    tr.attachments = urls.map((fileUrl: string, i: number) => ({
+      id: `att_${i}`,
+      fileName: fileUrl.includes('/') ? fileUrl.split('/').pop() || '附件' : '附件',
+      fileUrl
+    }))
+    return tr.attachments
+  }
 
   const props = defineProps<{
     modelValue: Array<Record<string, any>>
@@ -235,6 +429,7 @@
 
   const transferTypeOptions = ref<Api.Dict.DictDataOption[]>([])
   const submittingId = ref('')
+  const savingKey = ref('')
 
   async function ensureTransferTypes() {
     await loadTransferTypeDict()
@@ -247,13 +442,31 @@
     return '¥' + formatMoneyDisplay(v)
   }
 
-  function formatDueDate(v: string) {
-    if (!v || v.length !== 8) return v || ''
-    return `${v.slice(0, 4)}-${v.slice(4, 6)}-${v.slice(6, 8)}`
+  /** 仅财务已确认（yjf）锁定；缴费确认中仍可改，直至财务确认 */
+  function isTransferLocked(tr: Record<string, any>) {
+    return tr.payStatus === 'yjf'
   }
 
-  function isTransferLocked(tr: Record<string, any>) {
-    return tr.payStatus === 'jfqrz' || tr.payStatus === 'yjf'
+  /** 期次存在任一已财务确认转账时，应缴金额/时间只读 */
+  function isScheduleDueLocked(sch: Record<string, any>) {
+    return (sch.transfers || []).some((t: Record<string, any>) => t.payStatus === 'yjf')
+  }
+
+  /** 仅改单期字段，不重建整表批次；手填金额同步到 installmentRatios */
+  function patchSchedule(pIdx: number, sIdx: number, patch: Record<string, any>) {
+    const list = [...(props.modelValue || [])]
+    const pay = { ...list[pIdx] }
+    const schedules = [...(pay.schedules || [])]
+    schedules[sIdx] = { ...schedules[sIdx], ...patch }
+    pay.schedules = schedules
+    if ('dueAmount' in patch) {
+      pay.installmentRatios = schedules.map((s: Record<string, any>) => {
+        const n = Number(s.dueAmount)
+        return Number.isFinite(n) && n > 0 ? n : 0
+      })
+    }
+    list[pIdx] = pay
+    emit('update:modelValue', list)
   }
 
   function sampleTitle(pay: Record<string, any>) {
@@ -264,8 +477,8 @@
   }
 
   function emptyDjPayment(sample: Record<string, any>): Record<string, any> {
-    const preset = resolvePerSamplePreset('dj')
-    const amount = preset?.contractAmount ?? null
+    const defaults = resolvePerSamplePaymentDefaults(sample, 'dj')
+    const amount = defaults.contractAmount
     return {
       sampleCode: String(sample.sampleCode || ''),
       protocolSampleId: sample.id || '',
@@ -291,55 +504,104 @@
     }
   }
 
+  function paymentHasLockedTransfer(pay: Record<string, any>) {
+    return (pay.schedules || []).some((s: Record<string, any>) =>
+      (s.transfers || []).some((t: Record<string, any>) => t.payStatus === 'yjf')
+    )
+  }
+
+  /** 优惠价变更时同步合同；打开编辑不覆盖库内金额（仅合同为空时补齐） */
+  function applyPreferentialPriceToPayment(
+    pay: Record<string, any>,
+    sample: Record<string, any>,
+    force = false
+  ): Record<string, any> {
+    if (paymentHasLockedTransfer(pay)) return pay
+    const price = parsePreferentialPrice(sample)
+    if (price == null) return pay
+    if (!force && !shouldReplaceContractWithPreferentialPrice(pay.contractAmount, price)) {
+      return pay
+    }
+    if (Math.abs(Number(pay.contractAmount || 0) - price) <= 0.015) return pay
+    const mode = String(pay.payMode || 'dj')
+    const next: Record<string, any> = { ...pay, contractAmount: price }
+    // 分期：不自动改写各期金额（由用户保证合计=新合同）；趸交随合同重建应缴
+    if (mode === 'fq' || mode === 'fgd') {
+      return next
+    }
+    return rebuildSchedules(next)
+  }
+
+  function scheduleByNo(pay: Record<string, any>, scheduleNo: number) {
+    return (pay.schedules || []).find(
+      (s: any) => Number(s.scheduleNo || 0) === Number(scheduleNo)
+    )
+  }
+
+  function transfersForSchedule(pay: Record<string, any>, scheduleNo: number) {
+    // 重建批次时保留确认中/已确认笔，以及待缴费草稿
+    return [...(scheduleByNo(pay, scheduleNo)?.transfers || [])]
+  }
+
   function rebuildSchedules(pay: Record<string, any>): Record<string, any> {
     const mode = pay.payMode || 'dj'
     if (mode === 'dj') {
+      const prev = scheduleByNo(pay, 1)
       return {
         ...pay,
         schedules: [
           {
+            id: prev?.id,
             scheduleNo: 1,
             dueAmount: pay.contractAmount,
             dueDate: pay.lumpSumDeadline || '',
-            scheduleStatus: 'open',
-            transfers: (pay.schedules?.[0]?.transfers || []).filter(
-              (t: any) => t.payStatus === 'dfj' || !t.payStatus
-            )
+            scheduleStatus: prev?.scheduleStatus || 'open',
+            transfers: transfersForSchedule(pay, 1)
           }
         ]
       }
     }
+    // fq / fgd / djfq：按期数生成批次；金额无模板时留空由用户手填
     const count = Number(pay.installmentCount) || 0
     const interval = Number(pay.installmentIntervalMonths) || 0
     const startDate = pay.installmentStartDate || ''
     const advanceDays = Number(pay.installmentAdvanceDays ?? DEFAULT_INSTALLMENT_ADVANCE_DAYS)
-    let ratios = parseInstallmentRatios(pay.installmentRatios)
+    const rawRatios = parseInstallmentRatios(pay.installmentRatios)
+    const hasManualAmounts = rawRatios.some((v) => Number(v) > 0)
+    let amounts: Array<number | null> = []
     if (count > 0) {
-      ratios = normalizeInstallmentAmounts(ratios, pay.contractAmount, count)
+      if (hasManualAmounts) {
+        amounts = normalizeInstallmentAmounts(rawRatios, pay.contractAmount, count)
+      } else {
+        amounts = Array.from({ length: count }, () => null)
+      }
     }
     if (!count || !interval || !startDate) {
-      return { ...pay, installmentRatios: ratios, schedules: [] }
+      return { ...pay, installmentRatios: hasManualAmounts ? amounts : [], schedules: [] }
     }
-    const details = generateInitialFqDetails(
-      {
-        installmentCount: count,
-        installmentIntervalMonths: interval,
-        installmentStartDate: startDate,
-        installmentAdvanceDays: advanceDays,
-        installmentRatios: ratios
-      },
-      pay.contractAmount
-    )
     return {
       ...pay,
-      installmentRatios: ratios,
-      schedules: details.map((d, i) => ({
-        scheduleNo: d.installmentNo || i + 1,
-        dueAmount: d.dueAmount,
-        dueDate: d.installmentDueDate || '',
-        scheduleStatus: 'open',
-        transfers: []
-      }))
+      installmentRatios: hasManualAmounts ? amounts : [],
+      schedules: Array.from({ length: count }, (_, i) => {
+        const scheduleNo = i + 1
+        const prev = scheduleByNo(pay, scheduleNo)
+        const prevAmt = prev?.dueAmount
+        const keepPrev =
+          !hasManualAmounts && prevAmt != null && Number(prevAmt) > 0
+            ? Number(prevAmt)
+            : null
+        return {
+          id: prev?.id,
+          scheduleNo,
+          dueAmount: hasManualAmounts ? amounts[i] : keepPrev,
+          dueDate:
+            prev?.dueDate ||
+            calcFqInstallmentDueDate(startDate, i, interval, advanceDays) ||
+            '',
+          scheduleStatus: prev?.scheduleStatus || 'open',
+          transfers: transfersForSchedule(pay, scheduleNo)
+        }
+      })
     }
   }
 
@@ -357,20 +619,120 @@
     emit('update:modelValue', list)
   }
 
-  function onPayModeChange(pIdx: number, mode: string) {
-    const preset = resolvePerSamplePreset(mode === 'fq' ? 'fq' : 'dj')
+  const PAY_MODE_OPTION_META: Array<{ value: string; label: string }> = [
+    { value: 'dj', label: '趸交' },
+    { value: 'fq', label: '分期' },
+    { value: 'fgd', label: '分改趸' }
+  ]
+
+  function payModeOptionsFor(pay: Record<string, any>) {
+    const allowed = new Set(availableSamplePayModes(pay))
+    return PAY_MODE_OPTION_META.filter((o) => allowed.has(o.value as any))
+  }
+
+  function activeScheduleCount(pay: Record<string, any>): number {
+    return (pay.schedules || []).filter(
+      (s: any) => String(s.scheduleStatus || 'open') !== 'void' && !s._deleted
+    ).length
+  }
+
+  async function onPayModeChange(pIdx: number, mode: string) {
+    const list = props.modelValue || []
+    const prev = list[pIdx]
+    const prevMode = String(prev?.payMode || '')
+    if (!prev || mode === prevMode) return
+
+    const allowed = availableSamplePayModes(prev)
+    if (!allowed.includes(mode as any)) {
+      ElMessage.warning('当前缴费模式下不可切换为该选项')
+      return
+    }
+
+    const hasPaid = samplePaymentHasConfirmedTransfer(prev)
+    const schCount = activeScheduleCount(prev)
+
+    // 分期 → 趸交/分改趸：只要已有批次就并期（不依赖是否已有 yjf；无已缴时会并成 1 期）
+    // 此前无 yjf 时误走 rebuild，且期数仍按 6，界面几乎无变化
+    if (prevMode === 'fq' && (mode === 'dj' || mode === 'fgd') && schCount > 0) {
+      const label = mode === 'dj' ? '趸交' : '分改趸'
+      try {
+        await ElMessageBox.confirm(
+          hasPaid
+            ? `改为${label}将保留已缴期，并把后续未缴合并至当前未清期。是否继续？`
+            : `改为${label}将把各期未缴合并为当前未清期。是否继续？`,
+          `确认改为${label}`,
+          { type: 'warning', confirmButtonText: '继续', cancelButtonText: '取消' }
+        )
+      } catch {
+        return
+      }
+      try {
+        const nextList = [...(props.modelValue || [])]
+        nextList[pIdx] = applyConsolidateRemainingToPayment({ ...nextList[pIdx] }, mode)
+        emit('update:modelValue', nextList)
+      } catch (e: any) {
+        ElMessage.error(e?.message || `无法改为${label}`)
+      }
+      return
+    }
+
+    // 有已缴：趸交/分改趸 → 分期（保留已缴，剩余按期数拆分）
+    if (hasPaid && (prevMode === 'dj' || prevMode === 'fgd') && mode === 'fq') {
+      try {
+        await ElMessageBox.confirm(
+          '改为分期将保留已缴期，剩余金额按分期期数自动生成后续应缴批次。是否继续？',
+          '确认改为分期',
+          { type: 'warning', confirmButtonText: '继续', cancelButtonText: '取消' }
+        )
+      } catch {
+        return
+      }
+      try {
+        const nextList = [...(props.modelValue || [])]
+        const cur = { ...nextList[pIdx] }
+        const count = Number(cur.installmentCount) || 6
+        const interval = Number(cur.installmentIntervalMonths) || 1
+        let startDate = String(cur.installmentStartDate || '').trim()
+        if (!startDate) {
+          startDate = String(cur.lumpSumDeadline || '').trim()
+        }
+        if (!startDate) {
+          const d = new Date()
+          startDate = `${d.getFullYear()}${String(d.getMonth() + 1).padStart(2, '0')}${String(d.getDate()).padStart(2, '0')}`
+        }
+        nextList[pIdx] = applyExpandRemainingToInstallment(cur, {
+          installmentCount: count,
+          installmentIntervalMonths: interval,
+          installmentStartDate: startDate,
+          installmentAdvanceDays:
+            cur.installmentAdvanceDays ?? DEFAULT_INSTALLMENT_ADVANCE_DAYS
+        })
+        emit('update:modelValue', nextList)
+      } catch (e: any) {
+        ElMessage.error(e?.message || '无法改为分期')
+      }
+      return
+    }
+
+    // 无已缴 / 无批次：自由切换并重建批次
+    const sample = (props.samples || []).find(
+      (s) => String(s.sampleCode || '') === String(prev?.sampleCode || '')
+    )
+    const presetMode = mode === 'fq' || mode === 'fgd' ? 'fq' : 'dj'
+    const defaults = resolvePerSamplePaymentDefaults(sample, presetMode)
     const patch: Record<string, any> = {
       payMode: mode,
-      contractAmount: preset?.contractAmount ?? null
+      contractAmount: defaults.contractAmount ?? prev?.contractAmount ?? null
     }
-    if (mode === 'fq' && preset) {
-      patch.installmentCount = preset.installmentCount || 6
+    if (mode === 'fq' || mode === 'fgd') {
+      // 建单选分改趸默认 3 期；勿用 defaults.installmentCount(||6) 盖掉
+      patch.installmentCount = mode === 'fgd' ? 3 : defaults.installmentCount || 6
       patch.installmentIntervalMonths = 1
       patch.installmentAdvanceDays = DEFAULT_INSTALLMENT_ADVANCE_DAYS
-      patch.installmentRatios = preset.installmentAmounts || []
-      if (!patch.installmentStartDate) {
-        /* keep existing start date if any */
-      }
+      patch.installmentRatios = []
+    } else {
+      patch.installmentCount = null
+      patch.installmentRatios = []
     }
     patchPay(pIdx, patch, true)
   }
@@ -379,9 +741,15 @@
     patchPay(pIdx, { contractAmount: v }, true)
   }
 
-  function onFqFieldChange(pIdx: number, key: string, raw: string) {
+  /** 输入过程中同步受控值（不重建批次，避免中途键入被回滚） */
+  function onFqFieldInput(pIdx: number, key: string, raw: string) {
     const num = raw === '' || raw == null ? null : Number(raw)
-    patchPay(pIdx, { [key]: num }, true)
+    patchPay(pIdx, { [key]: Number.isFinite(num as number) ? num : null }, false)
+  }
+
+  /** 失焦/回车后再按最新参数重建应缴批次 */
+  function onFqFieldCommit(pIdx: number) {
+    patchPay(pIdx, {}, true)
   }
 
   function onFqStartDateChange(pIdx: number, v: string) {
@@ -399,7 +767,10 @@
       transferAmount: null,
       transferTime: '',
       payStatus: 'dfj',
-      transferAttachments: ''
+      remark: '',
+      financeRemark: '',
+      transferAttachments: '',
+      attachments: [] as TransferAttachment[]
     })
     sch.transfers = transfers
     schedules[sIdx] = sch
@@ -422,9 +793,145 @@
     emit('update:modelValue', list)
   }
 
+  function getTransfer(pIdx: number, sIdx: number, tIdx: number) {
+    return props.modelValue?.[pIdx]?.schedules?.[sIdx]?.transfers?.[tIdx]
+  }
+
+  function transferRowKey(pIdx: number, sIdx: number, tIdx: number, row: Record<string, any>) {
+    return String(row.id || `${pIdx}-${sIdx}-${tIdx}`)
+  }
+
+  function attachmentsToUrls(tr: Record<string, any>) {
+    ensureTransferAttachments(tr)
+    return (tr.attachments || [])
+      .filter((f: TransferAttachment) => f?.fileUrl && !f._uploading)
+      .map((f: TransferAttachment) => String(f.fileUrl))
+      .join(',')
+  }
+
+  function validateTransferRow(tr: Record<string, any>) {
+    if (!(tr.transferType || '').trim()) {
+      ElMessage.warning('请选择转账方式')
+      return false
+    }
+    const amt = Number(tr.transferAmount)
+    if (!Number.isFinite(amt) || amt <= 0) {
+      ElMessage.warning('请填写转账金额')
+      return false
+    }
+    if ((tr.attachments || []).some((f: TransferAttachment) => f._uploading)) {
+      ElMessage.warning('凭证正在上传，请稍后再保存')
+      return false
+    }
+    return true
+  }
+
+  function applySavedTransfer(tr: Record<string, any>, data: Record<string, any>) {
+    if (!data) return
+    tr.id = data.id || tr.id
+    tr.payStatus = data.payStatus || tr.payStatus || 'dfj'
+    tr.scheduleId = data.scheduleId || tr.scheduleId
+    tr.samplePaymentId = data.samplePaymentId || tr.samplePaymentId
+    if (Array.isArray(data.attachments) && data.attachments.length) {
+      tr.attachments = data.attachments.map((a: Record<string, any>) => ({ ...a }))
+    }
+    if (data.transferAttachments) tr.transferAttachments = data.transferAttachments
+    emitChange()
+  }
+
+  async function saveTransferRow(pIdx: number, sIdx: number, tIdx: number) {
+    const tr = getTransfer(pIdx, sIdx, tIdx)
+    if (!tr || isTransferLocked(tr)) return
+    if (!props.protocolId) {
+      ElMessage.warning('请先保存协议后再保存转账记录')
+      return
+    }
+    const sch = props.modelValue?.[pIdx]?.schedules?.[sIdx]
+    if (!sch?.id) {
+      ElMessage.warning('请先保存协议后再保存转账记录')
+      return
+    }
+    if (!validateTransferRow(tr)) return
+    const key = transferRowKey(pIdx, sIdx, tIdx, tr)
+    savingKey.value = key
+    try {
+      const payload = {
+        transferType: tr.transferType,
+        transferAmount: tr.transferAmount,
+        transferTime: tr.transferTime || undefined,
+        transferAttachments: attachmentsToUrls(tr) || undefined,
+        remark: tr.remark
+      }
+      if (tr.id) {
+        const data: any = await fetchUpdatePaymentTransfer(String(tr.id), payload)
+        applySavedTransfer(tr, data || {})
+        ElMessage.success('转账记录已保存')
+      } else {
+        const data: any = await fetchCreatePaymentTransfer({
+          scheduleId: String(sch.id),
+          ...payload
+        })
+        applySavedTransfer(tr, data || {})
+      }
+    } finally {
+      savingKey.value = ''
+    }
+  }
+
+  async function handleTransferAttachmentChange(
+    pIdx: number,
+    sIdx: number,
+    tIdx: number,
+    uploadFile: { raw?: File }
+  ) {
+    const file = uploadFile.raw
+    if (!file) return
+    if (file.size > 20 * 1024 * 1024) {
+      ElMessage.warning('单文件不超过 20MB')
+      return
+    }
+    const tr = getTransfer(pIdx, sIdx, tIdx)
+    if (!tr) return
+    ensureTransferAttachments(tr)
+    const tempId = `temp_${Date.now()}_${Math.random().toString(16).slice(2)}`
+    tr.attachments.push({
+      id: tempId,
+      fileName: file.name,
+      fileUrl: '',
+      _uploading: true
+    })
+    emitChange()
+    const idx = tr.attachments.length - 1
+    try {
+      const fd = new FormData()
+      fd.append('folder', 'protocol-transfer')
+      fd.append('file', file)
+      const res: any = await fetchUploadAttachment(fd)
+      const data = res?.data || res
+      tr.attachments[idx] = {
+        id: data?.id || tempId,
+        fileName: data?.fileName || file.name,
+        fileUrl: data?.fileUrl || data?.url || '',
+        _uploading: false
+      }
+      emitChange()
+    } catch {
+      ElMessage.error('文件上传失败')
+      tr.attachments.splice(idx, 1)
+      emitChange()
+    }
+  }
+
+  function removeTransferAttachment(pIdx: number, sIdx: number, tIdx: number, fIdx: number) {
+    const tr = getTransfer(pIdx, sIdx, tIdx)
+    if (!tr?.attachments) return
+    tr.attachments.splice(fIdx, 1)
+    emitChange()
+  }
+
   async function submitTransfer(tr: Record<string, any>) {
     if (!tr.id) {
-      ElMessage.warning('请先保存协议后再提交财务确认')
+      ElMessage.warning('请先保存该转账记录后再提交财务确认')
       return
     }
     submittingId.value = String(tr.id)
@@ -437,44 +944,82 @@
     }
   }
 
-  /** 样本增减时对齐缴费方案（按 sampleCode） */
+  async function withdrawTransfer(tr: Record<string, any>) {
+    if (!tr.id) return
+    await ElMessageBox.confirm(
+      '确认撤回该笔转账的财务确认申请？撤回后可修改并重新提交。',
+      '撤回',
+      { type: 'warning' }
+    )
+    submittingId.value = String(tr.id)
+    try {
+      await fetchWithdrawPaymentTransfer(String(tr.id))
+      tr.payStatus = 'dfj'
+      emitChange()
+      ElMessage.success('已撤回')
+    } finally {
+      submittingId.value = ''
+    }
+  }
+
+  /** 上一轮各样本优惠价，用于判断是否强制同步合同金额 */
+  const lastPreferentialByCode = ref<Record<string, number | null>>({})
+
+  /** 样本增减 / 优惠价变更时对齐缴费方案（按 sampleCode） */
   watch(
     () =>
       (props.samples || [])
         .filter((s) => String(s.sampleStatus || '') !== 'yzf' && String(s.sampleCode || '').trim())
-        .map((s) => String(s.sampleCode)),
-    (codes) => {
-      const codeSet = new Set(codes)
+        .map((s) => ({
+          code: String(s.sampleCode),
+          price: parsePreferentialPrice(s),
+          id: s.id || '',
+          sample: s
+        })),
+    (rows) => {
       const existing = [...(props.modelValue || [])]
       const byCode = new Map(existing.map((p) => [String(p.sampleCode || ''), p]))
       const next: Array<Record<string, any>> = []
-      for (const sample of props.samples || []) {
-        const code = String(sample.sampleCode || '').trim()
-        if (!code || String(sample.sampleStatus || '') === 'yzf') continue
+      const nextPriceMap: Record<string, number | null> = {}
+      for (const row of rows) {
+        const { code, price, sample } = row
+        nextPriceMap[code] = price
         const prev = byCode.get(code)
         if (prev) {
-          next.push({
-            ...prev,
-            protocolSampleId: sample.id || prev.protocolSampleId || ''
-          })
+          const hadPrev = Object.prototype.hasOwnProperty.call(
+            lastPreferentialByCode.value,
+            code
+          )
+          const prevPrice = lastPreferentialByCode.value[code]
+          // 仅在「已跟踪过该样本且优惠价发生变化」时强制覆盖；首次对齐只替换空值/价目表默认
+          const priceChanged = hadPrev && price != null && prevPrice !== price
+          const aligned = applyPreferentialPriceToPayment(
+            {
+              ...prev,
+              protocolSampleId: sample.id || prev.protocolSampleId || ''
+            },
+            sample,
+            priceChanged
+          )
+          next.push(aligned)
         } else {
           next.push(emptyDjPayment(sample))
         }
       }
-      // 保留已有但样本暂无编码的方案（编辑中间态）
-      for (const p of existing) {
-        const code = String(p.sampleCode || '')
-        if (code && !codeSet.has(code) && p.id) {
-          /* 样本删除：不保留 */
-        }
-      }
+      lastPreferentialByCode.value = nextPriceMap
       const same =
         next.length === existing.length &&
-        next.every(
-          (p, i) =>
-            p.sampleCode === existing[i]?.sampleCode &&
-            p.protocolSampleId === existing[i]?.protocolSampleId
-        )
+        next.every((p, i) => {
+          const e = existing[i]
+          if (!e) return false
+          return (
+            p.sampleCode === e.sampleCode &&
+            p.protocolSampleId === e.protocolSampleId &&
+            Number(p.contractAmount) === Number(e.contractAmount) &&
+            String(p.payMode || '') === String(e.payMode || '') &&
+            JSON.stringify(p.schedules || []) === JSON.stringify(e.schedules || [])
+          )
+        })
       if (!same) emit('update:modelValue', next)
     },
     { immediate: true, deep: true }
@@ -538,18 +1083,114 @@
     flex-wrap: wrap;
     gap: 8px 12px;
     align-items: center;
-    margin-bottom: 8px;
+    margin-bottom: 10px;
     font-size: 13px;
   }
 
+  .schedule-due-edit {
+    margin-bottom: 10px;
+  }
+
   .schedule-arrears {
     color: var(--mint-text-muted, #64748b);
   }
 
-  .transfer-row {
-    margin-top: 6px;
-    padding-top: 6px;
-    border-top: 1px dashed #e2e8f0;
+  .transfer-table {
+    width: 100%;
+
+    :deep(.el-date-editor) {
+      width: 100%;
+    }
+  }
+
+  .muted-dash {
+    color: var(--mint-text-muted, #94a3b8);
+  }
+
+  .attachment-upload {
+    width: 100%;
+  }
+
+  .attachment-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    align-items: flex-start;
+  }
+
+  .upload-card {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 88px;
+    height: 72px;
+    cursor: pointer;
+    border: 1px dashed #a7f3d0;
+    border-radius: 8px;
+    background: #ecfdf5;
+  }
+
+  .upload-card-text {
+    margin-top: 4px;
+    font-size: 11px;
+    color: #047857;
+  }
+
+  .attachment-item {
+    width: 88px;
+    overflow: hidden;
+    background: #fff;
+    border: 1px solid #e2e8f0;
+    border-radius: 8px;
+
+    &.is-uploading {
+      opacity: 0.6;
+    }
+  }
+
+  .attachment-preview {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 88px;
+    height: 52px;
+    background: #f8fafc;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+
+  .attachment-preview__icon {
+    color: #64748b;
+  }
+
+  .attachment-footer {
+    display: flex;
+    gap: 4px;
+    align-items: center;
+    padding: 4px 6px;
+  }
+
+  .attachment-name {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 11px;
+  }
+
+  .action-btn {
+    flex-shrink: 0;
+    cursor: pointer;
+    color: #94a3b8;
+
+    &:hover {
+      color: #dc2626;
+    }
   }
 
   .form-grid {
@@ -561,8 +1202,19 @@
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 
+  .form-grid--col6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  @media (max-width: 1400px) {
+    .form-grid--col6 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+
   @media (max-width: 1100px) {
-    .form-grid--col4 {
+    .form-grid--col4,
+    .form-grid--col6 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }