feat(home-new): 新增绩效分析和质控分析组件及接口

添加绩效分析(PerformanceAnalysis)和质控分析(QualityControlAnalysis)组件，实现以下功能：
1. 绩效分析展示总分、查获效率等指标
2. 质控分析包含查获数据TOP3、问题分布和培训正确率
3. 新增5个API接口获取相关数据
4. 在首页根据角色权限动态加载组件

src/api/home-new/home-new.js

@@ -88,3 +88,46 @@ export function getHomeReportWhole(params) {
     params: params
   })
 }
+
+//绩效指标列表
+export function getMetrics(data) {
+  return request({
+    url: '/item/performance/metrics',
+    method: 'post',
+    data: data
+  })
+}
+
+//质控活动-问题分布统计
+export function getCheckProblemDistribution(query) {
+  return request({
+    url: '/system/analysisReport/checkProblemDistribution',
+    method: 'get',
+    params: query
+  })
+}
+
+//培训测试正确率分析
+export function getAccuracyAnalysis(query) {
+  return request({
+    url: '/exam/quiz/accuracy-analysis',
+    method: 'get',
+    params: query
+  })
+}
+//查询全站查获违禁品 TOP3
+export function getProhibitedTop3(query) {
+  return request({
+    url: '/item/performance/prohibited-top3',
+    method: 'get',
+    params: query
+  })
+}
+//查询隐匿重点部位 Top1
+export function getConcealmentPositionTop1(query) {
+  return request({
+    url: '/item/performance/concealment-position-top1',
+    method: 'get',
+    params: query
+  })
+}

src/pages/home-new/components/performanceAnalysis.vue

