feat: 新增质控分析报告和消息推送功能

新增质控分析报告页面及相关组件，包含勤务组织、质控活动、风险隐患和抽问抽答四个分析模块
新增消息推送功能，包括首页消息推送组件和详情页面
新增违禁品查获上报表单中的常见违禁品选项和描述字段
添加相关API接口和静态资源图片

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

@@ -131,3 +131,11 @@ export function getConcealmentPositionTop1(query) {
     params: query
   })
 }
+//获取查获消息推送数据
+export function getPushMessage(query) {
+  return request({
+    url: '/item/seizure/push/message',
+    method: 'get',
+    params: query
+  })
+}

src/api/qualityControlAnalysisReport/qualityControlAnalysisReport.js

@@ -0,0 +1,212 @@
+import request from '@/utils/request'
+
+// 质控活动
+// 勤务组织相关接口
+export function getAnalysisReport(data) {
+  return request({
+    url: '/system/analysisReport/check',
+    method: 'post',
+    data: data
+  })
+}
+
+// 出勤人次分析
+export function getCalculate(data) {
+  return request({
+    url: '/quality/attendance/calculate',
+    method: 'post',
+    data: data
+  })
+}
+
+// 出勤人次趋势数据
+export function getCalculateTrendData(data) {
+  return request({
+    url: '/quality/attendance/trend-data',
+    method: 'post',
+    data: data
+  })
+}
+
+// 获取资质等级分布饼状图数据
+export function getQualificationPieChart(query) {
+  return request({
+    url: '/statistics/qualification/pie-chart',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获取资质等级分布柱状图数据
+export function getQualificationBarChart(query) {
+  return request({
+    url: '/statistics/qualification/bar-chart',
+    method: 'get',
+    params: query
+  })
+}
+
+// 质控活动相关接口
+// 获取物品分类统计
+export function getCategoryStats(query) {
+  return request({
+    url: '/quality/item-category-stats/category-stats',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获取查获时段趋势图
+export function getSeizureTimeTrend(query) {
+  return request({
+    url: '/quality/item-category-stats/seizure-time-trend',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获取隐匿夹带部位分布统计
+export function getConcealmentPositionStats(query) {
+  return request({
+    url: '/quality/item-category-stats/concealment-position-stats',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获取岗位分类统计
+export function getPostCategoryStats(query) {
+  return request({
+    url: '/quality/item-category-stats/post-category-stats',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获取通道排名统计
+export function getChannelRankingStats(query) {
+  return request({
+    url: '/quality/item-category-stats/channel-ranking-stats',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获取各科室查获排名
+export function getDepartmentRanking(query) {
+  return request({
+    url: '/quality/item-category-stats/brigade-ranking',
+    method: 'get',
+    params: query
+  })
+}
+
+// 风险隐患相关接口
+// 移交公安数据
+export function getPoliceData(params = {}) {
+  return request({
+    url: '/quality/item-category-stats/police-data',
+    method: 'get',
+    params
+  })
+}
+
+// 移交公安数据统计
+export function getPoliceDataStats(params = {}) {
+  return request({
+    url: '/quality/item-category-stats/police-stats',
+    method: 'get',
+    params
+  })
+}
+
+// X光机漏检数据
+export function getXrayMissCheck(params = {}) {
+  return request({
+    url: '/quality/item-category-stats/xray-miss-check',
+    method: 'get',
+    params
+  })
+}
+
+// X光机漏检人员统计TOP3
+export function getXrayMissCheckStats(params = {}) {
+  return request({
+    url: '/quality/item-category-stats/xray-miss-check-top3',
+    method: 'get',
+    params
+  })
+}
+
+// 异常查获数据
+export function getAbnormalSeizureData(params = {}) {
+  return request({
+    url: '/quality/item-category-stats/abnormal-seizure-data',
+    method: 'get',
+    params
+  })
+}
+
+// 异常查获数据TOP3
+export function getAbnormalSeizureStats(params = {}) {
+  return request({
+    url: '/quality/item-category-stats/abnormal-seizure-data-top3',
+    method: 'get',
+    params
+  })
+}
+
+// 抽问抽答相关接口
+// 抽问抽答完成趋势
+export function getCompletionTrend(params = {}) {
+  return request({
+    url: '/v1/cs/app/daily-exam/completion-comparison',
+    method: 'get',
+    params
+  })
+}
+
+// 错题分析 - 总体问题分布
+export function getWrongAnalysisOverview(params = {}) {
+  return request({
+    url: '/v1/cs/app/daily-exam/wrong-analysis/pc-overview',
+    method: 'get',
+    params
+  })
+}
+
+// 错题分析 - 问题分布对比（雷达图）
+export function getWrongAnalysisRadar(params = {}) {
+  return request({
+    url: '/v1/cs/app/daily-exam/wrong-analysis/pc-radar',
+    method: 'get',
+    params
+  })
+}
+
+// 基于时间维度的绩效统计查询趋势图
+export function getCalculateByTime(data) {
+  return request({
+    url: '/performance/dimension/calculate-by-time',
+    method: 'post',
+    data: data
+  })
+}
+
+// 基于时间维度的绩效统计查询列表
+export function getCalculateByTimeList(data) {
+  return request({
+    url: '/performance/dimension/calculate-by-time-list',
+    method: 'post',
+    data: data
+  })
+}
+
+// 使用报告
+export function getUsageReport(query) {
+  return request({
+    url: '/system/usageReport/report',
+    method: 'get',
+    params: query
+  })
+}

src/pages.json

@@ -261,6 +261,18 @@
       }
     },
     {
+      "path": "pages/messagePush/index",
+      "style": {
+        "navigationBarTitleText": "消息推送"
+      }
+    },
+    {
+      "path": "pages/qualityControlAnalysisReport/index",
+      "style": {
+        "navigationBarTitleText": "质控分析报告"
+      }
+    },
+    {
       "path": "pages/questionStatistics/index",
       "style": {
         "navigationBarTitleText": "抽问抽答统计"

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

@@ -0,0 +1,135 @@
+<template>
+    <div class="tips" @click="navigateToMessagePush">
+        <img alt="" src="@/static/images/messagePush.png">
+        <div class="message-container">
+            <div class="message-line message-title">近15天违禁品查获情况群体消息推送</div>
+            <div class="message-line">{{ prohibitedItemText }}</div>
+            <div class="message-line">{{ concealmentPositionText }}</div>
+            <div class="message-line">{{ highRiskChannelText }}</div>
+        </div>
+    </div>
+</template>
+
+<script>
+import { getPushMessage } from '@/api/home-new/home-new';
+export default {
+    name: 'MessagePush',
+    data() {
+        return {
+            concealmentPositionsTop3: [],
+            highRiskChannelsTop3: [],
+            prohibitedItemsTop3: [],
+        }
+    },
+    computed: {
+        prohibitedItemText() {
+            if (!this.prohibitedItemsTop3 || this.prohibitedItemsTop3.length === 0) {
+                return '移交公安TOP1:火种/打火机';
+            }
+            const item = this.prohibitedItemsTop3[0];
+            const nameOne = item.categoryNameOne || '';
+            const nameTwo = item.categoryNameTwo || '';
+            return `移交公安TOP1:${nameOne}${nameTwo ? '/' + nameTwo : ''}`;
+        },
+        concealmentPositionText() {
+            if (!this.concealmentPositionsTop3 || this.concealmentPositionsTop3.length === 0) {
+                return '藏匿部位TOP1:随身行礼物品';
+            }
+            const item = this.concealmentPositionsTop3[0];
+            const nameOne = item.positionNameOne || '';
+            const nameTwo = item.positionNameTwo || '';
+            return `藏匿部位TOP1:${nameOne}${nameTwo ? '/' + nameTwo : ''}`;
+        },
+        highRiskChannelText() {
+            if (!this.highRiskChannelsTop3 || this.highRiskChannelsTop3.length === 0) {
+                return '高发通道TOP1:T1航站楼/a区域/a01';
+            }
+            const item = this.highRiskChannelsTop3[0];
+            const terminalName = item.terminalName || '';
+            const areaName = item.areaName || '';
+            const channelName = item.channelName || '';
+            let text = '高发通道TOP1:';
+            if (terminalName) text += terminalName;
+            if (areaName) text += '/' + areaName;
+            if (channelName) text += '/' + channelName;
+            return text;
+        }
+    },
+    mounted() {
+        this.fetchPushMessage();
+    },
+    methods: {
+        // 获取推送消息数据
+        async fetchPushMessage() {
+            try {
+                const response = await getPushMessage();
+                console.log('推送消息响应:', response);
+                if (response && response.data) {
+                    const { concealmentPositionsTop3, highRiskChannelsTop3, prohibitedItemsTop3 } = response.data;
+                    this.concealmentPositionsTop3 = concealmentPositionsTop3 || [];
+                    this.highRiskChannelsTop3 = highRiskChannelsTop3 || [];
+                    this.prohibitedItemsTop3 = prohibitedItemsTop3 || [];
+                }
+            } catch (error) {
+                console.error('获取推送消息失败:', error);
+            }
+        },
+        
+        // 跳转到消息推送详情页面
+        navigateToMessagePush() {
+            uni.navigateTo({
+                url: '/pages/messagePush/index'
+            });
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.tips {
+    display: flex;
+    align-items: center;
+    padding: 20rpx 28rpx;
+    background: #FFF4F4;
+    border-radius: 32rpx;
+    font-size: 24rpx;
+    color: #222222;
+    line-height: 32rpx;
+    margin-bottom: 32rpx;
+    cursor: pointer;
+    transition: all 0.3s ease;
+
+    img {
+        width: 66rpx;
+        padding-right: 28rpx;
+        border-right: 1px solid rgba(0, 0, 0, 0.1);
+        margin-right: 28rpx;
+        flex-shrink: 0;
+        margin-top: 4rpx;
+    }
+
+    .message-container {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        gap: 8rpx;
+    }
+
+    .message-line {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .message-title {
+        font-weight: bold;
+        font-size: 26rpx;
+    }
+
+    // 鼠标悬停效果
+    &:hover {
+        background: #FFE8E8;
+        transform: scale(1.01);
+    }
+}
+</style>

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

@@ -0,0 +1,114 @@
+<template>
+  <view class="report-carousel">
+    <swiper class="swiper" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="500" circular>
+      <!-- 月度报告 -->
+      <swiper-item class="swiper-item" @click="navigateToReport('MONTH')">
+        <view class="carousel-content">
+          <image class="carousel-image" src="/static/images/monthReport.png" mode="aspectFill" />
+          <view class="image-tag">{{ monthReportTime }}</view>
+        </view>
+      </swiper-item>
+
+      <!-- 季度报告 -->
+      <swiper-item class="swiper-item" @click="navigateToReport('QUARTER')">
+        <view class="carousel-content">
+          <image class="carousel-image" src="/static/images/quarterReport.png" mode="aspectFill" />
+          <view class="image-tag">{{ quarterReportTime }}</view>
+        </view>
+      </swiper-item>
+
+      <!-- 年度报告 -->
+      <swiper-item class="swiper-item" @click="navigateToReport('YEAR')">
+        <view class="carousel-content">
+          <image class="carousel-image" src="/static/images/yearReport.png" mode="aspectFill" />
+          <view class="image-tag">{{ yearReportTime }}</view>
+        </view>
+      </swiper-item>
+    </swiper>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'ReportCarousel',
+  computed: {
+    // 月度报告时间 - 上个月（2026年3月）
+    monthReportTime() {
+      const now = new Date()
+      const lastMonth = new Date(now.getFullYear(), now.getMonth() - 1, 1)
+      const year = lastMonth.getFullYear()
+      const month = lastMonth.getMonth() + 1
+      return `${year}年${month}月`
+    },
+    // 季度报告时间 - 上一季度（2026年第一季度）  
+    quarterReportTime() {
+      const now = new Date()
+      const currentQuarter = Math.floor((now.getMonth()) / 3) + 1
+      const lastQuarter = currentQuarter === 1 ? 4 : currentQuarter - 1
+      const year = currentQuarter === 1 ? now.getFullYear() - 1 : now.getFullYear()
+      return `${year}年第${lastQuarter}季度`
+    },
+    // 年度报告时间 - 上一年（2025年）
+    yearReportTime() {
+      const now = new Date()
+      const lastYear = now.getFullYear() - 1
+      return `${lastYear}年`
+    }
+  },
+  methods: {
+    // 跳转到质控分析报告页面
+    navigateToReport(dateRangeQueryType) {
+      uni.navigateTo({
+        url: `/pages/qualityControlAnalysisReport/index?dateRangeQueryType=${dateRangeQueryType}`
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.report-carousel {
+  margin-bottom: 20rpx;
+  // margin: 0 32rpx 32rpx 32rpx;
+  border-radius: 24rpx;
+  overflow: hidden;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
+}
+
+.swiper {
+  height: 300rpx;
+}
+
+.swiper-item {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+}
+
+.carousel-content {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+.carousel-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+// 图片左上角标签样式
+.image-tag {
+  position: absolute;
+  top: 0rpx;
+  left: 0rpx;
+  background-color: #C5E3FF;
+  color: #0A46A7;
+  padding: 8rpx 16rpx;
+  border-radius: 20rpx 0 20rpx 0;
+  font-size: 24rpx;
+  font-weight: bold;
+  z-index: 10;
+}
+</style>

src/pages/home-new/index.vue

@@ -31,7 +31,9 @@
         </div>
 
         <div class="content">
+            <ReportCarousel />
             <Notice ref="notice" />
+            <MessagePush ref="messagePush" />
 
             <!-- 时间范围选择 -->
             <div class="time-range-section">
@@ -78,6 +80,8 @@ 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 ReportCarousel from "@/pages/home-new/components/reportCarousel.vue";
+import MessagePush from "@/pages/home-new/components/messagePush.vue";
 import Notice from "@/pages/home/components/notice.vue";
 import SelectTag from "@/components/select-tag/select-tag.vue";
 import TypeDetail from "@/pages/home-new/components/type-detail.vue";
@@ -96,12 +100,14 @@ export default {
         UserInfo,
         HomeContainer,
         Notice,
+        MessagePush,
         SelectTag,
         TypeDetail,
         TotalDetail,
         QualityControlAnalysis,
         PerformanceAnalysis,
-        uniDatetimePicker
+        uniDatetimePicker,
+        ReportCarousel,
     },
     data() {
         return {

src/pages/messagePush/index.vue

@@ -0,0 +1,232 @@
+<template>
+  <HomeContainer :customStyle="{ background: 'none', padding: '0' }">
+    <!-- 页面标题 -->
+    <view class="page-title">近15天违禁品查获情况群体消息推送</view>
+    
+    <!-- 违禁品TOP3重点关注提示 -->
+    <view class="section">
+      <view class="section-title">1. 近15天移交公安违禁品TOP3</view>
+      <view class="section-description">
+        重点关注违禁品提示：需重点关注的违禁品主要包括{{prohibitedItemTips}}，各岗位需严格按照安检标准，对相关违禁品进行重点核查，杜绝漏检。
+      </view>
+      <StatisticTable 
+        :columns="prohibitedItemColumns" 
+        :data="prohibitedItemData" 
+        :blankData="'0'"
+        class="statistic-table" />
+    </view>
+
+    <!-- 藏匿部位TOP3检查提示 -->
+    <view class="section">
+      <view class="section-title">2. 近15天故意隐匿物品藏匿部位TOP3</view>
+      <view class="section-description">
+        藏匿部位检查提示：需着重注意{{concealmentTips}}的情况，检查时需细致排查，杜绝隐匿夹带。
+      </view>
+      <StatisticTable 
+        :columns="concealmentPositionColumns" 
+        :data="concealmentPositionData" 
+        :blankData="'0'"
+        class="statistic-table" />
+    </view>
+
+    <!-- 高发通道TOP3管控提示 -->
+    <view class="section">
+      <view class="section-title">3. 近15天移交公安违禁品高发通道TOP3</view>
+      <view class="section-description">
+        高发通道管控提示：需着重注意{{highRiskChannelTips}}这三个高发通道，需安排经验丰富的员工上岗，重点关注各通道的安检操作规范，加强相关通道的巡视检查频次，确保安检质量，杜绝违规操作和漏检情况。
+      </view>
+      <StatisticTable 
+        :columns="highRiskChannelColumns" 
+        :data="highRiskChannelData" 
+        :blankData="'0'"
+        class="statistic-table" />
+    </view>
+  </HomeContainer>
+</template>
+
+<script>
+import HomeContainer from '@/components/HomeContainer.vue'
+import StatisticTable from '@/components/statistic-table/statistic-table.vue'
+import { getPushMessage } from '@/api/home-new/home-new'
+
+export default {
+  name: 'MessagePush',
+  components: {
+    HomeContainer,
+    StatisticTable
+  },
+  data() {
+    return {
+      // 违禁品表格列配置
+      prohibitedItemColumns: [
+        { props: 'rank', title: '排名' },
+        { props: 'category', title: '违禁品类别（一二级分类合并）' },
+        { props: 'count', title: '查获数量（件）' }
+      ],
+      // 藏匿部位表格列配置
+      concealmentPositionColumns: [
+        { props: 'rank', title: '排名' },
+        { props: 'position', title: '藏匿部位（一二级分类合并）' },
+        { props: 'count', title: '隐匿次数（次）' }
+      ],
+      // 高发通道表格列配置
+      highRiskChannelColumns: [
+        { props: 'rank', title: '排名' },
+        { props: 'channel', title: '通道编号（航站楼+区域）' },
+        { props: 'count', title: '移交公安数量（件）' }
+      ],
+      // 表格数据
+      prohibitedItemData: [],
+      concealmentPositionData: [],
+      highRiskChannelData: [],
+      // 原始数据
+      prohibitedItemsTop3: [],
+      concealmentPositionsTop3: [],
+      highRiskChannelsTop3: []
+    }
+  },
+
+  async onLoad() {
+    await this.fetchPushMessageData()
+  },
+
+  computed: {
+    // 违禁品提示文本
+    prohibitedItemTips() {
+      if (!this.prohibitedItemsTop3 || this.prohibitedItemsTop3.length === 0) {
+        return '';
+      }
+      
+      const items = this.prohibitedItemsTop3.slice(0, 3).map(item => {
+        const category = `${item.categoryNameOne || ''}${item.categoryNameTwo ? '/' + item.categoryNameTwo : ''}`;
+        return category;
+      });
+      
+      return items.join('、');
+    },
+    
+    // 藏匿部位提示文本
+    concealmentTips() {
+      if (!this.concealmentPositionsTop3 || this.concealmentPositionsTop3.length === 0) {
+        return '';
+      }
+      
+      const positions = this.concealmentPositionsTop3.slice(0, 3).map(item => {
+        const position = `${item.positionNameOne || ''}${item.positionNameTwo ? '/' + item.positionNameTwo : ''}`;
+        return position;
+      });
+      
+      return positions.join('、');
+    },
+    
+    // 高发通道提示文本
+    highRiskChannelTips() {
+      if (!this.highRiskChannelsTop3 || this.highRiskChannelsTop3.length === 0) {
+        return '';
+      }
+      
+      const channels = this.highRiskChannelsTop3.slice(0, 3).map(item => {
+        const channel = `${item.terminalName || ''}${item.areaName ? '/' + item.areaName : ''}${item.channelName ? '/' + item.channelName : ''}`;
+        return channel;
+      });
+      
+      return channels.join('、');
+    }
+  },
+
+  methods: {
+    // 获取推送消息数据
+    async fetchPushMessageData() {
+      try {
+        const response = await getPushMessage()
+        console.log('推送消息响应:', response)
+        if (response && response.data) {
+          const { concealmentPositionsTop3, highRiskChannelsTop3, prohibitedItemsTop3 } = response.data
+          
+          // 保存原始数据用于计算属性
+          this.prohibitedItemsTop3 = prohibitedItemsTop3 || []
+          this.concealmentPositionsTop3 = concealmentPositionsTop3 || []
+          this.highRiskChannelsTop3 = highRiskChannelsTop3 || []
+          
+          // 处理违禁品数据
+          this.prohibitedItemData = this.formatProhibitedItemsData(this.prohibitedItemsTop3)
+          
+          // 处理藏匿部位数据
+          this.concealmentPositionData = this.formatConcealmentPositionsData(this.concealmentPositionsTop3)
+          
+          // 处理高发通道数据
+          this.highRiskChannelData = this.formatHighRiskChannelsData(this.highRiskChannelsTop3)
+        }
+      } catch (error) {
+        console.error('获取推送消息失败:', error)
+      }
+    },
+
+    // 格式化违禁品数据
+    formatProhibitedItemsData(items) {
+      return items.map((item, index) => ({
+        rank: `TOP${index + 1}`,
+        category: `${item.categoryNameOne || ''}${item.categoryNameTwo ? '/' + item.categoryNameTwo : ''}`,
+        count: item.seizureCount || 0
+      }))
+    },
+
+    // 格式化藏匿部位数据
+    formatConcealmentPositionsData(positions) {
+      return positions.map((item, index) => ({
+        rank: `TOP${index + 1}`,
+        position: `${item.positionNameOne || ''}${item.positionNameTwo ? '/' + item.positionNameTwo : ''}`,
+        count: item.concealmentCount || 0
+      }))
+    },
+
+    // 格式化高发通道数据
+    formatHighRiskChannelsData(channels) {
+      return channels.map((item, index) => ({
+        rank: `TOP${index + 1}`,
+        channel: `${item.terminalName || ''}${item.areaName ? '/' + item.areaName : ''}${item.channelName ? '/' + item.channelName : ''}`,
+        count: item.transferToPoliceCount || 0
+      }))
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page-title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #222222;
+  text-align: center;
+  margin: 32rpx 0 48rpx 0;
+  line-height: 48rpx;
+}
+
+.section {
+  margin-bottom: 48rpx;
+  padding: 0 32rpx;
+}
+
+.section-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333333;
+  margin-bottom: 16rpx;
+  line-height: 44rpx;
+}
+
+.section-description {
+  font-size: 28rpx;
+  color: #666666;
+  line-height: 40rpx;
+  margin-bottom: 24rpx;
+  background: #f8f9fa;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  
+}
+
+.statistic-table {
+  margin-top: 16rpx;
+}
+</style>

src/pages/qualityControlAnalysisReport/components/qaAnalysis.vue

@@ -0,0 +1,817 @@
+<template>
+  <view class="qa-analysis mobile-section">
+    <!-- 抽问抽答标题 -->
+    <view class="section-title">
+      <text class="title-text">抽问抽答</text>
+    </view>
+
+    <!-- 三个横向均分的内容区域 -->
+    <view class="three-panel-layout">
+      <!-- 第一个：答题完成趋势 -->
+      <view class="panel-item">
+        <view class="panel-header">
+          <text class="header-text">答题完成趋势</text>
+        </view>
+
+        <!-- 描述卡片 -->
+        <view class="describe-card">
+          <view class="describe-content">
+            {{ completionTrendDescription }}
+          </view>
+        </view>
+
+        <!-- 折线图 -->
+        <view class="chart-container">
+          <view ref="completionTrendChartRef" class="echarts-chart"></view>
+        </view>
+      </view>
+
+      <!-- 第二个：错题分布 -->
+      <view class="panel-item">
+        <view class="panel-header">
+          <text class="header-text">错题分布</text>
+        </view>
+
+        <!-- 描述卡片 -->
+        <view class="describe-card">
+          <view class="describe-content">
+            {{ errorDistributionDescription }}
+          </view>
+        </view>
+
+        <!-- 饼图 -->
+        <view class="chart-container">
+          <view ref="errorDistributionChartRef" class="echarts-chart"></view>
+        </view>
+      </view>
+
+      <!-- 第三个：各科错题分布对比 -->
+      <view class="panel-item" v-show="isStationType">
+        <view class="panel-header">
+          <text class="header-text">各科错题分布对比</text>
+        </view>
+
+        <!-- 描述卡片 -->
+        <view class="describe-card">
+          <view class="describe-content">
+            {{ departmentComparisonDescription }}
+          </view>
+        </view>
+
+        <!-- 雷达图 -->
+        <view class="chart-container">
+          <view ref="departmentComparisonChartRef" class="echarts-chart"></view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+import { getCompletionTrend, getWrongAnalysisOverview, getWrongAnalysisRadar } from '@/api/qualityControlAnalysisReport/qualityControlAnalysisReport'
+
+export default {
+  name: 'QaAnalysis',
+  props: {
+    queryForm: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      completionTrendDescription: '',
+      errorDistributionDescription: '',
+      departmentComparisonDescription: '',
+      loading: false,
+      completionTrendChart: null,
+      errorDistributionChart: null,
+      departmentComparisonChart: null
+    }
+  },
+
+  computed: {
+    // 计算属性：检查是否为STATION类型
+    isStationType() {
+      const roles = this.$store.state?.user?.roles || []
+
+
+      return roles.includes('zhijianke') || roles.includes('test')
+    }
+  },
+
+  mounted() {
+    this.loadData()
+    this.$nextTick(() => {
+      this.initCharts()
+    })
+  },
+
+  beforeDestroy() {
+    this.disposeCharts()
+  },
+
+  watch: {
+    queryForm: {
+      handler() {
+        this.loadData()
+      },
+      deep: true
+    },
+
+  },
+
+  methods: {
+    // 初始化图表
+    initCharts() {
+      // 答题完成趋势折线图
+      if (this.$refs.completionTrendChartRef) {
+        this.initCompletionTrendChart()
+      }
+
+      // 错题分布饼图
+      if (this.$refs.errorDistributionChartRef) {
+        this.initErrorDistributionChart()
+      }
+
+      // 各科错题分布对比雷达图
+      if (this.$refs.departmentComparisonChartRef) {
+        this.initDepartmentComparisonChart()
+      }
+    },
+
+    // 初始化答题完成趋势折线图
+    initCompletionTrendChart() {
+      const completionTrendOptions = {
+        tooltip: {
+          trigger: 'axis'
+        },
+        legend: {
+          data: []
+        },
+        grid: {
+          left: '10%',
+          right: '8%',
+          top: '45%',
+          bottom: '10%',
+          // containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          boundaryGap: false,
+          data: []
+        },
+        yAxis: {
+          type: 'value'
+        },
+        series: []
+      }
+
+      this.completionTrendChart = this.createEChartsInstance(this.$refs.completionTrendChartRef, completionTrendOptions)
+    },
+
+    // 初始化错题分布饼图
+    initErrorDistributionChart() {
+      const errorDistributionOptions = {
+        tooltip: {
+          trigger: 'item',
+          formatter: '{a} <br/>{b}: {c} ({d}%)'
+        },
+        legend: {
+          orient: 'horizontal',
+
+          top: 0
+        },
+        series: [
+          {
+            name: '错题分布',
+            type: 'pie',
+            radius: ['40%', '70%'],
+            avoidLabelOverlap: false,
+            itemStyle: {
+              borderRadius: 10,
+              borderColor: '#fff',
+              borderWidth: 2
+            },
+            emphasis: {
+              label: {
+                show: true,
+                fontSize: 12,
+                fontWeight: 'bold'
+              }
+            },
+            label: {
+              show: true,
+              formatter: '{b}\n{c} ({d}%)',
+              fontSize: 12,
+              fontWeight: 'normal'
+            },
+            labelLine: {
+              show: true,
+              length: 10,
+              length2: 20
+            },
+            data: []
+          }
+        ]
+      }
+
+      this.errorDistributionChart = this.createEChartsInstance(this.$refs.errorDistributionChartRef, errorDistributionOptions)
+    },
+
+    // 初始化各科错题分布对比雷达图
+    initDepartmentComparisonChart() {
+      const departmentComparisonOptions = {
+        tooltip: {
+          trigger: 'item'
+        },
+        legend: {
+          show: true,
+          orient: 'horizontal',
+          top: 0
+        },
+        // grid: {
+          
+     
+        //   top: '30%',
+         
+          
+        // },
+        radar: {
+          indicator: [],
+          radius: '50%', // 缩小雷达图半径
+          center: ['50%', '65%'] // 调整雷达图位置
+        },
+        series: [
+          {
+            type: 'radar',
+            data: [],
+            areaStyle: {}
+          }
+        ]
+      }
+
+      this.departmentComparisonChart = this.createEChartsInstance(this.$refs.departmentComparisonChartRef, departmentComparisonOptions)
+    },
+
+    // 创建ECharts实例（适配uni-app环境）
+    createEChartsInstance(chartRef, options) {
+      if (!chartRef) return null
+
+      // 获取DOM元素
+      const chartDom = chartRef.$el || chartRef
+      if (!chartDom) return null
+
+      // 创建ECharts实例
+      const chartInstance = echarts.init(chartDom)
+
+      // 设置初始选项
+      if (options) {
+        chartInstance.setOption(options)
+      }
+
+      return chartInstance
+    },
+
+    // 销毁图表
+    disposeCharts() {
+      if (this.completionTrendChart) {
+        this.completionTrendChart.dispose()
+        this.completionTrendChart = null
+      }
+      if (this.errorDistributionChart) {
+        this.errorDistributionChart.dispose()
+        this.errorDistributionChart = null
+      }
+      if (this.departmentComparisonChart) {
+        this.departmentComparisonChart.dispose()
+        this.departmentComparisonChart = null
+      }
+    },
+
+    // 加载数据
+    async loadData() {
+      if (this.loading) return
+
+      this.loading = true
+      try {
+        // 检查是否为站类型
+        this.checkStationType()
+
+        // 加载答题完成趋势数据
+        await this.fetchCompletionTrendData()
+
+        // 加载错题分布数据
+        await this.fetchWrongAnalysisOverviewData()
+
+        // 如果是站类型，加载各科错题分布对比数据
+        if (this.isStationType) {
+          await this.fetchWrongAnalysisRadarData()
+        }
+
+      } catch (error) {
+        console.error('加载抽问抽答数据失败:', error)
+        // 模拟数据作为备选
+        this.setMockData()
+      } finally {
+        this.loading = false
+      }
+    },
+
+    // 检查是否为站类型（已废弃，使用computed属性替代）
+    checkStationType() {
+      // 此方法已废弃，角色判断现在通过computed属性实现
+    },
+
+    // 处理查询参数
+    processQueryParams() {
+      const processedParams = { ...this.queryForm }
+
+
+
+      return {
+        ...processedParams,
+        scopeType: processedParams.scopedType == 'TEAMS' ? 'TEAM' : processedParams.scopedType,
+        scopeId: processedParams.scopedId,
+        yearOnYear: '',
+        chainRatio: ''
+      }
+    },
+
+    // 获取答题完成趋势数据
+    async fetchCompletionTrendData() {
+      try {
+        const processedParams = this.processQueryParams()
+        const response = await getCompletionTrend(processedParams)
+
+        if (response.code === 200) {
+          const { processedData, xAxisData } = this.processApiData(response || {})
+
+          // 生成描述文本
+          this.completionTrendDescription = this.generateCompletionTrendDescription(processedData, xAxisData)
+
+          // 更新图表
+          this.updateCompletionTrendChart(processedData, xAxisData)
+        }
+
+      } catch (error) {
+        console.error('获取答题完成趋势数据失败:', error)
+        throw error
+      }
+    },
+
+    // 获取错题分布数据
+    async fetchWrongAnalysisOverviewData() {
+      try {
+        const processedParams = this.processQueryParams()
+        const response = await getWrongAnalysisOverview(processedParams)
+
+
+        const pieData = this.processOverviewData(response || {})
+
+        // 生成描述文本
+        this.errorDistributionDescription = this.generateErrorDistributionDescription(pieData)
+
+        // 更新图表
+        this.updateErrorDistributionChart(pieData)
+
+      } catch (error) {
+        console.error('获取错题分布数据失败:', error)
+        throw error
+      }
+    },
+
+    // 获取各科错题分布对比数据
+    async fetchWrongAnalysisRadarData() {
+      try {
+        const processedParams = this.processQueryParams()
+        const response = await getWrongAnalysisRadar(processedParams)
+
+        // if (response.code === 200) {
+        const radarData = this.processRadarData(response || {})
+
+        // 生成描述文本
+        this.departmentComparisonDescription = this.generateDepartmentComparisonDescription(radarData)
+
+        // 更新图表
+        this.updateDepartmentComparisonChart(radarData)
+        // }
+
+      } catch (error) {
+        console.error('获取各科错题分布对比数据失败:', error)
+        throw error
+      }
+    },
+
+    // 处理API数据
+    processApiData(apiData) {
+      if (!apiData || !apiData.model) {
+        return { processedData: [], xAxisData: [] }
+      }
+
+      const { xAxis, series } = apiData.model
+
+      // 处理x轴数据
+      const xAxisData = xAxis || []
+
+      // 处理系列数据
+      const processedData = []
+
+      if (series && series.length > 0) {
+        for (let i = 0; i < series.length; i++) {
+          const numericData = series[i].data.map(item => {
+            if (typeof item === 'string') {
+              return parseFloat(item) || 0
+            }
+            return Number(item) || 0
+          })
+
+          processedData.push({
+            name: series[i].name,
+            type: 'line',
+            data: numericData,
+            symbol: 'circle',
+            symbolSize: 6,
+            smooth: true,
+            lineStyle: {
+              width: 3
+            }
+          })
+        }
+      }
+
+      return { processedData, xAxisData }
+    },
+
+    // 处理总体问题分布数据
+    processOverviewData(apiData) {
+      const { categories } = apiData.model
+
+      if (!categories || !categories.length) return []
+
+      return categories.map(category => ({
+        id: category.id,
+        value: category.count,
+        name: category.name
+      }))
+    },
+
+    // 处理雷达图数据
+    processRadarData(apiData) {
+      const { indicators, series } = apiData.model
+
+      if (!apiData || !indicators || !series) return { indicators: [], series: [] }
+
+      return { indicators, series }
+    },
+
+    // 生成答题完成趋势描述
+    generateCompletionTrendDescription(processedData, xAxisData) {
+      if (!processedData.length || !xAxisData.length) {
+        return '暂无数据'
+      }
+
+
+
+      // 找到全站数据
+      let stationData = processedData.find(item => item.name === '全站')?.data || []
+
+      // 找到除了全站之外的其他主管数据
+      const otherDepartments = processedData.filter(item => item.name !== '全站')
+
+      let maxData = null
+      let maxDataPercent = '0.00'
+
+      if (otherDepartments.length > 0) {
+        // 如果有其他主管数据，找出完成人数最多的主管
+        maxData = otherDepartments.reduce((max, item) => {
+          if (item.data[item.data.length - 1] > max.data[max.data.length - 1]) {
+            return item
+          }
+          return max
+        }, otherDepartments[0])
+
+        // 防止除数为0或NaN
+        const stationLastValue = stationData[stationData.length - 1] || 0
+        if (stationLastValue > 0) {
+          maxDataPercent = ((maxData.data[maxData.data.length - 1] / stationLastValue) * 100).toFixed(2)
+        } else {
+          maxDataPercent = '0.00'
+        }
+      }
+
+      // 安全获取数组元素，防止NaN
+      const lastValue = stationData[stationData.length - 1] || 0
+      const firstValue = stationData[0] || 0
+      const secondValue = stationData[1] || 0
+
+      // 计算同比
+      let tongValue = 0
+      if (firstValue > 0) {
+        tongValue = ((lastValue - firstValue) / firstValue) * 100
+      }
+      let tong = firstValue === 0 ? '--' : (tongValue > 0 ? '+' : '') + tongValue.toFixed(2)
+
+      // 计算环比
+      let huanValue = 0
+      if (secondValue > 0) {
+        huanValue = ((lastValue - secondValue) / secondValue) * 100
+      }
+      let huan = secondValue === 0 ? '--' : (huanValue > 0 ? '+' : '') + huanValue.toFixed(2)
+
+      // 安全获取maxData数组元素，防止NaN
+      let maxDataLastValue = 0
+      let maxDataFirstValue = 0
+      let maxDataSecondValue = 0
+      let maxDataTong = '--'
+      let maxDataHuan = '--'
+
+      if (maxData && maxData.data) {
+        maxDataLastValue = maxData.data[maxData.data.length - 1] || 0
+        maxDataFirstValue = maxData.data[0] || 0
+        maxDataSecondValue = maxData.data[1] || 0
+
+        // 计算maxData同比
+        let maxDataTongValue = 0
+        if (maxDataFirstValue > 0) {
+          maxDataTongValue = ((maxDataLastValue - maxDataFirstValue) / maxDataFirstValue) * 100
+        }
+        maxDataTong = maxDataFirstValue === 0 ? '--' : (maxDataTongValue > 0 ? '+' : (maxDataTongValue < 0 ? '' : '')) + maxDataTongValue.toFixed(2)
+
+        // 计算maxData环比
+        let maxDataHuanValue = 0
+        if (maxDataSecondValue > 0) {
+          maxDataHuanValue = ((maxDataLastValue - maxDataSecondValue) / maxDataSecondValue) * 100
+        }
+        maxDataHuan = maxDataSecondValue === 0 ? '--' : (maxDataHuanValue > 0 ? '+' : (maxDataHuanValue < 0 ? '' : '')) + maxDataHuanValue.toFixed(2)
+      }
+
+      // 根据查询条件决定显示内容
+      let descriptionText = ''
+      let totalPerson = stationData[stationData.length - 1] || 0
+
+      if (maxData) {
+        // 有其他主管数据时显示主管信息
+        if (this.queryForm.dateRangeQueryType === 'YEAR') {
+          const firstYearStr = this.isStationType ? `${maxData.name}共答题${totalPerson}人次，同比${tong}%，` : ''
+          const secondYearStr = this.isStationType ? `${maxData.name}共答题${maxData.data[maxData.data.length - 1]}人次，占比最高为${maxDataPercent}%。` : `${maxData.name}完成${maxDataLastValue}人次，同比${maxDataTong}%。`
+          // 年查询：只显示同比，隐藏环比
+          descriptionText = `${firstYearStr}${secondYearStr}`
+        } else {
+          const firstNotYearStr = this.isStationType ? `${maxData.name}共答题${totalPerson}人次，同比${tong}%，环比${huan}%，` : ''
+          const secondNotYearStr = this.isStationType ? `${maxData.name}共答题${maxData.data[maxData.data.length - 1]}人次，占比最高为${maxDataPercent}%。` : `${maxData.name}完成${maxDataLastValue}人次，同比${maxDataTong}%，环比${maxDataHuan}%。`
+          // 季度或月查询：显示同比和环比
+          descriptionText = `${firstNotYearStr}${secondNotYearStr}`
+        }
+      } else {
+        // 只有全站数据时显示简化的描述
+        if (this.queryForm.dateRangeQueryType === 'YEAR') {
+          descriptionText = `${maxData.name}共答题${totalPerson}人次，同比${tong}%。`
+        } else {
+          descriptionText = `${maxData.name}共答题${totalPerson}人次，同比${tong}%，环比${huan}%。`
+        }
+      }
+
+      return descriptionText
+    },
+
+    // 生成错题分布描述
+    generateErrorDistributionDescription(pieData) {
+      if (!pieData.length) {
+        return '暂无数据'
+      }
+
+      const sortedData = pieData.sort((a, b) => b.value - a.value)
+      const total = pieData.reduce((acc, cur) => acc + cur.value, 0)
+
+      const firstPercentage = total > 0 ? ((sortedData[0]?.value / total) * 100).toFixed(2) : '0.00'
+      const secondPercentage = total > 0 ? ((sortedData[1]?.value / total) * 100).toFixed(2) : '0.00'
+
+      return `错题主要集中于：${sortedData[0]?.name || '--'}，占比：${firstPercentage}%；其次为：${sortedData[1]?.name || '--'}，占比：${secondPercentage}%，为靶向培训、题库优化提供核心依据。`
+    },
+
+    // 生成各科错题分布对比描述
+    generateDepartmentComparisonDescription(radarData) {
+      if (!radarData.series || !radarData.series.length) {
+        return '暂无数据'
+      }
+
+      const series = radarData.series.map(ele => {
+        if (ele.data.every(item => item === 0)) {
+          return ''
+        }
+        let maxIndex = ele.data.indexOf(Math.max(...ele.data))
+        return `${ele.name}：问题主要集中于${radarData.indicators[maxIndex]}`
+      }).filter(element => !!element).join('；')
+
+      return `${series}${series.length > 0 ? '，' : '暂无问题'}，可精准识别主管管理短板，分配质控资源。`
+    },
+
+    // 更新答题完成趋势图表
+    updateCompletionTrendChart(processedData, xAxisData) {
+      if (this.completionTrendChart) {
+        const newOptions = {
+          legend: {
+            data: processedData.map(item => item.name)
+          },
+          xAxis: {
+            data: xAxisData
+          },
+          series: processedData
+        }
+
+        this.completionTrendChart.setOption(newOptions)
+      }
+    },
+
+    // 更新错题分布图表
+    updateErrorDistributionChart(pieData) {
+      if (this.errorDistributionChart) {
+        const newOptions = {
+          series: [
+            {
+              data: pieData
+            }
+          ]
+        }
+
+        this.errorDistributionChart.setOption(newOptions)
+      }
+    },
+
+    // 更新各科错题分布对比图表
+    updateDepartmentComparisonChart(radarData) {
+
+      if (this.departmentComparisonChart) {
+        const maxValue = this.calculateRadarMaxValue(radarData.series)
+
+        const newOptions = {
+          radar: {
+            indicator: radarData.indicators.map(indicator => ({
+              name: indicator,
+              max: maxValue || 100
+            }))
+          },
+          series: [
+            {
+              type: 'radar',
+              data: radarData.series.map(seriesItem => ({
+                value: seriesItem.data,
+                name: seriesItem.name
+              })),
+              areaStyle: {}
+            }
+          ]
+        }
+
+        this.departmentComparisonChart.setOption(newOptions)
+      }
+    },
+
+    // 计算雷达图数据的最大值
+    calculateRadarMaxValue(radarData) {
+      if (!radarData || radarData.length === 0) return 100
+
+      let maxValue = 0
+
+      radarData.forEach(series => {
+        if (series.data && Array.isArray(series.data)) {
+          const seriesMax = Math.max(...series.data)
+          if (seriesMax > maxValue) {
+            maxValue = seriesMax
+          }
+        }
+      })
+
+      return maxValue
+    },
+
+    // 设置模拟数据
+    setMockData() {
+      // 答题完成趋势数据
+      const mockCompletionData = {
+        processedData: [
+          {
+            name: '全站',
+            type: 'line',
+            data: [85, 88, 92, 90, 87, 89, 91, 93, 95, 94, 92, 90],
+            symbol: 'circle',
+            symbolSize: 6,
+            smooth: true,
+            lineStyle: { width: 3 }
+          }
+        ],
+        xAxisData: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+      }
+
+      this.completionTrendDescription = '全站共答题120人次，同比+5.2%，环比+2.1%，旅检一科共答题45人次，占比最高为37.5%。'
+      this.updateCompletionTrendChart(mockCompletionData.processedData, mockCompletionData.xAxisData)
+
+      // 错题分布数据
+      const mockPieData = [
+        { value: 45.3, name: '操作执行类' },
+        { value: 28.7, name: '设施设备类' },
+        { value: 15.2, name: '勤务组织类' },
+        { value: 8.4, name: '安全知识类' },
+        { value: 2.4, name: '其他' }
+      ]
+
+      this.errorDistributionDescription = '错题主要集中于：操作执行类，占比：45.30%；其次为：设施设备类，占比：28.70%，为靶向培训、题库优化提供核心依据。'
+      this.updateErrorDistributionChart(mockPieData)
+
+      // 各科错题分布对比数据
+      const mockRadarData = {
+        indicators: ['操作执行类', '设施设备类', '勤务组织类', '安全知识类', '其他'],
+        series: [
+          { name: '旅检一科', data: [85, 45, 30, 60, 10] },
+          { name: '旅检二科', data: [40, 80, 55, 70, 15] },
+          { name: '旅检三科', data: [35, 50, 90, 45, 20] }
+        ]
+      }
+
+      this.departmentComparisonDescription = '旅检一科：问题主要集中于操作执行类；旅检二科：问题主要集中于设施设备类；旅检三科：问题主要集中于勤务组织类，可精准识别主管管理短板，分配质控资源。'
+      this.updateDepartmentComparisonChart(mockRadarData)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.qa-analysis {
+  // padding: 24rpx;
+  background: #fff;
+  border-radius: 16rpx;
+  margin-bottom: 24rpx;
+}
+
+.section-title {
+  margin-bottom: 24rpx;
+
+  .title-text {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #333;
+  }
+}
+
+.three-panel-layout {
+  display: flex;
+  flex-direction: column;
+  gap: 32rpx;
+}
+
+.panel-item {
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  border-radius: 12rpx;
+  padding: 20rpx;
+  margin-bottom: 16rpx;
+}
+
+.panel-header {
+  margin-bottom: 16rpx;
+
+  .header-text {
+    font-size: 28rpx;
+    font-weight: 600;
+    color: #333;
+  }
+}
+
+.describe-card {
+  background: #f8f9fa;
+  border-radius: 8rpx;
+  padding: 16rpx;
+  margin-bottom: 16rpx;
+
+  .describe-content {
+    font-size: 24rpx;
+    line-height: 1.5;
+    color: #666;
+  }
+}
+
+.chart-container {
+  background: #fff;
+  border-radius: 8rpx;
+  padding: 16rpx;
+  height: 500rpx;
+
+  .echarts-chart {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+@media (min-width: 768px) {
+  .three-panel-layout {
+    flex-direction: row;
+    flex-wrap: wrap;
+  }
+
+  .panel-item {
+    flex: 1 1 calc(33.333% - 32rpx);
+    min-width: 300rpx;
+  }
+}
+</style>

src/pages/qualityControlAnalysisReport/index.vue

@@ -0,0 +1,297 @@
+<template>
+  <HomeContainer :customStyle="{ background: 'none' }">
+    <!-- 页面标题 -->
+    <view class="page-header">
+
+      <view class="report-type">{{ reportTypeText }}</view>
+      <!-- 班组和个人切换按钮 -->
+      <SelectTag v-if="isTeamLeader" :tags="roleTags" :selected-value="currentQueryParams.scopedType"
+        @change="handleRoleChange" class="role-selector" />
+    </view>
+
+    <!-- 四个分析组件 -->
+    <view class="analysis-sections">
+      <!-- 勤务组织组件 -->
+      <DutyOrganization :query-form="currentQueryParams" />
+
+      <!-- 质控活动组件 -->
+      <QualityControl :query-form="currentQueryParams" />
+
+      <!-- 风险隐患组件 -->
+      <RiskHazard :query-form="currentQueryParams" />
+
+      <!-- 抽问抽答组件 -->
+      <QaAnalysis :query-form="currentQueryParams" />
+    </view>
+  </HomeContainer>
+</template>
+
+<script>
+import HomeContainer from '@/components/HomeContainer.vue'
+import DutyOrganization from './components/dutyOrganization.vue'
+import QualityControl from './components/qualityControl.vue'
+import RiskHazard from './components/riskHazard.vue'
+import QaAnalysis from './components/qaAnalysis.vue'
+import SelectTag from '@/components/select-tag/select-tag.vue'
+// import { getUsageReport } from '@/api/qualityControlAnalysisReport/qualityControlAnalysisReport'
+
+export default {
+  name: 'QualityControlAnalysisReport',
+  components: {
+    HomeContainer,
+    DutyOrganization,
+    QualityControl,
+    RiskHazard,
+    QaAnalysis,
+    SelectTag
+  },
+  data() {
+    return {
+      // 查询参数
+      currentQueryParams: {
+        dateRangeQueryType: 'MONTH', // 默认月度
+        year: new Date().getFullYear(),
+        quarter: '',
+        month: new Date().getMonth() + 1,
+        scopedType: ''
+      },
+      // 页面加载状态
+      loading: false,
+      // 报告数据
+      reportData: {},
+      // 角色切换相关数据
+      roleTags: [
+        { label: '班组', value: 'TEAMS' },
+        { label: '个人', value: 'USER' }
+      ]
+    }
+  },
+
+  computed: {
+    // 报告类型文本
+    reportTypeText() {
+      const now = new Date()
+      const { dateRangeQueryType } = this.currentQueryParams
+
+      switch (dateRangeQueryType) {
+        case 'MONTH': {
+          const lastMonth = new Date(now.getFullYear(), now.getMonth() - 1, 1)
+          const year = lastMonth.getFullYear()
+          const month = lastMonth.getMonth() + 1
+          return `${year}年${month}月-月度报告`
+        }
+        case 'QUARTER': {
+          const currentQuarter = Math.floor((now.getMonth()) / 3) + 1
+          const lastQuarter = currentQuarter === 1 ? 4 : currentQuarter - 1
+          const year = currentQuarter === 1 ? now.getFullYear() - 1 : now.getFullYear()
+          return `${year}年第${lastQuarter}季度-季度报告`
+        }
+        case 'YEAR': {
+          const lastYear = now.getFullYear() - 1
+          return `${lastYear}年-年度报告`
+        }
+        default:
+          return '报告'
+      }
+    },
+
+    // 时间范围文本
+    timeRangeText() {
+      const { dateRangeQueryType, year, quarter, month } = this.currentQueryParams
+
+      switch (dateRangeQueryType) {
+        case 'YEAR':
+          return `${year}年`
+        case 'QUARTER':
+          return `${year}年第${quarter}季度`
+        case 'MONTH':
+          return `${year}年${month}月`
+        default:
+          return '未知时间范围'
+      }
+    },
+
+    // 计算属性：检查是否为班组长
+    isTeamLeader() {
+      const roles = this.$store.state?.user?.roles || []
+      return roles.includes('banzuzhang')
+    }
+  },
+
+  onLoad(options) {
+    // 设置查询参数
+    this.setQueryParams(options)
+
+
+  },
+
+  onShow() {
+
+  },
+
+  methods: {
+    // 设置查询参数
+    setQueryParams(options) {
+      const now = new Date()
+      const currentYear = now.getFullYear()
+      const currentMonth = now.getMonth() + 1
+      const currentQuarter = Math.ceil(currentMonth / 3)
+
+      // 从路由参数获取查询类型
+      const dateRangeQueryType = options.dateRangeQueryType || 'MONTH'
+
+      // 根据查询类型设置时间参数
+      let year, quarter, month
+
+      // 优先使用路由参数中的时间值，如果没有则使用默认值（取前一期）
+      switch (dateRangeQueryType) {
+        case 'YEAR':
+          if (options.year) {
+            year = parseInt(options.year)
+          } else {
+            year = currentYear - 1
+          }
+          quarter = ''
+          month = ''
+          break
+        case 'QUARTER':
+          if (options.year) {
+            year = parseInt(options.year)
+          } else {
+            year = currentYear
+          }
+          if (options.quarter) {
+            quarter = parseInt(options.quarter)
+          } else {
+            quarter = currentQuarter > 1 ? currentQuarter - 1 : 4
+            if (currentQuarter === 1) {
+              year = currentYear - 1
+            }
+          }
+          month = ''
+          break
+        case 'MONTH':
+        default:
+          if (options.year) {
+            year = parseInt(options.year)
+          } else {
+            year = currentYear
+          }
+          if (options.month) {
+            month = parseInt(options.month)
+          } else {
+            month = currentMonth > 1 ? currentMonth - 1 : 12
+            if (currentMonth === 1) {
+              year = currentYear - 1
+            }
+          }
+          quarter = ''
+          break
+      }
+
+      // 根据查询类型设置yearOnYear和chainRatio参数
+      let yearOnYear, chainRatio
+      if (dateRangeQueryType === 'YEAR') {
+        yearOnYear = true
+        chainRatio = undefined
+      } else {
+        yearOnYear = true
+        chainRatio = true
+      }
+
+      // 从store获取当前登录用户的deptId
+      const { roles, id } = this.$store.state?.user || {};
+      const { deptId, deptType } = this.$store.state?.user?.userInfo || {};
+
+      let stationType = roles.includes('test') || roles.includes('zhijianke')
+      let finalScopedId, finalScopedType
+      if (roles.includes('jingli') || roles.includes('xingzheng')) {
+        finalScopedId = deptId || ''
+        finalScopedType = 'BRIGADE'
+      }
+      // 如果是班组长，默认选择 TEAMS
+      if (roles.includes('banzuzhang')) {
+        finalScopedId = deptId || ''
+        finalScopedType = 'TEAMS'
+      } else {
+        // 其他情况按登录角色赋值
+        finalScopedId = stationType ? '' : roles.includes('SecurityCheck') ? id : (deptId || '')
+        finalScopedType = stationType ? '' : roles.includes('SecurityCheck') ? 'USER' : (deptType || '')
+      }
+
+      // 一次性赋值给currentQueryParams
+      this.currentQueryParams = {
+        dateRangeQueryType,
+        year,
+        quarter,
+        month,
+        scopedId: finalScopedId,
+        scopedType: finalScopedType,
+        yearOnYear,
+        chainRatio
+      }
+    },
+
+
+
+    // 处理角色切换
+    handleRoleChange(role) {
+
+      const { userId, deptId } = this.$store.state?.user?.userInfo || {};
+
+      if (role === 'TEAMS') {
+        this.currentQueryParams.scopedId = deptId;
+        this.currentQueryParams.scopedType = 'TEAMS'
+      } else {
+        this.currentQueryParams.scopedId = userId
+        this.currentQueryParams.scopedType = 'USER'
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page-header {
+  border-radius: 20rpx;
+  padding: 32rpx;
+  text-align: center;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: #fff;
+}
+
+
+
+.report-type {
+  font-size: 28rpx;
+  opacity: 0.9;
+}
+
+.query-section {
+  padding: 24rpx 32rpx;
+  background: #f8f9fa;
+  border-bottom: 1rpx solid #e9ecef;
+}
+
+.query-item {
+  display: flex;
+  align-items: center;
+  margin-bottom: 16rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.query-label {
+  font-size: 28rpx;
+  color: #666;
+  min-width: 120rpx;
+}
+
+.query-value {
+  font-size: 28rpx;
+  color: #333;
+  font-weight: 500;
+}
+</style>

src/pages/seizedReported/index.vue

@@ -143,6 +143,29 @@
                     v-model="formData.unit" @change="onUnitChange" name="unit" required /> -->
                 </view>
               </uni-forms-item>
+              <uni-forms-item label="是否常见违禁品" name="commonContraband" required>
+                <radio-group @change="onCommonForbiddenChange" class="radio-group"
+                  :class="{ 'disabled-group': isDetailMode }">
+                  <label class="radio-item" v-for="(item, index) in commonForbiddenOptions" :key="index">
+                    <radio :value="item.value" :checked="formData.commonContraband == item.value" color="#409EFF" />
+                    <text>{{ item.text }}</text>
+                  </label>
+                </radio-group>
+              </uni-forms-item>
+
+              <uni-forms-item v-if="formData.commonContraband == 0" label="违禁品描述" name="contrabandDesc" required>
+                <uni-easyinput :disabled="isDetailMode" placeholder="请输入违禁品详细描述" v-model="formData.contrabandDesc" />
+              </uni-forms-item>
+
+              <!-- 违禁品照片 (当选择"否"时显示) -->
+              <uni-forms-item
+                v-if="(!isDetailMode || isDetailMode && formData.images.length > 0) && formData.commonContraband == 0"
+                label="违禁品照片">
+                <view style="padding: 0 15px 15px 15px;">
+                  <uni-file-picker :disabled="isDetailMode" :readonly="isDetailMode" v-model="formData.images" limit="3"
+                    title="最多上传3张" :image-styles="imageStyles" fileMediatype="image" mode="grid" @select="onSelect" />
+                </view>
+              </uni-forms-item>
             </uni-collapse-item>
           </uni-collapse>
         </view>
@@ -191,7 +214,7 @@
         </view>
 
         <!-- 违禁品照片分组 -->
-        <view class="card" v-if="!isDetailMode || isDetailMode && formData.images.length > 0">
+        <!-- <view class="card" v-if="!isDetailMode || isDetailMode && formData.images.length > 0">
           <uni-collapse class="collapse" :accordion="false" :value="['group4']">
             <uni-collapse-item class="collapse-item" title="违禁品照片 (可选)" name="group4" :show-animation="true">
               <view style="padding: 0 15px 15px 15px;margin-bottom: 150rpx;">
@@ -200,7 +223,7 @@
               </view>
             </uni-collapse-item>
           </uni-collapse>
-        </view>
+        </view> -->
 
         <!-- 5. 审批历史分组 -->
         <view class="card" v-if="type !== 'add'">
@@ -305,6 +328,64 @@ export default {
     isDetailMode() {
 
       return !!this.businessId; // 如果有id则为详情模式，否则为新增模式
+    },
+    // 动态验证规则
+    rules() {
+      return {
+        seizureTime: {
+          rules: [{ required: true, errorMessage: '请选择查获时间' }]
+        },
+        checkMethodText: {
+          rules: [{ required: true, errorMessage: '请选择安检位置' }]
+        },
+        reportTeam: {
+          rules: [{ required: true, errorMessage: '请选择上报班组' }]
+        },
+        powerOnInstruction: {
+          rules: [{ required: true, errorMessage: '请选择开机指令' }]
+        },
+        xrayOperatorId: {
+          rules: [{ required: true, errorMessage: '请选择X光开机员' }]
+        },
+        forbiddenCategory: {
+          rules: [{ required: true, errorMessage: '请选择违禁品类别' }]
+        },
+        forbiddenType: {
+          rules: [{ required: true, errorMessage: '请选择违禁品类型' }]
+        },
+        quantity: {
+          rules: [
+            { required: true, errorMessage: '请输入数量' },
+            { format: 'number', errorMessage: '数量必须为数字' }
+          ]
+        },
+        partCategory: {
+          rules: [{ required: true, errorMessage: '请选择部位类别' }]
+        },
+        unit: {
+          rules: [{ required: true, errorMessage: '请选择违禁品数量单位' }]
+        },
+        partType: {
+          rules: [{ required: true, errorMessage: '请选择部位类型' }]
+        },
+        handlingMethod: {
+          rules: [{ required: true, errorMessage: '请选择处理方式' }]
+        },
+        isActiveConcealment: {
+          rules: [{ required: true, errorMessage: '请选择是否有意隐匿' }]
+        },
+        commonContraband: {
+          rules: [{ required: true, errorMessage: '请选择是否常见违禁品' }]
+        },
+        contrabandDesc: {
+          rules: [
+            {
+              required: this.formData.commonContraband == 0,
+              errorMessage: '请填写违禁品描述'
+            }
+          ]
+        }
+      }
     }
   },
   data() {
@@ -344,7 +425,8 @@ export default {
         quantity: '1',
         unit: '',
         unitText: '',
-
+        commonContraband: 1, // 是否常见违禁品：1-是，0-否
+        contrabandDesc: '', // 违禁品描述（选择否时必填）
         // 查获部位
         partCategory: '',
         partCategoryText: '',
@@ -386,60 +468,6 @@ export default {
         flightNumber: '',
 
       },
-      // 验证规则
-      rules: {
-        seizureTime: {
-          rules: [{ required: true, errorMessage: '请选择查获时间' }]
-        },
-        checkMethodText: {
-          rules: [{ required: true, errorMessage: '请选择安检位置' }]
-        },
-        reportTeam: {
-          rules: [{ required: true, errorMessage: '请选择上报班组' }]
-        },
-        powerOnInstruction: {
-          rules: [{ required: true, errorMessage: '请选择开机指令' }]
-        },
-        xrayOperatorId: {
-          rules: [{ required: true, errorMessage: '请选择X光开机员' }]
-        },
-        forbiddenCategory: {
-          rules: [{ required: true, errorMessage: '请选择违禁品类别' }]
-        },
-        forbiddenType: {
-          rules: [{ required: true, errorMessage: '请选择违禁品类型' }]
-        },
-        // forbiddenName: {
-        //   rules: [{ required: true, errorMessage: '请输入违禁品名称' }]
-        // },
-        quantity: {
-          rules: [
-            { required: true, errorMessage: '请输入数量' },
-            { format: 'number', errorMessage: '数量必须为数字' }
-          ]
-        },
-        partCategory: {
-          rules: [{ required: true, errorMessage: '请选择部位类别' }]
-        },
-        unit: {
-          rules: [{ required: true, errorMessage: '请选择违禁品数量单位' }]
-        },
-        partType: {
-          rules: [{ required: true, errorMessage: '请选择部位类型' }]
-        },
-        // location: {
-        //   rules: [{ required: true, errorMessage: '请选择或输入具体位置' }]
-        // },
-        handlingMethod: {
-          rules: [{ required: true, errorMessage: '请选择处理方式' }]
-        },
-        isActiveConcealment: {
-          rules: [{ required: true, errorMessage: '请选择是否有意隐匿' }]
-        },
-        // passengerName: {
-        //   rules: [{ required: true, errorMessage: '请输入旅客姓名' }]
-        // }
-      },
       // 数据选项
       item_check_method_options: [],   // 检查岗位
       position_options: [],  // 位置通道
@@ -462,6 +490,11 @@ export default {
         { text: '指令', value: '0' },
         { text: '非指令', value: '1' }
       ],
+      // 是否常见违禁品选项
+      commonForbiddenOptions: [
+        { text: '是', value: 1 },
+        { text: '否', value: 0 }
+      ],
       // X光开机员选项
       xrayOperatorOptions: [],
       // 其他数据
@@ -530,6 +563,15 @@ export default {
 
   },
   methods: {
+    // 处理是否常见违禁品选择变化
+    onCommonForbiddenChange(e) {
+      this.formData.commonContraband = e.detail.value
+      // 如果选择"是"，清空违禁品描述
+      if (e.detail.value === '1') {
+        this.formData.contrabandDesc = ''
+      }
+    },
+
     // 处理驳回确认
     // handleRejectConfirm(rejectReason) {
     //   this.formData.comment = rejectReason
@@ -636,6 +678,8 @@ export default {
         //   name: img.attachmentName || img.name,
         //   extname: img.extname
         // })) : [],
+        commonContraband: detailData?.itemSeizureItemsList[0].commonContraband,
+        contrabandDesc: detailData?.itemSeizureItemsList[0].contrabandDesc,
         forbiddenCategory: detailData?.itemSeizureItemsList[0].categoryCodeOne,
         forbiddenCategoryText: detailData?.itemSeizureItemsList[0].categoryNameOne,
         forbiddenType: detailData?.itemSeizureItemsList[0].categoryCodeTwo,
@@ -1262,6 +1306,8 @@ export default {
         baseAttachmentList: this.formData.images,
         //暂时不要
         itemCode: '无',
+        commonContraband: Number(this.formData.commonContraband),
+        contrabandDesc: this.formData.contrabandDesc,
         isActiveConcealment: this.formData.isActiveConcealment,
 
         categoryCodeOne: this.formData.forbiddenCategory,

src/store/modules/user.js

@@ -13,6 +13,7 @@ const user = {
     token: getToken(),
     id: storage.get(constant.id),
     name: storage.get(constant.name),
+    user: storage.get(constant.user),
     userInfo: storage.get(constant.userInfo),
     avatar: storage.get(constant.avatar),
     roles: storage.get(constant.roles),
@@ -31,6 +32,10 @@ const user = {
       state.name = name
       storage.set(constant.name, name)
     },
+    SET_USER: (state, user) => {
+      state.user = user
+      storage.set(constant.user, user)
+    },
     SET_USERINFO: (state, userInfo) => {
       state.userInfo = userInfo
       storage.set(constant.userInfo, userInfo)
@@ -76,15 +81,16 @@ const user = {
       return new Promise((resolve, reject) => {
         getInfo().then(res => {
           const user = res.user
-          const userInfo = res.userInfo
-		  let avatar = user.avatar || ""
-		  if (!isHttp(avatar)) {
+
+          const userInfo = { ...res.userInfo, deptType: user?.dept?.deptType }
+          let avatar = user.avatar || ""
+          if (!isHttp(avatar)) {
             avatar = (isEmpty(avatar)) ? defAva : baseUrl + avatar
           }
           const userid = (isEmpty(user) || isEmpty(user.userId)) ? "" : user.userId
-		  const username = (isEmpty(user) || isEmpty(user.userName)) ? "" : user.userName
-		  if (res.roles && res.roles.length > 0) {
-        
+          const username = (isEmpty(user) || isEmpty(user.userName)) ? "" : user.userName
+          if (res.roles && res.roles.length > 0) {
+
             commit('SET_ROLES', res.roles)
             commit('SET_PERMISSIONS', res.permissions)
           } else {
@@ -92,6 +98,7 @@ const user = {
           }
           commit('SET_ID', userid)
           commit('SET_NAME', username)
+          commit('SET_USER', user)
           commit('SET_USERINFO', userInfo)
           commit('SET_AVATAR', avatar)
           resolve(res)