feat(blockingData): 添加大队筛选功能并优化表单验证

- 在blockingDataScreen页面添加大队筛选功能，显示不同的模块内容
- 新增ModuleBrigadeOne/Two/Three组件和RankList组件
- 优化dailyLuggageCheckInList表单验证规则和默认值
- 移除部分不再需要的表单字段

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

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

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

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

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

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

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

@@ -4,33 +4,15 @@
       <div class="top-row">
         <div class="table-card">
           <div class="chart-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>
+          <rank-list :rank-data="rankData1" title="查堵-主管分管榜" />
         </div>
         <div class="table-card">
           <div class="chart-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>
+          <rank-list :rank-data="rankData2" title="查堵-班组排行" />
         </div>
         <div class="table-card">
           <div class="chart-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>
+          <rank-list :rank-data="rankData3" title="查堵-人员榜" />
         </div>
       </div>
 
@@ -78,6 +60,7 @@
 import { ref, onMounted, reactive } from 'vue'
 import * as echarts from 'echarts'
 import ModuleContainer from './ModuleContainer.vue'
+import RankList from './RankList.vue'
 import { useEcharts } from '@/hooks/chart.js'
 
 const chart1 = ref(null)

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

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

src/views/blockingData/blockingDataScreen/index.vue

@@ -60,7 +60,7 @@
     </div>
 
     <div class="screen-content">
-      <div class="grid-layout">
+      <div v-if="filterParams.brigade === '全站'" class="grid-layout">
         <div class="grid-item">
           <module-one />
         </div>
@@ -74,6 +74,17 @@
           <module-four />
         </div>
       </div>
+      <div v-else class="grid-layout">
+        <div class="grid-item">
+          <module-brigade-one />
+        </div>
+        <div class="grid-item">
+          <module-brigade-two />
+        </div>
+        <div class="grid-item">
+          <module-brigade-three />
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -85,6 +96,9 @@ import ModuleOne from './components/ModuleOne.vue'
 import ModuleTwo from './components/ModuleTwo.vue'
 import ModuleThree from './components/ModuleThree.vue'
 import ModuleFour from './components/ModuleFour.vue'
+import ModuleBrigadeOne from './components/ModuleBrigadeOne.vue'
+import ModuleBrigadeTwo from './components/ModuleBrigadeTwo.vue'
+import ModuleBrigadeThree from './components/ModuleBrigadeThree.vue'
 
 // 默认时间设置
 const defaultTime = [
@@ -99,7 +113,7 @@ const filterParams = reactive({
   teamLeader: '',
   area: '',
   missedItem: '',
-  brigade: ''
+  brigade: '全站'
 })
 
 // 选项数据
@@ -154,7 +168,7 @@ const resetFilter = () => {
     teamLeader: '',
     area: '',
     missedItem: '',
-    brigade: ''
+    brigade: '全站'
   })
   setDefaultDateRange()
 }

src/views/blockingData/dailyLuggageCheckInList/index.vue

@@ -110,169 +110,142 @@
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="T1旅检过检行李数" prop="t1TravelLuggageCount">
-              <el-input-number v-model="form.t1TravelLuggageCount" :min="0" style="width: 100%" />
+              <el-input-number v-model="form.t1TravelLuggageCount" :min="0" :precision="0" style="width: 100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="T2旅检过检行李数" prop="t2TravelLuggageCount">
-              <el-input-number v-model="form.t2TravelLuggageCount" :min="0" style="width: 100%" />
+              <el-input-number v-model="form.t2TravelLuggageCount" :min="0" :precision="0" style="width: 100%" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="T1行检过检行李数" prop="t1WalkLuggageCount">
-              <el-input-number v-model="form.t1WalkLuggageCount" :min="0" style="width: 100%" />
+              <el-input-number v-model="form.t1WalkLuggageCount" :min="0" :precision="0" style="width: 100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="T2行检过检行李数" prop="t2WalkLuggageCount">
-              <el-input-number v-model="form.t2WalkLuggageCount" :min="0" style="width: 100%" />
+              <el-input-number v-model="form.t2WalkLuggageCount" :min="0" :precision="0" style="width: 100%" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
-            <el-form-item label="过检行李合计" prop="totalLuggageCount">
+            <!-- <el-form-item label="过检行李合计" prop="totalLuggageCount">
               <el-input-number v-model="form.totalLuggageCount" :min="0" style="width: 100%" />
-            </el-form-item>
+            </el-form-item> -->
           </el-col>
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="T1旅检查堵件数" prop="t1TravelBlockedCount">
-              <el-input-number v-model="form.t1TravelBlockedCount" :min="0" style="width: 100%" />
+              <el-input-number v-model="form.t1TravelBlockedCount" :min="0" :precision="0" style="width: 100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="T1旅检万分率" prop="t1TravelBlockRate">
+            <!-- <el-form-item label="T1旅检万分率" prop="t1TravelBlockRate">
               <el-input-number v-model="form.t1TravelBlockRate" :min="0" :precision="2" style="width: 100%" />
