优化

src/views/CustomersView.test.ts

@@ -3,9 +3,12 @@ import { createPinia, setActivePinia } from 'pinia'
 import { enableAutoUnmount, flushPromises, mount } from '@vue/test-utils'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import {
+  downloadTenantQualification,
   getPlatformTenant,
   listPlatformTenants,
   listTenantQualifications,
+  updatePlatformTenant,
+  uploadPlatformTenantQualification,
   type PlatformTenantResource,
 } from '@/api/platformIam'
 import { useAccessPreviewStore } from '@/stores/accessPreview'
@@ -15,10 +18,12 @@ import CustomersView from './CustomersView.vue'
 vi.mock('@/api/platformIam', () => ({
   changePlatformTenantStatus: vi.fn(),
   createPlatformTenant: vi.fn(),
+  downloadTenantQualification: vi.fn(),
   getPlatformTenant: vi.fn(),
   listPlatformTenantOrderCounts: vi.fn(),
   listPlatformTenants: vi.fn(),
   listTenantQualifications: vi.fn(),
+  qualificationFileName: vi.fn((documentUrl: string) => documentUrl.split('/').at(-1) || '资质文件'),
   submitPlatformTenantReview: vi.fn(),
   updatePlatformTenant: vi.fn(),
   uploadPlatformTenantQualification: vi.fn(),
@@ -51,7 +56,10 @@ describe('CustomersView', () => {
   let pinia: ReturnType<typeof createPinia>
 
   beforeEach(() => {
+    vi.clearAllMocks()
     vi.stubGlobal('ResizeObserver', ResizeObserverStub)
+    Object.defineProperty(URL, 'createObjectURL', { configurable: true, value: vi.fn(() => 'blob:qualification-preview') })
+    Object.defineProperty(URL, 'revokeObjectURL', { configurable: true, value: vi.fn() })
     document.body.innerHTML = ''
     pinia = createPinia()
     setActivePinia(pinia)
@@ -65,6 +73,10 @@ describe('CustomersView', () => {
     })
     vi.mocked(getPlatformTenant).mockResolvedValue(fullTenant)
     vi.mocked(listTenantQualifications).mockResolvedValue([])
+    vi.mocked(updatePlatformTenant).mockResolvedValue(fullTenant)
+    vi.mocked(uploadPlatformTenantQualification).mockResolvedValue({
+      qualificationId: 'qualification-1', reviewId: null, tenantStatus: 'PROFILE_REQUIRED', documentUrl: '/files/license.png',
+    })
   })
 
   it('loads the complete customer detail before editing masked list fields', async () => {
@@ -80,4 +92,73 @@ describe('CustomersView', () => {
     expect(phone?.value).toBe(fullTenant.contactPhone)
     expect(email?.value).toBe(fullTenant.contactEmail)
   })
+
+  it('shows an authenticated image preview for an uploaded qualification', async () => {
+    vi.mocked(listTenantQualifications).mockResolvedValue([{
+      id: 'qualification-1', tenantId: fullTenant.id, qualificationType: 'BUSINESS_LICENSE',
+      certificateNo: fullTenant.unifiedSocialCreditCode, documentUrl: '/files/license.png',
+      status: 'PENDING', reviewComment: null, validTo: null,
+    }])
+    vi.mocked(downloadTenantQualification).mockResolvedValue(new Blob(['image'], { type: 'image/png' }))
+
+    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
+    await flushPromises()
+    tableButtonByText('编辑')?.click()
+    await flushPromises()
+    await flushPromises()
+
+    expect(downloadTenantQualification).toHaveBeenCalledWith(fullTenant.id, '/files/license.png')
+    const preview = document.querySelector<HTMLImageElement>('img[alt="营业执照预览"]')
+    expect(preview?.src).toBe('blob:qualification-preview')
+  })
+
+  it('shows uploaded qualifications in customer detail and opens the full preview', async () => {
+    vi.mocked(listTenantQualifications).mockResolvedValue([{
+      id: 'qualification-1', tenantId: fullTenant.id, qualificationType: 'BUSINESS_LICENSE',
+      certificateNo: fullTenant.unifiedSocialCreditCode, documentUrl: '/files/license.png',
+      status: 'PENDING', reviewComment: null, validTo: null,
+    }])
+    vi.mocked(downloadTenantQualification).mockResolvedValue(new Blob(['image'], { type: 'image/png' }))
+
+    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
+    await flushPromises()
+    tableButtonByText('详情')?.click()
+    await flushPromises()
+    await flushPromises()
+
+    const detailPreview = document.querySelector<HTMLButtonElement>('button[aria-label="查看营业执照：license.png"]')
+    expect(detailPreview?.querySelector('img[alt="营业执照缩略图"]')).not.toBeNull()
+    detailPreview?.click()
+    await flushPromises()
+
+    expect(document.querySelector('.qualification-preview img[alt="license.png预览"]')).not.toBeNull()
+  })
+
+  it('saves customer data and selected qualifications with one action', async () => {
+    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
+    await flushPromises()
+    tableButtonByText('编辑')?.click()
+    await flushPromises()
+
+    const licenseFile = new File(['license'], 'license.png', { type: 'image/png' })
+    const licenseInput = document.querySelector<HTMLInputElement>('.qualification-file input[type="file"]')
+    Object.defineProperty(licenseInput, 'files', { configurable: true, value: [licenseFile] })
+    licenseInput?.dispatchEvent(new Event('change', { bubbles: true }))
+    await flushPromises()
+
+    const buttons = [...document.querySelectorAll<HTMLButtonElement>('button')]
+    expect(buttons.some((button) => button.textContent?.trim() === '上传已选资质')).toBe(false)
+    buttons.find((button) => button.textContent?.trim() === '保存资料和资质')?.click()
+    await flushPromises()
+
+    expect(updatePlatformTenant).toHaveBeenCalledWith(fullTenant.id, expect.objectContaining({ tenantName: fullTenant.tenantName }))
+    expect(uploadPlatformTenantQualification).toHaveBeenCalledWith(
+      fullTenant.id,
+      'BUSINESS_LICENSE',
+      licenseFile,
+      undefined,
+      fullTenant.unifiedSocialCreditCode,
+      false,
+    )
+  })
 })