优化

src/modules/overseas-master-data/pages/FleetReportingViews.test.ts

@@ -2,6 +2,8 @@ import { afterEach, expect, it, vi } from 'vitest'
 import { shallowMount, flushPromises, type VueWrapper } from '@vue/test-utils'
 import FleetQuotesView from './FleetQuotesView.vue'
 import TripOperationsView from './TripOperationsView.vue'
+import QueryToolbar from '@/shared/components/QueryToolbar.vue'
+import TripOperationsCharts from '../components/TripOperationsCharts.vue'
 import * as quotes from '../api/fleetQuotes'
 import * as reports from '../api/tripOperations'
 vi.mock('@/core/access/accessPreview', () => ({ useAccessPreviewStore: () => ({ can: (p: string) => p.endsWith(':list') }) }))
@@ -9,10 +11,10 @@ vi.mock('vue-router', () => ({ useRouter: () => ({ push: vi.fn() }) }))
 vi.mock('../api/fleetQuotes', () => ({ listFleetQuotes: vi.fn(), setFleetQuoteStatus: vi.fn(), deleteFleetQuote: vi.fn(), exportFleetQuotes: vi.fn(), saveFleetCsv: vi.fn() }))
 vi.mock('../api/tripOperations', () => ({ listTripOperations: vi.fn(), exportTripOperations: vi.fn() }))
 const wrappers: VueWrapper[] = []
