Merge branch 'Breach' of https://git.yinlihupo.cn/LiuRui/DJKB into Breach

my-vue-app/src/api/manager.js

@@ -54,3 +54,8 @@ export const getMemberCallClassify = (params) => {
   return https.post('/api/v1/manager/get_member_call_classify', params)
 }
 
+// 团队整体三阶分析报告   /api/v1/manager/group_entirety_third_report
+export const getGroupEntiretyThirdReport = (params) => {
+  return https.post('/api/v1/manager/group_entirety_third_report', params)
+}
+

my-vue-app/src/api/senorManger.js

@@ -84,4 +84,14 @@ export const getExcellentRecordFile = (params) => {
   return https.post('/api/v1/level_three/overview/get_current_center_excellent_record_file', params)
 }
 
+// 团队下各组分析报告 /api/v1/level_three/overview/team_every_group_report
+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)
+}
+
 

my-vue-app/src/views/maneger/components/TeamReport.vue

@@ -1,6 +1,9 @@
 <template>
   <div class="team-report">
-    <h2>今日团队实时战报</h2>
+    <div class="header-container">
+      <h2>今日团队实时战报</h2>
+      <button class="analysis-button" @click="showTeamAnalysis">团队分析</button>
+    </div>
     <div class="report-grid">
       <div class="report-card">
         <div class="card-header">
@@ -76,6 +79,9 @@ const props = defineProps({
   }
 })
 
