From 5f706507ddae2feda827a3c0876ac15fb3149a47 Mon Sep 17 00:00:00 2001 From: lbw_9527443 <780139497@qq.com> Date: Fri, 15 Aug 2025 18:06:29 +0800 Subject: [PATCH] =?UTF-8?q?feat(secondTop):=20=E5=A2=9E=E5=8A=A0=E5=9B=A2?= =?UTF-8?q?=E9=98=9F=E4=B8=9A=E7=BB=A9=E8=AF=A6=E6=83=85=E5=8A=9F=E8=83=BD?= =?UTF-8?q?=E5=B9=B6=E8=B0=83=E6=95=B4=E6=9F=B1=E7=8A=B6=E5=9B=BE=E5=AE=BD?= =?UTF-8?q?=E5=BA=A6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 在secondTop.vue中添加团队业绩详情数据获取和展示功能 - 修改GroupRanking.vue中柱状图宽度从20px调整为35px --- .../secondTop/components/GroupRanking.vue | 2 +- my-vue-app/src/views/secondTop/secondTop.vue | 160 +++++++++++++++++- 2 files changed, 160 insertions(+), 2 deletions(-) diff --git a/my-vue-app/src/views/secondTop/components/GroupRanking.vue b/my-vue-app/src/views/secondTop/components/GroupRanking.vue index bc24923..cfa0b13 100644 --- a/my-vue-app/src/views/secondTop/components/GroupRanking.vue +++ b/my-vue-app/src/views/secondTop/components/GroupRanking.vue @@ -280,7 +280,7 @@ const yAxisLabels = ref(['100%', '80%', '60%', '40%', '20%', '0%']) } .bar { - width: 20px; + width: 35px; min-height: 2px; border-radius: 2px 2px 0 0; transition: all 0.3s ease; diff --git a/my-vue-app/src/views/secondTop/secondTop.vue b/my-vue-app/src/views/secondTop/secondTop.vue index 8cd1569..ce283c3 100644 --- a/my-vue-app/src/views/secondTop/secondTop.vue +++ b/my-vue-app/src/views/secondTop/secondTop.vue @@ -401,12 +401,170 @@ const conversionRateVsAverage = ref({}) } } + // 团队业绩详情数据 + const groupPerformance = ref({}) + + // 根据传来的组名字来获取组业绩详情 + async function CenterGroupPerformance(groupName) { + const params = getRequestParams() + const hasParams = params.user_name + const requestParams = hasParams ? { + ...params, + department: groupName + } : { + department: groupName + } + + try { + const res = await getTeamRankingInfo(requestParams) + + if (res.code === 200) { + groupPerformance.value = res.data + /** + * "data": { + "department": "巅峰三部-刘东洋", + "group_details": [ + { + "name": "徐小玉", + "today_performance": 0.0, + "monthly_performance": 0.0, + "conversion_rate_this_period": "0.00%", + "new_customers_this_period": 41, + "deals_this_period": 0, + "deals_this_month": 0, + "call_count_this_period": 0, + "rank": 2 + }, + { + "name": "唐梦", + "today_performance": 0.0, + "monthly_performance": 0.0, + "conversion_rate_this_period": "0.00%", + "new_customers_this_period": 39, + "deals_this_period": 0, + "deals_this_month": 0, + "call_count_this_period": 0, + "rank": 2 + }, + { + "name": "董富忠", + "today_performance": 0, + "monthly_performance": 6500.0, + "conversion_rate_this_period": "1.72%", + "new_customers_this_period": 58, + "deals_this_period": 1, + "deals_this_month": 1, + "call_count_this_period": 0, + "rank": 1 + }, + { + "name": "王娟娟", + "today_performance": 0.0, + "monthly_performance": 0.0, + "conversion_rate_this_period": "0.00%", + "new_customers_this_period": 51, + "deals_this_period": 0, + "deals_this_month": 0, + "call_count_this_period": 0, + "rank": 2 + }, + { + "name": "罗荣海", + "today_performance": 0.0, + "monthly_performance": 0.0, + "conversion_rate_this_period": "0.00%", + "new_customers_this_period": 0, + "deals_this_period": 0, + "deals_this_month": 0, + "call_count_this_period": 0, + "rank": 2 + }, + { + "name": "代秀珍", + "today_performance": 0.0, + "monthly_performance": 0.0, + "conversion_rate_this_period": "0.00%", + "new_customers_this_period": 39, + "deals_this_period": 0, + "deals_this_month": 0, + "call_count_this_period": 0, + "rank": 2 + } + ] + } + */ + } + } catch (error) { + console.error('获取团队排名失败:', error) + } + } + + // 当前选中的组别，默认为第一个 const selectedGroup = ref(groups[0]) // 选择组别函数 - const selectGroup = (group) => { + const selectGroup = async (group) => { selectedGroup.value = group + + // 获取组名并调用API获取团队成员详情 + let departmentName = group.name + + // 如果有groupList数据，尝试找到完整的部门名称 + if (groupList.value && groupList.value.formal_plural) { + const departmentKeys = Object.keys(groupList.value.formal_plural) + console.log('所有部门名称:', departmentKeys) + console.log('当前选中组别名称:', group.name) + + // 优先进行精确匹配 + let matchedDepartment = departmentKeys.find(key => key === group.name) + + // 如果精确匹配失败，尝试模糊匹配 + if (!matchedDepartment) { + matchedDepartment = departmentKeys.find(key => { + // 提取部门主要名称进行匹配（去掉经理名字部分） + const mainName = key.split('-')[0] || key + const groupMainName = group.name.split('-')[0] || group.name + return mainName.includes(groupMainName) || groupMainName.includes(mainName) + }) + } + + if (matchedDepartment) { + departmentName = matchedDepartment + } + } + + console.log('选中的组别:', group.name, '-> 发送的部门名称:', departmentName) + + try { + await CenterGroupPerformance(departmentName) + + // 将API返回的数据整理后更新到selectedGroup的members字段 + if (groupPerformance.value && groupPerformance.value.group_details) { + const formattedMembers = groupPerformance.value.group_details.map((member, index) => ({ + id: index + 1, + name: member.name, + position: '销售顾问', // 默认职位 + phone: '***-****-****', // 隐藏手机号 + status: member.rank === 1 ? 'excellent' : member.rank === 2 ? 'good' : 'average', + joinDate: '2023-01-01', // 默认入职日期 + todayPerformance: member.today_performance || 0, + monthlyPerformance: member.monthly_performance || 0, + conversionRate: parseFloat(member.conversion_rate_this_period) || 0, + callCount: member.call_count_this_period || 0, + newClients: member.new_customers_this_period || 0, + deals: member.deals_this_period || 0 + })) + + // 更新selectedGroup的members数据 + selectedGroup.value = { + ...selectedGroup.value, + members: formattedMembers + } + } + } catch (error) { + console.error('获取团队详情失败:', error) + } } // 处理高级经理选择变化