@@ -0,0 +1,158 @@
+<template>
+    <div class="performance-analysis-container">
+        <div class="section-title">绩效分析</div>
+
+        <div class="cards-container">
+            <div v-for="(item, index) in performanceData" :key="index" class="card-item">
+                <div class="card-header">
+                    <div class="card-title">{{ item.name }}数据明细</div>
+                    <image :src="getTrophyIcon(item.rank)" class="trophy-icon"></image>
+                </div>
+                <div class="card-content">
+                    <div class="data-item">
+                        <div class="data-value">{{ item.totalScore || '0.0' }}</div>
+                        <div class="data-label">总分</div>
+                    </div>
+                    <div class="divider"></div>
+                    <div class="data-item">
+                        <div class="data-value">{{ item.seizureEfficiency || '0.0' }}</div>
+                        <div class="data-label">查获效率</div>
+                    </div>
+                    <div class="data-item">
+                        <div class="data-value">{{ item.inspectionPassRate || '0.0' }}</div>
+                        <div class="data-label">巡检合格率</div>
+                    </div>
+                    <div class="data-item">
+                        <div class="data-value">{{ item.trainingScore || '0.0' }}</div>
+                        <div class="data-label">培训得分</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'PerformanceAnalysis',
+    data() {
+        return {
+            trophyImages: {
+                one: '/static/images/icon/one.png',
+                two: '/static/images/icon/two.png',
+                three: '/static/images/icon/three.png'
+            }
+        }
+    },
+    props: {
+        performanceData: {
+            type: Array,
+            default: () => []
+        }
+    },
+    watch: {
+        // performanceData: {
+        //     handler(newVal) {
+        //         console.log('绩效数据已更新:', newVal);
+                
+        //     },
+        //     immediate: true,
+        //     deep: true
+        // }
+    },
+    methods: {
+        getTrophyIcon(rank) {
+            switch(rank) {
+                case 1:
+                    return this.trophyImages.one;
+                case 2:
+                    return this.trophyImages.two;
+                case 3:
+                    return this.trophyImages.three;
+                default:
+                    return ''; // 没有奖杯图标
+            }
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.performance-analysis-container {
+    background: #FFFFFF;
+    border-radius: 20rpx;
+    padding: 30rpx;
+    margin-bottom: 70rpx;
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+}
+
+.section-title {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #333333;
+    margin-bottom: 30rpx;
+}
+
+.cards-container {
+    display: flex;
+    flex-direction: column;
+    gap: 30rpx;
+}
+
+.card-item {
+    background: #EFF2FE;
+    border-radius: 30rpx;
+    padding: 20rpx;
+}
+
+
+
+.card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 30rpx;
+}
+
+.card-title {
+    font-size: 30rpx;
+    font-weight: bold;
+    color: #333333;
+}
+
+.trophy-icon {
+    width: 45rpx;
+    height: 45rpx;
+}
+
+.card-content {
+    display: flex;
+    align-items: center;
+    gap: 30rpx;
+}
+
+.data-item {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.data-value {
+    font-size: 36rpx;
+    font-weight: bold;
+    color: #333333;
+    margin-bottom: 8rpx;
+}
+
+.data-label {
+    font-size: 24rpx;
+    color: #666666;
+}
+
+.divider {
+    width: 2rpx;
+    height: 80rpx;
+    background: #CCD3EF;
+}
+</style>

src/pages/home-new/components/qualityControlAnalysis.vue

@@ -0,0 +1,281 @@
+<template>
+    <div class="quality-control-container">
+        <div class="section-title">质控分析</div>
+
+        <div class="data-block">
+            <div class="block-title-row">
+                <div class="block-title">查获数据TOP3</div>
+            </div>
+            <div class="data-grid" v-if="prohibitedTop3 && prohibitedTop3.length > 0">
+                <div v-for="(item, index) in prohibitedTop3" :key="index" class="data-item">
+                    <div class="item-label">{{ item.categoryName }}总数</div>
+                    <div class="item-value">{{ item.quantity }}</div>
+                    <div class="item-ratio">占比<span class="ratio-highlight">{{ item.percentage }}%</span></div>
+                </div>
+            </div>
+            <div v-else class="no-data-text">暂无查获数据</div>
+            <div class="note-text" v-if="prohibitedTop3Desc">注：{{ prohibitedTop3Desc }}</div>
+        </div>
+
+        <div class="data-block">
+            <div class="block-title-row">
+                <div class="block-title">质控发现问题</div>
+                <div class="total-count">总数：<span class="count-highlight">{{ checkProblemDistributionTotal }}</span>
+                </div>
+            </div>
+            <div class="data-grid" v-if="checkProblemDistribution && checkProblemDistribution.length > 0">
+                <div v-for="(item, index) in checkProblemDistribution" :key="index" class="data-item">
+                    <div class="item-label">{{ item.name }}类总数</div>
+                    <div class="item-value">{{ item.total }}</div>
+                    <div class="item-ratio">占比<span class="ratio-highlight">{{ item.percentage }}%</span></div>
+                </div>
+            </div>
+            <div v-else class="no-data-text">暂未发现问题</div>
+            <div class="note-text" v-if="checkProblemDistributionDesc">注：{{ checkProblemDistributionDesc }}</div>
+        </div>
+
+        <div class="data-block">
+            <div class="block-title-row">
+                <div class="block-title">培训测试正确率分析</div>
+                <div class="total-count">平均正确率：<span class="count-highlight">{{ avgCorrectRate }}%</span></div>
+            </div>
+            <div class="data-grid" v-if="accuracyAnalysis && accuracyAnalysis.length > 0">
+                <div v-for="(item, index) in accuracyAnalysis" :key="index" class="data-item">
+                    <div class="item-label">{{ item.categoryName }}</div>
+                    <div class="item-value" :class="getValueClass(item.color)">{{ item.correctRate }}%</div>
+                    <div class="item-status" :class="getValueClass(item.color)">{{ item.label }}</div>
+                </div>
+            </div>
+            <div v-else class="no-data-text">暂无培训测试数据</div>
+            <div class="note-text" v-if="accuracyAnalysisDesc">注：{{ accuracyAnalysisDesc }}</div>
+        </div>
+    </div>
+</template>
+
+<script>
+
+export default {
+    name: 'QualityControlAnalysis',
+    data() {
+        return {
+            checkProblemDistribution: [],
+            checkProblemDistributionTotal: 0,
+            checkProblemDistributionDesc: '',
+            avgCorrectRate: 0,
+            accuracyAnalysisDesc: '',
+            accuracyAnalysis: [],
+            prohibitedTop3: [],
+            prohibitedTop3Desc: ''
+        }
+    },
+    props: {
+        checkProblemDistributionData: {
+            type: Object,
+            default: () => ({})
+        },
+        accuracyAnalysisData: {
+            type: Object,
+            default: () => ({})
+        },
+        prohibitedTop3Data: {
+            type: Array,
+            default: () => ([])
+        },
+        concealmentPositionTop1Data: {
+            type: Array,
+            default: () => ([])
+        },
+    },
+    watch: {
+        // 监听checkProblemDistributionData变化，重新计算数据
+        checkProblemDistributionData: {
+            handler(newVal) {
+                this.calculateCheckProblemDistribution();
+            },
+            deep: true,
+            immediate: true
+        },
+        accuracyAnalysisData: {
+            handler(newVal) {
+                this.calculateAccuracyAnalysis();
+            },
+            deep: true,
+            immediate: true
+        },
+        prohibitedTop3Data: {
+            handler(newVal) {
+                this.calculateProhibitedTop3();
+            },
+            deep: true,
+            immediate: true
+        },
+        concealmentPositionTop1Data: {
+            handler(newVal) {
+                this.calculateProhibitedTop1();
+            },
+            deep: true,
+            immediate: true
+        }
+    },
+    methods: {
+        calculateProhibitedTop1() {
+            let str = this.concealmentPositionTop1Data.map(item => `${item.checkPositionNameOne}/${item.checkPositionNameTwo}`).join('/');
+
+            this.prohibitedTop3Desc = str ? `隐匿重点部位以[${str}]为主` : "";
+        },
+        calculateAccuracyAnalysis() {
+            const { avgCorrectRate, note, categoryList } = this.accuracyAnalysisData || [];
+            this.avgCorrectRate = avgCorrectRate;
+            this.accuracyAnalysisDesc = note;
+            this.accuracyAnalysis = categoryList
+        },
+
+        // 计算违禁品TOP3数据
+        calculateProhibitedTop3() {
+
+            this.prohibitedTop3 = this.prohibitedTop3Data || [];
+        },
+
+        // 根据颜色获取值对应的CSS类
+        getValueClass(color) {
+            if (color === 'green') return 'value-green';
+            if (color === 'red') return 'value-red';
+            return '';
+        },
+
+
+        // 计算检查问题分布数据
+        calculateCheckProblemDistribution() {
+
+            const { checkProblemDistributionItemDtoList, desc } = this.checkProblemDistributionData || [];
+            this.checkProblemDistributionDesc = desc;
+            // 计算总问题数
+            this.checkProblemDistributionTotal = (checkProblemDistributionItemDtoList || []).reduce((sum, item) => sum + (item.total || 0), 0);
+
+            // 计算每个项目的百分比
+            this.checkProblemDistribution = (checkProblemDistributionItemDtoList || []).map(item => ({
+                ...item,
+                percentage: this.checkProblemDistributionTotal > 0 ?
+                    ((item.total / this.checkProblemDistributionTotal) * 100).toFixed(2) : '0.00'
+            }));
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.quality-control-container {
+    background: #FFFFFF;
+    border-radius: 20rpx;
+    padding: 30rpx;
+    margin-bottom: 30rpx;
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+}
+
+.section-title {
+    font-size: 34rpx;
+    font-weight: bold;
+    color: #333333;
+    margin-bottom: 30rpx;
+}
+
+.data-block {
+    background: #EFF2FE;
+    border-radius: 15rpx;
+    padding: 25rpx;
+    margin-bottom: 25rpx;
+
+    &:last-child {
+        margin-bottom: 0;
+    }
+}
+
+.block-title-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 25rpx;
+}
+
+.block-title {
+    font-size: 30rpx;
+    font-weight: bold;
+    color: #333333;
+}
+
+.total-count {
+    font-size: 26rpx;
+    color: #666666;
+}
+
+.count-highlight {
+    color: #1890FF;
+    font-weight: bold;
+}
+
+.data-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 20rpx;
+    margin-bottom: 20rpx;
+}
+
+.data-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+}
+
+.item-label {
+    font-size: 24rpx;
+    color: #666666;
+    margin-bottom: 8rpx;
+}
+
+.item-value {
+    font-size: 34rpx;
+    font-weight: bold;
+    color: #333333;
+    margin-bottom: 8rpx;
+}
+
+.value-green {
+    color: #00AE41 !important;
+}
+
+.value-red {
+    color: #F96060 !important;
+}
+
+.item-ratio {
+    font-size: 24rpx;
+    color: #666666;
+}
+
+.ratio-highlight {
+    color: #F96060;
+    font-weight: bold;
+}
+
+.item-status {
+    font-size: 24rpx;
+    color: #666666;
+}
+
+
+
+.note-text {
+    font-size: 24rpx;
+    color: #F96060;
+    line-height: 1.6;
+}
+
+.no-data-text {
+    font-size: 28rpx;
+    color: #999999;
+    text-align: center;
+    padding: 40rpx 0;
+    font-style: italic;
+}
+</style>

src/pages/home-new/index.vue

@@ -57,6 +57,17 @@
             <!-- TotalDetail组件 -->
             <TotalDetail :homePageWholeData="homePageWholeData" :start-date="startDate" :end-date="endDate"
                 :time-range="selectedTimeRange" :selectedRole="selectedRole" />
+
+
+            <!-- QualityControlAnalysis组件 -->
+            <QualityControlAnalysis v-if="role.includes('zhijianke') || role.includes('test')"
+                :checkProblemDistributionData="checkProblemDistributionData"
+                :accuracyAnalysisData="accuracyAnalysisData" :prohibitedTop3Data="prohibitedTop3Data"
+                :concealmentPositionTop1Data="concealmentPositionTop1Data" />
+
+            <!-- PerformanceAnalysis组件 -->
+            <PerformanceAnalysis v-if="role.includes('zhijianke') || role.includes('test')"
+                :performanceData="performanceData" />
         </div>
     </view>
 </template>
@@ -64,6 +75,8 @@
 <script>
 import HomeContainer from "@/components/HomeContainer.vue";
 import UserInfo from "@/components/UserInfo.vue";
+import QualityControlAnalysis from "@/pages/home-new/components/qualityControlAnalysis.vue";
+import PerformanceAnalysis from "@/pages/home-new/components/performanceAnalysis.vue";
 import HeadTitle from "@/components/HeadTitle.vue";
 import Notice from "@/pages/home/components/notice.vue";
 import SelectTag from "@/components/select-tag/select-tag.vue";
@@ -73,7 +86,7 @@ import { getUserProfile, getAppListByRoleId, getAppList } from "@/api/system/use
 import { getAttendanceList } from "@/api/attendance/attendance"
 import { getUnreadCount } from "@/api/check/checkTask"
 import { checkRolePermission } from "@/utils/common.js";
-import { getHomePage, getSeizureReport, getAttendanceStats, getAccuracyStatistics, getSeizureRanking, getCheckRanking, getHomePageWhole, selectUserListByRoleKey } from "@/api/home-new/home-new";
+import { getHomePage, getSeizureReport, getAttendanceStats, getAccuracyStatistics, getSeizureRanking, getCheckRanking, getHomePageWhole, selectUserListByRoleKey, getMetrics, getCheckProblemDistribution, getAccuracyAnalysis, getProhibitedTop3, getConcealmentPositionTop1 } from "@/api/home-new/home-new";
 // 导入uni-datetime-picker组件
 import uniDatetimePicker from "@/uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker.vue";
 
@@ -86,6 +99,8 @@ export default {
         SelectTag,
         TypeDetail,
         TotalDetail,
+        QualityControlAnalysis,
+        PerformanceAnalysis,
         uniDatetimePicker
     },
     data() {
@@ -140,6 +155,16 @@ export default {
             accuracyStatistics: {},
             homePageWholeData: [],
             subTitleText: '',
+            // 绩效分析数据
+            performanceData: [],
+            // 检查问题分布数据
+            checkProblemDistributionData: {},
+            // 类型详情数据
+            accuracyAnalysisData: {},
+            // 违禁品TOP3数据
+            prohibitedTop3Data: [],
+            // 隐匿重点部位TOP1数据
+            concealmentPositionTop1Data: [],
         }
     },
     computed: {
@@ -400,7 +425,12 @@ export default {
                     this.fetchAccuracyStatistics(), // 抽问抽答数据
                     this.getRank(),                // 排名数据
                     this.getHomePageWholeData(),   // 首页整体数据
-                    this.getTodayOnDutyKeZhang()   // 今日上岗科长信息
+                    this.getTodayOnDutyKeZhang(),   // 今日上岗科长信息
+                    this.getPerformanceData(),     // 绩效分析数据
+                    this.getCheckProblemDistributionData(), // 检查问题分布数据
+                    this.getAccuracyAnalysis(),    // 正确率分析数据
+                    this.getProhibitedTop3Data(),  // 违禁品TOP3数据
+                    this.getConcealmentPositionTop1Data() // 隐匿重点部位TOP1数据
                 ]);
 
                 // 检查每个接口的请求结果
@@ -412,7 +442,12 @@ export default {
                         'fetchAccuracyStatistics',
                         'getRank',
                         'getHomePageWholeData',
-                        'getTodayOnDutyKeZhang'
+                        'getTodayOnDutyKeZhang',
+                        'getPerformanceData',
+                        'getCheckProblemDistribution',
+                        'getAccuracyAnalysis',
+                        'getProhibitedTop3Data',
+                        'getConcealmentPositionTop1Data'
                     ];
 
                     if (result.status === 'rejected') {
@@ -428,7 +463,137 @@ export default {
                 throw error;
             }
         },
+        // 获取检查问题分布数据
+        async getCheckProblemDistributionData() {
+            return new Promise((resolve, reject) => {
+                const { startDate, endDate } = this.calculateDateRange(this.selectedTimeRange);
+
+                const params = {
+                    startDate: startDate,
+                    endDate: endDate
+                };
+
+                getCheckProblemDistribution(params).then(res => {
+                    if (res && res.data) {
+                        console.log('检查问题分布数据:', res.data);
+                        this.checkProblemDistributionData = res.data;
+                        resolve(res.data);
+                    } else {
+                        this.checkProblemDistributionData = {};
+                        resolve(null);
+                    }
+                }).catch(error => {
+                    console.error('获取检查问题分布数据失败:', error);
+                    this.checkProblemDistributionData = {};
+                    reject(error);
+                });
+            });
+        },
+
+        // 获取正确率分析数据
+        getAccuracyAnalysis() {
+            return new Promise((resolve, reject) => {
+                const { startDate, endDate } = this.calculateDateRange(this.selectedTimeRange);
+
+                const params = {
+                    startDate: startDate,
+                    endDate: endDate
+                };
+
+                getAccuracyAnalysis(params).then(res => {
+                    if (res && res.data) {
+                        console.log('正确率分析数据:', res.data);
+                        this.accuracyAnalysisData = res.data;
+                        resolve(res.data);
+                    } else {
+                        resolve(null);
+                    }
+                }).catch(error => {
+                    console.error('获取正确率分析数据失败:', error);
+                    reject(error);
+                });
+            });
+        },
+        // 获取绩效分析数据
+        getPerformanceData() {
+            return new Promise((resolve, reject) => {
+                const { startDate, endDate } = this.calculateDateRange(this.selectedTimeRange);
 
+                const params = {
+                    startTime: startDate,
+                    endTime: endDate,
+                    sortField: 'totalScore',
+                    dimension: '3'
+                };
+
+                getMetrics(params).then(res => {
+
+                    if (res && res.data) {
+                        this.performanceData = res.data;
+                        resolve(res.data);
+                    } else {
+                        resolve([]);
+                    }
+                }).catch(error => {
+                    console.error('获取绩效数据失败:', error);
+                    reject(error);
+                });
+            });
+        },
+
+        // 获取违禁品TOP3数据
+        getProhibitedTop3Data() {
+            return new Promise((resolve, reject) => {
+                const { startDate, endDate } = this.calculateDateRange(this.selectedTimeRange);
+
+                const params = {
+                    startDate: startDate,
+                    endDate: endDate
+                };
+
+                getProhibitedTop3(params).then(res => {
+                    if (res && res.data) {
+                        console.log('违禁品TOP3数据:', res.data);
+                        this.prohibitedTop3Data = res.data;
+                        resolve(res.data);
+                    } else {
+                        this.prohibitedTop3Data = {};
+                        resolve(null);
+                    }
+                }).catch(error => {
+                    console.error('获取违禁品TOP3数据失败:', error);
+                    this.prohibitedTop3Data = {};
+                    reject(error);
+                });
+            });
+        },
+
+        // 获取隐匿重点部位TOP1数据
+        getConcealmentPositionTop1Data() {
+            return new Promise((resolve, reject) => {
+                const { startDate, endDate } = this.calculateDateRange(this.selectedTimeRange);
+
+                const params = {
+                    startDate: startDate,
+                    endDate: endDate
+                };
+
+                getConcealmentPositionTop1(params).then(res => {
+                    if (res && res.data) {
+                        console.log('隐匿重点部位TOP1数据:', res.data);
+                        this.concealmentPositionTop1Data = res.data;
+                        resolve(res.data);
+                    } else {
+                        this.concealmentPositionTop1Data = [];
+                        resolve(null);
+                    }
+                }).catch(error => {
+                    console.error('获取隐匿重点部位TOP1数据失败:', error);
+                    this.concealmentPositionTop1Data = [];
+                    reject(error);
+                });
+            });
+        },
         getRank() {
             return new Promise((resolve, reject) => {
                 let params = {};