refactor(runData): 统一后端接口地址并新增运行数据大屏API

1.  新增runScreen.js封装大屏所有后端接口
2.  替换四个业务模块的API接口路径为统一的/item前缀接口
3.  调整导入导出接口的请求方式和参数格式
4.  重构runScreen页面，接入真实后端数据替代 mock 数据

src/api/runData/collectWaitingAreaData.js

@@ -3,7 +3,7 @@ import request from '@/utils/request'
 // 查询候检区数据列表
 export function listCollectWaitingAreaData(query) {
   return request({
-    url: '/runData/collectWaitingAreaData/list',
+    url: '/item/hkPendingConfiscate/list',
     method: 'get',
     params: query
   })
@@ -12,7 +12,7 @@ export function listCollectWaitingAreaData(query) {
 // 查询候检区数据详细
 export function getCollectWaitingAreaData(id) {
   return request({
-    url: '/runData/collectWaitingAreaData/' + id,
+    url: '/item/hkPendingConfiscate/' + id,
     method: 'get'
   })
 }
@@ -20,7 +20,7 @@ export function getCollectWaitingAreaData(id) {
 // 新增候检区数据
 export function addCollectWaitingAreaData(data) {
   return request({
-    url: '/runData/collectWaitingAreaData',
+    url: '/item/hkPendingConfiscate',
     method: 'post',
     data: data
   })
@@ -29,7 +29,7 @@ export function addCollectWaitingAreaData(data) {
 // 修改候检区数据
 export function updateCollectWaitingAreaData(data) {
   return request({
-    url: '/runData/collectWaitingAreaData',
+    url: '/item/hkPendingConfiscate',
     method: 'put',
     data: data
   })
@@ -38,35 +38,35 @@ export function updateCollectWaitingAreaData(data) {
 // 删除候检区数据
 export function delCollectWaitingAreaData(id) {
   return request({
-    url: '/runData/collectWaitingAreaData/' + id,
+    url: '/item/hkPendingConfiscate/' + id,
     method: 'delete'
   })
 }
 
 // 导出候检区数据
-export function exportCollectWaitingAreaData(query) {
+export function exportCollectWaitingAreaData(data) {
   return request({
-    url: '/runData/collectWaitingAreaData/export',
-    method: 'get',
-    params: query,
+    url: '/item/hkPendingConfiscate/export',
+    method: 'post',
+    data: data,
     responseType: 'blob'
   })
 }
 
-// 导入候检区数据
-export function importCollectWaitingAreaData(data) {
+// 下载导入模板
+export function importTemplate() {
   return request({
-    url: '/runData/collectWaitingAreaData/importData',
+    url: '/item/hkPendingConfiscate/importTemplate',
     method: 'post',
-    data: data
+    responseType: 'blob'
   })
 }
 
-// 下载导入模板
-export function importTemplate() {
+// 导入候检区数据
+export function importCollectWaitingAreaData(data) {
   return request({
-    url: '/runData/collectWaitingAreaData/importTemplate',
-    method: 'get',
-    responseType: 'blob'
+    url: '/item/hkPendingConfiscate/importData',
+    method: 'post',
+    data: data
   })
-}
+}

src/api/runData/dailyRunData.js

@@ -3,7 +3,7 @@ import request from '@/utils/request'
 // 查询日常运行数据列表
 export function listDailyRunData(query) {
   return request({
-    url: '/runData/dailyRunData/list',
+    url: '/item/hkOperationData/list',
     method: 'get',
     params: query
   })
@@ -12,7 +12,7 @@ export function listDailyRunData(query) {
 // 查询日常运行数据详细
 export function getDailyRunData(id) {
   return request({
-    url: '/runData/dailyRunData/' + id,
+    url: '/item/hkOperationData/' + id,
     method: 'get'
   })
 }
@@ -20,7 +20,7 @@ export function getDailyRunData(id) {
 // 新增日常运行数据
 export function addDailyRunData(data) {
   return request({
-    url: '/runData/dailyRunData',
+    url: '/item/hkOperationData',
     method: 'post',
     data: data
   })
@@ -29,7 +29,7 @@ export function addDailyRunData(data) {
 // 修改日常运行数据
 export function updateDailyRunData(data) {
   return request({
-    url: '/runData/dailyRunData',
+    url: '/item/hkOperationData',
     method: 'put',
     data: data
   })
@@ -38,35 +38,35 @@ export function updateDailyRunData(data) {
 // 删除日常运行数据
 export function delDailyRunData(id) {
   return request({
-    url: '/runData/dailyRunData/' + id,
+    url: '/item/hkOperationData/' + id,
     method: 'delete'
   })
 }
 
 // 导出日常运行数据
-export function exportDailyRunData(query) {
+export function exportDailyRunData(data) {
   return request({
-    url: '/runData/dailyRunData/export',
-    method: 'get',
-    params: query,
+    url: '/item/hkOperationData/export',
+    method: 'post',
+    data: data,
     responseType: 'blob'
   })
 }
 
-// 导入日常运行数据
-export function importDailyRunData(data) {
+// 下载导入模板
+export function importTemplate() {
   return request({
-    url: '/runData/dailyRunData/importData',
+    url: '/item/hkOperationData/importTemplate',
     method: 'post',
-    data: data
+    responseType: 'blob'
   })
 }
 
-// 下载导入模板
-export function importTemplate() {
+// 导入日常运行数据
+export function importDailyRunData(data) {
   return request({
-    url: '/runData/dailyRunData/importTemplate',
-    method: 'get',
-    responseType: 'blob'
+    url: '/item/hkOperationData/importData',
+    method: 'post',
+    data: data
   })
-}
+}

src/api/runData/discouragePowerBanksData.js

@@ -3,7 +3,7 @@ import request from '@/utils/request'
 // 查询劝阻充电宝数据列表
 export function listDiscouragePowerBanksData(query) {
   return request({
-    url: '/runData/discouragePowerBanksData/list',
+    url: '/item/hkPersuadePowerBank/list',
     method: 'get',
     params: query
   })
@@ -12,7 +12,7 @@ export function listDiscouragePowerBanksData(query) {
 // 查询劝阻充电宝数据详细
 export function getDiscouragePowerBanksData(id) {
   return request({
-    url: '/runData/discouragePowerBanksData/' + id,
+    url: '/item/hkPersuadePowerBank/' + id,
     method: 'get'
   })
 }
@@ -20,7 +20,7 @@ export function getDiscouragePowerBanksData(id) {
 // 新增劝阻充电宝数据
 export function addDiscouragePowerBanksData(data) {
   return request({
-    url: '/runData/discouragePowerBanksData',
+    url: '/item/hkPersuadePowerBank',
     method: 'post',
     data: data
   })
@@ -29,7 +29,7 @@ export function addDiscouragePowerBanksData(data) {
 // 修改劝阻充电宝数据
 export function updateDiscouragePowerBanksData(data) {
   return request({
-    url: '/runData/discouragePowerBanksData',
+    url: '/item/hkPersuadePowerBank',
     method: 'put',
     data: data
   })
@@ -38,35 +38,35 @@ export function updateDiscouragePowerBanksData(data) {
 // 删除劝阻充电宝数据
 export function delDiscouragePowerBanksData(id) {
   return request({
-    url: '/runData/discouragePowerBanksData/' + id,
+    url: '/item/hkPersuadePowerBank/' + id,
     method: 'delete'
   })
 }
 
 // 导出劝阻充电宝数据
-export function exportDiscouragePowerBanksData(query) {
+export function exportDiscouragePowerBanksData(data) {
   return request({
-    url: '/runData/discouragePowerBanksData/export',
-    method: 'get',
-    params: query,
+    url: '/item/hkPersuadePowerBank/export',
+    method: 'post',
+    data: data,
     responseType: 'blob'
   })
 }
 
-// 导入劝阻充电宝数据
-export function importDiscouragePowerBanksData(data) {
+// 下载导入模板
+export function importTemplate() {
   return request({
-    url: '/runData/discouragePowerBanksData/importData',
+    url: '/item/hkPersuadePowerBank/importTemplate',
     method: 'post',
-    data: data
+    responseType: 'blob'
   })
 }
 
-// 下载导入模板
-export function importTemplate() {
+// 导入劝阻充电宝数据
+export function importDiscouragePowerBanksData(data) {
   return request({
-    url: '/runData/discouragePowerBanksData/importTemplate',
-    method: 'get',
-    responseType: 'blob'
+    url: '/item/hkPersuadePowerBank/importData',
+    method: 'post',
+    data: data
   })
-}
+}

src/api/runData/runScreen.js

@@ -0,0 +1,95 @@
+import request from '@/utils/request'
+
+// 模块一：运行数据
+
+// 运行数据汇总（5个数字卡片）
+export function getOperationSummary(query) {
+  return request({
+    url: '/hk/screen/operationSummary',
+    method: 'get',
+    params: query
+  })
+}
+
+// T1旅检过检人数趋势（A区/B区折线图）
+export function getT1PassengerTrend(query) {
+  return request({
+    url: '/hk/screen/t1PassengerTrend',
+    method: 'get',
+    params: query
+  })
+}
+
+// T2旅检过检人数趋势（国内/国际旅检折线图）
+export function getT2PassengerTrend(query) {
+  return request({
+    url: '/hk/screen/t2PassengerTrend',
+    method: 'get',
+    params: query
+  })
+}
+
+// 行检过检数趋势（T1/T2行检折线图）
+export function getLuggageCheckTrend(query) {
+  return request({
+    url: '/hk/screen/luggageCheckTrend',
+    method: 'get',
+    params: query
+  })
+}
+
+// 货物过检数趋势（国内/国际货站折线图）
+export function getCargoTrend(query) {
+  return request({
+    url: '/hk/screen/cargoTrend',
+    method: 'get',
+    params: query
+  })
+}
+
+// 车辆过检数趋势（南侧/北侧车检折线图）
+export function getVehicleCheckTrend(query) {
+  return request({
+    url: '/hk/screen/vehicleCheckTrend',
+    method: 'get',
+    params: query
+  })
+}
+
+// 模块二：查获/收缴数据
+
+// 查获数据分类（环形图）
+export function getSeizureCategory(query) {
+  return request({
+    url: '/hk/screen/seizureCategory',
+    method: 'get',
+    params: query
+  })
+}
+
+// 大队查获数对比（柱状图）
+export function getBrigadeSeizureCompare(query) {
+  return request({
+    url: '/hk/screen/brigadeSeizureCompare',
+    method: 'get',
+    params: query
+  })
+}
+
+// 不合规充电宝数据（环形图）
+export function getPowerBankSummary(query) {
+  return request({
+    url: '/hk/screen/powerBankSummary',
+    method: 'get',
+    params: query
+  })
+}
+
+// 待检区收缴物品数据（环形图）
+export function getPendingConfiscate(query) {
+  return request({
+    url: '/hk/screen/pendingConfiscate',
+    method: 'get',
+    params: query
+  })
+}

src/api/runData/seizeData.js

@@ -3,7 +3,7 @@ import request from '@/utils/request'
 // 查询查获数据列表
 export function listSeizeData(query) {
   return request({
-    url: '/runData/seizeData/list',
+    url: '/item/hkSeizureStat/list',
     method: 'get',
     params: query
   })
@@ -12,7 +12,7 @@ export function listSeizeData(query) {
 // 查询查获数据详细
 export function getSeizeData(id) {
   return request({
-    url: '/runData/seizeData/' + id,
+    url: '/item/hkSeizureStat/' + id,
     method: 'get'
   })
 }
@@ -20,7 +20,7 @@ export function getSeizeData(id) {
 // 新增查获数据
 export function addSeizeData(data) {
   return request({
-    url: '/runData/seizeData',
+    url: '/item/hkSeizureStat',
     method: 'post',
     data: data
   })
@@ -29,7 +29,7 @@ export function addSeizeData(data) {
 // 修改查获数据
 export function updateSeizeData(data) {
   return request({
-    url: '/runData/seizeData',
+    url: '/item/hkSeizureStat',
     method: 'put',
     data: data
   })
@@ -38,35 +38,35 @@ export function updateSeizeData(data) {
 // 删除查获数据
 export function delSeizeData(id) {
   return request({
-    url: '/runData/seizeData/' + id,
+    url: '/item/hkSeizureStat/' + id,
     method: 'delete'
   })
 }
 
 // 导出查获数据
-export function exportSeizeData(query) {
+export function exportSeizeData(data) {
   return request({
-    url: '/runData/seizeData/export',
-    method: 'get',
-    params: query,
+    url: '/item/hkSeizureStat/export',
+    method: 'post',
+    data: data,
     responseType: 'blob'
   })
 }
 
-// 导入查获数据
-export function importSeizeData(data) {
+// 下载导入模板
+export function importTemplate() {
   return request({
-    url: '/runData/seizeData/importData',
+    url: '/item/hkSeizureStat/importTemplate',
     method: 'post',
-    data: data
+    responseType: 'blob'
   })
 }
 
-// 下载导入模板
-export function importTemplate() {
+// 导入查获数据
+export function importSeizeData(data) {
   return request({
-    url: '/runData/seizeData/importTemplate',
-    method: 'get',
-    responseType: 'blob'
+    url: '/item/hkSeizureStat/importData',
+    method: 'post',
+    data: data
   })
-}
+}

src/views/runData/runScreen/index.vue

@@ -171,6 +171,18 @@
 <script setup name="RunScreen">
 import { ref, onMounted, onUnmounted, nextTick } from 'vue'
 import * as echarts from 'echarts'
+import {
+  getOperationSummary,
+  getT1PassengerTrend,
+  getT2PassengerTrend,
+  getLuggageCheckTrend,
+  getCargoTrend,
+  getVehicleCheckTrend,
+  getSeizureCategory,
+  getBrigadeSeizureCompare,
+  getPowerBankSummary,
+  getPendingConfiscate
+} from '@/api/runData/runScreen.js'
 
 // 图表引用
 const t1TravelChart = ref(null)
@@ -200,118 +212,265 @@ let waitingAreaPieChartInstance = null
 
 // 运行数据
 const runData = ref({
-  travelInspectionTotal: 12580,
-  luggageInspectionTotal: 8920,
-  domesticCargoTotal: 1560,
-  internationalCargoTotal: 980,
-  vehicleInspectionTotal: 450
+  travelInspectionTotal: 0,
+  luggageInspectionTotal: 0,
+  domesticCargoTotal: 0,
+  internationalCargoTotal: 0,
+  vehicleInspectionTotal: 0
 })
 
+const t1PassengerData = ref([])
+const t2PassengerData = ref([])
+const luggageCheckData = ref([])
+const cargoData = ref([])
+const vehicleCheckData = ref([])
+const seizureCategoryData = ref([])
+const brigadeSeizureData = ref([])
+const powerBankData = ref({})
+const pendingConfiscateData = ref({})
+
+async function loadData() {
+  try {
+    const query = {}
+    
+    const [
+      summaryRes,
+      t1PassengerRes,
+      t2PassengerRes,
+      luggageRes,
+      cargoRes,
+      vehicleRes,
+      seizureRes,
+      brigadeRes,
+      powerBankRes,
+      pendingRes
+    ] = await Promise.all([
+      getOperationSummary(query),
+      getT1PassengerTrend(query),
+      getT2PassengerTrend(query),
+      getLuggageCheckTrend(query),
+      getCargoTrend(query),
+      getVehicleCheckTrend(query),
+      getSeizureCategory(query),
+      getBrigadeSeizureCompare(query),
+      getPowerBankSummary(query),
+      getPendingConfiscate(query)
+    ])
+    
+    if (summaryRes.data) {
+      runData.value = summaryRes.data
+    }
+    
+    if (t1PassengerRes.data) {
+      t1PassengerData.value = t1PassengerRes.data
+    }
+    
+    if (t2PassengerRes.data) {
+      t2PassengerData.value = t2PassengerRes.data
+    }
+    
+    if (luggageRes.data) {
+      luggageCheckData.value = luggageRes.data
+    }
+    
+    if (cargoRes.data) {
+      cargoData.value = cargoRes.data
+    }
+    
+    if (vehicleRes.data) {
+      vehicleCheckData.value = vehicleRes.data
+    }
+    
+    if (seizureRes.data) {
+      seizureCategoryData.value = seizureRes.data
+    }
+    
+    if (brigadeRes.data) {
+      brigadeSeizureData.value = brigadeRes.data
+    }
+    
+    if (powerBankRes.data) {
+      powerBankData.value = powerBankRes.data
+    }
+    
+    if (pendingRes.data) {
+      pendingConfiscateData.value = pendingRes.data
+    }
+    
+    nextTick(() => {
+      initCharts()
+    })
+  } catch (error) {
+    console.error('加载数据失败:', error)
+  }
+}
+
 // 初始化所有图表
 function initCharts() {
   // T1旅检过检人数折线图
   if (t1TravelChart.value) {
     t1TravelChartInstance = echarts.init(t1TravelChart.value)
+    const t1Data = t1PassengerData.value || []
     t1TravelChartInstance.setOption({
       tooltip: { trigger: 'axis' },
       xAxis: {
         type: 'category',
-        data: ['08:00', '10:00', '12:00', '14:00', '16:00', '18:00', '20:00']
+        data: t1Data.map(item => item.recordDate || item.aZone || '')
       },
       yAxis: { type: 'value' },
-      series: [{
-        data: [820, 932, 901, 934, 1290, 1330, 1320],
-        type: 'line',
-        smooth: true,
-        lineStyle: { color: '#5470c6' },
-        areaStyle: { color: 'rgba(84, 112, 198, 0.2)' }
-      }]
+      series: [
+        {
+          name: 'A区',
+          data: t1Data.map(item => item.aZone || 0),
+          type: 'line',
+          smooth: true,
+          lineStyle: { color: '#E8B140' },
+          areaStyle: { color: 'rgba(232, 177, 64, 0.2)' }
+        },
+        {
+          name: 'B区',
+          data: t1Data.map(item => item.bZone || 0),
+          type: 'line',
+          smooth: true,
+          lineStyle: { color: '#5470c6' },
+          areaStyle: { color: 'rgba(84, 112, 198, 0.2)' }
+        }
+      ]
     })
   }
 
   // T2旅检过检人数折线图
   if (t2TravelChart.value) {
     t2TravelChartInstance = echarts.init(t2TravelChart.value)
+    const t2Data = t2PassengerData.value || []
     t2TravelChartInstance.setOption({
       tooltip: { trigger: 'axis' },
       xAxis: {
         type: 'category',
-        data: ['08:00', '10:00', '12:00', '14:00', '16:00', '18:00', '20:00']
+        data: t2Data.map(item => item.recordDate || '')
       },
       yAxis: { type: 'value' },
-      series: [{
-        data: [620, 732, 701, 734, 890, 930, 920],
-        type: 'line',
-        smooth: true,
-        lineStyle: { color: '#91cc75' },
-        areaStyle: { color: 'rgba(145, 204, 117, 0.2)' }
-      }]
+      series: [
+        {
+          name: '国内旅检',
+          data: t2Data.map(item => item.domesticPassenger || 0),
+          type: 'line',
+          smooth: true,
+          lineStyle: { color: '#91cc75' },
+          areaStyle: { color: 'rgba(145, 204, 117, 0.2)' }
+        },
+        {
+          name: '国际旅检',
+          data: t2Data.map(item => item.intlPassenger || 0),
+          type: 'line',
+          smooth: true,
+          lineStyle: { color: '#fac858' },
+          areaStyle: { color: 'rgba(250, 200, 88, 0.2)' }
+        }
+      ]
     })
   }
 
   // 行检过检数折线图
   if (luggageChart.value) {
     luggageChartInstance = echarts.init(luggageChart.value)
+    const luggageData = luggageCheckData.value || []
     luggageChartInstance.setOption({
       tooltip: { trigger: 'axis' },
       xAxis: {
         type: 'category',
-        data: ['08:00', '10:00', '12:00', '14:00', '16:00', '18:00', '20:00']
+        data: luggageData.map(item => item.recordDate || '')
       },
       yAxis: { type: 'value' },
-      series: [{
-        data: [620, 832, 701, 834, 1090, 1130, 1120],
-        type: 'line',
-        smooth: true,
-        lineStyle: { color: '#fac858' },
-        areaStyle: { color: 'rgba(250, 200, 88, 0.2)' }
-      }]
+      series: [
+        {
+          name: 'T1行检',
+          data: luggageData.map(item => item.t1LuggageCheck || 0),
+          type: 'line',
+          smooth: true,
+          lineStyle: { color: '#ee6666' },
+          areaStyle: { color: 'rgba(238, 102, 102, 0.2)' }
+        },
+        {
+          name: 'T2行检',
+          data: luggageData.map(item => item.t2LuggageCheck || 0),
+          type: 'line',
+          smooth: true,
+          lineStyle: { color: '#73c0de' },
+          areaStyle: { color: 'rgba(115, 192, 222, 0.2)' }
+        }
+      ]
     })
   }
 
   // 货物过检数折线图
   if (cargoChart.value) {
     cargoChartInstance = echarts.init(cargoChart.value)
+    const cargoTrendData = cargoData.value || []
     cargoChartInstance.setOption({
       tooltip: { trigger: 'axis' },
       xAxis: {
         type: 'category',
-        data: ['08:00', '10:00', '12:00', '14:00', '16:00', '18:00', '20:00']
+        data: cargoTrendData.map(item => item.recordDate || '')
       },
       yAxis: { type: 'value' },
-      series: [{
-        data: [120, 232, 201, 234, 290, 330, 320],
-        type: 'line',
-        smooth: true,
-        lineStyle: { color: '#ee6666' },
-        areaStyle: { color: 'rgba(238, 102, 102, 0.2)' }
-      }]
+      series: [
+        {
+          name: '国内货站',
+          data: cargoTrendData.map(item => item.domesticCargo || 0),
+          type: 'line',
+          smooth: true,
+          lineStyle: { color: '#E8B140' },
+          areaStyle: { color: 'rgba(232, 177, 64, 0.2)' }
+        },
+        {
+          name: '国际货站',
+          data: cargoTrendData.map(item => item.intlCargo || 0),
+          type: 'line',
+          smooth: true,
+          lineStyle: { color: '#26B6BE' },
+          areaStyle: { color: 'rgba(38, 182, 190, 0.2)' }
+        }
+      ]
     })
   }
 
   // 车辆过检数折线图
   if (vehicleChart.value) {
     vehicleChartInstance = echarts.init(vehicleChart.value)
+    const vehicleData = vehicleCheckData.value || []
     vehicleChartInstance.setOption({
       tooltip: { trigger: 'axis' },
       xAxis: {
         type: 'category',
-        data: ['08:00', '10:00', '12:00', '14:00', '16:00', '18:00', '20:00']
+        data: vehicleData.map(item => item.recordDate || '')
       },
       yAxis: { type: 'value' },
-      series: [{
-        data: [30, 52, 41, 54, 70, 83, 80],
-        type: 'line',
-        smooth: true,
-        lineStyle: { color: '#73c0de' },
-        areaStyle: { color: 'rgba(115, 192, 222, 0.2)' }
-      }]
+      series: [
+        {
+          name: '南侧车检',
+          data: vehicleData.map(item => item.southVehicleCheck || 0),
+          type: 'line',
+          smooth: true,
+          lineStyle: { color: '#E8B140' },
+          areaStyle: { color: 'rgba(232, 177, 64, 0.2)' }
+        },
+        {
+          name: '北侧车检',
+          data: vehicleData.map(item => item.northVehicleCheck || 0),
+          type: 'line',
+          smooth: true,
+          lineStyle: { color: '#5470c6' },
+          areaStyle: { color: 'rgba(84, 112, 198, 0.2)' }
+        }
+      ]
     })
   }
 
   // 查获数据环形图
   if (seizePieChart.value) {
     seizePieChartInstance = echarts.init(seizePieChart.value)
+    const seizureData = seizureCategoryData.value || []
     seizePieChartInstance.setOption({
       tooltip: { trigger: 'item' },
       legend: { orient: 'vertical', right: 10, top: 'center' },
@@ -320,13 +479,7 @@ function initCharts() {
         type: 'pie',
         radius: ['40%', '70%'],
         center: ['40%', '50%'],
-        data: [
-          { value: 1048, name: '火种' },
-          { value: 735, name: '刀具' },
-          { value: 580, name: '警械器具' },
-          { value: 484, name: '烟花爆竹' },
-          { value: 300, name: '其他' }
-        ],
+        data: seizureData.map(item => ({ name: item.name, value: item.total })),
         emphasis: {
           itemStyle: {
             shadowBlur: 10,
@@ -341,33 +494,49 @@ function initCharts() {
   // 大队查获数对比柱状图
   if (teamSeizeBarChart.value) {
     teamSeizeBarChartInstance = echarts.init(teamSeizeBarChart.value)
+    const brigadeData = brigadeSeizureData.value || []
     teamSeizeBarChartInstance.setOption({
       tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+      legend: { data: ['T1区', 'T2区', '总量'] },
       xAxis: {
         type: 'category',
-        data: ['一大队', '二大队', '三大队', '四大队', '五大队', '六大队']
+        data: [...new Set(brigadeData.map(item => item.brigade))]
       },
       yAxis: { type: 'value' },
-      series: [{
-        data: [120, 200, 150, 80, 70, 110],
-        type: 'bar',
-        itemStyle: { color: '#5470c6' }
-      }]
+      series: [
+        {
+          name: 'T1区',
+          data: brigadeData.filter(item => item.shift === '白班').map(item => ({ value: item.t1Total, brigade: item.brigade })),
+          type: 'bar'
+        },
+        {
+          name: 'T2区',
+          data: brigadeData.filter(item => item.shift === '白班').map(item => ({ value: item.t2Total, brigade: item.brigade })),
+          type: 'bar'
+        },
+        {
+          name: '总量',
+          data: brigadeData.filter(item => item.shift === '白班').map(item => ({ value: item.grandTotal, brigade: item.brigade })),
+          type: 'bar'
+        }
+      ]
     })
   }
 
   // T1区域各大队查获数对比柱状图
   if (t1TeamBarChart.value) {
     t1TeamBarChartInstance = echarts.init(t1TeamBarChart.value)
+    const t1BrigadeData = (brigadeSeizureData.value || []).filter(item => item.shift === '白班')
     t1TeamBarChartInstance.setOption({
       tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
       xAxis: {
         type: 'category',
-        data: ['一大队', '二大队', '三大队', '四大队']
+        data: [...new Set(t1BrigadeData.map(item => item.brigade))]
       },
       yAxis: { type: 'value' },
       series: [{
-        data: [80, 120, 90, 60],
+        name: 'T1查获数',
+        data: t1BrigadeData.map(item => item.t1Total),
         type: 'bar',
         itemStyle: { color: '#91cc75' }
       }]
@@ -377,15 +546,17 @@ function initCharts() {
   // T2区域各大队查获数对比柱状图
   if (t2TeamBarChart.value) {
     t2TeamBarChartInstance = echarts.init(t2TeamBarChart.value)
+    const t2BrigadeData = (brigadeSeizureData.value || []).filter(item => item.shift === '夜班')
     t2TeamBarChartInstance.setOption({
       tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
       xAxis: {
         type: 'category',
-        data: ['五大队', '六大队', '七大队', '八大队']
+        data: [...new Set(t2BrigadeData.map(item => item.brigade))]
       },
       yAxis: { type: 'value' },
       series: [{
-        data: [70, 90, 80, 50],
+        name: 'T2查获数',
+        data: t2BrigadeData.map(item => item.t2Total),
         type: 'bar',
         itemStyle: { color: '#fac858' }
       }]
@@ -395,6 +566,18 @@ function initCharts() {
   // 不合格充电宝劝阻数组环形图
   if (powerBankPieChart.value) {
     powerBankPieChartInstance = echarts.init(powerBankPieChart.value)
+    const pbData = powerBankData.value || {}
+    const powerBankChartData = [
+      { name: '邮寄', value: pbData.mailTotal || 0 },
+      { name: '暂存', value: pbData.tempStoreTotal || 0 },
+      { name: '自弃', value: pbData.abandonTotal || 0 },
+      { name: '召回', value: pbData.recallTotal || 0 },
+      { name: '无3C标识', value: pbData.no3cTotal || 0 },
+      { name: '标识不清', value: pbData.unclearMarkTotal || 0 },
+      { name: '超规数量', value: pbData.excessQtyTotal || 0 },
+      { name: '其他', value: pbData.bothTotal || 0 }
+    ].filter(item => item.value > 0)
+    
     powerBankPieChartInstance.setOption({
       tooltip: { trigger: 'item' },
       legend: { orient: 'vertical', right: 10, top: 'center' },
@@ -403,12 +586,7 @@ function initCharts() {
         type: 'pie',
         radius: ['40%', '70%'],
         center: ['40%', '50%'],
-        data: [
-          { value: 320, name: '无3C标识' },
-          { value: 240, name: '标识不清' },
-          { value: 180, name: '超规数量' },
-          { value: 150, name: '其他' }
-        ],
+        data: powerBankChartData,
         emphasis: {
           itemStyle: {
             shadowBlur: 10,
@@ -423,6 +601,13 @@ function initCharts() {
   // 待检区收缴禁限带物品数据表环形图
   if (waitingAreaPieChart.value) {
     waitingAreaPieChartInstance = echarts.init(waitingAreaPieChart.value)
+    const pendingData = pendingConfiscateData.value || {}
+    const pendingChartData = [
+      { name: '火种', value: pendingData.fireSourceTotal || 0 },
+      { name: '液态物品', value: pendingData.liquidTotal || 0 },
+      { name: '其他', value: pendingData.otherTotal || 0 }
+    ].filter(item => item.value > 0)
+    
     waitingAreaPieChartInstance.setOption({
       tooltip: { trigger: 'item' },
       legend: { orient: 'vertical', right: 10, top: 'center' },
@@ -431,12 +616,7 @@ function initCharts() {
         type: 'pie',
         radius: ['40%', '70%'],
         center: ['40%', '50%'],
-        data: [
-          { value: 420, name: '火种' },
-          { value: 280, name: '液态物品' },
-          { value: 190, name: '其他物品' },
-          { value: 120, name: '其他' }
-        ],
+        data: pendingChartData,
         emphasis: {
           itemStyle: {
             shadowBlur: 10,
@@ -467,10 +647,8 @@ function handleResize() {
 
 // 组件挂载时初始化图表
 onMounted(() => {
-  nextTick(() => {
-    initCharts()
-    window.addEventListener('resize', handleResize)
-  })
+  loadData()
+  window.addEventListener('resize', handleResize)
 })
 
 // 组件卸载时销毁图表