feat(blockingData): 优化数据展示模块样式和图表功能

调整各模块的容器尺寸和内边距，统一图表样式
重构图表数据展示逻辑，支持多维度数据展示
更新图表配置项，增强数据可视化和交互体验

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

@@ -117,52 +117,69 @@ const fetchData = async () => {
     ])
 
     if (trendRes.value?.data) {
-      const trendData = trendRes.value.data.map(item => ({
-        name: item.date || item.name || '',
-        value: item.count || item.value || 0
-      }))
-      setOption1(lineChartOption(trendData.map(d => d.value), '#3b82f6'))
+      const dates = trendRes.value.data.map(item => item.statDate?.split('T')[0] || item.date || item.name || '')
+      const t1TravelData = trendRes.value.data.map(item => item.t1TravelBlockedCount || 0)
+      const t2TravelData = trendRes.value.data.map(item => item.t2TravelBlockedCount || 0)
+      const t1WalkData = trendRes.value.data.map(item => item.t1WalkBlockedCount || 0)
+      const t2WalkData = trendRes.value.data.map(item => item.t2WalkBlockedCount || 0)
+      setOption1(multiLineChartOption(dates, [
+        { name: 'T1旅检查堵件数', data: t1TravelData, color: '#3b82f6' },
+        { name: 'T2旅检查堵件数', data: t2TravelData, color: '#22c55e' },
+        { name: 'T1行检查堵件数', data: t1WalkData, color: '#f97316' },
+        { name: 'T2行检查堵件数', data: t2WalkData, color: '#ec4899' }
+      ]))
     }
 
     if (luggageRes.value?.data) {
-      const luggageData = luggageRes.value.data.map(item => ({
-        name: item.date || item.name || '',
-        value: item.count || item.value || 0
-      }))
-      setOption2(areaChartOption(luggageData.map(d => d.value), '#22c55e'))
+      const dates = luggageRes.value.data.map(item => item.statDate?.split('T')[0] || item.date || item.name || '')
+      const t1TravelData = luggageRes.value.data.map(item => item.t1TravelBagCount || 0)
+      const t2TravelData = luggageRes.value.data.map(item => item.t2TravelBagCount || 0)
+      const t1WalkData = luggageRes.value.data.map(item => item.t1WalkBagCount || 0)
+      const t2WalkData = luggageRes.value.data.map(item => item.t2WalkBagCount || 0)
+      setOption2(multiLineChartOption(dates, [
+        { name: 'T1旅检过检行李数', data: t1TravelData, color: '#3b82f6' },
+        { name: 'T2旅检过检行李数', data: t2TravelData, color: '#22c55e' },
+        { name: 'T1行检过检行李数', data: t1WalkData, color: '#f97316' },
+        { name: 'T2行检过检行李数', data: t2WalkData, color: '#ec4899' }
+      ]))
     }
 
     if (blockedRes.value?.data) {
-      const blockedData = blockedRes.value.data.map(item => ({
-        name: item.terminal || item.name || '',
-        value: item.count || item.value || 0
-      }))
+      const blockedData = [
+        { name: 'T1', value: blockedRes.value.data.t1BlockedCount || 0 },
+        { name: 'T2', value: blockedRes.value.data.t2BlockedCount || 0 }
+      ]
       setOption3(horizontalBarChartOption(blockedData, '#3b82f6'))
-      const total = blockedRes.value.data.reduce((sum, item) => sum + (item.count || item.value || 0), 0)
+      const total = blockedRes.value.data.totalBlockedCount || 0
       statValue.value = total
     }
 
     if (timeRes.value?.data) {
-      const timeData = timeRes.value.data.map(item => ({
-        name: item.timePeriod || item.name || '',
-        value: item.count || item.value || 0
-      }))
-      setOption4(barChartOption(timeData, '#3b82f6'))
+      const timePeriods = timeRes.value.data.map(item => item.timePeriod || '')
+      const avgLuggageData = timeRes.value.data.map(item => item.avgLuggageCount || 0)
+      const avgBlockedData = timeRes.value.data.map(item => item.avgBlockedCount || 0)
+      setOption4(barLineChartOption(timePeriods, avgLuggageData, avgBlockedData))
     }
 
     if (rateRes.value?.data) {
-      const rateData = rateRes.value.data.map(item => ({
-        name: item.date || item.name || '',
-        value: item.rate || item.value || 0
-      }))
-      setOption5(lineChartOption(rateData.map(d => d.value), '#ec4899'))
+      const dates = rateRes.value.data.map(item => item.statDate?.split('T')[0] || item.date || item.name || '')
+      const t1TravelRate = rateRes.value.data.map(item => item.t1TravelBlockRate || 0)
+      const t2TravelRate = rateRes.value.data.map(item => item.t2TravelBlockRate || 0)
+      const t1WalkRate = rateRes.value.data.map(item => item.t1WalkBlockRate || 0)
+      const t2WalkRate = rateRes.value.data.map(item => item.t2WalkBlockRate || 0)
+      setOption5(multiLineChartOption(dates, [
+        { name: 'T1旅检万分率', data: t1TravelRate, color: '#3b82f6' },
+        { name: 'T2旅检万分率', data: t2TravelRate, color: '#22c55e' },
+        { name: 'T1行检万分率', data: t1WalkRate, color: '#f97316' },
+        { name: 'T2行检万分率', data: t2WalkRate, color: '#ec4899' }
+      ]))
     }
 
     if (itemRes.value?.data) {
-      const colors = ['#3b82f6', '#22c55e', '#f97316', '#ec4899', '#8b5cf6']
+      const colors = ['#3b82f6', '#22c55e', '#f97316', '#ec4899', '#8b5cf6', '#10b981', '#f59e0b', '#ef4444']
       const itemData = itemRes.value.data.map((item, index) => ({
-        name: item.itemName || item.name || '',
-        value: item.percentage || item.value || 0
+        name: item.missCheckItem ,
+        value: item.count 
       }))
       setOption6(pieChartOption(itemData, colors))
     }
