✨ 结算付款体验优化与合同/运单导入校验

付款申请汇票筛选与提示去重、结算菜单拆分与金蝶同步弹框、应收应付详情高度、合同计费与半月结调整，以及导入运单批量删除校验。

Co-authored-by: Cursor <cursoragent@cursor.com>

src/api/settlement/formalSettlement.js

@@ -31,8 +31,15 @@ export const approve = data => request({ url: `${baseUrl}/approve`, method: 'pos
 export const returnBill = data => request({ url: `${baseUrl}/return`, method: 'post', data });
 export const voidBill = data => request({ url: `${baseUrl}/void`, method: 'post', data });
 // 同步金蝶涉及多次金蝶远程接口调用（A102-4 预检 + A102-2 保存），可达 20s+，覆盖全局 10s 超时
-export const syncKingdee = id =>
+// config.meta.suppressErrorMessage=true 时由页面弹框汇总结果，避免拦截器重复 toast
-  request({ url: `${baseUrl}/sync-kingdee`, method: 'post', timeout: 30000, params: { id } });
+export const syncKingdee = (id, config = {}) =>
+  request({
+    url: `${baseUrl}/sync-kingdee`,
+    method: 'post',
+    timeout: 30000,
+    params: { id },
+    ...config,
+  });
 export const getDetailFees = detailId =>
   request({ url: `${baseUrl}/detail-fees`, method: 'get', params: { detailId } });
 export const getReceiptClaims = formalSettlementId =>

src/axios.js

@@ -74,12 +74,15 @@ const redirectToLogin = () => {
  * 统一弹出错误提示并返回带标记的 Error。
  * `_notified` 标记用于让业务层（批量导入等）识别「拦截器已经提示过」，
  * 避免同一条错误被弹两次。
+ * meta.suppressErrorMessage=true 时由业务层自行弹框汇总，拦截器不再 toast。
  */
-const notifiedError = message => {
+const notifiedError = (message, config) => {
-  ElMessage({
+  if (config?.meta?.suppressErrorMessage !== true) {
-    message: message,
+    ElMessage({
-    type: 'error',
+      message: message,
-  });
+      type: 'error',
+    });
+  }
   const error = new Error(message);
   error._notified = true;
   return error;
@@ -260,12 +263,12 @@ axios.interceptors.response.use(
 
     // OAuth2 业务错误码提示
     if (status > 2000 && !validatenull(res.data.error_description)) {
-      return Promise.reject(notifiedError(message));
+      return Promise.reject(notifiedError(message, config));
     }
 
     // 其余非 200 响应统一提示
     if (status !== 200) {
-      return Promise.reject(notifiedError(message));
+      return Promise.reject(notifiedError(message, config));
     }
     return res;
   },
@@ -273,7 +276,11 @@ axios.interceptors.response.use(
     NProgress.done();
     // 网络级失败（HTTP 状态 >500、网关错误、超时、断网等 validateStatus 放行之外的响应）
     // 原为静默 reject，接口报错页面无任何感知；统一补错误提示，取消请求与刷新令牌请求除外
-    if (!axios.isCancel(error) && !isRefreshTokenRequest(error?.config)) {
+    if (
+      !axios.isCancel(error) &&
+      !isRefreshTokenRequest(error?.config) &&
+      error?.config?.meta?.suppressErrorMessage !== true
+    ) {
       ElMessage({
         message: error?.response?.data?.msg || '请求失败，请稍后重试',
         type: 'error',

src/option/payment/paymentApplication.js

@@ -52,7 +52,8 @@ export const paymentApplicationOption = ({
   searchShow: true,
   searchIcon: true,
   searchLabelWidth: 88,
-  searchMenuSpan: 24,
+  // 查询/重置紧跟首行 4 个条件（4×5 + 菜单 4 = 24），不再独占下一整行
+  searchMenuSpan: 4,
   searchIndex: 4,
   searchMenuPosition: 'right',
   border: true,
@@ -78,6 +79,7 @@ export const paymentApplicationOption = ({
       prop: 'paymentNo',
       slot: true,
       search: true,
+      searchSpan: 5,
       searchOrder: 9,
       searchPlaceholder: '请输入',
       minWidth: 150,
@@ -88,6 +90,7 @@ export const paymentApplicationOption = ({
       type: 'daterange',
       searchType: 'daterange',
       search: true,
+      searchSpan: 5,
       searchOrder: 8,
       hide: true,
       showColumn: false,
@@ -95,18 +98,24 @@ export const paymentApplicationOption = ({
       editDisplay: false,
       viewDisplay: false,
     },
-    searchOnlyColumn({
+    {
-      label: '客户名称',
+      ...searchOnlyColumn({
-      prop: 'payeeNameSearch',
+        label: '客户名称',
-      searchOrder: 7,
+        prop: 'payeeNameSearch',
-      searchProp: 'payeeName',
+        searchOrder: 7,
-    }),
+        searchProp: 'payeeName',
-    searchOnlyColumn({
+      }),
-      label: '项目名称',
+      searchSpan: 5,
-      prop: 'projectNameSearch',
+    },
-      searchOrder: 6,
+    {
-      searchProp: 'projectName',
+      ...searchOnlyColumn({
-    }),
+        label: '项目名称',
+        prop: 'projectNameSearch',
+        searchOrder: 6,
+        searchProp: 'projectName',
+      }),
+      searchSpan: 5,
+    },
     searchOnlyColumn({
       label: '关联结算单',
       prop: 'settlementNo',

src/option/settlement/formalSettlementSearch.js

@@ -36,7 +36,7 @@ export const kingdeeSyncStatusOptions = [
 
 export const formalSettlementSearchFields = [
   { label: '结算单号', prop: 'formalSettlementNo', type: 'input' },
-  { label: '预结算单号', prop: 'preSettlementNo', type: 'input' },
+  { label: '预付结算单号', prop: 'preSettlementNo', type: 'input' },
   { label: '项目', prop: 'projectName', type: 'input' },
   { label: '所属组织', prop: 'deptName', type: 'cascader' },
   { label: '合同编号', prop: 'contractNo', type: 'input' },

src/option/settlement/formalSettlementTable.js

@@ -28,7 +28,7 @@ export const formalSettlementTableColumns = [
 ];
 
 export const sourceColumns = [
-  { label: '预结算单号', prop: 'preSettlementNo', minWidth: 160 },
+  { label: '预付结算单号', prop: 'preSettlementNo', minWidth: 160 },
   { label: '结算金额', prop: 'settlementAmount', minWidth: 130, money: true },
   { label: '申请预付金额', prop: 'advanceAppliedAmount', minWidth: 140, money: true },
   { label: '已付款金额', prop: 'advancePaidAmount', minWidth: 130, money: true },
@@ -48,6 +48,7 @@ export const detailColumns = [
   { label: '运输总量', prop: 'transportQuantity', minWidth: 120 },
   { label: '里程（KM）', prop: 'mileage', minWidth: 120 },
   { label: '批次号', prop: 'batchNo', minWidth: 120 },
+  { label: '计费方式', prop: 'billingType', minWidth: 130 },
   { label: '运输单价', prop: 'unitPrice', minWidth: 120, money: true },
   { label: '运费', prop: 'freightAmount', minWidth: 120, money: true },
   { label: '调整金额', prop: 'adjustAmount', minWidth: 120, money: true },
@@ -66,7 +67,7 @@ export const summaryColumns = [
 ];
 
 export const candidateColumns = [
-  { label: '预结算单号', prop: 'preSettlementNo', minWidth: 170 },
+  { label: '预付结算单号', prop: 'preSettlementNo', minWidth: 170 },
   { label: '项目名称', prop: 'projectName', minWidth: 140 },
   { label: '所属组织', prop: 'deptName', minWidth: 140 },
   { label: '合同编号', prop: 'contractNo', minWidth: 150 },
@@ -86,7 +87,7 @@ export const candidateDetailColumns = [
   { label: '合同编号', prop: 'contractNo', minWidth: 150 },
   { label: '合同名称', prop: 'contractName', minWidth: 170 },
   { label: '来源', prop: 'sourceType', minWidth: 110 },
-  { label: '预结算单号', prop: 'preSettlementNo', minWidth: 160 },
+  { label: '预付结算单号', prop: 'preSettlementNo', minWidth: 160 },
   { label: '正式结算单号', prop: 'formalSettlementNo', minWidth: 160 },
   { label: '运单号', prop: 'waybillNo', minWidth: 150 },
   { label: '车号', prop: 'vehicleNo', minWidth: 130 },
@@ -94,6 +95,7 @@ export const candidateDetailColumns = [
   { label: '货物名称', prop: 'cargoName', minWidth: 140 },
   { label: '货物类型', prop: 'cargoType', minWidth: 130 },
   { label: '批次号', prop: 'batchNo', minWidth: 120 },
+  { label: '计费方式', prop: 'billingType', minWidth: 130 },
   { label: '应收应付合计', prop: 'totalAmount', minWidth: 140, money: true },
   { label: '状态', prop: 'settlementStatusName', minWidth: 110 },
 ];

src/option/settlement/preSettlementForm.js

@@ -4,7 +4,7 @@ export const settlementTypeOptions = [
 ];
 
 export const preSettlementFormFields = [
-  { label: '预结算单号', prop: 'preSettlementNo', readonly: true },
+  { label: '预付结算单号', prop: 'preSettlementNo', readonly: true },
   { label: '合同名称', prop: 'contractId', type: 'contract', required: true },
   { label: '合同编号', prop: 'contractNo', readonly: true },
   { label: '项目名称', prop: 'projectName', readonly: true },

src/option/settlement/preSettlementSearch.js

@@ -7,7 +7,7 @@ export const approvalStatusOptions = [
 ];
 
 export const preSettlementSearchFields = [
-  { label: '预结算单号', prop: 'preSettlementNo', type: 'input' },
+  { label: '预付结算单号', prop: 'preSettlementNo', type: 'input' },
   { label: '预付单号', prop: 'advanceNo', type: 'input' },
   { label: '项目名称', prop: 'projectName', type: 'input' },
   { label: '所属组织', prop: 'deptName', type: 'cascader' },

src/option/settlement/preSettlementTable.js

@@ -1,5 +1,5 @@
 export const preSettlementTableColumns = [
-  { label: '预结算单号', prop: 'preSettlementNo', minWidth: 150, link: true, fixed: 'left' },
+  { label: '预付结算单号', prop: 'preSettlementNo', minWidth: 150, link: true, fixed: 'left' },
   { label: '来源', prop: 'sourceType', minWidth: 100 },
   { label: '付款方', prop: 'payerName', minWidth: 160 },
   { label: '收款方', prop: 'payeeName', minWidth: 160 },

src/option/settlement/receivable-payable-detail.js

@@ -20,7 +20,7 @@ export const searchFields = [
   { label: '货物名称', prop: 'cargoName', type: 'input' },
   { label: '合同编号', prop: 'contractNo', type: 'input' },
   { label: '合同名称', prop: 'contractName', type: 'input' },
-  { label: '预结算单号', prop: 'preSettlementNo', type: 'input' },
+  { label: '预付结算单号', prop: 'preSettlementNo', type: 'input' },
   { label: '正式结算单号', prop: 'formalSettlementNo', type: 'input' },
   { label: '批次号', prop: 'batchNo', type: 'input' },
   { label: '车号', prop: 'vehicleNo', type: 'input' },
@@ -35,7 +35,7 @@ export const tableColumns = [
   { label: '合同编号', prop: 'contractNo', minWidth: 140 },
   { label: '合同名称', prop: 'contractName', minWidth: 140 },
   { label: '来源', prop: 'sourceType', minWidth: 110 },
-  { label: '预结算单号', prop: 'preSettlementNo', minWidth: 140, link: true },
+  { label: '预付结算单号', prop: 'preSettlementNo', minWidth: 140, link: true },
   { label: '正式结算单号', prop: 'formalSettlementNo', minWidth: 140, link: true },
   { label: '运单号', prop: 'waybillNo', minWidth: 140, link: true },
   { label: '车号', prop: 'vehicleNo', minWidth: 120 },

src/option/settlement/transportReconciliationSearch.js

@@ -13,7 +13,7 @@ export const reconciliationStatusOptions = [
 
 export const transportReconciliationSearchFields = [
   { prop: 'reconciliationNo', label: '对账单号', type: 'input' },
-  { prop: 'preSettlementNos', label: '预结算单号', type: 'input' },
+  { prop: 'preSettlementNos', label: '预付结算单号', type: 'input' },
   { prop: 'projectName', label: '项目', type: 'input' },
   { prop: 'deptName', label: '所属组织', type: 'cascader' },
   { prop: 'contractNo', label: '合同编号', type: 'input' },

src/router/page/index.js

@@ -108,7 +108,7 @@ export default [
   },
   {
     path: '/settlement/pre-settlement/public-view',
-    name: '查看预结算信息',
+    name: '查看预付结算单信息',
     component: () => import('@/views/settlement/pre-settlement-public-view.vue'),
     meta: {
       keepAlive: false,
@@ -119,7 +119,7 @@ export default [
   },
   {
     path: '/settlement/formal-settlement/public-view',
-    name: '查看正式结算信息',
+    name: '查看结算单信息',
     component: () => import('@/views/settlement/formal-settlement-public-view.vue'),
     meta: {
       keepAlive: false,

src/router/views/index.js

@@ -95,7 +95,7 @@ export default [
     children: [
       {
         path: '',
-        name: '新增编辑预结算',
+        name: '新增编辑预付结算单',
         meta: {
           keepAlive: false,
           activeMenu: '/settlement/pre-settlement',
@@ -110,10 +110,11 @@ export default [
     children: [
       {
         path: '',
-        name: '新增编辑正式结算',
+        name: '新增编辑结算单',
         meta: {
           keepAlive: false,
-          activeMenu: '/settlement/formal-settlement',
+          // 付款/收款结算单共用表单页，具体高亮菜单由页面按 settlementType 回写
+          activeMenu: '/settlement/payment-settlement',
         },
         component: loadView(() => import('@/views/settlement/formal-settlement-form.vue')),
       },

src/utils/mk-approval.js

@@ -23,7 +23,7 @@ export const MK_BIZ = {
   },
   'pre-settlement': {
     dictName: '提交预结算审核流',
-    subjectPrefix: '预结算审批',
+    subjectPrefix: '预付结算审批',
     rejected: ['returned'],
     approved: ['approved'],
   },

src/utils/settlement-menu.js

@@ -0,0 +1,39 @@
+/** 结算菜单拆分后的展示名与权限前缀 */
+
+export const SETTLEMENT_TYPE_PAYABLE = 'payable';
+export const SETTLEMENT_TYPE_RECEIVABLE = 'receivable';
+
+export function settlementBillLabel(settlementType) {
+  return settlementType === SETTLEMENT_TYPE_RECEIVABLE ? '收款结算单' : '付款结算单';
+}
+
+export function settlementPermissionPrefix(settlementType) {
+  return settlementType === SETTLEMENT_TYPE_RECEIVABLE
+    ? 'receipt_settlement'
+    : 'payment_settlement';
+}
+
+export function settlementListPath(settlementType) {
+  return settlementType === SETTLEMENT_TYPE_RECEIVABLE
+    ? '/settlement/receipt-settlement'
+    : '/settlement/payment-settlement';
+}
+
+/**
+ * 权限判断：优先新菜单码，兼容旧 formal_settlement_*。
+ * @param {Object} ctx 组件实例（需含 permission、isAdmin、validData）
+ * @param {string} settlementType payable|receivable
+ * @param {string} action add|edit|view...
+ */
+export function hasSettlementPermission(ctx, settlementType, action) {
+  if (ctx?.isAdmin) return true;
+  const prefix = settlementPermissionPrefix(settlementType);
+  const codes = [`${prefix}_${action}`, `formal_settlement_${action}`];
+  return codes.some(code => {
+    const value = ctx?.permission?.[code];
+    if (typeof ctx?.validData === 'function') {
+      return ctx.validData(value, false);
+    }
+    return value === true;
+  });
+}

src/views/business/components/business-crud-page.vue

@@ -5897,7 +5897,7 @@ export default {
         '固定金额（整单一口价）': ['固定一口价'],
         按数量: ['固定单价', '区间单价', '阶梯单价', '区间阶梯一口价'],
       },
-      settlementTypeOptions: ['月结', '日结', '周结', '半月结', '固定天数周期结算'],
+      settlementTypeOptions: ['月结', '日结', '周结', '固定天数周期结算'],
       billCycleTypeOptions: ['固定截单日', '自然月', '自定义多周期'],
       reconciliationModeOptions: ['明细逐行核对', '按账单汇总核对', '跳过自动核对'],
       packageOptions,

src/views/business/components/waybill-import-dialog.vue

@@ -1266,9 +1266,27 @@ const fillEditForm = async row => {
   if (carrierValue) carrierChange(carrierValue);
   await loadBatchRows(snapshot.id);
 };
-const removeBatches = () =>
+/** 与行操作一致：仅草稿可删除 */
-  api.removeImportBatches(selected.value.map(item => item.id).join(',')).then(loadBatches);
+const canRemoveBatch = row => String(row?.importStatus || '') === 'draft';
-const removeBatch = row => api.removeImportBatches(row.id).then(loadBatches);
+const removeBatches = () => {
+  if (!selected.value.length) {
+    ElMessage.warning('请选择至少一条数据');
+    return;
+  }
+  // 选中含不可删条目时整批拦截（含已完成/进行中），不静默跳过
+  if (selected.value.some(row => !canRemoveBatch(row))) {
+    ElMessage.warning('已完成运单不可删除');
+    return;
+  }
+  return api.removeImportBatches(selected.value.map(item => item.id).join(',')).then(loadBatches);
+};
+const removeBatch = row => {
+  if (!canRemoveBatch(row)) {
+    ElMessage.warning('已完成运单不可删除');
+    return;
+  }
+  return api.removeImportBatches(row.id).then(loadBatches);
+};
 const projectChange = async id => {
   const requestId = ++projectRequestId;
   const item = projects.value.find(row => String(row.id) === String(id));

src/views/business/contract-manage-change.vue

@@ -217,7 +217,12 @@
       />
 
       <section class="change-section">
-        <div class="section-head"><div class="dialog-section-title">计费信息</div><el-button type="primary" plain @click="addPlan">添加</el-button></div>
+        <div class="section-head">
+          <div class="dialog-section-title">计费信息</div>
+          <el-button v-if="feeGenerationMode !== 'manual'" type="primary" plain @click="addPlan"
+            >添加</el-button
+          >
+        </div>
         <el-radio-group v-model="feeGenerationMode"><el-radio label="system">系统生成</el-radio><el-radio label="manual">账单导入生成</el-radio></el-radio-group>
         <el-table :data="plans" border class="change-table"><el-table-column type="index" label="序号" width="70" /><el-table-column prop="planName" label="方案名称" min-width="220" /><el-table-column label="默认方案" min-width="120"><template #default="{ row }">{{ row.defaultPlan ? '是' : '否' }}</template></el-table-column><el-table-column prop="remark" label="备注" min-width="260" /><el-table-column label="操作" width="180"><template #default="{ row, $index }"><el-link type="primary" @click="editPlan(row, $index)">编辑</el-link><el-link type="danger" @click="plans.splice($index, 1)">删除</el-link></template></el-table-column></el-table>
       </section>
@@ -440,7 +445,7 @@ export default {
       },
       preSettlementConfig: {},
       formalSettlementConfig: {},
-      settlementTypeOptions: ['月结', '日结', '周结', '半月结', '固定天数周期结算'],
+      settlementTypeOptions: ['月结', '日结', '周结', '固定天数周期结算'],
       billCycleTypeOptions: ['固定截单日', '自然月', '自定义多周期'],
       billCutoffDayOptions: Array.from({ length: 31 }, (_, index) => ({
         label: `${index + 1}日`,

src/views/business/contract-manage.vue

@@ -647,7 +647,12 @@
                 <el-radio label="manual">账单导入生成</el-radio>
               </el-radio-group>
             </div>
-            <el-button type="primary" @click="openBillingPlan()">添加</el-button>
+            <el-button
+              v-if="form.feeGenerationMode !== 'manual'"
+              type="primary"
+              @click="openBillingPlan()"
+              >添加</el-button
+            >
           </div>
           <el-table :data="billingPlanRows" border>
             <el-table-column type="index" label="序号" width="80" align="center" />

src/views/payment/invoice-application-form.vue

@@ -774,7 +774,7 @@ export default {
     },
     validateSettlements(rule, value, callback) {
       if (!this.form.settlements.length) {
-        callback(new Error('请选择正式结算单'));
+        callback(new Error('请选择付款结算单'));
         return;
       }
       callback();
@@ -1215,7 +1215,7 @@ export default {
     },
     async syncReferenceData() {
       if (!this.settlementIds.length) {
-        this.$message.warning('请先选择正式结算单');
+        this.$message.warning('请先选择付款结算单');
         return;
       }
       await Promise.all([this.loadReceiverInformation(), this.loadSettlementDetails(false)]);

src/views/payment/invoice-application.vue

@@ -359,7 +359,7 @@ export default {
           item => String(item.formalSettlementNo || '').trim() === normalizedNo
         );
         if (!row?.id) {
-          this.$message.warning('未找到对应的正式结算单');
+          this.$message.warning('未找到对应的付款结算单');
           return;
         }
         this.$router.push({

src/views/payment/invoice-receipt-form.vue

@@ -76,7 +76,7 @@
             <el-form-item label="关联结算单" prop="settlementIds">
               <el-input :model-value="settlementLabel" readonly placeholder="请选择应付正式结算单">
                 <template v-if="!readonly" #append>
-                  <el-tooltip content="选择正式结算单" placement="top">
+                  <el-tooltip content="选择付款结算单" placement="top">
                     <el-button :icon="Search" @click="openSettlementDialog" />
                   </el-tooltip>
                 </template>

src/views/payment/payment-application-form.vue

@@ -140,7 +140,8 @@
                 :step="0.01"
                 :controls="false"
                 style="width: 100%"
-                value-on-clear="0"
+                :value-on-clear="null"
+                placeholder="请输入申请付款金额"
               /></el-form-item
           ></el-col>
           <el-col :span="6"
@@ -241,11 +242,22 @@
             <template #default="{ row }">{{ formatMoney(row.payableAmount) }}</template>
           </el-table-column>
           <el-table-column prop="paymentRatio" label="付款比例（%）" min-width="110">
-            <template #default="{ row }">{{ formatMoney(row.paymentRatio) }}</template>
+            <template #default="{ row }">
+              <span :class="{ 'payment-form-page__ratio-exceeded': row.ratioExceeded }">
+                {{ formatMoney(row.paymentRatio) }}
+              </span>
+            </template>
           </el-table-column>
           <el-table-column prop="appliedAmount" label="付款金额" min-width="130">
             <template #default="{ row }">{{ formatMoney(row.appliedAmount) }}</template>
           </el-table-column>
+          <el-table-column prop="ratioRemark" label="备注" min-width="220" show-overflow-tooltip>
+            <template #default="{ row }">
+              <span :class="{ 'payment-form-page__ratio-exceeded': row.ratioExceeded }">
+                {{ row.ratioRemark || '-' }}
+              </span>
+            </template>
+          </el-table-column>
         </el-table>
       </section-card>
       <section-card v-if="showInvoiceSection" title="发票信息">
@@ -409,7 +421,7 @@
         <el-button v-if="!readonly" type="primary" plain @click="syncPaymentRecords"
           >同步</el-button
         >
-        <el-button v-if="!readonly && canSave" type="primary" plain @click="saveDraft()"
+        <el-button v-if="!readonly && canSave" type="primary" plain @click="handleSave"
           >保存</el-button
         >
         <el-button
@@ -483,7 +495,7 @@
           </el-form>
         </el-card>
         <el-tabs v-model="referenceTab" @tab-change="handleReferenceTabChange">
-          <el-tab-pane v-if="canSelectFormalSettlement" label="正式结算单" name="formal">
+          <el-tab-pane v-if="canSelectFormalSettlement" label="付款结算单" name="formal">
             <el-table
               v-loading="formalPage.loading"
               :data="formalRows"
@@ -491,12 +503,19 @@
               @selection-change="formalSelection = $event"
             >
               <el-table-column type="selection" width="50" />
-              <el-table-column prop="formalSettlementNo" label="结算单号" />
+              <el-table-column prop="formalSettlementNo" label="结算单号" min-width="150" />
-              <el-table-column prop="projectName" label="所属项目" />
+              <el-table-column prop="projectName" label="所属项目" min-width="140" />
-              <el-table-column prop="contractName" label="合同名称" />
+              <el-table-column prop="contractName" label="合同名称" min-width="160" />
-              <el-table-column prop="settlementAmount" label="结算金额">
+              <el-table-column prop="settlementAmount" label="结算金额" min-width="130">
                 <template #default="{ row }">{{ formatMoney(row.settlementAmount) }}</template>
               </el-table-column>
+              <el-table-column prop="payableAmount" label="可付款金额" min-width="130">
+                <template #default="{ row }">{{
+                  row.payableAmount === undefined || row.payableAmount === null
+                    ? '-'
+                    : formatMoney(row.payableAmount)
+                }}</template>
+              </el-table-column>
               <el-table-column label="操作" width="100">
                 <template #default="{ row }">
                   <el-link type="primary" @click.stop="selectFormal(row)">选择</el-link>
@@ -515,7 +534,7 @@
               />
             </div>
           </el-tab-pane>
-          <el-tab-pane v-if="canSelectPreSettlement" label="预结算单" name="pre">
+          <el-tab-pane v-if="canSelectPreSettlement" label="预付结算单" name="pre">
             <el-table
               v-loading="prePage.loading"
               :data="preRows"
@@ -523,12 +542,19 @@
               @selection-change="preSelection = $event"
             >
               <el-table-column type="selection" width="50" />
-              <el-table-column prop="preSettlementNo" label="结算单号" />
+              <el-table-column prop="preSettlementNo" label="结算单号" min-width="150" />
-              <el-table-column prop="projectName" label="所属项目" />
+              <el-table-column prop="projectName" label="所属项目" min-width="140" />
-              <el-table-column prop="contractName" label="合同名称" />
+              <el-table-column prop="contractName" label="合同名称" min-width="160" />
-              <el-table-column prop="settlementAmount" label="结算金额">
+              <el-table-column prop="settlementAmount" label="结算金额" min-width="130">
                 <template #default="{ row }">{{ formatMoney(row.settlementAmount) }}</template>
               </el-table-column>
+              <el-table-column prop="payableAmount" label="可付款金额" min-width="130">
+                <template #default="{ row }">{{
+                  row.payableAmount === undefined || row.payableAmount === null
+                    ? '-'
+                    : formatMoney(row.payableAmount)
+                }}</template>
+              </el-table-column>
               <el-table-column label="操作" width="100">
                 <template #default="{ row }">
                   <el-link type="primary" @click.stop="selectPre(row)">选择</el-link>
@@ -562,22 +588,27 @@
       </template>
     </el-dialog>
     <el-dialog v-model="billDialogVisible" title="选择汇票" width="80%" append-to-body>
-      <div class="payment-form-page__reference-search">
+      <div class="payment-form-page__reference-search payment-form-page__bill-search">
-        <el-form :model="billQuery" label-position="right" label-width="160px" @submit.prevent>
+        <el-form
-          <div class="payment-form-page__reference-search-fields">
+          :model="billQuery"
-            <el-form-item label="汇票筛选">
+          inline
-              <el-input
+          label-position="right"
-                v-model="billQuery.keyword"
+          label-width="88px"
-                clearable
+          @submit.prevent
-                placeholder="请输入汇票号、出票单位或收票单位"
+        >
-                @keyup.enter="handleBillSearch"
+          <el-form-item label="汇票筛选">
-              />
+            <el-input
-            </el-form-item>
+              v-model="billQuery.keyword"
-          </div>
+              clearable
-          <div class="payment-form-page__reference-search-actions">
+              style="width: 320px"
-            <el-button type="primary" @click="handleBillSearch">搜索</el-button>
+              placeholder="请输入汇票号、出票单位或收票单位"
-            <el-button @click="resetBillSearch">清空</el-button>
+              @keyup.enter="handleBillSearch"
-          </div>
+            />
+          </el-form-item>
+          <el-form-item class="payment-form-page__bill-search-actions">
+            <el-button type="primary" @click="handleBillSearch">查询</el-button>
+            <el-button @click="resetBillSearch">重置</el-button>
+          </el-form-item>
         </el-form>
       </div>
       <el-table v-loading="billPage.loading" :data="billRows" border>
@@ -652,7 +683,7 @@
 </template>
 
 <script>
-import { ElImageViewer } from 'element-plus';
+import { ElImageViewer, ElMessage } from 'element-plus';
 import { OpenFileViewer } from '@open-file-viewer/vue';
 import { fallbackPlugin, imagePlugin, officePlugin, textPlugin } from '@open-file-viewer/core';
 import '@open-file-viewer/core/style.css';
@@ -814,8 +845,12 @@ export default {
       contractSignatureFileAvailable: false,
       contractPaymentRatioLimit: null,
       contractPaymentRatioExceeded: false,
+      /** 合同付款比例设置（按第1笔、第2笔…顺序） */
+      contractPaymentRatioRows: [],
       payeeCustomerLevel: '',
       attachmentRuleLoading: false,
+      // 最近一次从结算单同步过来的附件 URL，切换结算单时用于整批替换
+      linkedSettlementAttachmentUrls: [],
       attachmentImagePreviewVisible: false,
       attachmentImagePreviewUrls: [],
       attachmentImagePreviewIndex: 0,
@@ -860,7 +895,7 @@ export default {
         billLedgerId: [{ validator: this.validateBillLedger, trigger: 'change' }],
         settlementAmount: [{ validator: this.validateSettlementAmount, trigger: 'change' }],
         appliedAmount: [
-          { required: true, validator: this.validateAppliedAmount, trigger: 'change' },
+          { required: true, validator: this.validateAppliedAmount, trigger: ['change', 'blur'] },
         ],
       },
     };
@@ -905,8 +940,8 @@ export default {
     referenceDialogTitle() {
       if (this.form.paymentType === 'project_advance') return '选择项目合同';
       if (this.canSelectPreSettlement && this.canSelectFormalSettlement) return '选择结算单';
-      if (this.canSelectPreSettlement) return '选择预结算单';
+      if (this.canSelectPreSettlement) return '选择预付结算单';
-      if (this.canSelectFormalSettlement) return '选择正式结算单';
+      if (this.canSelectFormalSettlement) return '选择付款结算单';
       return '选择结算单';
     },
     billPayment() {
@@ -960,10 +995,8 @@ export default {
     },
     settlementRows() {
       if (this.referenceRows.length) {
-        return this.referenceRows.map(item => ({
+        return this.referenceRows.map(item => {
-          ...item,
+          const appliedAmount =
-          paymentRatio: this.form.paymentRatio,
-          appliedAmount:
             item.fixedAppliedAmount === true
               ? Number(item.appliedAmount || 0)
               : Number(
@@ -971,8 +1004,14 @@ export default {
                     (Number(item.settlementAmount || 0) * Number(this.form.paymentRatio || 0)) /
                     100
                   ).toFixed(2)
-                ),
+                );
-        }));
+          return {
+            ...item,
+            paymentRatio: this.form.paymentRatio,
+            appliedAmount,
+            ...this.buildSettlementRatioHint(item),
+          };
+        });
       }
       if (!this.referenceLabel) return [];
       return [
@@ -982,6 +1021,8 @@ export default {
           payableAmount: this.form.payableAmount,
           paymentRatio: this.form.paymentRatio,
           appliedAmount: this.form.appliedAmount,
+          paymentSequence: 1,
+          ...this.buildSettlementRatioHint({ paymentSequence: 1 }),
         },
       ];
     },
@@ -1071,7 +1112,7 @@ export default {
         !this.form.preSettlementId &&
         !this.form.preSettlementIds?.length
       ) {
-        callback(new Error('请选择预结算单'));
+        callback(new Error('请选择预付结算单'));
         return;
       }
       if (
@@ -1102,14 +1143,18 @@ export default {
       callback();
     },
     validateAppliedAmount(rule, value, callback) {
+      if (value === null || value === undefined || value === '') {
+        callback(new Error('请填写申请付款金额'));
+        return;
+      }
       const amount = Number(value);
       const payableAmount = Number(this.form.payableAmount || 0);
-      if (value === null || value === undefined || value === '' || !Number.isFinite(amount)) {
+      if (!Number.isFinite(amount)) {
         callback(new Error('请填写申请付款金额'));
         return;
       }
       if (amount <= 0) {
-        callback(new Error('申请付款金额必须大于0'));
+        callback(new Error('申请付款金额必须大于0，不能为0元'));
         return;
       }
       if (
@@ -1132,10 +1177,23 @@ export default {
         return;
       }
       const selected = this.billOptions.find(item => String(item.id) === String(value));
-      if (
+      if (!selected) {
-        selected &&
+        callback();
-        Number(this.form.appliedAmount || 0) > Number(selected.availableBalance || 0)
+        return;
-      ) {
+      }
+      if (selected.billType && selected.billType !== 'received') {
+        callback(new Error('汇票付款仅可选择收票类型的汇票'));
+        return;
+      }
+      if (selected.maturityDate) {
+        const maturity = this.$dayjs(selected.maturityDate).startOf('day');
+        const today = this.$dayjs().startOf('day');
+        if (maturity.isValid() && maturity.isBefore(today)) {
+          callback(new Error('所选汇票已到期，不可选择'));
+          return;
+        }
+      }
+      if (Number(this.form.appliedAmount || 0) > Number(selected.availableBalance || 0)) {
         callback(new Error('申请付款金额不能超过汇票可用余额'));
         return;
       }
@@ -1263,6 +1321,7 @@ export default {
           await this.loadContractOptions(this.form.projectId);
         }
         await this.fillBillTypeFromContract(this.form.contractId);
+        await this.refreshSettlementPaymentSequences();
         await this.loadAttachmentRuleData(await this.loadCurrentSettlementDetails());
         if (this.billPayment) await this.loadBillOptions('', data.billLedgerId);
       } else {
@@ -1290,6 +1349,7 @@ export default {
         this.form.billType = '';
         this.contractPartyBName = '';
         this.receiptAccountOptions = [];
+        this.resetContractPaymentRatioLimit();
         return;
       }
       try {
@@ -1301,11 +1361,13 @@ export default {
           this.form.payerName = partyA;
         }
         this.contractPartyBName = String(data?.partyB || data?.payeeName || '').trim();
+        this.applyContractPaymentRatioLimit(data || {});
         await this.loadReceiptAccountOptions(autoSelectDefault);
       } catch (error) {
         this.form.billType = '';
         this.contractPartyBName = '';
         this.receiptAccountOptions = [];
+        this.resetContractPaymentRatioLimit();
       }
     },
     async loadPaymentMethodOptions() {
@@ -1400,16 +1462,33 @@ export default {
       if (!rows.length) return;
       const contractIds = new Set(rows.map(item => String(item.contractId || '')));
       if (contractIds.size !== 1 || contractIds.has('')) {
-        this.$message.warning('所选正式结算单合同信息不一致，请返回后重新选择');
+        this.$message.warning('所选付款结算单合同信息不一致，请返回后重新选择');
         return;
       }
       const first = rows[0];
-      const referenceRows = rows.map(item => ({
+      const amountResponses = await Promise.all(
-        ...this.createReferenceRow(item),
+        rows.map(item => {
-        settlementNo: item.formalSettlementNo || item.settlementNo || '',
+          const referenceId = item.settlementId || item.id;
-        appliedAmount: Number(item.appliedAmount || 0),
+          if (!this.isValidReferenceId(referenceId)) return Promise.resolve(null);
-        fixedAppliedAmount: true,
+          return api
-      }));
+            .getReferenceAmount('settlement_payment', referenceId, this.form.id)
+            .catch(() => null);
+        })
+      );
+      const referenceRows = rows.map((item, index) => {
+        const amount = this.unwrapData(amountResponses[index]) || {};
+        return {
+          ...this.createReferenceRow({
+            ...item,
+            settlementAmount: amount.settlementAmount ?? item.settlementAmount,
+            payableAmount: amount.payableAmount ?? item.payableAmount,
+            paymentSequence: amount.paymentSequence,
+          }),
+          settlementNo: item.formalSettlementNo || item.settlementNo || '',
+          appliedAmount: Number(item.appliedAmount || 0),
+          fixedAppliedAmount: true,
+        };
+      });
       const settlementAmount = referenceRows.reduce(
         (total, item) => total + Number(item.settlementAmount || 0),
         0
@@ -1503,21 +1582,76 @@ export default {
     },
     createReferenceRow(row) {
       const settlementAmount = Number(row.settlementAmount || 0);
-      const appliedAmount = Number(row.advanceAppliedAmount || row.appliedPaymentAmount || 0);
       const isPre = Boolean(row.preSettlementNo || row.preSettlementId || row.referenceType === 'pre');
+      const paymentSequence = Number(row.paymentSequence);
+      // 可付款金额必须来自 referenceAmount 接口（已扣减占用中的付款申请）；缺失时置 0，避免误用未扣减结算金额
+      const payableAmount =
+        row.payableAmount === undefined || row.payableAmount === null
+          ? 0
+          : Number(row.payableAmount || 0);
       return {
         id: row.preSettlementId || row.settlementId || row.id,
         settlementNo: row.preSettlementNo || row.formalSettlementNo || row.settlementNo || '',
         referenceType: isPre ? 'pre' : 'formal',
         settlementAmount: Number(Number(settlementAmount || 0).toFixed(2)),
-        payableAmount: Number(
+        payableAmount: Number(Math.max(0, payableAmount).toFixed(2)),
-          (row.payableAmount === undefined || row.payableAmount === null
+        paymentSequence: Number.isFinite(paymentSequence) && paymentSequence > 0 ? paymentSequence : 1,
-            ? Math.max(0, settlementAmount - appliedAmount)
-            : Number(row.payableAmount || 0)
-          ).toFixed(2)
-        ),
       };
     },
+    /**
+     * 按合同付款比例配置，判断当前付款次序是否超上限。
+     * @param {Object} row 结算信息行（含 paymentSequence）
+     */
+    buildSettlementRatioHint(row = {}) {
+      const sequence = Number(row.paymentSequence || 1);
+      const paymentRatio = Number(this.form.paymentRatio);
+      const ratioConfig = this.contractPaymentRatioRows[sequence - 1];
+      const ratioLimitValue = ratioConfig?.ratioLimit;
+      const ratioLimit = Number(ratioLimitValue);
+      const hasLimit =
+        ratioLimitValue !== null &&
+        ratioLimitValue !== undefined &&
+        String(ratioLimitValue).trim() !== '' &&
+        Number.isFinite(ratioLimit);
+      const hasPaymentRatio =
+        this.form.paymentRatio !== null &&
+        this.form.paymentRatio !== undefined &&
+        String(this.form.paymentRatio).trim() !== '' &&
+        Number.isFinite(paymentRatio);
+      const ratioExceeded = hasLimit && hasPaymentRatio && paymentRatio > ratioLimit;
+      return {
+        paymentSequence: Number.isFinite(sequence) && sequence > 0 ? sequence : 1,
+        contractRatioLimit: hasLimit ? ratioLimit : null,
+        ratioExceeded,
+        ratioRemark: ratioExceeded
+          ? `合同约定第${sequence}笔付款比例上限为${Number(ratioLimit).toFixed(2)}%`
+          : '',
+      };
+    },
+    /** 为结算信息行回填付款次序（第几次付款） */
+    async refreshSettlementPaymentSequences() {
+      if (!this.isSettlementRelatedType || !this.referenceRows.length) {
+        return;
+      }
+      const paymentType =
+        this.form.paymentType === 'settlement_payment' ? 'settlement_payment' : 'progress_advance';
+      const amountResponses = await Promise.all(
+        this.referenceRows.map(item => {
+          if (!this.isValidReferenceId(item.id)) {
+            return Promise.resolve(null);
+          }
+          return api.getReferenceAmount(paymentType, item.id, this.form.id).catch(() => null);
+        })
+      );
+      this.referenceRows = this.referenceRows.map((item, index) => {
+        const amount = this.unwrapData(amountResponses[index]) || {};
+        const paymentSequence = Number(amount.paymentSequence || item.paymentSequence || 1);
+        return {
+          ...item,
+          paymentSequence: Number.isFinite(paymentSequence) && paymentSequence > 0 ? paymentSequence : 1,
+        };
+      });
+    },
     createInvoiceRows(invoices = [], settlementNo = '') {
       return (invoices || []).map(invoice => ({
         settlementNo,
@@ -1568,29 +1702,41 @@ export default {
       if (!rows.length) return;
       const contractIds = new Set(rows.map(item => String(item.contractId || '')));
       if (contractIds.size > 1 || contractIds.has('')) {
-        this.$message.warning('所选预结算单合同信息不一致，请返回后重新选择');
+        this.$message.warning('所选预付结算单合同信息不一致，请返回后重新选择');
         return;
       }
       const first = rows[0];
       this.form.invoices = [];
       const paymentType =
         this.form.paymentType === 'settlement_payment' ? 'settlement_payment' : 'progress_advance';
-      const amountResponses = await Promise.all(
+      try {
-        rows.map(item => {
+        const amountResponses = await Promise.all(
-          const referenceId = item.preSettlementId || item.id;
+          rows.map(item => {
-          if (!this.isValidReferenceId(referenceId)) return Promise.resolve(null);
+            const referenceId = item.preSettlementId || item.id;
-          return api.getReferenceAmount(paymentType, referenceId, this.form.id).catch(() => null);
+            if (!this.isValidReferenceId(referenceId)) {
-        })
+              return Promise.reject(new Error('结算单无效'));
-      );
+            }
-      this.referenceRows = rows.map((item, index) => {
+            return api.getReferenceAmount(paymentType, referenceId, this.form.id);
-        const amount = this.unwrapData(amountResponses[index]) || {};
+          })
-        return this.createReferenceRow({
+        );
-          ...item,
+        this.referenceRows = rows.map((item, index) => {
-          referenceType: 'pre',
+          const amount = this.unwrapData(amountResponses[index]) || {};
-          settlementAmount: amount.settlementAmount ?? item.settlementAmount,
+          const settlementAmount = Number(amount.settlementAmount ?? item.settlementAmount ?? 0);
-          payableAmount: amount.payableAmount,
+          if (amount.payableAmount === undefined || amount.payableAmount === null) {
+            throw new Error('可付款金额获取失败，请重试');
+          }
+          return this.createReferenceRow({
+            ...item,
+            referenceType: 'pre',
+            settlementAmount,
+            payableAmount: Number(amount.payableAmount || 0),
+            paymentSequence: amount.paymentSequence,
+          });
         });
-      });
+      } catch (error) {
+        this.$message.error(error?.message || '可付款金额获取失败，请重试');
+        return;
+      }
       const settlementAmount = this.referenceRows.reduce(
         (total, item) => total + Number(item.settlementAmount || 0),
         0
@@ -1600,7 +1746,7 @@ export default {
         0
       );
       const paymentRatio = Number(this.form.paymentRatio || 0);
-      // 尾款付款场景下选择预结算单时保留尾款付款类型，不强制改为进度预付
+      // 尾款付款场景下选择预付结算单时保留尾款付款类型，不强制改为进度预付
       this.amountSyncing = true;
       Object.assign(this.form, {
         paymentType,
@@ -1625,7 +1771,8 @@ export default {
         settlementAmount: Number(settlementAmount.toFixed(2)),
         payableAmount: Number(payableAmount.toFixed(2)),
         billType: '',
-        appliedAmount: Number(((settlementAmount * paymentRatio) / 100).toFixed(2)),
+        // 申请金额按可付款金额×比例，避免未扣减已申请额度
+        appliedAmount: Number(((payableAmount * paymentRatio) / 100).toFixed(2)),
       });
       this.paymentRecords = [];
       this.clearReceiptAccount();
@@ -1827,7 +1974,7 @@ export default {
       );
       return typeMatched || this.matchAttachmentMaterialByFileName(file, materials);
     },
-    mergeAutomaticAttachments(files, materials, sourceName, defaultMaterial = null) {
+    mergeAutomaticAttachments(files, materials, sourceName, defaultMaterial = null, sourceKey = '') {
       const existingUrls = new Set(
         (this.form.attachments || []).map(file => this.attachmentFileUrl(file)).filter(Boolean)
       );
@@ -1848,26 +1995,95 @@ export default {
             attachmentType: MATERIAL_TYPE_MAP[material.key],
             description: file.description || `自动取自${sourceName}`,
             sourceImported: true,
+            sourceKey: sourceKey || undefined,
           };
         });
       if (imported.length) this.form.attachments = [...this.form.attachments, ...imported];
+      return imported;
+    },
+    /** 移除指定来源的自动关联附件（切换结算单/合同时整批替换） */
+    removeAutomaticAttachments(sourceKey, sourceName = '') {
+      const previousUrls = new Set(
+        sourceKey === 'settlement' ? this.linkedSettlementAttachmentUrls || [] : []
+      );
+      this.form.attachments = (this.form.attachments || []).filter(file => {
+        const url = this.attachmentFileUrl(file);
+        if (sourceKey && file.sourceKey === sourceKey) return false;
+        if (
+          sourceName &&
+          file.sourceImported &&
+          String(file.description || '').includes(`自动取自${sourceName}`)
+        ) {
+          return false;
+        }
+        if (previousUrls.size && url && previousUrls.has(url)) return false;
+        return true;
+      });
+      if (sourceKey === 'settlement') {
+        this.linkedSettlementAttachmentUrls = [];
+      }
+    },
+    /** 按当前结算单附件整批同步：先清旧关联，再写入新结算单上传的附件 */
+    syncSettlementAttachments(settlementRows = []) {
+      const settlementMaterials = [
+        ATTACHMENT_MATERIALS.weighingSlip,
+        ATTACHMENT_MATERIALS.entrustOrder,
+        ATTACHMENT_MATERIALS.settlement,
+      ];
+      const settlementFiles = (settlementRows || []).flatMap(row => this.parse(row.attachmentsJson));
+      const nextUrlSet = new Set(
+        settlementFiles.map(file => this.attachmentFileUrl(file)).filter(Boolean)
+      );
+      // 编辑回显时草稿里已有结算单附件但无 sourceKey：用 URL 交集补齐待替换清单
+      if (!(this.linkedSettlementAttachmentUrls || []).length && nextUrlSet.size) {
+        this.linkedSettlementAttachmentUrls = (this.form.attachments || [])
+          .map(file => this.attachmentFileUrl(file))
+          .filter(url => url && nextUrlSet.has(url));
+      }
+      this.removeAutomaticAttachments('settlement', '结算单');
+      const imported = this.mergeAutomaticAttachments(
+        settlementFiles,
+        settlementMaterials,
+        '结算单',
+        null,
+        'settlement'
+      );
+      this.linkedSettlementAttachmentUrls = imported
+        .map(file => this.attachmentFileUrl(file))
+        .filter(Boolean);
     },
     async loadCurrentSettlementDetails() {
+      const preIds = [
+        ...(this.form.preSettlementIds || []),
+        this.form.preSettlementId,
+        ...(this.referenceRows || [])
+          .filter(item => item.referenceType === 'pre')
+          .map(item => item.id),
+      ]
+        .map(id => String(id ?? '').trim())
+        .filter(id => this.isValidReferenceId(id));
+      const formalIds = [
+        ...(this.form.settlementIds || []),
+        this.form.settlementId,
+        ...(this.referenceRows || [])
+          .filter(item => item.referenceType !== 'pre')
+          .map(item => item.id),
+      ]
+        .map(id => String(id ?? '').trim())
+        .filter(id => this.isValidReferenceId(id));
+      const uniquePreIds = [...new Set(preIds)];
+      const uniqueFormalIds = [...new Set(formalIds)];
       if (
-        this.form.paymentType === 'progress_advance' &&
+        (this.form.paymentType === 'progress_advance' ||
-        this.isValidReferenceId(this.form.preSettlementId)
+          this.form.paymentType === 'settlement_payment') &&
+        uniquePreIds.length
       ) {
-        const response = await preApi.getDetail(this.form.preSettlementId);
+        const responses = await Promise.all(uniquePreIds.map(id => preApi.getDetail(id)));
-        const detail = this.unwrapData(response);
+        return responses.map(response => this.unwrapData(response)).filter(item => item?.id);
-        return detail?.id ? [detail] : [];
       }
-      if (
+      if (this.form.paymentType === 'settlement_payment' && uniqueFormalIds.length) {
-        this.form.paymentType === 'settlement_payment' &&
+        const responses = await Promise.all(uniqueFormalIds.map(id => formalApi.getDetail(id)));
-        this.isValidReferenceId(this.form.settlementId)
+        return responses.map(response => this.unwrapData(response)).filter(item => item?.id);
-      ) {
-        const response = await formalApi.getDetail(this.form.settlementId);
-        const detail = this.unwrapData(response);
-        return detail?.id ? [detail] : [];
       }
       return [];
     },
@@ -1877,32 +2093,29 @@ export default {
       this.contractSignatureFileAvailable = false;
       this.resetContractPaymentRatioLimit();
       try {
-        const settlementMaterials = [
+        // 切换结算单时，附件区同步替换为当前结算单已上传附件
-          ATTACHMENT_MATERIALS.weighingSlip,
+        this.syncSettlementAttachments(settlementRows);
-          ATTACHMENT_MATERIALS.entrustOrder,
-          ATTACHMENT_MATERIALS.settlement,
-        ];
-        const settlementFiles = (settlementRows || []).flatMap(row =>
-          this.parse(row.attachmentsJson)
-        );
-        this.mergeAutomaticAttachments(settlementFiles, settlementMaterials, '结算单');
         if (!this.form.contractId) {
           this.firstContractPayment = false;
+          this.removeAutomaticAttachments('contract', '合同');
           return;
         }
         const contractResponse = await getContractDetail(this.form.contractId);
         const contract = this.unwrapData(contractResponse) || {};
+        // 结算信息需用合同全部付款比例配置判断第几笔是否超限
+        this.applyContractPaymentRatioLimit(contract);
         if (this.form.paymentType === 'project_advance') {
-          this.applyContractPaymentRatioLimit(contract);
           const contractFiles = this.parse(contract.contractFileJson);
           this.contractSignatureFileAvailable = contractFiles.some(file =>
             Boolean(this.attachmentFileUrl(file))
           );
+          this.removeAutomaticAttachments('contract', '合同');
           this.mergeAutomaticAttachments(
             contractFiles,
             [ATTACHMENT_MATERIALS.contract],
             '合同',
-            ATTACHMENT_MATERIALS.contract
+            ATTACHMENT_MATERIALS.contract,
+            'contract'
           );
           return;
         }
@@ -1916,12 +2129,14 @@ export default {
             String(item.id || '') !== String(this.form.id || '') &&
             item.approvalStatus !== 'voided'
         );
+        this.removeAutomaticAttachments('contract', '合同');
         if (this.firstContractPayment) {
           this.mergeAutomaticAttachments(
             this.parse(contract.contractFileJson),
             [ATTACHMENT_MATERIALS.contract],
             '合同',
-            ATTACHMENT_MATERIALS.contract
+            ATTACHMENT_MATERIALS.contract,
+            'contract'
           );
         }
       } catch (error) {
@@ -1933,9 +2148,12 @@ export default {
     resetContractPaymentRatioLimit() {
       this.contractPaymentRatioLimit = null;
       this.contractPaymentRatioExceeded = false;
+      this.contractPaymentRatioRows = [];
     },
     applyContractPaymentRatioLimit(contract = {}) {
-      const [firstRatio] = this.parse(contract.paymentRatioJson);
+      const ratioRows = this.parse(contract.paymentRatioJson).filter(item => item && typeof item === 'object');
+      this.contractPaymentRatioRows = ratioRows;
+      const [firstRatio] = ratioRows;
       const ratioLimitValue = firstRatio?.ratioLimit;
       const ratioLimit = Number(ratioLimitValue);
       this.contractPaymentRatioLimit =
@@ -2279,6 +2497,18 @@ export default {
       this.loadBillPage();
     },
     selectBill(row) {
+      if (row?.billType && row.billType !== 'received') {
+        ElMessage.warning('汇票付款仅可选择收票类型的汇票');
+        return;
+      }
+      if (row?.maturityDate) {
+        const maturity = this.$dayjs(row.maturityDate).startOf('day');
+        const today = this.$dayjs().startOf('day');
+        if (maturity.isValid() && maturity.isBefore(today)) {
+          ElMessage.warning('所选汇票已到期，不可选择');
+          return;
+        }
+      }
       this.form.billLedgerId = row.id;
       this.form.billNo = row.billNo || '';
       this.billOptions = [row];
@@ -2296,6 +2526,33 @@ export default {
         contractName: String(contractName || '').trim() || undefined,
       };
     },
+    async fillReferencePayableAmounts(rows, paymentType) {
+      if (!rows?.length) return rows || [];
+      const amountResponses = await Promise.all(
+        rows.map(row => {
+          const referenceId = row.id;
+          if (!this.isValidReferenceId(referenceId)) {
+            return Promise.resolve(null);
+          }
+          return api
+            .getReferenceAmount(paymentType, referenceId, this.form.id)
+            .catch(() => null);
+        })
+      );
+      return rows.map((row, index) => {
+        const amount = this.unwrapData(amountResponses[index]) || {};
+        const settlementAmount = Number(amount.settlementAmount ?? row.settlementAmount ?? 0);
+        const payableAmount =
+          amount.payableAmount === undefined || amount.payableAmount === null
+            ? null
+            : Number(amount.payableAmount || 0);
+        return {
+          ...row,
+          settlementAmount,
+          payableAmount,
+        };
+      });
+    },
     async loadFormalReferences() {
       this.formalPage.loading = true;
       try {
@@ -2305,7 +2562,8 @@ export default {
           this.referenceParams('formal')
         );
         const data = this.unwrapData(response) || {};
-        this.formalRows = data.records || [];
+        const records = data.records || [];
+        this.formalRows = await this.fillReferencePayableAmounts(records, 'settlement_payment');
         this.formalPage.total = Number(data.total || 0);
       } finally {
         this.formalPage.loading = false;
@@ -2320,7 +2578,10 @@ export default {
           this.referenceParams('pre')
         );
         const data = this.unwrapData(response) || {};
-        this.preRows = data.records || [];
+        const records = data.records || [];
+        const paymentType =
+          this.form.paymentType === 'settlement_payment' ? 'settlement_payment' : 'progress_advance';
+        this.preRows = await this.fillReferencePayableAmounts(records, paymentType);
         this.prePage.total = Number(data.total || 0);
       } finally {
         this.prePage.loading = false;
@@ -2413,7 +2674,7 @@ export default {
         }
       }
       if (!id) {
-        this.$message.warning(isPre ? '未找到对应的预结算单' : '未找到对应的正式结算单');
+        this.$message.warning(isPre ? '未找到对应的预付结算单' : '未找到对应的付款结算单');
         return;
       }
       this.$router.push({
@@ -2421,7 +2682,7 @@ export default {
         query: {
           mode: 'view',
           id,
-          name: isPre ? '查看预结算' : '查看正式结算',
+          name: isPre ? '查看预付结算单' : '查看付款结算单',
         },
       });
     },
@@ -2463,7 +2724,14 @@ export default {
       const amount = this.unwrapData(amountResponse) || {};
       const settlementAmount = Number(amount.settlementAmount ?? row.settlementAmount ?? 0);
       const payableAmount = Number(amount.payableAmount ?? 0);
-      this.referenceRows = [this.createReferenceRow({ ...row, settlementAmount, payableAmount })];
+      this.referenceRows = [
+        this.createReferenceRow({
+          ...row,
+          settlementAmount,
+          payableAmount,
+          paymentSequence: amount.paymentSequence,
+        }),
+      ];
       this.clearReceiptAccount();
       Object.assign(this.form, {
         paymentType: 'settlement_payment',
@@ -2508,14 +2776,17 @@ export default {
       const rows = this.formalSelection || [];
       if (!rows.length) return;
       if (new Set(rows.map(item => String(item.contractId || ''))).size !== 1) {
-        this.$message.warning('所选正式结算单必须属于同一合同');
+        this.$message.warning('所选付款结算单必须属于同一合同');
         return;
       }
       const validRows = rows.filter(row => this.isValidReferenceId(row.id));
       const details = await Promise.all(validRows.map(row => formalApi.getDetail(row.id)));
-      await this.applyTransferredFormalSettlements(
+      const detailRows = details.map((response, index) => ({
-        details.map((response, index) => ({ ...validRows[index], ...this.unwrapData(response) }))
+        ...validRows[index],
-      );
+        ...this.unwrapData(response),
+      }));
+      await this.applyTransferredFormalSettlements(detailRows);
+      await this.loadAttachmentRuleData(detailRows);
       this.referenceVisible = false;
     },
     async selectPre(row) {
@@ -2533,7 +2804,13 @@ export default {
       const settlementAmount = Number(amount.settlementAmount ?? row.settlementAmount ?? 0);
       const payableAmount = Number(amount.payableAmount ?? 0);
       this.referenceRows = [
-        this.createReferenceRow({ ...row, settlementAmount, payableAmount, referenceType: 'pre' }),
+        this.createReferenceRow({
+          ...row,
+          settlementAmount,
+          payableAmount,
+          referenceType: 'pre',
+          paymentSequence: amount.paymentSequence,
+        }),
       ];
       this.form.invoices = [];
       this.paymentRecords = [];
@@ -2572,14 +2849,17 @@ export default {
       const rows = this.preSelection || [];
       if (!rows.length) return;
       if (new Set(rows.map(item => String(item.contractId || ''))).size !== 1) {
-        this.$message.warning('所选预结算单必须属于同一合同');
+        this.$message.warning('所选预付结算单必须属于同一合同');
         return;
       }
       const validRows = rows.filter(row => this.isValidReferenceId(row.id));
       const details = await Promise.all(validRows.map(row => preApi.getDetail(row.id)));
-      await this.applyTransferredPreSettlements(
+      const detailRows = details.map((response, index) => ({
-        details.map((response, index) => ({ ...validRows[index], ...this.unwrapData(response) }))
+        ...validRows[index],
-      );
+        ...this.unwrapData(response),
+      }));
+      await this.applyTransferredPreSettlements(detailRows);
+      await this.loadAttachmentRuleData(detailRows);
       this.referenceVisible = false;
     },
     normalizeAttachments(files) {
@@ -2722,30 +3002,60 @@ export default {
               })),
       };
     },
+    /** 顶部「保存」：保存成功后关闭表单页并回到列表 */
+    async handleSave() {
+      await this.saveDraft({ showSuccess: true, closePage: true });
+    },
+    clearMessages() {
+      ElMessage.closeAll();
+      this.$message?.closeAll?.();
+    },
     async saveDraft(options = {}) {
-      const showSuccess = options.showSuccess !== false;
+      // 仅显式 showSuccess:true 时提示；提交前静默保存默认不弹「保存成功」
+      const showSuccess = options.showSuccess === true;
+      const closePage = options.closePage === true;
       await this.$refs.formRef.validate();
+      const appliedAmount = Number(this.form.appliedAmount);
+      if (
+        this.form.appliedAmount === null ||
+        this.form.appliedAmount === undefined ||
+        this.form.appliedAmount === '' ||
+        !Number.isFinite(appliedAmount) ||
+        appliedAmount <= 0
+      ) {
+        this.clearMessages();
+        ElMessage.warning('申请付款金额必填且必须大于0');
+        return false;
+      }
       if (this.form.paymentType === 'project_advance' && !this.form.projectId) {
-        this.$message.warning('请选择所属项目');
+        this.clearMessages();
+        ElMessage.warning('请选择所属项目');
         return false;
       }
       try {
         this.validateInvoices();
         this.validatePaymentRecords();
       } catch (error) {
-        this.$message.warning(error.message);
+        this.clearMessages();
+        ElMessage.warning(error.message);
         return false;
       }
       const data = this.unwrapData(await api.save(this.payload()));
       this.form.id = data;
       if (showSuccess) {
-        this.$message.success('保存成功');
+        this.clearMessages();
+        ElMessage.success('保存成功');
+      }
+      if (closePage) {
+        sessionStorage.setItem(paymentApplicationListRefreshKey, '1');
+        this.goBack();
       }
       return true;
     },
     async submitForm() {
-      // 提交前静默保存，避免同时弹出「保存成功」与材料缺失 toast
+      // 提交前静默保存；不校验/提示附件未上传；全程只保留一条「提交成功」
-      const saved = await this.saveDraft({ showSuccess: false });
+      this.clearMessages();
+      const saved = await this.saveDraft({ showSuccess: false, closePage: false });
       if (!saved) return;
       const previousApprovalStatus = this.form.approvalStatus || '';
       await api.submit({ id: this.form.id });
@@ -2756,8 +3066,9 @@ export default {
         approvalStatus: previousApprovalStatus,
         mkEnabled: await loadMkEnabled().catch(() => false),
       });
-      this.$message.success('提交成功');
+      this.clearMessages();
-      // 通知列表页（keep-alive）重新拉取数据
+      ElMessage.success('提交成功');
+      // 通知列表页（keep-alive）重新拉取列表
       sessionStorage.setItem(paymentApplicationListRefreshKey, '1');
       this.goBack();
     },
@@ -2820,6 +3131,19 @@ export default {
   display: flex;
   justify-content: flex-end;
 }
+.payment-form-page__bill-search :deep(.el-form--inline) {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0 8px;
+}
+.payment-form-page__bill-search :deep(.el-form-item) {
+  margin-right: 0;
+  margin-bottom: 8px;
+}
+.payment-form-page__bill-search-actions {
+  margin-left: 0;
+}
 .payment-form-page__reference-pagination {
   margin-top: 12px;
 }
@@ -2854,6 +3178,9 @@ export default {
   font-size: 13px;
   font-weight: 400;
 }
+.payment-form-page__ratio-exceeded {
+  color: var(--el-color-danger);
+}
 .payment-form-page__attachment-checklist {
   display: flex;
   flex-wrap: wrap;

src/views/payment/payment-application.vue

@@ -322,6 +322,7 @@ export default {
         approvalStatus: previousApprovalStatus,
         mkEnabled: this.mkEnabled,
       });
+      this.$message.closeAll?.();
       this.$message.success('提交成功');
       this.refreshChange();
     },

src/views/settlement/components/formal-settlement-editor.vue

@@ -702,7 +702,7 @@
       </el-button>
     </div>
 
-    <el-dialog v-model="candidate.visible" title="选择预结算单" width="88%" append-to-body>
+    <el-dialog v-model="candidate.visible" title="选择预付结算单" width="88%" append-to-body>
       <el-card>
         <el-form
           :model="candidate.query"
@@ -711,7 +711,7 @@
           label-width="88px"
           class="formal-editor__candidate-search"
         >
-          <el-form-item label="预结算单号"
+          <el-form-item label="预付结算单号"
           ><el-input v-model="candidate.query.preSettlementNo" clearable
           /></el-form-item>
           <el-form-item label="合同编号"
@@ -836,20 +836,6 @@
         <el-table-column type="index" label="序号" width="64" fixed="left" align="center" />
         <el-table-column prop="cargoName" label="货物名称" min-width="140" align="center" />
         <el-table-column prop="cargoType" label="货物类型" min-width="130" align="center" />
-        <el-table-column label="计费规则" min-width="190" align="center">
-          <template #default="{ row }">
-            <div class="formal-editor__billing-rule-cell">
-              <span>{{ displayValue(billingRuleName(row)) }}</span>
-              <el-icon
-                class="formal-editor__billing-rule-icon"
-                title="查看计费规则详情"
-                @click="openBillingRuleInfo(row)"
-              >
-                <InfoFilled />
-              </el-icon>
-            </div>
-          </template>
-        </el-table-column>
         <el-table-column label="运输总量" min-width="150" align="center">
           <template #default="{ row }">
             <el-input-number
@@ -887,11 +873,29 @@
           v-for="feeItem in adjustFeeItemNames"
           :key="feeItem"
           :label="feeItem"
-          min-width="140"
+          min-width="160"
           align="center"
         >
           <template #default="{ row }">
+            <div v-if="isFreightFeeItem(feeItem)" class="formal-editor__billing-rule-cell">
+              <el-input-number
+                v-model="row.feeItems[feeItem]"
+                :min="0"
+                :precision="2"
+                :controls="false"
+                @change="recalculateAdjustRow(row, feeItem)"
+              />
+              <el-icon
+                v-if="hasBillingRule(row)"
+                class="formal-editor__billing-rule-icon"
+                title="查看计费规则详情"
+                @click="openBillingRuleInfo(row)"
+              >
+                <InfoFilled />
+              </el-icon>
+            </div>
             <el-input-number
+              v-else
               v-model="row.feeItems[feeItem]"
               :min="0"
               :precision="2"
@@ -905,11 +909,6 @@
             <el-input-number v-model="row.settlementAmountTax" :precision="2" :controls="false" />
           </template>
         </el-table-column>
-        <el-table-column label="备注" min-width="200" align="center">
-          <template #default="{ row }">
-            <el-input v-model="row.remark" maxlength="200" />
-          </template>
-        </el-table-column>
       </el-table>
       <el-form
         :model="adjust"
@@ -917,8 +916,15 @@
         label-width="auto"
         class="formal-editor__adjust-reason"
       >
-        <el-form-item label="调整原因" required>
+        <el-form-item label="备注">
-          <el-input v-model="adjust.reason" maxlength="200" show-word-limit />
+          <el-input
+            v-model="adjust.reason"
+            type="textarea"
+            :rows="2"
+            maxlength="200"
+            show-word-limit
+            placeholder="请输入"
+          />
         </el-form-item>
       </el-form>
       <template #footer>
@@ -939,51 +945,45 @@
       <template v-if="billingRuleDialog.rule">
         <div class="dialog-section-title">计费规则</div>
         <el-descriptions :column="2" border class="formal-editor__billing-rule-detail">
-          <el-descriptions-item label="规则名称">{{
+          <el-descriptions-item label="费用项">
-            displayValue(billingRuleDialog.rule.name)
+            {{ displayValue(billingRuleDialog.rule.feeItem) }}
-          }}</el-descriptions-item>
+          </el-descriptions-item>
-          <el-descriptions-item label="费用类型">{{
+          <el-descriptions-item label="计费要素">
-            displayValue(billingRuleDialog.rule.feeType)
+            {{ displayValue(billingRuleDialog.rule.billingElement) }}
-          }}</el-descriptions-item>
+          </el-descriptions-item>
-          <el-descriptions-item label="费用项">{{
+          <el-descriptions-item label="计费类型">
-            displayValue(billingRuleDialog.rule.feeItem)
+            {{ displayValue(billingRuleDialog.rule.billingType) }}
-          }}</el-descriptions-item>
+          </el-descriptions-item>
-          <el-descriptions-item label="计费要素">{{
+          <el-descriptions-item label="计费单位">
-            displayValue(billingRuleDialog.rule.billingElement)
+            {{ displayValue(billingRuleDialog.rule.billingUnit) }}
-          }}</el-descriptions-item>
+          </el-descriptions-item>
-          <el-descriptions-item label="计费类型">{{
+          <el-descriptions-item label="单价">
-            displayValue(billingRuleDialog.rule.billingType)
+            {{ displayValue(billingRuleDialog.rule.unitPrice) }}
-          }}</el-descriptions-item>
+          </el-descriptions-item>
-          <el-descriptions-item label="计费单位">{{
+          <el-descriptions-item label="最低计费量">
-            displayValue(billingRuleDialog.rule.billingUnit)
+            {{ displayValue(billingRuleDialog.rule.minimumBillingWeight) }}
-          }}</el-descriptions-item>
+          </el-descriptions-item>
-          <el-descriptions-item label="单价">{{
+          <el-descriptions-item label="计费区间">
-            displayValue(billingRuleDialog.rule.unitPrice)
+            {{ billingRuleRanges(billingRuleDialog.rule) }}
-          }}</el-descriptions-item>
+          </el-descriptions-item>
-          <el-descriptions-item label="最低计费量">{{
+          <el-descriptions-item label="备注" :span="2">
-            displayValue(billingRuleDialog.rule.minimumBillingWeight)
+            {{ displayValue(billingRuleDialog.rule.remark) }}
-          }}</el-descriptions-item>
+          </el-descriptions-item>
-          <el-descriptions-item label="计费区间">{{
-            billingRuleRanges(billingRuleDialog.rule)
-          }}</el-descriptions-item>
-          <el-descriptions-item label="备注" :span="2">{{
-            displayValue(billingRuleDialog.rule.remark)
-          }}</el-descriptions-item>
         </el-descriptions>
         <div class="dialog-section-title formal-editor__billing-rule-match-title">匹配条件</div>
         <el-descriptions :column="2" border class="formal-editor__billing-rule-detail">
-          <el-descriptions-item label="起运地">{{
+          <el-descriptions-item label="起运地">
-            displayValue(billingRuleDialog.rule.matchCondition.origin)
+            {{ displayValue(billingRuleDialog.rule.matchCondition.origin) }}
-          }}</el-descriptions-item>
+          </el-descriptions-item>
-          <el-descriptions-item label="目的地">{{
+          <el-descriptions-item label="目的地">
-            displayValue(billingRuleDialog.rule.matchCondition.destination)
+            {{ displayValue(billingRuleDialog.rule.matchCondition.destination) }}
-          }}</el-descriptions-item>
+          </el-descriptions-item>
-          <el-descriptions-item label="运输方式">{{
+          <el-descriptions-item label="货物名称">
-            displayValue(billingRuleDialog.rule.matchCondition.transportMode)
+            {{ displayValue(billingRuleDialog.rule.matchCondition.cargoName) }}
-          }}</el-descriptions-item>
+          </el-descriptions-item>
-          <el-descriptions-item label="货物类型">{{
+          <el-descriptions-item label="货物类型">
-            displayValue(billingRuleDialog.rule.matchCondition.cargoType)
+            {{ displayValue(billingRuleDialog.rule.matchCondition.cargoType) }}
-          }}</el-descriptions-item>
+          </el-descriptions-item>
         </el-descriptions>
       </template>
       <el-empty v-else description="暂无计费规则详情" />
@@ -995,6 +995,7 @@
 </template>
 
 <script>
+import { InfoFilled } from '@element-plus/icons-vue';
 import { getMkPublicDetail } from '@/api/mk-process';
 import {
   adjustDetail,
@@ -1034,7 +1035,6 @@ import {
 } from '@/option/settlement/formalSettlementTable';
 import { getDictionary } from '@/api/system/dictbiz';
 import { h } from 'vue';
-import { InfoFilled } from '@element-plus/icons-vue';
 import { mapGetters } from 'vuex';
 import { formatContractOptionLabel } from '@/utils/contract';
 import { normalizeCurrencyCode } from '@/utils/currency';
@@ -1220,7 +1220,13 @@ export default {
       return isAdministrator(this.userInfo);
     },
     title() {
-      return this.readonly ? '查看正式结算单' : this.recordId ? '编辑正式结算单' : '新增正式结算单';
+      const billLabel =
+        this.form.settlementType === 'receivable' ? '收款结算单' : '付款结算单';
+      return this.readonly
+        ? `查看${billLabel}`
+        : this.recordId
+        ? `编辑${billLabel}`
+        : `新增${billLabel}`;
     },
     detailFeeItemNames() {
       const names = new Set();
@@ -1314,7 +1320,17 @@ export default {
   methods: {
     formatContractOptionLabel,
     hasPermission(code) {
-      return this.isAdmin || this.validData(this.permission?.[code], false);
+      if (this.isAdmin) return true;
+      const action = String(code || '').replace(
+        /^(payment_settlement_|receipt_settlement_|formal_settlement_)/,
+        ''
+      );
+      const prefix =
+        this.form.settlementType === 'receivable' ? 'receipt_settlement' : 'payment_settlement';
+      return (
+        this.validData(this.permission?.[`${prefix}_${action}`], false) ||
+        this.validData(this.permission?.[`formal_settlement_${action}`], false)
+      );
     },
     async loadFormalDetail(id) {
       const response = this.publicMode
@@ -2152,8 +2168,19 @@ export default {
         )}.xlsx`
       );
     },
-    billingRuleName(row) {
+    hasBillingRule(row) {
-      return this.normalizeBillingRule(row).name;
+      const rule = this.normalizeBillingRule(row);
+      return Boolean(
+        rule.feeItem ||
+          rule.billingElement ||
+          rule.billingType ||
+          rule.unitPrice ||
+          rule.rules?.length ||
+          rule.matchCondition?.origin ||
+          rule.matchCondition?.destination ||
+          rule.matchCondition?.cargoName ||
+          rule.matchCondition?.cargoType
+      );
     },
     openBillingRuleInfo(row) {
       this.billingRuleDialog.rule = this.normalizeBillingRule(row);
@@ -2179,26 +2206,8 @@ export default {
       const matchCondition = this.parseObject(
         source.matchCondition ?? source.billingMatchCondition ?? rule.matchCondition
       );
-      const ruleNames = matchedRules
-        .map(item => item.ruleName || item.name || item.billingRuleName || item.feeItem)
-        .filter(Boolean);
       return {
         ...rule,
-        name:
-          source.billingRuleName ||
-          source.feeRuleName ||
-          source.ruleName ||
-          source.billingPlanRuleName ||
-          source.billingPlanName ||
-          rule.name ||
-          rule.ruleName ||
-          rule.billingRuleName ||
-          rule.planName ||
-          rule.billingPlanName ||
-          ruleNames.join('、') ||
-          rule.feeItem ||
-          '',
-        feeType: source.billingFeeType || source.feeType || rule.feeType,
         feeItem: source.billingFeeItem || source.feeItem || rule.feeItem,
         billingElement:
           source.billingElement ||
@@ -2216,7 +2225,11 @@ export default {
           ...matchCondition,
           origin: matchCondition.origin || matchCondition.originName,
           destination: matchCondition.destination || matchCondition.destinationName,
-          transportMode: matchCondition.transportMode || matchCondition.transportType,
+          cargoName:
+            matchCondition.cargoName ||
+            matchCondition.cargoNameLabel ||
+            source.cargoName ||
+            rule.cargoName,
           cargoType: matchCondition.cargoType || matchCondition.cargoTypeName,
         },
       };
@@ -2294,7 +2307,11 @@ export default {
         detailId: row.formalSettlementId ? row.id : null,
         sourceDetailId: row.sourceDetailId || null,
         feeKey,
-        reason: pending?.reason || '',
+        // 底部备注回显结算明细备注；暂存过的调整优先取暂存备注
+        reason:
+          pending?.reason !== undefined && pending?.reason !== null
+            ? pending.reason
+            : row.remark || '',
         rows: [],
         targetRow: row.formalSettlementId ? null : row,
       };
@@ -2317,7 +2334,6 @@ export default {
       }
     },
     async saveAdjustment() {
-      if (!this.adjust.reason.trim()) return this.$message.warning('请输入调整原因');
       if (this.adjust.rows.some(row => row.calculating)) {
         return this.$message.warning('费用正在重新计算，请稍候');
       }
@@ -2346,6 +2362,14 @@ export default {
             .reduce((total, item) => total + Number(item.settlementAmountTax || 0), 0)
             .toFixed(2)
         );
+        const settlementAmountNoTax = Number(
+          this.adjust.rows
+            .reduce((total, item) => total + Number(item.settlementAmountNoTax || 0), 0)
+            .toFixed(2)
+        );
+        const hasSettlementAmountNoTax = this.adjust.rows.some(
+          item => item.settlementAmountNoTax !== undefined && item.settlementAmountNoTax !== null
+        );
         const feeItems = this.adjust.rows.reduce((result, item) => {
           Object.entries(item.feeItems || {}).forEach(([name, amount]) => {
             result[name] = Number((Number(result[name] || 0) + Number(amount || 0)).toFixed(2));
@@ -2359,24 +2383,37 @@ export default {
           originalAmount,
           adjustAmount: Number((settlementAmount - originalAmount).toFixed(2)),
           settlementAmountTax: settlementAmount,
+          settlementAmountNoTax: hasSettlementAmountNoTax
+            ? settlementAmountNoTax
+            : target.settlementAmountNoTax,
           feeItemsJson: JSON.stringify(feeItems),
-          freightAmount: this.adjust.rows.reduce(
+          freightAmount: Number(
-            (total, item) => total + Number(item.freightAmount || 0),
+            this.adjust.rows
-            0
+              .reduce((total, item) => total + Number(item.freightAmount || 0), 0)
+              .toFixed(2)
           ),
-          transportQuantity: this.adjust.rows.reduce(
+          transportQuantity: Number(
-            (total, item) => total + Number(item.transportQuantity || 0),
+            this.adjust.rows
-            0
+              .reduce((total, item) => total + Number(item.transportQuantity || 0), 0)
+              .toFixed(2)
+          ),
+          mileage: Number(
+            this.adjust.rows
+              .reduce((total, item) => total + Number(item.mileage || 0), 0)
+              .toFixed(2)
           ),
-          mileage: this.adjust.rows.reduce((total, item) => total + Number(item.mileage || 0), 0),
           unitPrice: edited.unitPrice,
-          remark: edited.remark,
+          // 底部备注写入结算明细备注
+          remark: this.adjust.reason || '',
           pendingDetailAdjustment: true,
         });
         if (this.adjust.feeKey) {
+          const clonedRows = this.cloneAdjustRows(this.adjust.rows);
+          // 暂存后同步费用快照，避免再次打开调整弹窗或汇总时仍用调整前数据。
+          this.detailFeeSnapshots[this.adjust.feeKey] = clonedRows;
           this.pendingAdjustments[this.adjust.feeKey] = {
             reason: this.adjust.reason,
-            rows: this.cloneAdjustRows(this.adjust.rows),
+            rows: clonedRows,
           };
         }
         await this.refreshSummaryFees();
@@ -2398,7 +2435,6 @@ export default {
             feeItems: row.feeItems,
             settlementAmountTax: row.settlementAmountTax,
             settlementAmountNoTax: row.settlementAmountNoTax,
-            remark: row.remark,
           })),
         });
         this.$message.success('调整保存成功');
@@ -2422,6 +2458,17 @@ export default {
       }));
       await this.confirmInvoiceClaims();
     },
+    // 发票认领默认金额以当前结算金额为准：优先表单结算金额，其次结算合计，再次明细含税合计。
+    resolveInvoiceClaimSettlementAmount() {
+      const formAmount = Number(this.form.settlementAmount || 0);
+      if (formAmount > 0) return formAmount;
+      const summaryAmount = Number(this.summaryTotal || 0);
+      if (summaryAmount > 0) return summaryAmount;
+      return this.details.reduce(
+        (total, row) => total + Number(row.settlementAmountTax || row.settlementAmount || 0),
+        0
+      );
+    },
     async confirmInvoiceClaims() {
       if (!this.invoiceClaimDialog.selected.length) {
         this.$message.warning('请至少选择一条发票');
@@ -2430,26 +2477,33 @@ export default {
       this.invoiceClaimDialog.confirming = true;
       try {
         const existingNumbers = new Set(this.invoices.map(item => String(item.invoiceNo)));
+        const settlementAmount = this.resolveInvoiceClaimSettlementAmount();
+        if (settlementAmount > 0 && Number(this.form.settlementAmount || 0) <= 0) {
+          this.form.settlementAmount = Number(settlementAmount).toFixed(2);
+        }
         let remaining = Math.max(
-          Number(this.form.settlementAmount || 0) -
+          settlementAmount -
             this.invoices.reduce((total, item) => total + Number(item.matchedAmount || 0), 0),
           0
         );
         const invoices = this.invoiceClaimDialog.selected
           .filter(row => !existingNumbers.has(String(row.invoiceNo)))
           .map(row => {
-            const sourceAmount = Number(row.matchedAmount || 0);
+            // 票池 matchedAmount 默认等于整张发票金额；可匹配口径优先取 availableInvoiceAmount
+            const sourceAmount = Number(
+              row.availableInvoiceAmount || row.matchedAmount || row.invoiceAmount || 0
+            );
+            // 可匹配金额大于剩余结算金额时，默认匹配金额取剩余结算金额（单张发票常见场景）
             const matchedAmount =
-              Number(this.form.settlementAmount || 0) > 0
+              settlementAmount > 0 ? Math.min(sourceAmount, remaining) : sourceAmount;
-                ? Math.min(sourceAmount, remaining)
+            if (settlementAmount > 0) {
-                : sourceAmount;
-            if (Number(this.form.settlementAmount || 0) > 0) {
               remaining = Math.max(0, remaining - matchedAmount);
             }
             return {
               ...row,
               invoiceType: row.invoiceTypeName || row.invoiceType || '',
-              matchedAmount,
+              availableInvoiceAmount: sourceAmount,
+              matchedAmount: Number(matchedAmount.toFixed(2)),
             };
           })
           .filter(row => row.matchedAmount > 0);
@@ -2507,7 +2561,7 @@ export default {
         }
         matchedTotal += matchedAmount;
       }
-      if (matchedTotal > Number(this.form.settlementAmount || 0)) {
+      if (matchedTotal > this.resolveInvoiceClaimSettlementAmount()) {
         this.$message.warning('发票匹配结算单金额合计不能超过结算金额');
         return false;
       }
@@ -2615,7 +2669,7 @@ export default {
         summaryFees: this.summaryFees
           .filter(
             row =>
-              row.manualFlag === 1 ||
+              Number(row.manualFlag) === 1 ||
               row.id ||
               Number(row.adjustAmount || 0) !== 0 ||
               String(row.remark || '').trim()
@@ -2626,7 +2680,7 @@ export default {
             feeItem: row.feeItem,
             adjustAmount: Number(row.adjustAmount || 0),
             remark: row.remark,
-            manualFlag: row.manualFlag || 0,
+            manualFlag: Number(row.manualFlag) === 1 ? 1 : 0,
           })),
         attachmentsJson: this.stringifyAttachments(this.attachments),
         invoices: this.invoices.map(row => ({
@@ -3053,20 +3107,6 @@ export default {
 .formal-editor__billing-rule-match-title {
   margin-top: 20px;
 }
-.dialog-section-title {
-  display: flex;
-  align-items: center;
-  min-height: 22px;
-  font-size: 16px;
-  font-weight: 600;
-}
-.dialog-section-title::before {
-  width: 4px;
-  height: 18px;
-  margin-right: 8px;
-  background: #409eff;
-  content: '';
-}
 .formal-editor__attachment-missing {
   margin-left: 12px;
   color: var(--el-color-danger);

src/views/settlement/components/formal-settlement-table-panel.vue

@@ -3,13 +3,13 @@
     <div class="fs-table-panel__toolbar">
       <div>
         <el-button
-          v-if="hasPermission('formal_settlement_add')"
+          v-if="hasPermission('add')"
           type="primary"
           @click="$emit('create')"
           >新增</el-button
         >
         <el-button
-          v-if="hasPermission('formal_settlement_payment')"
+          v-if="showPaymentAction && hasPermission('payment')"
           type="primary"
           plain
           :disabled="!selection.length"
@@ -17,23 +17,23 @@
           >付款申请</el-button
         >
         <el-button
-          v-if="hasPermission('formal_settlement_sync')"
+          v-if="hasPermission('sync')"
           type="primary"
           plain
-          :disabled="selection.length !== 1"
+          :disabled="!selection.length"
           :loading="syncLoading"
           @click="$emit('sync')"
           >同步金蝶</el-button
         >
         <el-button
-          v-if="hasPermission('formal_settlement_print')"
+          v-if="hasPermission('print')"
           type="primary"
           plain
           @click="emitSingle('print')"
           >打印结算单</el-button
         >
         <el-button
-          v-if="hasPermission('formal_settlement_export')"
+          v-if="hasPermission('export')"
           type="primary"
           plain
           @click="$emit('export')"
@@ -149,6 +149,9 @@ export default {
     hasPermission: { type: Function, required: true },
     mkEnabled: { type: Boolean, default: false },
     searchVisible: { type: Boolean, default: true },
+    /** 是否展示付款申请按钮（仅付款结算单） */
+    showPaymentAction: { type: Boolean, default: true },
+    billLabel: { type: String, default: '结算单' },
   },
   emits: [
     'create',
@@ -223,7 +226,7 @@ export default {
     },
     emitSingle(type) {
       if (this.selection.length !== 1) {
-        this.$message.warning(`${type === 'print' ? '打印' : '操作'}需选择一条正式结算单`);
+        this.$message.warning(`${type === 'print' ? '打印' : '操作'}需选择一条${this.billLabel}`);
         return;
       }
       this.$emit('action', { type, row: this.selection[0] });
@@ -233,27 +236,26 @@ export default {
     },
     rowActions(row) {
       const actions = [];
-      if (this.hasPermission('formal_settlement_view'))
+      if (this.hasPermission('view')) actions.push({ type: 'view', label: '查看' });
-        actions.push({ type: 'view', label: '查看' });
+      if (this.hasPermission('edit') && this.isEditable(row))
-      if (this.hasPermission('formal_settlement_edit') && this.isEditable(row))
         actions.push({ type: 'edit', label: '编辑' });
-      if (this.hasPermission('formal_settlement_delete') && row.approvalStatus === 'draft')
+      if (this.hasPermission('delete') && row.approvalStatus === 'draft')
         actions.push({ type: 'delete', label: '删除', danger: true });
-      if (this.hasPermission('formal_settlement_submit') && this.isEditable(row))
+      if (this.hasPermission('submit') && this.isEditable(row))
         actions.push({ type: 'submit', label: '提交' });
       if (
         this.mkEnabled &&
-        this.hasPermission('formal_settlement_approve') &&
+        this.hasPermission('approve') &&
         ['reviewing', 'approved'].includes(row.approvalStatus)
       ) {
         actions.push({ type: 'mkAudit', label: '流程' });
       }
-      if (!this.mkEnabled && this.hasPermission('formal_settlement_approve') && row.approvalStatus === 'reviewing') {
+      if (!this.mkEnabled && this.hasPermission('approve') && row.approvalStatus === 'reviewing') {
         actions.push({ type: 'approve', label: '通过' });
         actions.push({ type: 'return', label: '驳回', danger: true });
       }
       if (
-        this.hasPermission('formal_settlement_void') &&
+        this.hasPermission('void') &&
         row.approvalStatus === 'approved' &&
         row.kingdeeSyncStatus !== 'synced'
       )

src/views/settlement/components/pre-settlement-editor.vue

@@ -459,7 +459,7 @@
       </section-card>
 
       <section-card v-if="form.id && readonly" title="变更记录">
-        <el-table :data="adjustChangeRecords" border>
+        <el-table :data="changeRecords" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column
             v-for="column in changeTableColumns"
@@ -753,20 +753,6 @@
       <el-table-column type="index" label="序号" width="64" fixed="left" align="center" />
       <el-table-column prop="cargoName" label="货物名称" min-width="140" align="center" />
       <el-table-column prop="cargoType" label="货物类型" min-width="130" align="center" />
-      <el-table-column label="计费规则" min-width="190" align="center">
-        <template #default="{ row }">
-          <div class="pre-settlement-editor__billing-rule-cell">
-            <span>{{ displayValue(billingRuleName(row)) }}</span>
-            <el-icon
-              class="pre-settlement-editor__billing-rule-icon"
-              title="查看计费规则详情"
-              @click="openBillingRuleInfo(row)"
-            >
-              <InfoFilled />
-            </el-icon>
-          </div>
-        </template>
-      </el-table-column>
       <el-table-column label="运输总量" min-width="150" align="center">
         <template #default="{ row }">
           <span v-if="adjustDialog.readonly">{{ formatQuantity(row) }}</span>
@@ -809,11 +795,33 @@
         v-for="feeItem in adjustFeeItemNames"
         :key="feeItem"
         :label="feeItem"
-        min-width="140"
+        min-width="160"
         align="center"
       >
         <template #default="{ row }">
+          <div
+            v-if="isFreightFeeItem(feeItem)"
+            class="pre-settlement-editor__billing-rule-cell"
+          >
+            <el-input-number
+              v-model="row.feeItems[feeItem]"
+              :min="0"
+              :precision="2"
+              :controls="false"
+              :disabled="adjustDialog.readonly"
+              @change="recalculateAdjustRow(row, feeItem)"
+            />
+            <el-icon
+              v-if="hasBillingRule(row)"
+              class="pre-settlement-editor__billing-rule-icon"
+              title="查看计费规则详情"
+              @click="openBillingRuleInfo(row)"
+            >
+              <InfoFilled />
+            </el-icon>
+          </div>
           <el-input-number
+            v-else
             v-model="row.feeItems[feeItem]"
             :min="0"
             :precision="2"
@@ -833,11 +841,6 @@
           />
         </template>
       </el-table-column>
-      <el-table-column label="备注" min-width="200" align="center">
-        <template #default="{ row }">
-          <el-input v-model="row.remark" maxlength="200" :disabled="adjustDialog.readonly" />
-        </template>
-      </el-table-column>
     </el-table>
     <el-form
       v-if="!adjustDialog.readonly"
@@ -846,7 +849,7 @@
       label-width="auto"
       class="pre-settlement-editor__adjust-reason"
     >
-      <el-form-item label="调整原因">
+      <el-form-item label="备注">
         <el-input
           v-model="adjustDialog.reason"
           type="textarea"
@@ -885,12 +888,6 @@
     <template v-if="billingRuleDialog.rule">
       <div class="dialog-section-title">计费规则</div>
       <el-descriptions :column="2" border class="pre-settlement-editor__billing-rule-detail">
-        <el-descriptions-item label="规则名称">
-          {{ displayValue(billingRuleDialog.rule.name) }}
-        </el-descriptions-item>
-        <el-descriptions-item label="费用类型">
-          {{ displayValue(billingRuleDialog.rule.feeType) }}
-        </el-descriptions-item>
         <el-descriptions-item label="费用项">
           {{ displayValue(billingRuleDialog.rule.feeItem) }}
         </el-descriptions-item>
@@ -926,8 +923,8 @@
         <el-descriptions-item label="目的地">
           {{ displayValue(billingRuleDialog.rule.matchCondition.destination) }}
         </el-descriptions-item>
-        <el-descriptions-item label="运输方式">
+        <el-descriptions-item label="货物名称">
-          {{ displayValue(billingRuleDialog.rule.matchCondition.transportMode) }}
+          {{ displayValue(billingRuleDialog.rule.matchCondition.cargoName) }}
         </el-descriptions-item>
         <el-descriptions-item label="货物类型">
           {{ displayValue(billingRuleDialog.rule.matchCondition.cargoType) }}
@@ -1202,8 +1199,8 @@ export default {
       return this.editable && this.hasPermission('pre_settlement_adjust');
     },
     dialogTitle() {
-      if (this.readonly) return '查看预结算单';
+      if (this.readonly) return '查看预付结算单';
-      return this.form.id ? '编辑预结算单' : '新增预结算单';
+      return this.form.id ? '编辑预付结算单' : '新增预付结算单';
     },
     settlementTypeName() {
       return this.form.settlementType === 'receivable' ? '应收' : '应付';
@@ -1285,13 +1282,6 @@ export default {
       });
       return Array.from(names);
     },
-    adjustChangeRecords() {
-      return this.changeRecords.filter(
-        row =>
-          row.changeType === '结算明细项' &&
-          String(row.lineNo ?? '') === String(this.adjustDialog.detailLineNo ?? '')
-      );
-    },
   },
   watch: {
     modelValue: {
@@ -1865,7 +1855,25 @@ export default {
       });
 
       const manualFees = this.summaryFees.filter(row => Number(row.manualFlag) === 1);
-      this.summaryFees = [...summaryMap.values(), ...manualFees];
+      const nextFeeMap = new Map();
+      summaryMap.forEach((row, key) => nextFeeMap.set(`0\u0000${key}`, row));
+      manualFees.forEach(row => {
+        const key = `1\u0000${row.feeType}\u0000${row.feeItem}`;
+        nextFeeMap.set(key, row);
+      });
+      // 按编辑前顺序回填，新增费用项追加到末尾，避免手工费用被统一挤到最后。
+      const orderedFees = [];
+      const previousKeys = this.summaryFees.map(
+        row => `${Number(row.manualFlag) === 1 ? 1 : 0}\u0000${row.feeType}\u0000${row.feeItem}`
+      );
+      previousKeys.forEach(key => {
+        const row = nextFeeMap.get(key);
+        if (!row) return;
+        orderedFees.push(row);
+        nextFeeMap.delete(key);
+      });
+      nextFeeMap.forEach(row => orderedFees.push(row));
+      this.summaryFees = orderedFees;
       this.recalculateLocalAmount();
     },
     // 每条明细对应的费用行：[调整前基准行, 调整后当前行]，缺少来源费用快照时退化为明细自身的汇总行。
@@ -2053,7 +2061,7 @@ export default {
       }
     },
     async removeDetailRow(row) {
-      await this.$confirm('确认将该明细踢出预结算单？', '提示', { type: 'warning' });
+      await this.$confirm('确认将该明细踢出预付结算单？', '提示', { type: 'warning' });
       if (!this.form.id || !row.id || row.id === row.sourceDetailId) {
         this.details = this.details.filter(item => item !== row);
         this.buildSummaryFeesFromDetails();
@@ -2228,7 +2236,11 @@ export default {
           : '';
       const sourceDetailId = String(this.adjustDialog.sourceDetailId || '');
       const pending = sourceDetailId ? this.pendingAdjustments[sourceDetailId] : null;
-      this.adjustDialog.reason = pending?.reason || '';
+      // 底部备注回显结算明细备注；暂存过的调整优先取暂存备注
+      this.adjustDialog.reason =
+        pending?.reason !== undefined && pending?.reason !== null
+          ? pending.reason
+          : detailRow.remark || '';
       try {
         // 已暂存的调整结果优先回显，避免重新打开时又回到调整前的数据。
         if (pending?.rows?.length) {
@@ -2295,8 +2307,19 @@ export default {
       this.adjustChangeRecordDetailRows = this.buildAdjustChangeRecordRows(row);
       this.adjustChangeRecordVisible = true;
     },
-    billingRuleName(row) {
+    hasBillingRule(row) {
-      return this.normalizeBillingRule(row).name;
+      const rule = this.normalizeBillingRule(row);
+      return Boolean(
+        rule.feeItem ||
+          rule.billingElement ||
+          rule.billingType ||
+          rule.unitPrice ||
+          rule.rules?.length ||
+          rule.matchCondition?.origin ||
+          rule.matchCondition?.destination ||
+          rule.matchCondition?.cargoName ||
+          rule.matchCondition?.cargoType
+      );
     },
     openBillingRuleInfo(row) {
       this.billingRuleDialog.rule = this.normalizeBillingRule(row);
@@ -2323,27 +2346,8 @@ export default {
       const matchCondition = this.parseObject(
         source.matchCondition ?? source.billingMatchCondition ?? rule.matchCondition
       );
-      const ruleNames = matchedRules
-        .map(item => item.ruleName || item.name || item.billingRuleName || item.feeItem)
-        .filter(Boolean);
-      const name =
-        source.billingRuleName ||
-        source.feeRuleName ||
-        source.ruleName ||
-        source.billingPlanRuleName ||
-        source.billingPlanName ||
-        rule.name ||
-        rule.ruleName ||
-        rule.billingRuleName ||
-        rule.planName ||
-        rule.billingPlanName ||
-        ruleNames.join('、') ||
-        rule.feeItem ||
-        '';
       return {
         ...rule,
-        name,
-        feeType: source.billingFeeType || source.feeType || rule.feeType,
         feeItem: source.billingFeeItem || source.feeItem || rule.feeItem,
         billingElement:
           source.billingElement ||
@@ -2361,7 +2365,11 @@ export default {
           ...matchCondition,
           origin: matchCondition.origin || matchCondition.originName,
           destination: matchCondition.destination || matchCondition.destinationName,
-          transportMode: matchCondition.transportMode || matchCondition.transportType,
+          cargoName:
+            matchCondition.cargoName ||
+            matchCondition.cargoNameLabel ||
+            source.cargoName ||
+            rule.cargoName,
           cargoType: matchCondition.cargoType || matchCondition.cargoTypeName,
         },
       };
@@ -2451,9 +2459,13 @@ export default {
             reason: this.adjustDialog.reason,
             rows: this.adjustRows.map(row => ({ ...row, feeItems: { ...row.feeItems } })),
           };
-          this.applyLocalAdjustment(this.adjustDialog.sourceDetailId, this.adjustRows);
+          this.applyLocalAdjustment(
+            this.adjustDialog.sourceDetailId,
+            this.adjustRows,
+            this.adjustDialog.reason
+          );
           this.adjustDialog.visible = false;
-          this.$message.success('结算明细调整已暂存，保存预结算单后生效');
+          this.$message.success('结算明细调整已暂存，保存预付结算单后生效');
           return;
         }
         await adjustDetail({
@@ -2468,7 +2480,6 @@ export default {
             feeItems: row.feeItems,
             settlementAmountTax: row.settlementAmountTax,
             settlementAmountNoTax: row.settlementAmountNoTax,
-            remark: row.remark,
           })),
         });
         this.adjustDialog.visible = false;
@@ -2479,12 +2490,12 @@ export default {
         this.adjustDialog.saving = false;
       }
     },
-    applyLocalAdjustment(sourceDetailId, rows) {
+    applyLocalAdjustment(sourceDetailId, rows, detailRemark) {
       const detail = this.details.find(
         item => String(item.sourceDetailId || item.id) === String(sourceDetailId)
       );
       if (!detail) return;
-      // 原金额以进入预结算单时的费用快照为基准，调整金额 = 结算金额 - 原金额。
+      // 原金额以进入预付结算单时的费用快照为基准，调整金额 = 结算金额 - 原金额。
       const baseRows = this.sourceFeeSnapshots[String(sourceDetailId)] || [];
       const originalAmount = baseRows.length
         ? baseRows.reduce((sum, row) => sum + Number(row.settlementAmountTax || 0), 0)
@@ -2493,20 +2504,48 @@ export default {
         (sum, row) => sum + Number(row.settlementAmountTax || 0),
         0
       );
+      const settlementAmountNoTax = rows.reduce(
+        (sum, row) => sum + Number(row.settlementAmountNoTax || 0),
+        0
+      );
+      const hasSettlementAmountNoTax = rows.some(
+        row => row.settlementAmountNoTax !== undefined && row.settlementAmountNoTax !== null
+      );
       const freightAmount = rows.reduce((sum, row) => sum + Number(row.freightAmount || 0), 0);
+      const transportQuantity = rows.reduce(
+        (sum, row) => sum + Number(row.transportQuantity || 0),
+        0
+      );
+      const mileage = rows.reduce((sum, row) => sum + Number(row.mileage || 0), 0);
       const feeItems = {};
       rows.forEach(row =>
         Object.entries(row.feeItems || {}).forEach(([name, amount]) => {
           feeItems[name] = Number((Number(feeItems[name] || 0) + Number(amount || 0)).toFixed(2));
         })
       );
+      const firstRow = rows[0] || {};
       Object.assign(detail, {
+        transportQuantity: Number(transportQuantity.toFixed(2)),
+        mileage: Number(mileage.toFixed(2)),
+        unitPrice: Number(firstRow.unitPrice || 0),
         originalAmount: Number(originalAmount.toFixed(2)),
         adjustAmount: Number((settlementAmountTax - originalAmount).toFixed(2)),
         settlementAmountTax: Number(settlementAmountTax.toFixed(2)),
+        settlementAmountNoTax: hasSettlementAmountNoTax
+          ? Number(settlementAmountNoTax.toFixed(2))
+          : detail.settlementAmountNoTax,
         freightAmount: Number(freightAmount.toFixed(2)),
         feeItemsJson: JSON.stringify(feeItems),
+        // 底部备注写入结算明细备注
+        remark: detailRemark ?? '',
       });
+      // 暂存调整后同步费用缓存，保证货物名称/类型拼接与列表展示一致。
+      if (detail.id) {
+        this.detailFeeCache[detail.id] = rows.map(row => ({
+          ...row,
+          feeItems: { ...row.feeItems },
+        }));
+      }
       this.buildSummaryFeesFromDetails();
     },
     async persistPendingAdjustments() {
@@ -2534,11 +2573,14 @@ export default {
             feeItems: pendingRow.feeItems,
             settlementAmountTax: pendingRow.settlementAmountTax,
             settlementAmountNoTax: pendingRow.settlementAmountNoTax,
-            remark: pendingRow.remark,
           };
         });
         if (rows.length) {
-          await adjustDetail({ detailId: detail.id, changeReason: pending.reason, rows });
+          await adjustDetail({
+            detailId: detail.id,
+            changeReason: pending.reason,
+            rows,
+          });
         }
       }
       this.pendingAdjustments = {};
@@ -2610,7 +2652,7 @@ export default {
       XLSX.utils.book_append_sheet(workbook, sheet, '结算明细');
       XLSX.writeFile(
         workbook,
-        `${this.form.preSettlementNo || '预结算单'}结算明细${this.$dayjs().format(
+        `${this.form.preSettlementNo || '预付结算单'}结算明细${this.$dayjs().format(
           'YYYY-MM-DD HH-mm-ss'
         )}.xlsx`
       );

src/views/settlement/components/settlement-import-page.vue

@@ -55,7 +55,7 @@
                 <el-option label="正式结算单" value="formal" />
                 <el-option
                   v-if="form.settlementType === 'payable'"
-                  label="预结算单"
+                  label="预付结算单"
                   value="pre"
                 />
               </el-select>

src/views/settlement/components/transport-reconciliation-editor.vue

@@ -508,7 +508,7 @@
               <span class="completion-dialog__value">{{ displayValue(form.reconciliationNo) }}</span>
             </div>
             <div class="completion-dialog__field">
-              <span class="completion-dialog__label">预结算单号</span>
+              <span class="completion-dialog__label">预付结算单号</span>
               <span class="completion-dialog__value">{{
                 displayValue(form.preSettlementNo || form.formalSettlementNo)
               }}</span>

src/views/settlement/formal-settlement-form.vue

@@ -16,6 +16,7 @@
 <script>
 import FormalSettlementEditor from './components/formal-settlement-editor.vue';
 import { readSettlementTransfer, removeSettlementTransfer } from '@/utils/settlement-transfer';
+import { settlementBillLabel, settlementListPath } from '@/utils/settlement-menu';
 
 const LIST_REFRESH_KEY = 'formal-settlement-list-refresh';
 
@@ -35,12 +36,25 @@ export default {
     readonly() {
       return this.$route.query.mode === 'view';
     },
+    settlementType() {
+      return this.$route.query.settlementType || this.transferPayload?.settlementType || 'payable';
+    },
+    billLabel() {
+      return settlementBillLabel(this.settlementType);
+    },
     pageTitle() {
-      return this.readonly ? '查看正式结算' : this.recordId ? '编辑正式结算' : '新增正式结算';
+      return this.readonly
+        ? `查看${this.billLabel}`
+        : this.recordId
+        ? `编辑${this.billLabel}`
+        : `新增${this.billLabel}`;
+    },
+    listPath() {
+      return this.$route.query.listPath || settlementListPath(this.settlementType);
     },
     editorInitialData() {
-      const settlementType = this.$route.query.settlementType;
+      const settlementType = this.settlementType;
-      if (!this.transferPayload && !settlementType) return null;
+      if (!this.transferPayload && !this.$route.query.settlementType) return null;
       return {
         ...(this.transferPayload || {}),
         ...(settlementType ? { settlementType } : {}),
@@ -63,7 +77,7 @@ export default {
     goBack() {
       removeSettlementTransfer(this.$route.query.transferToken);
       this.$router.$avueRouter.closeTag();
-      this.$router.push('/settlement/formal-settlement');
+      this.$router.push(this.listPath);
     },
     syncTagTitle() {
       this.$nextTick(() => {

src/views/settlement/formal-settlement.vue

@@ -52,53 +52,32 @@
 
     <section class="formal-page__table-panel">
       <el-tabs
+        v-if="!lockedSettlementType"
         type="border-card"
         v-model="activeSettlementType"
         @tab-change="handleSettlementTypeChange"
       >
         <el-tab-pane label="应付" name="payable">
           <formal-settlement-table-panel
-            :key="activeSettlementType"
+            :key="'payable'"
-            :rows="rows"
+            v-bind="tablePanelProps"
-            :columns="columns"
+            v-on="tablePanelListeners"
-            :loading="loading"
-            :page="page"
-            :has-permission="hasPermissionFn"
-            :sync-loading="syncLoading"
-            :mk-enabled="mkEnabled"
-            v-model:search-visible="searchVisible"
-            @create="openCreate"
-            @payment="openPaymentDialog"
-            @sync="handleSync"
-            @export="handleExport"
-            @refresh="loadTable"
-            @page-change="onPageChange"
-            @action="onAction"
-            @update:selection="selection = $event"
           />
         </el-tab-pane>
         <el-tab-pane label="应收" name="receivable">
           <formal-settlement-table-panel
-            :key="activeSettlementType"
+            :key="'receivable'"
-            :rows="rows"
+            v-bind="tablePanelProps"
-            :columns="columns"
+            v-on="tablePanelListeners"
-            :loading="loading"
-            :page="page"
-            :has-permission="hasPermissionFn"
-            :sync-loading="syncLoading"
-            :mk-enabled="mkEnabled"
-            v-model:search-visible="searchVisible"
-            @create="openCreate"
-            @payment="openPaymentDialog"
-            @sync="handleSync"
-            @export="handleExport"
-            @refresh="loadTable"
-            @page-change="onPageChange"
-            @action="onAction"
-            @update:selection="selection = $event"
           />
         </el-tab-pane>
       </el-tabs>
+      <formal-settlement-table-panel
+        v-else
+        :key="activeSettlementType"
+        v-bind="tablePanelProps"
+        v-on="tablePanelListeners"
+      />
     </section>
     <formal-settlement-editor
       v-model="editor.visible"
@@ -116,7 +95,7 @@
       <section-card title="付款信息">
         <template v-if="paymentDialog.rows.length > 1">
           <div class="formal-payment-dialog__batch-tip">
-            已选择 {{ paymentDialog.rows.length }} 条同合同应付正式结算单，请确认各单申请金额。
+            已选择 {{ paymentDialog.rows.length }} 条同合同付款结算单，请确认各单申请金额。
           </div>
           <el-table :data="paymentDialog.rows" border>
             <el-table-column prop="formalSettlementNo" label="结算单号" min-width="160" />
@@ -176,6 +155,12 @@
 import { ArrowDown, ArrowUp } from '@element-plus/icons-vue';
 import { mapGetters } from 'vuex';
 import { createSettlementTransfer } from '@/utils/settlement-transfer';
+import {
+  hasSettlementPermission,
+  settlementBillLabel,
+  settlementListPath,
+} from '@/utils/settlement-menu';
+import { isAdministrator } from '@/utils/auth';
 import { downloadFile } from '@/utils/util';
 import * as api from '@/api/settlement/formalSettlement';
 import * as paymentApi from '@/api/payment/paymentApplication';
@@ -210,6 +195,14 @@ export default {
   name: 'FormalSettlement',
   components: { FormalSettlementEditor, FormalSettlementTablePanel },
   mixins: [organizationSearch],
+  props: {
+    /** 菜单拆分后锁定结算类型：payable=付款结算单，receivable=收款结算单 */
+    lockedSettlementType: {
+      type: String,
+      default: '',
+      validator: value => ['', 'payable', 'receivable'].includes(value),
+    },
+  },
   data() {
     return {
       ArrowDown,
@@ -237,9 +230,52 @@ export default {
     };
   },
   computed: {
-    ...mapGetters(['permission']),
+    ...mapGetters(['permission', 'userInfo']),
+    isAdmin() {
+      return isAdministrator(this.userInfo);
+    },
+    billLabel() {
+      return settlementBillLabel(this.activeSettlementType);
+    },
     hasPermissionFn() {
-      return code => this.permission?.[code] !== false;
+      return actionOrCode => {
+        const action = String(actionOrCode || '').replace(
+          /^(payment_settlement_|receipt_settlement_|formal_settlement_)/,
+          ''
+        );
+        return hasSettlementPermission(this, this.activeSettlementType, action);
+      };
+    },
+    tablePanelProps() {
+      return {
+        rows: this.rows,
+        columns: this.columns,
+        loading: this.loading,
+        page: this.page,
+        hasPermission: this.hasPermissionFn,
+        syncLoading: this.syncLoading,
+        mkEnabled: this.mkEnabled,
+        searchVisible: this.searchVisible,
+        showPaymentAction: this.activeSettlementType === 'payable',
+        billLabel: this.billLabel,
+      };
+    },
+    tablePanelListeners() {
+      return {
+        create: this.openCreate,
+        payment: this.openPaymentDialog,
+        sync: this.handleSync,
+        export: this.handleExport,
+        refresh: this.loadTable,
+        'page-change': this.onPageChange,
+        action: this.onAction,
+        'update:selection': selection => {
+          this.selection = selection;
+        },
+        'update:searchVisible': visible => {
+          this.searchVisible = visible;
+        },
+      };
     },
     visibleSearchFields() {
       return this.searchExpanded ? this.searchFields : this.searchFields.slice(0, 4);
@@ -249,11 +285,22 @@ export default {
     },
   },
   watch: {
+    lockedSettlementType: {
+      immediate: true,
+      handler(value) {
+        if (value === 'payable' || value === 'receivable') {
+          this.activeSettlementType = value;
+        }
+      },
+    },
     '$route.query.detailNo'(detailNo) {
       if (detailNo) this.openRouteDetail(detailNo);
     },
   },
   mounted() {
+    if (this.lockedSettlementType === 'payable' || this.lockedSettlementType === 'receivable') {
+      this.activeSettlementType = this.lockedSettlementType;
+    }
     this.loadOrganizationOptions();
     this.loadTable();
     this.openRouteDetail();
@@ -272,8 +319,8 @@ export default {
     }
   },
   methods: {
-    hasPermission(code) {
+    hasPermission(actionOrCode) {
-      return this.permission?.[code] !== false;
+      return this.hasPermissionFn(actionOrCode);
     },
     async loadTable() {
       this.loading = true;
@@ -326,15 +373,23 @@ export default {
         path: '/settlement/formal-settlement/form',
         query: {
           mode: 'add',
-          name: '新增正式结算',
+          name: `新增${this.billLabel}`,
           settlementType: this.activeSettlementType,
+          listPath: settlementListPath(this.activeSettlementType),
         },
       });
     },
     openEdit(row) {
+      const settlementType = row.settlementType || this.activeSettlementType;
       this.$router.push({
         path: '/settlement/formal-settlement/form',
-        query: { mode: 'edit', id: row.id, name: '编辑正式结算' },
+        query: {
+          mode: 'edit',
+          id: row.id,
+          name: `编辑${settlementBillLabel(settlementType)}`,
+          settlementType,
+          listPath: settlementListPath(settlementType),
+        },
       });
     },
     openView(row) {
@@ -347,20 +402,22 @@ export default {
       const data = this.unwrapData(response);
       const row = (data.records || []).find(item => item.formalSettlementNo === formalSettlementNo);
       if (!row) {
-        this.$message.warning('未找到对应的正式结算单');
+        this.$message.warning(`未找到对应的${this.billLabel}`);
         return;
       }
-      this.activeSettlementType = row.settlementType || this.activeSettlementType;
+      if (!this.lockedSettlementType) {
+        this.activeSettlementType = row.settlementType || this.activeSettlementType;
+      }
       this.openView(row);
     },
     async handleDelete(row) {
-      await this.$confirm('确认删除该正式结算草稿？', '提示', { type: 'warning' });
+      await this.$confirm(`确认删除该${this.billLabel}草稿？`, '提示', { type: 'warning' });
       await api.remove(row.id);
       this.$message.success('删除成功');
       this.loadTable();
     },
     async handleSubmit(row) {
-      await this.$confirm('提交后来源预结算将保持锁定，确认提交？', '提示', { type: 'warning' });
+      await this.$confirm('提交后来源预付结算单将保持锁定，确认提交？', '提示', { type: 'warning' });
       const previousApprovalStatus = row.approvalStatus || '';
       await api.submit({ id: row.id });
       await submitMkApprovalFlow({
@@ -375,7 +432,7 @@ export default {
     },
     handleMkAudit(row) {
       if (!row?.id) {
-        this.$message.warning('正式结算单ID为空，无法打开审核页');
+        this.$message.warning(`${this.billLabel}ID为空，无法打开审核页`);
         return;
       }
       getMKApprovalUrl({ bizId: String(row.id) })
@@ -393,7 +450,7 @@ export default {
     },
     async handleApprove(row) {
       await this.$confirm(
-        '审核通过后正式结算生效，金额只能通过结算调整单处理，确认通过？',
+        `审核通过后${this.billLabel}生效，金额只能通过结算调整单处理，确认通过？`,
         '提示',
         { type: 'warning' }
       );
@@ -415,7 +472,7 @@ export default {
       this.loadTable();
     },
     async handleVoid(row) {
-      const { value } = await this.$prompt('请输入作废原因', '作废正式结算单', {
+      const { value } = await this.$prompt('请输入作废原因', `作废${this.billLabel}`, {
         inputValidator: value => Boolean(value?.trim()) || '请输入作废原因',
       });
       await api.voidBill({ id: row.id, reason: value });
@@ -424,46 +481,80 @@ export default {
     },
     selectedOne(action) {
       if (this.selection.length !== 1) {
-        this.$message.warning(`${action}需选择一条正式结算单`);
+        this.$message.warning(`${action}需选择一条${this.billLabel}`);
         return null;
       }
       return this.selection[0];
     },
     async handleSync() {
       if (this.syncLoading) return;
-      const row = this.selectedOne('同步金蝶');
+      const rows = (this.selection || []).filter(row => row.approvalStatus === 'approved');
-      if (!row) return;
+      if (!rows.length) {
-
+        this.$message.warning(`请选择至少一条审批通过的${this.billLabel}`);
+        return;
+      }
       this.syncLoading = true;
       try {
-        const response = await api.syncKingdee(row.id);
+        let successCount = 0;
-        const data = this.unwrapData(response);
+        let failCount = 0;
-        this.$message.success(`同步成功，金蝶单据号：${data}`);
+        let lastFailReason = '';
-        await this.loadTable();
+        for (const row of rows) {
-        // 附件联带同步提示：同步成功但附件未全部上传时追加 warning，重推即自动补传
+          try {
-        const freshRow = (this.rows || []).find(item => String(item.id) === String(row.id));
+            await api.syncKingdee(row.id, { meta: { suppressErrorMessage: true } });
-        if (freshRow && ['pending', 'partial'].includes(freshRow.attachmentSyncStatus)) {
+            successCount += 1;
-          this.$message({
+          } catch (error) {
-            type: 'warning',
+            failCount += 1;
-            message: '该单附件未全部上传，可重推补传',
+            lastFailReason = String(error?.message || error || '未知错误').trim() || '未知错误';
-            duration: 8000,
+          }
-          });
         }
+        await this.loadTable();
+        if (rows.length === 1) {
+          if (failCount) {
+            await this.$alert(`同步失败，${lastFailReason}`, '同步结果', {
+              type: 'error',
+              confirmButtonText: '知道了',
+            });
+          } else {
+            let message = '同步成功';
+            const freshRow = (this.rows || []).find(item => String(item.id) === String(rows[0].id));
+            if (freshRow && ['pending', 'partial'].includes(freshRow.attachmentSyncStatus)) {
+              message += '\n该单附件未全部上传，可重推补传';
+            }
+            await this.$alert(message, '同步结果', {
+              type: 'success',
+              confirmButtonText: '知道了',
+            });
+          }
+          return;
+        }
+        let batchMessage = `完成同步${successCount}条，失败${failCount}条`;
+        const idSet = new Set(rows.map(row => String(row.id)));
+        const pendingCount = (this.rows || []).filter(
+          row =>
+            idSet.has(String(row.id)) && ['pending', 'partial'].includes(row.attachmentSyncStatus)
+        ).length;
+        if (pendingCount) {
+          batchMessage += `\n其中${pendingCount}单附件未全部上传，可重推补传`;
+        }
+        await this.$alert(batchMessage, '同步结果', {
+          type: failCount ? 'warning' : 'success',
+          confirmButtonText: '知道了',
+        });
       } finally {
         this.syncLoading = false;
       }
     },
     async openPaymentDialog() {
-      if (!this.selection.length) return this.$message.warning('请至少选择一条正式结算单');
+      if (!this.selection.length) return this.$message.warning(`请至少选择一条${this.billLabel}`);
       const rows = this.selection;
       if (rows.some(row => row.approvalStatus !== 'approved' || row.settlementType !== 'payable'))
-        return this.$message.warning('仅审批通过的应付正式结算单允许发起付款申请');
+        return this.$message.warning('仅审批通过的付款结算单允许发起付款申请');
       const contractIds = new Set(rows.map(row => String(row.contractId || '')));
       if (contractIds.size !== 1 || contractIds.has(''))
-        return this.$message.warning('付款申请必须选择同一个合同的正式结算单');
+        return this.$message.warning('付款申请必须选择同一个合同的付款结算单');
       const paymentRows = rows.map(row => ({ ...row, appliedAmount: this.paymentRemaining(row) }));
       if (paymentRows.some(row => row.appliedAmount <= 0))
-        return this.$message.warning('所选正式结算单均须存在剩余可申请金额');
+        return this.$message.warning('所选付款结算单均须存在剩余可申请金额');
       try {
         const sourceFormalSettlements = await Promise.all(
           paymentRows.map(async row => {
@@ -499,7 +590,7 @@ export default {
           })
         );
         if (sourceFormalSettlements.some(row => row.appliedAmount <= 0)) {
-          this.$message.warning('所选正式结算单均须存在剩余可申请金额');
+          this.$message.warning('所选付款结算单均须存在剩余可申请金额');
           return;
         }
         const transferToken = createSettlementTransfer({
@@ -519,7 +610,7 @@ export default {
       const paymentRows = this.paymentDialog.rows;
       if (paymentRows.length > 1) {
         if (paymentRows.some(row => Number(row.appliedAmount || 0) <= 0))
-          return this.$message.warning('请输入各正式结算单的申请付款金额');
+          return this.$message.warning('请输入各付款结算单的申请付款金额');
         if (paymentRows.some(row => Number(row.appliedAmount) > this.paymentRemaining(row)))
           return this.$message.warning('申请付款金额不能超过剩余可申请金额');
       } else if (Number(this.paymentDialog.form.appliedAmount || 0) <= 0) {
@@ -555,9 +646,11 @@ export default {
       win.document.write(
         `<!doctype html><html><head><title>${
           row.formalSettlementNo
-        }</title><style>body{font-family:Arial,"Microsoft YaHei",sans-serif;padding:32px;color:#222}h1{text-align:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 28px;margin-top:30px}.item{border-bottom:1px solid #ddd;padding:8px 0}.actions{text-align:center;margin-top:36px}@media print{.actions{display:none}}</style></head><body><h1>正式结算单</h1><div class="grid"><div class="item">结算单号：${this.escapeHtml(
+        }</title><style>body{font-family:Arial,"Microsoft YaHei",sans-serif;padding:32px;color:#222}h1{text-align:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 28px;margin-top:30px}.item{border-bottom:1px solid #ddd;padding:8px 0}.actions{text-align:center;margin-top:36px}@media print{.actions{display:none}}</style></head><body><h1>${this.escapeHtml(
+          settlementBillLabel(row.settlementType || this.activeSettlementType)
+        )}</h1><div class="grid"><div class="item">结算单号：${this.escapeHtml(
           row.formalSettlementNo
-        )}</div><div class="item">预结算单号：${this.escapeHtml(
+        )}</div><div class="item">预付结算单号：${this.escapeHtml(
           row.preSettlementNos
         )}</div><div class="item">项目：${this.escapeHtml(
           row.projectName
@@ -582,12 +675,15 @@ export default {
       const params = this.buildQueryParams();
       if (this.selection.length) params.ids = this.selection.map(item => item.id).join(',');
       const { data } = await api.exportList(params);
-      downloadFile(data, `正式结算单${this.$dayjs().format('YYYY-MM-DD HH-mm-ss')}.xlsx`);
+      downloadFile(
+        data,
+        `${this.billLabel}${this.$dayjs().format('YYYY-MM-DD HH-mm-ss')}.xlsx`
+      );
     },
     buildQueryParams() {
       // 所属组织级联返回 id 路径，转成组织名称传给后端（用副本，避免污染搜索框回显）
       const params = this.normalizeOrganizationSearch({ ...this.query }, 'deptName');
-      params.settlementType = this.activeSettlementType;
+      params.settlementType = this.lockedSettlementType || this.activeSettlementType;
       const range = params.createDateRange || [];
       delete params.createDateRange;
       if (range.length === 2) {

src/views/settlement/payment-settlement.vue

@@ -0,0 +1,12 @@
+<template>
+  <formal-settlement locked-settlement-type="payable" />
+</template>
+
+<script>
+import FormalSettlement from './formal-settlement.vue';
+
+export default {
+  name: 'PaymentSettlement',
+  components: { FormalSettlement },
+};
+</script>

src/views/settlement/pre-settlement-form.vue

@@ -1,7 +1,7 @@
 <template>
   <basic-container class="pre-settlement-form-page">
     <div class="pre-settlement-form-page__title">{{ pageTitle }}</div>
-    <!-- 新增来源明细可直接调整：计费试算走独立接口，调整结果先暂存，保存预结算单时再落库。 -->
+    <!-- 新增来源明细可直接调整：计费试算走独立接口，调整结果先暂存，保存预付结算单时再落库。 -->
     <pre-settlement-editor
       v-model="editorVisible"
       page-mode
@@ -31,7 +31,7 @@ export default {
       return this.$route.query.id || '';
     },
     pageTitle() {
-      return this.recordId || this.savedRecordId ? '编辑预结算' : '新增预结算';
+      return this.recordId || this.savedRecordId ? '编辑预付结算单' : '新增预付结算单';
     },
   },
   watch: {

src/views/settlement/pre-settlement-public-view.vue

@@ -1,7 +1,7 @@
 <template>
   <mk-public-shell biz-type="pre-settlement" :get-form="getForm">
     <basic-container>
-      <div class="mk-public-form-title">查看预结算</div>
+      <div class="mk-public-form-title">查看预付结算单</div>
       <pre-settlement-editor
         ref="page"
         :model-value="true"

src/views/settlement/pre-settlement.vue

@@ -446,13 +446,13 @@ export default {
     openCreate() {
       this.$router.push({
         path: '/settlement/pre-settlement/form',
-        query: { mode: 'add', name: '新增预结算' },
+        query: { mode: 'add', name: '新增预付结算单' },
       });
     },
     openEdit(row) {
       this.$router.push({
         path: '/settlement/pre-settlement/form',
-        query: { mode: 'edit', id: row.id, name: '编辑预结算' },
+        query: { mode: 'edit', id: row.id, name: '编辑预付结算单' },
       });
     },
     openView(row) {
@@ -465,7 +465,7 @@ export default {
       const records = data?.data?.records || [];
       const row = records.find(item => item.preSettlementNo === preSettlementNo);
       if (!row) {
-        this.$message.warning('未找到对应的预结算单');
+        this.$message.warning('未找到对应的预付结算单');
         return;
       }
       this.openView(row);
@@ -474,30 +474,30 @@ export default {
       return ['draft', 'returned'].includes(row.approvalStatus);
     },
     async handleDelete(row) {
-      await this.$confirm('确认删除该预结算草稿？', '提示', { type: 'warning' });
+      await this.$confirm('确认删除该预付结算单草稿？', '提示', { type: 'warning' });
       await remove(row.id);
       this.$message.success('删除成功');
       this.loadTable();
     },
     selectedOne(operationName) {
       if (this.selection.length !== 1) {
-        this.$message.warning(`${operationName}需选择一条预结算单`);
+        this.$message.warning(`${operationName}需选择一条预付结算单`);
         return null;
       }
       return this.selection[0];
     },
     handleAdvanceApplication() {
       if (!this.selection.length) {
-        this.$message.warning('请选择需要发起预付申请的预结算单');
+        this.$message.warning('请选择需要发起预付申请的预付结算单');
         return;
       }
       if (this.selection.some(row => !row.contractId)) {
-        this.$message.warning('所选预结算单缺少合同ID，无法发起预付申请');
+        this.$message.warning('所选预付结算单缺少合同ID，无法发起预付申请');
         return;
       }
       const contractIds = new Set(this.selection.map(row => String(row.contractId)));
       if (contractIds.size > 1) {
-        this.$message.warning('预付申请只能选择同一合同下的预结算单');
+        this.$message.warning('预付申请只能选择同一合同下的预付结算单');
         return;
       }
       if (
@@ -508,7 +508,7 @@ export default {
             row.formalSettlementNo
         )
       ) {
-        this.$message.warning('仅审批通过、未转正式结算的应付预结算单可发起预付');
+        this.$message.warning('仅审批通过、未转付款结算的应付预付结算单可发起预付');
         return;
       }
       const sourcePreSettlements = this.selection.map(row => ({
@@ -533,11 +533,11 @@ export default {
     },
     handleFormalSettlement() {
       if (!this.selection.length) {
-        this.$message.warning('请选择需要转正式结算的预结算单');
+        this.$message.warning('请选择需要转付款结算的预付结算单');
         return;
       }
       if (this.selection.some(row => row.approvalStatus !== 'approved')) {
-        this.$message.warning('仅审核通过的预结算单可转正式结算');
+        this.$message.warning('仅审核通过的预付结算单可转付款结算');
         return;
       }
       const hasCompleteProjectIds = this.selection.every(
@@ -549,7 +549,7 @@ export default {
         )
       );
       if (projectKeys.size > 1) {
-        this.$message.warning('尾款结算只能选择同一项目下的预结算单');
+        this.$message.warning('尾款结算只能选择同一项目下的预付结算单');
         return;
       }
       const transferToken = createSettlementTransfer({
@@ -560,14 +560,20 @@ export default {
       });
       this.$router.push({
         path: '/settlement/formal-settlement/form',
-        query: { mode: 'add', name: '新增正式结算', transferToken },
+        query: {
+          mode: 'add',
+          name: '新增付款结算单',
+          settlementType: 'payable',
+          listPath: '/settlement/payment-settlement',
+          transferToken,
+        },
       });
     },
     async openPrintDialog() {
       const row = this.selectedOne('打印结算单');
       if (!row) return;
       if (row.approvalStatus === 'voided') {
-        this.$message.warning('已作废的预结算单不能打印');
+        this.$message.warning('已作废的预付结算单不能打印');
         return;
       }
       this.printDialog.row = row;
@@ -622,8 +628,8 @@ export default {
         )
         .join('');
       return `<!doctype html><html><head><meta charset="utf-8"><title>${this.escapeHtml(
-        detail.preSettlementNo || '预结算单'
+        detail.preSettlementNo || '预付结算单'
-      )}</title><style>body{font-family:Arial,"Microsoft YaHei",sans-serif;color:#222;padding:28px}h1{text-align:center;font-size:24px}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 24px;margin:24px 0}.meta div{border-bottom:1px solid #ddd;padding:7px 0}table{width:100%;border-collapse:collapse;margin-top:16px}th,td{border:1px solid #bbb;padding:9px;text-align:center;font-size:13px}th{background:#f5f5f5}.actions{text-align:center;margin-top:24px}@media print{.actions{display:none}}</style></head><body><h1>预结算单</h1><div class="meta"><div>预结算单号：${this.escapeHtml(
+      )}</title><style>body{font-family:Arial,"Microsoft YaHei",sans-serif;color:#222;padding:28px}h1{text-align:center;font-size:24px}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 24px;margin:24px 0}.meta div{border-bottom:1px solid #ddd;padding:7px 0}table{width:100%;border-collapse:collapse;margin-top:16px}th,td{border:1px solid #bbb;padding:9px;text-align:center;font-size:13px}th{background:#f5f5f5}.actions{text-align:center;margin-top:24px}@media print{.actions{display:none}}</style></head><body><h1>预付结算单</h1><div class="meta"><div>预付结算单号：${this.escapeHtml(
         detail.preSettlementNo
       )}</div><div>项目名称：${this.escapeHtml(
         detail.projectName
@@ -651,7 +657,7 @@ export default {
       const params = this.buildQuery();
       if (this.selection.length) params.ids = this.selection.map(item => item.id).join(',');
       const { data } = await exportList(params);
-      downloadFile(data, `预结算单${this.$dayjs().format('YYYY-MM-DD HH-mm-ss')}.xlsx`);
+      downloadFile(data, `预付结算单${this.$dayjs().format('YYYY-MM-DD HH-mm-ss')}.xlsx`);
     },
     async handleSubmit(row) {
       const previousApprovalStatus = row.approvalStatus || '';
@@ -668,7 +674,7 @@ export default {
     },
     handleMkAudit(row) {
       if (!row?.id) {
-        this.$message.warning('预结算单ID为空，无法打开审核页');
+        this.$message.warning('预付结算单ID为空，无法打开审核页');
         return;
       }
       getMKApprovalUrl({ bizId: String(row.id) })
@@ -685,7 +691,7 @@ export default {
         });
     },
     async handleApprove(row) {
-      await this.$confirm('确认审批通过该预结算单？', '提示', { type: 'warning' });
+      await this.$confirm('确认审批通过该预付结算单？', '提示', { type: 'warning' });
       await approve({ id: row.id });
       this.$message.success('审批通过');
       this.loadTable();
@@ -700,7 +706,7 @@ export default {
       this.loadTable();
     },
     async handleVoid(row) {
-      const { value } = await this.$prompt('请输入作废原因', '作废预结算单', {
+      const { value } = await this.$prompt('请输入作废原因', '作废预付结算单', {
         inputType: 'textarea',
         inputValidator: value => Boolean(value?.trim()) || '请输入作废原因',
       });

src/views/settlement/receipt-settlement.vue

@@ -0,0 +1,12 @@
+<template>
+  <formal-settlement locked-settlement-type="receivable" />
+</template>
+
+<script>
+import FormalSettlement from './formal-settlement.vue';
+
+export default {
+  name: 'ReceiptSettlement',
+  components: { FormalSettlement },
+};
+</script>

src/views/settlement/receivable-payable-detail.vue

@@ -54,9 +54,11 @@
       </div>
 
       <el-table
+        ref="mainTableRef"
         v-loading="loading"
         :data="rows"
         :size="tableSize"
+        :height="listTableHeight"
         border
         class="settlement-detail-page__table"
         @selection-change="selectionChange"
@@ -146,7 +148,21 @@
                   show-overflow-tooltip
                 >
                   <template #default="{ row }">
-                    {{ formatFeeDetailCell(row, column.prop) }}
+                    <div
+                      v-if="isFreightFeeColumn(column)"
+                      class="settlement-detail-page__billing-rule-cell"
+                    >
+                      <span>{{ formatFeeDetailCell(row, column.prop) }}</span>
+                      <el-icon
+                        v-if="hasBillingRule(row)"
+                        class="settlement-detail-page__billing-rule-icon"
+                        title="查看计费规则详情"
+                        @click.stop="openBillingRuleInfo(row)"
+                      >
+                        <InfoFilled />
+                      </el-icon>
+                    </div>
+                    <span v-else>{{ formatFeeDetailCell(row, column.prop) }}</span>
                   </template>
                 </el-table-column>
               </el-table>
@@ -934,11 +950,70 @@
         </el-button>
       </template>
     </el-dialog>
+
+    <el-dialog
+      v-model="billingRuleDialog.visible"
+      title="计费规则详情"
+      width="720px"
+      append-to-body
+      destroy-on-close
+    >
+      <template v-if="billingRuleDialog.rule">
+        <div class="dialog-section-title">计费规则</div>
+        <el-descriptions :column="2" border class="settlement-detail-page__billing-rule-detail">
+          <el-descriptions-item label="费用项">
+            {{ displayValue(billingRuleDialog.rule.feeItem) }}
+          </el-descriptions-item>
+          <el-descriptions-item label="计费要素">
+            {{ displayValue(billingRuleDialog.rule.billingElement) }}
+          </el-descriptions-item>
+          <el-descriptions-item label="计费类型">
+            {{ displayValue(billingRuleDialog.rule.billingType) }}
+          </el-descriptions-item>
+          <el-descriptions-item label="计费单位">
+            {{ displayValue(billingRuleDialog.rule.billingUnit) }}
+          </el-descriptions-item>
+          <el-descriptions-item label="单价">
+            {{ displayValue(billingRuleDialog.rule.unitPrice) }}
+          </el-descriptions-item>
+          <el-descriptions-item label="最低计费量">
+            {{ displayValue(billingRuleDialog.rule.minimumBillingWeight) }}
+          </el-descriptions-item>
+          <el-descriptions-item label="计费区间">
+            {{ billingRuleRanges(billingRuleDialog.rule) }}
+          </el-descriptions-item>
+          <el-descriptions-item label="备注" :span="2">
+            {{ displayValue(billingRuleDialog.rule.remark) }}
+          </el-descriptions-item>
+        </el-descriptions>
+        <div class="dialog-section-title settlement-detail-page__billing-rule-match-title">
+          匹配条件
+        </div>
+        <el-descriptions :column="2" border class="settlement-detail-page__billing-rule-detail">
+          <el-descriptions-item label="起运地">
+            {{ displayValue(billingRuleDialog.rule.matchCondition.origin) }}
+          </el-descriptions-item>
+          <el-descriptions-item label="目的地">
+            {{ displayValue(billingRuleDialog.rule.matchCondition.destination) }}
+          </el-descriptions-item>
+          <el-descriptions-item label="货物名称">
+            {{ displayValue(billingRuleDialog.rule.matchCondition.cargoName) }}
+          </el-descriptions-item>
+          <el-descriptions-item label="货物类型">
+            {{ displayValue(billingRuleDialog.rule.matchCondition.cargoType) }}
+          </el-descriptions-item>
+        </el-descriptions>
+      </template>
+      <el-empty v-else description="暂无计费规则详情" />
+      <template #footer>
+        <el-button type="primary" @click="billingRuleDialog.visible = false">关闭</el-button>
+      </template>
+    </el-dialog>
   </basic-container>
 </template>
 
 <script>
-import { ArrowDown, ArrowUp, Close } from '@element-plus/icons-vue';
+import { ArrowDown, ArrowUp, Close, InfoFilled } from '@element-plus/icons-vue';
 import {
   changeRecordColumns,
   feeDetailBaseColumns,
@@ -990,7 +1065,7 @@ const ADJUST_BILLING_TYPE_MAP = {
 };
 
 export default {
-  components: { SettlementTableTools },
+  components: { SettlementTableTools, InfoFilled },
   props: {
     settlementType: {
       type: String,
@@ -1002,6 +1077,7 @@ export default {
       ArrowDown,
       ArrowUp,
       Close,
+      InfoFilled,
       searchFields,
       tableColumns,
       tableFeeItemNames: [],
@@ -1018,6 +1094,8 @@ export default {
       rows: [],
       selection: [],
       page: { current: 1, size: 10, total: 0 },
+      // 底部详情/调整面板打开时压缩主表高度，露出表格滚动条
+      listTableHeight: undefined,
       detailDialog: {
         visible: false,
         title: '费用明细',
@@ -1027,6 +1105,10 @@ export default {
       },
       feeRows: [],
       dynamicFeeColumns: [],
+      billingRuleDialog: {
+        visible: false,
+        rule: null,
+      },
       adjustDialog: { visible: false, loading: false, submitting: false, row: null },
       adjustRows: [],
       adjustDynamicFeeColumns: [],
@@ -1210,11 +1292,28 @@ export default {
     transportCargoTypeOptions() {
       return this.cargoTypeOptions.filter(item => item.children?.length);
     },
+    /** 底部单据详情或调整面板是否展开（与 teleport 面板显示条件一致） */
+    isBottomPanelOpen() {
+      return Boolean(this.detailDialog.visible || this.adjustDialog.visible);
+    },
   },
   watch: {
     '$route.fullPath'() {
       this.openRouteDetail();
     },
+    isBottomPanelOpen() {
+      this.$nextTick(() => this.updateListTableHeight());
+    },
+    searchVisible() {
+      if (this.isBottomPanelOpen) {
+        this.$nextTick(() => this.updateListTableHeight());
+      }
+    },
+    searchExpanded() {
+      if (this.isBottomPanelOpen) {
+        this.$nextTick(() => this.updateListTableHeight());
+      }
+    },
     displayTableColumns: {
       immediate: true,
       handler(columns) {
@@ -1238,6 +1337,7 @@ export default {
     },
   },
   async mounted() {
+    window.addEventListener('resize', this.updateListTableHeight);
     this.loadTransportTypeOptions();
     this.loadCargoTypeOptions();
     this.loadPriceUnitOptions();
@@ -1249,6 +1349,7 @@ export default {
     this.closeInnerDialogs();
   },
   beforeUnmount() {
+    window.removeEventListener('resize', this.updateListTableHeight);
     this.closeInnerDialogs();
   },
   methods: {
@@ -1262,6 +1363,26 @@ export default {
       this.previewDialog.visible = false;
       this.generateContractDialog.visible = false;
     },
+    /** 底部面板打开时按剩余视口压缩主表高度，关闭后恢复自适应 */
+    updateListTableHeight() {
+      if (!this.isBottomPanelOpen) {
+        this.listTableHeight = undefined;
+        this.$nextTick(() => this.$refs.mainTableRef?.doLayout?.());
+        return;
+      }
+      const tablePanel = this.$el?.querySelector?.('.settlement-detail-page__table-panel');
+      const toolbar = tablePanel?.querySelector('.settlement-detail-page__toolbar');
+      const pagination = tablePanel?.querySelector('.settlement-detail-page__pagination');
+      const panelTop = tablePanel?.getBoundingClientRect?.()?.top ?? 200;
+      const toolbarHeight = toolbar?.offsetHeight ?? 56;
+      const paginationHeight = pagination?.offsetHeight ?? 64;
+      // 与 .settlement-detail-page__detail-panel 的 max-height: min(60vh, 560px) 对齐
+      const bottomPanelHeight = Math.min(window.innerHeight * 0.6, 560);
+      const available =
+        window.innerHeight - panelTop - toolbarHeight - paginationHeight - bottomPanelHeight - 8;
+      this.listTableHeight = Math.max(180, Math.floor(available));
+      this.$nextTick(() => this.$refs.mainTableRef?.doLayout?.());
+    },
     contractCategoryName(value) {
       return (
         this.contractCategoryOptions.find(item => String(item.value) === String(value))?.label ||
@@ -1690,6 +1811,8 @@ export default {
       this.detailDialog.visible = false;
       this.detailDialog.row = null;
       this.changeRecordsDialog.visible = false;
+      this.billingRuleDialog.visible = false;
+      this.billingRuleDialog.rule = null;
     },
     closeAdjustPanel() {
       this.clearAdjustCalculations();
@@ -1934,6 +2057,108 @@ export default {
     isFreightFeeItem(name) {
       return String(name || '').includes('运费') || String(name || '').includes('运输费');
     },
+    isFreightFeeColumn(column = {}) {
+      return (
+        column.prop === 'freightAmount' ||
+        this.isFreightFeeItem(column.label) ||
+        this.isFreightFeeItem(column.feeItemName)
+      );
+    },
+    hasBillingRule(row) {
+      const rule = this.normalizeBillingRule(row);
+      return Boolean(
+        rule.feeItem ||
+          rule.billingElement ||
+          rule.billingType ||
+          rule.unitPrice ||
+          rule.rules?.length ||
+          rule.matchCondition?.origin ||
+          rule.matchCondition?.destination ||
+          rule.matchCondition?.cargoName ||
+          rule.matchCondition?.cargoType
+      );
+    },
+    openBillingRuleInfo(row) {
+      this.billingRuleDialog.rule = this.normalizeBillingRule(row);
+      this.billingRuleDialog.visible = true;
+    },
+    normalizeBillingRule(row) {
+      const source = row || {};
+      const nested = [
+        source.billingRule,
+        source.billingRuleInfo,
+        source.billingRuleJson,
+        source.billingRulesJson,
+        source.billingRules,
+        source.billingPlanRule,
+        source.feeRule,
+        source.rule,
+      ].find(value => value !== undefined && value !== null && value !== '');
+      const parsedNested = this.parseJsonValue(nested);
+      const matchedRules = Array.isArray(parsedNested)
+        ? parsedNested.filter(item => item && typeof item === 'object')
+        : [];
+      let rule = this.parseObject(matchedRules[0] || parsedNested || nested);
+      if (!Object.keys(rule).length && typeof nested === 'string') rule = { name: nested };
+      const matchCondition = this.parseObject(
+        source.matchCondition ?? source.billingMatchCondition ?? rule.matchCondition
+      );
+      return {
+        ...rule,
+        feeItem: source.billingFeeItem || source.feeItem || rule.feeItem,
+        billingElement:
+          source.billingElement ||
+          source.billingFactor ||
+          rule.billingElement ||
+          rule.billingFactor,
+        billingType: source.billingType || rule.billingType,
+        billingUnit: source.billingUnit || source.priceUnit || rule.billingUnit || rule.priceUnit,
+        unitPrice: source.billingUnitPrice ?? source.unitPrice ?? rule.unitPrice,
+        minimumBillingWeight:
+          source.minimumBillingWeight ?? rule.minimumBillingWeight ?? rule.lowerLimit,
+        remark: source.billingRuleRemark || source.ruleRemark || rule.remark,
+        rules: matchedRules,
+        matchCondition: {
+          ...matchCondition,
+          origin: matchCondition.origin || matchCondition.originName,
+          destination: matchCondition.destination || matchCondition.destinationName,
+          cargoName:
+            matchCondition.cargoName ||
+            matchCondition.cargoNameLabel ||
+            source.cargoName ||
+            rule.cargoName,
+          cargoType: matchCondition.cargoType || matchCondition.cargoTypeName,
+        },
+      };
+    },
+    billingRuleRanges(rule) {
+      const ranges = Array.isArray(rule?.limitRanges) ? rule.limitRanges : [];
+      if (ranges.length) {
+        return ranges
+          .map(
+            item => `${item.lowerLimit ?? '-'}~${item.upperLimit ?? '-'}：${item.unitPrice ?? '-'}`
+          )
+          .join('；');
+      }
+      if (rule?.lowerLimit !== undefined || rule?.upperLimit !== undefined) {
+        return `${rule.lowerLimit ?? '-'}~${rule.upperLimit ?? '-'}`;
+      }
+      return '-';
+    },
+    parseJsonValue(value) {
+      if (value === undefined || value === null || value === '') return null;
+      if (typeof value === 'object') return value;
+      if (typeof value !== 'string') return value;
+      try {
+        return JSON.parse(value);
+      } catch (error) {
+        return value;
+      }
+    },
+    parseObject(value) {
+      const parsed = this.parseJsonValue(value);
+      return parsed && typeof parsed === 'object' && !Array.isArray(parsed) ? parsed : {};
+    },
     async saveAdjustFee() {
       if (!this.adjustRows.length || !this.adjustDialog.row) {
         this.$message.warning('没有可调整的费用明细');
@@ -3011,6 +3236,28 @@ export default {
   padding-top: 16px;
 }
 
+.settlement-detail-page__billing-rule-cell {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  max-width: 100%;
+}
+
+.settlement-detail-page__billing-rule-icon {
+  flex: 0 0 auto;
+  color: var(--el-color-primary);
+  cursor: pointer;
+}
+
+.settlement-detail-page__billing-rule-detail {
+  margin-top: 12px;
+}
+
+.settlement-detail-page__billing-rule-match-title {
+  margin-top: 20px;
+}
+
 @media screen and (max-width: 992px) {
   .settlement-detail-page__detail-panel {
     left: 0;