From 93febd0964b6a564fad6332c47b395217f8efbe4 Mon Sep 17 00:00:00 2001
From: lbw_9527443 <780139497@qq.com>
Date: Mon, 13 Oct 2025 15:59:48 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E9=94=80=E5=94=AE=E6=BC=8F=E6=96=97):=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=9B=A2=E9=98=9F=E9=94=80=E5=94=AE=E6=BC=8F?=
 =?UTF-8?q?=E6=96=97=E5=8A=9F=E8=83=BD=E5=B9=B6=E9=9B=86=E6=88=90=E5=88=B0?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在api模块添加getTeamSalesFunnel接口
- GroupRanking组件新增teamSalesFunnel属性监听
- seniorManager页面集成销售漏斗数据获取和传递
- 实现销售漏斗数据自动更新图表功能
---
 my-vue-app/src/api/senorManger.js             |  8 +++-
 .../senorManger/components/GroupRanking.vue   | 24 +++++++++++-
 .../src/views/senorManger/seniorManager.vue   | 39 ++++++++++++++++++-
 3 files changed, 67 insertions(+), 4 deletions(-)

diff --git a/my-vue-app/src/api/senorManger.js b/my-vue-app/src/api/senorManger.js
index 2a0319c..d965f61 100644
--- a/my-vue-app/src/api/senorManger.js
+++ b/my-vue-app/src/api/senorManger.js
@@ -45,14 +45,18 @@ export const getTimeoutRate = (params) => {
 export const getTableFillingRate = (params) => {
   return https.post('/api/v1/level_three/overview/table_filling_rate', params)
 }
-// 销售漏斗 
+
+// 销售漏斗 /api/v1/level_three/overview/team_sales_funnel
+export const getTeamSalesFunnel = (params) => {
+  return https.post('/api/v1/level_three/overview/team_sales_funnel', params)
+}
 
 // 客户迫切解决的问题   /api/v1/level_three/overview/urgent_need_to_address
 export const getUrgentNeedToAddress = (params) => {
   return https.post('/api/v1/level_three/overview/urgent_need_to_address', params)
 }
 
-// 团队业绩排名 /api/v1/level_three/overview/team_ranking
+// 团队业绩排名  /api/v1/level_three/overview/team_ranking
 export const getTeamRanking = (params) => {
   return https.post('/api/v1/level_three/overview/team_ranking', params)
 }
diff --git a/my-vue-app/src/views/senorManger/components/GroupRanking.vue b/my-vue-app/src/views/senorManger/components/GroupRanking.vue
index 6aef41d..fa678ab 100644
--- a/my-vue-app/src/views/senorManger/components/GroupRanking.vue
+++ b/my-vue-app/src/views/senorManger/components/GroupRanking.vue
@@ -13,13 +13,17 @@
 </template>
 
 <script setup>
-import { ref, reactive, onMounted, onBeforeUnmount } from 'vue'
+import { ref, reactive, onMounted, onBeforeUnmount, watch, nextTick } from 'vue'
 import Chart from 'chart.js/auto'
 
 const props = defineProps({
   selectedGroup: {
     type: Object,
     default: null
+  },
+  teamSalesFunnel: {
+    type: Object,
+    default: () => ({})
   }
 })
 
@@ -35,6 +39,19 @@ const funnelData = reactive({
   data: [120, 90, 45, 18, 10],
 })
 
+// 监听teamSalesFunnel变化并更新图表数据
+watch(() => props.teamSalesFunnel, (newVal) => {
+  if (newVal && Object.keys(newVal).length > 0) {
+    // 按照固定顺序提取数据
+    const order = ['线索', '加微', '到课', '定金', '成交']
+    funnelData.data = order.map(key => newVal[key] || 0)
+    // 确保在DOM更新后再更新图表
+    nextTick(() => {
+      renderPersonalFunnelChart()
+    })
+  }
+}, { deep: true })
+
 // Chart.js: 创建或更新图表
 const createOrUpdateChart = (chartId, canvasRef, config) => {
   if (chartInstances[chartId]) {
@@ -72,6 +89,11 @@ const renderPersonalFunnelChart = () => {
 
 // 生命周期钩子
 onMounted(() => {
+  // 处理初始传入的teamSalesFunnel数据
+  if (props.teamSalesFunnel && Object.keys(props.teamSalesFunnel).length > 0) {
+    const order = ['线索', '加微', '到课', '定金', '成交']
+    funnelData.data = order.map(key => props.teamSalesFunnel[key] || 0)
+  }
   renderPersonalFunnelChart()
 })
 
diff --git a/my-vue-app/src/views/senorManger/seniorManager.vue b/my-vue-app/src/views/senorManger/seniorManager.vue
index 7b43b97..d83c9e7 100644
--- a/my-vue-app/src/views/senorManger/seniorManager.vue
+++ b/my-vue-app/src/views/senorManger/seniorManager.vue
@@ -70,6 +70,7 @@
         <div v-if="cardVisibility.groupRanking" class="left-section">
           <GroupRanking 
             :groups="groups"
+            :teamSalesFunnel="teamSalesFunnel"
             :selected-group="selectedGroup"
             @select-group="selectGroup"
           />
@@ -201,7 +202,7 @@ import UserDropdown from '@/components/UserDropdown.vue'
 import Loading from '@/components/Loading.vue'
 import { getOverallTeamPerformance,getTotalGroupCount,getConversionRate,getTotalCallCount,
          getNewCustomer,getDepositConversionRate,getActiveCustomerCommunicationRate,getAverageAnswerTime,
-         getTimeoutRate,getTableFillingRate,getUrgentNeedToAddress,getTeamRanking,getTeamRankingInfo,getAbnormalResponseRate } from '@/api/senorManger.js'  
+         getTimeoutRate,getTableFillingRate,getUrgentNeedToAddress,getTeamRanking,getTeamRankingInfo,getAbnormalResponseRate,getTeamSalesFunnel } from '@/api/senorManger.js'  
 
 import { useUserStore } from '@/stores/user.js'
 import FeedbackForm from "@/components/FeedbackForm.vue";
@@ -534,6 +535,41 @@ const statisticalIndicators = ref({
   formCompletionRate: 0,
 })
 
+// 销售漏斗
+const teamSalesFunnel = ref({})
+async function GetTeamSalesFunnel() {
+    const params = getRequestParams()
+  const hasParams = params.user_name
+  const requestParams = hasParams ? {
+    ...params,
+    check_type: CheckType.value
+  } : {check_type: CheckType.value}
+  const res = await getTeamSalesFunnel(requestParams)
+  if (res.code === 200) {
+    teamSalesFunnel.value = res.data
+    /**
+     * data
+: 
+{线索: 738, 加微: 404, 到课: 942, 定金: 43, 成交: 57}
+到课
+: 
+942
+加微
+: 
+404
+定金
+: 
+43
+成交
+: 
+57
+线索
+: 
+738
+     */
+  }
+}
+
 // 团队异常  
 const teamAlerts = ref({})
 // 异常预警
@@ -742,6 +778,7 @@ onMounted(async ()=>{
     await fetchOverallTeamPerformance()
     await fetchActiveGroups()
     await fetchConversionRate()
+    await GetTeamSalesFunnel()
     await fetchTotalCallCount()
     await fetchNewCustomers()
     await fetchDepositConversions()