@@ -187,6 +204,27 @@ const generateData = (count, min, max) => {
   return data
 }
 
+const multiLineChartOption = (xAxisData, series) => ({
+  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: { 
+    data: series.map(s => s.name),
+    top: '0%',
+    textStyle: { fontSize: 10 }
+  },
+  series: series.map(s => ({
+    name: s.name,
+    type: 'line',
+    smooth: true,
+    symbol: 'circle',
+    symbolSize: 6,
+    data: s.data,
+    itemStyle: { color: s.color },
+    lineStyle: { color: s.color }
+  }))
+})
+
 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' } },
@@ -215,14 +253,49 @@ const horizontalBarChartOption = (data, color) => ({
   series: [{ type: 'bar', data: data.map(d => d.value), itemStyle: { color: color }, barWidth: 15 }]
 })
 
+const barLineChartOption = (xAxisData, barData, lineData) => ({
+  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: { 
+    data: ['平均过检行李数', '平均查堵件数'],
+    top: '0%',
+    textStyle: { fontSize: 10 }
+  },
+  series: [
+    {
+      name: '平均过检行李数',
+      type: 'bar',
+      data: barData,
+      itemStyle: { color: '#3b82f6' },
+      barWidth: 20
+    },
+    {
+      name: '平均查堵件数',
+      type: 'line',
+      smooth: true,
+      symbol: 'circle',
+      symbolSize: 6,
+      data: lineData,
+      itemStyle: { color: '#ec4899' },
+      lineStyle: { color: '#ec4899' }
+    }
+  ]
+})
+
 const pieChartOption = (data, colors) => ({
   color: colors,
+  legend: { 
+    show: true,
+    textStyle: { fontSize: 10 }
+  },
+  tooltip: { trigger: 'item' },
   series: [{
     type: 'pie',
     radius: '65%',
     center: ['50%', '55%'],
     data: data,
-    label: { show: true, formatter: '{b}\n{c}%', fontSize: 10 }
+    label: { show: true, formatter: '{b}', fontSize: 10 }
   }]
 })
 
