chore(portraitManagement): 删除7个冗余的图表组件文件

移除了不再使用的查获物品分布、每日查获数量等7个ECharts图表组件文件，清理无用代码以减少项目冗余

src/views/portraitManagement/components/ProfileDailySeizedArea.vue

@@ -1,184 +0,0 @@
-<template>
-  <InfoCard title="每日查获数量（个人对比）">
-    <div ref="dailySeizedAreaRef" class="daily-chart"></div>
-  </InfoCard>
-</template>
-
-<script setup>
-import { ref, onMounted, onUnmounted, nextTick } from 'vue'
-import * as echarts from 'echarts'
-import InfoCard from './card.vue'
-
-const props = defineProps({
-  chartData1: {
-    type: Array,
-    default: () => []
-  },
-  chartData2: {
-    type: Array,
-    default: () => []
-  },
-  chartData3: {
-    type: Array,
-    default: () => []
-  },
-  chartData4: {
-    type: Array,
-    default: () => []
-  },
-  chartData5: {
-    type: Array,
-    default: () => []
-  }
-})
-
-const defaultCategories = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']
-const defaultPersonA = [120, 132, 101, 134, 90, 230, 210, 182, 191, 234, 290, 330]
-const defaultPersonB = [220, 182, 191, 234, 290, 330, 310, 123, 144, 210, 182, 191]
-const defaultPersonC = [150, 232, 201, 154, 190, 330, 410, 201, 154, 190, 330, 410]
-const defaultPersonD = [320, 332, 301, 334, 390, 330, 320, 332, 301, 334, 390, 330]
-const defaultPersonE = [820, 932, 901, 934, 1290, 1330, 1320, 820, 932, 901, 934, 1290]
-
-const dailySeizedAreaRef = ref(null)
-let dailySeizedArea = null
-
-const initChart = () => {
-  if (!dailySeizedAreaRef.value) return
-  dailySeizedArea = echarts.init(dailySeizedAreaRef.value)
-  const option = {
-    tooltip: {
-      trigger: 'axis',
-      backgroundColor: 'rgba(13,80,122,0.95)',
-      borderColor: '#70CFE7',
-      textStyle: { color: '#fff' }
-    },
-    legend: {
-      data: ['人员A', '人员B', '人员C', '人员D', '人员E'],
-      textStyle: { color: '#a0c4ff' },
-      top: 0
-    },
-    grid: {
-      left: '3%',
-      right: '4%',
-      bottom: '3%',
-      containLabel: true
-    },
-    xAxis: {
-      type: 'category',
-      boundaryGap: false,
-      data: defaultCategories,
-      axisLabel: { color: '#a0c4ff' },
-      axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } }
-    },
-    yAxis: {
-      type: 'value',
-      axisLabel: { color: '#a0c4ff' },
-      axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } },
-      splitLine: { lineStyle: { color: 'rgba(15,70,250,0.2)' } }
-    },
-    series: [
-      {
-        name: '人员A',
-        type: 'line',
-        stack: 'Total',
-        smooth: true,
-        areaStyle: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: 'rgba(77, 166, 255, 0.5)' },
-            { offset: 1, color: 'rgba(77, 166, 255, 0.1)' }
-          ])
-        },
-        itemStyle: { color: '#4da6ff' },
-        lineStyle: { color: '#4da6ff', width: 2 },
-        data: props.chartData1.length > 0 ? props.chartData1 : defaultPersonA
-      },
-      {
-        name: '人员B',
-        type: 'line',
-        stack: 'Total',
-        smooth: true,
-        areaStyle: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: 'rgba(189, 3, 251, 0.5)' },
-            { offset: 1, color: 'rgba(189, 3, 251, 0.1)' }
-          ])
-        },
-        itemStyle: { color: '#bd03fb' },
-        lineStyle: { color: '#bd03fb', width: 2 },
-        data: props.chartData2.length > 0 ? props.chartData2 : defaultPersonB
-      },
-      {
-        name: '人员C',
-        type: 'line',
-        stack: 'Total',
-        smooth: true,
-        areaStyle: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: 'rgba(126, 255, 126, 0.5)' },
-            { offset: 1, color: 'rgba(126, 255, 126, 0.1)' }
-          ])
-        },
-        itemStyle: { color: '#7eff7e' },
-        lineStyle: { color: '#7eff7e', width: 2 },
-        data: props.chartData3.length > 0 ? props.chartData3 : defaultPersonC
-      },
-      {
-        name: '人员D',
-        type: 'line',
-        stack: 'Total',
-        smooth: true,
-        areaStyle: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: 'rgba(255, 217, 62, 0.5)' },
-            { offset: 1, color: 'rgba(255, 217, 62, 0.1)' }
-          ])
-        },
-        itemStyle: { color: '#ffd93e' },
-        lineStyle: { color: '#ffd93e', width: 2 },
-        data: props.chartData4.length > 0 ? props.chartData4 : defaultPersonD
-      },
-      {
-        name: '人员E',
-        type: 'line',
-        stack: 'Total',
-        smooth: true,
-        areaStyle: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: 'rgba(126, 196, 255, 0.5)' },
-            { offset: 1, color: 'rgba(126, 196, 255, 0.1)' }
-          ])
-        },
-        itemStyle: { color: '#7ec4ff' },
-        lineStyle: { color: '#7ec4ff', width: 2 },
-        data: props.chartData5.length > 0 ? props.chartData5 : defaultPersonE
-      }
-    ]
-  }
-  dailySeizedArea.setOption(option)
-}
-
-const handleResize = () => {
-  if (dailySeizedArea) dailySeizedArea.resize()
-}
-
-onMounted(() => {
-  nextTick(() => {
-    setTimeout(() => {
-      initChart()
-      window.addEventListener('resize', handleResize)
-    }, 100)
-  })
-})
-
-onUnmounted(() => {
-  window.removeEventListener('resize', handleResize)
-  if (dailySeizedArea) dailySeizedArea.dispose()
-})
-</script>
-
-<style lang="scss" scoped>
-.daily-chart {
-  width: 100%;
-  height: 320px;
-}
-</style>

