feat(销售驾驶舱): 优化销售时间线标题样式和布局调整
refactor(客户类型): 重构客户类型图表组件,增加数据校验和错误处理 fix(中心概览): 修正中心总业绩单位显示错误 style(路由导航): 添加路由导航时的面包屑和用户信息显示 chore: 移动客户类型组件至正确目录并更新引用路径
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user