|
|
@@ -10,23 +10,23 @@
|
|
|
|
|
|
<!-- Stats -->
|
|
|
<div class="stat-row">
|
|
|
- <div class="stat-card-lg" @click="filterTab = 'all'">
|
|
|
+ <div class="stat-card-lg"> <!-- @click="filterTab = 'all'" -->
|
|
|
<div class="stat-icon-lg blue"><i class="fas fa-users"></i></div>
|
|
|
<div class="stat-content-lg"><h3>{{ customerStats.total }}</h3><p>总客户数</p></div>
|
|
|
</div>
|
|
|
- <div class="stat-card-lg" @click="filterTab = 'prospect'">
|
|
|
+ <div class="stat-card-lg"><!-- @click="filterTab = 'prospect'" -->
|
|
|
<div class="stat-icon-lg purple"><i class="fas fa-user-clock"></i></div>
|
|
|
<div class="stat-content-lg"><h3>{{ customerStats.prospect }}</h3><p>潜在客户</p></div>
|
|
|
</div>
|
|
|
- <div class="stat-card-lg" @click="filterTab = 'intent'">
|
|
|
+ <div class="stat-card-lg"><!-- @click="filterTab = 'intent'" -->
|
|
|
<div class="stat-icon-lg orange"><i class="fas fa-star"></i></div>
|
|
|
<div class="stat-content-lg"><h3>{{ customerStats.intent }}</h3><p>意向客户</p></div>
|
|
|
</div>
|
|
|
- <div class="stat-card-lg" @click="filterTab = 'deal'">
|
|
|
+ <div class="stat-card-lg"><!-- @click="filterTab = 'deal'" -->
|
|
|
<div class="stat-icon-lg green"><i class="fas fa-handshake"></i></div>
|
|
|
<div class="stat-content-lg"><h3>{{ customerStats.deal }}</h3><p>成交客户</p></div>
|
|
|
</div>
|
|
|
- <div class="stat-card-lg" @click="filterTab = 'silent'">
|
|
|
+ <div class="stat-card-lg"><!-- @click="filterTab = 'silent'" -->
|
|
|
<div class="stat-icon-lg" style="background: rgba(148, 163, 184, 0.2); color: var(--text-secondary);"><i class="fas fa-moon"></i></div>
|
|
|
<div class="stat-content-lg"><h3>{{ customerStats.silent }}</h3><p>沉默客户</p></div>
|
|
|
</div>
|
|
|
@@ -169,7 +169,7 @@
|
|
|
<i class="fas fa-envelope"></i>
|
|
|
<div class="contact-content">
|
|
|
<div class="contact-label">邮箱</div>
|
|
|
- <div class="contact-value">{{ selectedCustomer.liaison?.email }}</div>
|
|
|
+ <div class="contact-value">{{ selectedCustomer.customerCompany?.email }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="contact-item">
|
|
|
@@ -518,8 +518,8 @@ const handleAddCustomer = (customerData) => {
|
|
|
.data-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
|
|
|
.data-title { font-size: 20px; font-weight: 600; }
|
|
|
.stat-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-bottom: 24px; }
|
|
|
-.stat-card-lg { display: flex; align-items: center; gap: 14px; padding: 18px; background: var(--bg-card); border-radius: 14px; border: 1px solid var(--border); cursor: pointer; transition: all 0.2s; }
|
|
|
-.stat-card-lg:hover { border-color: var(--primary); }
|
|
|
+.stat-card-lg { display: flex; align-items: center; gap: 14px; padding: 18px; background: var(--bg-card); border-radius: 14px; border: 1px solid var(--border); cursor: auto; transition: all 0.2s; }
|
|
|
+/* .stat-card-lg:hover { border-color: var(--primary); } */
|
|
|
.stat-icon-lg { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; background: rgba(99, 102, 241, 0.2); color: var(--primary); }
|
|
|
.stat-icon-lg.green { background: rgba(16, 185, 129, 0.2); color: var(--success); }
|
|
|
.stat-icon-lg.purple { background: rgba(139, 92, 246, 0.2); color: var(--secondary); }
|
