feat(团队指标): 为团队指标添加工具提示说明功能

为转化率、通话次数等团队指标添加工具提示功能，显示各指标的计算方式和定义
取消secondTop.vue中两处被注释的初始化数据加载调用

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

@@ -6,42 +6,50 @@
           <i class="el-icon-chat-dot-round"></i>
         </div>
         <div class="kpi-value">{{ customerCommunicationRate.active_customer_communication_rate||0 }}</div>
-        <p>活跃客户沟通率</p>
+        <p>活跃客户沟通率 <i class="el-icon-warning info-icon" @mouseenter="showTooltip($event, 'customerCommunicationRate')" @mouseleave="hideTooltip">ⓘ</i></p>
       </div>
       <div class="kpi-item stat-item">
         <div class="stat-icon response-time">
           <i class="el-icon-timer"></i>
         </div>
         <div class="kpi-value">{{ averageResponseTime.average_answer_time||0 }}<span class="kpi-unit">分钟</span></div>
-        <p>平均应答时间</p>
+        <p>平均应答时间 <i class="el-icon-warning info-icon" @mouseenter="showTooltip($event, 'averageResponseTime')" @mouseleave="hideTooltip">ⓘ</i></p>
       </div>
       <div class="kpi-item stat-item">
         <div class="stat-icon timeout-rate">
           <i class="el-icon-warning"></i>
         </div>
         <div class="kpi-value">{{ timeoutResponseRate.timeout_rate||0 }}</div>
-        <p>超时应答率</p>
+        <p>超时应答率 <i class="el-icon-warning info-icon" @mouseenter="showTooltip($event, 'timeoutResponseRate')" @mouseleave="hideTooltip">ⓘ</i></p>
       </div>
       <div class="kpi-item stat-item">
         <div class="stat-icon severe-timeout-rate">
           <i class="el-icon-warning-outline"></i>
         </div>
         <div class="kpi-value">{{ timeoutResponseRate.serious_timeout_rate||0 }}</div>
-        <p>严重超时应答率</p>
+        <p>严重超时应答率 <i class="el-icon-warning info-icon" @mouseenter="showTooltip($event, 'severeTimeoutRate')" @mouseleave="hideTooltip">ⓘ</i></p>
       </div>
       <div class="kpi-item stat-item">
         <div class="stat-icon form-rate">
           <i class="el-icon-document"></i>
         </div>
         <div class="kpi-value">{{ formCompletionRate.table_filling_rate||0 }}</div>
-        <p>表格填写率</p>
+        <p>表格填写率 <i class="el-icon-warning info-icon" @mouseenter="showTooltip($event, 'formCompletionRate')" @mouseleave="hideTooltip">ⓘ</i></p>
       </div>
     </div>
+    <Tooltip
+      :visible="tooltip.visible"
+      :x="tooltip.x"
+      :y="tooltip.y"
+      :title="tooltip.title"
+      :description="tooltip.description"
+    />
   </div>
 </template>
 
 <script setup>
-import { defineProps } from 'vue';
+import { defineProps, reactive } from 'vue';
+import Tooltip from '@/components/Tooltip.vue';
 
 defineProps({
   customerCommunicationRate: {
@@ -65,6 +73,56 @@ defineProps({
     default: 0
   }
 });
+
+// 工具提示状态
+const tooltip = reactive({
+  visible: false,
+  x: 0,
+  y: 0,
+  title: '',
+  description: ''
+});
+
+// 指标描述
+const metricDescriptions = {
+  customerCommunicationRate: {
+    title: '活跃客户沟通率计算方式',
+    description: '有效沟通的活跃客户数 ÷ 总活跃客户数 × 100%，反映团队与活跃客户的沟通覆盖程度。'
+  },
+  averageResponseTime: {
+    title: '平均应答时间计算方式',
+    description: '所有通话的应答时间总和 ÷ 通话总次数，以分钟为单位，反映团队的响应效率。'
+  },
+  timeoutResponseRate: {
+    title: '超时应答率计算方式',
+    description: '超时应答的通话次数 ÷ 总通话次数 × 100%，超时标准通常为30秒以上。'
+  },
+  severeTimeoutRate: {
+    title: '严重超时应答率计算方式',
+    description: '严重超时应答的通话次数 ÷ 总通话次数 × 100%，严重超时标准通常为60秒以上。'
+  },
+  formCompletionRate: {
+    title: '表格填写率计算方式',
+    description: '已完成填写的表格数量 ÷ 应填写的表格总数 × 100%，反映团队的工作完成度。'
+  }
+};
+
+// 显示工具提示
+const showTooltip = (event, metricType) => {
+  const metric = metricDescriptions[metricType];
+  if (metric) {
+    tooltip.title = metric.title;
+    tooltip.description = metric.description;
+    tooltip.x = event.clientX;
+    tooltip.y = event.clientY;
+    tooltip.visible = true;
+  }
+};
+
+// 隐藏工具提示
+const hideTooltip = () => {
+  tooltip.visible = false;
+};
 </script>
 
 <style scoped>
@@ -117,4 +175,18 @@ p {
 .timeout-rate { color: #E6A23C; }
 .severe-timeout-rate { color: #F56C6C; }
 .form-rate { color: #909399; }
+
+.info-icon {
+  color: #909399;
+  font-size: 12px;
+  cursor: pointer;
+  opacity: 0.7;
+  transition: opacity 0.3s ease;
+  margin-left: 4px;
+}
+
+.info-icon:hover {
+  opacity: 1;
+  color: #409EFF;
+}
 </style>