Merge branch 'blockingData' into dev

# Conflicts:
#	src/api/system/user.js

src/api/blockingData/blockingDataScreen.js

@@ -0,0 +1,382 @@
+import request from '@/utils/request'
+
+
+//查询查堵总数
+export function totalCount(query) {
+    return request({
+        url: '/blocked/dashboard/totalCount',
+        method: 'get',
+        params: query
+    })
+}
+
+// 查询查堵总数柱状图
+export function brigadeChart(query) {
+    return request({
+        url: '/blocked/dashboard/brigadeChart',
+        method: 'get',
+        params: query
+    })
+}
+
+//查询总查堵万分率
+export function totalRate(query) {
+    return request({
+        url: '/blocked/dashboard/totalRate',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵万分率条形图
+export function brigadeRateChart(query) {
+    return request({
+        url: '/blocked/dashboard/brigadeRateChart',
+        method: 'get',
+        params: query
+    })
+}
+//每日查堵数量(总表)
+export function dailyTrend(query) {
+    return request({
+        url: '/blocked/dashboard/dailyTrend',
+        method: 'get',
+        params: query
+    })
+}
+//每日查堵数量(大队对比)
+export function dailyBrigadeComparison(query) {
+    return request({
+        url: '/blocked/dashboard/dailyBrigadeComparison',
+        method: 'get',
+        params: query
+    })
+}
+//每日查堵万分率(总表)
+export function dailyRateTrend(query) {
+    return request({
+        url: '/blocked/dashboard/dailyRateTrend',
+        method: 'get',
+        params: query
+    })
+}
+//每日查堵万分率(大队对比)
+export function dailyBrigadeRateComparison(query) {
+    return request({
+        url: '/blocked/dashboard/dailyBrigadeRateComparison',
+        method: 'get',
+        params: query
+    })
+}
+//每日过检图像数(行检+旅检总表)
+export function dailyLuggageTrend(query) {
+    return request({
+        url: '/blocked/dashboard/dailyLuggageTrend',
+        method: 'get',
+        params: query
+    })
+}
+
+//每日过检图像数(行检+旅检 大队对比)
+export function dailyBrigadeLuggageComparison(query) {
+    return request({
+        url: '/blocked/dashboard/dailyBrigadeLuggageComparison',
+        method: 'get',
+        params: query
+    })
+}
+//查堵物品分布
+export function itemDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/itemDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//区域查堵数量分布
+export function areaDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/areaDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查堵类型分布
+export function discriminationDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/discriminationDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查堵时间段过检行李数及万分率
+export function timePeriodStats(query) {
+    return request({
+        url: '/blocked/dashboard/timePeriodStats',
+        method: 'get',
+        params: query
+    })
+}
+//每日过检行李数及万分率
+export function dailyLuggageAndRate(query) {
+    return request({
+        url: '/blocked/dashboard/dailyLuggageAndRate',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-AI复查图像总数
+export function aiImageStats(query) {
+    return request({
+        url: '/blocked/dashboard/aiImageStats',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-AI漏判图像总数
+export function aiMissImageStats(query) {
+    return request({
+        url: '/blocked/dashboard/aiMissImageStats',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-AI误判图像总数
+export function aiErrorImageStats(query) {
+    return request({
+        url: '/blocked/dashboard/aiErrorImageStats',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-主管排行榜
+export function supervisorRanking(query) {
+    return request({
+        url: '/blocked/dashboard/supervisorRanking',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-班组排行榜
+export function teamLeaderRanking(query) {
+    return request({
+        url: '/blocked/dashboard/teamLeaderRanking',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-人员排行榜
+export function reviewedUserRanking(query) {
+    return request({
+        url: '/blocked/dashboard/reviewedUserRanking',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-物品位置分布
+export function itemLocationDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/itemLocationDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-原因分类分布
+export function missCheckReasonDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/missCheckReasonDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-图像难易程度分布
+export function difficultyDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/difficultyDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-开机人员持证比例
+export function certificateDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/certificateDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//大队开机人员证书分布
+export function brigadeCertificateDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/brigadeCertificateDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//T1速率统计数据
+export function t1RateStats(query) {
+    return request({
+        url: '/blocked/rate/screen/t1',
+        method: 'get',
+        params: query
+    })
+}
+//T2速率统计数据
+export function t2RateStats(query) {
+    return request({
+        url: '/blocked/rate/screen/t2',
+        method: 'get',
+        params: query
+    })
+}
+//国内速率统计数据
+export function insideRateStats(query) {
+    return request({
+        url: '/blocked/rate/screen/domestic',
+        method: 'get',
+        params: query
+    })
+}
+//国际速率统计数据
+export function outsideRateStats(query) {
+    return request({
+        url: '/blocked/rate/screen/international',
+        method: 'get',
+        params: query
+    })
+}
+//查询两楼每日查堵走势
+export function dailyTerminalTrend(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/dailyTerminalTrend',
+        method: 'get',
+        params: query
+    })
+}
+//查询两楼每日过检图像数
+export function dailyTerminalLuggageTrend(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/dailyTerminalLuggageTrend',
+        method: 'get',
+        params: query
+    })
+}
+//查询两楼查堵数（包含行检）
+export function terminalBlockedStats(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/terminalBlockedStats',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵时间段过检行李数
+export function timePeriodLuggageStats(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/timePeriodLuggageStats',
+        method: 'get',
+        params: query
+    })
+}
+//查询两楼每日查堵万分率
+export function dailyTerminalRateTrend(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/dailyTerminalRateTrend',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵物品分布
+export function brigadeItemDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/itemDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-主管排行榜
+export function brigadeSupervisorRanking(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/supervisorRanking',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-班组排行榜
+export function brigadeTeamLeaderRanking(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/teamLeaderRanking',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-人员排行榜
+export function brigadeReviewedUserRanking(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/reviewedUserRanking',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵男女比例
+export function brigadeGenderDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/genderDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵人员证书级别分布
+export function brigadeCertificateDistributionDetail(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/certificateLevelDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查询证书级别人员基数
+export function personnelCertificateBase(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/personnelCertificateBase',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵物品位置分布
+export function brigadeItemLocationDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/itemLocationDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵-简单/困难图像数
+export function brigadeDifficultyDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/difficultyDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵-主管分管次数分布
+export function brigadeSupervisorDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/supervisorDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵原因分类分布
+export function brigadeMissCheckReasonDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/missCheckReasonDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵人员开机年限分布
+export function brigadeOperatingYearsDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/operatingYearsDistribution',
+        method: 'get',
+        params: query
+    })
+}

src/api/blockingData/dailyLuggageCheckInList.js

@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+// 查询每日行李查缉列表
+export function listDailyLuggageCheckIn(query) {
+  return request({
+    url: '/blocked/daily/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询每日行李查缉详细
+export function getDailyLuggageCheckIn(id) {
+  return request({
+    url: `/blocked/daily/${id}`,
+    method: 'get'
+  })
+}
+
+// 新增每日行李查缉
+export function addDailyLuggageCheckIn(data) {
+  return request({
+    url: '/blocked/daily',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改每日行李查缉
+export function updateDailyLuggageCheckIn(data) {
+  return request({
+    url: '/blocked/daily',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除每日行李查缉
+export function delDailyLuggageCheckIn(ids) {
+  return request({
+    url: `/blocked/daily/${ids}`,
+    method: 'delete'
+  })
+}
+
+// 导出每日行李查缉
+export function exportDailyLuggageCheckIn(data) {
+  return request({
+    url: '/blocked/daily/export',
+    method: 'post',
+    data: data
+  })
+}
+
+// 下载导入模板
+export function downloadTemplate() {
+  return request({
+    url: '/blocked/daily/importTemplate',
+    method: 'get',
+    responseType: 'blob'
+  })
+}

src/api/blockingData/dailyLuggageInspectionScheduleByTime.js

@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+// 查询每日各时段查堵行李列表
+export function listDailyLuggageInspectionScheduleByTime(query) {
+  return request({
+    url: '/blocked/pieceDaily/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询每日各时段查堵行李详细
+export function getDailyLuggageInspectionScheduleByTime(id) {
+  return request({
+    url: `/blocked/pieceDaily/${id}`,
+    method: 'get'
+  })
+}
+
+// 新增每日各时段查堵行李
+export function addDailyLuggageInspectionScheduleByTime(data) {
+  return request({
+    url: '/blocked/pieceDaily',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改每日各时段查堵行李
+export function updateDailyLuggageInspectionScheduleByTime(data) {
+  return request({
+    url: '/blocked/pieceDaily',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除每日各时段查堵行李
+export function delDailyLuggageInspectionScheduleByTime(ids) {
+  return request({
+    url: `/blocked/pieceDaily/${ids}`,
+    method: 'delete'
+  })
+}
+
+// 导出每日各时段查堵行李
+export function exportDailyLuggageInspectionScheduleByTime(data) {
+  return request({
+    url: '/blocked/pieceDaily/export',
+    method: 'post',
+    data: data
+  })
+}
+
+// 下载导入模板
+export function downloadTemplate() {
+  return request({
+    url: '/blocked/pieceDaily/importTemplate',
+    method: 'get',
+    responseType: 'blob'
+  })
+}

src/api/blockingData/experienceDistributionStartupPerson.js

@@ -0,0 +1,19 @@
+import request from '@/utils/request'
+
+// 查询开机人员年限分布列表全量
+export function getTenurelistAll(query) {
+  return request({
+    url: '/blocked/tenure/listAll',
+    method: 'get',
+    params: query
+  })
+}
+
+//修改开机人员年限分布
+export function editTenure(data) {
+  return request({
+    url: '/blocked/tenure/edit',
+    method: 'post',
+    data: data
+  })
+}

src/api/blockingData/missedInspection.js

@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+// 查询漏检列表
+export function listMissedInspection(query) {
+  return request({
+    url: '/blocked/missReview/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询漏检详细
+export function getMissedInspection(id) {
+  return request({
+    url: `/blocked/missReview/${id}`,
+    method: 'get'
+  })
+}
+
+// 新增漏检
+export function addMissedInspection(data) {
+  return request({
+    url: '/blocked/missReview',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改漏检
+export function updateMissedInspection(data) {
+  return request({
+    url: '/blocked/missReview',
+    method: 'post',
+    data: data
+  })
+}
+
+// 删除漏检
+export function delMissedInspection(ids) {
+  return request({
+    url: `/blocked/missReview/${ids}`,
+    method: 'delete'
+  })
+}
+
+// 导出漏检
+export function exportMissedInspection(data) {
+  return request({
+    url: '/blocked/missReview/export',
+    method: 'post',
+    data: data
+  })
+}
+
+// 下载导入模板
+export function downloadTemplate() {
+  return request({
+    url: '/blocked/missReview/importTemplate',
+    method: 'get',
+    responseType: 'blob'
+  })
+}

src/api/blockingData/rateList.js

@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+// 查询速率统计列表
+export function listRate(query) {
+  return request({
+    url: '/blocked/rate/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询速率统计详细
+export function getRate(id) {
+  return request({
+    url: `/blocked/rate/${id}`,
+    method: 'get'
+  })
+}
+
+// 新增速率统计
+export function addRate(data) {
+  return request({
+    url: '/blocked/rate/add',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改速率统计
+export function updateRate(data) {
+  return request({
+    url: '/blocked/rate/edit',
+    method: 'post',
+    data: data
+  })
+}
+
+// 删除速率统计
+export function delRate(ids) {
+  return request({
+    url: `/blocked/rate/${ids}`,
+    method: 'delete'
+  })
+}
+
+// 导出速率统计
+export function exportRate() {
+  return request({
+    url: `/blocked/rate/export`,
+    method: 'post',
+  })
+}
+
+
+// 下载导入模板
+export function downloadTemplate() {
+  return request({
+    url: '/blocked/rate/importTemplate',
+    method: 'get',
+    responseType: 'blob'
+  })
+}

src/api/system/user.js

@@ -151,3 +151,12 @@ export function getDeptUserTree(params) {
     params: params
   })
 }
+
+//根据用户ID和角色编码列表查询各级直属领导列表
+export function selectUserLeaderListByCondition(data) {
+  return request({
+    url: '/system/user/selectUserLeaderListByCondition',
+    method: 'post',
+    data: data
+  })
+}

src/router/index.js

@@ -92,9 +92,9 @@ export const constantRoutes = [
     children: [
       {
         path: '/index',
-        component: () => import('@/views/dataBigScreen/dashboard'),
+        component: () => import('@/views/blockingData/blockingDataScreen/index'),
         name: 'Index',
-        meta: { title: '智慧大屏监控中心', icon: 'dashboard' }
+        meta: { title: '查堵大屏', icon: 'dashboard' }
       },
       // {
       //   path: '/dashboard-work',

src/views/blockingData/blockingDataScreen/components/ModuleBrigadeOne.vue

@@ -0,0 +1,260 @@
+<template>
+  <module-container title="模块一 运行数据分析">
+    <div class="module-brigade-content">
+      <div class="combined-row">
+        <div class="stat-card">
+          <div class="stat-card-inner">
+            <div class="stat-left">
+              <div class="stat-label">查堵总数</div>
+              <div class="stat-value">819</div>
+              <div class="stat-unit">起</div>
+            </div>
+          </div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">两楼每日查堵走势</div>
+          <div ref="chart1" class="echarts"></div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">两楼每日过检图像数</div>
+          <div ref="chart2" class="echarts"></div>
+        </div>
+      </div>
+      
+      <div class="chart-row">
+        <div class="chart-item">
+          <div class="chart-title">两楼查堵数（包含行检）</div>
+          <div ref="chart3" class="echarts"></div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">查堵时间段过检行李数</div>
+          <div ref="chart4" class="echarts"></div>
+        </div>
+      </div>
+      
+      <div class="chart-row">
+        <div class="chart-item">
+          <div class="chart-title">两楼每日查堵万分率</div>
+          <div ref="chart5" class="echarts"></div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">查堵物品分布</div>
+          <div ref="chart6" class="echarts"></div>
+        </div>
+      </div>
+    </div>
+  </module-container>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import * as echarts from 'echarts'
+import ModuleContainer from './ModuleContainer.vue'
+import { useEcharts } from '@/hooks/chart.js'
+
+// 接收筛选参数
+const props = defineProps({
+  filterParams: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
+const chart1 = ref(null)
+const chart2 = ref(null)
+const chart3 = ref(null)
+const chart4 = ref(null)
+const chart5 = ref(null)
+const chart6 = ref(null)
+
+const { setOption: setOption1 } = useEcharts(chart1)
+const { setOption: setOption2 } = useEcharts(chart2)
+const { setOption: setOption3 } = useEcharts(chart3)
+const { setOption: setOption4 } = useEcharts(chart4)
+const { setOption: setOption5 } = useEcharts(chart5)
+const { setOption: setOption6 } = useEcharts(chart6)
+
+const xAxisData = Array.from({ length: 30 }, (_, i) => `${i + 1}日`)
+
+const generateData = (count, min, max) => {
+  const data = []
+  for (let i = 0; i < count; i++) {
+    data.push(Math.floor(Math.random() * (max - min + 1)) + min)
+  }
+  return data
+}
+
+const lineChartOption = (data, color, title) => ({
+  grid: { left: '10%', top: '15%', right: '5%', bottom: '15%', containLabel: true },
+  xAxis: { type: 'category', data: xAxisData, axisLine: { lineStyle: { color: '#999' } }, axisLabel: { fontSize: 10, color: '#666' } },
+  yAxis: { type: 'value', axisLine: { lineStyle: { color: '#999' } }, axisLabel: { fontSize: 10, color: '#666' }, splitLine: { lineStyle: { color: '#eee' } } },
+  series: [{ name: title, type: 'line', smooth: true, symbol: 'circle', symbolSize: 6, data: data, itemStyle: { color: color }, lineStyle: { color: color } }]
+})
+
+const areaChartOption = (data, color) => ({
+  grid: { left: '10%', top: '15%', right: '5%', bottom: '15%', containLabel: true },
+  xAxis: { type: 'category', data: xAxisData, axisLine: { lineStyle: { color: '#999' } }, axisLabel: { fontSize: 10, color: '#666' } },
+  yAxis: { type: 'value', axisLine: { lineStyle: { color: '#999' } }, axisLabel: { fontSize: 10, color: '#666' }, splitLine: { lineStyle: { color: '#eee' } } },
+  series: [{ type: 'line', smooth: true, symbol: 'circle', symbolSize: 6, data: data, itemStyle: { color: color }, lineStyle: { color: color }, areaStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: color + '40' }, { offset: 1, color: color + '10' }]) } }]
+})
+
+const barChartOption = (data, color) => ({
+  grid: { left: '15%', top: '15%', right: '5%', bottom: '15%', containLabel: true },
+  xAxis: { type: 'category', data: data.map(d => d.name), axisLine: { lineStyle: { color: '#999' } }, axisLabel: { fontSize: 10, color: '#666' } },
+  yAxis: { type: 'value', axisLine: { lineStyle: { color: '#999' } }, axisLabel: { fontSize: 10, color: '#666' }, splitLine: { lineStyle: { color: '#eee' } } },
+  series: [{ type: 'bar', data: data.map(d => d.value), itemStyle: { color: color }, barWidth: 20 }]
+})
+
+const horizontalBarChartOption = (data, color) => ({
+  grid: { left: '20%', top: '15%', right: '5%', bottom: '15%', containLabel: true },
+  xAxis: { type: 'value', axisLine: { lineStyle: { color: '#999' } }, axisLabel: { fontSize: 10, color: '#666' }, splitLine: { lineStyle: { color: '#eee' } } },
+  yAxis: { type: 'category', data: data.map(d => d.name), axisLine: { lineStyle: { color: '#999' } }, axisLabel: { fontSize: 10, color: '#666' } },
+  series: [{ type: 'bar', data: data.map(d => d.value), itemStyle: { color: color }, barWidth: 15 }]
+})
+
+const pieChartOption = (data, colors) => ({
+  color: colors,
+  series: [{
+    type: 'pie',
+    radius: '65%',
+    center: ['50%', '55%'],
+    data: data,
+    label: { show: true, formatter: '{b}\n{c}%', fontSize: 10 }
+  }]
+})
+
+onMounted(() => {
+  setOption1(lineChartOption(generateData(30, 5, 20), '#3b82f6', '查堵数量'))
+  setOption2(areaChartOption(generateData(30, 10000, 30000), '#22c55e'))
+  setOption3(horizontalBarChartOption([{ name: 'T1', value: 388 }, { name: 'T2', value: 431 }], '#3b82f6'))
+  
+  const timeData = [
+    { name: '02:00-04:00', value: 20 },
+    { name: '04:00-06:00', value: 45 },
+    { name: '06:00-08:00', value: 80 },
+    { name: '08:00-10:00', value: 110 },
+    { name: '10:00-12:00', value: 95 },
+    { name: '12:00-14:00', value: 85 },
+    { name: '14:00-16:00', value: 100 },
+    { name: '16:00-18:00', value: 120 },
+    { name: '18:00-20:00', value: 115 },
+    { name: '20:00-22:00', value: 80 },
+    { name: '22:00-24:00', value: 45 }
+  ]
+  setOption4(barChartOption(timeData, '#3b82f6'))
+  
+  setOption5(lineChartOption(generateData(30, 0.5, 3.0), '#ec4899', '查堵万分率'))
+  
+  setOption6(pieChartOption([
+    { name: '水果刀', value: 1.02 },
+    { name: '警棍', value: 0.37 },
+    { name: '甩棍', value: 0.52 },
+    { name: '打火机', value: 50.52 },
+    { name: '其他', value: 47.57 }
+  ], ['#3b82f6', '#22c55e', '#f97316', '#ec4899', '#8b5cf6']))
+})
+</script>
+
+<style lang="less" scoped>
+.module-brigade-content {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  overflow-y: auto;
+}
+
+.stats-row {
+  display: flex;
+  gap: 10px;
+  flex-shrink: 0;
+}
+
+.stat-card {
+  flex: 1;
+  background: #fff;
+  border-radius: 6px;
+  padding: 15px;
+  border: 1px solid #eee;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  min-height: 120px;
+}
+
+.stat-card-inner {
+  display: flex;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+}
+
+.stat-left {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.stat-label {
+  font-size: 14px;
+  color: #666;
+  margin-bottom: 8px;
+}
+
+.stat-value {
+  font-size: 48px;
+  font-weight: bold;
+  color: #3b82f6;
+}
+
+.stat-unit {
+  font-size: 14px;
+  color: #666;
+  margin-top: 5px;
+}
+
+.combined-row {
+  display: flex;
+  gap: 10px;
+  flex-shrink: 0;
+}
+
+.combined-row .stat-card {
+  flex: 0.5;
+  min-height: 200px;
+}
+
+.combined-row .chart-item {
+  flex: 1;
+}
+
+.chart-row {
+  display: flex;
+  gap: 10px;
+  flex-shrink: 0;
+}
+
+.chart-item {
+  flex: 1;
+  background: #fff;
+  border-radius: 6px;
+  padding: 10px;
+  border: 1px solid #eee;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  display: flex;
+  flex-direction: column;
+  min-height: 200px;
+}
+
+.chart-title {
+  font-size: 14px;
+  color: #333;
+  margin-bottom: 5px;
+  text-align: left;
+  font-weight: 500;
+}
+
+.echarts {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>

src/views/blockingData/blockingDataScreen/components/ModuleBrigadeThree.vue

@@ -0,0 +1,105 @@
+<template>
+  <module-container title="模块三 培训质控分析">
+    <div class="module-brigade-content">
+      <div class="chart-row">
+        <div class="chart-item">
+          <div class="chart-title">查堵-人员自测漏检次数</div>
+          <div ref="chart1" class="echarts"></div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">查堵人员月考成绩</div>
+          <div ref="chart2" class="echarts"></div>
+        </div>
+      </div>
+    </div>
+  </module-container>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import * as echarts from 'echarts'
+import ModuleContainer from './ModuleContainer.vue'
+import { useEcharts } from '@/hooks/chart.js'
+
+// 接收筛选参数
+const props = defineProps({
+  filterParams: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
+const chart1 = ref(null)
+const chart2 = ref(null)
+
+const { setOption: setOption1 } = useEcharts(chart1)
+const { setOption: setOption2 } = useEcharts(chart2)
+
+const ringChartOption = (data, colors) => ({
+  color: colors,
+  series: [{
+    type: 'pie',
+    radius: ['40%', '65%'],
+    center: ['50%', '55%'],
+    data: data,
+    label: { show: true, formatter: '{b}\n{c}%', fontSize: 10 }
+  }]
+})
+
+onMounted(() => {
+  setOption1(ringChartOption([
+    { name: '漏检次数≤3次', value: 65.2 },
+    { name: '漏检次数4-6次', value: 22.8 },
+    { name: '漏检次数≥7次', value: 12.0 }
+  ], ['#22c55e', '#3b82f6', '#f97316']))
+
+  setOption2(ringChartOption([
+    { name: '优秀(90-100分)', value: 35.4 },
+    { name: '良好(80-89分)', value: 42.1 },
+    { name: '合格(70-79分)', value: 18.3 },
+    { name: '不合格(<70分)', value: 4.2 }
+  ], ['#22c55e', '#3b82f6', '#fbbf24', '#ef4444']))
+})
+</script>
+
+<style lang="less" scoped>
+.module-brigade-content {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  overflow-y: auto;
+}
+
+.chart-row {
+  display: flex;
+  gap: 10px;
+  flex-shrink: 0;
+}
+
+.chart-item {
+  flex: 1;
+  background: #fff;
+  border-radius: 6px;
+  padding: 10px;
+  border: 1px solid #eee;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  display: flex;
+  flex-direction: column;
+  min-height: 200px;
+}
+
+.chart-title {
+  font-size: 14px;
+  color: #333;
+  margin-bottom: 5px;
+  text-align: left;
+  font-weight: 500;
+}
+
+.echarts {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>

src/views/blockingData/blockingDataScreen/components/ModuleBrigadeTwo.vue

@@ -0,0 +1,309 @@
+<template>
+  <module-container title="模块二 查堵人员分析">
+    <div class="module-brigade-content">
+      <div class="chart-row">
+        <div class="chart-item">
+          <div class="chart-title">查堵-主管排行榜</div>
+          <rank-list :rank-data="rankData1" title="查堵-主管排行榜" header-label="排名" header-name="分管主管" header-count="计数" />
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">查堵-班组长排行榜</div>
+          <rank-list :rank-data="rankData2" title="查堵-班组长排行榜" header-label="排名" header-name="分管班组长" header-count="计数" />
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">查堵-员工排行榜</div>
+          <rank-list :rank-data="rankData3" title="查堵-员工排行榜" header-label="排名" header-name="被回查人" header-count="计数" />
+        </div>
+      </div>
+      
+      <div class="chart-row">
+        <div class="chart-item">
+          <div class="chart-title">查堵男女比例</div>
+          <div ref="chart4" class="echarts"></div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">查堵人员证书级别分布</div>
+          <div ref="chart5" class="echarts"></div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">证书级别人员基数</div>
+          <div ref="chart6" class="echarts"></div>
+        </div>
+      </div>
+      
+      <div class="chart-row">
+        <div class="chart-item">
+          <div class="chart-title">查堵物品位置</div>
+          <div ref="chart7" class="echarts"></div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">查堵-困难图像数</div>
+          <div class="number-display">
+            <div class="number-value">819</div>
+            <div class="number-unit">幅</div>
+          </div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">查堵-简单图像数</div>
+          <div class="number-display">
+            <div class="number-value">819</div>
+            <div class="number-unit">幅</div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="chart-row">
+        <div class="chart-item">
+          <div class="chart-title">查堵-主管分管次数</div>
+          <div ref="chart10" class="echarts"></div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">查堵原因分类</div>
+          <div ref="chart11" class="echarts"></div>
+        </div>
+      </div>
+      
+      <div class="chart-row">
+        <div class="chart-item">
+          <div class="chart-title">查堵人员开机年限分布</div>
+          <div ref="chart12" class="echarts"></div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">大队开机年限人员分布</div>
+          <div ref="chart13" class="echarts"></div>
+        </div>
+      </div>
+    </div>
+  </module-container>
+</template>
+
+<script setup>
+import { ref, onMounted, reactive } from 'vue'
+import * as echarts from 'echarts'
+import ModuleContainer from './ModuleContainer.vue'
+import RankList from './RankList.vue'
+import { useEcharts } from '@/hooks/chart.js'
+
+// 接收筛选参数
+const props = defineProps({
+  filterParams: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
+const chart4 = ref(null)
+const chart5 = ref(null)
+const chart6 = ref(null)
+const chart7 = ref(null)
+const chart10 = ref(null)
+const chart11 = ref(null)
+const chart12 = ref(null)
+const chart13 = ref(null)
+
+const { setOption: setOption4 } = useEcharts(chart4)
+const { setOption: setOption5 } = useEcharts(chart5)
+const { setOption: setOption6 } = useEcharts(chart6)
+const { setOption: setOption7 } = useEcharts(chart7)
+const { setOption: setOption10 } = useEcharts(chart10)
+const { setOption: setOption11 } = useEcharts(chart11)
+const { setOption: setOption12 } = useEcharts(chart12)
+const { setOption: setOption13 } = useEcharts(chart13)
+
+const rankData1 = reactive([
+  { name: '李鑫锋', value: 102 },
+  { name: '李学玲', value: 94 },
+  { name: '郑杰', value: 80 },
+  { name: '郭仁吉', value: 69 },
+  { name: '计沐', value: 67 },
+  { name: '方园', value: 62 },
+  { name: '符鑫日', value: 59 }
+])
+
+const rankData2 = reactive([
+  { name: '李雪琦', value: 44 },
+  { name: '林瑞玉', value: 42 },
+  { name: '吴明文', value: 40 },
+  { name: '吕吕俊', value: 36 },
+  { name: '潘任', value: 31 },
+  { name: '吴亚琪', value: 30 }
+])
+
+const rankData3 = reactive([
+  { name: '梁其松', value: 18 },
+  { name: '王名顺', value: 18 },
+  { name: '陈艳丽', value: 16 },
+  { name: '刘振华', value: 16 },
+  { name: '黄建成', value: 15 },
+  { name: '简句学', value: 15 },
+  { name: '郭可奇', value: 14 }
+])
+
+const pieChartOption = (data, colors) => ({
+  color: colors,
+  series: [{
+    type: 'pie',
+    radius: ['40%', '65%'],
+    center: ['50%', '55%'],
+    data: data,
+    label: { show: true, formatter: '{b}\n{c}%', fontSize: 10 }
+  }]
+})
+
+const donutChartOption = (data, colors) => ({
+  color: colors,
+  series: [{
+    type: 'pie',
+    radius: ['30%', '55%'],
+    center: ['50%', '55%'],
+    data: data,
+    label: { show: true, formatter: '{b}', fontSize: 10, position: 'outside' }
+  }]
+})
+
+const multiBarChartOption = (data, color) => ({
+  grid: { left: '15%', top: '15%', right: '5%', bottom: '15%', containLabel: true },
+  xAxis: { type: 'category', data: data.map(d => d.name), axisLine: { lineStyle: { color: '#999' } }, axisLabel: { fontSize: 10, color: '#666' } },
+  yAxis: { type: 'value', axisLine: { lineStyle: { color: '#999' } }, axisLabel: { fontSize: 10, color: '#666' }, splitLine: { lineStyle: { color: '#eee' } } },
+  series: [{ type: 'bar', data: data.map(d => d.value), itemStyle: { color: color }, barWidth: 20 }]
+})
+
+onMounted(() => {
+  setOption4(pieChartOption([
+    { name: '女', value: 52.26 },
+    { name: '男', value: 47.74 }
+  ], ['#ec4899', '#3b82f6']))
+
+  setOption5(pieChartOption([
+    { name: '高级', value: 49.81 },
+    { name: '中级', value: 50.19 }
+  ], ['#22c55e', '#3b82f6']))
+
+  setOption6(pieChartOption([
+    { name: '高级证书', value: 1.59 },
+    { name: '中级证书', value: 98.41 }
+  ], ['#22c55e', '#3b82f6']))
+
+  setOption7(donutChartOption([
+    { name: '中下', value: 6.35 },
+    { name: '中间', value: 11.85 },
+    { name: '右下', value: 7.74 },
+    { name: '右上', value: 7.56 },
+    { name: '左中', value: 7.26 },
+    { name: '左上', value: 6.61 },
+    { name: '左上', value: 11.16 },
+    { name: '右下', value: 6.45 },
+    { name: '右上', value: 12.42 },
+    { name: '中下', value: 7.41 },
+    { name: '右上', value: 6.11 },
+    { name: '左上', value: 10.24 }
+  ], ['#8b5cf6', '#ec4899', '#f97316', '#22c55e', '#3b82f6', '#14b8a6', '#ef4444', '#fbbf24', '#6366f1', '#06b6d4', '#84cc16', '#e11d48']))
+
+  setOption10(donutChartOption([
+    { name: '赵德峰', value: 12.46 },
+    { name: '刘佳', value: 7.94 },
+    { name: '郑晓华', value: 7.94 },
+    { name: '谢金艳', value: 7.82 },
+    { name: '潘仁芳', value: 7.33 },
+    { name: '张庆林', value: 7.2 },
+    { name: '陈颖', value: 7.2 },
+    { name: '李学芬', value: 7.2 },
+    { name: '李俊峰', value: 7.08 },
+    { name: '周雪梅', value: 7.08 },
+    { name: '刘旭', value: 6.46 },
+    { name: '李丽', value: 6.46 },
+    { name: '任静', value: 6.46 },
+    { name: '张静', value: 6.46 }
+  ], ['#3b82f6', '#22c55e', '#f97316', '#ec4899', '#8b5cf6', '#14b8a6', '#ef4444', '#fbbf24', '#6366f1', '#06b6d4', '#84cc16', '#e11d48', '#a855f7', '#f59e0b']))
+
+  setOption11(pieChartOption([
+    { name: '问题判断不清，未按规范检查导致漏检', value: 23.20 },
+    { name: '未按规范检查导致漏检', value: 7.04 },
+    { name: '判断不清，漏检', value: 6.48 },
+    { name: '未能辨别危险品', value: 5.92 },
+    { name: '未能辨别危险品', value: 5.92 },
+    { name: '未能辨别危险品', value: 2.88 },
+    { name: '简单漏检未能认真判断', value: 21.23 },
+    { name: '未能辨别危险品', value: 27.34 }
+  ], ['#3b82f6', '#22c55e', '#f97316', '#ec4899', '#8b5cf6', '#14b8a6', '#ef4444', '#fbbf24']))
+
+  setOption12(pieChartOption([
+    { name: '5年及5年以上', value: 30.71 },
+    { name: '4年人员数', value: 18.68 },
+    { name: '3年人员数', value: 22.47 },
+    { name: '2年人员数', value: 14.75 },
+    { name: '1年人员数', value: 6.76 },
+    { name: '不足1年人员数', value: 6.63 }
+  ], ['#3b82f6', '#22c55e', '#f97316', '#ec4899', '#8b5cf6', '#14b8a6']))
+
+  setOption13(multiBarChartOption([
+    { name: '安检一大队', value: 104 },
+    { name: '安检二大队', value: 39 },
+    { name: '安检三大队', value: 14 },
+    { name: '安检四大队', value: 13 },
+    { name: '安检五大队', value: 12 }
+  ], '#3b82f6'))
+})
+</script>
+
+<style lang="less" scoped>
+.module-brigade-content {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  overflow-y: auto;
+}
+
+.chart-row {
+  display: flex;
+  gap: 10px;
+  flex-shrink: 0;
+}
+
+.chart-item {
+  flex: 1;
+  background: #fff;
+  border-radius: 6px;
+  padding: 10px;
+  border: 1px solid #eee;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  display: flex;
+  flex-direction: column;
+  min-height: 200px;
+}
+
+.chart-title {
+  font-size: 14px;
+  color: #333;
+  margin-bottom: 5px;
+  text-align: left;
+  font-weight: 500;
+}
+
+.echarts {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+
+.number-display {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.number-value {
+  font-size: 48px;
+  font-weight: bold;
+  color: #3b82f6;
+}
+
+.number-unit {
+  font-size: 14px;
+  color: #666;
+  margin-top: 5px;
+}
+</style>

src/views/blockingData/blockingDataScreen/components/ModuleContainer.vue

@@ -0,0 +1,57 @@
+<template>
+  <div class="module-container">
+    <div class="module-header">
+      <span class="module-title">{{ title }}</span>
+    </div>
+    <div class="module-content">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  title: {
+    type: String,
+    default: ''
+  }
+})
+</script>
+
+<style lang="less" scoped>
+.module-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  // background: rgba(13, 80, 122, 0.3);
+  // border: 1px solid rgba(112, 207, 231, 0.3);
+  // border-radius: 4px;
+
+}
+
+.module-header {
+  width: 100%;
+  padding: 10px;
+  display: flex;
+  align-items: center;
+  text-align: center;
+  border: 1px solid #eee;
+  justify-content: center;
+  margin-bottom: 10px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+.module-title {
+  font-size: 27px;
+  font-weight: 600;
+  color: #2E75B6;
+  text-align: center;
+}
+
+.module-content {
+  flex: 1;
+
+
+}
+</style>

src/views/blockingData/blockingDataScreen/components/ModuleFour.vue

@@ -0,0 +1,224 @@
+<template>
+  <module-container title="模块四 放行速率分析">
+    <div class="module-four-content">
+      <div class="chart-row">
+        <div class="chart-item">
+          <div class="chart-title">T1航站楼放行速率</div>
+          <div ref="chart1" class="echarts"></div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">T2航站楼放行速率</div>
+          <div ref="chart2" class="echarts"></div>
+        </div>
+      </div>
+      <div class="chart-row">
+        <div class="chart-item">
+          <div class="chart-title">大队总平均速率对比（国内）</div>
+          <div ref="chart3" class="echarts"></div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">大队总平均速率对比（国际+中转）</div>
+          <div ref="chart4" class="echarts"></div>
+        </div>
+      </div>
+    </div>
+  </module-container>
+</template>
+
+<script setup>
+import { ref, onMounted, onBeforeUnmount } from 'vue'
+import * as echarts from 'echarts'
+import ModuleContainer from './ModuleContainer.vue'
+import { useEcharts } from '@/hooks/chart.js'
+
+// 接收筛选参数
+const props = defineProps({
+  filterParams: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
+const chart1 = ref(null)
+const chart2 = ref(null)
+const chart3 = ref(null)
+const chart4 = ref(null)
+
+const { setOption: setOption1 } = useEcharts(chart1)
+const { setOption: setOption2 } = useEcharts(chart2)
+const { setOption: setOption3 } = useEcharts(chart3)
+const { setOption: setOption4 } = useEcharts(chart4)
+
+const generateData = () => {
+  const data = []
+  for (let i = 0; i < 30; i++) {
+    data.push(Math.floor(Math.random() * 60) + 120)
+  }
+  return data
+}
+
+const xAxisData = []
+for (let i = 1; i <= 30; i++) {
+  xAxisData.push(i + '日')
+}
+
+const lineChartOption = (data1, data2, color1, color2) => ({
+  grid: {
+    left: '10%',
+    top: '15%',
+    right: '5%',
+    bottom: '15%',
+    containLabel: true
+  },
+  xAxis: {
+    type: 'category',
+    data: xAxisData,
+    axisLine: { lineStyle: { color: '#999' } },
+    axisLabel: { fontSize: 10, color: '#666' }
+  },
+  yAxis: {
+    type: 'value',
+    axisLine: { lineStyle: { color: '#999' } },
+    axisLabel: { fontSize: 10, color: '#666' },
+    splitLine: { lineStyle: { color: '#eee' } }
+  },
+  legend: {
+    top: 0,
+    right: 10,
+    textStyle: { fontSize: 10 }
+  },
+  series: [
+    {
+      name: '高峰期时段',
+      type: 'line',
+      smooth: true,
+      symbol: 'circle',
+      symbolSize: 6,
+      data: data1,
+      itemStyle: { color: color1 },
+      areaStyle: {
+        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+          { offset: 0, color: color1 + '40' },
+          { offset: 1, color: color1 + '10' }
+        ])
+      }
+    },
+    {
+      name: '非高峰期时段',
+      type: 'line',
+      smooth: true,
+      symbol: 'circle',
+      symbolSize: 6,
+      data: data2,
+      itemStyle: { color: color2 },
+      areaStyle: {
+        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+          { offset: 0, color: color2 + '40' },
+          { offset: 1, color: color2 + '10' }
+        ])
+      }
+    }
+  ]
+})
+
+const barLineChartOption = (data1, data2, data3, colors) => ({
+  grid: {
+    left: '10%',
+    top: '15%',
+    right: '5%',
+    bottom: '15%',
+    containLabel: true
+  },
+  xAxis: {
+    type: 'category',
+    data: xAxisData,
+    axisLine: { lineStyle: { color: '#999' } },
+    axisLabel: { fontSize: 10, color: '#666', rotate: 45 }
+  },
+  yAxis: {
+    type: 'value',
+    axisLine: { lineStyle: { color: '#999' } },
+    axisLabel: { fontSize: 10, color: '#666' },
+    splitLine: { lineStyle: { color: '#eee' } }
+  },
+  legend: {
+    top: 0,
+    right: 10,
+    textStyle: { fontSize: 10 }
+  },
+  series: [
+    {
+      name: '安检三大队',
+      type: 'bar',
+      data: data1,
+      itemStyle: { color: colors[0] },
+      barWidth: 8
+    },
+    {
+      name: '安检二大队',
+      type: 'line',
+      smooth: true,
+      symbol: 'circle',
+      symbolSize: 6,
+      data: data2,
+      itemStyle: { color: colors[1] }
+    },
+    {
+      name: '安检一大队',
+      type: 'line',
+      smooth: true,
+      symbol: 'circle',
+      symbolSize: 6,
+      data: data3,
+      itemStyle: { color: colors[2] }
+    }
+  ]
+})
+
+onMounted(() => {
+  setOption1(lineChartOption(generateData(), generateData(), '#3b82f6', '#22c55e'))
+  setOption2(lineChartOption(generateData(), generateData(), '#2563eb', '#16a34a'))
+  setOption3(barLineChartOption(generateData(), generateData(), generateData(), ['#3b82f6', '#22c55e', '#f97316']))
+  setOption4(barLineChartOption(generateData(), generateData(), generateData(), ['#3b82f6', '#22c55e', '#f97316']))
+})
+</script>
+
+<style lang="less" scoped>
+.module-four-content {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.chart-row {
+  flex: 1;
+  display: flex;
+  gap: 10px;
+}
+
+.chart-item {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  background: #fff;
+  border-radius: 6px;
+  padding: 8px;
+
+  border: 1px solid #eee;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+.chart-title {
+  font-size: 17px;
+  color: black;
+  margin-bottom: 5px;
+  text-align: left;
+}
+
+.echarts {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>

src/views/blockingData/blockingDataScreen/components/ModuleOne.vue

@@ -0,0 +1,575 @@
+<template>
+  <module-container title="模块一 运行数据分析">
+    <div class="module-one-content">
+      <!-- 新增：统计卡片行 -->
+      <div class="stats-row">
+        <div class="stat-card">
+          <div class="stat-card-inner">
+            <div class="stat-left">
+              <div class="stat-label">查堵总数（所有大队）</div>
+              <div class="stat-value">2327</div>
+            </div>
+            <div class="stat-right">
+              <div class="stat-title">查堵总数</div>
+              <div ref="chart0a" class="echarts-small"></div>
+            </div>
+          </div>
+        </div>
+        <div class="stat-card">
+          <div class="stat-card-inner">
+            <div class="stat-left">
+              <div class="stat-label">总查堵万分率</div>
+              <div class="stat-value">2.22</div>
+            </div>
+            <div class="stat-right">
+              <div class="stat-title">总查堵万分率</div>
+              <div ref="chart0b" class="echarts-small"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      <!-- 第一行：每日查堵数量 -->
+      <div class="chart-row">
+        <div class="chart-item">
+          <div class="chart-title">每日查堵数量（总表）</div>
+          <div ref="chart1" class="echarts"></div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">每日查堵数量（大队对比表）</div>
+          <div ref="chart2" class="echarts"></div>
+        </div>
+      </div>
+      
+      <!-- 第二行：每日查堵万分率 -->
+      <div class="chart-row">
+        <div class="chart-item">
+          <div class="chart-title">每日查堵万分率</div>
+          <div ref="chart3" class="echarts"></div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">每日查堵万分率（大队对比表）</div>
+          <div ref="chart4" class="echarts"></div>
+        </div>
+      </div>
+      
+      <!-- 第三行：每日过检图像数 -->
+      <div class="chart-row">
+        <div class="chart-item">
+          <div class="chart-title">每日过检图像数（行检+旅检总表）</div>
+          <div ref="chart5" class="echarts"></div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">每日过检图像数（行检+旅检大队对比表）</div>
+          <div ref="chart6" class="echarts"></div>
+        </div>
+      </div>
+      
+      <!-- 第四行：查堵物品分布和区域查堵数量分布 -->
+      <div class="chart-row">
+        <div class="chart-item">
+          <div class="chart-title">查堵物品分布</div>
+          <div ref="chart7" class="echarts"></div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">区域查堵数量分布</div>
+          <div ref="chart8" class="echarts"></div>
+        </div>
+      </div>
+      
+      <!-- 第五行：查堵类型分布 -->
+      <div class="chart-row full-width">
+        <div class="chart-item">
+          <div class="chart-title">查堵类型分布</div>
+          <div ref="chart9" class="echarts"></div>
+        </div>
+      </div>
+      
+      <!-- 第六行：查堵时间段过检行李数及万分率 -->
+      <div class="chart-row full-width">
+        <div class="chart-item">
+          <div class="chart-title">查堵时间段过检行李数及万分率（总表）</div>
+          <div ref="chart10" class="echarts"></div>
+        </div>
+      </div>
+      
+      <!-- 第七行：每日过检行李数及万分率 -->
+      <div class="chart-row full-width">
+        <div class="chart-item">
+          <div class="chart-title">每日过检行李数及万分率</div>
+          <div ref="chart11" class="echarts"></div>
+        </div>
+      </div>
+      
+      <!-- 第八行：查堵-AI复查图像总数 -->
+      <div class="chart-row full-width">
+        <div class="chart-item">
+          <div class="chart-title">查堵-AI复查图像总数</div>
+          <div ref="chart12" class="echarts"></div>
+        </div>
+      </div>
+      
+      <!-- 第九行：AI漏判和误判图像总数 -->
+      <div class="chart-row">
+        <div class="chart-item">
+          <div class="chart-title">查堵-AI漏判图像总数</div>
+          <div ref="chart13" class="echarts"></div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">查堵-AI误判图像总数</div>
+          <div ref="chart14" class="echarts"></div>
+        </div>
+      </div>
+    </div>
+  </module-container>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import * as echarts from 'echarts'
+import ModuleContainer from './ModuleContainer.vue'
+import { useEcharts } from '@/hooks/chart.js'
+
+// 接收筛选参数
+const props = defineProps({
+  filterParams: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
+// 图表引用
+const chart0a = ref(null)
+const chart0b = ref(null)
+const chart1 = ref(null)
+const chart2 = ref(null)
+const chart3 = ref(null)
+const chart4 = ref(null)
+const chart5 = ref(null)
+const chart6 = ref(null)
+const chart7 = ref(null)
+const chart8 = ref(null)
+const chart9 = ref(null)
+const chart10 = ref(null)
+const chart11 = ref(null)
+const chart12 = ref(null)
+const chart13 = ref(null)
+const chart14 = ref(null)
+
+// 图表设置函数
+const { setOption: setOption0a } = useEcharts(chart0a)
+const { setOption: setOption0b } = useEcharts(chart0b)
+const { setOption: setOption1 } = useEcharts(chart1)
+const { setOption: setOption2 } = useEcharts(chart2)
+const { setOption: setOption3 } = useEcharts(chart3)
+const { setOption: setOption4 } = useEcharts(chart4)
+const { setOption: setOption5 } = useEcharts(chart5)
+const { setOption: setOption6 } = useEcharts(chart6)
+const { setOption: setOption7 } = useEcharts(chart7)
+const { setOption: setOption8 } = useEcharts(chart8)
+const { setOption: setOption9 } = useEcharts(chart9)
+const { setOption: setOption10 } = useEcharts(chart10)
+const { setOption: setOption11 } = useEcharts(chart11)
+const { setOption: setOption12 } = useEcharts(chart12)
+const { setOption: setOption13 } = useEcharts(chart13)
+const { setOption: setOption14 } = useEcharts(chart14)
+
+// 生成模拟数据
+const generateData = (count, min, max) => {
+  const data = []
+  for (let i = 0; i < count; i++) {
+    data.push(Math.floor(Math.random() * (max - min + 1)) + min)
+  }
+  return data
+}
+
+// X轴数据（30天）
+const xAxisData = []
+for (let i = 1; i <= 30; i++) {
+  xAxisData.push(i + '日')
+}
+
+// 小型柱状图配置（用于统计卡片）
+const smallBarOption = (data, color, isHorizontal = false) => ({
+  grid: {
+    left: '5%',
+    top: '5%',
+    right: '5%',
+    bottom: '5%',
+    containLabel: true
+  },
+  xAxis: {
+    type: isHorizontal ? 'value' : 'category',
+    data: isHorizontal ? null : ['1', '2', '3'],
+    show: false
+  },
+  yAxis: {
+    type: isHorizontal ? 'category' : 'value',
+    data: isHorizontal ? ['1', '2', '3'] : null,
+    show: false
+  },
+  series: [{
+    type: 'bar',
+    data: data,
+    itemStyle: { color: color },
+    barWidth: isHorizontal ? 8 : 12
+  }]
+})
+
+// 折线图配置（总表）
+const lineChartOption = (data, color, title) => ({
+  grid: {
+    left: '10%',
+    top: '15%',
+    right: '5%',
+    bottom: '15%',
+    containLabel: true
+  },
+  xAxis: {
+    type: 'category',
+    data: xAxisData,
+    axisLine: { lineStyle: { color: '#999' } },
+    axisLabel: { fontSize: 10, color: '#666' }
+  },
+  yAxis: {
+    type: 'value',
+    axisLine: { lineStyle: { color: '#999' } },
+    axisLabel: { fontSize: 10, color: '#666' },
+    splitLine: { lineStyle: { color: '#eee' } }
+  },
+  series: [{
+    name: title,
+    type: 'line',
+    smooth: true,
+    symbol: 'circle',
+    symbolSize: 6,
+    data: data,
+    itemStyle: { color: color },
+    lineStyle: { color: color }
+  }]
+})
+
+// 多折线图配置（大队对比）
+const multiLineChartOption = (dataList, colors, legends) => ({
+  grid: {
+    left: '10%',
+    top: '15%',
+    right: '5%',
+    bottom: '15%',
+    containLabel: true
+  },
+  xAxis: {
+    type: 'category',
+    data: xAxisData,
+    axisLine: { lineStyle: { color: '#999' } },
+    axisLabel: { fontSize: 10, color: '#666' }
+  },
+  yAxis: {
+    type: 'value',
+    axisLine: { lineStyle: { color: '#999' } },
+    axisLabel: { fontSize: 10, color: '#666' },
+    splitLine: { lineStyle: { color: '#eee' } }
+  },
+  legend: {
+    top: 0,
+    right: 10,
+    textStyle: { fontSize: 10 }
+  },
+  series: dataList.map((data, index) => ({
+    name: legends[index],
+    type: 'line',
+    smooth: true,
+    symbol: 'circle',
+    symbolSize: 6,
+    data: data,
+    itemStyle: { color: colors[index] },
+    lineStyle: { color: colors[index] }
+  }))
+})
+
+// 环形饼图配置
+const ringPieOption = (data, colors) => ({
+  color: colors,
+  series: [{
+    type: 'pie',
+    radius: ['45%', '70%'],
+    center: ['50%', '55%'],
+    data: data,
+    label: {
+      show: true,
+      formatter: '{b}\n{c}%',
+      fontSize: 10
+    },
+    labelLine: {
+      show: true,
+      length: 15,
+      length2: 10
+    }
+  }]
+})
+
+// 柱状图配置
+const barChartOption = (data, color, isHorizontal = false) => ({
+  grid: {
+    left: '15%',
+    top: '15%',
+    right: '5%',
+    bottom: '15%',
+    containLabel: true
+  },
+  xAxis: {
+    type: isHorizontal ? 'value' : 'category',
+    data: isHorizontal ? null : data.map(d => d.name),
+    axisLine: { lineStyle: { color: '#999' } },
+    axisLabel: { fontSize: 10, color: '#666' }
+  },
+  yAxis: {
+    type: isHorizontal ? 'category' : 'value',
+    data: isHorizontal ? data.map(d => d.name) : null,
+    axisLine: { lineStyle: { color: '#999' } },
+    axisLabel: { fontSize: 10, color: '#666' },
+    splitLine: { lineStyle: { color: '#eee' } }
+  },
+  series: [{
+    type: 'bar',
+    data: isHorizontal ? data.map(d => d.value) : data,
+    itemStyle: { color: color },
+    barWidth: isHorizontal ? 15 : 20
+  }]
+})
+
+// 双Y轴柱状图配置（用于行李数和万分率）
+const dualAxisBarChartOption = (data1, data2, color1, color2) => ({
+  grid: {
+    left: '10%',
+    top: '15%',
+    right: '10%',
+    bottom: '15%',
+    containLabel: true
+  },
+  xAxis: {
+    type: 'category',
+    data: xAxisData,
+    axisLine: { lineStyle: { color: '#999' } },
+    axisLabel: { fontSize: 10, color: '#666' }
+  },
+  yAxis: [
+    {
+      type: 'value',
+      name: '行李数',
+      axisLine: { lineStyle: { color: color1 } },
+      axisLabel: { fontSize: 10, color: color1 }
+    },
+    {
+      type: 'value',
+      name: '万分率',
+      axisLine: { lineStyle: { color: color2 } },
+      axisLabel: { fontSize: 10, color: color2 }
+    }
+  ],
+  series: [
+    {
+      name: '行李数',
+      type: 'bar',
+      data: data1,
+      itemStyle: { color: color1 },
+      barWidth: 15
+    },
+    {
+      name: '万分率',
+      type: 'line',
+      yAxisIndex: 1,
+      smooth: true,
+      data: data2,
+      itemStyle: { color: color2 },
+      lineStyle: { color: color2 }
+    }
+  ]
+})
+
+onMounted(() => {
+  // 统计卡片图表
+  setOption0a(smallBarOption([120, 80, 150], '#3b82f6'))
+  setOption0b(smallBarOption([2.2, 1.8, 2.5], '#3b82f6', true))
+  
+  // 第一行：每日查堵数量
+  setOption1(lineChartOption(generateData(30, 50, 150), '#3b82f6', '查堵数量'))
+  setOption2(multiLineChartOption(
+    [generateData(30, 20, 80), generateData(30, 15, 70), generateData(30, 10, 60)],
+    ['#3b82f6', '#22c55e', '#f97316'],
+    ['安检一大队', '安检二大队', '安检三大队']
+  ))
+  
+  // 第二行：每日查堵万分率
+  setOption3(lineChartOption(generateData(30, 0.5, 3.5), '#ec4899', '万分率'))
+  setOption4(multiLineChartOption(
+    [generateData(30, 0.3, 2.5), generateData(30, 0.2, 2.0), generateData(30, 0.1, 1.8)],
+    ['#3b82f6', '#22c55e', '#f97316'],
+    ['安检一大队', '安检二大队', '安检三大队']
+  ))
+  
+  // 第三行：每日过检图像数
+  setOption5(lineChartOption(generateData(30, 1000, 5000), '#8b5cf6', '过检图像数'))
+  setOption6(multiLineChartOption(
+    [generateData(30, 400, 2000), generateData(30, 300, 1800), generateData(30, 200, 1600)],
+    ['#3b82f6', '#22c55e', '#f97316'],
+    ['安检一大队', '安检二大队', '安检三大队']
+  ))
+  
+  // 第四行：查堵物品分布和区域查堵数量分布
+  setOption7(ringPieOption([
+    { name: '刀具', value: 25 },
+    { name: '液体', value: 20 },
+    { name: '电子产品', value: 18 },
+    { name: '其他', value: 15 },
+    { name: '打火机', value: 12 },
+    { name: '化妆品', value: 10 }
+  ], ['#3b82f6', '#22c55e', '#f97316', '#ec4899', '#8b5cf6', '#14b8a6']))
+  
+  setOption8(barChartOption([
+    { name: 'T1国内', value: 120 },
+    { name: 'T1国际', value: 80 },
+    { name: 'T2国内', value: 150 },
+    { name: 'T2国际', value: 60 },
+    { name: '中转区', value: 40 }
+  ], '#3b82f6', true))
+  
+  // 第五行：查堵类型分布
+  setOption9(barChartOption(generateData(6, 20, 100), '#3b82f6'))
+  
+  // 第六行：查堵时间段过检行李数及万分率
+  setOption10(dualAxisBarChartOption(
+    generateData(24, 100, 500), // 行李数
+    generateData(24, 0.5, 3.0), // 万分率
+    '#3b82f6', '#ec4899'
+  ))
+  
+  // 第七行：每日过检行李数及万分率
+  setOption11(dualAxisBarChartOption(
+    generateData(30, 1000, 5000), // 行李数
+    generateData(30, 0.5, 3.5),  // 万分率
+    '#3b82f6', '#ec4899'
+  ))
+  
+  // 第八行：查堵-AI复查图像总数
+  setOption12(lineChartOption(generateData(30, 50, 200), '#14b8a6', 'AI复查图像数'))
+  
+  // 第九行：AI漏判和误判图像总数
+  setOption13(lineChartOption(generateData(30, 5, 30), '#ef4444', 'AI漏判图像数'))
+  setOption14(lineChartOption(generateData(30, 3, 25), '#f97316', 'AI误判图像数'))
+})
+</script>
+
+<style lang="less" scoped>
+.module-one-content {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  overflow-y: auto;
+  
+}
+
+.stats-row {
+  display: flex;
+  gap: 10px;
+  flex-shrink: 0;
+}
+
+.stat-card {
+  flex: 1;
+  background: #fff;
+  border-radius: 6px;
+  padding: 15px;
+  border: 1px solid #eee;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  min-height: 120px;
+}
+
+.stat-card-inner {
+  display: flex;
+  height: 100%;
+  align-items: center;
+}
+
+.stat-left {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding-right: 15px;
+}
+
+.stat-label {
+  font-size: 12px;
+  color: #666;
+  margin-bottom: 8px;
+}
+
+.stat-value {
+  font-size: 24px;
+  font-weight: bold;
+  color: #3b82f6;
+}
+
+.stat-right {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  height: 100%;
+}
+
+.stat-title {
+  font-size: 12px;
+  color: #333;
+  margin-bottom: 5px;
+  font-weight: 500;
+}
+
+.echarts-small {
+  width: 100%;
+  height: 60px;
+  min-height: 60px;
+}
+
+.chart-row {
+  display: flex;
+  gap: 10px;
+  flex-shrink: 0;
+}
+
+.chart-row.full-width {
+  flex-direction: column;
+}
+
+.chart-item {
+  flex: 1;
+  background: #fff;
+  border-radius: 6px;
+  padding: 10px;
+  border: 1px solid #eee;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  display: flex;
+  flex-direction: column;
+  min-height: 200px;
+}
+
+.chart-row.full-width .chart-item {
+  flex: none;
+  height: 200px;
+}
+
+.chart-title {
+  font-size: 17px;
+  color: black;
+  margin-bottom: 5px;
+  text-align: left;
+}
+
+.echarts {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>

src/views/blockingData/blockingDataScreen/components/ModuleThree.vue

@@ -0,0 +1,105 @@
+<template>
+  <module-container title="模块三 培训质控分析">
+    <div class="module-three-content">
+      <div class="chart-card">
+        <div class="chart-title">查堵-人员自测漏检次数（总累积）</div>
+        <div ref="chart1" class="echarts"></div>
+      </div>
+      <div class="chart-card">
+        <div class="chart-title">查堵培训-人员月考成绩（总累积）</div>
+        <div ref="chart2" class="echarts"></div>
+      </div>
+    </div>
+  </module-container>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import * as echarts from 'echarts'
+import ModuleContainer from './ModuleContainer.vue'
+import { useEcharts } from '@/hooks/chart.js'
+
+// 接收筛选参数
+const props = defineProps({
+  filterParams: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
+const chart1 = ref(null)
+const chart2 = ref(null)
+
+const { setOption: setOption1 } = useEcharts(chart1)
+const { setOption: setOption2 } = useEcharts(chart2)
+
+const ringPieOption = (data, colors, centerOffset = ['50%', '55%']) => ({
+  color: colors,
+  series: [{
+    type: 'pie',
+    radius: ['45%', '70%'],
+    center: centerOffset,
+    data: data,
+    label: {
+      show: true,
+      formatter: '{b}\n{c}%',
+      fontSize: 11
+    },
+    labelLine: {
+      show: true,
+      length: 15,
+      length2: 10
+    }
+  }]
+})
+
+onMounted(() => {
+  setOption1(ringPieOption([
+    { name: '4次', value: 26 },
+    { name: '3次', value: 9 },
+    { name: '2次', value: 8 },
+    { name: '空白', value: 57 }
+  ], ['#3b82f6', '#22c55e', '#f97316', '#cbd5e1']))
+  
+  setOption2(ringPieOption([
+    { name: '本月未开展', value: 12 },
+    { name: '不合格', value: 8 },
+    { name: '合格', value: 13 },
+    { name: '优秀', value: 6 },
+    { name: '空白', value: 61 }
+  ], ['#64748b', '#ef4444', '#22c55e', '#3b82f6', '#cbd5e1']))
+})
+</script>
+
+<style lang="less" scoped>
+.module-three-content {
+  height: 100%;
+  display: flex;
+  gap: 10px;
+  
+}
+
+.chart-card {
+  flex: 1;
+  background: #fff;
+  border-radius: 6px;
+  padding: 10px;
+  border: 1px solid #eee;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  display: flex;
+  flex-direction: column;
+}
+
+.chart-title {
+ font-size: 17px;
+  color: black;
+  margin-bottom: 5px;
+  text-align: left;
+}
+
+.echarts {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>

src/views/blockingData/blockingDataScreen/components/ModuleTwo.vue

@@ -0,0 +1,329 @@
+<template>
+  <module-container title="模块二 查堵人员分析">
+    <div class="module-two-content">
+      <div class="top-row">
+        <div class="table-card">
+          <div class="chart-title">查堵-主管排行榜</div>
+          <rank-list :rank-data="rankData1" title="查堵-主管排行榜" header-label="排名" header-name="分管主管" header-count="计数" />
+        </div>
+        <div class="table-card">
+          <div class="chart-title">查堵-班组排行榜</div>
+          <rank-list :rank-data="rankData2" title="查堵-班组排行榜" header-label="排名" header-name="分管班组长" header-count="计数" />
+        </div>
+        <div class="table-card">
+          <div class="chart-title">查堵-人员排行榜</div>
+          <rank-list :rank-data="rankData3" title="查堵-人员排行榜" header-label="排名" header-name="被回查人" header-count="计数" />
+        </div>
+      </div>
+
+      <div class="middle-row">
+        <div class="chart-card">
+          <div class="chart-title">查堵-物品位置分布</div>
+          <div ref="chart1" class="echarts"></div>
+        </div>
+        <div class="chart-card">
+          <div class="chart-title">查堵-原因分类</div>
+          <div ref="chart2" class="echarts"></div>
+        </div>
+      </div>
+
+      <div class="bottom-row">
+        <div class="chart-card">
+          <div class="chart-title">查堵-开机人员年限分布</div>
+          <div ref="chart3" class="echarts"></div>
+        </div>
+        <div class="chart-card">
+          <div class="chart-title">查堵-开机人员性别比例</div>
+          <div ref="chart4" class="echarts"></div>
+        </div>
+        <div class="chart-card">
+          <div class="chart-title">查堵-图像难易程度比例</div>
+          <div ref="chart5" class="echarts"></div>
+        </div>
+      </div>
+
+      <div class="extra-row">
+        <div class="chart-card">
+          <div class="chart-title">大队开机人员查堵分布</div>
+          <div ref="chart6" class="echarts"></div>
+        </div>
+        <div class="chart-card">
+          <div class="chart-title">大队开机人员查堵分布</div>
+          <div ref="chart7" class="echarts"></div>
+        </div>
+      </div>
+    </div>
+  </module-container>
+</template>
+
+<script setup>
+import { ref, onMounted, reactive } from 'vue'
+import * as echarts from 'echarts'
+import ModuleContainer from './ModuleContainer.vue'
+import RankList from './RankList.vue'
+import { useEcharts } from '@/hooks/chart.js'
+
+// 接收筛选参数
+const props = defineProps({
+  filterParams: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
+const chart1 = ref(null)
+const chart2 = ref(null)
+const chart3 = ref(null)
+const chart4 = ref(null)
+const chart5 = ref(null)
+const chart6 = ref(null)
+const chart7 = ref(null)
+
+const { setOption: setOption1 } = useEcharts(chart1)
+const { setOption: setOption2 } = useEcharts(chart2)
+const { setOption: setOption3 } = useEcharts(chart3)
+const { setOption: setOption4 } = useEcharts(chart4)
+const { setOption: setOption5 } = useEcharts(chart5)
+const { setOption: setOption6 } = useEcharts(chart6)
+const { setOption: setOption7 } = useEcharts(chart7)
+
+const rankData1 = reactive([
+  { name: '李主管', value: 110 },
+  { name: '李海峰', value: 102 },
+  { name: '李华波', value: 94 },
+  { name: '方星星', value: 80 },
+  { name: '郭仁昌', value: 69 },
+  { name: '陈晓明', value: 67 },
+  { name: '万国', value: 62 },
+  { name: '杨高星', value: 60 },
+  { name: '符昌国', value: 59 },
+  { name: '李星国', value: 57 },
+  { name: '周良志', value: 56 },
+  { name: '杨旭', value: 53 }
+])
+
+const rankData2 = reactive([
+  { name: '李智辉', value: 44 },
+  { name: '林明玉', value: 42 },
+  { name: '吴帮文', value: 40 },
+  { name: '杨玉艳', value: 37 },
+  { name: '符玉玲', value: 37 },
+  { name: '黄登', value: 36 },
+  { name: '梁品俊', value: 35 },
+  { name: '陈勤丽', value: 35 },
+  { name: '潘政生', value: 34 },
+  { name: '周民伦', value: 34 },
+  { name: '王明星', value: 33 },
+  { name: '林文海', value: 33 }
+])
+
+const rankData3 = reactive([
+  { name: '梁翠兰', value: 21 },
+  { name: '陈秀强', value: 20 },
+  { name: '李国', value: 19 },
+  { name: '梁其佐', value: 18 },
+  { name: '王名标', value: 18 },
+  { name: '李书帆', value: 17 },
+  { name: '李亚峰', value: 17 },
+  { name: '杨燕钰', value: 16 },
+  { name: '刘燕萍', value: 16 },
+  { name: '庄伟', value: 16 },
+  { name: '黄富伦', value: 15 },
+  { name: '唐甸宇', value: 15 }
+])
+
+const pieOption = (data, colors, isRing = false) => ({
+  color: colors,
+  series: [{
+    type: 'pie',
+    radius: isRing ? ['50%', '70%'] : '60%',
+    center: ['50%', '55%'],
+    data: data,
+    label: {
+      show: true,
+      formatter: '{b}\n{c}%',
+      fontSize: 10
+    }
+  }]
+})
+
+const barOption = (data, colors) => ({
+  grid: { left: '15%', top: '10%', right: '5%', bottom: '10%', containLabel: true },
+  xAxis: { type: 'value', axisLabel: { fontSize: 9 } },
+  yAxis: { type: 'category', data: data.map(d => d.name), axisLabel: { fontSize: 9 } },
+  series: [{
+    type: 'bar',
+    data: data.map(d => d.value),
+    itemStyle: {
+      color: (params) => colors[params.dataIndex % colors.length]
+    },
+    barWidth: 15
+  }]
+})
+
+const stackBarOption = (data, colors) => ({
+  grid: { left: '15%', top: '10%', right: '5%', bottom: '15%', containLabel: true },
+  xAxis: { type: 'category', data: ['安检二大队', '安检三大队', '安检一大队'], axisLabel: { fontSize: 9 } },
+  yAxis: { type: 'value', axisLabel: { fontSize: 9 } },
+  legend: { top: 0, right: 10, textStyle: { fontSize: 9 } },
+  series: data.map((d, i) => ({
+    name: d.name,
+    type: 'bar',
+    stack: 'total',
+    data: d.data,
+    itemStyle: { color: colors[i] },
+    barWidth: 25
+  }))
+})
+
+onMounted(() => {
+  setOption1(pieOption([
+    { name: '包上', value: 10 },
+    { name: '包中', value: 15 },
+    { name: '包下', value: 12 },
+    { name: '左上', value: 18 },
+    { name: '左中', value: 20 },
+    { name: '左下', value: 15 },
+    { name: '右下', value: 10 }
+  ], ['#3b82f6', '#22c55e', '#f97316', '#ec4899', '#8b5cf6', '#14b8a6', '#64748b']))
+  setOption2(pieOption([
+    { name: '未注意到部位以及未仔细判图', value: 25 },
+    { name: '图像特征难以发现', value: 20 },
+    { name: '判图难度较大', value: 18 },
+    { name: '图像中判清物品', value: 15 },
+    { name: '判图不清，未能有效识别物品', value: 12 },
+    { name: '其他', value: 10 }
+  ], ['#ef4444', '#f97316', '#eab308', '#22c55e', '#3b82f6', '#64748b'], true))
+  setOption3(barOption([
+    { name: '6年及以上', value: 77 },
+    { name: '4-6年', value: 25 },
+    { name: '3年', value: 18 },
+    { name: '2年', value: 30 },
+    { name: '1年', value: 69 },
+    { name: '1年以下', value: 12 }
+  ], ['#3b82f6', '#60a5fa', '#93c5fd', '#bfdbfe', '#dbeafe', '#eff6ff']))
+  setOption4(pieOption([
+    { name: '男', value: 63 },
+    { name: '女', value: 37 }
+  ], ['#3b82f6', '#ec4899']))
+  setOption5(pieOption([
+    { name: '简单', value: 52 },
+    { name: '难', value: 30 },
+    { name: '未评判', value: 12 },
+    { name: '空白', value: 6 }
+  ], ['#93c5fd', '#3b82f6', '#64748b', '#e2e8f0']))
+  setOption6(stackBarOption([
+    { name: '6年及以上人数', data: [30, 25, 22] },
+    { name: '4-6年人数', data: [15, 20, 18] },
+    { name: '3年人数', data: [10, 12, 15] },
+    { name: '2年人数', data: [12, 15, 13] },
+    { name: '1年人数', data: [25, 30, 28] },
+    { name: '不足1年人数', data: [5, 8, 10] }
+  ], ['#3b82f6', '#22c55e', '#f97316', '#ec4899', '#8b5cf6', '#14b8a6']))
+  setOption7(stackBarOption([
+    { name: '安检一大队', data: [135, 120] },
+    { name: '安检二大队', data: [90, 110] },
+    { name: '安检三大队', data: [70, 130] }
+  ], ['#3b82f6', '#22c55e', '#f97316']))
+})
+</script>
+
+<style lang="less" scoped>
+.module-two-content {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  overflow-y: auto;
+}
+
+.top-row,
+.middle-row,
+.bottom-row,
+.extra-row {
+  display: flex;
+  gap: 8px;
+  flex-shrink: 0;
+}
+
+.table-card {
+  flex: 1;
+  background: #fff;
+  border-radius: 6px;
+  padding: 8px;
+  border: 1px solid #eee;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  display: flex;
+  flex-direction: column;
+  min-height: 200px;
+}
+
+.chart-card {
+  flex: 1;
+  background: #fff;
+  border-radius: 6px;
+  padding: 8px;
+  border: 1px solid #eee;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  display: flex;
+  flex-direction: column;
+  min-height: 120px;
+}
+
+.chart-title {
+  font-size: 17px;
+  color: black;
+  margin-bottom: 5px;
+  text-align: left;
+}
+
+.rank-table {
+  flex: 1;
+  overflow-y: auto;
+}
+
+.rank-row {
+  display: flex;
+  align-items: center;
+  padding: 4px 6px;
+  border-bottom: 1px solid #f0f0f0;
+  font-size: 11px;
+}
+
+.rank-row:last-child {
+  border-bottom: none;
+}
+
+.rank-number {
+  width: 45px;
+  font-weight: bold;
+  margin-right: 8px;
+}
+
+.rank-1 {
+  color: #eab308;
+}
+
+.rank-2 {
+  color: #94a3b8;
+}
+
+.rank-3 {
+  color: #f97316;
+}
+
+.rank-name {
+  flex: 1;
+  color: #333;
+}
+
+.rank-value {
+  color: #666;
+}
+
+.echarts {
+  flex: 1;
+  width: 100%;
+  min-height: 100px;
+}
+</style>

src/views/blockingData/blockingDataScreen/components/RankList.vue

@@ -0,0 +1,217 @@
+<template>
+  <div class="rank-list-container">
+    <div class="rank-list-header">
+      <span class="header-label">{{ headerLabel }}</span>
+      <span class="header-name">{{ headerName }}</span>
+      <span class="header-count">{{ headerCount }}</span>
+    </div>
+    <div class="rank-list-body">
+      <div v-for="(item, index) in rankData" :key="index" class="rank-item" :class="'rank-item-' + getRankClass(index)">
+        <span class="rank-number" :class="'rank-number-' + getRankClass(index)">NO.{{ index + 1 }}</span>
+        <div class="rank-info">
+          <span class="rank-name">{{ item.name }}</span>
+          <div class="rank-bar">
+            <div class="rank-bar-fill" :class="'rank-bar-fill-' + getRankClass(index)" :style="{ width: getProgressWidth(item.value, maxValue) + '%' }"></div>
+          </div>
+        </div>
+        <span class="rank-count">{{ item.value }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const props = defineProps({
+  rankData: {
+    type: Array,
+    default: () => []
+  },
+  title: {
+    type: String,
+    default: '排行榜'
+  },
+  headerLabel: {
+    type: String,
+    default: '排名'
+  },
+  headerName: {
+    type: String,
+    default: '分管班组长'
+  },
+  headerCount: {
+    type: String,
+    default: '计数'
+  }
+})
+
+const maxValue = computed(() => {
+  if (props.rankData.length === 0) return 100
+  return Math.max(...props.rankData.map(item => item.value))
+})
+
+const getRankClass = (index) => {
+  if (index === 0) return 'first'
+  if (index === 1) return 'second'
+  if (index === 2) return 'third'
+  return 'default'
+}
+
+const getProgressWidth = (value, max) => {
+  return (value / max) * 100
+}
+</script>
+
+<style lang="less" scoped>
+.rank-list-container {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  border-radius: 8px;
+  border: 1px solid #e5e7eb;
+  // padding: 16px;
+  display: flex;
+  flex-direction: column;
+}
+
+.rank-list-header {
+  display: flex;
+  align-items: center;
+  padding: 8px;
+  border-bottom: 1px solid #e5e7eb;
+  margin-bottom: 8px;
+}
+
+.header-label {
+  width: 80px;
+  font-size: 16px;
+  font-weight: 600;
+  color: #374151;
+}
+
+.header-name {
+  flex: 1;
+  font-size: 16px;
+  font-weight: 600;
+  color: #374151;
+}
+
+.header-count {
+  width: 80px;
+  text-align: right;
+  font-size: 16px;
+  font-weight: 600;
+  color: #374151;
+}
+
+.rank-list-body {
+  flex: 1;
+  overflow-y: auto;
+}
+
+.rank-item {
+  display: flex;
+  align-items: center;
+  padding: 10px;
+
+  // transition: background-color 0.2s;
+}
+
+.rank-item-first {
+  background-color: #fef9e7;
+}
+
+.rank-item-second {
+  background-color: #f3f4f6;
+}
+
+.rank-item-third {
+  background-color: #fef2f2;
+}
+
+.rank-item:hover {
+  background-color: #f9fafb;
+}
+
+.rank-number {
+  //width: 80px;
+  font-weight: bold;
+  font-size: 15px;
+  padding: 4px 8px;
+  border-radius: 4px;
+}
+
+.rank-number-first {
+  background: linear-gradient(135deg, #EFB63D, #F8CA4D);
+  color: #fff;
+}
+
+.rank-number-second {
+  background: linear-gradient(135deg, #C4CAE1, #E0E4ED);
+  color: #fff;
+}
+
+.rank-number-third {
+  background: linear-gradient(135deg, #D6A089, #E9C0AF);
+  color: #fff;
+}
+
+.rank-number-default {
+  background-color: #e5e7eb;
+  color: #6b7280;
+}
+
+.rank-info {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+}
+
+.rank-name {
+  font-size: 15px;
+  color: #1f2937;
+  font-weight: 500;
+  min-width: 80px;
+}
+
+.rank-bar {
+  flex: 1;
+  height: 12px;
+  background-color: #e5e7eb;
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+.rank-bar-fill {
+  height: 100%;
+  border-radius: 6px;
+  transition: width 0.5s ease-out;
+}
+
+.rank-bar-fill-first {
+  background: #FFCA00;
+}
+
+.rank-bar-fill-second {
+  background: #C4C9DF;
+}
+
+.rank-bar-fill-third {
+  background: #D99B86;
+}
+
+.rank-bar-fill-default {
+  background: linear-gradient(90deg, #60a5fa, #3b82f6);
+}
+
+.rank-count {
+  width: 80px;
+  text-align: right;
+  font-size: 15px;
+  font-weight: 600;
+  color: #1f2937;
+}
+</style>

src/views/blockingData/blockingDataScreen/index.vue

@@ -0,0 +1,319 @@
+<template>
+  <div class="blocking-data-screen">
+    <div class="screen-header">
+      <div class="header-title">盛世鹰眸质控系统【查堵】（安检站）</div>
+    </div>
+
+    <div class="filter-section">
+      <div class="filter-row">
+        <div class="filter-item">
+          <span class="filter-label">日期：</span>
+          <el-date-picker v-model="filterParams.dateRange" type="daterange" range-separator="-" start-placeholder="开始日期"
+            end-placeholder="结束日期" value-format="YYYY-MM-DD HH:mm:ss" :default-time="defaultTime"
+            style="width: 280px" />
+        </div>
+
+        <div class="filter-item">
+          <span class="filter-label">分管主管：</span>
+          <el-select v-model="filterParams.supervisorId" placeholder="请选择主管" filterable clearable style="width: 200px">
+            <el-option v-for="item in supervisorOptions" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </div>
+
+        <div class="filter-item">
+          <span class="filter-label">分管班组长：</span>
+          <el-select v-model="filterParams.teamLeaderId" placeholder="请选择班组长" filterable clearable style="width: 200px">
+            <el-option v-for="item in teamLeaderOptions" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </div>
+        <div class="filter-item">
+          <span class="filter-label">航站楼：</span>
+          <el-select v-model="filterParams.terminal" placeholder="请选择区域" clearable style="width: 200px">
+            <el-option v-for="item in terminalOptions" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </div>
+
+        <div class="filter-item">
+          <span class="filter-label">漏检物品：</span>
+          <el-tree-select
+            v-model="filterParams.missCheckItem"
+            :data="missedItemOptions"
+            :props="{ value: 'id', label: 'name', children: 'children' }"
+            value-key="id"
+            placeholder="请选择漏检物品"
+            check-strictly
+            style="width: 200px"
+          />
+        </div>
+        <div class="filter-item">
+          <span class="filter-label">分大队：</span>
+          <el-select v-model="filterParams.brigadeId" placeholder="请选择大队" clearable style="width: 200px">
+            <el-option v-for="item in brigadeOptions" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </div>
+        <div class="filter-actions">
+          <el-button type="primary" @click="handleFilter">查询</el-button>
+          <el-button @click="resetFilter">重置</el-button>
+        </div>
+      </div>
+
+
+    </div>
+
+    <div class="screen-content">
+      <div v-if="filterParams.brigadeId" class="grid-layout">
+        <div class="grid-item">
+          <module-one :filter-params="filterParams" />
+        </div>
+        <div class="grid-item">
+          <module-two :filter-params="filterParams" />
+        </div>
+        <div class="grid-item">
+          <module-three :filter-params="filterParams" />
+        </div>
+        <div class="grid-item">
+          <module-four :filter-params="filterParams" />
+        </div>
+      </div>
+      <div v-else class="grid-layout">
+        <div class="grid-item">
+          <module-brigade-one :filter-params="filterParams" />
+        </div>
+        <div class="grid-item">
+          <module-brigade-two :filter-params="filterParams" />
+        </div>
+        <div class="grid-item">
+          <module-brigade-three :filter-params="filterParams" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import { listDept } from '@/api/system/dept'
+import { selectUserLeaderListByCondition } from '@/api/system/user'
+import { listCategory } from '@/api/system/category'
+import { listPosition } from '@/api/system/position'
+import ModuleOne from './components/ModuleOne.vue'
+import ModuleTwo from './components/ModuleTwo.vue'
+import ModuleThree from './components/ModuleThree.vue'
+import ModuleFour from './components/ModuleFour.vue'
+import ModuleBrigadeOne from './components/ModuleBrigadeOne.vue'
+import ModuleBrigadeTwo from './components/ModuleBrigadeTwo.vue'
+import ModuleBrigadeThree from './components/ModuleBrigadeThree.vue'
+
+// 默认时间设置
+const defaultTime = [
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 1, 1, 23, 59, 59)
+]
+
+// 筛选参数
+const filterParams = reactive({
+  dateRange: [],
+  supervisorId: '',
+  teamLeaderId: '',
+  terminal: '',
+  missCheckItem: '',
+  brigadeId: '全站'
+})
+
+// 选项数据
+const supervisorOptions = ref([])
+const teamLeaderOptions = ref([])
+const brigadeOptions = ref([])
+const missedItemOptions = ref([])
+const terminalOptions = ref([])
+
+// 获取漏检物品树状选项
+function getMissedItemOptions() {
+  listCategory().then(response => {
+    missedItemOptions.value = handleTree(response.data, "id", "parentId")
+  })
+}
+
+// 树形数据处理函数
+function handleTree(data, id, parentId) {
+  const result = []
+  const map = {}
+  
+  data.forEach(item => {
+    map[item[id]] = { ...item, children: [] }
+  })
+  
+  data.forEach(item => {
+    const parent = map[item[parentId]]
+    if (parent) {
+      parent.children.push(map[item[id]])
+    } else {
+      result.push(map[item[id]])
+    }
+  })
+  
+  return result
+}
+
+// 获取航站楼选项
+function getTerminalOptions() {
+  listPosition({ positionType: 'TERMINL' }).then(response => {
+    terminalOptions.value = (response.data || []).map(item => ({
+      value: item.id,
+      label: item.name
+    }))
+    // 添加"整体"选项到最前面
+    terminalOptions.value.unshift({ label: '整体', value: null })
+  })
+}
+function getTeamLeaderOptions() {
+  selectUserLeaderListByCondition({ roleKeyList: ['banzuzhang'] }).then(response => {
+    teamLeaderOptions.value = (response.data || []).map(item => ({
+      value: item.userId,
+      label: item.nickName
+    }))
+  })
+}
+
+// 获取主管选项
+function getSupervisorOptions() {
+  selectUserLeaderListByCondition({ roleKeyList: ['kezhang'] }).then(response => {
+    supervisorOptions.value = (response.data || []).map(item => ({
+      value: item.userId,
+      label: item.nickName
+    }))
+  })
+}
+
+// 获取大队选项
+function getBrigadeOptions() {
+  listDept({}).then(response => {
+    const deptList = response.data || []
+    // 筛选类型为 BRIGADE 的部门，并过滤特定的大队ID
+    brigadeOptions.value = deptList.filter(item => item.deptType === 'BRIGADE' && [311, 314, 315].includes(item.deptId)).map(item => ({
+      value: item.deptId,
+      label: item.deptName
+    }))
+    // 添加"全站"选项到最前面
+    brigadeOptions.value.unshift({ label: '全站', value: null })
+  })
+}
+const setDefaultDateRange = () => {
+  const now = new Date()
+  const startOfYear = new Date(now.getFullYear(), 0, 1, 0, 0, 0)
+  const endOfToday = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59)
+
+  filterParams.dateRange = [startOfYear, endOfToday]
+}
+
+// 处理筛选
+const handleFilter = () => {
+  console.log('筛选参数:', filterParams)
+  // 这里可以调用API或更新图表数据
+}
+
+// 重置筛选
+const resetFilter = () => {
+  Object.assign(filterParams, {
+    dateRange: [],
+    supervisorId: '',
+    teamLeaderId: '',
+    terminal: '',
+    missCheckItem: '',
+    brigadeId: '全站'
+  })
+  setDefaultDateRange()
+}
+
+// 组件挂载时设置默认日期和获取用户数据
+onMounted(() => {
+  setDefaultDateRange()
+  getTeamLeaderOptions()
+  getSupervisorOptions()
+  getBrigadeOptions()
+  getMissedItemOptions()
+  getTerminalOptions()
+})
+</script>
+
+<style lang="less" scoped>
+.blocking-data-screen {
+  width: 100%;
+  height: 100vh;
+
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.screen-header {
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 30px;
+
+  // border-bottom: 2px solid rgba(112, 207, 231, 0.5);
+}
+
+.header-title {
+  font-size: 24px;
+  font-weight: bold;
+  color: black;
+  // text-shadow: 0 0 10px rgba(112, 207, 231, 0.5);
+}
+
+.filter-section {
+  // background: #f8f9fa;
+  padding: 20px 30px;
+  border-bottom: 1px solid #e8e8e8;
+}
+
+.filter-row {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  margin-bottom: 15px;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.filter-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.filter-label {
+  font-size: 14px;
+  color: #606266;
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+.filter-actions {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-left: auto;
+}
+
+.screen-content {
+  flex: 1;
+  padding: 20px;
+  overflow: auto;
+}
+
+.grid-layout {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 20px;
+  height: 100%;
+}
+
+.grid-item {
+  width: 100%;
+}
+</style>

src/views/blockingData/dailyLuggageCheckInList/index.vue

@@ -0,0 +1,548 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch"> <el-form-item label="大队"
+        prop="brigadeId">
+        <el-select v-model="queryParams.brigadeId" placeholder="请选择大队" clearable style="width: 200px">
+          <el-option v-for="item in brigadeOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="日期" prop="startDate">
+        <el-date-picker clearable v-model="queryParams.startDate" type="date" placeholder="选择日期" value-format="YYYY-MM-DD"
+          style="width: 200px" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="Plus" @click="handleAdd"
+          v-hasPermi="['dailyLuggageCheckIn:dailyLuggageCheckIn:add']">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
+          v-hasPermi="['dailyLuggageCheckIn:dailyLuggageCheckIn:remove']">删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="warning" plain icon="Download" @click="handleExport"
+          v-hasPermi="['dailyLuggageCheckIn:dailyLuggageCheckIn:export']">导出</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="info" plain icon="Upload" @click="handleImport"
+          v-hasPermi="['dailyLuggageCheckIn:dailyLuggageCheckIn:import']">导入</el-button>
+      </el-col>
+      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="dailyLuggageCheckInList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="日期" align="center" prop="statDate" min-width="120" />
+      <el-table-column label="班次" align="center" prop="shiftType" min-width="100" />
+      <el-table-column label="当班大队" align="center" prop="brigadeName" min-width="120" />
+      <el-table-column label="T1旅检过检行李数" align="center" prop="t1TravelLuggageCount" min-width="150" />
+      <el-table-column label="T2旅检过检行李数" align="center" prop="t2TravelLuggageCount" min-width="150" />
+      <el-table-column label="过检行李合计" align="center" prop="totalLuggageCount" min-width="120" />
+      <el-table-column label="T1旅检查堵件数" align="center" prop="t1TravelBlockedCount" min-width="140" />
+      <el-table-column label="T1旅检万分率" align="center" prop="t1TravelBlockRate" min-width="130" />
+      <el-table-column label="T2旅检查堵件数" align="center" prop="t2TravelBlockedCount" min-width="140" />
+      <el-table-column label="T2旅检万分率" align="center" prop="t2TravelBlockRate" min-width="130" />
+      <el-table-column label="T1行检过检行李数" align="center" prop="t1WalkLuggageCount" min-width="150" />
+      <el-table-column label="T2行检过检行李数" align="center" prop="t2WalkLuggageCount" min-width="150" />
+      <el-table-column label="T1行检查堵件数" align="center" prop="t1WalkBlockedCount" min-width="140" />
+      <el-table-column label="T1行检万分率" align="center" prop="t1WalkBlockRate" min-width="130" />
+      <el-table-column label="T2行检查堵件数" align="center" prop="t2WalkBlockedCount" min-width="140" />
+      <el-table-column label="T2行检万分率" align="center" prop="t2WalkBlockRate" min-width="130" />
+      <el-table-column label="查堵合计件数" align="center" prop="totalBlockedCount" min-width="120" />
+      <el-table-column label="当日查堵万分率" align="center" prop="dailyBlockRate" min-width="130" />
+      <el-table-column label="T1复查图像总数" align="center" prop="t1ReviewImageTotal" min-width="140" />
+      <el-table-column label="T1-AI标记总数" align="center" prop="t1AiMarkTotal" min-width="140" />
+      <el-table-column label="T1-AI误判总数" align="center" prop="t1AiErrorTotal" min-width="140" />
+      <el-table-column label="T1-AI漏判总数" align="center" prop="t1AiMissTotal" min-width="140" />
+      <el-table-column label="T2复查图像总数" align="center" prop="t2ReviewImageTotal" min-width="140" />
+      <el-table-column label="T2-AI标记总数" align="center" prop="t2AiMarkTotal" min-width="140" />
+      <el-table-column label="T2-AI误判总数" align="center" prop="t2AiErrorTotal" min-width="140" />
+      <el-table-column label="T2-AI漏判总数" align="center" prop="t2AiMissTotal" min-width="140" />
+      <el-table-column label="其他(VP通道)数量" align="center" prop="otherVipCount" min-width="150" />
+      <el-table-column label="AI复查图像总数" align="center" prop="aiReviewImageTotal" min-width="150" />
+      <el-table-column label="AI标记图像总数" align="center" prop="aiMarkTotal" min-width="150" />
+      <el-table-column label="AI漏判图像总数" align="center" prop="aiMissImageTotal" min-width="150" />
+      <el-table-column label="AI误判图像总数" align="center" prop="aiErrorImageTotal" min-width="150" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="140" fixed="right">
+        <template #default="scope">
+          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
+            v-hasPermi="['dailyLuggageCheckIn:dailyLuggageCheckIn:edit']">修改</el-button>
+          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
+            v-hasPermi="['dailyLuggageCheckIn:dailyLuggageCheckIn:remove']">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 添加或修改每日行李查缉对话框 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body @closed="reset" destroy-on-close>
+      <el-form ref="dailyLuggageCheckInRef" :model="form" :rules="rules" label-width="140px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="日期" prop="statDate">
+              <el-date-picker v-model="form.statDate" type="date" placeholder="选择日期" value-format="YYYY-MM-DD"
+                style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="班次" prop="shiftType">
+              <el-select v-model="form.shiftType" placeholder="请选择班次" style="width: 100%">
+                <el-option label="早班" value="早班" />
+                <el-option label="中班" value="中班" />
+                <el-option label="晚班" value="晚班" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="当班大队" prop="brigadeId">
+          <el-select v-model="form.brigadeId" placeholder="请选择当班大队" style="width: 100%">
+            <el-option v-for="item in brigadeOptions" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </el-form-item>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="T1旅检过检行李数" prop="t1TravelLuggageCount">
+              <el-input-number v-model="form.t1TravelLuggageCount" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T2旅检过检行李数" prop="t2TravelLuggageCount">
+              <el-input-number v-model="form.t2TravelLuggageCount" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="T1行检过检行李数" prop="t1WalkLuggageCount">
+              <el-input-number v-model="form.t1WalkLuggageCount" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T2行检过检行李数" prop="t2WalkLuggageCount">
+              <el-input-number v-model="form.t2WalkLuggageCount" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <!--  <el-col :span="12">
+          <el-form-item label="过检行李合计" prop="totalLuggageCount">
+              <el-input-number v-model="form.totalLuggageCount" :min="0" style="width: 100%" />
+            </el-form-item> 
+          </el-col> -->
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="T1旅检查堵件数" prop="t1TravelBlockedCount">
+              <el-input-number v-model="form.t1TravelBlockedCount" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T2旅检查堵件数" prop="t2TravelBlockedCount">
+              <el-input-number v-model="form.t2TravelBlockedCount" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <!--  <el-col :span="12">
+            <el-form-item label="T1旅检万分率" prop="t1TravelBlockRate">
+              <el-input-number v-model="form.t1TravelBlockRate" :min="0" :precision="2" style="width: 100%" />
+            </el-form-item> 
+          </el-col>-->
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="T1行检查堵件数" prop="t1WalkBlockedCount">
+              <el-input-number v-model="form.t1WalkBlockedCount" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T2行检查堵件数" prop="t2WalkBlockedCount">
+              <el-input-number v-model="form.t2WalkBlockedCount" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <!--<el-col :span="12">
+             <el-form-item label="T2旅检万分率" prop="t2TravelBlockRate">
+              <el-input-number v-model="form.t2TravelBlockRate" :min="0" :precision="2" style="width: 100%" />
+            </el-form-item> 
+          </el-col>-->
+        </el-row>
+
+
+        <!--  <el-col :span="12">
+          <el-form-item label="T1行检万分率" prop="t1WalkBlockRate">
+              <el-input-number v-model="form.t1WalkBlockRate" :min="0" :precision="2" style="width: 100%" />
+            </el-form-item> 
+          </el-col>-->
+
+
+        <!-- <el-col :span="12">
+            <el-form-item label="T2行检万分率" prop="t2WalkBlockRate">
+              <el-input-number v-model="form.t2WalkBlockRate" :min="0" :precision="2" style="width: 100%" />
+            </el-form-item>
+          </el-col> -->
+
+
+          <!--   <el-col :span="12">
+           <el-form-item label="当日查堵万分率" prop="dailyBlockRate">
+              <el-input-number v-model="form.dailyBlockRate" :min="0" :precision="2" style="width: 100%" />
+            </el-form-item> 
+          </el-col>-->
+    
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="T1复查图像总数" prop="t1ReviewImageTotal">
+              <el-input-number v-model="form.t1ReviewImageTotal" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T1-AI标记总数" prop="t1AiMarkTotal">
+              <el-input-number v-model="form.t1AiMarkTotal" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="T1-AI误判总数" prop="t1AiErrorTotal">
+              <el-input-number v-model="form.t1AiErrorTotal" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T1-AI漏判总数" prop="t1AiMissTotal">
+              <el-input-number v-model="form.t1AiMissTotal" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="T2复查图像总数" prop="t2ReviewImageTotal">
+              <el-input-number v-model="form.t2ReviewImageTotal" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T2-AI标记总数" prop="t2AiMarkTotal">
+              <el-input-number v-model="form.t2AiMarkTotal" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="T2-AI误判总数" prop="t2AiErrorTotal">
+              <el-input-number v-model="form.t2AiErrorTotal" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T2-AI漏判总数" prop="t2AiMissTotal">
+              <el-input-number v-model="form.t2AiMissTotal" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="其他(VP通道)数量" prop="otherVipCount">
+          <el-input-number v-model="form.otherVipCount" :min="0" style="width: 100%" />
+        </el-form-item>
+
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 导入对话框 -->
+    <el-dialog title="导入" v-model="upload.open" width="500px" append-to-body>
+      <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url"
+        :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess"
+        :auto-upload="false" drag>
+        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        <template #tip>
+          <div class="el-upload__tip text-center">
+            <span>仅允许导入xls、xlsx格式文件。</span>
+            <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"
+              @click="importTemplate">下载模板</el-link>
+          </div>
+        </template>
+      </el-upload>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitFileForm">确 定</el-button>
+          <el-button @click="upload.open = false">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
+import { listDailyLuggageCheckIn, getDailyLuggageCheckIn, delDailyLuggageCheckIn, addDailyLuggageCheckIn, updateDailyLuggageCheckIn, exportDailyLuggageCheckIn, downloadTemplate } from '@/api/blockingData/dailyLuggageCheckInList'
+import { listDept } from '@/api/system/dept'
+import { getToken } from '@/utils/auth'
+import { UploadFilled } from '@element-plus/icons-vue'
+
+const { proxy } = getCurrentInstance()
+
+// 遮罩层
+const loading = ref(true)
+// 选中数组
+const ids = ref([])
+// 非单个禁用
+const single = ref(true)
+// 非多个禁用
+const multiple = ref(true)
+// 显示搜索条件
+const showSearch = ref(true)
+// 总条数
+const total = ref(0)
+// 每日行李查缉表格数据
+const dailyLuggageCheckInList = ref([])
+// 弹出层标题
+const title = ref('')
+// 是否显示弹出层
+const open = ref(false)
+
+const upload = reactive({
+  open: false,
+  isUploading: false,
+  headers: { Authorization: 'Bearer ' + getToken() },
+  url: import.meta.env.VITE_APP_BASE_API + '/blocked/daily/importData'
+})
+
+// 查询参数
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  statDate: null,
+  shiftType: null
+})
+
+// 表单参数
+const form = reactive({})
+
+// 表单校验
+const rules = {
+  statDate: [{ required: true, message: '日期不能为空', trigger: 'change' }],
+  shiftType: [{ required: true, message: '班次不能为空', trigger: 'change' }],
+  brigadeId: [{ required: true, message: '当班大队不能为空', trigger: 'change' }],
+  t1TravelLuggageCount: [{ required: true, message: 'T1旅检过检行李数不能为空', trigger: 'change' }],
+  t2TravelLuggageCount: [{ required: true, message: 'T2旅检过检行李数不能为空', trigger: 'change' }],
+  t1WalkLuggageCount: [{ required: true, message: 'T1行检过检行李数不能为空', trigger: 'change' }],
+  t2WalkLuggageCount: [{ required: true, message: 'T2行检过检行李数不能为空', trigger: 'change' }],
+  t1TravelBlockedCount: [{ required: true, message: 'T1旅检查堵件数不能为空', trigger: 'change' }],
+  t2TravelBlockedCount: [{ required: true, message: 'T2旅检查堵件数不能为空', trigger: 'change' }],
+  t1WalkBlockedCount: [{ required: true, message: 'T1行检查堵件数不能为空', trigger: 'change' }],
+  t2WalkBlockedCount: [{ required: true, message: 'T2行检查堵件数不能为空', trigger: 'change' }],
+  t1ReviewImageTotal: [{ required: true, message: 'T1复查图像总数不能为空', trigger: 'change' }],
+  t1AiMarkTotal: [{ required: true, message: 'T1-AI标记总数不能为空', trigger: 'change' }],
+  t1AiErrorTotal: [{ required: true, message: 'T1-AI误判总数不能为空', trigger: 'change' }],
+  t1AiMissTotal: [{ required: true, message: 'T1-AI漏判总数不能为空', trigger: 'change' }],
+  t2ReviewImageTotal: [{ required: true, message: 'T2复查图像总数不能为空', trigger: 'change' }],
+  t2AiMarkTotal: [{ required: true, message: 'T2-AI标记总数不能为空', trigger: 'change' }],
+  t2AiErrorTotal: [{ required: true, message: 'T2-AI误判总数不能为空', trigger: 'change' }],
+  t2AiMissTotal: [{ required: true, message: 'T2-AI漏判总数不能为空', trigger: 'change' }]
+  // otherVipCount 不设置必填校验
+}
+
+// 大队选项
+const brigadeOptions = ref([])
+
+/** 查询每日行李查缉列表 */
+function getList() {
+  loading.value = true
+  listDailyLuggageCheckIn(queryParams).then(response => {
+    dailyLuggageCheckInList.value = response.rows
+    total.value = response.total
+    loading.value = false
+  })
+}
+
+/** 获取部门列表 */
+function getDeptList() {
+  listDept({}).then(response => {
+    const deptList = response.data || []
+    brigadeOptions.value = deptList.filter(item => item.deptType === 'BRIGADE' && [311, 314, 315].includes(item.deptId)).map(item => ({
+      value: item.deptId,
+      label: item.deptName
+    }))
+  })
+}
+
+// 取消按钮
+function cancel() {
+  open.value = false
+  reset()
+}
+
+// 表单重置
+function reset() {
+  Object.assign(form, {
+    id: null,
+    statDate: null,
+    shiftType: null,
+    brigadeId: null,
+    brigadeName: null,
+    t1TravelLuggageCount: 0,
+    t2TravelLuggageCount: 0,
+    t1WalkLuggageCount: 0,
+    t2WalkLuggageCount: 0,
+    totalLuggageCount: 0,
+    t1TravelBlockedCount: 0,
+    t1TravelBlockRate: 0,
+    t2TravelBlockedCount: 0,
+    t2TravelBlockRate: 0,
+    t1WalkBlockedCount: 0,
+    t1WalkBlockRate: 0,
+    t2WalkBlockedCount: 0,
+    t2WalkBlockRate: 0,
+    totalBlockedCount: 0,
+    dailyBlockRate: 0,
+    t1ReviewImageTotal: 0,
+    t1AiMarkTotal: 0,
+    t1AiErrorTotal: 0,
+    t1AiMissTotal: 0,
+    t2ReviewImageTotal: 0,
+    t2AiMarkTotal: 0,
+    t2AiErrorTotal: 0,
+    t2AiMissTotal: 0,
+    otherVipCount: 0,
+    aiReviewImageTotal: 0,
+    aiMarkTotal: 0,
+    aiMissImageTotal: 0,
+    aiErrorImageTotal: 0
+  })
+  proxy.resetForm('dailyLuggageCheckInRef')
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.pageNum = 1
+  getList()
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm('queryRef')
+  handleQuery()
+}
+
+// 多选框选中数据
+function handleSelectionChange(selection) {
+  ids.value = selection.map(item => item.id)
+  single.value = selection.length !== 1
+  multiple.value = !selection.length
+}
+
+/** 新增按钮操作 */
+function handleAdd() {
+  reset()
+  // 设置默认当前日期
+  form.statDate = new Date().toISOString().split('T')[0]
+  open.value = true
+  title.value = '添加每日行李查缉'
+}
+
+/** 修改按钮操作 */
+function handleUpdate(row) {
+  reset()
+  const id = row.id || ids.value[0]
+  getDailyLuggageCheckIn(id).then(response => {
+    Object.assign(form, response.data)
+    open.value = true
+    title.value = '修改每日行李查缉'
+  })
+}
+
+/** 提交按钮 */
+function submitForm() {
+  proxy.$refs.dailyLuggageCheckInRef.validate(valid => {
+    if (valid) {
+      // 获取brigadeName
+      const selectedBrigade = brigadeOptions.value.find(item => item.value === form.brigadeId)
+      if (selectedBrigade) {
+        form.brigadeName = selectedBrigade.label
+      }
+
+      if (form.id != null) {
+        updateDailyLuggageCheckIn(form).then(response => {
+          proxy.$modal.msgSuccess('修改成功')
+          open.value = false
+          reset()
+          getList()
+        })
+      } else {
+        addDailyLuggageCheckIn(form).then(response => {
+          proxy.$modal.msgSuccess('新增成功')
+          open.value = false
+          reset()
+          getList()
+        })
+      }
+    }
+  })
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+  const id = row.id || ids.value
+  proxy.$modal.confirm('是否确认删除每日行李查缉编号为"' + id + '"的数据项？').then(function () {
+    return delDailyLuggageCheckIn(id)
+  }).then(() => {
+    getList()
+    proxy.$modal.msgSuccess('删除成功')
+  }).catch(() => { })
+}
+
+/** 导出按钮操作 */
+function handleExport() {
+  proxy.download('/blocked/daily/export', {
+    ...queryParams
+  }, `每日行李过检行李查堵_${new Date().getTime()}.xlsx`)
+}
+
+/** 导入按钮操作 */
+function handleImport() {
+  upload.open = true
+}
+
+/** 下载模板操作 */
+function importTemplate() {
+  proxy.download('blocked/daily/importTemplate', {}, `每日行李过检行李查堵模板_${new Date().getTime()}.xlsx`)
+}
+
+/** 文件上传中处理 */
+const handleFileUploadProgress = (event, file, fileList) => {
+  upload.isUploading = true
+}
+
+/** 文件上传成功处理 */
+const handleFileSuccess = (response, file, fileList) => {
+  upload.open = false
+  upload.isUploading = false
+  proxy.$refs.uploadRef.handleRemove(file)
+  proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true })
+  getList()
+}
+
+/** 提交上传文件 */
+function submitFileForm() {
+  proxy.$refs.uploadRef.submit()
+}
+
+onMounted(() => {
+  getList()
+  getDeptList()
+})
+</script>
+
+<style lang="less" scoped>
+.app-container {
+  padding: 20px;
+}
+</style>

src/views/blockingData/dailyLuggageInspectionScheduleByTime/index.vue

@@ -0,0 +1,427 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="大队" prop="brigadeId">
+        <el-select v-model="queryParams.brigadeId" placeholder="请选择大队" clearable style="width: 200px">
+          <el-option v-for="item in brigadeOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="统计日期" prop="statDate">
+        <el-date-picker clearable v-model="queryParams.statDate" type="date" placeholder="选择统计日期"
+          value-format="YYYY-MM-DD" style="width: 200px" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="Plus" @click="handleAdd"
+          v-hasPermi="['dailyLuggageInspectionScheduleByTime:dailyLuggageInspectionScheduleByTime:add']">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
+          v-hasPermi="['dailyLuggageInspectionScheduleByTime:dailyLuggageInspectionScheduleByTime:remove']">删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="warning" plain icon="Download" @click="handleExport"
+          v-hasPermi="['dailyLuggageInspectionScheduleByTime:dailyLuggageInspectionScheduleByTime:export']">导出</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="info" plain icon="Upload" @click="handleImport"
+          v-hasPermi="['dailyLuggageInspectionScheduleByTime:dailyLuggageInspectionScheduleByTime:import']">导入</el-button>
+      </el-col>
+      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="dailyLuggageInspectionScheduleByTimeList"
+      @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="统计日期" align="center" prop="statDate" />
+      <el-table-column label="当班大队" align="center" prop="brigadeName" />
+      <el-table-column label="时间段" align="center" prop="timePeriod" />
+      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="T1行检箱包数" align="center" prop="t1WalkBagCount" />
+      <el-table-column label="T1行检查堵数" align="center" prop="t1WalkBlockedCount" />
+      <el-table-column label="T2行检箱包数" align="center" prop="t2WalkBagCount" />
+      <el-table-column label="T2行检查堵数" align="center" prop="t2WalkBlockedCount" />
+      <el-table-column label="T1旅检箱包数" align="center" prop="t1TravelBagCount" />
+      <el-table-column label="T1旅检查堵数" align="center" prop="t1TravelBlockedCount" />
+      <el-table-column label="T2旅检箱包数" align="center" prop="t2TravelBagCount" />
+      <el-table-column label="T2旅检查堵数" align="center" prop="t2TravelBlockedCount" />
+      <el-table-column label="过检行李数" align="center" prop="totalLuggageCount" />
+      <el-table-column label="时段查堵件数" align="center" prop="totalBlockedCount" />
+      <el-table-column label="查堵万分率" align="center" prop="blockedRate" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="140">
+        <template #default="scope">
+          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
+            v-hasPermi="['dailyLuggageInspectionScheduleByTime:dailyLuggageInspectionScheduleByTime:edit']">修改</el-button>
+          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
+            v-hasPermi="['dailyLuggageInspectionScheduleByTime:dailyLuggageInspectionScheduleByTime:remove']">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize" @pagination="getList" />
+
+    <el-dialog :title="title" v-model="open" width="1000px" append-to-body @closed="reset" destroy-on-close>
+      <el-form ref="dailyLuggageInspectionScheduleByTimeRef" :model="form" :rules="rules" label-width="250px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="统计日期" prop="statDate">
+              <el-date-picker v-model="form.statDate" type="date" placeholder="选择统计日期" value-format="YYYY-MM-DD"
+                style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="当班大队" prop="brigadeId">
+              <el-select v-model="form.brigadeId" placeholder="请选择当班大队" style="width: 100%">
+                <el-option v-for="item in brigadeOptions" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="时间段" prop="timePeriod">
+              <el-select v-model="form.timePeriod" placeholder="请选择时间段" style="width: 100%">
+                <el-option v-for="dict in blocked_time_period" :key="dict.value" :label="dict.label"
+                  :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="备注" prop="remark">
+              <el-input v-model="form.remark" placeholder="请输入备注" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="T1行检箱包数" prop="t1WalkBagCount">
+              <el-input-number v-model="form.t1WalkBagCount" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T1行检查堵数" prop="t1WalkBlockedCount">
+              <el-input-number v-model="form.t1WalkBlockedCount" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="T2行检箱包数（国内+国际）" prop="t2WalkBagCount">
+              <el-input-number v-model="form.t2WalkBagCount" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T2行检查堵数" prop="t2WalkBlockedCount">
+              <el-input-number v-model="form.t2WalkBlockedCount" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="T1旅检箱包数（国内+国际+中转）" prop="t1TravelBagCount">
+              <el-input-number v-model="form.t1TravelBagCount" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T1旅检查堵数" prop="t1TravelBlockedCount">
+              <el-input-number v-model="form.t1TravelBlockedCount" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="T2旅检箱包数" prop="t2TravelBagCount">
+              <el-input-number v-model="form.t2TravelBagCount" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T2旅检查堵数" prop="t2TravelBlockedCount">
+              <el-input-number v-model="form.t2TravelBlockedCount" :min="0" :precision="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <el-dialog title="导入" v-model="upload.open" width="500px" append-to-body>
+      <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url"
+        :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess"
+        :auto-upload="false" drag>
+        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        <template #tip>
+          <div class="el-upload__tip text-center">
+            <span>仅允许导入xls、xlsx格式文件。</span>
+            <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"
+              @click="importTemplate">下载模板</el-link>
+          </div>
+        </template>
+      </el-upload>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitFileForm">确 定</el-button>
+          <el-button @click="upload.open = false">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
+import { listDailyLuggageInspectionScheduleByTime, getDailyLuggageInspectionScheduleByTime, delDailyLuggageInspectionScheduleByTime, addDailyLuggageInspectionScheduleByTime, updateDailyLuggageInspectionScheduleByTime, exportDailyLuggageInspectionScheduleByTime, downloadTemplate } from '@/api/blockingData/dailyLuggageInspectionScheduleByTime'
+import { listDept } from '@/api/system/dept'
+import { useDict } from '@/utils/dict'
+import { getToken } from '@/utils/auth'
+import { UploadFilled } from '@element-plus/icons-vue'
+
+const { proxy } = getCurrentInstance()
+const { blocked_time_period } = useDict('blocked_time_period')
+
+const loading = ref(true)
+const ids = ref([])
+const single = ref(true)
+const multiple = ref(true)
+const showSearch = ref(true)
+const total = ref(0)
+const dailyLuggageInspectionScheduleByTimeList = ref([])
+const title = ref('')
+const open = ref(false)
+
+
+const upload = reactive({
+  open: false,
+  isUploading: false,
+  headers: { Authorization: 'Bearer ' + getToken() },
+  url: import.meta.env.VITE_APP_BASE_API + '/blocked/pieceDaily/importData'
+})
+
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  brigadeId: null,
+  statDate: null
+})
+
+const form = reactive({})
+
+const rules = {
+  statDate: [{ required: true, message: '统计日期不能为空', trigger: 'change' }],
+  brigadeId: [{ required: true, message: '当班大队不能为空', trigger: 'change' }],
+  timePeriod: [{ required: true, message: '时间段不能为空', trigger: 'change' }],
+  t1WalkBagCount: [
+    { required: true, message: 'T1行检箱包数不能为空', trigger: 'blur' },
+    { type: 'number', message: '请输入有效的数字', trigger: 'blur' }
+  ],
+  t1WalkBlockedCount: [
+    { required: true, message: 'T1行检查堵数不能为空', trigger: 'blur' },
+    { type: 'number', message: '请输入有效的数字', trigger: 'blur' }
+  ],
+  t2WalkBagCount: [
+    { required: true, message: 'T2行检箱包数不能为空', trigger: 'blur' },
+    { type: 'number', message: '请输入有效的数字', trigger: 'blur' }
+  ],
+  t2WalkBlockedCount: [
+    { required: true, message: 'T2行检查堵数不能为空', trigger: 'blur' },
+    { type: 'number', message: '请输入有效的数字', trigger: 'blur' }
+  ],
+  t1TravelBagCount: [
+    { required: true, message: 'T1旅检箱包数不能为空', trigger: 'blur' },
+    { type: 'number', message: '请输入有效的数字', trigger: 'blur' }
+  ],
+  t1TravelBlockedCount: [
+    { required: true, message: 'T1旅检查堵数不能为空', trigger: 'blur' },
+    { type: 'number', message: '请输入有效的数字', trigger: 'blur' }
+  ],
+  t2TravelBagCount: [
+    { required: true, message: 'T2旅检箱包数不能为空', trigger: 'blur' },
+    { type: 'number', message: '请输入有效的数字', trigger: 'blur' }
+  ],
+  t2TravelBlockedCount: [
+    { required: true, message: 'T2旅检查堵数不能为空', trigger: 'blur' },
+    { type: 'number', message: '请输入有效的数字', trigger: 'blur' }
+  ]
+  // remark 不设置必填校验
+}
+
+const brigadeOptions = ref([])
+
+function getList() {
+  loading.value = true
+  listDailyLuggageInspectionScheduleByTime(queryParams).then(response => {
+    dailyLuggageInspectionScheduleByTimeList.value = response.rows
+    total.value = response.total
+    loading.value = false
+  })
+}
+
+function getDeptList() {
+  listDept({}).then(response => {
+    const deptList = response.data || []
+    brigadeOptions.value = deptList.filter(item => item.deptType === 'BRIGADE' && [311, 314, 315].includes(item.deptId)).map(item => ({
+      value: item.deptId,
+      label: item.deptName
+    }))
+
+  })
+}
+
+function cancel() {
+  open.value = false
+  reset()
+}
+
+function reset() {
+  Object.assign(form, {
+    id: null,
+    statDate: null,
+    brigadeId: null,
+    timePeriod: null,
+    remark: null,
+    t1WalkBagCount: null,
+    t1WalkBlockedCount: null,
+    t2WalkBagCount: null,
+    t2WalkBlockedCount: null,
+    t1TravelBagCount: null,
+    t1TravelBlockedCount: null,
+    t2TravelBagCount: null,
+    t2TravelBlockedCount: null,
+    totalLuggageCount: 0,
+    totalBlockedCount: 0,
+    blockedRate: 0
+  })
+  proxy.resetForm('dailyLuggageInspectionScheduleByTimeRef')
+}
+
+function handleQuery() {
+  queryParams.pageNum = 1
+  getList()
+}
+
+function resetQuery() {
+  proxy.resetForm('queryRef')
+  handleQuery()
+}
+
+function handleSelectionChange(selection) {
+  ids.value = selection.map(item => item.id)
+  single.value = selection.length !== 1
+  multiple.value = !selection.length
+}
+
+function handleAdd() {
+  reset()
+  // 设置默认当前日期
+  form.statDate = new Date().toISOString().split('T')[0]
+  open.value = true
+  title.value = '添加每日各时段查堵行李'
+}
+
+function handleUpdate(row) {
+  reset()
+  const id = row.id || ids.value[0]
+  getDailyLuggageInspectionScheduleByTime(id).then(response => {
+    Object.assign(form, response.data)
+    open.value = true
+    title.value = '修改每日各时段查堵行李'
+  })
+}
+
+function submitForm() {
+  proxy.$refs.dailyLuggageInspectionScheduleByTimeRef.validate(valid => {
+    if (valid) {
+      // 获取brigadeName
+      const selectedBrigade = brigadeOptions.value.find(item => item.value === form.brigadeId)
+      if (selectedBrigade) {
+        form.brigadeName = selectedBrigade.label
+      }
+
+      if (form.id != null) {
+        updateDailyLuggageInspectionScheduleByTime(form).then(response => {
+          proxy.$modal.msgSuccess('修改成功')
+          open.value = false
+          reset()
+          getList()
+        })
+      } else {
+        addDailyLuggageInspectionScheduleByTime(form).then(response => {
+          proxy.$modal.msgSuccess('新增成功')
+          open.value = false
+          reset()
+          getList()
+        })
+      }
+    }
+  })
+}
+
+function handleDelete(row) {
+  const id = row.id || ids.value
+  proxy.$modal.confirm('是否确认删除每日各时段查堵行李编号为"' + id + '"的数据项？').then(function () {
+    return delDailyLuggageInspectionScheduleByTime(id)
+  }).then(() => {
+    getList()
+    proxy.$modal.msgSuccess('删除成功')
+  }).catch(() => { })
+}
+
+function handleExport() {
+  proxy.download('/blocked/pieceDaily/export', {
+    ...queryParams
+  }, `每日各时段查堵行李_${new Date().getTime()}.xlsx`)
+}
+
+function handleImport() {
+  upload.open = true
+}
+
+/** 下载模板操作 */
+function importTemplate() {
+  proxy.download('blocked/pieceDaily/importTemplate', {}, `每日各时段查堵行李模板_${new Date().getTime()}.xlsx`)
+}
+
+/** 文件上传中处理 */
+const handleFileUploadProgress = (event, file, fileList) => {
+  upload.isUploading = true
+}
+
+/** 文件上传成功处理 */
+const handleFileSuccess = (response, file, fileList) => {
+  upload.open = false
+  upload.isUploading = false
+  proxy.$refs.uploadRef.handleRemove(file)
+  proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true })
+  getList()
+}
+
+/** 提交上传文件 */
+function submitFileForm() {
+  proxy.$refs.uploadRef.submit()
+}
+
+onMounted(() => {
+  getList()
+  getDeptList()
+})
+</script>
+
+<style lang="less" scoped>
+.app-container {
+  padding: 20px;
+}
+</style>

src/views/blockingData/experienceDistributionStartupPerson/index.vue

@@ -0,0 +1,171 @@
+<template>
+  <div class="experience-distribution">
+    <h1 class="page-title">开机人员年限分布</h1>
+
+    <div class="table-container">
+      <el-table :data="teams" border stripe class="distribution-table"
+        :header-cell-style="{ background: '#f5f7fa', color: '#606266' }">
+        <el-table-column prop="brigadeName" label="业务大队" align="center">
+          <template #default="{ row }">
+            <span class="team-name">{{ row.brigadeName }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="5年及5年以上人员数" align="center">
+          <template #default="{ row }">
+            <el-input-number v-model="row.cntGe5Year" :min="0" :controls="false" size="small" placeholder="0"
+              class="number-input" />
+          </template>
+        </el-table-column>
+
+        <el-table-column label="4年人员数" align="center">
+          <template #default="{ row }">
+            <el-input-number v-model="row.cnt4Years" :min="0" :controls="false" size="small" placeholder="0"
+              class="number-input" />
+          </template>
+        </el-table-column>
+
+        <el-table-column label="3年人员数" align="center">
+          <template #default="{ row }">
+            <el-input-number v-model="row.cnt3Years" :min="0" :controls="false" size="small" placeholder="0"
+              class="number-input" />
+          </template>
+        </el-table-column>
+
+        <el-table-column label="2年人员数" align="center">
+          <template #default="{ row }">
+            <el-input-number v-model="row.cnt2Years" :min="0" :controls="false" size="small" placeholder="0"
+              class="number-input" />
+          </template>
+        </el-table-column>
+
+        <el-table-column label="1年人员数" align="center">
+          <template #default="{ row }">
+            <el-input-number v-model="row.cnt1Years" :min="0" :controls="false" size="small" placeholder="0"
+              class="number-input" />
+          </template>
+        </el-table-column>
+
+        <el-table-column label="不足1年人员数" width="130" align="center">
+          <template #default="{ row }">
+            <el-input-number v-model="row.cntLt1Year" :min="0" :controls="false" size="small" placeholder="0"
+              class="number-input" />
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <div class="button-container">
+      <el-button type="primary" size="medium" @click="handleConfirm" class="confirm-button">确定</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getTenurelistAll, editTenure } from '@/api/blockingData/experienceDistributionStartupPerson'
+export default {
+  name: 'ExperienceDistributionStartupPerson',
+  data() {
+    return {
+      teams: []
+    }
+  },
+  mounted() {
+    this.fetchData()
+  },
+  methods: {
+    async fetchData() {
+      try {
+        const response = await getTenurelistAll()
+        if (response.code === 200) {
+          this.teams = response.data || []
+        } else {
+          this.$message.error('获取数据失败：' + response.msg)
+        }
+      } catch (error) {
+        console.error('获取数据失败:', error)
+        this.$message.error('获取数据失败')
+      }
+    },
+    async handleConfirm() {
+      try {
+        const savePromises = this.teams.map(row => {
+          const saveData = {
+            id: row.id,
+            brigadeId: row.brigadeId,
+            brigadeName: row.brigadeName,
+            cntGe5Year: row.cntGe5Year || 0,
+            cnt4Years: row.cnt4Years || 0,
+            cnt3Years: row.cnt3Years || 0,
+            cnt2Years: row.cnt2Years || 0,
+            cnt1Years: row.cnt1Years || 0,
+            cntLt1Year: row.cntLt1Year || 0
+          }
+          return editTenure(saveData)
+        })
+        
+        const results = await Promise.all(savePromises)
+        const allSuccess = results.every(result => result.code === 200)
+        
+        if (allSuccess) {
+          this.$message.success('数据保存成功！')
+        } else {
+          this.$message.error('部分数据保存失败，请检查后重试')
+        }
+      } catch (error) {
+        console.error('保存数据失败:', error)
+        this.$message.error('保存数据失败')
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.experience-distribution {
+  padding: 20px;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.page-title {
+  text-align: center;
+  margin-bottom: 30px;
+  color: #333;
+  font-size: 24px;
+  font-weight: bold;
+}
+
+.table-container {
+  margin-bottom: 30px;
+}
+
+.distribution-table {
+  width: 100%;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+}
+
+.team-name {
+  font-weight: bold;
+  color: #333;
+}
+
+.number-input {
+  width: 100px;
+}
+
+.number-input :deep(.el-input__inner) {
+  text-align: center;
+}
+
+.button-container {
+  text-align: center;
+}
+
+.confirm-button {
+  width: 120px;
+  height: 40px;
+  font-size: 16px;
+}
+</style>

src/views/blockingData/missedInspectionList/index.vue

@@ -0,0 +1,770 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="大队" prop="brigadeId">
+        <el-select v-model="queryParams.brigadeId" placeholder="请选择大队" clearable style="width: 200px">
+          <el-option v-for="item in brigadeOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="回查日期" prop="reviewDate">
+        <el-date-picker clearable v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
+          start-placeholder="开始日期" end-placeholder="结束日期" style="width: 300px">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="被回查人" prop="reviewedUserId">
+        <el-select v-model="queryParams.reviewedUserId" placeholder="请选择被回查人" clearable style="width: 200px">
+          <el-option v-for="item in personOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="分管班组长" prop="teamLeaderId">
+        <el-select v-model="queryParams.teamLeaderId" placeholder="请选择分管班组长" clearable style="width: 200px">
+          <el-option v-for="item in teamLeaderOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="分管主管" prop="supervisorId">
+        <el-select v-model="queryParams.supervisorId" placeholder="请选择分管主管" clearable style="width: 200px">
+          <el-option v-for="item in supervisorOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="判别类型" prop="discriminationType">
+        <el-select v-model="queryParams.discriminationType" placeholder="请选择判别类型" clearable style="width: 200px">
+          <el-option v-for="item in discrimination_type" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="Plus" @click="handleAdd"
+          v-hasPermi="['missedInspection:missedInspection:add']">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
+          v-hasPermi="['missedInspection:missedInspection:remove']">删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="warning" plain icon="Download" @click="handleExport"
+          v-hasPermi="['missedInspection:missedInspection:export']">导出</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="info" plain icon="Upload" @click="handleImport"
+          v-hasPermi="['missedInspection:missedInspection:import']">导入</el-button>
+      </el-col>
+      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="missedInspectionList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="大队" align="center" prop="brigadeName" min-width="120" />
+      <el-table-column label="区域" align="center" prop="areaName" min-width="120" />
+      <el-table-column label="被回查人" align="center" prop="reviewedUserName" min-width="120" />
+      <el-table-column label="回查日期" align="center" prop="reviewDate" min-width="120" />
+      <el-table-column label="漏检时间" align="center" prop="missCheckTime" min-width="180" />
+      <el-table-column label="漏检时间段" align="center" prop="missCheckTimePeriod" min-width="150" />
+      <el-table-column label="上岗位置" align="center" prop="channelName" min-width="120" />
+      <el-table-column label="分管主管" align="center" prop="supervisorName" min-width="120" />
+      <el-table-column label="代管主管" align="center" prop="actingSupervisorName" min-width="120" />
+      <el-table-column label="分管班组长" align="center" prop="teamLeaderName" min-width="120" />
+      <el-table-column label="物品位置" align="center" prop="itemLocation" min-width="120" />
+      <el-table-column label="简单/难" align="center" prop="difficultyLevel" min-width="100" />
+      <el-table-column label="回查人" align="center" prop="reviewUserName" min-width="120" />
+      <el-table-column label="判别类型" align="center" prop="discriminationType" min-width="100" />
+      <el-table-column label="是否追回" align="center" prop="isRecovered" min-width="100">
+        <template #default="scope">
+          {{ scope.row.isRecovered == 1 ? '是' : '否' }}
+        </template>
+      </el-table-column>
+      <el-table-column label="开机年限" align="center" prop="machineOperatingYears" min-width="100" />
+      <el-table-column label="证书级别" align="center" prop="certificateLevel" min-width="100" />
+      <el-table-column label="人员性别" align="center" prop="gender" min-width="100" />
+      <el-table-column label="漏检原因分类" align="center" prop="missCheckReasonCategory" min-width="220" />
+      <el-table-column label="月考成绩" align="center" prop="monthlyAssessment" min-width="100" />
+      <el-table-column label="本月自测有无漏检" align="center" prop="selfTestHasMissCheck" min-width="160">
+        <template #default="scope">
+            {{ scope.row.selfTestHasMissCheck ? '有' : '无' }}
+        </template>
+      </el-table-column>
+      <el-table-column label="漏检物品" align="center" prop="missCheckItem" min-width="120" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="140" fixed="right">
+        <template #default="scope">
+          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
+            v-hasPermi="['missedInspection:missedInspection:edit']">修改</el-button>
+          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
+            v-hasPermi="['missedInspection:missedInspection:remove']">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 添加或修改漏检对话框 -->
+    <el-dialog :title="title" v-model="open" width="1000px" append-to-body @closed="reset" destroy-on-close>
+      <el-form ref="missedInspectionRef" :model="form" :rules="rules" label-width="140px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="大队" prop="brigadeId">
+              <el-select v-model="form.brigadeId" placeholder="请选择大队" style="width: 100%">
+                <el-option v-for="item in brigadeOptions" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="区域" prop="areaId">
+              <el-select v-model="form.areaId" placeholder="请选择区域" style="width: 100%">
+                <el-option v-for="item in areaOptions" :key="item.id" :label="item.name" :value="item.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="被回查人" prop="reviewedUserId">
+              <el-select v-model="form.reviewedUserId" placeholder="请选择被回查人" style="width: 100%"
+                @change="handleReviewedUserChange">
+                <el-option v-for="item in personOptions" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="回查日期" prop="reviewDate">
+              <el-date-picker v-model="form.reviewDate" type="date" placeholder="选择回查日期" value-format="YYYY-MM-DD"
+                style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="漏检时间" prop="missCheckTime">
+              <el-date-picker v-model="form.missCheckTime" type="datetime" placeholder="请选择漏检时间"
+                value-format="YYYY-MM-DD HH:mm" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="漏检时间段" prop="missCheckTimePeriod">
+              <el-select v-model="form.missCheckTimePeriod" placeholder="请选择漏检时间段" style="width: 100%">
+                <el-option v-for="item in blocked_time_period" :key="item.value" :label="item.label"
+                  :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="上岗位置" prop="channelId">
+              <el-select v-model="form.channelId" placeholder="请选择上岗位置" style="width: 100%">
+                <el-option v-for="item in channelOptions" :key="item.id" :label="item.name" :value="item.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="漏检物品" prop="missCheckItem">
+              <el-tree-select
+                v-model="form.missCheckItem"
+                :data="missCheckItemOptions"
+                :props="{ value: 'name', label: 'name', children: 'children' }"
+                value-key="name"
+                placeholder="请选择漏检物品"
+                check-strictly
+                style="width: 100%"
+              />
+            </el-form-item>
+          </el-col>
+
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="分管主管" prop="supervisorId">
+              <el-select v-model="form.supervisorId" placeholder="请选择分管主管" style="width: 100%">
+                <el-option v-for="item in supervisorOptions" :key="item.value" :label="item.label"
+                  :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="代管主管" prop="actingSupervisorId">
+              <el-select v-model="form.actingSupervisorId" placeholder="请选择代管主管" style="width: 100%">
+                <el-option v-for="item in supervisorOptions" :key="item.value" :label="item.label"
+                  :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="分管班组长" prop="teamLeaderId">
+              <el-select v-model="form.teamLeaderId" placeholder="请选择分管班组长" style="width: 100%">
+                <el-option v-for="item in teamLeaderOptions" :key="item.value" :label="item.label"
+                  :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="物品位置" prop="itemLocation">
+              <el-select v-model="form.itemLocation" placeholder="请选择物品位置" style="width: 100%">
+                <el-option v-for="item in blocked_item_position" :key="item.value" :label="item.label"
+                  :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="简单/难" prop="difficultyLevel">
+              <el-select v-model="form.difficultyLevel" placeholder="请选择简单/难" style="width: 100%">
+                <el-option label="简单" value="简单" />
+                <el-option label="难" value="难" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="回查人" prop="reviewUserId">
+              <el-select v-model="form.reviewUserId" placeholder="请选择回查人" style="width: 100%">
+                <el-option v-for="item in personOptions" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="判别类型" prop="discriminationType">
+              <el-select v-model="form.discriminationType" placeholder="请选择判别类型" style="width: 100%">
+                <el-option v-for="item in discrimination_type" :key="item.value" :label="item.label"
+                  :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="是否追回" prop="isRecovered">
+              <el-select v-model="form.isRecovered" placeholder="请选择是否追回" style="width: 100%">
+                <el-option label="是" value="1" />
+                <el-option label="否" value="0" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开机年限" prop="machineOperatingYears">
+              <el-select v-model="form.machineOperatingYears" placeholder="请选择开机年限" style="width: 100%">
+                <el-option v-for="item in blocked_operating_years" :key="item.value" :label="item.label"
+                  :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="证书级别" prop="certificateLevel">
+              <el-input v-model="form.certificateLevel" placeholder="请输入证书级别" />
+            </el-form-item>
+          </el-col>
+
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="人员性别" prop="gender">
+              <el-select v-model="form.gender" placeholder="请选择人员性别" style="width: 100%">
+                <el-option label="男" value="男" />
+                <el-option label="女" value="女" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="漏检原因分类" prop="missCheckReasonCategory">
+              <el-select v-model="form.missCheckReasonCategory" placeholder="请选择漏检原因分类" style="width: 100%">
+                <el-option v-for="item in blocked_miss_check_reason" :key="item.value" :label="item.label"
+                  :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="月考成绩" prop="monthlyAssessment">
+              <el-select v-model="form.monthlyAssessment" placeholder="请选择月考成绩" style="width: 100%">
+                <el-option v-for="item in blocked_monthly_exam_result" :key="item.value" :label="item.label"
+                  :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="本月自测有无漏检" prop="selfTestHasMissCheck">
+              <el-input-number v-model="form.selfTestHasMissCheck" :min="0" :max="2" :precision="0"
+                placeholder="请输入0-2的整数" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 导入对话框 -->
+    <el-dialog title="导入" v-model="upload.open" width="500px" append-to-body>
+      <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url"
+        :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess"
+        :auto-upload="false" drag>
+        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        <template #tip>
+          <div class="el-upload__tip text-center">
+            <span>仅允许导入xls、xlsx格式文件。</span>
+            <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"
+              @click="importTemplate">下载模板</el-link>
+          </div>
+        </template>
+      </el-upload>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitFileForm">确 定</el-button>
+          <el-button @click="upload.open = false">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
+import { listPosition } from '@/api/system/position'
+import { listMissedInspection, getMissedInspection, delMissedInspection, addMissedInspection, updateMissedInspection, exportMissedInspection, downloadTemplate } from '@/api/blockingData/missedInspection'
+import { listDept } from '@/api/system/dept'
+import { listUser, selectUserLeaderListByCondition } from '@/api/system/user'
+import { listCategory } from '@/api/system/category'
+import { useDict } from '@/utils/dict'
+import { getToken } from '@/utils/auth'
+import { UploadFilled } from '@element-plus/icons-vue'
+
+const { proxy } = getCurrentInstance()
+
+// 遮罩层
+const loading = ref(true)
+// 选中数组
+const ids = ref([])
+// 非单个禁用
+const single = ref(true)
+// 非多个禁用
+const multiple = ref(true)
+// 显示搜索条件
+const showSearch = ref(true)
+// 总条数
+const total = ref(0)
+// 漏检表格数据
+const missedInspectionList = ref([])
+// 弹出层标题
+const title = ref('')
+// 是否显示弹出层
+const open = ref(false)
+// 日期范围
+const dateRange = ref([])
+// 漏检物品树状选项
+const missCheckItemOptions = ref([])
+
+const upload = reactive({
+  open: false,
+  isUploading: false,
+  headers: { Authorization: 'Bearer ' + getToken() },
+  url: import.meta.env.VITE_APP_BASE_API + '/blocked/missReview/importData'
+})
+
+// 查询参数
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  brigadeId: null,
+  reviewDate: null,
+  reviewedUserId: null,
+  teamLeaderId: null,
+  supervisorId: null,
+  discriminationType: null
+})
+
+// 表单参数
+const form = reactive({})
+
+// 表单校验
+const rules = {
+  brigadeId: [{ required: true, message: '大队不能为空', trigger: 'change' }],
+  areaId: [{ required: true, message: '区域不能为空', trigger: 'change' }],
+  reviewedUserId: [{ required: true, message: '被回查人不能为空', trigger: 'change' }],
+  reviewDate: [{ required: true, message: '回查日期不能为空', trigger: 'change' }],
+  missCheckTime: [{ required: true, message: '漏检时间不能为空', trigger: 'change' }],
+  missCheckTimePeriod: [{ required: true, message: '漏检时间段不能为空', trigger: 'change' }],
+  channelId: [{ required: true, message: '上岗位置不能为空', trigger: 'change' }],
+  missCheckItem: [{ required: true, message: '漏检物品不能为空', trigger: 'change' }],
+  supervisorId: [{ required: true, message: '分管主管不能为空', trigger: 'change' }],
+  teamLeaderId: [{ required: true, message: '分管班组长不能为空', trigger: 'change' }],
+  itemLocation: [{ required: true, message: '物品位置不能为空', trigger: 'change' }],
+  difficultyLevel: [{ required: true, message: '简单/难不能为空', trigger: 'change' }],
+  reviewUserId: [{ required: true, message: '回查人不能为空', trigger: 'change' }],
+  discriminationType: [{ required: true, message: '判别类型不能为空', trigger: 'change' }],
+  isRecovered: [{ required: true, message: '是否追回不能为空', trigger: 'change' }],
+  machineOperatingYears: [{ required: true, message: '开机年限不能为空', trigger: 'change' }],
+  certificateLevel: [{ required: true, message: '证书级别不能为空', trigger: 'change' }],
+  gender: [{ required: true, message: '人员性别不能为空', trigger: 'change' }],
+  missCheckReasonCategory: [{ required: true, message: '漏检原因分类不能为空', trigger: 'change' }],
+  monthlyAssessment: [{ required: true, message: '月考成绩不能为空', trigger: 'change' }],
+  selfTestHasMissCheck: [
+    { required: true, message: '本月自测有无漏检不能为空', trigger: 'change' },
+    {
+      validator: (rule, value, callback) => {
+        if (value === null || value === undefined || value === '') {
+          callback(new Error('本月自测有无漏检不能为空'))
+        } else if (![0, 1, 2].includes(Number(value))) {
+          callback(new Error('本月自测有无漏检只能输入0、1、2'))
+        } else {
+          callback()
+        }
+      },
+      trigger: 'change'
+    }
+  ]
+  // actingSupervisorId 不设置必填校验
+}
+
+// 字典数据
+const { discrimination_type, blocked_time_period, blocked_item_position, blocked_monthly_exam_result, blocked_operating_years, blocked_miss_check_reason } = useDict('discrimination_type', 'blocked_time_period', 'blocked_item_position', 'blocked_monthly_exam_result', 'blocked_operating_years', 'blocked_miss_check_reason')
+
+// 大队选项
+const brigadeOptions = ref([])
+// 人员选项
+const personOptions = ref([])
+// 班组长选项
+const teamLeaderOptions = ref([])
+// 主管选项
+const supervisorOptions = ref([])
+// 区域选项
+const areaOptions = ref([])
+// 上岗位置选项
+const channelOptions = ref([])
+
+/** 获取职位列表 */
+function getPositionList() {
+  // 获取区域选项
+  listPosition({ positionType: 'REGIONAL' }).then(response => {
+    areaOptions.value = response.data || []
+  })
+
+  // 获取上岗位置选项
+  listPosition({ positionType: 'TERMINL' }).then(response => {
+    channelOptions.value = response.data || []
+  })
+}
+
+/** 查询漏检列表 */
+function getList() {
+  loading.value = true
+  if (dateRange.value && dateRange.value.length === 2) {
+    queryParams.reviewDateStart = dateRange.value[0]
+    queryParams.reviewDateEnd = dateRange.value[1]
+  } else {
+    queryParams.reviewDateStart = null
+    queryParams.reviewDateEnd = null
+  }
+  listMissedInspection(queryParams).then(response => {
+    missedInspectionList.value = response.rows
+    total.value = response.total
+    loading.value = false
+  })
+}
+
+/** 获取部门列表 */
+function getDeptList() {
+  listDept({}).then(response => {
+    const deptList = response.data || []
+    brigadeOptions.value = deptList.filter(item => item.deptType === 'BRIGADE' && [311, 314, 315].includes(item.deptId)).map(item => ({
+      value: item.deptId,
+      label: item.deptName
+    }))
+  })
+}
+
+/** 获取漏检物品树状选项 */
+function getMissCheckItemOptions() {
+  listCategory().then(response => {
+    missCheckItemOptions.value = proxy.handleTree(response.data, "id", "parentId")
+  })
+}
+function getTeamLeaderOptions() {
+  selectUserLeaderListByCondition({ roleKeyList: ['banzuzhang'] }).then(response => {
+    teamLeaderOptions.value = (response.data || []).map(item => ({
+      value: item.userId,
+      label: item.nickName
+    }))
+  })
+}
+
+/** 获取主管选项 */
+function getSupervisorOptions() {
+  selectUserLeaderListByCondition({ roleKeyList: ['kezhang'] }).then(response => {
+    supervisorOptions.value = (response.data || []).map(item => ({
+      value: item.userId,
+      label: item.nickName
+    }))
+  })
+}
+
+/** 被回查人变更事件 */
+function handleReviewedUserChange(userId) {
+  if (userId) {
+    //请求回查人班组长
+    selectUserLeaderListByCondition({ userId: userId, roleKeyList: ['banzuzhang'] }).then(response => {
+      if (response.data && response.data.length > 0) {
+        const data = response.data[0]
+        form.teamLeaderId = data.userId
+      }
+    })
+    selectUserLeaderListByCondition({ userId: userId, roleKeyList: ['kezhang'] }).then(response => {
+      if (response.data && response.data.length > 0) {
+        const data = response.data[0]
+        form.supervisorId = data.userId
+      }
+    })
+  } else {
+    form.supervisorId = null
+    form.teamLeaderId = null
+    form.certificateLevel = null
+    form.gender = null
+  }
+}
+
+/** 获取用户列表 */
+function getUserList() {
+  listUser({ pageNum: 1, pageSize: 1000 }).then(response => {
+    personOptions.value = response.rows.map(item => ({
+      value: item.userId,
+      label: item.nickName
+    }))
+  })
+}
+
+// 取消按钮
+function cancel() {
+  open.value = false
+  reset()
+}
+
+// 表单重置
+function reset() {
+  Object.assign(form, {
+    id: null,
+    brigadeId: null,
+    areaId: null,
+    areaName: null,
+    reviewedUserId: null,
+    reviewDate: null,
+    missCheckTime: null,
+    missCheckTimePeriod: null,
+    channelId: null,
+    channelName: null,
+    supervisorId: null,
+    actingSupervisorId: null,
+    teamLeaderId: null,
+    itemLocation: null,
+    difficultyLevel: null,
+    reviewUserId: null,
+    discriminationType: null,
+    isRecovered: null,
+    machineOperatingYears: null,
+    certificateLevel: null,
+    gender: null,
+    missCheckReasonCategory: null,
+    monthlyAssessment: null,
+    selfTestHasMissCheck: null,
+    missCheckItem: null
+  })
+  proxy.resetForm('missedInspectionRef')
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.pageNum = 1
+  getList()
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  dateRange.value = []
+  proxy.resetForm('queryRef')
+  handleQuery()
+}
+
+// 多选框选中数据
+function handleSelectionChange(selection) {
+  ids.value = selection.map(item => item.id)
+  single.value = selection.length !== 1
+  multiple.value = !selection.length
+}
+
+/** 新增按钮操作 */
+function handleAdd() {
+  reset()
+  // 设置默认当前时间
+  form.missCheckTime = new Date().toISOString().replace('T', ' ').substring(0, 16)
+  // 设置默认当前日期
+  form.reviewDate = new Date().toISOString().split('T')[0]
+  open.value = true
+  title.value = '添加漏检'
+}
+
+/** 修改按钮操作 */
+function handleUpdate(row) {
+  reset()
+  const id = row.id || ids.value[0]
+  getMissedInspection(id).then(response => {
+    Object.assign(form, response.data)
+    open.value = true
+    title.value = '修改漏检'
+  })
+}
+
+/** 提交按钮 */
+function submitForm() {
+  proxy.$refs.missedInspectionRef.validate(valid => {
+    if (valid) {
+      // 处理大队ID和名称映射
+      if (form.brigadeId) {
+        const brigade = brigadeOptions.value.find(item => item.value === form.brigadeId)
+        form.brigadeName = brigade ? brigade.label : null
+      }
+
+      // 处理区域ID和名称映射
+      if (form.areaId) {
+        
+        const area = areaOptions.value.find(item => item.id === form.areaId)
+        form.areaName = area ? area.name : null
+      }
+
+      // 处理被回查人ID和名称映射
+      if (form.reviewedUserId) {
+        const reviewedUser = personOptions.value.find(item => item.value === form.reviewedUserId)
+        form.reviewedUserName = reviewedUser ? reviewedUser.label : null
+      }
+
+      // 处理上岗位置ID和名称映射
+      if (form.channelId) {
+        const channel = channelOptions.value.find(item => item.id === form.channelId)
+        form.channelName = channel ? channel.name : null
+      }
+
+      // 处理分管主管ID和名称映射
+      if (form.supervisorId) {
+        const supervisor = supervisorOptions.value.find(item => item.value === form.supervisorId)
+        form.supervisorName = supervisor ? supervisor.label : null
+      }
+
+      // 处理代管主管ID和名称映射
+      if (form.actingSupervisorId) {
+        
+        const actingSupervisor = supervisorOptions.value.find(item => item.value === form.actingSupervisorId)
+        form.actingSupervisorName = actingSupervisor ? actingSupervisor.label : null
+      }
+
+      // 处理分管班组长ID和名称映射
+      if (form.teamLeaderId) {
+        const teamLeader = teamLeaderOptions.value.find(item => item.value === form.teamLeaderId)
+        form.teamLeaderName = teamLeader ? teamLeader.label : null
+      }
+
+      // 处理回查人ID和名称映射
+      if (form.reviewUserId) {
+        const reviewUser = personOptions.value.find(item => item.value === form.reviewUserId)
+        form.reviewUserName = reviewUser ? reviewUser.label : null
+      }
+
+      if (form.id != null) {
+        updateMissedInspection(form).then(response => {
+          proxy.$modal.msgSuccess('修改成功')
+          open.value = false
+          reset()
+          getList()
+        })
+      } else {
+        addMissedInspection(form).then(response => {
+          proxy.$modal.msgSuccess('新增成功')
+          open.value = false
+          reset()
+          getList()
+        })
+      }
+    }
+  })
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+  const id = row.id || ids.value
+  proxy.$modal.confirm('是否确认删除漏检编号为"' + id + '"的数据项？').then(function () {
+    return delMissedInspection(id)
+  }).then(() => {
+    getList()
+    proxy.$modal.msgSuccess('删除成功')
+  }).catch(() => { })
+}
+
+/** 导出按钮操作 */
+function handleExport() {
+  proxy.download('/blocked/missReview/export', {
+    ...queryParams
+  }, `漏检_${new Date().getTime()}.xlsx`)
+}
+
+/** 导入按钮操作 */
+function handleImport() {
+  upload.open = true
+}
+
+/** 下载模板操作 */
+function importTemplate() {
+  proxy.download('blocked/missReview/importTemplate', {}, `漏检模板_${new Date().getTime()}.xlsx`)
+}
+
+/** 文件上传中处理 */
+const handleFileUploadProgress = (event, file, fileList) => {
+  upload.isUploading = true
+}
+
+/** 文件上传成功处理 */
+const handleFileSuccess = (response, file, fileList) => {
+  upload.open = false
+  upload.isUploading = false
+  proxy.$refs.uploadRef.handleRemove(file)
+  proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true })
+  getList()
+}
+
+/** 提交上传文件 */
+function submitFileForm() {
+  proxy.$refs.uploadRef.submit()
+}
+
+onMounted(() => {
+  getUserList()
+  getList()
+  getDeptList()
+
+  getPositionList()
+  getTeamLeaderOptions()
+  getSupervisorOptions()
+  getMissCheckItemOptions()
+})
+</script>
+
+<style lang="less" scoped>
+.app-container {
+  padding: 20px;
+}
+</style>

src/views/blockingData/rateList/index.vue

@@ -0,0 +1,386 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="当班大队" prop="dutyBrigadeId">
+        <el-select v-model="queryParams.dutyBrigadeId" placeholder="请选择当班大队" clearable style="width: 200px">
+          <el-option v-for="item in brigadeOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="日期" prop="statDate">
+        <el-date-picker clearable v-model="queryParams.statDate" type="date" placeholder="选择日期"
+          value-format="YYYY-MM-DD" style="width: 200px" />
+      </el-form-item>
+      <el-form-item label="班次" prop="shift">
+        <el-select v-model="queryParams.shift" placeholder="请选择班次" clearable style="width: 200px">
+          <el-option v-for="dict in shift" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="Plus" @click="handleAdd"
+          v-hasPermi="['rateList:rateList:add']">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
+          v-hasPermi="['rateList:rateList:remove']">删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="warning" plain icon="Download" @click="handleExport"
+          v-hasPermi="['rateList:rateList:export']">导出</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="info" plain icon="Upload" @click="handleImport"
+          v-hasPermi="['rateList:rateList:import']">导入</el-button>
+      </el-col>
+      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="rateList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="日期" align="center" prop="statDate" />
+      <el-table-column label="旅检国内区域平均速率（高峰期时段）" align="center" prop="travelInspectionDomesticAvgRatePeak"
+        min-width="120" />
+      <el-table-column label="当班大队" align="center" prop="dutyBrigadeName" />
+      <el-table-column label="T1-A区速率（高峰期时段）" align="center" prop="t1AAreaRatePeak" />
+      <el-table-column label="T1-B区速率（高峰期时段）" align="center" prop="t1BAreaRatePeak" />
+      <el-table-column label="T2-国内速率（高峰期时段）" align="center" prop="t2DomesticRatePeak" />
+      <el-table-column label="T2-国际速率（高峰期时段）" align="center" prop="t2InternationalRatePeak" />
+      <el-table-column label="班次" align="center" prop="shiftDesc" />
+      <el-table-column label="T2-中转（高峰期时段）" align="center" prop="t2TransferRatePeak" />
+      <el-table-column label="国际及中转区域平均速率（高峰期时段）" align="center" prop="internationalTransferAvgRatePeak"
+        min-width="120" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template #default="scope">
+          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
+            v-hasPermi="['rateList:rateList:edit']">修改</el-button>
+          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
+            v-hasPermi="['rateList:rateList:remove']">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize" @pagination="getList" />
+
+    <el-dialog :title="title" v-model="open" width="1000px" append-to-body @closed="reset" destroy-on-close>
+      <el-form ref="rateListRef" :model="form" :rules="rules" label-width="280px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="日期" prop="statDate">
+              <el-date-picker v-model="form.statDate" type="date" placeholder="选择日期" value-format="YYYY-MM-DD"
+                style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="当班大队" prop="dutyBrigadeId">
+              <el-select v-model="form.dutyBrigadeId" placeholder="请选择当班大队" style="width: 100%">
+                <el-option v-for="item in brigadeOptions" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="班次" prop="shift">
+              <el-select v-model="form.shift" placeholder="请选择班次" style="width: 100%">
+                <el-option v-for="dict in shift" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="旅检国内区域平均速率（高峰期时段）" prop="travelInspectionDomesticAvgRatePeak">
+              <el-input-number v-model="form.travelInspectionDomesticAvgRatePeak" :min="0" :precision="2"
+                style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="T1-A区速率（高峰期时段）" prop="t1AAreaRatePeak">
+              <el-input-number v-model="form.t1AAreaRatePeak" :min="0" :precision="2" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T1-B区速率（高峰期时段）" prop="t1BAreaRatePeak">
+              <el-input-number v-model="form.t1BAreaRatePeak" :min="0" :precision="2" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="T2-国内速率（高峰期时段）" prop="t2DomesticRatePeak">
+              <el-input-number v-model="form.t2DomesticRatePeak" :min="0" :precision="2" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T2-国际速率（高峰期时段）" prop="t2InternationalRatePeak">
+              <el-input-number v-model="form.t2InternationalRatePeak" :min="0" :precision="2" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="T2-中转（高峰期时段）" prop="t2TransferRatePeak">
+              <el-input-number v-model="form.t2TransferRatePeak" :min="0" :precision="2" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="国际及中转区域平均速率（高峰期时段）" prop="internationalTransferAvgRatePeak">
+              <el-input-number v-model="form.internationalTransferAvgRatePeak" :min="0" :precision="2"
+                style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <el-dialog title="导入" v-model="upload.open" width="500px" append-to-body>
+      <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url"
+        :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess"
+        :auto-upload="false" drag>
+        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        <template #tip>
+          <div class="el-upload__tip text-center">
+            <span>仅允许导入xls、xlsx格式文件。</span>
+            <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"
+              @click="importTemplate">下载模板</el-link>
+          </div>
+        </template>
+      </el-upload>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitFileForm">确 定</el-button>
+          <el-button @click="upload.open = false">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
+import { listRate, getRate, delRate, addRate, updateRate, exportRate, downloadTemplate } from '@/api/blockingData/rateList'
+import { listDept } from '@/api/system/dept'
+import { getToken } from '@/utils/auth'
+import { UploadFilled } from '@element-plus/icons-vue'
+
+const { proxy } = getCurrentInstance()
+const { shift } = proxy.useDict('shift')
+
+const loading = ref(true)
+const ids = ref([])
+const single = ref(true)
+const multiple = ref(true)
+const showSearch = ref(true)
+const total = ref(0)
+const rateList = ref([])
+const title = ref('')
+const open = ref(false)
+
+const upload = reactive({
+  open: false,
+  isUploading: false,
+  headers: { Authorization: 'Bearer ' + getToken() },
+  url: import.meta.env.VITE_APP_BASE_API + 'blocked/rate/importData'
+})
+
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  dutyBrigadeId: null,
+  statDate: null,
+  shift: null
+})
+
+const form = reactive({})
+
+const rules = {
+  statDate: [{ required: true, message: '日期不能为空', trigger: 'change' }],
+  dutyBrigadeId: [{ required: true, message: '当班大队不能为空', trigger: 'change' }],
+  shift: [{ required: true, message: '班次不能为空', trigger: 'change' }],
+  travelInspectionDomesticAvgRatePeak: [{ required: true, message: '旅检国内区域平均速率（高峰期时段）不能为空', trigger: 'change' }],
+  t1AAreaRatePeak: [{ required: true, message: 'T1-A区速率（高峰期时段）不能为空', trigger: 'change' }],
+  t1BAreaRatePeak: [{ required: true, message: 'T1-B区速率（高峰期时段）不能为空', trigger: 'change' }],
+  t2DomesticRatePeak: [{ required: true, message: 'T2-国内速率（高峰期时段）不能为空', trigger: 'change' }],
+  t2InternationalRatePeak: [{ required: true, message: 'T2-国际速率（高峰期时段）不能为空', trigger: 'change' }],
+  t2TransferRatePeak: [{ required: true, message: 'T2-中转（高峰期时段）不能为空', trigger: 'change' }],
+  internationalTransferAvgRatePeak: [{ required: true, message: '国际及中转区域平均速率（高峰期时段）不能为空', trigger: 'change' }]
+}
+
+const brigadeOptions = ref([])
+
+function getList() {
+  loading.value = true
+  listRate(queryParams).then(response => {
+    rateList.value = response.rows
+    total.value = response.total
+    loading.value = false
+  })
+}
+
+function getDeptList() {
+  listDept({}).then(response => {
+    const deptList = response.data || []
+    brigadeOptions.value = deptList.filter(item => item.deptType === 'BRIGADE' && [311, 314, 315].includes(item.deptId)).map(item => ({
+      value: item.deptId,
+      label: item.deptName
+    }))
+  })
+}
+
+function cancel() {
+  open.value = false
+  reset()
+}
+
+function reset() {
+  Object.assign(form, {
+    id: null,
+    statDate: null,
+    dutyBrigadeId: null,
+    shift: null,
+    shiftDesc: null,
+    travelInspectionDomesticAvgRatePeak: 0,
+    t1AAreaRatePeak: 0,
+    t1BAreaRatePeak: 0,
+    t2DomesticRatePeak: 0,
+    t2InternationalRatePeak: 0,
+    t2TransferRatePeak: 0,
+    internationalTransferAvgRatePeak: 0
+  })
+  proxy.resetForm('rateListRef')
+}
+
+function handleQuery() {
+  queryParams.pageNum = 1
+  getList()
+}
+
+function resetQuery() {
+  proxy.resetForm('queryRef')
+  handleQuery()
+}
+
+function handleSelectionChange(selection) {
+  ids.value = selection.map(item => item.id)
+  single.value = selection.length !== 1
+  multiple.value = !selection.length
+}
+
+function handleAdd() {
+  reset()
+  // 设置默认当前日期
+  form.statDate = new Date().toISOString().split('T')[0]
+  open.value = true
+  title.value = '添加速率统计'
+}
+
+function handleUpdate(row) {
+  reset()
+  const id = row.id || ids.value[0]
+  getRate(id).then(response => {
+    Object.assign(form, response.data)
+    open.value = true
+    title.value = '修改速率统计'
+  })
+}
+
+function submitForm() {
+  proxy.$refs.rateListRef.validate(valid => {
+    if (valid) {
+      if (form.shift) {
+        const shiftItem = shift.value.find(item => item.value === form.shift)
+        form.shiftDesc = shiftItem ? shiftItem.label : null
+      }
+      if (form.dutyBrigadeId) {
+        const brigadeItem = brigadeOptions.value.find(item => item.value === form.dutyBrigadeId)
+        form.dutyBrigadeName = brigadeItem ? brigadeItem.label : null
+      }
+
+      if (form.id != null) {
+        updateRate(form).then(response => {
+          proxy.$modal.msgSuccess('修改成功')
+          open.value = false
+          reset()
+          getList()
+        })
+      } else {
+        addRate(form).then(response => {
+          proxy.$modal.msgSuccess('新增成功')
+          open.value = false
+          reset()
+          getList()
+        })
+      }
+    }
+  })
+}
+
+function handleDelete(row) {
+  const id = row.id || ids.value
+  proxy.$modal.confirm('是否确认删除速率统计编号为"' + id + '"的数据项？').then(function () {
+    return delRate(id)
+  }).then(() => {
+    getList()
+    proxy.$modal.msgSuccess('删除成功')
+  }).catch(() => { })
+}
+
+function handleExport() {
+  proxy.download('blocked/rate/export', {
+    ...queryParams
+  }, `速率统计_${new Date().getTime()}.xlsx`)
+}
+
+function handleImport() {
+  upload.open = true
+}
+
+/** 下载模板操作 */
+function importTemplate() {
+  proxy.download('/blocked/rate/importTemplate', {}, `速率统计模板${new Date().getTime()}.xlsx`)
+}
+
+/** 文件上传中处理 */
+const handleFileUploadProgress = (event, file, fileList) => {
+  upload.isUploading = true
+}
+
+/** 文件上传成功处理 */
+const handleFileSuccess = (response, file, fileList) => {
+  upload.open = false
+  upload.isUploading = false
+  proxy.$refs.uploadRef.handleRemove(file)
+  proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true })
+  getList()
+}
+
+/** 提交上传文件 */
+function submitFileForm() {
+  proxy.$refs.uploadRef.submit()
+}
+
+onMounted(() => {
+  getList()
+  getDeptList()
+})
+</script>
+
+<style lang="less" scoped>
+.app-container {
+  padding: 20px;
+}
+</style>

src/views/system/dept/index.vue

@@ -125,6 +125,18 @@
                      </el-select>
                   </el-form-item>
                </el-col>
+               <el-col :span="12" v-if="form.deptType === 'BRIGADE'">
+                  <el-form-item label="大队性质" prop="brigadeNature">
+                     <el-select v-model="form.brigadeNature" placeholder="请选择大队性质">
+                        <el-option
+                        v-for="dict in brigade_nature"
+                        :key="dict.value"
+                        :label="dict.label"
+                        :value="dict.value"
+                        ></el-option>
+                     </el-select>
+                  </el-form-item>
+               </el-col>
                <el-col :span="12">
                   <el-form-item label="显示排序" prop="orderNum">
                      <el-input-number v-model="form.orderNum" controls-position="right" :min="0" />
@@ -174,6 +186,7 @@ import { listDept, getDept, delDept, addDept, updateDept, listDeptExcludeChild }
 const { proxy } = getCurrentInstance()
 const { sys_normal_disable } = proxy.useDict("sys_normal_disable")
 const { base_dept_type } = proxy.useDict('base_dept_type')
+const { brigade_nature } = proxy.useDict('brigade_nature')
 const deptList = ref([])
 const open = ref(false)
 const loading = ref(true)
@@ -223,6 +236,7 @@ function reset() {
     parentId: undefined,
     deptName: undefined,
     deptType: undefined,
+    brigadeNature: undefined,
     orderNum: 0,
     leader: undefined,
     phone: undefined,