+// 定义emit
+const emit = defineEmits(['show-team-analysis'])
+
 // 监听数据变化，用于调试
 watch(() => props.weekTotalData, (newData) => {
   console.log('TeamReport 收到的数据:', newData)
@@ -146,6 +152,11 @@ const showTooltip = (metricType, event) => {
 const hideTooltip = () => {
   tooltip.visible = false
 }
+
+// 显示团队分析
+const showTeamAnalysis = () => {
+  emit('show-team-analysis')
+}
 </script>
 
 <style lang="scss" scoped>
@@ -156,11 +167,33 @@ const hideTooltip = () => {
   padding: 1.5rem;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   
+  .header-container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1.5rem;
+  }
+  
   h2 {
     font-size: 1.2rem;
     font-weight: 600;
     color: #1e293b;
-    margin: 0 0 1.5rem 0;
+    margin: 0;
+  }
+  
+  .analysis-button {
+    background: #409eff;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    padding: 8px 16px;
+    font-size: 0.9rem;
+    cursor: pointer;
+    transition: background-color 0.3s;
+    
+    &:hover {
+      background: #337ecc;
+    }
   }
   
   .report-grid {

my-vue-app/src/views/maneger/manager.vue

@@ -38,8 +38,8 @@
       <div class="top-section">
         <!-- Team Alerts -->
         <TeamAlerts :abnormalData="groupAbnormalResponse" />
-        <!-- Today's Team Report -->
+      <!-- Today's Team Report -->
-        <TeamReport :weekTotalData="weekTotalData" />
+      <TeamReport :weekTotalData="weekTotalData" @show-team-analysis="fetchTeamAnalysis" />
 
       </div>
       <!-- Sales Funnel Section -->
@@ -65,6 +65,24 @@
       </div>
     </main>
   </div>
+  <!-- 团队分析弹窗 -->
+  <div v-if="showTeamAnalysisModal" class="modal-overlay" @click="showTeamAnalysisModal = false">
+    <div class="modal-content" @click.stop>
+      <div class="modal-header">
+        <h3>团队整体三阶分析报告</h3>
+        <button class="close-button" @click="showTeamAnalysisModal = false">×</button>
+      </div>
+      <div class="modal-body">
+        <div v-for="(report, index) in teamAnalysisData" :key="index" class="report-item">
+          <div class="report-meta">
+            <span class="time-range">{{ report.start_time }} 至 {{ report.end_time }}</span>
+            <span class="created-at">生成时间: {{ report.created_at }}</span>
+          </div>
+          <div class="report-content" v-html="formatReportContent(report.report)"></div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup>
@@ -81,7 +99,7 @@ import CustomerDetail from "../person/components/CustomerDetail.vue";
 import { useUserStore } from "@/stores/user";
 import { useRouter } from "vue-router";
 import {getGroupAbnormalResponse, getWeekTotalCall, getWeekAddCustomerTotal, getWeekAddDealTotal, 
-  getWeekAddFeeTotal, getGroupFunnel,getPayDepositToMoneyRate,getGroupRanking, getGroupCallDuration,getGroupDetail} from "@/api/manager.js";
+  getWeekAddFeeTotal, getGroupFunnel,getPayDepositToMoneyRate,getGroupRanking, getGroupCallDuration,getGroupDetail, getGroupEntiretyThirdReport} from "@/api/manager.js";
 
 // 团队成员数据
 const teamMembers = [
@@ -108,9 +126,10 @@ const userStore = useUserStore();
 // 获取通用请求参数的函数
 const getRequestParams = () => {
   const params = {}
-  // 只从路由参数获取
+  // 从路由参数获取
   const routeUserLevel = router.currentRoute.value.query.user_level || router.currentRoute.value.params.user_level
   const routeUserName = router.currentRoute.value.query.user_name || router.currentRoute.value.params.user_name
+  
   // 如果路由有参数，使用路由参数
   if (routeUserLevel) {
     params.user_level = routeUserLevel.toString()
@@ -118,6 +137,14 @@ const getRequestParams = () => {
   if (routeUserName) {
     params.user_name = routeUserName
   }
+  
+  // 如果没有路由参数，使用当前登录用户的信息
+  if (!params.user_level && userStore.userInfo?.user_level) {
+    params.user_level = userStore.userInfo.user_level.toString()
+  }
+  if (!params.user_name && userStore.userInfo?.username) {
+    params.user_name = userStore.userInfo.username
+  }
 
   return params
 }
@@ -286,6 +313,10 @@ async function TeamGetGroupRanking() {
 const memberDetails = ref({})
 
 
+// 团队分析数据
+const teamAnalysisData = ref([])
+const showTeamAnalysisModal = ref(false)
+
 // 当前选中的成员，默认为空
 const selectedMember = ref(null);
 
@@ -318,6 +349,72 @@ week_order_count
   }
 }
 
+// 获取团队分析数据
+const fetchTeamAnalysis = async () => {
+  try {
+    showTeamAnalysisModal.value = true
+
+    const params = getRequestParams()
+    const response = await getGroupEntiretyThirdReport(params)
+    
+    // 根据API响应结构调整数据处理逻辑
+    if (response.data) {
+      if (Array.isArray(response.data)) {
+        // 如果response.data本身就是数组
+        teamAnalysisData.value = response.data
+      } else if (response.data.data && Array.isArray(response.data.data)) {
+        // 如果response.data.data是数组
+        teamAnalysisData.value = response.data.data
+      } else {
+        // 其他情况，可能是单个对象
+        teamAnalysisData.value = [response.data]
+      }
+    }
+  } catch (error) {
+    console.error('获取团队分析数据失败:', error)
+    teamAnalysisData.value = []
+  }
+}
+
+// 格式化报告内容
+const formatReportContent = (content) => {
+  if (!content || content === "None") {
+    return "<p>暂无分析报告内容</p>";
+  }
+  
+  // 处理报告内容，保留换行和基本格式
+  let formattedContent = content
+    // 替换连续的换行符
+    .replace(/\n\s*\n/g, '</p><p>')
+    // 替换单个换行符为<br>
+    .replace(/\n/g, '<br>')
+    // 替换Markdown风格的标题为HTML标签
+    .replace(/^### (.*?)(<br>|$)/gim, '<h3>$1</h3>')
+    .replace(/^## (.*?)(<br>|$)/gim, '<h2>$1</h2>')
+    .replace(/^# (.*?)(<br>|$)/gim, '<h1>$1</h1>')
+    // 替换粗体
+    .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
+    // 替换斜体
+    .replace(/\*(.*?)\*/g, '<em>$1</em>')
+    // 替换无序列表项
+    .replace(/^\* (.*?)(<br>|$)/gim, '<li>$1</li>');
+  
+  // 包装列表项到<ul>标签中
+  formattedContent = formattedContent.replace(/(<li>.*?<\/li>)+/g, '<ul>$&</ul>');
+  
+  // 处理段落
+  if (!formattedContent.startsWith('<p>')) {
+    formattedContent = '<p>' + formattedContent;
+  }
+  if (!formattedContent.endsWith('</p>')) {
+    formattedContent = formattedContent + '</p>';
+  }
+  
+  // 清理多余的<br>标签
+  formattedContent = formattedContent.replace(/<br><\/p>/g, '</p>');
+  
+  return formattedContent;
+}
 
 // 团队异常预警
 
@@ -1850,5 +1947,267 @@ onMounted(async () => {
       }
     }
   }
+  
+  /* 团队分析弹窗样式 */
+  .modal-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
+  }
+  
+  .modal-content {
+    background: white;
+    border-radius: 8px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    max-width: 90vw;
+    max-height: 90vh;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+  }
+  
+  .modal-header {
+    padding: 1rem 1.5rem;
+    border-bottom: 1px solid #eee;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  
+  .modal-header h3 {
+    margin: 0;
+    font-size: 1.25rem;
+    color: #333;
+  }
+  
+  .close-button {
+    background: none;
+    border: none;
+    font-size: 1.5rem;
+    cursor: pointer;
+    color: #999;
+    padding: 0;
+    width: 30px;
+    height: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  
+  .close-button:hover {
+    color: #333;
+  }
+  
+  .modal-body {
+    padding: 1.5rem;
+    overflow-y: auto;
+    max-height: calc(90vh - 80px);
+  }
+  
+  .report-item {
+    margin-bottom: 2rem;
+  }
+  
+  .report-item:last-child {
+    margin-bottom: 0;
+  }
+  
+  .report-meta {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 1rem;
+    font-size: 0.9rem;
+    color: #666;
+  }
+  
+  .report-content {
+    line-height: 1.6;
+  }
+  
+  .report-content :deep(h1),
+  .report-content :deep(h2),
+  .report-content :deep(h3),
+  .report-content :deep(h4),
+  .report-content :deep(h5),
+  .report-content :deep(h6) {
+    margin: 1.5rem 0 1rem 0;
+    font-weight: 600;
+  }
+  
+  .report-content :deep(h1) {
+    font-size: 1.75rem;
+    border-bottom: 2px solid #eee;
+    padding-bottom: 0.5rem;
+  }
+  
+  .report-content :deep(h2) {
+    font-size: 1.5rem;
+    border-bottom: 1px solid #eee;
+    padding-bottom: 0.5rem;
+  }
+  
+  .report-content :deep(h3) {
+    font-size: 1.25rem;
+  }
+  
+  .report-content :deep(p) {
+    margin: 0.75rem 0;
+  }
+  
+  .report-content :deep(ul),
+  .report-content :deep(ol) {
+    margin: 0.75rem 0;
+    padding-left: 1.5rem;
+  }
+  
+  .report-content :deep(li) {
+    margin: 0.25rem 0;
+  }
+  
+  .report-content :deep(strong) {
+    font-weight: 600;
+  }
+  
+  .report-content :deep(em) {
+    font-style: italic;
+  }
+}
+
+/* 团队分析弹窗 */
+.modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+}
+
+.modal-content {
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  max-width: 90vw;
+  max-height: 90vh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.modal-header {
+  padding: 1rem 1.5rem;
+  border-bottom: 1px solid #eee;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.modal-header h3 {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #333;
+}
+
+.close-button {
+  background: none;
+  border: none;
+  font-size: 1.5rem;
+  cursor: pointer;
+  color: #999;
+  padding: 0;
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.close-button:hover {
+  color: #333;
+}
+
+.modal-body {
+  padding: 1.5rem;
+  overflow-y: auto;
+  max-height: calc(90vh - 80px);
+}
+
+.report-item {
+  margin-bottom: 2rem;
+}
+
+.report-item:last-child {
+  margin-bottom: 0;
+}
+
+.report-meta {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 1rem;
+  font-size: 0.9rem;
+  color: #666;
+}
+
+.report-content {
+  line-height: 1.6;
+}
+
+.report-content :deep(h1),
+.report-content :deep(h2),
+.report-content :deep(h3),
+.report-content :deep(h4),
+.report-content :deep(h5),
+.report-content :deep(h6) {
+  margin: 1.5rem 0 1rem 0;
+  font-weight: 600;
+}
+
+.report-content :deep(h1) {
+  font-size: 1.75rem;
+  border-bottom: 2px solid #eee;
+  padding-bottom: 0.5rem;
+}
+
+.report-content :deep(h2) {
+  font-size: 1.5rem;
+  border-bottom: 1px solid #eee;
+  padding-bottom: 0.5rem;
+}
+
+.report-content :deep(h3) {
+  font-size: 1.25rem;
+}
+
+.report-content :deep(p) {
+  margin: 0.75rem 0;
+}
+
+.report-content :deep(ul),
+.report-content :deep(ol) {
+  margin: 0.75rem 0;
+  padding-left: 1.5rem;
+}
+
+.report-content :deep(li) {
+  margin: 0.25rem 0;
+}
+
+.report-content :deep(strong) {
+  font-weight: 600;
+}
+
+.report-content :deep(em) {
+  font-style: italic;
 }
 </style>

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 {

my-vue-app/src/views/secondTop/secondTop.vue

@@ -113,7 +113,20 @@
             </div>
           </div>
           <div class="group-performance">
-           <button>团队整体分析</button>
+           <button @click="showTeamAnalysisModal">团队整体分析</button>
+          </div>
+        </div>
+
+        <!-- 团队整体分析弹窗 -->
+        <div v-if="showTeamAnalysis" class="team-analysis-modal" @click.self="closeTeamAnalysisModal">
+          <div class="modal-content">
+            <div class="modal-header">
+              <h3>团队整体分析</h3>
+              <button class="close-btn" @click="closeTeamAnalysisModal">×</button>
+            </div>
+            <div class="modal-body">
+              <p>这里是团队整体分析的内容</p>
+            </div>
           </div>
         </div>
 
@@ -286,6 +299,9 @@ const cardVisibility = ref({
 // FeedbackForm 控制变量
 const showFeedbackForm = ref(false)
 
+// 团队整体分析弹窗控制变量
+const showTeamAnalysis = ref(false)
+
 // 更新卡片显示状态
 const updateCardVisibility = (newVisibility) => {
   Object.assign(cardVisibility.value, newVisibility)
@@ -300,6 +316,15 @@ const showFeedbackFormModal = () => {
 const closeFeedbackFormModal = () => {
   showFeedbackForm.value = false
 }
+
+// 团队整体分析弹窗控制方法
+const showTeamAnalysisModal = () => {
+  showTeamAnalysis.value = true
+}
+
+const closeTeamAnalysisModal = () => {
+  showTeamAnalysis.value = false
+}
   // 营期调控逻辑
     // This would ideally come from a prop or API call based on the logged-in user
 const centerData = ref({
@@ -1638,7 +1663,77 @@ const hideTooltip = () => {
       }
     }
   }
+  
+  /* 团队分析弹窗样式 */
+  .team-analysis-modal {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
+  }
 
+  .team-analysis-modal .modal-content {
+    background-color: white;
+    border-radius: 8px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    width: 80%;
+    max-width: 600px;
+    max-height: 80vh;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .team-analysis-modal .modal-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 1rem;
+    border-bottom: 1px solid #e2e8f0;
+  }
+
+  .team-analysis-modal .modal-header h3 {
+    margin: 0;
+    color: #1a202c;
+    font-size: 1.25rem;
+  }
+
+  .team-analysis-modal .close-btn {
+    background: none;
+    border: none;
+    font-size: 1.5rem;
+    cursor: pointer;
+    color: #718096;
+    padding: 0;
+    width: 30px;
+    height: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .team-analysis-modal .close-btn:hover {
+    color: #1a202c;
+  }
+
+  .team-analysis-modal .modal-body {
+    padding: 1rem;
+    overflow-y: auto;
+    flex: 1;
+  }
+
+  .team-analysis-modal .modal-body p {
+    margin: 0;
+    color: #4a5568;
+    line-height: 1.5;
+  }
+  
   // 路由导航顶栏样式
   .route-header {
     display: flex;

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;
 }
 

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

@@ -28,18 +28,42 @@
           <div v-if="!isRouteNavigation">
             <!-- 用户下拉菜单 -->
           <div style="display: flex; align-items: center; gap: 20px;">
+    <button @click="showDepartmentAnalysisModal" class="feedback-btn">部门分析</button>
     <button @click="showFeedbackFormModal" class="feedback-btn">意见反馈</button>
-               <FeedbackForm 
+    <FeedbackForm 
-              :is-visible="showFeedbackForm"
+      :is-visible="showFeedbackForm"
-              @close="closeFeedbackFormModal"
+      @close="closeFeedbackFormModal"
-              @submit-feedback="closeFeedbackFormModal"
+      @submit-feedback="closeFeedbackFormModal"
-            />
+    />
-            <UserDropdown 
+    <!-- 部门分析弹窗 -->
-              :card-visibility="cardVisibility"
+    <div v-if="showDepartmentAnalysis" class="department-analysis-modal" @click.self="closeDepartmentAnalysisModal">
-              @update-card-visibility="updateCardVisibility"
+      <div class="modal-content">
-            /> 
+        <div class="modal-header">
+          <h3>部门分析</h3>
+          <button class="close-btn" @click="closeDepartmentAnalysisModal">×</button>
+        </div>
+        <div class="modal-body">
+          <div v-if="departmentAnalysisData && departmentAnalysisData.length > 0">
+            <div v-for="(report, index) in departmentAnalysisData" :key="index" class="report-item">
+              <h4>报告时间: {{ report.start_time }} 至 {{ report.end_time }}</h4>
+              <div v-if="report.report && report.report !== 'None' && report.report.trim() !== ''" class="report-content" v-html="formatReportContent(report.report)"></div>
+              <div v-else class="no-report">
+                <p>暂无分析报告</p>
+              </div>
             </div>
           </div>
+          <div v-else>
+            <p>暂无部门分析数据</p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <UserDropdown 
+      :card-visibility="cardVisibility"
+      @update-card-visibility="updateCardVisibility"
+    /> 
+</div>
+          </div>
         </div>
       </div>
     </header>
@@ -131,10 +155,34 @@
             </div>
            
              <div class="group-performance">
-           <button>团队整体分析</button>
+           <button @click="showTeamAnalysisModal">团队整体分析</button>
           </div>
           </div>
           
+          <!-- 团队分析弹窗 -->
+          <div v-if="showTeamAnalysis" class="team-analysis-modal" @click.self="closeTeamAnalysisModal">
+            <div class="modal-content">
+              <div class="modal-header">
+                <h3>团队整体分析</h3>
+                <button class="close-btn" @click="closeTeamAnalysisModal">×</button>
+              </div>
+              <div class="modal-body">
+                <div v-if="teamAnalysisData && teamAnalysisData.length > 0">
+                  <div v-for="(report, index) in teamAnalysisData" :key="index" class="report-item">
+                    <h4>报告时间: {{ report.start_time }} 至 {{ report.end_time }}</h4>
+                    <div v-if="report.report && report.report !== 'None' && report.report.trim() !== ''" class="report-content" v-html="formatReportContent(report.report)"></div>
+                    <div v-else class="no-report">
+                      <p>暂无分析报告</p>
+                    </div>
+                  </div>
+                </div>
+                <div v-else>
+                  <p>暂无团队分析数据</p>
+                </div>
+              </div>
+            </div>
+          </div>
+          
           <div class="members-grid">
             <div 
               v-for="member in teamPerformanceDetail.group_details" 
@@ -219,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 } 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";
 
@@ -351,6 +400,14 @@ const formCompletionRate = ref(90)
 const CheckType = ref('month')
 // FeedbackForm 控制变量
 const showFeedbackForm = ref(false)
+// 部门分析弹窗控制变量
+const showDepartmentAnalysis = ref(false)
+// 团队分析弹窗控制变量
+const showTeamAnalysis = ref(false)
+// 团队分析数据
+const teamAnalysisData = ref([])
+// 部门分析数据
+const departmentAnalysisData = ref([])
 
 // 更新CheckType的方法
 const updateCheckType = async (newValue) => {
@@ -371,6 +428,90 @@ const closeFeedbackFormModal = () => {
   showFeedbackForm.value = false
 }
 
+// 部门分析弹窗控制方法
+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 = () => {
+  showDepartmentAnalysis.value = false
+}
+
+// 团队分析弹窗控制方法
+const showTeamAnalysisModal = async () => {
+  showTeamAnalysis.value = true
+  // 获取团队分析数据
+  try {
+    const params = {
+      department_name: selectedGroup.value.name + '-' + selectedGroup.value.leader,
+      part_count: 1  // 默认获取最近1份报告
+    }
+    const response = await getTeamEveryGroupReport(params)
+    // 根据API响应结构调整数据处理逻辑
+    if (response.data) {
+      if (Array.isArray(response.data)) {
+        // 如果response.data本身就是数组
+        teamAnalysisData.value = response.data
+      } else if (response.data.data && Array.isArray(response.data.data)) {
+        // 如果response.data.data是数组
+        teamAnalysisData.value = response.data.data
+      } else {
+        // 其他情况，可能是单个对象
+        teamAnalysisData.value = [response.data]
+      }
+    }
+  } catch (error) {
+    console.error('获取团队分析数据失败:', error)
+  }
+}
+
+const closeTeamAnalysisModal = () => {
+  showTeamAnalysis.value = false
+}
+
+// 格式化报告内容
+const formatReportContent = (content) => {
+  if (!content) return ''
+  // 将Markdown格式的标题转换为HTML标签
+  return content
+    .replace(/### (.*?)(?=\n|$)/g, '<h3>$1</h3>')
+    .replace(/## (.*?)(?=\n|$)/g, '<h2>$1</h2>')
+    .replace(/# (.*?)(?=\n|$)/g, '<h1>$1</h1>')
+    .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
+    .replace(/\*(.*?)\*/g, '<em>$1</em>')
+    .replace(/\n\n/g, '</p><p>')
+    .replace(/\n/g, '<br>')
+}
+
 // 卡片显示状态
 const cardVisibility = ref({
   centerOverview: true,
@@ -1618,4 +1759,199 @@ const hideTooltip = () => {
 .feedback-btn:hover {
   background-color: #3182ce;
 }
+
+/* 部门分析弹窗样式 */
+.department-analysis-modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+}
+
+.modal-content {
+  background-color: white;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  width: 80%;
+  max-width: 600px;
+  max-height: 80vh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.modal-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem;
+  border-bottom: 1px solid #e2e8f0;
+}
+
+.modal-header h3 {
+  margin: 0;
+  color: #1a202c;
+  font-size: 1.25rem;
+}
+
+.close-btn {
+  background: none;
+  border: none;
+  font-size: 1.5rem;
+  cursor: pointer;
+  color: #718096;
+  padding: 0;
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.close-btn:hover {
+  color: #1a202c;
+}
+
+.modal-body {
+  padding: 1rem;
+  overflow-y: auto;
+  flex: 1;
+}
+
+.modal-body p {
+  margin: 0;
+  color: #4a5568;
+  line-height: 1.5;
+}
+
+/* 团队分析弹窗样式 */
+.team-analysis-modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+}
+
+.team-analysis-modal .modal-content {
+  background-color: white;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  width: 80%;
+  max-width: 600px;
+  max-height: 80vh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.team-analysis-modal .modal-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem;
+  border-bottom: 1px solid #e2e8f0;
+}
+
+.team-analysis-modal .modal-header h3 {
+  margin: 0;
+  color: #1a202c;
+  font-size: 1.25rem;
+}
+
+.team-analysis-modal .close-btn {
+  background: none;
+  border: none;
+  font-size: 1.5rem;
+  cursor: pointer;
+  color: #718096;
+  padding: 0;
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.team-analysis-modal .close-btn:hover {
+  color: #1a202c;
+}
+
+.team-analysis-modal .modal-body {
+  padding: 1rem;
+  overflow-y: auto;
+  flex: 1;
+}
+
+.team-analysis-modal .modal-body p {
+  margin: 0;
+  color: #4a5568;
+  line-height: 1.5;
+}
+
+.team-analysis-modal .report-item {
+  margin-bottom: 20px;
+  padding: 15px;
+  border: 1px solid #e2e8f0;
+  border-radius: 5px;
+  background-color: #f8fafc;
+}
+
+.team-analysis-modal .report-item h4 {
+  margin-top: 0;
+  color: #1a202c;
+  border-bottom: 1px solid #e2e8f0;
+  padding-bottom: 5px;
+}
+
+.team-analysis-modal .report-content {
+  margin-top: 10px;
+  color: #4a5568;
+  line-height: 1.6;
+}
+
+.team-analysis-modal .report-content h1,
+.team-analysis-modal .report-content h2,
+.team-analysis-modal .report-content h3 {
+  margin-top: 15px;
+  margin-bottom: 10px;
+  color: #1a202c;
+}
+
+.team-analysis-modal .report-content h1 {
+  font-size: 1.5rem;
+}
+
+.team-analysis-modal .report-content h2 {
+  font-size: 1.3rem;
+}
+
+.team-analysis-modal .report-content h3 {
+  font-size: 1.1rem;
+}
+
+.team-analysis-modal .report-content strong {
+  font-weight: bold;
+}
+
+.team-analysis-modal .report-content em {
+  font-style: italic;
+}
+
+.team-analysis-modal .no-report {
+  text-align: center;
+  color: #718096;
+  font-style: italic;
+}
 </style>