feat: 添加能力对比和整体报表页面，优化数据展示逻辑

refactor(workProfile): 简化部门查找逻辑，移除递归实现
refactor(home-new): 调整数据展示逻辑，优化角色权限处理
style: 移除无用代码和注释，保持代码整洁

src/pages.json

@@ -45,6 +45,18 @@
       }
     },
     {
+      "path": "pages/capabilityComparison/index",
+      "style": {
+        "navigationBarTitleText": "能力对比"
+      }
+    },
+    {
+      "path": "pages/statisticalReport/index",
+      "style": {
+        "navigationBarTitleText": "整体报表"
+      }
+    },
+    {
       "path": "pages/mine/avatar/index",
       "style": {
         "navigationBarTitleText": "修改头像"

src/pages/home-new/components/type-detail.vue

@@ -69,21 +69,6 @@
 
                 <!-- test角色特殊显示：主管合格率排行和班组合格率排行 -->
                 <div class="rank-section" v-if="role && (role.includes('test') || role.includes('zhijianke'))">
-                    <!-- 大队合格率排行 -->
-                    <div class="rank-title">{{ item.title === '查获上报' ? '大队查获总数排名' : item.title == '抽问抽答' ? '大队正确率排名' :
-                        '大队合格率排名' }}
-                    </div>
-                    <div v-for="(dept, i) in (item.brigadeRank || [])" :key="'dept-' + i" class="rank-item">
-                        <div class="rank-label">{{ dept.name }}</div>
-                        <div class="rank-progress">
-                            <h-rank-line
-                                :percentage="item.title !== '查获上报' ? Number(dept.passRate || 0) : getPercentage(dept.passRate, item.departmentRank)"
-                                endType="round" :height="10" :color="['#F9CA91', '#ED9E3E']">
-                                <div class="rank-info"><span style="color: #999999">{{ dept.passRate || 0 }}</span>
-                                </div>
-                            </h-rank-line>
-                        </div>
-                    </div>
                     <!-- 主管合格率排行 -->
                     <div class="rank-header">
                         <div class="rank-title">{{ item.title === '查获上报' ? '主管查获总数排名' : item.title == '抽问抽答' ? '主管正确率排名'

src/pages/home-new/index.vue

@@ -177,7 +177,7 @@ export default {
         },
         // TypeDetail组件数据
         typeDetailData() {
-            console.log('this.seizeData', this.seizeData)
+            console.log('this.seizeData', this.seizeData,this.seizeData.stationMasterData)
             return [
                 {
                     title: '查获上报',
@@ -186,14 +186,13 @@ export default {
                     statTitle: '查获数量',
                     teamSortType: this.sortStates['查获上报'].teamSortType,
                     deptSortType: this.sortStates['查获上报'].deptSortType,
-
-                    dividerIndex: this.role.includes('kezhang') ? 1 : 0,
+                    dividerIndex: this.isBrigade ? 1 : 0,
                     dataItems: this.getSeizeDataItems(),
                     rankList: this.getSeizeRankList(),
-                    departmentRank: this.seizeData.stationMasterData && this.seizeData.stationMasterData.departmentRankings.map(item => ({ ...item, passRate: item.seizureCount.toFixed(2), name: item.departmentName })),
-                    bottomDepartmentRank: this.seizeData.stationMasterData && this.seizeData.stationMasterData.departmentRankings && [...this.seizeData.stationMasterData.departmentRankings].sort((a, b) => (a.seizureCount || 0) - (b.seizureCount || 0)).slice(0, 5).map(item => ({ ...item, passRate: item.seizureCount.toFixed(2), name: item.departmentName })),
-                    teamRank: this.seizeData.stationMasterData && this.seizeData.stationMasterData.topFiveTeamRankings.map(item => ({ ...item, passRate: item.seizureCount.toFixed(2), name: item.teamName })),
-                    bottomTeamRank: this.seizeData.stationMasterData && this.seizeData.stationMasterData.botomFiveTeamRankings.map(item => ({ ...item, passRate: item.seizureCount.toFixed(2), name: item.teamName })),
+                    departmentRank: this.seizeData.stationMasterData && this.seizeData.stationMasterData.topThreeDepartmentRankings ? this.seizeData.stationMasterData.topThreeDepartmentRankings.map(item => ({ ...item, passRate: item.seizureCount.toFixed(2), name: item.departmentName })) : [],
+                    bottomDepartmentRank: this.seizeData.stationMasterData && this.seizeData.stationMasterData.botomThreeDepartmentRankings && this.seizeData.stationMasterData.departmentRankings ? [...this.seizeData.stationMasterData.departmentRankings].sort((a, b) => (a.seizureCount || 0) - (b.seizureCount || 0)).slice(0, 3).map(item => ({ ...item, passRate: item.seizureCount.toFixed(2), name: item.departmentName })) : [],
+                    teamRank: this.seizeData.stationMasterData && this.seizeData.stationMasterData.topThreeTeamRankings ? this.seizeData.stationMasterData.topThreeTeamRankings.map(item => ({ ...item, passRate: item.seizureCount.toFixed(2), name: item.teamName })) : [],
+                    bottomTeamRank: this.seizeData.stationMasterData && this.seizeData.stationMasterData.botomThreeTeamRankings ? this.seizeData.stationMasterData.botomThreeTeamRankings.map(item => ({ ...item, passRate: item.seizureCount.toFixed(2), name: item.teamName })) : [],
                 },
                 {
                     title: '抽问抽答',
@@ -202,8 +201,7 @@ export default {
                     statTitle: '正确率（%）',
                     teamSortType: this.sortStates['抽问抽答'].teamSortType,
                     deptSortType: this.sortStates['抽问抽答'].deptSortType,
-
-                    dividerIndex: this.role.includes('kezhang') ? 1 : 0,
+                    dividerIndex: this.isBrigade ? 1 : 0,
                     dataItems: this.getQuestionDataItems(),
                     rankList: this.getQuestionRankList(),
                     departmentRank: this.accuracyStatistics.topDepts && this.accuracyStatistics.topDepts.map(item => ({ ...item, passRate: item.accuracy.toFixed(2), name: item.deptName })),
@@ -218,14 +216,13 @@ export default {
                     statTitle: '合格率（%）',
                     teamSortType: this.sortStates['巡检'].teamSortType,
                     deptSortType: this.sortStates['巡检'].deptSortType,
-
-                    dividerIndex: this.role.includes('kezhang') ? 1 : 0,
+                    dividerIndex: this.isBrigade ? 1 : 0,
                     dataItems: this.getInspectionDataItems(),
                     completed: this.inspectionData.doneNumber,
                     pending: this.inspectionData.doingNumber,
                     rankList: this.getRankList(),
                     departmentRank: this.inspectionData.departmentRankingList && this.inspectionData.departmentRankingList.map(item => ({ ...item, passRate: (item.passRate * 100).toFixed(2) })),
-                    bottomDepartmentRank: this.inspectionData.departmentRankingList && [...this.inspectionData.departmentRankingList].sort((a, b) => (a.passRate || 0) - (b.passRate || 0)).slice(0, 5).map(item => ({ ...item, passRate: (item.passRate * 100).toFixed(2) })),
+                    bottomDepartmentRank: this.inspectionData.reverseDepartmentRankingList && [...this.inspectionData.reverseDepartmentRankingList].sort((a, b) => (a.passRate || 0) - (b.passRate || 0)).slice(0, 5).map(item => ({ ...item, passRate: (item.passRate * 100).toFixed(2) })),
                     teamRank: this.inspectionData.teamRankingList && this.inspectionData.teamRankingList.map(item => ({ ...item, passRate: (item.passRate * 100).toFixed(2) })),
                     bottomTeamRank: this.inspectionData.reverseTeamRankingList && this.inspectionData.reverseTeamRankingList.map(item => ({ ...item, passRate: (item.passRate * 100).toFixed(2) })),
                 }
@@ -257,7 +254,7 @@ export default {
         attendanceItems() {
             let res = {};
 
-            if (this.role.includes('kezhang') || this.isZhanZhang) {
+            if (this.role.includes('kezhang') || this.isZhanZhang || this.isBrigade) {
                 // 班组长选择班组视图
                 if (this.isZhanZhang) {
                     res = this.attendanceStats.stationLeaderStats
@@ -834,7 +831,7 @@ export default {
 
         // 根据角色获取巡检数据项数组
         getInspectionDataItems() {
-            const { personalPassRate, teamPassRate, departmentPassRate, stationPassRate, teamRankingList, departmentRankingList,brigadeRankingList,brigadePassRate } = this.inspectionData;
+            const { personalPassRate, teamPassRate, departmentPassRate, stationPassRate, teamRankingList, departmentRankingList, brigadeRankingList, brigadePassRate } = this.inspectionData;
             if (this.isIndividualView) {
                 // SecurityCheck角色：本人、班平均、主管平均、站平均
                 return [
@@ -849,33 +846,33 @@ export default {
                 return [
                     { label: '班组', value: ((teamPassRate || 0) * 100).toFixed(2), isImage: false },
                     { label: '主管平均', value: ((departmentPassRate || 0) * 100).toFixed(2), isImage: false, color: departmentPassRate < teamPassRate ? '#00AE41' : '#F96060' },
+                    { label: '大队平均', value: ((brigadePassRate || 0) * 100).toFixed(2), isImage: false, color: brigadePassRate < personalPassRate ? '#00AE41' : '#F96060' },
                     { label: '站平均', value: ((stationPassRate || 0) * 100).toFixed(2), isImage: false, color: stationPassRate < teamPassRate ? '#00AE41' : '#F96060' }
                 ];
             } else if (this.role.includes('kezhang')) {
                 // kezhang角色：主管、站平均、前三名班组(isImage: true)
                 return [
                     { label: '主管', value: ((departmentPassRate || 0) * 100).toFixed(2), isImage: false },
+                    { label: '大队平均', value: ((brigadePassRate || 0) * 100).toFixed(2), isImage: false, color: brigadePassRate < personalPassRate ? '#00AE41' : '#F96060' },
                     { label: '站平均', value: ((stationPassRate || 0) * 100).toFixed(2), isImage: false, color: stationPassRate < departmentPassRate ? '#00AE41' : '#F96060' },
-                    { label: this.getObjByRank(teamRankingList, 1).name, value: '/static/images/icon/one.png', isImage: true },
-                    { label: this.getObjByRank(teamRankingList, 2).name, value: '/static/images/icon/two.png', isImage: true },
-                    { label: this.getObjByRank(teamRankingList, 3).name, value: '/static/images/icon/three.png', isImage: true }
+
                 ];
             } else if (this.isBrigade) {
                 // brigade角色：主管、站平均、前三名班组(isImage: true)
                 return [
-                    { label: '主管', value: ((departmentPassRate || 0) * 100).toFixed(2), isImage: false },
-                    { label: '大队平均', value: ((brigadePassRate || 0) * 100).toFixed(2), isImage: false, color: brigadePassRate < departmentPassRate ? '#00AE41' : '#F96060' },
-                    { label: this.getObjByRank(teamRankingList, 1).name, value: '/static/images/icon/one.png', isImage: true },
-                    { label: this.getObjByRank(teamRankingList, 2).name, value: '/static/images/icon/two.png', isImage: true },
-                    { label: this.getObjByRank(teamRankingList, 3).name, value: '/static/images/icon/three.png', isImage: true }
+                    { label: '大队', value: ((brigadePassRate || 0) * 100).toFixed(2), isImage: false },
+                    { label: '站平均', value: ((stationPassRate || 0) * 100).toFixed(2), isImage: false, color: stationPassRate < brigadePassRate ? '#00AE41' : '#F96060' },
+                    { label: this.getObjByRank(departmentRankingList, 1).name, value: '/static/images/icon/one.png', isImage: true },
+                    { label: this.getObjByRank(departmentRankingList, 2).name, value: '/static/images/icon/two.png', isImage: true },
+                    { label: this.getObjByRank(departmentRankingList, 3).name, value: '/static/images/icon/three.png', isImage: true }
                 ];
             } else if (this.isZhanZhang) {
                 // test/zhijianke角色：全站、前三名的科室(isImage: true)
                 return [
                     { label: '全站', value: ((stationPassRate || 0) * 100).toFixed(2), isImage: false },
-                    { label: this.getObjByRank(departmentRankingList, 1).name, value: '/static/images/icon/one.png', isImage: true },
-                    { label: this.getObjByRank(departmentRankingList, 2).name, value: '/static/images/icon/two.png', isImage: true },
-                    { label: this.getObjByRank(departmentRankingList, 3).name, value: '/static/images/icon/three.png', isImage: true }
+                    { label: this.getObjByRank(brigadeRankingList, 1).name, value: '/static/images/icon/one.png', isImage: true },
+                    { label: this.getObjByRank(brigadeRankingList, 2).name, value: '/static/images/icon/two.png', isImage: true },
+                    { label: this.getObjByRank(brigadeRankingList, 3).name, value: '/static/images/icon/three.png', isImage: true }
                 ];
             } else {
                 // 默认角色：检查项、完成率
@@ -923,6 +920,7 @@ export default {
                     { label: this.getObjByRank(topTeamsInDept, 3).teamName, value: '/static/images/icon/three.png', isImage: true }
                 ];
             } else if (this.isZhanZhang) {
+                
                 // test/zhijianke角色：全站、前三名的科室(isImage: true)
                 return [
                     { label: '全站', value: (siteAvgAccuracy || 0), isImage: false },
@@ -940,8 +938,6 @@ export default {
         },
         //根据角色获取查获数据项目组
         getSeizeDataItems() {
-
-
             if (this.isIndividualView) {
                 // SecurityCheck角色：从securityCheckerData解构
                 const { securityCheckerData } = this.seizeData;
@@ -969,50 +965,49 @@ export default {
             } else if (this.role.includes('kezhang')) {
                 // kezhang角色：从securityCheckerData解构
                 const { sectionMasterData } = this.seizeData;
-                const { teamAverage, brigadeAverage, departmentAverage,stationAverage } = sectionMasterData || {}
+                const { brigadeAverage, departmentAverage, stationAverage } = sectionMasterData || {}
 
                 // kezhang角色：主管、站平均、前三名班组(isImage: true)
                 return [
                     { label: '主管', value: departmentAverage || 0, isImage: false },
-                    { label: '主管平均', value: departmentAverage || 0, isImage: false, color: departmentAverage < teamAverage ? '#00AE41' : '#F96060' },
-                    { label: '大队平均', value: brigadeAverage || 0, isImage: false, color: brigadeAverage < teamAverage ? '#00AE41' : '#F96060' },
-                    { label: '站平均', value: (stationAverage && stationAverage.toFixed(2)) || 0, isImage: false, color: stationAverage < teamAverage ? '#00AE41' : '#F96060' }
+                    { label: '大队平均', value: brigadeAverage || 0, isImage: false, color: brigadeAverage < departmentAverage ? '#00AE41' : '#F96060' },
+                    { label: '站平均', value: (stationAverage && stationAverage.toFixed(2)) || 0, isImage: false, color: stationAverage < departmentAverage ? '#00AE41' : '#F96060' }
                     // { label: this.getObjByRank(topThreeTeams, 1).teamName, value: '/static/images/icon/one.png', isImage: true },
                     // { label: this.getObjByRank(topThreeTeams, 2).teamName, value: '/static/images/icon/two.png', isImage: true },
                     // { label: this.getObjByRank(topThreeTeams, 3).teamName, value: '/static/images/icon/three.png', isImage: true }
                 ];
             } else if (this.isBrigade) {
                 // brigade角色：从securityCheckerData解构
-                const { sectionMasterData } = this.seizeData;
-                const { stationAverage, topThreeTeams, departmentAverage } = sectionMasterData || {}
+                const { brigadeMasterData } = this.seizeData;
+                const { stationAverage, topThreeDepartment, brigadeAverage } = brigadeMasterData || {}
 
                 // brigade角色：主管、站平均、前三名班组(isImage: true)
                 return [
-                    { label: '主管', value: departmentAverage || 0, isImage: false },
-                    { label: '大队平均', value: stationAverage?.toFixed(2) || 0, isImage: false, color: stationAverage?.toFixed(2) < departmentAverage ? '#00AE41' : '#F96060' },
-                    { label: this.getObjByRank(topThreeTeams, 1).teamName, value: '/static/images/icon/one.png', isImage: true },
-                    { label: this.getObjByRank(topThreeTeams, 2).teamName, value: '/static/images/icon/two.png', isImage: true },
-                    { label: this.getObjByRank(topThreeTeams, 3).teamName, value: '/static/images/icon/three.png', isImage: true }
+                    { label: '大队', value: brigadeAverage || 0, isImage: false },
+                    { label: '站平均', value: (stationAverage && stationAverage.toFixed(2)) || 0, isImage: false, color: stationAverage < brigadeAverage ? '#00AE41' : '#F96060' },
+                    { label: this.getObjByRank(topThreeDepartment, 1).departmentName, value: '/static/images/icon/one.png', isImage: true },
+                    { label: this.getObjByRank(topThreeDepartment, 2).departmentName, value: '/static/images/icon/two.png', isImage: true },
+                    { label: this.getObjByRank(topThreeDepartment, 3).departmentName, value: '/static/images/icon/three.png', isImage: true }
                 ];
             } else if (this.isZhanZhang) {
                 // test/zhijianke角色：从securityCheckerData解构
                 const { stationMasterData } = this.seizeData;
-                const { totalStationSeizure, departmentRankings } = stationMasterData || {}
+                const { totalStationSeizure, brigadeRankings } = stationMasterData || {}
 
                 // 对departmentRankings数组按照seizureCount由大到小排序
-                const sortedDepartmentRankings = Array.isArray(departmentRankings)
-                    ? [...departmentRankings].sort((a, b) => (b.seizureCount || 0) - (a.seizureCount || 0))
+                const sortedBrigadeRankings = Array.isArray(brigadeRankings)
+                    ? [...brigadeRankings].sort((a, b) => (b.seizureCount || 0) - (a.seizureCount || 0))
                     : [];
 
-                if (sortedDepartmentRankings.length == 0) {
+                if (sortedBrigadeRankings.length == 0) {
                     return []
                 }
                 // test/zhijianke角色：全站、前三名的科室(isImage: true)
                 return [
                     { label: '全站', value: totalStationSeizure || 0, isImage: false },
-                    { label: sortedDepartmentRankings[0].departmentName, value: '/static/images/icon/one.png', isImage: true },
-                    { label: sortedDepartmentRankings[1].departmentName, value: '/static/images/icon/two.png', isImage: true },
-                    { label: sortedDepartmentRankings[2].departmentName, value: '/static/images/icon/three.png', isImage: true }
+                    { label: sortedBrigadeRankings[0].brigadeName, value: '/static/images/icon/one.png', isImage: true },
+                    { label: sortedBrigadeRankings[1].brigadeName, value: '/static/images/icon/two.png', isImage: true },
+                    { label: sortedBrigadeRankings[2].brigadeName, value: '/static/images/icon/three.png', isImage: true }
                 ];
             } else {
                 // 默认角色：检查项、完成率
@@ -1030,7 +1025,7 @@ export default {
 
         // 根据角色获取巡检排名列表
         getRankList() {
-            const { teamRanking, teamTotal, departmentRanking, departmentTotal, stationRanking, stationTotal,brigadeTotal,brigadeRanking } = this.inspectionData;
+            const { teamRanking, teamTotal, departmentRanking, departmentTotal, stationRanking, stationTotal, brigadeTotal, brigadeRanking } = this.inspectionData;
             // 根据角色返回不同的排名数据
             if (this.isIndividualView) {
                 // 科长、SecurityCheck角色：显示班组、科级和站级排名
@@ -1042,11 +1037,12 @@ export default {
                 ];
             } else if (this.role.includes('kezhang')) {
                 return [
+                    { label: '大队排名', current: departmentRanking || 0, total: departmentTotal || 0, percentage: departmentTotal ? ((departmentRanking || 0) / departmentTotal) * 100 : 0 },
                     { label: '站级排名', current: stationRanking || 0, total: stationTotal || 0, percentage: stationTotal ? ((stationRanking || 0) / stationTotal) * 100 : 0, type: 'station' }
                 ];
             } else if (this.isBrigade) {
                 return [
-                    { label: '大队排名', current: departmentRanking || 0, total: departmentTotal || 0, percentage: departmentTotal ? ((departmentRanking || 0) / departmentTotal) * 100 : 0 },
+                   
                     { label: '站级排名', current: stationRanking || 0, total: stationTotal || 0, percentage: stationTotal ? ((stationRanking || 0) / stationTotal) * 100 : 0, type: 'station' }
                 ];
             } else if (this.isTeamView) {
@@ -1102,7 +1098,7 @@ export default {
             // 根据角色返回不同的排名数据
             if (this.isIndividualView) {
                 const { securityCheckerData } = this.seizeData;
-                const { teamRanking, departmentRanking, stationRanking,brigadeRanking } = securityCheckerData || {}
+                const { teamRanking, departmentRanking, stationRanking, brigadeRanking } = securityCheckerData || {}
                 // 科长、SecurityCheck角色：显示班组、科级和站级排名
                 return [
                     { label: '班组排名', current: teamRanking?.currentRank || 0, total: teamRanking?.totalItems || 0, percentage: teamRanking?.totalItems ? ((teamRanking.currentRank || 0) / teamRanking.totalItems) * 100 : 0 },
@@ -1112,7 +1108,7 @@ export default {
                 ];
             } else if (this.role.includes('kezhang')) {
                 const { sectionMasterData } = this.seizeData;
-                const { stationRanking, departmentRanking,brigadeRanking } = sectionMasterData || {};
+                const { stationRanking, departmentRanking, brigadeRanking } = sectionMasterData || {};
                 // 科长、SecurityCheck角色：显示班组、科级和站级排名
                 return [
                     { label: '大队排名', current: brigadeRanking?.currentRank || 0, total: brigadeRanking?.totalItems || 0, percentage: brigadeRanking?.totalItems ? ((brigadeRanking.currentRank || 0) / brigadeRanking.totalItems) * 100 : 0 },
@@ -1128,7 +1124,7 @@ export default {
                 ];
             } else if (this.isTeamView) {
                 const { teamLeaderData } = this.seizeData;
-                const { departmentRanking, stationRanking,brigadeRanking } = teamLeaderData || {}
+                const { departmentRanking, stationRanking, brigadeRanking } = teamLeaderData || {}
                 // 班组长角色：显示科级和站级排名
                 return [
                     { label: '主管排名', current: departmentRanking?.currentRank || 0, total: departmentRanking?.totalItems || 0, percentage: departmentRanking?.totalItems ? ((departmentRanking.currentRank || 0) / departmentRanking.totalItems) * 100 : 0 },

src/pages/statisticalReport/index.vue

@@ -0,0 +1,307 @@
+<template>
+  <HomeContainer>
+    <!-- 时间范围显示 -->
+    <!-- <view v-if="startDate && endDate" class="time-range-display">
+      <text class="time-range-text">时间范围：{{ startDate }} 至 {{ endDate }}</text>
+    </view> -->
+
+    <!-- 统计表格区域 -->
+    <view class="statistic-tables-section">
+      <!-- 查获数量统计表格 -->
+      <StatisticTable title="查获数量" :columns="seizureColumns" :data="seizureTableData" :blankData="'0'"
+        class="statistic-table" />
+
+      <!-- 在岗时长统计表格 -->
+      <StatisticTable title="在岗时长" :columns="workingColumns" :data="workingTableData" :blankData="'0'"
+        class="statistic-table" />
+
+      <!-- 巡检合格率统计表格 -->
+      <StatisticTable title="巡检合格率" :columns="inspectionColumns" :data="inspectionTableData" :blankData="'0'"
+        class="statistic-table" />
+
+      <!-- 抽问抽答正确率统计表格 -->
+      <StatisticTable title="抽问抽答正确率" :columns="questionColumns" :data="questionTableData" :blankData="'0'"
+        class="statistic-table" />
+
+      <!-- 培训答题分数统计表格 -->
+      <StatisticTable title="培训答题分数" :columns="learningColumns" :data="learningTableData" :blankData="'0'"
+        class="statistic-table" />
+    </view>
+  </HomeContainer>
+</template>
+
+<script>
+import HomeContainer from '@/components/HomeContainer.vue'
+import HeadTitle from '@/components/HeadTitle.vue'
+import StatisticTable from '@/components/statistic-table/statistic-table.vue'
+import { getHomeReportWhole } from '@/api/home-new/home-new.js'
+export default {
+  name: 'StatisticalReport',
+  components: {
+    HomeContainer,
+    HeadTitle,
+    StatisticTable
+  },
+  data() {
+    return {
+      // 时间参数
+      startDate: '',
+      endDate: '',
+      // 表格列配置
+      seizureColumns: [
+        { props: 'name', title: '查获数量' },
+        { props: 'totalNumber', title: '总数' },
+        { props: 'averageNumber', title: '平均数' },
+        { props: 'medianNumber', title: '中位数' },
+        { props: 'maxNumber', title: '最大值' },
+        { props: 'minNumber', title: '最小值' }
+      ],
+      workingColumns: [
+        { props: 'name', title: '在岗时长' },
+        { props: 'totalNumber', title: '总数' },
+        { props: 'averageNumber', title: '平均数' },
+        { props: 'medianNumber', title: '中位数' },
+        { props: 'maxNumber', title: '最大值' },
+        { props: 'minNumber', title: '最小值' }
+      ],
+      inspectionColumns: [
+        { props: 'name', title: '巡检合格率(%)' },
+        // { props: 'totalNumber', title: '总数' },
+        { props: 'averageNumber', title: '平均数' },
+        { props: 'medianNumber', title: '中位数' },
+        { props: 'maxNumber', title: '最大值' },
+        { props: 'minNumber', title: '最小值' }
+      ],
+      questionColumns: [
+        { props: 'name', title: '抽问抽答正确率(%)' },
+        // { props: 'totalNumber', title: '总数' },
+        { props: 'averageNumber', title: '平均数' },
+        { props: 'medianNumber', title: '中位数' },
+        { props: 'maxNumber', title: '最大值' },
+        { props: 'minNumber', title: '最小值' }
+      ],
+      learningColumns: [
+        { props: 'name', title: '培训答题分数' },
+        // { props: 'totalNumber', title: '总数' },
+        { props: 'averageNumber', title: '平均数' },
+        { props: 'medianNumber', title: '中位数' },
+        { props: 'maxNumber', title: '最大值' },
+        { props: 'minNumber', title: '最小值' }
+      ],
+      // 统计表格数据
+      seizureTableData: [],      // 查获数量 - seizureList
+      workingTableData: [],      // 在岗时长 - workingList
+      inspectionTableData: [],   // 巡检合格率 - checkList
+      questionTableData: [],     // 抽问抽答正确率 - answerList
+      learningTableData: []      // 培训答题分数 - learningList
+    }
+  },
+
+  async onLoad(options) {
+    // 接收页面参数
+    this.startDate = options.startDate || ''
+    this.endDate = options.endDate || ''
+
+    console.log('接收到的时间参数:', {
+      startDate: this.startDate,
+      endDate: this.endDate
+    })
+
+    // 页面加载时获取数据
+    await this.loadData()
+  },
+
+  methods: {
+    // 加载数据方法
+    async loadData() {
+      try {
+        // 根据时间参数构建查询条件
+        const queryParams = {}
+        if (this.startDate && this.endDate) {
+          queryParams.startDate = this.startDate
+          queryParams.endDate = this.endDate
+        }
+
+        console.log('加载数据的查询参数:', queryParams)
+
+        // 调用getHomeReportWhole接口获取真实数据
+        const response = await getHomeReportWhole(queryParams)
+
+        if (response.code === 200 && response.data) {
+          // 处理接口返回的真实数据
+          const { checkList, learningList, seizureList, workingList, answerList } = response.data;
+
+          // 分配数据到对应的表格
+          this.seizureTableData = seizureList || this.generateMockDepartmentData('查获数量')
+          this.workingTableData = workingList || this.generateMockDepartmentData('在岗时长')
+          this.inspectionTableData = checkList.map((item) => {
+            return {
+              ...item,
+              medianNumber: `${(item.medianNumber * 100).toFixed(2)}`,
+              maxNumber: `${(item.maxNumber * 100).toFixed(2)}`,
+              minNumber: `${(item.minNumber * 100).toFixed(2)}`,
+              averageNumber: `${(item.averageNumber * 100).toFixed(2)}`
+            }
+          }) || this.generateMockDepartmentData('巡检合格率')
+          this.questionTableData = answerList.map((item) => {
+            return {
+              ...item,
+              medianNumber: `${(item.medianNumber).toFixed(2)}`,
+              maxNumber: `${(item.maxNumber).toFixed(2)}`,
+              minNumber: `${(item.minNumber).toFixed(2)}`,
+              averageNumber: `${(item.averageNumber).toFixed(2)}`
+            }
+          }) || this.generateMockDepartmentData('抽问抽答正确率')
+          this.learningTableData = learningList || this.generateMockDepartmentData('培训答题分数')
+
+          // 如果有时间参数，显示时间范围提示
+          // if (this.startDate && this.endDate) {
+          //   uni.showToast({
+          //     title: `已加载 ${this.startDate} 至 ${this.endDate} 的数据`,
+          //     icon: 'none',
+          //     duration: 2000
+          //   })
+          // }
+        } else {
+          // 如果接口返回失败，使用模拟数据
+          console.warn('接口返回数据异常，使用模拟数据')
+          this.seizureTableData = this.generateMockDepartmentData('查获数量')
+          this.workingTableData = this.generateMockDepartmentData('在岗时长')
+          this.inspectionTableData = this.generateMockDepartmentData('巡检合格率')
+          this.questionTableData = this.generateMockDepartmentData('抽问抽答正确率')
+          this.learningTableData = this.generateMockDepartmentData('培训答题分数')
+        }
+      } catch (error) {
+        console.error('加载数据失败:', error)
+        // 如果接口调用失败，使用模拟数据
+        this.seizureTableData = this.generateMockDepartmentData('查获数量')
+        this.workingTableData = this.generateMockDepartmentData('在岗时长')
+        this.inspectionTableData = this.generateMockDepartmentData('巡检合格率')
+        this.questionTableData = this.generateMockDepartmentData('抽问抽答正确率')
+        this.learningTableData = this.generateMockDepartmentData('培训答题分数')
+
+        uni.showToast({
+          title: '数据加载失败，使用模拟数据',
+          icon: 'none'
+        })
+      }
+    },
+
+
+
+
+
+    // 生成模拟科室数据（根据类型生成不同科室的统计数据）
+    generateMockDepartmentData(type) {
+      // 模拟科室列表
+      const departments = ['安检一科', '安检二科', '安检三科', '安检四科', '安检五科']
+
+      // 根据类型设置基础数值范围
+      const baseConfig = {
+        '查获数量': { baseTotal: 800, baseAvg: 20, baseMedian: 18, baseMax: 40, baseMin: 5 },
+        '在岗时长': { baseTotal: 1200, baseAvg: 30, baseMedian: 28, baseMax: 60, baseMin: 15 },
+        '巡检合格率': { baseTotal: 1000, baseAvg: 25, baseMedian: 23, baseMax: 50, baseMin: 10 },
+        '抽问抽答正确率': { baseTotal: 600, baseAvg: 15, baseMedian: 14, baseMax: 30, baseMin: 3 },
+        '培训答题分数': { baseTotal: 900, baseAvg: 22, baseMedian: 21, baseMax: 45, baseMin: 8 }
+      }
+
+      const config = baseConfig[type] || baseConfig['查获数量']
+
+      return departments.map((dept, index) => {
+        // 为每个科室生成略有差异的数据
+        const variation = (index + 1) * 0.1 // 每个科室数据略有不同
+
+        return {
+          name: dept,
+          totalNumber: Math.round(config.baseTotal * (1 + variation * 0.2)),
+          averageNumber: (config.baseAvg * (1 + variation * 0.1)).toFixed(1),
+          medianNumber: (config.baseMedian * (1 + variation * 0.1)).toFixed(1),
+          maxNumber: Math.round(config.baseMax * (1 + variation * 0.3)),
+          minNumber: Math.round(config.baseMin * (1 + variation * 0.1))
+        }
+      })
+    },
+
+    // 生成模拟表格数据（根据时间参数调整数据）
+    generateMockTableData(type, queryParams = {}) {
+      // 根据时间范围调整数据值
+      let baseValue = 1000
+      let completionRate = 98.5
+      let passRate = 96.2
+      let avgTime = 15
+
+      // 如果有时间参数，根据时间范围调整数据
+      if (queryParams.startDate && queryParams.endDate) {
+        // 计算时间跨度（天数）
+        const start = new Date(queryParams.startDate)
+        const end = new Date(queryParams.endDate)
+        const diffTime = Math.abs(end - start)
+        const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))
+
+        // 根据时间跨度调整数据
+        baseValue = Math.round(1000 * (diffDays / 30)) // 假设30天为基准
+        completionRate = 98.5 - (30 - Math.min(diffDays, 30)) * 0.1
+        passRate = 96.2 - (30 - Math.min(diffDays, 30)) * 0.05
+        avgTime = 15 + (30 - Math.min(diffDays, 30)) * 0.2
+      }
+
+      return [
+        { label: `${type}总数`, value: baseValue.toLocaleString() },
+        { label: `${type}完成率`, value: `${completionRate.toFixed(1)}%` },
+        { label: `${type}合格率`, value: `${passRate.toFixed(1)}%` },
+        { label: `${type}平均用时`, value: `${avgTime.toFixed(0)}分钟` }
+      ]
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.statistical-report {
+  min-height: 100vh;
+  background-color: #f5f7fa;
+}
+
+// 时间范围显示样式
+.time-range-display {
+  background-color: #ffffff;
+  padding: 24rpx 32rpx;
+  margin-bottom: 24rpx;
+  border-radius: 12rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
+
+  .time-range-text {
+    font-size: 28rpx;
+    color: #666;
+    font-weight: 500;
+  }
+}
+
+.page-header {
+  margin-bottom: 32rpx;
+}
+
+.statistic-tables-section {
+  .statistic-table {
+    margin-bottom: 32rpx;
+  }
+}
+
+// 响应式适配
+@media (max-width: 750px) {
+  .time-range-display {
+    padding: 20rpx 24rpx;
+    margin-bottom: 20rpx;
+
+    .time-range-text {
+      font-size: 26rpx;
+    }
+  }
+
+  .statistic-tables-section {
+    .statistic-table {
+      margin-bottom: 24rpx;
+    }
+  }
+}
+</style>

src/pages/workProfile/index.vue

@@ -165,29 +165,9 @@ export default {
         handleLevelChange(value) {
             console.log("value===", value, this.levelOptions)
             let targetObj = {}
-            // 递归查找函数
-            const findInTree = (items, id) => {
-                for (let item of items) {
-                    if (item.id == id) {
-                        return item;
-                    }
-                    if (item.children && item.children.length > 0) {
-                        const found = findInTree(item.children, id);
-                        if (found) return found;
-                    }
-                }
-                return null;
-            };
-
-            targetObj = findInTree(this.levelOptions, value);
-            if (!targetObj) {
-                console.warn('未找到匹配的部门对象，id:', value);
-                return;
-            }
-            console.log("targetObj===", targetObj)
-
-            this.selectedLevelId = targetObj.id;
-            this.selectedLevelType = targetObj.deptType == 'STATION' ? 'station' : targetObj.deptType == 'BRIGADE' ? 'brigade' : 'department'
+            targetObj = this.levelOptions.find(item => item.id == value);
+            this.selectedLevelId = targetObj.value
+            this.selectedLevelType = targetObj.deptType == 'STATION' ? 'station' : 'department'
             this.loadData()
         },
         loadData() {
@@ -213,11 +193,11 @@ export default {
         },
         //获取抽问抽答完成率
         getLevelRateData() {
-            let params = {};
+            let params = {}
             let api = this.selectedLevelType == 'station' ? getStationLevelRate : getDepartmentLevelRate
             if (this.selectedLevelType == 'station') {
                 params.siteId = this.selectedLevelId
-            } else if (this.selectedLevelType == 'department' || this.selectedLevelType == 'brigade') {
+            } else if (this.selectedLevelType == 'department') {
                 params.deptId = this.selectedLevelId
             }
             api(params).then(res => {
@@ -251,6 +231,7 @@ export default {
 
                 })
             }
+
             if (this.isJingLi) {
 
                 const deptId = this.currentUser.deptId;
@@ -302,16 +283,11 @@ export default {
             let otherparams = {
                 deptId: this.selectedLevelId || ''
             }
-            console.log("params===", params, this.selectedLevelType)
             if (this.selectedLevelType == 'station') {
                 params.checkedSiteId = this.selectedLevelId
-            } 
-            if (this.selectedLevelType == 'department') {
+            } else if (this.selectedLevelType == 'department') {
                 params.checkedDepartmentId = this.selectedLevelId
             }
-            if (this.selectedLevelType == 'brigade') {
-                params.checkedBrigadeId = this.selectedLevelId
-            }
             getPortrait(params).then(res => {
                 this.portraitData = res.data || {};
             })