diff --git a/src/App.tsx b/src/App.tsx index f965061..c8e2cd8 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -294,7 +294,7 @@ export default function App() { const mc = !inventoryFilters.city || s.city === inventoryFilters.city; const mb = !inventoryFilters.brand || s.brand === inventoryFilters.brand; const mbt = !inventoryFilters.batch || s.batch === inventoryFilters.batch; - const mm = !inventoryFilters.model || s.model.toLowerCase().includes(inventoryFilters.model.toLowerCase()); + const mm = !inventoryFilters.model || s.model === inventoryFilters.model; return mr && mc && mb && mbt && mm; }), [inventoryData, inventoryFilters]); @@ -336,10 +336,10 @@ export default function App() { // Derived data for customer section const filteredCustomerStats = useMemo(() => customerData.filter((s) => { - const mc = !customerFilters.customer || s.customer.toLowerCase().includes(customerFilters.customer.toLowerCase()); + const mc = !customerFilters.customer || s.customer === customerFilters.customer; const mb = !customerFilters.brand || s.brand === customerFilters.brand; const md = !customerFilters.department || s.department === customerFilters.department; - const mm = !customerFilters.manager || s.manager.toLowerCase().includes(customerFilters.manager.toLowerCase()); + const mm = !customerFilters.manager || s.manager === customerFilters.manager; const mr = !customerFilters.region || s.region === customerFilters.region; return mc && mb && md && mm && mr; }), [customerData, customerFilters]); @@ -360,7 +360,7 @@ export default function App() { // Filtered modal vehicles based on modal filters const filteredModalVehicles = useMemo(() => modalVehicles.filter((v) => { - const mp = !modalFilters.plateNumber || (v.plateNumber || v.vin || '').toLowerCase().includes(modalFilters.plateNumber.toLowerCase()); + const mp = !modalFilters.plateNumber || (v.plateNumber || v.vin) === modalFilters.plateNumber; const mm = !modalFilters.model || v.model === modalFilters.model; const mb = !modalFilters.brand || v.brandLabel === modalFilters.brand; const ml = !modalFilters.location || v.location === modalFilters.location; @@ -368,7 +368,7 @@ export default function App() { }), [modalVehicles, modalFilters]); const filteredModalWeeklyDetail = useMemo(() => modalWeeklyDetail.filter((v) => { - const mp = !modalFilters.plateNumber || v.plate_number.toLowerCase().includes(modalFilters.plateNumber.toLowerCase()); + const mp = !modalFilters.plateNumber || v.plate_number === modalFilters.plateNumber; return mp; }), [modalWeeklyDetail, modalFilters.plateNumber]); @@ -983,11 +983,10 @@ export default function App() {
-
- - setInventoryFilters({...inventoryFilters, model: e.target.value})} className="w-full text-xs bg-white border border-slate-200 rounded-lg pl-7 pr-2 py-1.5 focus:outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 transition-all shadow-sm" /> - {uniqueInventoryModels.map(m => -
+
@@ -1873,11 +1872,10 @@ export default function App() {
-
- - setRegionFilters(prev => ({ ...prev, customer: e.target.value }))} /> - {uniqueCustomerNames.map(c => -
+
@@ -2182,20 +2180,18 @@ export default function App() {
-
- - setCustomerFilters(prev => ({ ...prev, customer: e.target.value }))} /> - {uniqueCustomerNames.map(c => -
+
-
- - setCustomerFilters(prev => ({ ...prev, manager: e.target.value }))} /> - {uniqueCustomerManagers.map(m => -
+
@@ -2469,9 +2465,11 @@ export default function App() {
{/* Quick Search always visible when collapsed */} {!isModalFilterExpanded && ( -
e.stopPropagation()}> - - setModalFilters({...modalFilters, plateNumber: e.target.value})} placeholder="快速搜索车牌..." className="w-full text-[11px] pl-7 pr-2 py-1 bg-white border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 transition-all shadow-sm" /> +
e.stopPropagation()}> +
)}
-
- - setModalFilters({...modalFilters, plateNumber: e.target.value})} className="w-full text-[11px] pl-7 pr-2 py-1.5 bg-white border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 transition-all shadow-sm" /> - {uniqueModalPlates.map(p => -
+