优化
This commit is contained in:
@@ -188,4 +188,31 @@ describe('PartnersView real API integration', () => {
|
||||
expect(wrapper.text()).toContain('重新加载')
|
||||
expect(wrapper.text()).not.toContain('深圳示例贸易有限公司')
|
||||
})
|
||||
|
||||
it('keeps the latest detail when an older partner request finishes last', async () => {
|
||||
const secondPartner = { ...partner, id: '19002', partnerCode: 'CUS-002', partnerName: '上海示例贸易有限公司' }
|
||||
let resolveFirst!: (value: PlatformPartnerResource) => void
|
||||
let resolveSecond!: (value: PlatformPartnerResource) => void
|
||||
vi.mocked(getPlatformPartner).mockImplementation((partnerId) => new Promise((resolve) => {
|
||||
if (String(partnerId) === String(partner.id)) resolveFirst = resolve
|
||||
else resolveSecond = resolve
|
||||
}))
|
||||
const wrapper = await mountView()
|
||||
const vm = wrapper.vm as unknown as {
|
||||
detailOpen: boolean
|
||||
detail: PlatformPartnerResource | null
|
||||
openDetail(row: PlatformPartnerResource): Promise<void>
|
||||
}
|
||||
|
||||
void vm.openDetail(partner)
|
||||
vm.detailOpen = false
|
||||
await wrapper.vm.$nextTick()
|
||||
void vm.openDetail(secondPartner)
|
||||
resolveSecond(secondPartner)
|
||||
await flushPromises()
|
||||
resolveFirst(partner)
|
||||
await flushPromises()
|
||||
|
||||
expect(vm.detail?.partnerCode).toBe('CUS-002')
|
||||
})
|
||||
})
|
||||
|
||||
@@ -40,6 +40,7 @@ const total = ref(0)
|
||||
const loadError = ref<ApiErrorDetails | null>(null)
|
||||
const statusLoadingIds = ref(new Set<string>())
|
||||
let loadSequence = 0
|
||||
let detailSequence = 0
|
||||
|
||||
type PartnerFilters = QueryModel & {
|
||||
keyword: string
|
||||
@@ -261,17 +262,21 @@ function savePayload(): SavePlatformPartnerRequest {
|
||||
}
|
||||
|
||||
async function openDetail(row: PlatformPartnerResource) {
|
||||
const sequence = ++detailSequence
|
||||
detailOpen.value = true
|
||||
detailLoading.value = true
|
||||
detail.value = null
|
||||
try {
|
||||
detail.value = await getPlatformPartner(row.id)
|
||||
const result = await getPlatformPartner(row.id)
|
||||
if (sequence !== detailSequence || !detailOpen.value) return
|
||||
detail.value = result
|
||||
} catch (error) {
|
||||
if (sequence !== detailSequence) return
|
||||
const meta = getApiErrorDetails(error, '往来单位详情加载失败')
|
||||
ElMessage.error(meta.requestId ? `${meta.message}(requestId: ${meta.requestId})` : meta.message)
|
||||
detailOpen.value = false
|
||||
} finally {
|
||||
detailLoading.value = false
|
||||
if (sequence === detailSequence) detailLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
@@ -335,6 +340,12 @@ function formatUpdatedAt(value?: string | null) {
|
||||
}
|
||||
|
||||
watch([page, pageSize], () => { void loadPartners() })
|
||||
watch(detailOpen, (open) => {
|
||||
if (open) return
|
||||
detailSequence += 1
|
||||
detailLoading.value = false
|
||||
detail.value = null
|
||||
})
|
||||
onMounted(() => {
|
||||
void loadPartners()
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user