src/views/portraitManagement/components/ProfileDailySeizedBar.vue

@@ -1,103 +0,0 @@
-<template>
-  <InfoCard title="每日查获数量（总表）">
-    <div ref="dailySeizedBarRef" class="daily-bar-chart"></div>
-  </InfoCard>
-</template>
-
-<script setup>
-import { ref, onMounted, onUnmounted, nextTick } from 'vue'
-import * as echarts from 'echarts'
-import InfoCard from './card.vue'
-
-const props = defineProps({
-  chartData1: {
-    type: Array,
-    default: () => []
-  }
-})
-
-const defaultCategories = ['T3国内出发（4层）', 'T3（8层出发）', 'T3国际出发', 'T3国际转国内', '旅检A区', 'T3要客服务区东', 'T3要客服务区西', 'T1要客服务区东', 'T2要客服务区东', '旅检B区', '重检C区']
-const defaultData = [120, 200, 150, 80, 70, 110, 130, 90, 160, 140, 180]
-
-const dailySeizedBarRef = ref(null)
-let dailySeizedBar = null
-
-const initChart = () => {
-  if (!dailySeizedBarRef.value) return
-  dailySeizedBar = echarts.init(dailySeizedBarRef.value)
-  const data = props.chartData1.length > 0 ? props.chartData1 : defaultData
-  const option = {
-    tooltip: {
-      trigger: 'axis',
-      backgroundColor: 'rgba(13,80,122,0.95)',
-      borderColor: '#70CFE7',
-      textStyle: { color: '#fff' }
-    },
-    legend: {
-      data: ['查获数量'],
-      textStyle: { color: '#a0c4ff' },
-      top: 0
-    },
-    grid: {
-      left: '3%',
-      right: '4%',
-      bottom: '15%',
-      containLabel: true
-    },
-    xAxis: {
-      type: 'category',
-      data: defaultCategories,
-      axisLabel: {
-        color: '#a0c4ff',
-        rotate: 30,
-        fontSize: 10
-      },
-      axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } }
-    },
-    yAxis: {
-      type: 'value',
-      axisLabel: { color: '#a0c4ff' },
-      axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } },
-      splitLine: { lineStyle: { color: 'rgba(15,70,250,0.2)' } }
-    },
-    series: [{
-      name: '查获数量',
-      type: 'bar',
-      data: data,
-      itemStyle: {
-        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-          { offset: 0, color: '#bd03fb' },
-          { offset: 1, color: '#0f46fa' }
-        ])
-      },
-      barWidth: '40%'
-    }]
-  }
-  dailySeizedBar.setOption(option)
-}
-
-const handleResize = () => {
-  if (dailySeizedBar) dailySeizedBar.resize()
-}
-
-onMounted(() => {
-  nextTick(() => {
-    setTimeout(() => {
-      initChart()
-      window.addEventListener('resize', handleResize)
-    }, 100)
-  })
-})
-
-onUnmounted(() => {
-  window.removeEventListener('resize', handleResize)
-  if (dailySeizedBar) dailySeizedBar.dispose()
-})
-</script>
-
-<style lang="scss" scoped>
-.daily-bar-chart {
-  width: 100%;
-  height: 380px;
-}
-</style>

