From 2ba88eff08dd4cf38536cea946e359c641786a2b Mon Sep 17 00:00:00 2001 From: chenpanliang <3245129380@qq.com> Date: Tue, 25 Nov 2025 16:59:43 +0800 Subject: [PATCH] =?UTF-8?q?feat(=E9=83=A8=E9=97=A8=E5=88=86=E6=9E=90):=20?= =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=83=A8=E9=97=A8=E6=95=B4=E4=BD=93=E5=88=86?= =?UTF-8?q?=E6=9E=90=E6=8A=A5=E5=91=8A=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 实现部门分析弹窗的数据获取与展示功能，新增getTeamEntiretyReport API接口 调整多个组件高度以优化布局 --- my-vue-app/src/api/senorManger.js | 5 ++ .../views/secondTop/components/GoodMusic.vue | 2 +- .../senorManger/components/GoodMusic.vue | 4 +- .../src/views/senorManger/seniorManager.vue | 53 +++++++++++++++++-- 4 files changed, 56 insertions(+), 8 deletions(-) diff --git a/my-vue-app/src/api/senorManger.js b/my-vue-app/src/api/senorManger.js index 078d545..538ad30 100644 --- a/my-vue-app/src/api/senorManger.js +++ b/my-vue-app/src/api/senorManger.js @@ -89,4 +89,9 @@ export const getTeamEveryGroupReport = (params) => { return https.post('/api/v1/level_three/overview/team_every_group_report', params) } +// 部门整体分析报告 /api/v1/level_three/overview/team_entirety_report +export const getTeamEntiretyReport = (params) => { + return https.post('/api/v1/level_three/overview/team_entirety_report', params) +} + diff --git a/my-vue-app/src/views/secondTop/components/GoodMusic.vue b/my-vue-app/src/views/secondTop/components/GoodMusic.vue index b744fa4..73425fd 100644 --- a/my-vue-app/src/views/secondTop/components/GoodMusic.vue +++ b/my-vue-app/src/views/secondTop/components/GoodMusic.vue @@ -504,7 +504,7 @@ const downloadRecording = (index) => { background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); - height: 400px; + height: 420px; } .chart-header { diff --git a/my-vue-app/src/views/senorManger/components/GoodMusic.vue b/my-vue-app/src/views/senorManger/components/GoodMusic.vue index b744fa4..3663473 100644 --- a/my-vue-app/src/views/senorManger/components/GoodMusic.vue +++ b/my-vue-app/src/views/senorManger/components/GoodMusic.vue @@ -504,7 +504,7 @@ const downloadRecording = (index) => { background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); - height: 400px; + height: 416px; } .chart-header { @@ -554,7 +554,7 @@ const downloadRecording = (index) => { .recording-section { width: 100%; min-height: 200px; - max-height: 300px; + max-height: 330px; overflow-y: auto; } diff --git a/my-vue-app/src/views/senorManger/seniorManager.vue b/my-vue-app/src/views/senorManger/seniorManager.vue index ffd3ce8..80d2837 100644 --- a/my-vue-app/src/views/senorManger/seniorManager.vue +++ b/my-vue-app/src/views/senorManger/seniorManager.vue @@ -43,8 +43,18 @@
-

这里是部门分析的内容

- +
+
+

报告时间: {{ report.start_time }} 至 {{ report.end_time }}

+
+
+

暂无分析报告

+
+
+
+
+

暂无部门分析数据

+
@@ -257,7 +267,8 @@ import PerformanceComparison from './components/PerformanceComparison.vue'; // 1 import { getOverallTeamPerformance,getTotalGroupCount,getConversionRate,getTotalCallCount, getNewCustomer,getDepositConversionRate,getActiveCustomerCommunicationRate,getAverageAnswerTime, getTimeoutRate,getTableFillingRate,getUrgentNeedToAddress,getTeamRanking,getTeamRankingInfo, - getAbnormalResponseRate,getTeamSalesFunnel,getExcellentRecordFile,getTeamEveryGroupReport } from '@/api/senorManger.js' + getAbnormalResponseRate,getTeamSalesFunnel,getExcellentRecordFile,getTeamEveryGroupReport, + getTeamEntiretyReport } from '@/api/senorManger.js' import { useUserStore } from '@/stores/user.js' import FeedbackForm from "@/components/FeedbackForm.vue"; @@ -395,6 +406,8 @@ const showDepartmentAnalysis = ref(false) const showTeamAnalysis = ref(false) // 团队分析数据 const teamAnalysisData = ref([]) +// 部门分析数据 +const departmentAnalysisData = ref([]) // 更新CheckType的方法 const updateCheckType = async (newValue) => { @@ -416,8 +429,37 @@ const closeFeedbackFormModal = () => { } // 部门分析弹窗控制方法 -const showDepartmentAnalysisModal = () => { +const showDepartmentAnalysisModal = async () => { showDepartmentAnalysis.value = true + // 获取部门分析数据 + try { + // 获取当前登录的高级经理信息 + const currentUser = userStore.userInfo; + const params = { + user_name: currentUser.username, + user_level: currentUser.user_level.toString(), + part_count: 1 // 默认获取最近1份报告 + } + + const response = await getTeamEntiretyReport(params) + + // 根据API响应结构调整数据处理逻辑 + if (response.data) { + if (Array.isArray(response.data)) { + // 如果response.data本身就是数组 + departmentAnalysisData.value = response.data + } else if (response.data.data && Array.isArray(response.data.data)) { + // 如果response.data.data是数组 + departmentAnalysisData.value = response.data.data + } else { + // 其他情况，可能是单个对象 + departmentAnalysisData.value = [response.data] + } + } + } catch (error) { + console.error('获取部门分析数据失败:', error) + departmentAnalysisData.value = [] + } } const closeDepartmentAnalysisModal = () => { @@ -430,7 +472,8 @@ const showTeamAnalysisModal = async () => { // 获取团队分析数据 try { const params = { - department_name: selectedGroup.value.name + '-' + selectedGroup.value.leader + department_name: selectedGroup.value.name + '-' + selectedGroup.value.leader, + part_count: 1 // 默认获取最近1份报告 } const response = await getTeamEveryGroupReport(params) // 根据API响应结构调整数据处理逻辑