refactor(views): 移除Loading组件并简化指标描述
更新API基础URL为192.168.15.53 调整漏斗图时间选择器默认值和选项顺序 优化KPI卡片显示,移除部分提示图标并简化描述文本
This commit is contained in:
@@ -5,7 +5,7 @@ import { useUserStore } from '@/stores/user'
|
||||
|
||||
// 创建axios实例
|
||||
const service = axios.create({
|
||||
baseURL: 'http://192.168.15.54:8890' || '', // API基础路径,支持完整URL
|
||||
baseURL: 'http://192.168.15.53:8890' || '', // API基础路径,支持完整URL
|
||||
timeout: 100000, // 请求超时时间
|
||||
headers: {
|
||||
'Content-Type': 'application/json;charset=UTF-8'
|
||||
|
||||
@@ -148,9 +148,6 @@
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Loading组件 -->
|
||||
<Loading :visible="isLoading" text="正在加载数据..." />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -116,7 +116,7 @@ const tooltip = reactive({
|
||||
const metricDescriptions = {
|
||||
conversionRate: {
|
||||
title: '成交率计算方式',
|
||||
description: '成交单数 ÷ 总线索数 × 100%,反映销售人员将潜在客户转化为实际成交的能力。'
|
||||
description: '成交单数 ÷ 总线索数 × 100%'
|
||||
},
|
||||
totalDeals: {
|
||||
title: '成交单数计算方式',
|
||||
|
||||
@@ -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(() => {
|
||||
|
||||
@@ -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%'
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user