src/views/portraitManagement/components/ProfileDailySeizedLine.vue

@@ -1,101 +0,0 @@
-<template>
-  <InfoCard title="每日查获数量（总表）">
-    <div ref="dailySeizedLineRef" class="daily-chart"></div>
-  </InfoCard>
-</template>
-
-<script setup>
-import { ref, onMounted, onUnmounted, nextTick } from 'vue'
-import * as echarts from 'echarts'
-import InfoCard from './card.vue'
-
-const props = defineProps({
-  chartData1: {
-    type: Array,
-    default: () => []
-  }
-})
-
-const defaultData = [120, 132, 101, 134, 90, 230, 210, 182, 191, 234, 290, 330]
-const defaultCategories = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']
-
-const dailySeizedLineRef = ref(null)
-let dailySeizedLine = null
-
-const initChart = () => {
-  if (!dailySeizedLineRef.value) return
-  dailySeizedLine = echarts.init(dailySeizedLineRef.value)
-  const data = props.chartData1.length > 0 ? props.chartData1 : defaultData
-  const option = {
-    tooltip: {
-      trigger: 'axis',
-      backgroundColor: 'rgba(13,80,122,0.95)',
-      borderColor: '#70CFE7',
-      textStyle: { color: '#fff' }
-    },
-    legend: {
-      data: ['查获数量'],
-      textStyle: { color: '#a0c4ff' },
-      top: 0
-    },
-    grid: {
-      left: '3%',
-      right: '4%',
-      bottom: '3%',
-      containLabel: true
-    },
-    xAxis: {
-      type: 'category',
-      boundaryGap: false,
-      data: defaultCategories,
-      axisLabel: { color: '#a0c4ff' },
-      axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } }
-    },
-    yAxis: {
-      type: 'value',
-      axisLabel: { color: '#a0c4ff' },
-      axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } },
-      splitLine: { lineStyle: { color: 'rgba(15,70,250,0.2)' } }
-    },
-    series: [{
-      name: '查获数量',
-      type: 'line',
-      smooth: true,
-      data: data,
-      itemStyle: { color: '#bd03fb' },
-      areaStyle: {
-        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-          { offset: 0, color: 'rgba(189,3,251,0.3)' },
-          { offset: 1, color: 'rgba(189,3,251,0.05)' }
-        ])
-      }
-    }]
-  }
-  dailySeizedLine.setOption(option)
-}
-
-const handleResize = () => {
-  if (dailySeizedLine) dailySeizedLine.resize()
-}
-
-onMounted(() => {
-  nextTick(() => {
-    setTimeout(() => {
-      initChart()
-      window.addEventListener('resize', handleResize)
-    }, 100)
-  })
-})
-
-onUnmounted(() => {
-  window.removeEventListener('resize', handleResize)
-  if (dailySeizedLine) dailySeizedLine.dispose()
-})
-</script>
-
-<style lang="scss" scoped>
-.daily-chart {
-  width: 100%;
-  height: 320px;
-}
-</style>

src/views/portraitManagement/components/ProfilePassRate.vue

