✨ 应收账单状态筛选支持多选并默认排除作废

bms-front/src/views/ar/bill/index.vue

@@ -80,7 +80,13 @@ const router = useRouter()
 const tableRef = ref()
 // 从客户余额页“查看账单”跳入时，按当前客户预筛选（重置后仍保留该条件）
 const defaultSearchParams = computed(() => ({
-  customerId: route.query.customerId ? Number(route.query.customerId) : undefined
+  customerId: route.query.customerId ? Number(route.query.customerId) : undefined,
+  statuses: [
+    AR_BILL_STATUS.DRAFT,
+    AR_BILL_STATUS.CONFIRMED,
+    AR_BILL_STATUS.PARTIAL_WRITTEN_OFF,
+    AR_BILL_STATUS.WRITTEN_OFF
+  ]
 }))
 const detailOpen = ref(false)
 const detailLoading = ref(false)
@@ -158,7 +164,7 @@ const columns = [
 ]
 const searchColumns = [
   { label: '账单号', prop: 'billNo', component: 'input', placeholder: '账单号', width: '180px' }, { label: '账单名称', prop: 'billName', component: 'input', placeholder: '账单名称', width: '180px' }, { label: '客户名称', prop: 'customerId', component: 'input', placeholder: '请选择客户', width: '220px' },
-  { label: '状态', prop: 'status', component: 'select', options: statusOptions, placeholder: '全部状态', width: '150px' }, { label: '账单日期', prop: 'billDateRange', component: 'daterange', width: '300px' }, { label: '账单截止日', prop: 'billPeriodEnd', component: 'date', width: '160px' }
+  { label: '状态', prop: 'statuses', component: 'select', options: statusOptions, placeholder: '请选择状态', width: '190px', props: { multiple: true, clearable: true, collapseTags: true, collapseTagsTooltip: true } }, { label: '账单日期', prop: 'billDateRange', component: 'daterange', width: '300px' }, { label: '账单截止日', prop: 'billPeriodEnd', component: 'date', width: '160px' }
 ]
 
 // 将页面日期范围转换为后端查询字段，其他筛选条件原样透传。