v6ole/qiji
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 客户类型Tab改为自定义按钮样式，匹配整体设计风格

Browse Source 
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
v6ole
2026-07-13 00:01:02 +08:00
parent 83c87cad3d
commit 9a39b96316
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/desktop/CustomerManage.vue
+10 -4
View File
@@ -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>