1

src/modules/finance/pages/FinanceCustomerArapView.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue'
+import { computed, 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'
@@ -54,7 +54,6 @@ const router = useRouter()
 const customers = ref<PlatformTenantResource[]>([])
 const customersLoading = ref(false)
 const customersError = ref<ApiErrorDetails | null>(null)
-const customerSelectOpen = ref(false)
 const filters = ref<QueryModel>({ customerId: '', direction: '', status: '', reviewStatus: '', statementGenerated: '', businessRange: [], keyword: '' })
 const allRows = ref<ArapRow[]>([])
 const loading = ref(false)
@@ -94,15 +93,6 @@ function isFirstlegSource(source: { sourceSystem?: unknown; sourceType?: unknown
 }
 const stateError = computed(() => customersError.value || loadError.value)
 const activeCustomers = computed(() => customers.value.filter((item) => item.status === 'ACTIVE'))
-function onCustomerSelectVisible(visible: boolean) {
-  customerSelectOpen.value = visible
-}
-function closeCustomerSelectOnScroll() {
-  if (!customerSelectOpen.value || typeof document === 'undefined') return
-  const input = document.querySelector('.finance-customer-select input') as HTMLInputElement | null
-  input?.blur()
-  customerSelectOpen.value = false
-}
 const queryFields = computed<QueryField[]>(() => [
   {
     key: 'customerId',
@@ -115,7 +105,6 @@ const queryFields = computed<QueryField[]>(() => [
       class: 'finance-customer-select',
       popperClass: 'finance-customer-arap-popper',
       teleported: false,
-      onVisibleChange: onCustomerSelectVisible,
       filterable: true,
       clearable: true,
       loading: customersLoading.value,
@@ -343,15 +332,11 @@ 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))