feat: 初始化Vue3项目并添加核心功能模块

新增项目基础结构，包括Vue3、Pinia、Element Plus等核心依赖
添加路由配置和用户认证状态管理
实现销售数据看板、客户画像、团队管理等核心功能模块
集成图表库和API请求工具，完成基础样式配置

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

@@ -0,0 +1,120 @@
+<template>
+  <div class="stat-card kpi-card">
+    <div class="kpi-grid stats-grid-inner">
+      <div class="kpi-item stat-item">
+        <div class="stat-icon customer-rate">
+          <i class="el-icon-chat-dot-round"></i>
+        </div>
+        <div class="kpi-value">{{ customerCommunicationRate }}%</div>
+        <p>活跃客户沟通率</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 }}<span class="kpi-unit">分钟</span></div>
+        <p>平均应答时间</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 }}%</div>
+        <p>超时应答率</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">{{ severeTimeoutRate }}%</div>
+        <p>严重超时应答率</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 }}%</div>
+        <p>表格填写率</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { defineProps } from 'vue';
+
+defineProps({
+  customerCommunicationRate: {
+    type: Number,
+    default: 0
+  },
+  averageResponseTime: {
+    type: Number,
+    default: 0
+  },
+  timeoutResponseRate: {
+    type: Number,
+    default: 0
+  },
+  severeTimeoutRate: {
+    type: Number,
+    default: 0
+  },
+  formCompletionRate: {
+    type: Number,
+    default: 0
+  }
+});
+</script>
+
+<style scoped>
+.stat-card {
+  background-color: #fff;
+  border-radius: 8px;
+  padding: 20px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.card-title {
+  font-size: 18px;
+  font-weight: bold;
+  margin-bottom: 15px;
+}
+
+.kpi-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+  gap: 20px;
+}
+
+.kpi-item {
+  text-align: center;
+}
+
+.stat-icon {
+  font-size: 24px;
+  margin-bottom: 10px;
+}
+
+.kpi-value {
+  font-size: 24px;
+  font-weight: bold;
+}
+
+.kpi-unit {
+  font-size: 14px;
+  margin-left: 4px;
+}
+
+p {
+  font-size: 14px;
+  color: #666;
+  margin-top: 5px;
+}
+
+.customer-rate { color: #409EFF; }
+.response-time { color: #67C23A; }
+.timeout-rate { color: #E6A23C; }
+.severe-timeout-rate { color: #F56C6C; }
+.form-rate { color: #909399; }
+</style>