feat(manager): 添加经理模块API及更新团队报表组件

- 新增manager.js包含团队管理相关API接口
- 更新TeamReport.vue中的报表卡片内容和对比周期
- 在manager.vue中添加useUserStore导入并调整sale组件样式
This commit is contained in:
2025-08-13 21:44:41 +08:00
parent 9cd3cc7167
commit 10fdf11026
3 changed files with 52 additions and 8 deletions

View File

@@ -5,42 +5,42 @@
<div class="report-card">
<div class="card-header">
<span class="card-title">团队总通话</span>
<span class="card-trend positive">+10% vs 昨日</span>
<span class="card-trend positive">+10% vs 上期</span>
</div>
<div class="card-value">873 </div>
</div>
<div class="report-card">
<div class="card-header">
<span class="card-title">有效通话时长</span>
<span class="card-trend negative">-5% vs 昨日</span>
<span class="card-trend negative">-5% vs 上期</span>
</div>
<div class="card-value">25.4 小时</div>
</div>
<div class="report-card">
<div class="card-header">
<span class="card-title">新增意向客户</span>
<span class="card-trend positive">+15% vs 昨日</span>
<span class="card-trend positive">+15% vs 上期</span>
</div>
<div class="card-value">43 </div>
</div>
<div class="report-card">
<div class="card-header">
<span class="card-title">新增成交</span>
<span class="card-trend positive">+20% vs 昨日</span>
<span class="card-trend positive">+20% vs 上期</span>
</div>
<div class="card-value">12 </div>
</div>
<div class="report-card">
<div class="card-header">
<span class="card-title">总业绩</span>
<span class="card-trend positive">+8% vs 昨日</span>
<span class="card-trend positive">+8% vs 上期</span>
</div>
<div class="card-value">65,000 </div>
</div>
<div class="report-card">
<div class="card-header">
<span class="card-title">团队人均产出</span>
<span class="card-trend positive">+9% vs 昨日</span>
<span class="card-title">定金转化率</span>
<span class="card-trend positive">+9% vs 上期</span>
</div>
<div class="card-value">13,000 </div>
</div>

View File

@@ -11,7 +11,7 @@
"
>
<!-- 经理个人看板 -->
<sale>
<sale style="width: 100%;">
</sale>
<!-- 经理团队看板 -->
<h1>经理团队看板</h1>
@@ -58,6 +58,7 @@ import Sale from "../person/Sale.vue";
import SalesTimelineWithTaskList from "../person/components/SalesTimelineWithTaskList.vue";
import RawDataCards from "../person/components/RawDataCards.vue";
import CustomerDetail from "../person/components/CustomerDetail.vue";
import { useUserStore } from "@/stores/user";
// 团队成员数据
const teamMembers = [