feat(销售看板): 优化排行榜组件并添加数据格式化逻辑

重构排行榜组件显示布局,移除成交单数显示并突出转化率
添加数据格式化逻辑将API响应转换为组件所需格式
修改客户类型选择器默认值和选项文本
为排行榜组件添加期间变化事件处理
This commit is contained in:
2025-08-18 11:49:14 +08:00
parent 525b238c62
commit ca3df35ff9
5 changed files with 407 additions and 41 deletions

View File

@@ -4,7 +4,7 @@
<h3>客户类型占比</h3>
<select v-model="customerTypeCategory" @change="handleCategoryChange" class="chart-select">
<option value="profession">职业</option>
<option value="childGrade">孩子年级</option>
<option value="childGrade">年级</option>
<option value="region">地域</option>
</select>
</div>
@@ -32,7 +32,7 @@ const emit = defineEmits(['categoryChange'])
const customerTypeChartRef = ref(null);
let customerTypeChart = null;
const customerTypeCategory = ref('profession');
const customerTypeCategory = ref('childGrade');
// 计算属性将API数据转换为图表所需格式
const chartData = computed(() => {