-const layout = { template: '<div><slot/></div>' }
+const layout = { template: '<div><slot name="metrics"/><slot name="state"/><slot/></div>' }
 function mount(component: object) { const wrapper = shallowMount(component, { global: { stubs: { AdminPage: layout, ListPageLayout: layout, QueryToolbar: true,
   DataTable: { name: 'DataTable', props: ['data', 'columns'], template: '<div><slot name="toolbar-start"/><slot name="toolbar-actions"/><slot name="filters"/><slot name="notices"/></div>' }, ElButton: { template: '<button><slot/></button>' },
-  LoadErrorState: true, FleetQuoteEditor: true, FleetQuoteImport: true, ApiErrorMeta: true } } }); wrappers.push(wrapper); return wrapper }
+  ElTooltip: true, LoadErrorState: true, FleetQuoteEditor: true, FleetQuoteImport: true, ApiErrorMeta: true } } }); wrappers.push(wrapper); return wrapper }
 afterEach(() => { wrappers.splice(0).forEach(w => w.unmount()); vi.clearAllMocks() })
 it('quotes read-only view fetches a page once and hides all write/export tools', async () => {
   vi.mocked(quotes.listFleetQuotes).mockResolvedValue({ records: [], total: 0, page: 1, size: 20, pages: 0 })
@@ -23,5 +25,42 @@ it('quotes read-only view fetches a page once and hides all write/export tools',
 it('operations uses server totals rather than displayed page size', async () => {
   vi.mocked(reports.listTripOperations).mockResolvedValue({ page: { records: [], total: 21, page: 1, size: 20, pages: 2 }, summary: { trips: 21, inTransit: 12, completed: 9, physicalPallets: 40, palletSpaces: 40, ownPackages: 70, externalPackages: 10, externalAgreedAmounts: [], costs: { visible: false, unrecordedTrips: null, unallocatedTrips: null, totals: [] } }, charts: { physicalPallets: [], destinationTrips: [], externalAgreedAmounts: [], externalPalletRates: [] } })
   const wrapper = mount(TripOperationsView); await flushPromises()
-  expect(reports.listTripOperations).toHaveBeenCalledTimes(1); expect(wrapper.text()).toContain('实际出车 21 次'); expect(wrapper.text()).not.toContain('导出CSV')
+  expect(reports.listTripOperations).toHaveBeenCalledTimes(1); expect(wrapper.text()).not.toContain('导出CSV')
+  expect(wrapper.find('#operations-statistics-details').exists()).toBe(false)
+  expect(wrapper.findComponent(TripOperationsCharts).props('detailsVisible')).toBe(false)
+  await wrapper.find('[aria-controls="operations-statistics-details"]').trigger('click')
+  expect(wrapper.text()).toContain('实际出车 21 次')
+  expect(wrapper.findComponent(TripOperationsCharts).props('detailsVisible')).toBe(true)
+  expect(reports.listTripOperations).toHaveBeenCalledTimes(1)
+  await wrapper.find('[aria-controls="operations-statistics-details"]').trigger('click')
+  expect(wrapper.find('#operations-statistics-details').exists()).toBe(false)
+  wrapper.findComponent(TripOperationsCharts).vm.$emit('show-details'); await flushPromises()
+  expect(wrapper.find('#operations-statistics-details').exists()).toBe(true)
+  expect(reports.listTripOperations).toHaveBeenCalledTimes(1)
+  expect(wrapper.findComponent(TripOperationsCharts).props('summary').physicalPallets).toBe(40)
+  expect(wrapper.find('.operations-overview').element.compareDocumentPosition(wrapper.findComponent({ name: 'DataTable' }).element) & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy()
+  expect(wrapper.findComponent({ name: 'DataTable' }).props('columns').find((column: { key: string }) => column.key === 'finance')).toMatchObject({ defaultVisible: false })
+})
+it('operations queries charts and records together and resets with only one request', async () => {
+  vi.mocked(reports.listTripOperations).mockResolvedValue({ page: { records: [], total: 0, page: 1, size: 20, pages: 0 }, summary: { trips: 0, inTransit: 0, completed: 0, physicalPallets: 0, palletSpaces: 0, ownPackages: 0, externalPackages: 0, externalAgreedAmounts: [], costs: { visible: false, unrecordedTrips: null, unallocatedTrips: null, totals: [] } }, charts: { physicalPallets: [], destinationTrips: [], externalAgreedAmounts: [], externalPalletRates: [] } })
+  const wrapper = mount(TripOperationsView); await flushPromises()
+  const initial = vi.mocked(reports.listTripOperations).mock.calls[0]![0]
+  const toolbar = wrapper.findComponent(QueryToolbar)
+  toolbar.vm.$emit('update:modelValue', { from: '2026-10-01', to: '2026-10-07', keyword: 'TRIP', sourceType: 'EXTERNAL', status: 'IN_TRANSIT' })
+  toolbar.vm.$emit('search'); await flushPromises()
+  expect(reports.listTripOperations).toHaveBeenLastCalledWith(expect.objectContaining({ from: '2026-10-01T00:00:00Z', to: '2026-10-08T00:00:00.000Z', keyword: 'TRIP', sourceType: 'EXTERNAL', status: 'IN_TRANSIT' }))
+  expect(wrapper.text()).toContain('2026-10-01 至 2026-10-07（UTC）')
+  toolbar.vm.$emit('update:modelValue', { from: '2026-09-01', to: '2026-09-07' }); await flushPromises()
+  expect(wrapper.text()).toContain('2026-10-01 至 2026-10-07（UTC）')
+  toolbar.vm.$emit('reset'); toolbar.vm.$emit('search'); await flushPromises()
+  expect(reports.listTripOperations).toHaveBeenCalledTimes(3)
+  expect(reports.listTripOperations).toHaveBeenLastCalledWith(initial)
+  expect(toolbar.props('modelValue')).toMatchObject({ keyword: '', sourceType: '', status: '' })
+})
+it('operations shows query failures without leaving stale statistics', async () => {
+  vi.mocked(reports.listTripOperations).mockRejectedValue(new Error('统计暂不可用'))
+  const wrapper = mount(TripOperationsView); await flushPromises()
+  expect(wrapper.findComponent(TripOperationsCharts).exists()).toBe(false)
+  expect(wrapper.findComponent({ name: 'LoadErrorState' }).attributes('message')).toBe('运营记录加载失败')
+  expect(wrapper.text()).not.toContain('实际出车 0 次')
 })