refactor(portrait): 移除硬编码模拟数据，接入后端接口

1.  清空stationProfile页面的静态图表模拟数据
2.  新增安保相关接口api文件
3.  在runData组件中接入安保测试物品分类接口，替换静态数据
4.  添加queryParams监听以响应参数变化
5.  清理代码冗余空格与废弃变量

src/api/portraitManagement/portraitManagement.js

@@ -0,0 +1,26 @@
+import request from '@/utils/request'
+
+// 安保测试物品分类
+export function securityTestItemClassification(data) {
+    return request({ url: '/ledger/securityTest/securityTestItemClassification', method: 'post', data })
+}
+
+// 安保测试通过情况
+export function securityTestPassingStatus(data) {
+    return request({ url: '/ledger/securityTest/securityTestPassingStatus', method: 'post', data })
+}
+
+// 安保测试区域情况
+export function securityTestRegion(data) {
+    return request({ url: '/ledger/securityTest/securityTestRegion', method: 'post', data })
+}
+
+// 实时质控拦截物品分布
+export function realtimeInterceptionItem(data) {
+    return request({ url: '/ledger/realtimeInterception/realtimeInterceptionItem', method: 'post', data })
+}
+
+// 各岗位监察问题分布
+export function supervisionProblemPosition(data) {
+    return request({ url: '/ledger/supervisionProblem/supervisionProblemPosition', method: 'post', data })
+}

src/views/portraitManagement/stationProfile/component/profile.vue

@@ -72,23 +72,11 @@ const politicalData = [
   { value: 138, name: '预备党员', itemStyle: { color: '#7effc4' } }
 ]
 
-const skillData = {
-  categories: ['等级1', '等级2', '等级3', '等级4', '等级5'],
-  values: [450, 650, 900, 750, 550],
-  colors: ['#ff6b9d', '#ff6b6b']
-}
+const skillData = []
 
-const operateData = {
-  categories: ['0-3', '4-7', '8-11', '12-15', '16-19'],
-  values: [650, 500, 400, 300, 550],
-  colors: ['#a55eea', '#bd03fb']
-}
+const operateData = []
 
-const postData = {
-  categories: ['仿伪', '炸探', '人身', '开包', '开检后', '开机'],
-  values: [450, 600, 180, 150, 650, 550],
-  colors: ['#ffd93d', '#ffd9b3']
-}
+const postData = []
 
 </script>
 

src/views/portraitManagement/stationProfile/component/runData.vue

@@ -5,7 +5,7 @@
         <div ref="hourlyPassChartRef" class="hourly-pass-chart"></div>
       </InfoCard>
       <div class="info-panel">
-   
+
         <div class="panel-body">
           <div class="datetime-row">
             <span class="info-date">{{ currentDate }}</span>
@@ -16,7 +16,7 @@
             <span class="time-row">{{ currentTime }}</span>
           </div>
 
-       
+
           <div class="duty-item">
             <span class="duty-label">值班领导：</span>
             <span class="duty-value">{{ dutyLeader }}</span>
@@ -74,7 +74,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted, nextTick } from 'vue'
+import { ref, onMounted, onUnmounted, nextTick, watch } from 'vue'
 import * as echarts from 'echarts'
 import InfoCard from '../../components/card.vue'
 import SeizedInfo from '../../components/SeizedInfo.vue'
@@ -87,6 +87,7 @@ import EventWorkArea from '../../components/EventWorkArea.vue'
 import TestItems from '../../components/TestItems.vue'
 import TestResult from '../../components/TestResult.vue'
 import TestArea from '../../components/TestArea.vue'
+import { securityTestItemClassification } from '@/api/portraitManagement/portraitManagement'
 
 const props = defineProps({
   queryParams: {
@@ -140,11 +141,31 @@ const seizedInfoData = [
   { num: 481 }
 ]
 
-const seizedItemsData = [
-  { num: 50, name: '打火机' },
-  { num: 30, name: '管制刀具' },
-  { num: 20, name: '其他' }
-]
+const seizedItemsData = ref([])
+const securityTestItemData = ref([])
+
+const fetchSeizedItemsData = async () => {
+  try {
+    const res = await securityTestItemClassification(props.queryParams)
+    if (res.code === 200 && res.data) {
+      securityTestItemData.value = res.data.map(item => ({
+        num: item.total,
+        name: item.name
+      }))
+    }
+  } catch (error) {
+    console.error('获取安保测试物品分类数据失败', error)
+  }
+}
+
+const fetchData = () => {
+  fetchSeizedItemsData()
+}
+
+watch(() => props.queryParams, () => {
+
+  fetchData()
+}, { deep: true, immediate: true })
 
 const seizedNumAllData = [
   { num: 150 }, { num: 160 }, { num: 145 }, { num: 180 }, { num: 170 },
@@ -193,12 +214,7 @@ const unsafePostDistData = [
   { num: 387, name: '开箱/货检' }
 ]
 
-const securityTestItemData = [
-  { num: 5, name: '烟花' },
-  { num: 8, name: '鞭炮' },
-  { num: 2, name: '打火机' },
-  { num: 3, name: '野生点火器' }
-]
+
 
 const securityTestPassData = [
   { num: 44, name: '通过' },
@@ -420,6 +436,7 @@ const handleResize = () => {
 onMounted(() => {
   updateDateTime()
   dateTimer = setInterval(updateDateTime, 1000)
+
   nextTick(() => {
     setTimeout(() => {
       initHourlyPassChart()
@@ -444,7 +461,7 @@ onUnmounted(() => {
   gap: 20px;
 
   .content-row {
-  height: 400px;
+    height: 400px;
     padding: 0 20px;
     display: flex;
     gap: 20px;
@@ -501,6 +518,7 @@ onUnmounted(() => {
     .date-row {
       display: flex;
       align-items: center;
+
       .info-date {
         font-size: 22px;
         font-weight: bold;