feat(销售看板): 优化排行榜组件并添加数据格式化逻辑
重构排行榜组件显示布局,移除成交单数显示并突出转化率 添加数据格式化逻辑将API响应转换为组件所需格式 修改客户类型选择器默认值和选项文本 为排行榜组件添加期间变化事件处理
This commit is contained in:
@@ -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(() => {
|
||||
|
||||
Reference in New Issue
Block a user