From aecd06818db3a4b7722d70f63e67faec6ab2fd9e Mon Sep 17 00:00:00 2001
From: freedakgmail <freedak.gemini@gmail.com>
Date: Thu, 30 Jul 2026 09:59:30 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=80=BB=E9=83=A8=E9=A9=BE=E9=A9=B6?=
 =?UTF-8?q?=E8=88=B1=E5=A2=9E=E5=8A=A0=E5=88=A9=E6=B6=A6=E4=B8=8E=E6=88=90?=
 =?UTF-8?q?=E6=9C=AC=E6=8C=87=E6=A0=87=E5=8C=BA=20-=20=E9=A3=9F=E6=9D=90?=
 =?UTF-8?q?=E6=88=90=E6=9C=AC/=E7=BB=8F=E8=90=A5=E8=B4=B9=E7=94=A8/?=
 =?UTF-8?q?=E8=B4=A1=E7=8C=AE=E5=88=A9=E6=B6=A6/=E8=B4=B9=E7=94=A8?=
 =?UTF-8?q?=E7=8E=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/DashboardPage.tsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/client/src/pages/DashboardPage.tsx b/client/src/pages/DashboardPage.tsx
index a520b94..8c830fd 100644
--- a/client/src/pages/DashboardPage.tsx
+++ b/client/src/pages/DashboardPage.tsx
@@ -58,9 +58,15 @@ export function DashboardPage() {
     queryFn: () => api.get('/situational-awareness/alerts'),
   })
 
+  const { data: expenseData } = useQuery({
+    queryKey: ['store-expense/overview'],
+    queryFn: () => api.get('/store-expense/overview'),
+  })
+
   const pageLoading = odLoading || dailyLoading || riskLoading || priorityLoading || loopLoading
 
   const od = (overview as any)?.data
+  const ex = (expenseData as any)?.data
   const riskRows = (riskData as any)?.data || []
   const priorityRows = (priorityData as any)?.data || []
   const dailyRows = (daily as any)?.data || []
@@ -182,6 +188,24 @@ export function DashboardPage() {
         </div>
       </CollapsibleSection>
 
+      {/* 利润与成本 */}
+      {ex && (
+        <CollapsibleSection title="利润与成本" subtitle="食材成本、人工房租、门店贡献利润等财务指标">
+          <div className="grid grid-cols-2 gap-3 md:grid-cols-4">
+            <MetricCard title="食材成本" value={ex.total_food_cost} format="currency" description="全部门店实际食材成本合计" />
+            <MetricCard title="经营费用" value={ex.total_expense} format="currency" description={`人工 ${formatCurrency(ex.total_wage)} · 房租 ${formatCurrency(ex.total_rent)} · 水电 ${formatCurrency(ex.total_utility)}`} />
+            <MetricCard title="门店贡献利润" value={ex.total_contribution} format="currency" description={`贡献率 ${formatPercent(ex.overall_contribution_rate_pct)} · 盈利 ${ex.profitable_stores}家 / 亏损 ${ex.loss_stores}家`} />
+            <MetricCard title="费用率" value={ex.overall_expense_rate_pct} format="percent" description={`人工 ${formatPercent(ex.overall_wage_rate_pct)} · 房租 ${formatPercent(ex.overall_rent_rate_pct)} · 水电 ${formatPercent(ex.overall_utility_rate_pct)}`} />
+          </div>
+          <div className="mt-3 grid grid-cols-2 gap-3 md:grid-cols-4">
+            <MetricCard title="人工费用" value={ex.total_wage} format="currency" description={`占实收 ${formatPercent(ex.overall_wage_rate_pct)}`} />
+            <MetricCard title="房租费用" value={ex.total_rent} format="currency" description={`占实收 ${formatPercent(ex.overall_rent_rate_pct)}`} />
+            <MetricCard title="水电费用" value={ex.total_utility} format="currency" description={`占实收 ${formatPercent(ex.overall_utility_rate_pct)}`} />
+            <MetricCard title="外卖佣金" value={ex.total_commission} format="currency" description="外卖平台佣金合计" />
+          </div>
+        </CollapsibleSection>
+      )}
+
       {/* 闭环健康度 */}
       {lh && (
         <CollapsibleSection