@@ -313,20 +386,19 @@ onMounted(() => {
   flex: 1;
   background: #fff;
   border-radius: 6px;
-  padding: 10px;
+  padding: 15px;
   border: 1px solid #eee;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
   display: flex;
   flex-direction: column;
-  min-height: 200px;
+  min-height: 280px;
 }
 
 .chart-title {
-  font-size: 14px;
-  color: #333;
+ font-size: 17px;
+  color: black;
   margin-bottom: 5px;
   text-align: left;
-  font-weight: 500;
 }
 
 .echarts {

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

@@ -71,8 +71,8 @@ const fetchData = async () => {
     if (missCheckRes.data) {
       const colors = ['#22c55e', '#3b82f6', '#f97316']
       const missCheckData = missCheckRes.data.map(item => ({
-        name: item.range || item.name || '',
-        value: item.percentage || item.value || 0
+        name: item.name || item.level || '未知',
+        value: item.total || item.count || 0
       }))
       setOption1(ringChartOption(missCheckData, colors))
     }
@@ -81,7 +81,7 @@ const fetchData = async () => {
       const colors = ['#22c55e', '#3b82f6', '#fbbf24', '#ef4444']
       const assessmentData = assessmentRes.data.map(item => ({
         name: item.level || item.name || '',
-        value: item.percentage || item.value || 0
+        value: item.total || 0
       }))
       setOption2(ringChartOption(assessmentData, colors))
     }
@@ -98,29 +98,27 @@ watch(() => props.filterParams, () => {
 
 const ringChartOption = (data, colors) => ({
   color: colors,
+  tooltip: { trigger: 'item', formatter: '{b}: {c}' },
   series: [{
     type: 'pie',
     radius: ['40%', '65%'],
     center: ['50%', '55%'],
     data: data,
-    label: { show: true, formatter: '{b}\n{c}%', fontSize: 10 }
+    label: {
+      show: true,
+      formatter: (params) => {
+        const total = data.reduce((sum, item) => sum + item.value, 0)
+        const percentage = ((params.value / total) * 100).toFixed(2)
+        return `${params.name}\n${params.value}(${percentage}%)`
+      },
+      fontSize: 10
+    }
   }]
 })
 
 onMounted(() => {
   fetchData()
-  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>
 
@@ -148,15 +146,14 @@ onMounted(() => {
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
   display: flex;
   flex-direction: column;
-  min-height: 200px;
+  min-height: 280px;
 }
 
 .chart-title {
-  font-size: 14px;
-  color: #333;
+  font-size: 17px;
+  color: black;
   margin-bottom: 5px;
   text-align: left;
-  font-weight: 500;
 }
 
 .echarts {

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

@@ -95,7 +95,8 @@ import {
   brigadeDifficultyDistribution,
   brigadeSupervisorDistribution,
   brigadeMissCheckReasonDistribution,
-  brigadeOperatingYearsDistribution
+  brigadeOperatingYearsDistribution,
+  tenureListAll
 } from '@/api/blockingData/blockingDataScreen'
 
 const props = defineProps({
@@ -152,7 +153,7 @@ const fetchData = async () => {
   loading.value = true
   try {
     const processedParams = processFilterParams(props.filterParams)
-    const [supervisorRes, teamRes, userRes, genderRes, certDetailRes, certBaseRes, locationRes, difficultyRes, supervisorDistRes, reasonRes, yearsRes] = await Promise.all([
+    const [supervisorRes, teamRes, userRes, genderRes, certDetailRes, certBaseRes, locationRes, difficultyRes, supervisorDistRes, reasonRes, yearsRes, tenureRes] = await Promise.allSettled([
       brigadeSupervisorRanking(processedParams),
       brigadeTeamLeaderRanking(processedParams),
       brigadeReviewedUserRanking(processedParams),
@@ -163,12 +164,13 @@ const fetchData = async () => {
       brigadeDifficultyDistribution(processedParams),
       brigadeSupervisorDistribution(processedParams),
       brigadeMissCheckReasonDistribution(processedParams),
-      brigadeOperatingYearsDistribution(processedParams)
+      brigadeOperatingYearsDistribution(processedParams),
+      tenureListAll(processedParams)
     ])
 
-    if (supervisorRes.data) {
+    if (supervisorRes.value?.data) {
       rankData1.length = 0
-      supervisorRes.data.slice(0, 10).forEach(item => {
+      supervisorRes.value.data.slice(0, 10).forEach(item => {
         rankData1.push({
           name: item.supervisorName || item.name || '',
           value: item.count || item.value || 0
@@ -176,9 +178,9 @@ const fetchData = async () => {
       })
     }
 
-    if (teamRes.data) {
+    if (teamRes.value?.data) {
       rankData2.length = 0
-      teamRes.data.slice(0, 10).forEach(item => {
+      teamRes.value.data.slice(0, 10).forEach(item => {
         rankData2.push({
           name: item.teamLeaderName || item.name || '',
           value: item.count || item.value || 0
@@ -186,9 +188,9 @@ const fetchData = async () => {
       })
     }
 
-    if (userRes.data) {
+    if (userRes.value?.data) {
       rankData3.length = 0
-      userRes.data.slice(0, 10).forEach(item => {
+      userRes.value.data.slice(0, 10).forEach(item => {
         rankData3.push({
           name: item.userName || item.name || '',
           value: item.count || item.value || 0
@@ -196,46 +198,46 @@ const fetchData = async () => {
       })
     }
 
-    if (genderRes.data) {
-      const genderData = genderRes.data.map(item => ({
+    if (genderRes.value?.data) {
+      const genderData = genderRes.value.data.map(item => ({
         name: item.gender || item.name || '',
         value: item.percentage || item.value || 0
       }))
       setOption4(pieChartOption(genderData, ['#ec4899', '#3b82f6']))
     }
 
-    if (certDetailRes.data) {
-      const certData = certDetailRes.data.map(item => ({
+    if (certDetailRes.value?.data) {
+      const certData = certDetailRes.value.data.map(item => ({
         name: item.certificateLevel || item.name || '',
         value: item.percentage || item.value || 0
       }))
       setOption5(pieChartOption(certData, ['#22c55e', '#3b82f6']))
     }
 
-    if (certBaseRes.data) {
-      const baseData = certBaseRes.data.map(item => ({
+    if (certBaseRes.value?.data) {
+      const baseData = certBaseRes.value.data.map(item => ({
         name: item.certificateLevel || item.name || '',
         value: item.percentage || item.value || 0
       }))
       setOption6(pieChartOption(baseData, ['#22c55e', '#3b82f6']))
     }
 
-    if (locationRes.data) {
+    if (locationRes.value?.data) {
       const colors = ['#8b5cf6', '#ec4899', '#f97316', '#22c55e', '#3b82f6', '#14b8a6', '#ef4444', '#fbbf24', '#6366f1', '#06b6d4', '#84cc16', '#e11d48']
-      const locationData = locationRes.data.map(item => ({
-        name: item.location || item.name || '',
+      const locationData = locationRes.value.data.map(item => ({
+        name: item.itemLocation || item.name || '',
         value: item.percentage || item.value || 0
       }))
       setOption7(donutChartOption(locationData, colors))
     }
 
-    if (difficultyRes.data) {
+    if (difficultyRes.value?.data) {
       let difficult = 0
       let simple = 0
-      difficultyRes.data.forEach(item => {
-        if (item.difficulty === 'difficult' || item.difficulty === '困难') {
+      difficultyRes.value.data.forEach(item => {
+        if (item.difficultyLevel === '难') {
           difficult = item.count || item.value || 0
-        } else if (item.difficulty === 'simple' || item.difficulty === '简单') {
+        } else if (item.difficultyLevel === '简单') {
           simple = item.count || item.value || 0
         }
       })
@@ -243,32 +245,69 @@ const fetchData = async () => {
       simpleValue.value = simple
     }
 
-    if (supervisorDistRes.data) {
+    if (supervisorDistRes.value?.data) {
       const colors = ['#3b82f6', '#22c55e', '#f97316', '#ec4899', '#8b5cf6', '#14b8a6', '#ef4444', '#fbbf24', '#6366f1', '#06b6d4', '#84cc16', '#e11d48', '#a855f7', '#f59e0b']
-      const supervisorData = supervisorDistRes.data.map(item => ({
+      const supervisorData = supervisorDistRes.value.data.map(item => ({
         name: item.supervisorName || item.name || '',
         value: item.percentage || item.value || 0
       }))
       setOption10(donutChartOption(supervisorData, colors))
     }
 
-    if (reasonRes.data) {
+    if (reasonRes.value?.data) {
       const colors = ['#3b82f6', '#22c55e', '#f97316', '#ec4899', '#8b5cf6', '#14b8a6', '#ef4444', '#fbbf24']
-      const reasonData = reasonRes.data.map(item => ({
-        name: item.reason || item.name || '',
-        value: item.percentage || item.value || 0
+      const reasonData = reasonRes.value.data.map(item => ({
+        name: item.missCheckReasonCategory || '',
+        value: item.count || 0
       }))
       setOption11(pieChartOption(reasonData, colors))
     }
 
-    if (yearsRes.data) {
+    if (yearsRes.value?.data) {
       const colors = ['#3b82f6', '#22c55e', '#f97316', '#ec4899', '#8b5cf6', '#14b8a6']
-      const yearsData = yearsRes.data.map(item => ({
-        name: item.yearsRange || item.name || '',
-        value: item.percentage || item.value || 0
+      const yearsData = yearsRes.value.data.map(item => ({
+        name: item.operatingYears || '',
+        value: item.count || 0
       }))
       setOption12(pieChartOption(yearsData, colors))
     }
+
+    if (tenureRes.value?.data) {
+      const xAxisData = tenureRes.value.data.map(item => item.brigadeName || '')
+      const seriesData = [
+        {
+          name: '5年及以上',
+          data: tenureRes.value.data.map(item => item.cntGe5Year || 0),
+          color: '#3b82f6'
+        },
+        {
+          name: '4年',
+          data: tenureRes.value.data.map(item => item.cnt4Years || 0),
+          color: '#22c55e'
+        },
+        {
+          name: '3年',
+          data: tenureRes.value.data.map(item => item.cnt3Years || 0),
+          color: '#f97316'
+        },
+        {
+          name: '2年',
+          data: tenureRes.value.data.map(item => item.cnt2Years || 0),
+          color: '#ec4899'
+        },
+        {
+          name: '1年',
+          data: tenureRes.value.data.map(item => item.cnt1Years || 0),
+          color: '#8b5cf6'
+        },
+        {
+          name: '不足1年',
+          data: tenureRes.value.data.map(item => item.cntLt1Year || 0),
+          color: '#14b8a6'
+        }
+      ]
+      setOption13(multiSeriesBarChartOption(xAxisData, seriesData))
+    }
   } catch (error) {
     console.error('获取数据失败:', error)
   } finally {
@@ -282,23 +321,42 @@ watch(() => props.filterParams, () => {
 
 const pieChartOption = (data, colors) => ({
   color: colors,
+  tooltip: { trigger: 'item', formatter: '{b}: {c}' },
   series: [{
     type: 'pie',
     radius: ['40%', '65%'],
     center: ['50%', '55%'],
     data: data,
-    label: { show: true, formatter: '{b}\n{c}%', fontSize: 10 }
+    label: {
+      show: true,
+      formatter: (params) => {
+        const total = data.reduce((sum, item) => sum + item.value, 0)
+        const percentage = ((params.value / total) * 100).toFixed(2)
+        return `${params.name}\n${params.value}(${percentage}%)`
+      },
+      fontSize: 10
+    }
   }]
 })
 
 const donutChartOption = (data, colors) => ({
   color: colors,
+  tooltip: { trigger: 'item', formatter: '{b}: {c}' },
   series: [{
     type: 'pie',
     radius: ['30%', '55%'],
     center: ['50%', '55%'],
     data: data,
-    label: { show: true, formatter: '{b}', fontSize: 10, position: 'outside' }
+    label: {
+      show: true,
+      position: 'outside',
+      formatter: (params) => {
+        const total = data.reduce((sum, item) => sum + item.value, 0)
+        const percentage = ((params.value / total) * 100).toFixed(2)
+        return `${params.name} ${params.value}(${percentage}%)`
+      },
+      fontSize: 10
+    }
   }]
 })
 
@@ -309,82 +367,37 @@ const multiBarChartOption = (data, color) => ({
   series: [{ type: 'bar', data: data.map(d => d.value), itemStyle: { color: color }, barWidth: 20 }]
 })
 
+const multiSeriesBarChartOption = (xAxisData, series) => ({
+  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: {
+    data: series.map(s => s.name),
+    top: '0%',
+    textStyle: { fontSize: 10 }
+  },
+  series: series.map(s => ({
+    name: s.name,
+    type: 'bar',
+    data: s.data,
+    itemStyle: { color: s.color },
+    barWidth: 15
+  }))
+})
+
 onMounted(() => {
   fetchData()
-  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>
 
@@ -407,20 +420,19 @@ onMounted(() => {
   flex: 1;
   background: #fff;
   border-radius: 6px;
-  padding: 10px;
+  padding: 15px;
   border: 1px solid #eee;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
   display: flex;
   flex-direction: column;
-  min-height: 200px;
+  min-height: 280px;
 }
 
 .chart-title {
-  font-size: 14px;
-  color: #333;
+  font-size: 17px;
+  color: black;
   margin-bottom: 5px;
   text-align: left;
-  font-weight: 500;
 }
 
 .echarts {
@@ -445,7 +457,7 @@ onMounted(() => {
 
 .number-unit {
   font-size: 14px;
-  color: #666;
+  color: #3b82f6;
   margin-top: 5px;
 }
 </style>

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

@@ -386,8 +386,8 @@ onMounted(() => {
   flex: 1;
   display: flex;
   gap: 10px;
-  min-height: 350px;
-  height: 350px;
+  min-height: 400px;
+  height: 400px;
 }
 
 .chart-item {
@@ -396,10 +396,10 @@ onMounted(() => {
   flex-direction: column;
   background: #fff;
   border-radius: 6px;
-  padding: 8px;
+  padding: 15px;
   border: 1px solid #eee;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-  min-height: 300px;
+  min-height: 350px;
   height: 100%;
 }
 
@@ -413,7 +413,7 @@ onMounted(() => {
 .echarts {
   flex: 1;
   width: 100%;
-  min-height: 250px;
-  height: 250px;
+  min-height: 300px;
+  height: 300px;
 }
 </style>

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

@@ -1388,17 +1388,17 @@ onMounted(() => {
   flex: 1;
   background: #fff;
   border-radius: 6px;
-  padding: 10px;
+  padding: 15px;
   border: 1px solid #eee;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
   display: flex;
   flex-direction: column;
-  min-height: 200px;
+  min-height: 280px;
 }
 
 .chart-row.full-width .chart-item {
   flex: none;
-  height: 200px;
+  height: 280px;
 }
 
 .chart-title {

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

@@ -137,12 +137,12 @@ onMounted(() => {
   flex: 1;
   background: #fff;
   border-radius: 6px;
-  padding: 10px;
+  padding: 15px;
   border: 1px solid #eee;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
   display: flex;
   flex-direction: column;
-  min-height: 300px;
+  min-height: 350px;
   height: 100%;
 }
 
@@ -156,7 +156,7 @@ onMounted(() => {
 .echarts {
   flex: 1;
   width: 100%;
-  min-height: 250px;
-  height: 250px;
+  min-height: 300px;
+  height: 300px;
 }
 </style>

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

@@ -395,12 +395,12 @@ onMounted(() => {
   flex: 1;
   background: #fff;
   border-radius: 6px;
-  padding: 8px;
+  padding: 15px;
   border: 1px solid #eee;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
   display: flex;
   flex-direction: column;
-  min-height: 120px;
+  min-height: 280px;
 }
 
 .chart-title {
@@ -457,6 +457,6 @@ onMounted(() => {
 .echarts {
   flex: 1;
   width: 100%;
-  min-height: 100px;
+  min-height: 250px;
 }
 </style>