From 3e4122caecedd43f0bd649ee2806a5bee81b11be Mon Sep 17 00:00:00 2001
From: kkfluous <kkfluous@kdemacbook-air.local>
Date: Sun, 29 Mar 2026 09:39:10 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=8E=BB=E9=99=A4=E5=AE=A2=E6=88=B7Tab?=
 =?UTF-8?q?=E7=9A=84=E9=A5=BC=E5=9B=BE=EF=BC=88=E5=AE=A2=E6=88=B7=E8=BF=90?=
 =?UTF-8?q?=E8=90=A5=E5=9C=B0=E5=8C=BA=E5=8D=A0=E6=AF=94=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/App.tsx b/src/App.tsx
index 1add586..0ea49ac 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2200,80 +2200,6 @@ export default function App() {
 
         {tabReady && activeTab === 'customer' && (
         <div className="flex flex-col gap-6">
-          {/* Customer Region Distribution Chart */}
-          <section className="bg-white rounded-2xl shadow-sm border border-gray-100 p-4 sm:p-6">
-            <div className="flex items-center justify-between mb-5">
-              <div className="flex items-center gap-3">
-                <div className="w-1.5 h-6 bg-emerald-500 rounded-full"></div>
-                <h2 className="text-lg font-bold text-gray-800">客户运营地区占比</h2>
-              </div>
-              <div className="flex items-center bg-gray-100 rounded-lg p-0.5">
-                <button
-                  onClick={() => setCustomerChartView('region')}
-                  className={`px-3 py-1 text-xs font-medium rounded-md transition-all ${customerChartView === 'region' ? 'bg-white text-emerald-600 shadow-sm' : 'text-gray-400 hover:text-gray-600'}`}
-                >按区域</button>
-                <button
-                  onClick={() => setCustomerChartView('province')}
-                  className={`px-3 py-1 text-xs font-medium rounded-md transition-all ${customerChartView === 'province' ? 'bg-white text-emerald-600 shadow-sm' : 'text-gray-400 hover:text-gray-600'}`}
-                >按省份</button>
-              </div>
-            </div>
-            {(() => {
-              const PIE_COLORS = ['#6366f1','#06b6d4','#f59e0b','#f43f5e','#10b981','#a855f7','#94a3b8'];
-              const pieData = customerPieData;
-              const grandTotal = pieData.reduce((s,d) => s + d.value, 0);
-              return (
-                <div className="flex flex-col sm:flex-row gap-4 sm:gap-8 items-center">
-                  {/* Donut chart */}
-                  <div className="relative flex-shrink-0" style={{ width: 200, height: 200 }}>
-                    <ResponsiveContainer width="100%" height="100%">
-                      <PieChart>
-                        <Pie
-                          data={pieData}
-                          cx="50%" cy="50%"
-                          innerRadius={68} outerRadius={90}
-                          paddingAngle={3}
-                          startAngle={90} endAngle={-270}
-                          dataKey="value"
-                        >
-                          {pieData.map((_, i) => (
-                            <Cell key={i} fill={PIE_COLORS[i % PIE_COLORS.length]} stroke="white" strokeWidth={2} />
-                          ))}
-                        </Pie>
-                        <Tooltip
-                          formatter={(value) => [`${value} 辆`, '']}
-                          contentStyle={{ borderRadius: '10px', border: 'none', boxShadow: '0 8px 24px -4px rgba(0,0,0,0.12)', fontSize: 12 }}
-                        />
-                      </PieChart>
-                    </ResponsiveContainer>
-                    {/* Center label */}
-                    <div className="absolute inset-0 flex flex-col items-center justify-center pointer-events-none">
-                      <span className="text-2xl font-bold text-gray-800">{grandTotal}</span>
-                      <span className="text-xs text-gray-400 mt-0.5">辆</span>
-                    </div>
-                  </div>
-                  {/* Custom legend */}
-                  <div className="flex-1 w-full space-y-2.5">
-                    {pieData.map((item, i) => {
-                      const pct = grandTotal > 0 ? (item.value / grandTotal * 100) : 0;
-                      const color = PIE_COLORS[i % PIE_COLORS.length];
-                      return (
-                        <div key={i} className="flex items-center gap-2.5">
-                          <div className="w-2.5 h-2.5 rounded-full flex-shrink-0" style={{ background: color }} />
-                          <span className="text-sm text-gray-600 flex-1 min-w-0 truncate">{item.name}</span>
-                          <div className="w-20 h-1.5 bg-gray-100 rounded-full overflow-hidden flex-shrink-0">
-                            <div className="h-full rounded-full transition-all" style={{ width: `${pct}%`, background: color }} />
-                          </div>
-                          <span className="text-xs font-semibold text-gray-700 w-6 text-right flex-shrink-0">{item.value}</span>
-                          <span className="text-xs text-gray-400 w-9 text-right flex-shrink-0">{pct.toFixed(1)}%</span>
-                        </div>
-                      );
-                    })}
-                  </div>
-                </div>
-              );
-            })()}
-          </section>
 
         {/* Customer Operations Statistics Section */}
         <section className="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden mb-6 min-h-[420px]">