feat(qualityControl): 优化图表显示和资质等级分析逻辑

添加饼图标签显示和x轴标签旋转功能
重构资质等级分析逻辑以动态计算最高等级科室
调整资质等级描述生成逻辑以使用实际数据

src/pages/qualityControlAnalysisReport/components/dutyOrganization.vue

@@ -533,7 +533,7 @@ export default {
     },
     processQueryParams(queryParams) {
       const processedParams = { ...queryParams }
-     
+
       if (processedParams.dateRangeQueryType === 'YEAR') {
         processedParams.yearOnYear = true
       } else {
@@ -541,9 +541,9 @@ export default {
         processedParams.yearOnYear = true
       }
 
-    
-      
-      processedParams.deptId = ['TEAMS', 'DEPARTMENT', 'BRIGADE','MANAGER'].includes(processedParams.scopedType) ? processedParams.scopedId : '';
+
+
+      processedParams.deptId = ['TEAMS', 'DEPARTMENT', 'BRIGADE', 'MANAGER'].includes(processedParams.scopedType) ? processedParams.scopedId : '';
       if (processedParams.scopedType == 'TEAMS') {
         delete processedParams.userId;
       }
@@ -566,6 +566,30 @@ export default {
 
 
       try {
+        // 加载资质等级柱状图数据（如果是STATION类型）
+        if (this.isStationType) {
+          const barResponse = await getQualificationBarChart(processedParams)
+          if (barResponse.code === 200) {
+            this.qualificationBarData = barResponse.data?.brigades || []
+          }
+        }
+
+        // 加载班组人员资质等级数据（如果是TEAMS类型）
+        if (this.isTeamsType) {
+          const barResponse = await getQualificationBarChart(processedParams)
+
+          if (barResponse.code === 200) {
+            this.teamsQualificationData = barResponse.data?.brigades || []
+          }
+        }
+
+        if (this.isUserType) {
+          // 获取资质等级分布柱状图数据
+          const barResponse = await getQualificationBarChart(processedParams)
+          console.log('资质等级分布柱状图数据:', barResponse.data.brigades)
+          this.user = barResponse?.data?.brigades[0]
+        }
+
         // 加载出勤人次分析数据
         const attendanceResponse = await getCalculate(processedParams)
 
@@ -592,29 +616,6 @@ export default {
         }
 
 
-        // 加载资质等级柱状图数据（如果是STATION类型）
-        if (this.isStationType) {
-          const barResponse = await getQualificationBarChart(processedParams)
-          if (barResponse.code === 200) {
-            this.qualificationBarData = barResponse.data?.brigades || []
-          }
-        }
-
-        // 加载班组人员资质等级数据（如果是TEAMS类型）
-        if (this.isTeamsType) {
-          const barResponse = await getQualificationBarChart(processedParams)
-
-          if (barResponse.code === 200) {
-            this.teamsQualificationData = barResponse.data?.brigades || []
-          }
-        }
-
-        if (this.isUserType) {
-          // 获取资质等级分布柱状图数据
-          const barResponse = await getQualificationBarChart(processedParams)
-          console.log('资质等级分布柱状图数据:', barResponse.data.brigades)
-          this.user = barResponse?.data?.brigades[0]
-        }
 
         // 检查是否为用户类型
         this.checkUserType()
@@ -901,31 +902,32 @@ export default {
 
     // 格式化资质等级描述第二部分
     formatQualificationDescriptionPart2(data) {
-      if (!Array.isArray(data)) {
+      if (this.qualificationBarData.length == 0) {
         return ''
       }
 
-      // 从资质柱状图数据中找出"一级"人员最多的主管
-      let topDeptForLevel1 = '旅检三科'
-      let level1Count = 25
-      let totalDeptCount = 395
+      // 从资质柱状图数据中找出"一级"人员最多的科室
+      let topDeptForLevel1 = ''
+      let level1Count = 0
+      let totalDeptCount = 0
+      let allDeptNames = []
 
       if (this.qualificationBarData && Array.isArray(this.qualificationBarData)) {
-        const barData = this.qualificationBarData
-
-        // 找出"一级"人员最多的主管
+        // 找出"一级"人员最多的科室
         let maxLevel1Count = 0
-        let maxDeptName = '旅检三科'
-        let totalCountForDept = 395
+        let maxDeptName = ''
+        let totalCountForDept = 0
 
-        barData.forEach(dept => {
+
+        this.qualificationBarData.forEach(dept => {
+          allDeptNames.push(dept.deptName)
           if (dept.levelCounts && Array.isArray(dept.levelCounts)) {
             const level1Data = dept.levelCounts.find(level => level.levelName === '高级')
             const deptTotalCount = dept.levelCounts.reduce((sum, level) => sum + (level.count || 0), 0)
 
             if (level1Data && level1Data.count > maxLevel1Count) {
               maxLevel1Count = level1Data.count
-              maxDeptName = dept.deptName || '未知主管'
+              maxDeptName = dept.deptName || ''
               totalCountForDept = deptTotalCount
             }
           }
@@ -937,7 +939,7 @@ export default {
       }
 
       // 生成第二部分描述文字
-      return `全站资质等级为"高级"的人员集中在${topDeptForLevel1}（${level1Count}人）${topDeptForLevel1}的人员规模（共${totalDeptCount}人）高于一科、二科`
+      return `全站资质等级为"高级"的人员集中在${topDeptForLevel1}（${level1Count}人）${topDeptForLevel1}的人员规模（共${totalDeptCount}人）高于${allDeptNames.filter(name => name !== topDeptForLevel1).join(', ')}`
     },
 
     // 检查是否为用户类型（已废弃，使用computed属性替代）

src/pages/qualityControlAnalysisReport/components/qualityControl.vue

@@ -562,6 +562,11 @@ export default {
             type: 'pie',
             radius: '50%',
             data: [],
+            label: {
+              show: true,
+              formatter: '{b}: {c}个',
+              fontSize: 12
+            },
             emphasis: {
               itemStyle: {
                 shadowBlur: 10,
@@ -595,6 +600,12 @@ export default {
         xAxis: {
           type: 'category',
           data: [],
+          axisLabel: {
+            rotate: 45, // 倾斜45度
+            interval: 0, // 显示所有标签
+            fontSize: 12,
+            margin: 10
+          }
         },
         yAxis: {
           type: 'value',
@@ -696,9 +707,9 @@ export default {
         let params = {
           ...this.queryForm,
           userId: this.queryForm.scopedType == 'USER' ? this.queryForm.scopedId : "",
-          deptId: ["DEPARTMENT", "TEAMS", "MANAGER","BRIGADE"].includes(this.queryForm.scopedType) ? this.queryForm.scopedId : ""
+          deptId: ["DEPARTMENT", "TEAMS", "MANAGER", "BRIGADE"].includes(this.queryForm.scopedType) ? this.queryForm.scopedId : ""
         }
-       
+
 
 
         // 加载质控活动分析数据