风险与内控管理优化: 异常账单服务端分页/筛选/收银员搜索/合计, 收银员TOP15按异常账单数排序, 双击跳转明细, MonthPicker靠右, 侧边栏底部间距

client/src/pages/StorePage.tsx

@@ -12,37 +12,37 @@ export function StorePage() {
   const [executeText, setExecuteText] = useState('')
   const [activeTaskId, setActiveTaskId] = useState<number | null>(null)
   const [storeCode, setStoreCode] = useState('1111')
-  const [month, setMonth] = useState('2026-05')
+  const [month, setMonth] = useState('2026-04')
 
   const { data: storesData, isLoading: storesLoading } = useQuery({
-    queryKey: ['stores-list'],
-    queryFn: () => api.get('/stores/risk'),
+    queryKey: ['stores-list', month],
+    queryFn: () => api.get('/stores/risk', { params: { month } }),
   })
   const stores = ((storesData as any)?.data || []).map((s: any) => ({ code: s.store_code, name: s.store_name, risk: s.risk_level, issue: s.primary_issue }))
 
   const { data: priorityData } = useQuery({
-    queryKey: ['stores-priority-detail'],
-    queryFn: () => api.get('/stores/priority'),
+    queryKey: ['stores-priority-detail', month],
+    queryFn: () => api.get('/stores/priority', { params: { month } }),
   })
 
   const { data: cardData, isLoading: cardLoading } = useQuery({
-    queryKey: ['store', storeCode, 'daily-card'],
-    queryFn: () => api.get(`/tasks/stores/${storeCode}/daily-card`),
+    queryKey: ['store', storeCode, 'daily-card', month],
+    queryFn: () => api.get(`/tasks/stores/${storeCode}/daily-card`, { params: { month } }),
   })
 
   const { data: tasksData, isLoading: tasksLoading } = useQuery({
-    queryKey: ['store', storeCode, 'tasks'],
+    queryKey: ['store', storeCode, 'tasks', month],
     queryFn: () => api.get('/tasks', { params: { store_code: storeCode, month, page_size: 50 } }),
   })
 
   const { data: dailyData, isLoading: dailyLoading } = useQuery({
-    queryKey: ['store', storeCode, 'daily'],
+    queryKey: ['store', storeCode, 'daily', month],
     queryFn: () => api.get(`/stores/${storeCode}/daily`, { params: { month } }),
   })
 
   const { data: followupData, isLoading: followupLoading } = useQuery({
-    queryKey: ['store', storeCode, 'followup'],
-    queryFn: () => api.get('/tasks/followup'),
+    queryKey: ['store', storeCode, 'followup', month],
+    queryFn: () => api.get('/tasks/followup', { params: { month } }),
   })
 
   const { data: skuData } = useQuery({
@@ -153,7 +153,7 @@ export function StorePage() {
         {/* 经营概览 */}
         <div className="rounded-lg border bg-card p-4">
           <div className="mb-3 flex items-center justify-between">
-            <h2 className="text-sm font-bold">最新经营概览（5月1日）</h2>
+            <h2 className="text-sm font-bold">最新经营概览（{month}）</h2>
             {anomalyCount > 0 && (
               <span className="rounded-md bg-red-100 px-2 py-0.5 text-xs font-medium text-red-700">{anomalyCount} 项异常</span>
             )}