feat(录音管理): 添加优秀录音组件并优化API调用

refactor(性能优化): 使用Promise.all并行请求核心KPI接口

style(样式调整): 修改ProblemRanking组件高度和内边距

chore: 移除调试用的console.log语句

my-vue-app/src/views/senorManger/components/ProblemRanking.vue

@@ -87,7 +87,7 @@ $white: #ffffff;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
   display: flex;
   flex-direction: column;
-  height: 26rem !important;
+  height: 21.5rem !important;
   max-height: 26rem;
   // flex: 1;
 }
@@ -96,7 +96,7 @@ $white: #ffffff;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 20px 20px 16px;
+  padding: 10px 20px 10px;
   border-bottom: 1px solid #ebeef5;
   
   h3 {

my-vue-app/src/views/senorManger/seniorManager.vue

@@ -53,7 +53,12 @@
           @update-check-type="updateCheckType"
         />
         <div v-if="cardVisibility.teamAlerts" class="action-items-compact">
-        <TeamAlerts style="height: 300px;" :abnormalData="teamAlerts" />
+        <!-- <TeamAlerts style="height: 300px;" :abnormalData="teamAlerts" /> -->
+          <div v-if="cardVisibility.problemRanking" class="problem-ranking">
+          <!-- 客户迫切解决的问题 -->
+          <ProblemRanking :problemRanking="problemRanking" />
+        </div>
+         
         </div>
       </div>
          <StatisticalIndicators 
@@ -79,10 +84,7 @@
             @select-group="selectGroup"
           />
         </div>
-        <div v-if="cardVisibility.problemRanking" class="problem-ranking">
-          <!-- 客户迫切解决的问题 -->
-          <ProblemRanking :problemRanking="problemRanking" />
-        </div>
+       <GoodMusic style="height: 300px;" :abnormalData="teamAlerts" />
         <!-- Right Section - Group Comparison -->
         <div v-if="cardVisibility.groupComparison" class="right-section">
           <GroupComparison 
@@ -201,6 +203,7 @@ import Tooltip from '@/components/Tooltip.vue'
 import CenterOverview from './components/CenterOverview.vue'
 import GroupComparison from './components/GroupComparison.vue'
 import GroupRanking from './components/GroupRanking.vue'
+import GoodMusic from './components/GoodMusic.vue'
 import TeamAlerts from '../maneger/components/TeamAlerts.vue'
 import ProblemRanking from './components/ProblemRanking.vue'
 import StatisticalIndicators from './components/StatisticalIndicators.vue'
@@ -209,7 +212,8 @@ import Loading from '@/components/Loading.vue'
 import PerformanceComparison from './components/PerformanceComparison.vue'; // 1. 导入新组件
 import { getOverallTeamPerformance,getTotalGroupCount,getConversionRate,getTotalCallCount,
          getNewCustomer,getDepositConversionRate,getActiveCustomerCommunicationRate,getAverageAnswerTime,
-         getTimeoutRate,getTableFillingRate,getUrgentNeedToAddress,getTeamRanking,getTeamRankingInfo,getAbnormalResponseRate,getTeamSalesFunnel } from '@/api/senorManger.js'  
+         getTimeoutRate,getTableFillingRate,getUrgentNeedToAddress,getTeamRanking,getTeamRankingInfo,getAbnormalResponseRate,getTeamSalesFunnel } from '@/api/senorManger.js'
+import { getExcellentRecordFile } from '@/api/top.js'  
 import { useUserStore } from '@/stores/user.js'
 import FeedbackForm from "@/components/FeedbackForm.vue";
 
@@ -259,6 +263,26 @@ const clearCache = () => {
   console.log('所有缓存已清除')
 }
 
+// 优秀录音
+const excellentRecord = ref([]);
+async function CenterExcellentRecord() {
+  const params={
+    user_level:userStore.userInfo.user_level.toString(),
+    user_name:userStore.userInfo.username
+  }
+  try {
+    const cacheKey = getCacheKey('CenterExcellentRecord', params);
+    const result = await withCache(cacheKey, async () => {
+      const res = await getExcellentRecordFile(params);
+      return res.data;
+    });
+    excellentRecord.value = result;
+    console.log(111111,result);
+  } catch (error) {
+    console.error("获取优秀录音失败:", error);
+  }
+}
+
 const clearSpecificCache = (functionName, params = {}) => {
   const cacheKey = getCacheKey(functionName, params)
   cache.delete(cacheKey)
@@ -771,6 +795,7 @@ onMounted(async ()=>{
     await fetchTableFillingRate()
     await fetchUrgentNeedToAddress()
     await fetchTeamRanking()
+    await CenterExcellentRecord()
     
     console.log('缓存状态:', getCacheInfo())