@@ -1,127 +0,0 @@
-<template>
-  <InfoCard title="每日通道过检率">
-    <div ref="passRateChartRef" class="pass-rate-chart"></div>
-  </InfoCard>
-</template>
-
-<script setup>
-import { ref, onMounted, onUnmounted, nextTick } from 'vue'
-import * as echarts from 'echarts'
-import InfoCard from './card.vue'
-
-const props = defineProps({
-  chartData1: {
-    type: Array,
-    default: () => []
-  },
-  chartData2: {
-    type: Array,
-    default: () => []
-  }
-})
-
-const defaultHours = Array.from({ length: 24 }, (_, i) => `${i.toString().padStart(2, '0')}:00`)
-const defaultPassData = [370, 352, 330, 387, 426, 342, 325, 384, 445, 407, 382, 401, 380, 464, 342, 443, 305, 394, 334, 430, 364, 362, 400, 420]
-const defaultLineData = [4.5, 5, 4, 6, 7, 5, 4, 6, 8, 7, 6, 7, 6, 8, 5, 7, 4, 6, 5, 7, 6, 6, 6.5, 7]
-
-const passRateChartRef = ref(null)
-let passRateChart = null
-
-const initChart = () => {
-  if (!passRateChartRef.value) return
-  passRateChart = echarts.init(passRateChartRef.value)
-
-  const passData = props.chartData1.length > 0 ? props.chartData1 : defaultPassData
-  const lineData = props.chartData2.length > 0 ? props.chartData2 : defaultLineData
-
-  const option = {
-    xAxis: {
-      type: 'category',
-      data: defaultHours,
-      axisLabel: { color: '#a0c4ff', fontSize: 10 },
-      axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } }
-    },
-    yAxis: [
-      {
-        type: 'value',
-        name: '过检率',
-        position: 'left',
-        max: 8,
-        axisLabel: { color: '#a0c4ff', fontSize: 10 },
-        axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } },
-        splitLine: { lineStyle: { color: 'rgba(15,70,250,0.2)' } }
-      },
-      {
-        type: 'value',
-        name: '数量',
-        position: 'right',
-        max: 5000,
-        axisLabel: { color: '#a0c4ff', fontSize: 10 },
-        axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } },
-        splitLine: { show: false }
-      }
-    ],
-    series: [
-      {
-        name: '过检人数',
-        type: 'bar',
-        yAxisIndex: 1,
-        data: passData,
-        itemStyle: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: '#ffd93d' },
-            { offset: 1, color: '#ff9f43' }
-          ])
-        },
-        barWidth: '40%'
-      },
-      {
-        name: '过检率',
-        type: 'line',
-        yAxisIndex: 0,
-        data: lineData,
-        smooth: true,
-        itemStyle: { color: '#bd03fb' },
-        areaStyle: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: 'rgba(189,3,251,0.3)' },
-            { offset: 1, color: 'rgba(189,3,251,0.05)' }
-          ])
-        }
-      }
-    ],
-    tooltip: {
-      trigger: 'axis',
-      backgroundColor: 'rgba(13,80,122,0.95)',
-      borderColor: '#70CFE7',
-      textStyle: { color: '#fff' }
-    }
-  }
-  passRateChart.setOption(option)
-}
-
-const handleResize = () => {
-  if (passRateChart) passRateChart.resize()
-}
-
-onMounted(() => {
-  nextTick(() => {
-    setTimeout(() => {
-      initChart()
-      window.addEventListener('resize', handleResize)
-    }, 100)
-  })
-})
-
-onUnmounted(() => {
-  window.removeEventListener('resize', handleResize)
-  if (passRateChart) passRateChart.dispose()
-})
-</script>
-
-<style lang="scss" scoped>
-.pass-rate-chart {
-  width: 100%;
-  height: 320px;
-}
-</style>

src/views/portraitManagement/components/ProfileSeizedDistribution.vue

@@ -1,75 +0,0 @@
-<template>
-  <InfoCard title="查获物品分布">
-    <div class="seized-distribution">
-      <div ref="seizedChartRef" class="seized-chart"></div>
-    </div>
-  </InfoCard>
-</template>
-
-<script setup>
-import { ref, onMounted, onUnmounted, nextTick } from 'vue'
-import * as echarts from 'echarts'
-import InfoCard from './card.vue'
-
-const props = defineProps({
-  chartData1: {
-    type: Array,
-    default: () => []
-  }
-})
-
-const defaultData = [
-  { value: 20, name: '打火机', itemStyle: { color: '#ff9f43' } },
-  { value: 30, name: '管制刀具', itemStyle: { color: '#ff6b6b' } },
-  { value: 50, name: '其他违禁品', itemStyle: { color: '#4da6ff' } }
-]
-
-const seizedChartRef = ref(null)
-let seizedChart = null
-
-const initChart = () => {
-  if (!seizedChartRef.value) return
-  seizedChart = echarts.init(seizedChartRef.value)
-  const data = props.chartData1.length > 0 ? props.chartData1 : defaultData
-  const option = {
-    series: [{
-      type: 'pie',
-      radius: ['40%', '70%'],
-      data: data,
-      label: { show: true, color: '#fff', fontSize: 11 },
-      labelLine: { show: true }
-    }]
-  }
-  seizedChart.setOption(option)
-}
-
-const handleResize = () => {
-  if (seizedChart) seizedChart.resize()
-}
-
-onMounted(() => {
-  nextTick(() => {
-    setTimeout(() => {
-      initChart()
-      window.addEventListener('resize', handleResize)
-    }, 100)
-  })
-})
-
-onUnmounted(() => {
-  window.removeEventListener('resize', handleResize)
-  if (seizedChart) seizedChart.dispose()
-})
-</script>
-
-<style lang="scss" scoped>
-.seized-distribution {
-  width: 100%;
-  height: 280px;
-
-  .seized-chart {
-    width: 100%;
-    height: 100%;
-  }
-}
-</style>

