From 9a39b96316458aef87f2fbf94150f0585a53476a Mon Sep 17 00:00:00 2001
From: v6ole <voole@vip.qq.com>
Date: Mon, 13 Jul 2026 00:01:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AE=A2=E6=88=B7=E7=B1=BB=E5=9E=8BTab?=
 =?UTF-8?q?=E6=94=B9=E4=B8=BA=E8=87=AA=E5=AE=9A=E4=B9=89=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=8C=E5=8C=B9=E9=85=8D=E6=95=B4=E4=BD=93?=
 =?UTF-8?q?=E8=AE=BE=E8=AE=A1=E9=A3=8E=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude <noreply@anthropic.com>
---
 frontend/src/views/desktop/CustomerManage.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/desktop/CustomerManage.vue b/frontend/src/views/desktop/CustomerManage.vue
index 517373d..b163b02 100644
--- a/frontend/src/views/desktop/CustomerManage.vue
+++ b/frontend/src/views/desktop/CustomerManage.vue
@@ -367,10 +367,10 @@ async function handleImport() {
 
     <!-- Type Toggle -->
     <div style="margin-bottom:14px">
-      <el-radio-group v-model="customerType" @change="switchCustomerType">
-        <el-radio-button value="unit">单位客户</el-radio-button>
-        <el-radio-button value="individual">个人用户</el-radio-button>
-      </el-radio-group>
+      <div class="type-tabs">
+        <button :class="['type-tab', { 'type-tab--active': customerType === 'unit' }]" @click="switchCustomerType('unit')">单位客户</button>
+        <button :class="['type-tab', { 'type-tab--active': customerType === 'individual' }]" @click="switchCustomerType('individual')">个人用户</button>
+      </div>
     </div>
 
     <!-- Individual View: 4 Tabs -->
@@ -676,6 +676,12 @@ async function handleImport() {
 .cust-info-item { white-space: nowrap; }
 .cust-info-sep { color: var(--warm-border); margin: 0 6px; }
 .empty-tab { text-align: center; color: var(--c-text-muted); padding: 24px 0 12px; font-size: 13px; }
+.type-tabs { display: inline-flex; border: 1px solid var(--warm-border); }
+.type-tab { padding: 8px 22px; border: none; background: var(--surface); font-family: var(--font-heading); font-size: 14px; color: var(--warm-gray); cursor: pointer; transition: all 0.2s; letter-spacing: 0.04em; }
+.type-tab:not(:last-child) { border-right: 1px solid var(--warm-border); }
+.type-tab:hover { color: var(--ink); }
+.type-tab--active { background: var(--ink); color: #fff; }
+.type-tab--active:hover { color: #fff; }
 .cust-info-card { background: var(--c-bg-light, #faf9f6); border: 1px solid var(--warm-border); border-radius: 6px; padding: 14px 18px; margin-bottom: 4px; }
 .cust-info-name { font-family: var(--font-heading); font-size: 16px; color: var(--ink); letter-spacing: 0.04em; margin-bottom: 6px; }
 </style>