fix(settlement): 结算记录页下发查询条件，切标签不再被过期响应覆盖

yeg

2026-09-18 cfd30ec5ba7f67aee8fd2fd6fc9413f8a66b55ca

fix(settlement): 结算记录页下发查询条件，切标签不再被过期响应覆盖

页面切到结算记录时只发日期与条数，商家/联系电话/商家类型/状态根本没发出去；状态那一栏的下拉在
结算记录下是空的（一个选项都没有）；日期栏标签写「申请时间」，实际筛的却是结算日期。现在按 tab
送出这四个条件（商家/类型/电话在本地筛商户，状态按通道流水状态筛），状态选项取通道的结算状态
（已结算/结算失败/处理中），日期栏在结算记录下显示「结算日期」。

另外修掉一处覆盖：load() 写回表格前没有身份校验，两次请求同时在飞时后到者覆盖先到者。结算记录
要逐商户问斗拱、是最慢的一次，先切走的话它的响应会最后落地，把已经切过去的那个 tab 覆盖成结算
流水——表头是进件/银行卡的列、内容却是结算记录，分页总数也跟着变成结算的条数。改为按请求序号
只接受最新一次的结果，转圈也只由最新那次请求负责关掉。

 talent-card-admin/src/api/admin.ts

@@ -111,8 +111,8 @@
  endDate?: string
}
export function getMerchantSettlement(kind: 'onboardings' | 'bank-cards', params: MerchantSettlementQuery = {}) { return http.get<PageResult<any>, PageResult<any>>(`/api/admin/management/merchant-settlement/${kind}`, { params }) }
/** 结算记录直接来自斗拱：按日期区间返回真实结算流水，用于监控每天自动结算了多少到银行卡。 */
export function getMerchantSettlements(params: { beginDate?: string; endDate?: string; size?: number } = {}) {
/** 结算记录直接来自斗拱：按结算日期区间返回真实结算流水，用于监控每天自动结算了多少到银行卡。 */
export function getMerchantSettlements(params: { beginDate?: string; endDate?: string; size?: number; merchantName?: string; contactMobile?: string; merchantType?: string; status?: string } = {}) {
  return http.get<{ records: Record<string, any>[]; total: number; failures: string[] }, { records: Record<string, any>[]; total: number; failures: string[] }>('/api/admin/management/merchant-settlement/settlements', { params })
}
export function getMerchantOnboardingDetail(id: number | string) { return http.get<Record<string, any>, Record<string, any>>(`/api/admin/management/merchant-settlement/onboardings/${id}`) }

 talent-card-admin/src/views/MerchantSettlementView.vue

@@ -32,9 +32,13 @@
]

const merchantTypes = ['餐饮服务', '住宿服务', '购房服务', '购车服务', '体检服务', '金融服务', '行政审批', '景区服务']
// 结算记录直接来自斗拱，没有本地状态可选；进件与银行卡才按审核状态筛选。
// 结算记录没有本地审核状态：它的「状态」是通道流水的结算状态（S/F/P），与表格那一列同一套取值。
const statusOptions = computed(() => kind.value === 'settlements'
  ? []
  ? [
      { value: 'S', label: '已结算' },
      { value: 'F', label: '结算失败' },
      { value: 'P', label: '处理中' },
    ]
  : [
      { value: 'pending', label: '待审核' },
      { value: 'approved', label: '已通过' },
@@ -81,17 +85,33 @@
  return String(value).replace('T', ' ').replace(/\.\d+$/, '')
}

/**
 * 每次查询的序号。切 tab、改条件、翻页都会自增，只有最新那一次的结果允许写回表格。
 *
 * 结算记录要逐商户去问斗拱，是最慢的一次请求；先切到别的 tab 的话，它的响应会最后落地。
 * 少了这道闸，它就会把已经切过去的那个 tab 的表格覆盖成结算流水——表头是进件/银行卡的列，
 * 内容却是结算记录（连带分页总数也变成结算的条数）。
 */
let latestRequest = 0

async function load() {
  const request = ++latestRequest
  loading.value = true
  try {
    if (kind.value === 'settlements') {
      // 结算记录来自斗拱，按日期区间查询，没有分页与审核状态筛选。
      // 条数上限 50 是通道的硬限制：传更大的值通道会判基础参数校验失败，整页查不出流水。
      // 结算记录来自斗拱，逐商户查询后合并；条数上限 50 是通道的硬限制，传更大的值通道会判
      // 基础参数校验失败、整页查不出流水。商家、联系电话、商家类型送后端去筛商户（顺带少查几家），
      // 状态是通道流水的结算状态，只能由后端在拿到流水后筛。
      const result = await getMerchantSettlements({
        beginDate: normalizeDate(filters.dateRange[0]),
        endDate: normalizeDate(filters.dateRange[1]),
        size: 50,
        merchantName: filters.merchantName.trim() || undefined,
        contactMobile: filters.contactMobile.trim() || undefined,
        merchantType: filters.merchantType || undefined,
        status: filters.status || undefined,
      })
      if (request !== latestRequest) return
      rows.value = result.records || []
      total.value = Number(result.total || 0)
      failures.value = result.failures || []
@@ -107,11 +127,13 @@
      startDate: filters.dateRange[0],
      endDate: filters.dateRange[1],
    })
    if (request !== latestRequest) return
    rows.value = result.records || []
    total.value = Number(result.total || 0)
    failures.value = []
  } finally {
    loading.value = false
    // 转圈只归最新那次请求管：过期的响应早早关掉它，会让仍在加载的那一页看起来已经加载完了。
    if (request === latestRequest) loading.value = false
  }
}

@@ -190,7 +212,8 @@
        <el-form-item label="联系电话">
          <el-input v-model="filters.contactMobile" clearable placeholder="请输入商家联系电话" />
        </el-form-item>
        <el-form-item label="申请时间">
        <!-- 同一个日期区间在两个 tab 里筛的是不同东西：进件/银行卡按申请时间，结算记录按结算日期。 -->
        <el-form-item :label="kind === 'settlements' ? '结算日期' : '申请时间'">
          <el-date-picker
            v-model="filters.dateRange"
            type="daterange"