feat(查堵数据): 新增查堵数据统计大屏、速率表、漏检统计表、每日行李查堵表等功能模块

新增查堵数据统计大屏页面，包含运行数据分析、查堵人员分析、培训质控分析和放行速率分析四个模块
新增速率表功能模块，支持查询、新增、修改、删除和导出速率统计数据
新增漏检统计表功能模块，支持查询、新增、修改、删除和导出漏检统计数据
新增每日行李查堵表功能模块，支持查询、新增、修改、删除和导出每日行李查堵数据
新增每日各时段查堵行李表功能模块，支持查询、新增、修改、删除和导出各时段查堵数据

src/api/blockingData/dailyLuggageCheckInList.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询每日行李查缉列表
+export function listDailyLuggageCheckInList(query) {
+  return request({
+    url: '/dailyLuggageCheckInList/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询每日行李查缉详细
+export function getDailyLuggageCheckInList(id) {
+  return request({
+    url: '/dailyLuggageCheckInList/' + id,
+    method: 'get'
+  })
+}
+
+// 新增每日行李查缉
+export function addDailyLuggageCheckInList(data) {
+  return request({
+    url: '/dailyLuggageCheckInList',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改每日行李查缉
+export function updateDailyLuggageCheckInList(data) {
+  return request({
+    url: '/dailyLuggageCheckInList',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除每日行李查缉
+export function delDailyLuggageCheckInList(id) {
+  return request({
+    url: '/dailyLuggageCheckInList/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出每日行李查缉
+export function exportDailyLuggageCheckInList(query) {
+  return request({
+    url: '/dailyLuggageCheckInList/export',
+    method: 'get',
+    params: query
+  })
+}

src/api/blockingData/dailyLuggageInspectionScheduleByTime.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询每日各时段查堵行李列表
+export function listDailyLuggageInspectionScheduleByTime(query) {
+  return request({
+    url: '/dailyLuggageInspectionScheduleByTime/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询每日各时段查堵行李详细
+export function getDailyLuggageInspectionScheduleByTime(id) {
+  return request({
+    url: '/dailyLuggageInspectionScheduleByTime/' + id,
+    method: 'get'
+  })
+}
+
+// 新增每日各时段查堵行李
+export function addDailyLuggageInspectionScheduleByTime(data) {
+  return request({
+    url: '/dailyLuggageInspectionScheduleByTime',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改每日各时段查堵行李
+export function updateDailyLuggageInspectionScheduleByTime(data) {
+  return request({
+    url: '/dailyLuggageInspectionScheduleByTime',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除每日各时段查堵行李
+export function delDailyLuggageInspectionScheduleByTime(id) {
+  return request({
+    url: '/dailyLuggageInspectionScheduleByTime/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出每日各时段查堵行李
+export function exportDailyLuggageInspectionScheduleByTime(query) {
+  return request({
+    url: '/dailyLuggageInspectionScheduleByTime/export',
+    method: 'get',
+    params: query
+  })
+}

src/api/blockingData/missedInspection.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询漏检列表
+export function listMissedInspection(query) {
+  return request({
+    url: '/missedInspection/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询漏检详细
+export function getMissedInspection(id) {
+  return request({
+    url: '/missedInspection/' + id,
+    method: 'get'
+  })
+}
+
+// 新增漏检
+export function addMissedInspection(data) {
+  return request({
+    url: '/missedInspection',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改漏检
+export function updateMissedInspection(data) {
+  return request({
+    url: '/missedInspection',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除漏检
+export function delMissedInspection(id) {
+  return request({
+    url: '/missedInspection/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出漏检
+export function exportMissedInspection(query) {
+  return request({
+    url: '/missedInspection/export',
+    method: 'get',
+    params: query
+  })
+}

src/api/blockingData/rateList.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询速率统计列表
+export function listRate(query) {
+  return request({
+    url: '/rateList/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询速率统计详细
+export function getRate(id) {
+  return request({
+    url: '/rateList/' + id,
+    method: 'get'
+  })
+}
+
+// 新增速率统计
+export function addRate(data) {
+  return request({
+    url: '/rateList',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改速率统计
+export function updateRate(data) {
+  return request({
+    url: '/rateList',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除速率统计
+export function delRate(id) {
+  return request({
+    url: '/rateList/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出速率统计
+export function exportRate(query) {
+  return request({
+    url: '/rateList/export',
+    method: 'get',
+    params: query
+  })
+}

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

@@ -0,0 +1,53 @@
+<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%;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  padding: 0 15px;
+  background: linear-gradient(90deg, rgba(11, 88, 131, 0.8) 0%, rgba(13, 80, 122, 0.4) 100%);
+  border-bottom: 1px solid rgba(112, 207, 231, 0.3);
+}
+
+.module-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #fbffff;
+}
+
+.module-content {
+  flex: 1;
+  padding: 10px;
+  overflow: hidden;
+}
+</style>

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

@@ -0,0 +1,214 @@
+<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 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;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+.chart-title {
+  font-size: 12px;
+  color: #333;
+  margin-bottom: 5px;
+  text-align: center;
+}
+
+.echarts {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>

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

@@ -0,0 +1,566 @@
+<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 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;
+  padding: 10px;
+}
+
+.stats-row {
+  display: flex;
+  gap: 10px;
+  flex-shrink: 0;
+}
+
+.stat-card {
+  flex: 1;
+  background: #fff;
+  border-radius: 6px;
+  padding: 15px;
+  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;
+  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: 12px;
+  color: #333;
+  margin-bottom: 8px;
+  text-align: center;
+  font-weight: 500;
+}
+
+.echarts {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>

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

@@ -0,0 +1,97 @@
+<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 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;
+  padding: 10px;
+}
+
+.chart-card {
+  flex: 1;
+  background: #fff;
+  border-radius: 6px;
+  padding: 10px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  display: flex;
+  flex-direction: column;
+}
+
+.chart-title {
+  font-size: 12px;
+  color: #333;
+  margin-bottom: 8px;
+  text-align: center;
+  font-weight: 500;
+}
+
+.echarts {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>

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

@@ -0,0 +1,337 @@
+<template>
+  <module-container title="查堵人员分析">
+    <div class="module-two-content">
+      <div class="top-row">
+        <div class="table-card">
+          <div class="card-title">查堵-主管分管榜</div>
+          <div class="rank-table">
+            <div v-for="(item, index) in rankData1" :key="index" class="rank-row">
+              <span class="rank-number" :class="'rank-' + (index + 1)">NO.{{ index + 1 }}</span>
+              <span class="rank-name">{{ item.name }}</span>
+              <span class="rank-value">{{ item.value }}</span>
+            </div>
+          </div>
+        </div>
+        <div class="table-card">
+          <div class="card-title">查堵-班组排行</div>
+          <div class="rank-table">
+            <div v-for="(item, index) in rankData2" :key="index" class="rank-row">
+              <span class="rank-number" :class="'rank-' + (index + 1)">NO.{{ index + 1 }}</span>
+              <span class="rank-name">{{ item.name }}</span>
+              <span class="rank-value">{{ item.value }}</span>
+            </div>
+          </div>
+        </div>
+        <div class="table-card">
+          <div class="card-title">查堵-人员榜</div>
+          <div class="rank-table">
+            <div v-for="(item, index) in rankData3" :key="index" class="rank-row">
+              <span class="rank-number" :class="'rank-' + (index + 1)">NO.{{ index + 1 }}</span>
+              <span class="rank-name">{{ item.name }}</span>
+              <span class="rank-value">{{ item.value }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="middle-row">
+        <div class="chart-card">
+          <div class="card-title">查堵-物品位置分布</div>
+          <div ref="chart1" class="echarts"></div>
+        </div>
+        <div class="chart-card">
+          <div class="card-title">查堵-原因分类</div>
+          <div ref="chart2" class="echarts"></div>
+        </div>
+      </div>
+      
+      <div class="bottom-row">
+        <div class="chart-card">
+          <div class="card-title">查堵-开机人员年限分布</div>
+          <div ref="chart3" class="echarts"></div>
+        </div>
+        <div class="chart-card">
+          <div class="card-title">查堵-开机人员性别比例</div>
+          <div ref="chart4" class="echarts"></div>
+        </div>
+        <div class="chart-card">
+          <div class="card-title">查堵-图像难易程度比例</div>
+          <div ref="chart5" class="echarts"></div>
+        </div>
+      </div>
+      
+      <div class="extra-row">
+        <div class="chart-card">
+          <div class="card-title">大队开机人员查堵分布</div>
+          <div ref="chart6" class="echarts"></div>
+        </div>
+        <div class="chart-card">
+          <div class="card-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 { useEcharts } from '@/hooks/chart.js'
+
+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;
+  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;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  display: flex;
+  flex-direction: column;
+  min-height: 120px;
+}
+
+.card-title {
+  font-size: 11px;
+  color: #333;
+  margin-bottom: 5px;
+  text-align: center;
+  font-weight: 500;
+}
+
+.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/index.vue

@@ -0,0 +1,109 @@
+<template>
+  <div class="blocking-data-screen">
+    <div class="screen-header">
+      <div class="header-title">查堵数据统计大屏（实时）</div>
+      <div class="header-nav">
+        <div class="nav-item active">运行数据分析</div>
+        <div class="nav-item">查堵人员分析</div>
+        <div class="nav-item">培训质控分析</div>
+        <div class="nav-item">放行速率分析</div>
+      </div>
+    </div>
+    
+    <div class="screen-content">
+      <div class="grid-layout">
+        <div class="grid-item">
+          <module-one />
+        </div>
+        <div class="grid-item">
+          <module-two />
+        </div>
+        <div class="grid-item">
+          <module-three />
+        </div>
+        <div class="grid-item">
+          <module-four />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import ModuleOne from './components/ModuleOne.vue'
+import ModuleTwo from './components/ModuleTwo.vue'
+import ModuleThree from './components/ModuleThree.vue'
+import ModuleFour from './components/ModuleFour.vue'
+</script>
+
+<style lang="less" scoped>
+.blocking-data-screen {
+  width: 100%;
+  height: 100vh;
+  background: linear-gradient(180deg, #0D507A 0%, #054066 50%, #033055 100%);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.screen-header {
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 30px;
+  background: linear-gradient(90deg, rgba(5, 64, 102, 0.9) 0%, rgba(11, 88, 131, 0.9) 50%, rgba(5, 64, 102, 0.9) 100%);
+  border-bottom: 2px solid rgba(112, 207, 231, 0.5);
+}
+
+.header-title {
+  font-size: 24px;
+  font-weight: bold;
+  color: #fbffff;
+  text-shadow: 0 0 10px rgba(112, 207, 231, 0.5);
+}
+
+.header-nav {
+  display: flex;
+  gap: 15px;
+}
+
+.nav-item {
+  padding: 8px 20px;
+  background: rgba(112, 207, 231, 0.1);
+  border: 1px solid rgba(112, 207, 231, 0.3);
+  border-radius: 4px;
+  color: #B4E9FF;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.nav-item:hover {
+  background: rgba(112, 207, 231, 0.2);
+}
+
+.nav-item.active {
+  background: linear-gradient(90deg, #3398BE, #0B5883);
+  border-color: #70CFE7;
+  color: #fff;
+}
+
+.screen-content {
+  flex: 1;
+  padding: 20px;
+  overflow: auto;
+}
+
+.grid-layout {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(2, 1fr);
+  gap: 20px;
+  height: 100%;
+}
+
+.grid-item {
+  min-height: 200px;
+}
+</style>

src/views/blockingData/dailyLuggageCheckInList/index.vue

@@ -0,0 +1,534 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="日期" prop="date">
+        <el-date-picker clearable v-model="queryParams.date" 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 label="早班" value="早班" />
+          <el-option label="中班" value="中班" />
+          <el-option label="晚班" 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="['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="date" width="120" />
+      <el-table-column label="班次" align="center" prop="shift" width="100" />
+      <el-table-column label="当班大队" align="center" prop="dutyBrigade" width="120" />
+      <el-table-column label="t1T2旅检过检行李数" align="center" prop="t1T2LuggageCheckCount" width="150" />
+      <el-table-column label="过检行李合计" align="center" prop="totalLuggageCheckCount" width="120" />
+      <el-table-column label="T1旅检查堵件数" align="center" prop="t1LuggageCheckBlockCount" width="120" />
+      <el-table-column label="T1旅检万分率" align="center" prop="t1LuggageCheckBlockRate" width="120" />
+      <el-table-column label="T2旅检查堵件数" align="center" prop="t2LuggageCheckBlockCount" width="120" />
+      <el-table-column label="T2旅检万分率" align="center" prop="t2LuggageCheckBlockRate" width="120" />
+      <el-table-column label="T1行检过检行李数" align="center" prop="t1BaggageCheckCount" width="120" />
+      <el-table-column label="T2行检过检行李数" align="center" prop="t2BaggageCheckCount" width="120" />
+      <el-table-column label="T1行检查堵件数" align="center" prop="t1BaggageCheckBlockCount" width="120" />
+      <el-table-column label="T1行检万分率" align="center" prop="t1BaggageCheckBlockRate" width="120" />
+      <el-table-column label="T2行检查堵件数" align="center" prop="t2BaggageCheckBlockCount" width="120" />
+      <el-table-column label="T2行检万分率" align="center" prop="t2BaggageCheckBlockRate" width="120" />
+      <el-table-column label="查堵合计件数" align="center" prop="totalCheckBlockCount" width="120" />
+      <el-table-column label="当日查堵万分率" align="center" prop="dailyCheckBlockRate" width="120" />
+      <el-table-column label="T1复查图像总数" align="center" prop="t1ReviewImageTotal" width="120" />
+      <el-table-column label="T2-AI标记总数" align="center" prop="t2AiMarkTotal" width="120" />
+      <el-table-column label="T1-AI误判总数" align="center" prop="t1AiMisjudgeTotal" width="120" />
+      <el-table-column label="T1AI漏判总数" align="center" prop="t1AiMissTotal" width="120" />
+      <el-table-column label="T2复查图像总数" align="center" prop="t2ReviewImageTotal" width="120" />
+      <el-table-column label="T2-AI标记总数" align="center" prop="t2AiMarkTotal2" width="120" />
+      <el-table-column label="T2AI误判总数" align="center" prop="t2AiMisjudgeTotal" width="120" />
+      <el-table-column label="T2AI漏判总数" align="center" prop="t2AiMissTotal" width="120" />
+      <el-table-column label="其他(VP通道)数量" align="center" prop="vpChannelCount" width="140" />
+      <el-table-column label="AI复查图像总数" align="center" prop="aiReviewImageTotal" width="120" />
+      <el-table-column label="AI标记图像总数" align="center" prop="aiMarkImageTotal" width="120" />
+      <el-table-column label="AI漏判图像总数" align="center" prop="aiMissImageTotal" width="120" />
+      <el-table-column label="AI误判图像总数" align="center" prop="aiMisjudgeImageTotal" width="140" />
+      <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="['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>
+      <el-form ref="dailyLuggageCheckInRef" :model="form" :rules="rules" label-width="140px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="日期" prop="date">
+              <el-date-picker v-model="form.date" 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="shift">
+              <el-select v-model="form.shift" 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="dutyBrigade">
+          <el-select v-model="form.dutyBrigade" 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="t1T2旅检过检行李数" prop="t1T2LuggageCheckCount">
+              <el-input-number v-model="form.t1T2LuggageCheckCount" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="过检行李合计" prop="totalLuggageCheckCount">
+              <el-input-number v-model="form.totalLuggageCheckCount" :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="t1LuggageCheckBlockCount">
+              <el-input-number v-model="form.t1LuggageCheckBlockCount" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T1旅检万分率" prop="t1LuggageCheckBlockRate">
+              <el-input-number v-model="form.t1LuggageCheckBlockRate" :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="t2LuggageCheckBlockCount">
+              <el-input-number v-model="form.t2LuggageCheckBlockCount" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T2旅检万分率" prop="t2LuggageCheckBlockRate">
+              <el-input-number v-model="form.t2LuggageCheckBlockRate" :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="t1BaggageCheckCount">
+              <el-input-number v-model="form.t1BaggageCheckCount" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T2行检过检行李数" prop="t2BaggageCheckCount">
+              <el-input-number v-model="form.t2BaggageCheckCount" :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="t1BaggageCheckBlockCount">
+              <el-input-number v-model="form.t1BaggageCheckBlockCount" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T1行检万分率" prop="t1BaggageCheckBlockRate">
+              <el-input-number v-model="form.t1BaggageCheckBlockRate" :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="t2BaggageCheckBlockCount">
+              <el-input-number v-model="form.t2BaggageCheckBlockCount" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T2行检万分率" prop="t2BaggageCheckBlockRate">
+              <el-input-number v-model="form.t2BaggageCheckBlockRate" :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="查堵合计件数" prop="totalCheckBlockCount">
+              <el-input-number v-model="form.totalCheckBlockCount" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="当日查堵万分率" prop="dailyCheckBlockRate">
+              <el-input-number v-model="form.dailyCheckBlockRate" :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="t1ReviewImageTotal">
+              <el-input-number v-model="form.t1ReviewImageTotal" :min="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" 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="t1AiMisjudgeTotal">
+              <el-input-number v-model="form.t1AiMisjudgeTotal" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T1AI漏判总数" prop="t1AiMissTotal">
+              <el-input-number v-model="form.t1AiMissTotal" :min="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" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T2-AI标记总数" prop="t2AiMarkTotal2">
+              <el-input-number v-model="form.t2AiMarkTotal2" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="T2AI误判总数" prop="t2AiMisjudgeTotal">
+              <el-input-number v-model="form.t2AiMisjudgeTotal" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T2AI漏判总数" prop="t2AiMissTotal">
+              <el-input-number v-model="form.t2AiMissTotal" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="其他(VP通道)数量" prop="vpChannelCount">
+          <el-input-number v-model="form.vpChannelCount" :min="0" style="width: 100%" />
+        </el-form-item>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="AI复查图像总数" prop="aiReviewImageTotal">
+              <el-input-number v-model="form.aiReviewImageTotal" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="AI标记图像总数" prop="aiMarkImageTotal">
+              <el-input-number v-model="form.aiMarkImageTotal" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="AI漏判图像总数" prop="aiMissImageTotal">
+              <el-input-number v-model="form.aiMissImageTotal" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="AI误判图像总数" prop="aiMisjudgeImageTotal">
+              <el-input-number v-model="form.aiMisjudgeImageTotal" :min="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="importOpen" width="500px" append-to-body>
+      <el-upload ref="uploadRef" :auto-upload="false" :on-change="handleFileChange" :show-file-list="false"
+        accept=".xlsx,.xls">
+        <el-button type="primary">选取文件</el-button>
+        <div class="el-upload__tip">只能上传xls/xlsx文件</div>
+      </el-upload>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitImport">确 定</el-button>
+          <el-button @click="importOpen = 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 } from '@/api/blockingData/dailyLuggageCheckIn'
+import { listDept } from '@/api/system/dept'
+
+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 importOpen = ref(false)
+// 导入文件
+const importFile = ref(null)
+
+// 查询参数
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  date: null,
+  shift: null
+})
+
+// 表单参数
+const form = reactive({})
+
+// 表单校验
+const rules = {
+  date: [{ required: true, message: '日期不能为空', trigger: 'change' }],
+  shift: [{ required: true, message: '班次不能为空', trigger: 'change' }],
+  dutyBrigade: [{ required: true, message: '当班大队不能为空', trigger: 'change' }]
+}
+
+// 大队选项
+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').map(item => ({
+      value: item.deptId,
+      label: item.deptName
+    }))
+  })
+}
+
+// 取消按钮
+function cancel() {
+  open.value = false
+  reset()
+}
+
+// 表单重置
+function reset() {
+  form.value = {
+    id: null,
+    date: null,
+    shift: null,
+    dutyBrigade: null,
+    t1T2LuggageCheckCount: 0,
+    totalLuggageCheckCount: 0,
+    t1LuggageCheckBlockCount: 0,
+    t1LuggageCheckBlockRate: 0,
+    t2LuggageCheckBlockCount: 0,
+    t2LuggageCheckBlockRate: 0,
+    t1BaggageCheckCount: 0,
+    t2BaggageCheckCount: 0,
+    t1BaggageCheckBlockCount: 0,
+    t1BaggageCheckBlockRate: 0,
+    t2BaggageCheckBlockCount: 0,
+    t2BaggageCheckBlockRate: 0,
+    totalCheckBlockCount: 0,
+    dailyCheckBlockRate: 0,
+    t1ReviewImageTotal: 0,
+    t2AiMarkTotal: 0,
+    t1AiMisjudgeTotal: 0,
+    t1AiMissTotal: 0,
+    t2ReviewImageTotal: 0,
+    t2AiMarkTotal2: 0,
+    t2AiMisjudgeTotal: 0,
+    t2AiMissTotal: 0,
+    vpChannelCount: 0,
+    aiReviewImageTotal: 0,
+    aiMarkImageTotal: 0,
+    aiMissImageTotal: 0,
+    aiMisjudgeImageTotal: 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()
+  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) {
+      if (form.id != null) {
+        updateDailyLuggageCheckIn(form).then(response => {
+          proxy.$modal.msgSuccess('修改成功')
+          open.value = false
+          getList()
+        })
+      } else {
+        addDailyLuggageCheckIn(form).then(response => {
+          proxy.$modal.msgSuccess('新增成功')
+          open.value = false
+          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('dailyLuggageCheckIn/export', {
+    ...queryParams
+  }, `每日行李查缉_${new Date().getTime()}.xlsx`)
+}
+
+/** 导入按钮操作 */
+function handleImport() {
+  importOpen.value = true
+  importFile.value = null
+}
+
+/** 文件选择 */
+function handleFileChange(file) {
+  importFile.value = file.raw
+}
+
+/** 提交导入 */
+function submitImport() {
+  if (!importFile.value) {
+    proxy.$modal.msgWarning('请选择要导入的文件')
+    return
+  }
+  const formData = new FormData()
+  formData.append('file', importFile.value)
+  proxy.upload('dailyLuggageCheckIn/importData', formData).then(response => {
+    proxy.$modal.msgSuccess(response.msg)
+    importOpen.value = false
+    getList()
+  })
+}
+
+onMounted(() => {
+  getList()
+  getDeptList()
+})
+</script>
+
+<style lang="less" scoped>
+.app-container {
+  padding: 20px;
+}
+
+:deep(.el-table) {
+  .el-table__header-wrapper {
+    th {
+      background-color: #303133;
+      color: #ffffff;
+      font-weight: 600;
+    }
+  }
+}
+</style>

src/views/blockingData/dailyLuggageInspectionScheduleByTime/index.vue

@@ -0,0 +1,378 @@
+<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="date">
+        <el-date-picker clearable v-model="queryParams.date" 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="date" width="120" />
+      <el-table-column label="当班大队" align="center" prop="dutyBrigade" width="120" />
+      <el-table-column label="时间段" align="center" prop="timePeriod" width="120" />
+      <el-table-column label="备注" align="center" prop="remark" width="120" />
+      <el-table-column label="T1行检箱包数" align="center" prop="t1BaggageCount" width="120" />
+      <el-table-column label="查堵数3" align="center" prop="checkBlockCount3" width="100" />
+      <el-table-column label="T2行检箱包数（国内+）" align="center" prop="t2BaggageCountDomestic" width="150" />
+      <el-table-column label="查堵数2" align="center" prop="checkBlockCount2" width="100" />
+      <el-table-column label="T1旅检箱包数" align="center" prop="t1LuggageCount" width="120" />
+      <el-table-column label="查堵数5" align="center" prop="checkBlockCount5" width="100" />
+      <el-table-column label="T2旅检箱包数（国内+）" align="center" prop="t2LuggageCountDomestic" width="150" />
+      <el-table-column label="查堵数" align="center" prop="checkBlockCount" width="100" />
+      <el-table-column label="过检行李数" align="center" prop="checkLuggageCount" width="120" />
+      <el-table-column label="时段查堵件数" align="center" prop="timePeriodCheckBlockCount" width="120" />
+      <el-table-column label="查堵万分率" align="center" prop="checkBlockRate" width="120" />
+      <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="800px" append-to-body>
+      <el-form ref="dailyLuggageInspectionScheduleByTimeRef" :model="form" :rules="rules" label-width="180px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="日期" prop="date">
+              <el-date-picker v-model="form.date" 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="dutyBrigade">
+              <el-select v-model="form.dutyBrigade" 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-input v-model="form.timePeriod" placeholder="请输入时间段" style="width: 100%" />
+            </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="t1BaggageCount">
+              <el-input-number v-model="form.t1BaggageCount" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="查堵数3" prop="checkBlockCount3">
+              <el-input-number v-model="form.checkBlockCount3" :min="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="t2BaggageCountDomestic">
+              <el-input-number v-model="form.t2BaggageCountDomestic" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="查堵数2" prop="checkBlockCount2">
+              <el-input-number v-model="form.checkBlockCount2" :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="t1LuggageCount">
+              <el-input-number v-model="form.t1LuggageCount" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="查堵数5" prop="checkBlockCount5">
+              <el-input-number v-model="form.checkBlockCount5" :min="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="t2LuggageCountDomestic">
+              <el-input-number v-model="form.t2LuggageCountDomestic" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="查堵数" prop="checkBlockCount">
+              <el-input-number v-model="form.checkBlockCount" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="过检行李数" prop="checkLuggageCount">
+              <el-input-number v-model="form.checkLuggageCount" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="时段查堵件数" prop="timePeriodCheckBlockCount">
+              <el-input-number v-model="form.timePeriodCheckBlockCount" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="查堵万分率" prop="checkBlockRate">
+          <el-input-number v-model="form.checkBlockRate" :min="0" :precision="2" 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="importOpen" width="500px" append-to-body>
+      <el-upload ref="uploadRef" :auto-upload="false" :on-change="handleFileChange" :show-file-list="false"
+        accept=".xlsx,.xls">
+        <el-button type="primary">选取文件</el-button>
+        <div class="el-upload__tip">只能上传xls/xlsx文件</div>
+      </el-upload>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitImport">确 定</el-button>
+          <el-button @click="importOpen = 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 } from '@/api/blockingData/dailyLuggageInspectionScheduleByTime'
+import { listDept } from '@/api/system/dept'
+
+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 dailyLuggageInspectionScheduleByTimeList = ref([])
+const title = ref('')
+const open = ref(false)
+const importOpen = ref(false)
+const importFile = ref(null)
+
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  brigadeId: null,
+  date: null
+})
+
+const form = reactive({})
+
+const rules = {
+  date: [{ required: true, message: '日期不能为空', trigger: 'change' }],
+  dutyBrigade: [{ required: true, message: '当班大队不能为空', trigger: 'change' }]
+}
+
+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').map(item => ({
+      value: item.deptId,
+      label: item.deptName
+    }))
+  })
+}
+
+function cancel() {
+  open.value = false
+  reset()
+}
+
+function reset() {
+  form.value = {
+    id: null,
+    date: null,
+    dutyBrigade: null,
+    timePeriod: null,
+    remark: null,
+    t1BaggageCount: 0,
+    checkBlockCount3: 0,
+    t2BaggageCountDomestic: 0,
+    checkBlockCount2: 0,
+    t1LuggageCount: 0,
+    checkBlockCount5: 0,
+    t2LuggageCountDomestic: 0,
+    checkBlockCount: 0,
+    checkLuggageCount: 0,
+    timePeriodCheckBlockCount: 0,
+    checkBlockRate: 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()
+  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) {
+      if (form.id != null) {
+        updateDailyLuggageInspectionScheduleByTime(form).then(response => {
+          proxy.$modal.msgSuccess('修改成功')
+          open.value = false
+          getList()
+        })
+      } else {
+        addDailyLuggageInspectionScheduleByTime(form).then(response => {
+          proxy.$modal.msgSuccess('新增成功')
+          open.value = false
+          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('dailyLuggageInspectionScheduleByTime/export', {
+    ...queryParams
+  }, `每日各时段查堵行李_${new Date().getTime()}.xlsx`)
+}
+
+function handleImport() {
+  importOpen.value = true
+  importFile.value = null
+}
+
+function handleFileChange(file) {
+  importFile.value = file.raw
+}
+
+function submitImport() {
+  if (!importFile.value) {
+    proxy.$modal.msgWarning('请选择要导入的文件')
+    return
+  }
+  const formData = new FormData()
+  formData.append('file', importFile.value)
+  proxy.upload('dailyLuggageInspectionScheduleByTime/importData', formData).then(response => {
+    proxy.$modal.msgSuccess(response.msg)
+    importOpen.value = false
+    getList()
+  })
+}
+
+onMounted(() => {
+  getList()
+  getDeptList()
+})
+</script>
+
+<style lang="less" scoped>
+.app-container {
+  padding: 20px;
+}
+
+:deep(.el-table) {
+  .el-table__header-wrapper {
+    th {
+      background-color: #303133;
+      color: #ffffff;
+      font-weight: 600;
+    }
+  }
+}
+</style>

src/views/blockingData/missedInspectionList/index.vue

@@ -0,0 +1,512 @@
+<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="checkDate">
+        <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="checkedPerson">
+        <el-select v-model="queryParams.checkedPerson" 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="judgeType">
+        <el-select v-model="queryParams.judgeType" placeholder="请选择判别类型" clearable style="width: 200px">
+          <el-option v-for="item in judgeTypeOptions" :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" width="120" />
+      <el-table-column label="区域" align="center" prop="area" width="120" />
+      <el-table-column label="被回查人" align="center" prop="checkedPerson" width="120" />
+      <el-table-column label="回查日期" align="center" prop="checkDate" width="120" />
+      <el-table-column label="漏检时间" align="center" prop="missedTime" width="120" />
+      <el-table-column label="漏检时间段" align="center" prop="missedTimePeriod" width="150" />
+      <el-table-column label="上岗位置" align="center" prop="workPosition" width="120" />
+      <el-table-column label="分管主管" align="center" prop="supervisorName" width="120" />
+      <el-table-column label="代管主管" align="center" prop="actingSupervisorName" width="120" />
+      <el-table-column label="分管班组长" align="center" prop="teamLeaderName" width="120" />
+      <el-table-column label="物品位置" align="center" prop="itemPosition" width="120" />
+      <el-table-column label="简单/难" align="center" prop="difficulty" width="100" />
+      <el-table-column label="回查人" align="center" prop="checker" width="120" />
+      <el-table-column label="判别类型" align="center" prop="judgeType" width="100" />
+      <el-table-column label="是否追回" align="center" prop="isRecovered" width="100">
+        <template #default="scope">
+          <el-tag :type="scope.row.isRecovered === '是' ? 'success' : 'warning'">
+            {{ scope.row.isRecovered }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="开机年限" align="center" prop="machineYears" width="100" />
+      <el-table-column label="证书级别" align="center" prop="certificateLevel" width="100" />
+      <el-table-column label="人员性别" align="center" prop="personGender" width="100" />
+      <el-table-column label="漏检原因分类" align="center" prop="missedReasonCategory" width="120" />
+      <el-table-column label="月考成绩" align="center" prop="monthlyExamScore" width="100" />
+      <el-table-column label="本月自测有无漏检" align="center" prop="monthlySelfTestMissed" width="120">
+        <template #default="scope">
+          <el-tag :type="scope.row.monthlySelfTestMissed === '是' ? 'warning' : 'success'">
+            {{ scope.row.monthlySelfTestMissed }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="漏检物品" align="center" prop="missedItem" width="120" />
+      <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="['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="600px" append-to-body>
+      <el-form ref="missedInspectionRef" :model="form" :rules="rules" label-width="120px">
+        <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-form-item label="区域" prop="area">
+          <el-input v-model="form.area" placeholder="请输入区域" />
+        </el-form-item>
+        <el-form-item label="被回查人" prop="checkedPerson">
+          <el-select v-model="form.checkedPerson" 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-form-item label="回查日期" prop="checkDate">
+          <el-date-picker v-model="form.checkDate" type="date" placeholder="选择回查日期" value-format="YYYY-MM-DD"
+            style="width: 100%" />
+        </el-form-item>
+        <el-form-item label="漏检时间" prop="missedTime">
+          <el-input v-model="form.missedTime" placeholder="请输入漏检时间" />
+        </el-form-item>
+        <el-form-item label="漏检时间段" prop="missedTimePeriod">
+          <el-input v-model="form.missedTimePeriod" placeholder="请输入漏检时间段" />
+        </el-form-item>
+        <el-form-item label="上岗位置" prop="workPosition">
+          <el-input v-model="form.workPosition" placeholder="请输入上岗位置" />
+        </el-form-item>
+        <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-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-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-form-item label="物品位置" prop="itemPosition">
+          <el-input v-model="form.itemPosition" placeholder="请输入物品位置" />
+        </el-form-item>
+        <el-form-item label="简单/难" prop="difficulty">
+          <el-select v-model="form.difficulty" placeholder="请选择简单/难" style="width: 100%">
+            <el-option label="简单" value="简单" />
+            <el-option label="难" value="难" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="回查人" prop="checker">
+          <el-select v-model="form.checker" 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-form-item label="判别类型" prop="judgeType">
+          <el-select v-model="form.judgeType" placeholder="请选择判别类型" style="width: 100%">
+            <el-option v-for="item in judgeTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="是否追回" prop="isRecovered">
+          <el-select v-model="form.isRecovered" placeholder="请选择是否追回" style="width: 100%">
+            <el-option label="是" value="是" />
+            <el-option label="否" value="否" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="开机年限" prop="machineYears">
+          <el-input v-model="form.machineYears" placeholder="请输入开机年限" />
+        </el-form-item>
+        <el-form-item label="证书级别" prop="certificateLevel">
+          <el-select v-model="form.certificateLevel" placeholder="请选择证书级别" style="width: 100%">
+            <el-option label="初级" value="初级" />
+            <el-option label="中级" value="中级" />
+            <el-option label="高级" value="高级" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="人员性别" prop="personGender">
+          <el-select v-model="form.personGender" placeholder="请选择人员性别" style="width: 100%">
+            <el-option label="男" value="男" />
+            <el-option label="女" value="女" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="漏检原因分类" prop="missedReasonCategory">
+          <el-input v-model="form.missedReasonCategory" placeholder="请输入漏检原因分类" />
+        </el-form-item>
+        <el-form-item label="月考成绩" prop="monthlyExamScore">
+          <el-input v-model="form.monthlyExamScore" placeholder="请输入月考成绩" />
+        </el-form-item>
+        <el-form-item label="本月自测有无漏检" prop="monthlySelfTestMissed">
+          <el-select v-model="form.monthlySelfTestMissed" placeholder="请选择本月自测有无漏检" style="width: 100%">
+            <el-option label="是" value="是" />
+            <el-option label="否" value="否" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="漏检物品" prop="missedItem">
+          <el-input v-model="form.missedItem" placeholder="请输入漏检物品" />
+        </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="importOpen" width="500px" append-to-body>
+      <el-upload ref="uploadRef" :auto-upload="false" :on-change="handleFileChange" :show-file-list="false"
+        accept=".xlsx,.xls">
+        <el-button type="primary">选取文件</el-button>
+        <div class="el-upload__tip">只能上传xls/xlsx文件</div>
+      </el-upload>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitImport">确 定</el-button>
+          <el-button @click="importOpen = false">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
+import { listMissedInspection, getMissedInspection, delMissedInspection, addMissedInspection, updateMissedInspection, exportMissedInspection } from '@/api/blockingData/missedInspection'
+import { listDept } from '@/api/system/dept'
+import { listUser } from '@/api/system/user'
+
+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 importOpen = ref(false)
+// 日期范围
+const dateRange = ref([])
+// 导入文件
+const importFile = ref(null)
+
+// 查询参数
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  brigadeId: null,
+  checkDate: null,
+  checkedPerson: null,
+  teamLeaderId: null,
+  supervisorId: null,
+  judgeType: null
+})
+
+// 表单参数
+const form = reactive({})
+
+// 表单校验
+const rules = {
+  brigadeId: [{ required: true, message: '大队不能为空', trigger: 'change' }],
+  checkDate: [{ required: true, message: '回查日期不能为空', trigger: 'change' }]
+}
+
+// 大队选项
+const brigadeOptions = ref([])
+// 人员选项
+const personOptions = ref([])
+// 班组长选项
+const teamLeaderOptions = ref([])
+// 主管选项
+const supervisorOptions = ref([])
+// 判别类别选项
+const judgeTypeOptions = ref([
+  { label: '火灾', value: '火灾' },
+  { label: '打火机', value: '打火机' },
+  { label: '火柴', value: '火柴' },
+  { label: '火种', value: '火种' },
+  { label: '其他', value: '其他' }
+])
+
+/** 查询漏检列表 */
+function getList() {
+  loading.value = true
+  if (dateRange.value && dateRange.value.length === 2) {
+    queryParams.checkDateStart = dateRange.value[0]
+    queryParams.checkDateEnd = dateRange.value[1]
+  } else {
+    queryParams.checkDateStart = null
+    queryParams.checkDateEnd = 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').map(item => ({
+      value: item.deptId,
+      label: item.deptName
+    }))
+    teamLeaderOptions.value = deptList.filter(item => item.deptType === 'TEAMS').map(item => ({
+      value: item.deptId,
+      label: item.deptName
+    }))
+    supervisorOptions.value = deptList.filter(item => item.deptType === 'MANAGER').map(item => ({
+      value: item.deptId,
+      label: item.deptName
+    }))
+  })
+}
+
+/** 获取用户列表 */
+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() {
+  form.value = {
+    id: null,
+    brigadeId: null,
+    area: null,
+    checkedPerson: null,
+    checkDate: null,
+    missedTime: null,
+    missedTimePeriod: null,
+    workPosition: null,
+    supervisorId: null,
+    actingSupervisorId: null,
+    teamLeaderId: null,
+    itemPosition: null,
+    difficulty: null,
+    checker: null,
+    judgeType: null,
+    isRecovered: null,
+    machineYears: null,
+    certificateLevel: null,
+    personGender: null,
+    missedReasonCategory: null,
+    monthlyExamScore: null,
+    monthlySelfTestMissed: null,
+    missedItem: 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()
+  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) {
+      if (form.id != null) {
+        updateMissedInspection(form).then(response => {
+          proxy.$modal.msgSuccess('修改成功')
+          open.value = false
+          getList()
+        })
+      } else {
+        addMissedInspection(form).then(response => {
+          proxy.$modal.msgSuccess('新增成功')
+          open.value = false
+          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('missedInspection/export', {
+    ...queryParams
+  }, `漏检_${new Date().getTime()}.xlsx`)
+}
+
+/** 导入按钮操作 */
+function handleImport() {
+  importOpen.value = true
+  importFile.value = null
+}
+
+/** 文件选择 */
+function handleFileChange(file) {
+  importFile.value = file.raw
+}
+
+/** 提交导入 */
+function submitImport() {
+  if (!importFile.value) {
+    proxy.$modal.msgWarning('请选择要导入的文件')
+    return
+  }
+  const formData = new FormData()
+  formData.append('file', importFile.value)
+  proxy.upload('missedInspection/importData', formData).then(response => {
+    proxy.$modal.msgSuccess(response.msg)
+    importOpen.value = false
+    getList()
+  })
+}
+
+onMounted(() => {
+  getList()
+  getDeptList()
+  getUserList()
+})
+</script>
+
+<style lang="less" scoped>
+.app-container {
+  padding: 20px;
+}
+
+:deep(.el-table) {
+  .el-table__header-wrapper {
+    th {
+      background-color: #303133;
+      color: #ffffff;
+      font-weight: 600;
+    }
+  }
+}
+</style>

src/views/blockingData/rateList/index.vue

@@ -0,0 +1,352 @@
+<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="date">
+        <el-date-picker clearable v-model="queryParams.date" 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 label="白班" value="白班" />
+          <el-option label="夜班" 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="date" width="120" />
+      <el-table-column label="旅检国内区域平均速率（高峰期时段）" align="center" prop="domesticAvgRate" width="220" />
+      <el-table-column label="当班大队" align="center" prop="dutyBrigade" width="120" />
+      <el-table-column label="T1-A速率（高峰期时段）" align="center" prop="t1ARate" width="180" />
+      <el-table-column label="T1-B速率（高峰期时段）" align="center" prop="t1BRate" width="180" />
+      <el-table-column label="T2国内速率（高峰期时段）" align="center" prop="t2DomesticRate" width="180" />
+      <el-table-column label="T2国际速率（高峰期时段）" align="center" prop="t2InternationalRate" width="180" />
+      <el-table-column label="班次" align="center" prop="shift" width="100" />
+      <el-table-column label="T2中转（高峰期时段）" align="center" prop="t2TransferRate" width="160" />
+      <el-table-column label="国际及中转区域平均速率（高峰期时段）" align="center" prop="internationalTransferAvgRate" width="240" />
+      <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="['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="800px" append-to-body>
+      <el-form ref="rateListRef" :model="form" :rules="rules" label-width="240px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="日期" prop="date">
+              <el-date-picker v-model="form.date" 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="dutyBrigade">
+              <el-select v-model="form.dutyBrigade" 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 label="白班" value="白班" />
+                <el-option label="夜班" value="夜班" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="旅检国内区域平均速率（高峰期时段）" prop="domesticAvgRate">
+              <el-input-number v-model="form.domesticAvgRate" :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="t1ARate">
+              <el-input-number v-model="form.t1ARate" :min="0" :precision="2" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T1-B速率（高峰期时段）" prop="t1BRate">
+              <el-input-number v-model="form.t1BRate" :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="t2DomesticRate">
+              <el-input-number v-model="form.t2DomesticRate" :min="0" :precision="2" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="T2国际速率（高峰期时段）" prop="t2InternationalRate">
+              <el-input-number v-model="form.t2InternationalRate" :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="t2TransferRate">
+              <el-input-number v-model="form.t2TransferRate" :min="0" :precision="2" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="国际及中转区域平均速率（高峰期时段）" prop="internationalTransferAvgRate">
+              <el-input-number v-model="form.internationalTransferAvgRate" :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="importOpen" width="500px" append-to-body>
+      <el-upload ref="uploadRef" :auto-upload="false" :on-change="handleFileChange" :show-file-list="false"
+        accept=".xlsx,.xls">
+        <el-button type="primary">选取文件</el-button>
+        <div class="el-upload__tip">只能上传xls/xlsx文件</div>
+      </el-upload>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitImport">确 定</el-button>
+          <el-button @click="importOpen = 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 } from '@/api/blockingData/rateList'
+import { listDept } from '@/api/system/dept'
+
+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 rateList = ref([])
+const title = ref('')
+const open = ref(false)
+const importOpen = ref(false)
+const importFile = ref(null)
+
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  brigadeId: null,
+  date: null,
+  shift: null
+})
+
+const form = reactive({})
+
+const rules = {
+  date: [{ required: true, message: '日期不能为空', trigger: 'change' }],
+  dutyBrigade: [{ required: true, message: '当班大队不能为空', trigger: 'change' }],
+  shift: [{ 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').map(item => ({
+      value: item.deptId,
+      label: item.deptName
+    }))
+  })
+}
+
+function cancel() {
+  open.value = false
+  reset()
+}
+
+function reset() {
+  form.value = {
+    id: null,
+    date: null,
+    dutyBrigade: null,
+    shift: null,
+    domesticAvgRate: 0,
+    t1ARate: 0,
+    t1BRate: 0,
+    t2DomesticRate: 0,
+    t2InternationalRate: 0,
+    t2TransferRate: 0,
+    internationalTransferAvgRate: 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()
+  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.id != null) {
+        updateRate(form).then(response => {
+          proxy.$modal.msgSuccess('修改成功')
+          open.value = false
+          getList()
+        })
+      } else {
+        addRate(form).then(response => {
+          proxy.$modal.msgSuccess('新增成功')
+          open.value = false
+          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('rateList/export', {
+    ...queryParams
+  }, `速率统计_${new Date().getTime()}.xlsx`)
+}
+
+function handleImport() {
+  importOpen.value = true
+  importFile.value = null
+}
+
+function handleFileChange(file) {
+  importFile.value = file.raw
+}
+
+function submitImport() {
+  if (!importFile.value) {
+    proxy.$modal.msgWarning('请选择要导入的文件')
+    return
+  }
+  const formData = new FormData()
+  formData.append('file', importFile.value)
+  proxy.upload('rateList/importData', formData).then(response => {
+    proxy.$modal.msgSuccess(response.msg)
+    importOpen.value = false
+    getList()
+  })
+}
+
+onMounted(() => {
+  getList()
+  getDeptList()
+})
+</script>
+
+<style lang="less" scoped>
+.app-container {
+  padding: 20px;
+}
+
+:deep(.el-table) {
+  .el-table__header-wrapper {
+    th {
+      background-color: #303133;
+      color: #ffffff;
+      font-weight: 600;
+    }
+  }
+}
+</style>