-            </el-form-item>
+            </el-form-item> -->
           </el-col>
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="T2旅检查堵件数" prop="t2TravelBlockedCount">
-              <el-input-number v-model="form.t2TravelBlockedCount" :min="0" style="width: 100%" />
+              <el-input-number v-model="form.t2TravelBlockedCount" :min="0" :precision="0" style="width: 100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="T2旅检万分率" prop="t2TravelBlockRate">
+            <!-- <el-form-item label="T2旅检万分率" prop="t2TravelBlockRate">
               <el-input-number v-model="form.t2TravelBlockRate" :min="0" :precision="2" style="width: 100%" />
-            </el-form-item>
+            </el-form-item> -->
           </el-col>
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="T1行检查堵件数" prop="t1WalkBlockedCount">
-              <el-input-number v-model="form.t1WalkBlockedCount" :min="0" style="width: 100%" />
+              <el-input-number v-model="form.t1WalkBlockedCount" :min="0" :precision="0" style="width: 100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="T1行检万分率" prop="t1WalkBlockRate">
+            <!-- <el-form-item label="T1行检万分率" prop="t1WalkBlockRate">
               <el-input-number v-model="form.t1WalkBlockRate" :min="0" :precision="2" style="width: 100%" />
-            </el-form-item>
+            </el-form-item> -->
           </el-col>
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="T2行检查堵件数" prop="t2WalkBlockedCount">
-              <el-input-number v-model="form.t2WalkBlockedCount" :min="0" style="width: 100%" />
+              <el-input-number v-model="form.t2WalkBlockedCount" :min="0" :precision="0" style="width: 100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="T2行检万分率" prop="t2WalkBlockRate">
+            <!-- <el-form-item label="T2行检万分率" prop="t2WalkBlockRate">
               <el-input-number v-model="form.t2WalkBlockRate" :min="0" :precision="2" style="width: 100%" />
-            </el-form-item>
+            </el-form-item> -->
           </el-col>
         </el-row>
         <el-row :gutter="20">
+          
           <el-col :span="12">
-            <el-form-item label="查堵合计件数" prop="totalBlockedCount">
-              <el-input-number v-model="form.totalBlockedCount" :min="0" style="width: 100%" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="当日查堵万分率" prop="dailyBlockRate">
+            <!-- <el-form-item label="当日查堵万分率" prop="dailyBlockRate">
               <el-input-number v-model="form.dailyBlockRate" :min="0" :precision="2" style="width: 100%" />
-            </el-form-item>
+            </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-input-number v-model="form.t1ReviewImageTotal" :min="0" :precision="0" style="width: 100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="T1-AI标记总数" prop="t1AiMarkTotal">
-              <el-input-number v-model="form.t1AiMarkTotal" :min="0" style="width: 100%" />
+              <el-input-number v-model="form.t1AiMarkTotal" :min="0" :precision="0" style="width: 100%" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="T1-AI误判总数" prop="t1AiErrorTotal">
-              <el-input-number v-model="form.t1AiErrorTotal" :min="0" style="width: 100%" />
+              <el-input-number v-model="form.t1AiErrorTotal" :min="0" :precision="0" style="width: 100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="T1-AI漏判总数" prop="t1AiMissTotal">
-              <el-input-number v-model="form.t1AiMissTotal" :min="0" style="width: 100%" />
+              <el-input-number v-model="form.t1AiMissTotal" :min="0" :precision="0" style="width: 100%" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="T2复查图像总数" prop="t2ReviewImageTotal">
-              <el-input-number v-model="form.t2ReviewImageTotal" :min="0" style="width: 100%" />
+              <el-input-number v-model="form.t2ReviewImageTotal" :min="0" :precision="0" style="width: 100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="T2-AI标记总数" prop="t2AiMarkTotal">
-              <el-input-number v-model="form.t2AiMarkTotal" :min="0" style="width: 100%" />
+              <el-input-number v-model="form.t2AiMarkTotal" :min="0" :precision="0" style="width: 100%" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="T2-AI误判总数" prop="t2AiErrorTotal">
-              <el-input-number v-model="form.t2AiErrorTotal" :min="0" style="width: 100%" />
+              <el-input-number v-model="form.t2AiErrorTotal" :min="0" :precision="0" style="width: 100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="T2AI漏判总数" prop="t2AiMissTotal">
-              <el-input-number v-model="form.t2AiMissTotal" :min="0" style="width: 100%" />
+            <el-form-item label="T2-AI漏判总数" prop="t2AiMissTotal">
+              <el-input-number v-model="form.t2AiMissTotal" :min="0" :precision="0" style="width: 100%" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-form-item label="其他(VP通道)数量" prop="otherVipCount">
           <el-input-number v-model="form.otherVipCount" :min="0" style="width: 100%" />
         </el-form-item>