src/views/portraitManagement/components/ProfileSeizedInfo.vue

@@ -1,137 +0,0 @@
-<template>
-  
-  <InfoCard title="查获信息展示">
-    <div class="seized-info">
-      <div class="seized-number">
-        <div class="number-circle">
-          <div class="number-value">{{ displayNumber }}</div>
-          <div class="number-label">查获总数（所有人员）</div>
-        </div>
-      </div>
-      <div class="seized-small-chart">
-        <div ref="seizedSmallChartRef" class="small-chart"></div>
-      </div>
-    </div>
-  </InfoCard>
-</template>
-
-<script setup>
-import { ref, computed, onMounted, onUnmounted, nextTick } from 'vue'
-import * as echarts from 'echarts'
-import InfoCard from './card.vue'
-
-const props = defineProps({
-  chartData1: {
-    type: [Number, Array],
-    default: 1658
-  }
-})
-
-const displayNumber = computed(() => {
-  return typeof props.chartData1 === 'number' ? props.chartData1 : 1658
-})
-
-const seizedSmallChartRef = ref(null)
-let seizedSmallChart = null
-
-const initChart = () => {
-  if (!seizedSmallChartRef.value) return
-  seizedSmallChart = echarts.init(seizedSmallChartRef.value)
-  const option = {
-    xAxis: {
-      type: 'category',
-      data: ['等级1', '等级3', '等级5'],
-      axisLabel: { color: '#a0c4ff', fontSize: 9 },
-      axisLine: { show: false },
-      axisTick: { show: false }
-    },
-    yAxis: {
-      type: 'value',
-      axisLabel: { show: false },
-      axisLine: { show: false },
-      axisTick: { show: false },
-      splitLine: { show: false }
-    },
-    series: [{
-      type: 'bar',
-      data: [150, 400, 200],
-      itemStyle: {
-        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-          { offset: 0, color: '#a55eea' },
-          { offset: 1, color: '#4da6ff' }
-        ])
-      },
-      barWidth: '30%'
-    }]
-  }
-  seizedSmallChart.setOption(option)
-}
-
-const handleResize = () => {
-  if (seizedSmallChart) seizedSmallChart.resize()
-}
-
-onMounted(() => {
-  nextTick(() => {
-    setTimeout(() => {
-      initChart()
-      window.addEventListener('resize', handleResize)
-    }, 100)
-  })
-})
-
-onUnmounted(() => {
-  window.removeEventListener('resize', handleResize)
-  if (seizedSmallChart) seizedSmallChart.dispose()
-})
-</script>
-
-<style lang="scss" scoped>
-.seized-info {
-  display: flex;
-  gap: 20px;
-  min-height: 280px;
-  align-items: center;
-
-  .seized-number {
-    flex: 1;
-    display: flex;
-    justify-content: center;
-
-    .number-circle {
-      width: 200px;
-      height: 200px;
-      border-radius: 50%;
-      background: linear-gradient(135deg, rgba(15, 70, 250, 0.3), rgba(189, 3, 251, 0.3));
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      border: 2px solid rgba(189, 3, 251, 0.5);
-
-      .number-value {
-        font-size: 48px;
-        font-weight: bold;
-        color: #fff;
-        text-shadow: 0 0 20px rgba(189, 3, 251, 0.8);
-      }
-
-      .number-label {
-        font-size: 14px;
-        color: #a0c4ff;
-        text-align: center;
-        margin-top: 10px;
-      }
-    }
-  }
-
-  .seized-small-chart {
-    flex: 1;
-
-    .small-chart {
-      width: 100%;
-      height: 200px;
-    }
-  }
-}
-</style>