feat(assets): migrate asset views and reconcile inventory drilldowns

2026-09-23 14:16:22 +08:00
parent b0cba26fbb
commit 822aabf2ca
77 changed files with 14669 additions and 3856 deletions
@@ -1,76 +0,0 @@
-import { useState } from 'react';
-import { AssetSummarySection } from './overview/AssetSummarySection';
-import { FlowStatisticsCard } from './overview/FlowStatisticsCard';
-import { InventoryStatisticsSection } from './overview/InventoryStatisticsSection';
-import { SummaryMetrics } from './overview/SummaryMetrics';
-import type { OverviewViewProps } from './overview/types';
-
-export function OverviewView(props: OverviewViewProps) {
-  const [panel, setPanel] = useState<'inventory' | 'models' | 'flow'>('inventory');
-  return (
-    <div className="space-y-3">
-      <SummaryMetrics
-        summary={props.summary}
-        operatingRate={props.operatingRate}
-        inventoryRate={props.inventoryRate}
-        pendingRate={props.pendingRate}
-        setVehicleSelection={props.setVehicleSelection}
-      />
-
-      <nav aria-label="总览统计视图" className="grid grid-cols-3 gap-1 rounded-xl border border-slate-200 bg-slate-100 p-1">
-        {([{id:'inventory',label:'库存统计'},{id:'models',label:'车型资产'},{id:'flow',label:'交还车统计'}] as const).map(item => <button key={item.id} type="button" aria-pressed={panel===item.id} onClick={()=>setPanel(item.id)} className={`min-h-11 rounded-lg px-2 py-2 text-xs sm:text-sm font-semibold transition-colors ${panel===item.id?'bg-white text-blue-700 shadow-sm':'text-slate-600 hover:bg-white/60'}`}>{item.label}</button>)}
-      </nav>
-
-      <div hidden={panel !== 'flow'}>
-      <FlowStatisticsCard
-        flowRange={props.flowRange}
-        setFlowRange={props.setFlowRange}
-        flowLoading={props.flowLoading}
-        flowStats={props.flowStats}
-        exportFlowDetails={props.exportFlowDetails}
-        flowDailyExpanded={props.flowDailyExpanded}
-        setFlowDailyExpanded={props.setFlowDailyExpanded}
-        setSelectedFlow={props.setSelectedFlow}
-      />
-
-      </div>
-      <div hidden={panel !== 'models'}>
-      <AssetSummarySection
-        processedData={props.processedData}
-        theme={props.theme}
-        expandedAssetTypes={props.expandedAssetTypes}
-        toggleAssetType={props.toggleAssetType}
-        expandedModels={props.expandedModels}
-        toggleModel={props.toggleModel}
-        setVehicleSelection={props.setVehicleSelection}
-      />
-
-      </div>
-      <div hidden={panel !== 'inventory'}>
-      <InventoryStatisticsSection
-        inventoryFilters={props.inventoryFilters}
-        setInventoryFilters={props.setInventoryFilters}
-        draftInventoryFilters={props.draftInventoryFilters}
-        setDraftInventoryFilters={props.setDraftInventoryFilters}
-        isInventoryFilterOpen={props.isInventoryFilterOpen}
-        setIsInventoryFilterOpen={props.setIsInventoryFilterOpen}
-        uniqueInventoryRegions={props.uniqueInventoryRegions}
-        uniqueInventoryCities={props.uniqueInventoryCities}
-        uniqueInventoryBrands={props.uniqueInventoryBrands}
-        uniqueInventoryTypes={props.uniqueInventoryTypes}
-        uniqueInventoryModelsForType={props.uniqueInventoryModelsForType}
-        filteredInventoryStats={props.filteredInventoryStats}
-        inventoryTab={props.inventoryTab}
-        setInventoryTab={props.setInventoryTab}
-        inventoryByRegion={props.inventoryByRegion}
-        expandedInventoryRegions={props.expandedInventoryRegions}
-        toggleInventoryRegion={props.toggleInventoryRegion}
-        inventoryByModel={props.inventoryByModel}
-        expandedInventoryTypes={props.expandedInventoryTypes}
-        toggleInventoryType={props.toggleInventoryType}
-        setVehicleSelection={props.setVehicleSelection}
-      />
-      </div>
-    </div>
-  );
-}