|
@@ -290,10 +290,10 @@
|
|
|
<div class="customer-source" v-if="customerList.length != 0">
|
|
<div class="customer-source" v-if="customerList.length != 0">
|
|
|
<h5><i class="fas fa-chart-pie"></i> 客户来源分布</h5>
|
|
<h5><i class="fas fa-chart-pie"></i> 客户来源分布</h5>
|
|
|
<div class="source-bars">
|
|
<div class="source-bars">
|
|
|
- <div class="source-item" v-for="(item) in sourceData">
|
|
|
|
|
|
|
+ <div class="source-item" v-for="(item, index) in sourceData">
|
|
|
<span class="source-label">{{ item.sourceLabel }}</span>
|
|
<span class="source-label">{{ item.sourceLabel }}</span>
|
|
|
<div class="source-bar">
|
|
<div class="source-bar">
|
|
|
- <div class="source-fill" :style="{ width: item.ratio + '%', background: 'var(--success)' }"></div>
|
|
|
|
|
|
|
+ <div class="source-fill" :style="{ width: item.ratio + '%', background: sourceColor[index] }"></div>
|
|
|
</div>
|
|
</div>
|
|
|
<span class="source-value">{{ item.ratio }}%</span>
|
|
<span class="source-value">{{ item.ratio }}%</span>
|
|
|
</div>
|
|
</div>
|
|
@@ -1179,6 +1179,7 @@
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ const sourceColor = ['#6366F1', '#F59E0B', '#10B981', '#EF4444', '#3B82F6', '#8B5CF6', '#F43F5E', '#14B8A6', '#F97316', '#EAB308']
|
|
|
const getSource = () => {
|
|
const getSource = () => {
|
|
|
let params = {
|
|
let params = {
|
|
|
idList: customerList.value.map(item => item.id).join(',')
|
|
idList: customerList.value.map(item => item.id).join(',')
|