优化

src/modules/finance/index.ts

@@ -1,3 +1,9 @@
 export { financeRoutes } from './routes'
 export { default as CustomerStatementsPanel } from './components/CustomerStatementsPanel.vue'
-export { getFinanceCustomerAccountSummary, type FinanceCustomerAccountSummaryResource } from './api/finance'
+export {
+  getFinanceCustomerAccountSummary,
+  getFinanceSettlement,
+  listFinancePayableSettlements,
+  listFinanceReceivableSettlements,
+  type FinanceCustomerAccountSummaryResource,
+} from './api/finance'

src/modules/finance/pages/FinanceCustomerArapView.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onMounted, reactive, ref, watch } from 'vue'
+import { computed, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { ArrowLeft, Ban, Download, Eye, FileCheck2, FilePlus2, Pencil, Send } from '@lucide/vue'
 import { ElMessage } from 'element-plus'
@@ -78,6 +78,7 @@ const page = ref(1)
 const pageSize = ref(20)
 const total = ref(0)
 const exportBusy = ref(false)
+const customerSelectVisible = ref(false)
 
 const canView = computed(() => access.can('platform:finance:customer-arap:list'))
 const canListCustomers = computed(() => canView.value || access.can('platform:customer:list'))
@@ -108,6 +109,7 @@ const queryFields = computed<QueryField[]>(() => [
       filterable: true,
       clearable: true,
       loading: customersLoading.value,
+      onVisibleChange: onCustomerSelectVisible,
     },
     options: activeCustomers.value.map((item) => ({ label: item.tenantName, value: String(item.id) })),
   },
@@ -118,6 +120,12 @@ const queryFields = computed<QueryField[]>(() => [
   { key: 'businessRange', type: 'daterange', label: '业务日期', width: 280 },
   { key: 'keyword', type: 'input', label: '关键词', width: 240, placeholder: '请输入业务单号/费用/客户/供应商', props: { 'aria-label': '关键词' } },
 ])
+function onCustomerSelectVisible(visible: boolean) { customerSelectVisible.value = visible }
+function closeCustomerSelectOnScroll() {
+  if (!customerSelectVisible.value) return
+  const active = document.activeElement
+  if (active instanceof HTMLElement) active.blur()
+}
 const columns: DataTableColumn[] = [
   { key: 'actions', label: '操作', width: 260, fixed: 'left', slotName: 'actions' }, { key: 'selection', type: 'selection', width: 48, fixed: 'left', selectable: isSelectableReceivable }, { key: 'direction', label: '收付方向', width: 100, slotName: 'direction' },
   { key: 'customerName', label: '客户', minWidth: 180, slotName: 'customerName' }, { key: 'businessReference', label: '关联业务', minWidth: 220, slotName: 'businessReference' }, { key: 'sourceType', label: '来源类型', width: 120, slotName: 'sourceType' },
@@ -332,11 +340,13 @@ async function restoreFeeSourceDetail(feeSourceId: string) {
 }
 
 onMounted(async () => {
+  document.addEventListener('scroll', closeCustomerSelectOnScroll, true)
   const feeSourceId = String(route.params.feeSourceId || '')
   if (route.name === 'finance-customer-arap-detail' && feeSourceId) { if (canListCustomers.value) await loadCustomers(); await restoreFeeSourceDetail(feeSourceId); return }
   if (canListCustomers.value) await loadCustomers()
   await load()
 })
+onBeforeUnmount(() => document.removeEventListener('scroll', closeCustomerSelectOnScroll, true))
 watch(() => [route.name, String(route.params.feeSourceId || '')], ([name, feeSourceId], previous) => {
   if (!previous) return
   if (name === 'finance-customer-arap-detail' && feeSourceId) void restoreFeeSourceDetail(String(feeSourceId))