From e722c6feb13f2497ea912b0d8340ad8784cf862c Mon Sep 17 00:00:00 2001
From: caojia <1301869380@qq.com>
Date: Fri, 18 Sep 2026 14:29:12 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E5=AE=A2=E6=88=B7=E4=BD=99?=
 =?UTF-8?q?=E9=A2=9D=E6=9F=A5=E7=9C=8B=E8=B4=A6=E5=8D=95=E8=B7=B3=E8=BD=AC?=
 =?UTF-8?q?=E8=87=B3=E5=BA=94=E6=94=B6=E8=B4=A6=E5=8D=95=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=EF=BC=8C=E5=B8=A6=E4=B8=8A=E5=AE=A2=E6=88=B7id=E6=9D=A1?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 bms-front/src/views/ar/bill/index.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/bms-front/src/views/ar/bill/index.vue b/bms-front/src/views/ar/bill/index.vue
index 7cbf4a7b..e691a925 100644
--- a/bms-front/src/views/ar/bill/index.vue
+++ b/bms-front/src/views/ar/bill/index.vue
@@ -3,6 +3,7 @@
     <basic-table ref="tableRef" :columns="columns" :search-columns="searchColumns" :search-label-width="82" :query="queryList" :default-params="defaultSearchParams" row-key="arBillId" :selection="false">
       <template #toolbar>
         <el-col :span="1.5"><el-button type="primary" plain icon="Plus" v-hasPermi="['ar:bill:generate']" @click="generateOpen = true">生成账单</el-button></el-col>
+        <el-col v-if="customerScoped" :span="1.5"><el-button type="info" plain icon="Close" @click="clearCustomerFilter">清除客户条件</el-button></el-col>
       </template>
       <template #search-customerId="{ model }">
         <customer-select v-model="model.customerId" placeholder="请选择客户" :page-size="1000" />
@@ -45,6 +46,7 @@ const detailLoading = ref(false)
 const detail = ref(null)
 const generateOpen = ref(false)
 const statusOptions = AR_BILL_STATUS_OPTIONS
+const customerScoped = computed(() => Boolean(route.query.customerId))
 const columns = [
   { label: '账单号', prop: 'billNo', minWidth: 180, showOverflowTooltip: true }, { label: '账单名称', prop: 'billName', minWidth: 180, showOverflowTooltip: true }, { label: '客户名称', prop: 'customerName', minWidth: 130, showOverflowTooltip: true }, { label: '客户编码', prop: 'customerCode', minWidth: 120, showOverflowTooltip: true },
   { label: '账单截止日', prop: 'billPeriodEnd', minWidth: 120, formatter: row => `截至 ${date(row.billPeriodEnd)}` }, { label: '订单数', prop: 'orderCount', width: 80 },
@@ -64,6 +66,22 @@ function confirmBill(row) { proxy.$modal.confirm(`确认账单「${row.billNo}
 function voidBill(row) { proxy.$prompt(`请输入账单「${row.billNo}」的作废原因`, '作废账单', { inputPattern: /\S+/, inputErrorMessage: '作废原因不能为空' }).then(({ value }) => voidArBill(row.arBillId, { remark: value })).then(() => { proxy.$modal.msgSuccess('账单已作废'); tableRef.value.refresh(); viewBill(row) }).catch(() => {}) }
 function exportBill(row) { if (!row?.arBillId) return; exportArBill(row.arBillId).then(res => { proxy.$modal.msgSuccess('导出成功'); tableRef.value.refresh(); if (detailOpen.value) viewBill(row); if (res.data?.exportId) downloadExport(res.data) }) }
 function downloadExport(row) { downloadArBillExport(row.exportId).then(blob => saveAs(blob, row.fileName || `账单_${row.exportId}.xlsx`)) }
+function clearCustomerFilter() {
+  const query = { ...route.query }
+  delete query.customerId
+  router.replace({ path: route.path, query })
+}
+
+// 从客户余额页重复进入不同客户时，路由组件会被复用，需同步更新表格内部查询条件
+watch(() => route.query.customerId, (newId, oldId) => {
+  if (String(newId || '') === String(oldId || '')) return
+  tableRef.value?.setQueryParams({
+    customerId: newId ? Number(newId) : undefined,
+    pageNum: 1
+  })
+  tableRef.value?.handleQuery()
+})
+
 function canGoWriteoff(row) {
   if (!row?.customerId) return false
   const canWriteoffStatus = row.status === AR_BILL_STATUS.CONFIRMED