From 88630398699f8d23a7a1a79c9db846d5e0c77972 Mon Sep 17 00:00:00 2001
From: kkfluous <kkfluous@kdemacbook-air.local>
Date: Sat, 28 Mar 2026 23:41:10 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=AD=9B=E9=80=89=E9=9D=A2=E6=9D=BF?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4X=E5=85=B3=E9=97=AD=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=EF=BC=8C=E5=BA=95=E9=83=A8=E5=8A=A0=E7=A1=AE=E8=AE=A4=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E7=82=B9=E5=87=BB=E5=90=8E=E5=85=B3=E9=97=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 库存/区域/客户三个筛选面板移除X图标
- 底部增加"确认"按钮，点击后关闭面板
- 移除背景遮罩点击关闭，只能通过确认按钮关闭

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/App.tsx | 55 +++++++++++++++++++----------------------------------
 1 file changed, 20 insertions(+), 35 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index f60e661..1ee5bec 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1007,7 +1007,7 @@ export default function App() {
                 <AnimatePresence>
                   {isInventoryFilterOpen && (
                     <>
-                      <div className="fixed inset-0 z-40" onClick={() => setIsInventoryFilterOpen(false)} />
+                      <div className="fixed inset-0 z-40" />
                       <motion.div
                         initial={{ opacity: 0, y: 10, scale: 0.95 }}
                         animate={{ opacity: 1, y: 0, scale: 1 }}
@@ -1016,17 +1016,12 @@ export default function App() {
                       >
                         <div className="flex justify-between items-center mb-4">
                           <h3 className="text-xs font-bold text-slate-800">库存统计 - 数据筛选</h3>
-                          <div className="flex items-center gap-2">
-                            <button
-                              onClick={() => setInventoryFilters({ region: '', city: '', brand: '', batch: '', model: '' })}
-                              className="text-[10px] text-blue-500 hover:underline"
-                            >
-                              重置所有
-                            </button>
-                            <button onClick={() => setIsInventoryFilterOpen(false)} className="text-slate-400 hover:text-slate-600">
-                              <PlusCircle className="rotate-45" size={16} />
-                            </button>
-                          </div>
+                          <button
+                            onClick={() => setInventoryFilters({ region: '', city: '', brand: '', batch: '', model: '' })}
+                            className="text-[10px] text-blue-500 hover:underline"
+                          >
+                            重置所有
+                          </button>
                         </div>
 
                         <div className="space-y-3 text-left">
@@ -1056,6 +1051,7 @@ export default function App() {
                             <SearchSelect value={inventoryFilters.model} onChange={(v) => setInventoryFilters({...inventoryFilters, model: v})} options={uniqueInventoryModels} placeholder="全部车型" />
                           </div>
                         </div>
+                        <button onClick={() => setIsInventoryFilterOpen(false)} className="w-full mt-4 py-2 bg-blue-600 text-white rounded-lg text-xs font-bold hover:bg-blue-700 transition-colors">确认</button>
                       </motion.div>
                     </>
                   )}
@@ -1914,7 +1910,7 @@ export default function App() {
               <AnimatePresence>
                 {isRegionFilterOpen && (
                   <>
-                    <div className="fixed inset-0 z-40" onClick={() => setIsRegionFilterOpen(false)} />
+                    <div className="fixed inset-0 z-40" />
                     <motion.div 
                       initial={{ opacity: 0, y: 10, scale: 0.95 }}
                       animate={{ opacity: 1, y: 0, scale: 1 }}
@@ -1923,17 +1919,12 @@ export default function App() {
                     >
                       <div className="flex items-center justify-between mb-4">
                         <h3 className="text-sm font-bold text-gray-900">区域筛选</h3>
-                        <div className="flex items-center gap-2">
-                          <button
-                            onClick={() => setRegionFilters({ region: '', city: '', customer: '' })}
-                            className="text-[10px] text-slate-600 hover:text-slate-700 font-medium"
-                          >
-                            重置所有
-                          </button>
-                          <button onClick={() => setIsRegionFilterOpen(false)} className="text-slate-400 hover:text-slate-600 sm:hidden">
-                            <PlusCircle className="rotate-45" size={16} />
-                          </button>
-                        </div>
+                        <button
+                          onClick={() => setRegionFilters({ region: '', city: '', customer: '' })}
+                          className="text-[10px] text-slate-600 hover:text-slate-700 font-medium"
+                        >
+                          重置所有
+                        </button>
                       </div>
 
                       <div className="space-y-4">
@@ -1959,7 +1950,7 @@ export default function App() {
                           </div>
                         </div>
                       </div>
-
+                      <button onClick={() => setIsRegionFilterOpen(false)} className="w-full mt-4 py-2 bg-slate-800 text-white rounded-lg text-xs font-bold hover:bg-slate-900 transition-colors">确认</button>
                     </motion.div>
                   </>
                 )}
@@ -2213,11 +2204,8 @@ export default function App() {
               <AnimatePresence>
                 {isCustomerFilterOpen && (
                   <>
-                    {/* Backdrop for closing */}
-                    <div 
-                      className="fixed inset-0 z-40" 
-                      onClick={() => setIsCustomerFilterOpen(false)}
-                    />
+                    {/* Backdrop */}
+                    <div className="fixed inset-0 z-40" />
                     
                     {/* Popover Content */}
                     <motion.div
@@ -2235,12 +2223,9 @@ export default function App() {
                           >
                             重置所有
                           </button>
-                          <button onClick={() => setIsCustomerFilterOpen(false)} className="text-slate-400 hover:text-slate-600 sm:hidden">
-                            <PlusCircle className="rotate-45" size={16} />
-                          </button>
                         </div>
                       </div>
-                      
+
                       <div className="space-y-4">
                         <div className="space-y-1.5">
                           <label className="text-[10px] font-bold text-gray-400 uppercase tracking-wider">客户名称</label>
@@ -2276,7 +2261,7 @@ export default function App() {
                           </div>
                         </div>
                       </div>
-
+                      <button onClick={() => setIsCustomerFilterOpen(false)} className="w-full mt-4 py-2 bg-emerald-600 text-white rounded-lg text-xs font-bold hover:bg-emerald-700 transition-colors">确认</button>
                     </motion.div>
                   </>
                 )}