refactor(views): 移除Loading组件并简化指标描述

更新API基础URL为192.168.15.53
调整漏斗图时间选择器默认值和选项顺序
优化KPI卡片显示,移除部分提示图标并简化描述文本
This commit is contained in:
2025-08-23 21:01:06 +08:00
parent 5e29aa77d6
commit d385d22cf5
5 changed files with 10 additions and 23 deletions

View File

@@ -116,7 +116,7 @@ const tooltip = reactive({
const metricDescriptions = {
conversionRate: {
title: '成交率计算方式',
description: '成交单数 ÷ 总线索数 × 100%,反映销售人员将潜在客户转化为实际成交的能力。'
description: '成交单数 ÷ 总线索数 × 100%'
},
totalDeals: {
title: '成交单数计算方式',

View File

@@ -4,8 +4,8 @@
<h3>转化对比图</h3>
<div class="time-selector">
<select v-model="selectedTimeRange" @change="handleTimeRangeChange" class="time-select">
<option value="periods">本期 vs 上期</option>
<option value="month">本月 vs 上月</option>
<option value="periods">本期 vs 上期</option>
</select>
</div>
</div>
@@ -67,7 +67,7 @@ const props = defineProps({
const emit = defineEmits(['time-range-change']);
const selectedTimeRange = ref('periods');
const selectedTimeRange = ref('month');
// 计算属性:当前和上一期的标签
const currentPeriodLabel = computed(() => {

View File

@@ -19,9 +19,6 @@
<div class="card-header">
<span class="card-label">
总成交单数
<span class="info-icon"
@mouseenter="showTooltip($event, 'totalSales')"
@mouseleave="hideTooltip">!</span>
</span>
<span class="card-trend" :class="getTrendClass(kpiData.totalSales.trend)">
{{ formatTrend(kpiData.totalSales.trend) }} vs 上期
@@ -84,10 +81,7 @@
<div class="kpi-card">
<div class="card-header">
<span class="card-label">
新增客户
<span class="info-icon"
@mouseenter="showTooltip($event, 'newCustomers')"
@mouseleave="hideTooltip">!</span>
今日新增客户
</span>
<span class="card-trend" :class="getTrendClass(kpiData.newCustomers.trend)">
{{ formatTrend(kpiData.newCustomers.trend) }} vs 上期
@@ -163,25 +157,21 @@ const tooltip = reactive({
// 指标描述
const metricDescriptions = {
totalSales: {
title: '总成交单数计算方式',
description: '统计公司在选定时间范围内所有已完成的成交订单总数,包括各个中心、各个团队的成交业绩汇总。'
},
depositConversion: {
title: '定金转化率计算方式',
description: '定金转化率 = (支付定金客户数 / 意向客户总数) × 100%,反映从意向客户到付费客户的转化效果。'
description: '定金转化率 = (支付定金客户数 / 意向客户总数) × 100%'
},
totalCalls: {
title: '总通话次数计算方式',
description: '统计公司所有销售人员在选定时间范围内的外呼和接听通话总次数,包括有效通话和无效通话。'
description: '有效通话为接通电话次数,总通话为接通电话次数'
},
newCustomers: {
title: '新增客户计算方式',
description: '统计在选定时间范围内新建档的客户数量,不包括重复录入的客户,按首次录入时间计算。'
description: '统计新建档的客户数量,不包括重复录入的客户,按首次录入时间计算。'
},
conversionRate: {
title: '中心转化率计算方式',
description: '中心转化率 = (成交客户数 / 总客户数) × 100%,反映整体销售转化效果和业务质量。'
title: '转化率计算方式',
description: '转化率 = (成交客户数 / 总客户数) × 100%'
}
};