feat(销售驾驶舱): 优化销售时间线标题样式和布局调整

refactor(客户类型): 重构客户类型图表组件,增加数据校验和错误处理

fix(中心概览): 修正中心总业绩单位显示错误

style(路由导航): 添加路由导航时的面包屑和用户信息显示

chore: 移动客户类型组件至正确目录并更新引用路径
This commit is contained in:
2025-08-18 20:44:29 +08:00
parent 8eff57cf05
commit f0ad14e025
7 changed files with 458 additions and 154 deletions

View File

@@ -1,5 +1,10 @@
<template>
<div class="sales-timeline-with-task-list">
<div class="timeline-title-section" style="display: flex; align-items: center; gap: 10px;">
<h2 style="font-size: 18px;margin: 0;">销售时间线</h2>
<span style="font-size: 14px;">客户转化全流程跟踪</span>
</div>
<div class="sales-timeline">
<div class="timeline-container">
<div class="timeline-line"></div>

View File

@@ -1,12 +1,12 @@
<template>
<div class="sales-dashboard">
<!-- 页面加载状态 -->
<Loading :visible="isPageLoading" text="正在加载数据..." />
<!-- <Loading :visible="isPageLoading" text="正在加载数据..." /> -->
<!-- 顶部导航栏 -->
<!-- 数据分析区域 - 独立占据整行 -->
<section class="analytics-section-full">
<!-- 动态顶栏根据是否有路由参数显示不同内容 -->
<!-- 销售时间线区域 -->
<section class="timeline-section">
<div class="section-header">
<!-- 动态顶栏根据是否有路由参数显示不同内容 -->
<!-- 路由跳转时的顶栏面包屑 + 姓名 -->
<div v-if="isRouteNavigation" class="route-header">
<div class="breadcrumb">
@@ -21,32 +21,17 @@
<!-- 自己登录时的顶栏原有样式 -->
<template v-else>
<h1 class="app-title">销售驾驶舱</h1>
<div
class="quick-stats"
style="display: flex; align-items: center; gap: 30px"
>
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;">
<h1 class="app-title">销售驾驶舱</h1>
<div
v-for="(stat, key) in MOCK_DATA.performance"
:key="key"
class="quick-stat-item"
class="quick-stats"
style="display: flex; align-items: center; gap: 30px"
>
<div class="stat-label">
{{ stat.label + ":" + stat.value.toLocaleString() }}
</div>
</div>
<UserDropdown />
</div>
<UserDropdown />
</template>
</div>
</section>
<!-- 销售时间线区域 -->
<section class="timeline-section">
<div class="section-header">
<h2>销售时间线</h2>
<p class="section-subtitle">客户转化全流程跟踪</p>
</div>
<div class="section-content">
<!-- 销售时间线加载状态 -->
<div v-if="isTimelineLoading" class="section-loading">