-        <el-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="aiMarkTotal">
-              <el-input-number v-model="form.aiMarkTotal" :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="aiErrorImageTotal">
-              <el-input-number v-model="form.aiErrorImageTotal" :min="0" style="width: 100%" />
-            </el-form-item>
-          </el-col>
-        </el-row>
+    
       </el-form>
       <template #footer>
         <div class="dialog-footer">
@@ -349,7 +322,24 @@ const form = reactive({})
 const rules = {
   statDate: [{ required: true, message: '日期不能为空', trigger: 'change' }],
   shiftType: [{ required: true, message: '班次不能为空', trigger: 'change' }],
-  brigadeName: [{ required: true, message: '当班大队不能为空', trigger: 'change' }]
+  brigadeName: [{ required: true, message: '当班大队不能为空', trigger: 'change' }],
+  t1TravelLuggageCount: [{ required: true, message: 'T1旅检过检行李数不能为空', trigger: 'change' }],
+  t2TravelLuggageCount: [{ required: true, message: 'T2旅检过检行李数不能为空', trigger: 'change' }],
+  t1WalkLuggageCount: [{ required: true, message: 'T1行检过检行李数不能为空', trigger: 'change' }],
+  t2WalkLuggageCount: [{ required: true, message: 'T2行检过检行李数不能为空', trigger: 'change' }],
+  t1TravelBlockedCount: [{ required: true, message: 'T1旅检查堵件数不能为空', trigger: 'change' }],
+  t2TravelBlockedCount: [{ required: true, message: 'T2旅检查堵件数不能为空', trigger: 'change' }],
+  t1WalkBlockedCount: [{ required: true, message: 'T1行检查堵件数不能为空', trigger: 'change' }],
+  t2WalkBlockedCount: [{ required: true, message: 'T2行检查堵件数不能为空', trigger: 'change' }],
+  t1ReviewImageTotal: [{ required: true, message: 'T1复查图像总数不能为空', trigger: 'change' }],
+  t1AiMarkTotal: [{ required: true, message: 'T1-AI标记总数不能为空', trigger: 'change' }],
+  t1AiErrorTotal: [{ required: true, message: 'T1-AI误判总数不能为空', trigger: 'change' }],
+  t1AiMissTotal: [{ required: true, message: 'T1-AI漏判总数不能为空', trigger: 'change' }],
+  t2ReviewImageTotal: [{ required: true, message: 'T2复查图像总数不能为空', trigger: 'change' }],
+  t2AiMarkTotal: [{ required: true, message: 'T2-AI标记总数不能为空', trigger: 'change' }],
+  t2AiErrorTotal: [{ required: true, message: 'T2-AI误判总数不能为空', trigger: 'change' }],
+  t2AiMissTotal: [{ required: true, message: 'T2-AI漏判总数不能为空', trigger: 'change' }]
+  // otherVipCount 不设置必填校验
 }
 
 // 大队选项
@@ -443,6 +433,8 @@ function handleSelectionChange(selection) {
 /** 新增按钮操作 */
 function handleAdd() {
   reset()
+  // 设置默认当前日期
+  form.statDate = new Date().toISOString().split('T')[0]
   open.value = true
   title.value = '添加每日行李查缉'
 }

src/views/blockingData/dailyLuggageInspectionScheduleByTime/index.vue

@@ -109,7 +109,7 @@
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
-            <el-form-item label="T2行检箱包数" prop="t2WalkBagCount">
+            <el-form-item label="T2行检箱包数（国内+国际）" prop="t2WalkBagCount">
               <el-input-number v-model="form.t2WalkBagCount" :min="0" style="width: 100%" />
             </el-form-item>
           </el-col>
@@ -121,7 +121,7 @@
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
-            <el-form-item label="T1旅检箱包数" prop="t1TravelBagCount">
+            <el-form-item label="T1旅检箱包数（国内+国际+中转）" prop="t1TravelBagCount">
               <el-input-number v-model="form.t1TravelBagCount" :min="0" style="width: 100%" />
             </el-form-item>
           </el-col>
@@ -143,21 +143,8 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="过检行李数" prop="totalLuggageCount">
-              <el-input-number v-model="form.totalLuggageCount" :min="0" style="width: 100%" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="时段查堵件数" prop="totalBlockedCount">
-              <el-input-number v-model="form.totalBlockedCount" :min="0" style="width: 100%" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-form-item label="查堵万分率" prop="blockedRate">
-          <el-input-number v-model="form.blockedRate" :min="0" :precision="2" style="width: 100%" />
-        </el-form-item>
+       
+       
       </el-form>
       <template #footer>
         <div class="dialog-footer">