feat: 运行数据图表联调

src/views/portraitManagement/components/SearchBar.vue

@@ -207,7 +207,7 @@ onUnmounted(() => {
 defineExpose({
   getDefQuery() {
     return {
-      ...getTimeRange()
+      ...getTimeRange(),
     }
   }
 })

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

@@ -118,7 +118,7 @@ const countSeizeSubjectCategoryQuantityData = ref([])
 const invokerCountSeizeSubjectCategoryQuantity = () => {
   countSeizeSubjectCategoryQuantity(props.queryParams).then(res => {
     if (res.code === 200 && res.data) {
-      countSeizureInfoItemData.value = res.data || []
+      countSeizeSubjectCategoryQuantityData.value = res.data || []
     }
   })
 }
@@ -128,8 +128,6 @@ const invokerCountSeizureTotalQuantity = () => {
   countSeizureTotalQuantity(props.queryParams).then(res => {
     if (res.code === 200 && res.data) {
       countSeizureTotalQuantityData.value = res.data || []
-      console.log(countSeizureTotalQuantityData.value);
-      
     }
   })
 }

src/views/portraitManagement/deptProfile/index.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="group-profile-page">
     <Page title="安检人事管理可视化大屏" :tabs="['能力画像', '运行数据']" @tab-change="handleTabChange">
-      <SearchBar v-model:visible="searchVisible" @search="handleSearch" :deptType="'BRIGADE'"/>
+      <SearchBar v-model:visible="searchVisible" ref="searchBar" @search="handleSearch" :deptType="'BRIGADE'"/>
       <PentagonGroup :items="pentagonItems" />
       <Profile v-if="activeTab === 0" :query-params="queryParams" />
-      <RunData v-else />
+      <RunData v-else :query-params="queryParams"/>
     </Page>
 
   </div>
@@ -163,6 +163,12 @@ const handleSearch = (params) => {
 const handleTabChange = (index) => {
   activeTab.value = index
 }
+
+const searchBar = ref(null)
+onMounted(() => {
+  queryParams.value = Object.assign({ deptId: '' }, searchBar.value.getDefQuery())
+})
+
 </script>
 
 <style lang="scss" scoped>

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

@@ -73,7 +73,6 @@ import SupervisionDistribution from '../../components/SupervisionDistribution.vu
 import InterceptionDistribution from '../../components/InterceptionDistribution.vue';
 import { 
   countLanePeakThroughput,
-  countStationHourlyThroughput,
   countSeizureInfoItem,
   countSeizeSubjectCategoryQuantity,
   countSeizureTotalQuantity,
@@ -119,7 +118,7 @@ const countSeizeSubjectCategoryQuantityData = ref([])
 const invokerCountSeizeSubjectCategoryQuantity = () => {
   countSeizeSubjectCategoryQuantity(props.queryParams).then(res => {
     if (res.code === 200 && res.data) {
-      countSeizureInfoItemData.value = res.data || []
+      countSeizeSubjectCategoryQuantityData.value = res.data || []
     }
   })
 }
@@ -128,9 +127,7 @@ const countSeizureTotalQuantityData = ref([])
 const invokerCountSeizureTotalQuantity = () => {
   countSeizureTotalQuantity(props.queryParams).then(res => {
     if (res.code === 200 && res.data) {
-      countSeizureTotalQuantityData.value = res.data || []
-      console.log(countSeizureTotalQuantityData.value);
-      
+      countSeizureTotalQuantityData.value = res.data || []  
     }
   })
 }

src/views/portraitManagement/groupProfile/index.vue

@@ -2,7 +2,7 @@
   <div class="group-profile-page">
     <Page title="安检人事管理可视化大屏" :tabs="['能力画像', '运行数据']" @tab-change="handleTabChange">
       <div style="margin-bottom: 30px;">
-        <SearchBar v-model:visible="searchVisible" @search="handleSearch"  :deptType="'TEAMS'" />
+        <SearchBar v-model:visible="searchVisible" ref="searchBar" @search="handleSearch"  :deptType="'TEAMS'" />
       </div>
       <PentagonGroup :items="pentagonItems" />
       <Profile v-if="activeTab === 0" :query-params="queryParams" />
@@ -13,7 +13,7 @@
 </template>
 
 <script setup>
-import { ref, computed } from 'vue'
+import { ref, computed, onMounted } from 'vue'
 import Page from '../components/page.vue'
 import SearchBar from '../components/SearchBar.vue'
 import Profile from './component/profile.vue'
@@ -159,13 +159,17 @@ const pentagonItems = computed(() => [
 ])
 const groupName = ref('')
 const handleSearch = (params) => {
-  queryParams.value = { startDate: params.beginTime, endDate: params.endTime, groupId: params.groupId}
-  groupName.value = params.groupName
+  queryParams.value = params
 }
 
 const handleTabChange = (index) => {
   activeTab.value = index
 }
+const searchBar = ref(null)
+onMounted(() => {
+  queryParams.value = Object.assign({ groupId: '' }, searchBar.value.getDefQuery())
+})
+
 </script>
 
 <style lang="scss" scoped>

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

@@ -42,12 +42,12 @@
     </div>
 
     <div class="content-row">
-      <SeizedInfo :chartsData="seizedInfoData" />
-      <SeizedItems :chartsData="seizedItemsData" />
+      <SeizedInfo :chartsData="countSeizureInfoItemData" />
+      <SeizedItems :chartsData="countSeizeSubjectCategoryQuantityData" />
     </div>
 
     <div class="content-row">
-      <SeizedNumAll :chartsData="seizedNumAllData" />
+      <SeizedNumAll :chartsData="countSeizureTotalQuantityData" />
       <InfoCard title="每日查获数量（部门对比）">
         <div ref="dailySeizedAreaRef" class="daily-chart"></div>
       </InfoCard>
@@ -56,19 +56,19 @@
 
 
     <div class="content-row">
-      <SeizedWorkArea :chartsData="workAreaDistData" />
+      <SeizedWorkArea :chartsData="countSeizeAreaQuantityData" />
     </div>
 
     <div class="content-row">
-      <EventItems :chartsData="unsafeItemDistData" />
-      <EventType :chartsData="unsafeTypeDistData" />
-      <EventWorkArea :chartsData="unsafePostDistData" />
+      <EventItems :chartsData="countSeizureStatsItemData" />
+      <EventType :chartsData="countSeizureStatsTypeData" />
+      <EventWorkArea :chartsData="countSeizureStatsPostData" />
     </div>
 
     <div class="content-row">
-      <TestItems :chartsData="securityTestItemData" />
-      <TestResult :chartsData="securityTestPassData" />
-      <TestArea :chartsData="securityTestAreaData" />
+      <TestItems :chartsData="securityTestItemClassificationData" />
+      <TestResult :chartsData="securityTestPassingStatusData" />
+      <TestArea :chartsData="securityTestRegionData" />
     </div>
   </div>
 </template>
@@ -87,7 +87,20 @@ 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, securityTestPassingStatus, securityTestRegion } from '@/api/portraitManagement/portraitManagement'
+import {
+  countSeizureInfoItem,
+  countSeizeSubjectCategoryQuantity,
+  countSeizureTotalQuantity,
+  countSeizureSingleQuantity,
+  countSeizeAreaQuantity,
+  countSeizureStatsItem,
+  countSeizureStatsType,
+  countSeizureStatsPost,
+  securityTestItemClassification,
+  securityTestPassingStatus,
+  securityTestRegion,
+
+} from '@/api/portraitManagement/portraitManagement'
 
 const props = defineProps({
   queryParams: {
@@ -141,57 +154,117 @@ const seizedInfoData = [
   { num: 481 }
 ]
 
-const seizedItemsData = ref([])
-const securityTestItemData = ref([])
 
-const fetchSeizedItemsData = async () => {
-  try {
-    const res = await securityTestItemClassification(props.queryParams)
+const countSeizureInfoItemData = ref({ totalSeizeNum: 0, itemList: [] })
+const invokerCountSeizureInfoItem = () => {
+  countSeizureInfoItem(props.queryParams).then(res => {
     if (res.code === 200 && res.data) {
-      securityTestItemData.value = res.data.map(item => ({
-        num: item.total,
-        name: item.name
-      }))
+      countSeizureInfoItemData.value = res.data || { totalSeizeNum: 0, itemList: [] }
     }
-  } catch (error) {
-    console.error('获取安保测试物品分类数据失败', error)
-  }
+  })
 }
-const securityTestPassData = ref([])
-const securityTestAreaData = ref([])
 
-const fetchSecurityTestPassData = async () => {
-  try {
-    const res = await securityTestPassingStatus(props.queryParams)
+const countSeizeSubjectCategoryQuantityData = ref([])
+const invokerCountSeizeSubjectCategoryQuantity = () => {
+  countSeizeSubjectCategoryQuantity(props.queryParams).then(res => {
     if (res.code === 200 && res.data) {
-      securityTestPassData.value = res.data.map(item => ({
-        num: item.total,
-        name: item.name
-      }))
+      countSeizeSubjectCategoryQuantityData.value = res.data || []
     }
-  } catch (error) {
-    console.error('获取安保测试通过情况数据失败', error)
-  }
+  })
 }
 
-const fetchSecurityTestAreaData = async () => {
-  try {
-    const res = await securityTestRegion(props.queryParams)
+const countSeizureTotalQuantityData = ref([])
+const invokerCountSeizureTotalQuantity = () => {
+  countSeizureTotalQuantity(props.queryParams).then(res => {
     if (res.code === 200 && res.data) {
-      securityTestAreaData.value = res.data.map(item => ({
-        num: item.total,
-        name: item.name
-      }))
+      countSeizureTotalQuantityData.value = res.data || []
     }
-  } catch (error) {
-    console.error('获取安保测试区域情况数据失败', error)
-  }
+  })
 }
 
+const countSeizureSingleQuantityData = ref([])
+const invokerCountSeizureSingleQuantity = () => {
+  countSeizureSingleQuantity(props.queryParams).then(res => {
+    if (res.code === 200 && res.data) {
+      countSeizureSingleQuantityData.value = res.data || []
+    }
+  })
+}
+
+const countSeizeAreaQuantityData = ref([])
+const invokerCountSeizeAreaQuantity = () => {
+  countSeizeAreaQuantity(props.queryParams).then(res => {
+    if (res.code === 200 && res.data) {
+      countSeizeAreaQuantityData.value = res.data || []
+    }
+  })
+}
+
+const countSeizureStatsItemData = ref([])
+const invokerCountSeizureStatsItem = () => {
+  countSeizureStatsItem(props.queryParams).then(res => {
+    if (res.code === 200 && res.data) {
+      countSeizureStatsItemData.value = res.data || []
+    }
+  })
+}
+const countSeizureStatsTypeData = ref([])
+const invokerCountSeizureStatsType = () => {
+  countSeizureStatsType(props.queryParams).then(res => {
+    if (res.code === 200 && res.data) {
+      countSeizureStatsTypeData.value = res.data || []
+    }
+  })
+}
+const countSeizureStatsPostData = ref([])
+const invokerCountSeizureStatsPost = () => {
+  countSeizureStatsPost(props.queryParams).then(res => {
+    if (res.code === 200 && res.data) {
+      countSeizureStatsPostData.value = res.data || []
+    }
+  })
+}
+
+const securityTestItemClassificationData = ref([])
+const invokerSecurityTestItemClassification = () => {
+  securityTestItemClassification(props.queryParams).then(res => {
+    if (res.code === 200 && res.data) {
+      securityTestItemClassificationData.value = res.data || []
+    }
+  })
+}
+
+const securityTestPassingStatusData = ref([])
+const invokerSecurityTestPassingStatus = () => {
+    securityTestPassingStatus(props.queryParams).then(res => {
+    if (res.code === 200 && res.data) {
+      securityTestPassingStatusData.value = res.data || []
+    }
+  })
+}
+const securityTestRegionData = ref([])
+const invokerSecurityTestRegion = () => {
+    securityTestRegion(props.queryParams).then(res => {
+    if (res.code === 200 && res.data) {
+      securityTestRegionData.value = res.data || []
+    }
+  })
+}
+
+
+
 const fetchData = () => {
-  fetchSeizedItemsData()
-  fetchSecurityTestPassData()
-  fetchSecurityTestAreaData()
+  invokerCountSeizureInfoItem()
+  invokerCountSeizeSubjectCategoryQuantity()
+  invokerCountSeizureTotalQuantity()
+  invokerCountSeizureSingleQuantity()
+  invokerCountSeizeAreaQuantity()
+  invokerCountSeizureStatsItem()
+  invokerCountSeizureStatsType()
+  invokerCountSeizureStatsPost()
+  invokerSecurityTestItemClassification()
+  invokerSecurityTestPassingStatus()
+  invokerSecurityTestRegion()
 }
 
 watch(() => props.queryParams, () => {

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

@@ -119,7 +119,7 @@ const countSeizeSubjectCategoryQuantityData = ref([])
 const invokerCountSeizeSubjectCategoryQuantity = () => {
   countSeizeSubjectCategoryQuantity(props.queryParams).then(res => {
     if (res.code === 200 && res.data) {
-      countSeizureInfoItemData.value = res.data || []
+      countSeizeSubjectCategoryQuantityData.value = res.data || []
     }
   })
 }
@@ -129,8 +129,6 @@ const invokerCountSeizureTotalQuantity = () => {
   countSeizureTotalQuantity(props.queryParams).then(res => {
     if (res.code === 200 && res.data) {
       countSeizureTotalQuantityData.value = res.data || []
-      console.log(countSeizureTotalQuantityData.value);
-      
     }
   })
 }

src/views/portraitManagement/teamProfile/index.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="group-profile-page">
     <Page title="安检人事管理可视化大屏" :tabs="['能力画像', '运行数据']" @tab-change="handleTabChange">
-      <SearchBar v-model:visible="searchVisible" @search="handleSearch" :deptType="'MANAGER'"/>
+      <SearchBar v-model:visible="searchVisible" ref="searchBar" @search="handleSearch" :deptType="'MANAGER'"/>
       <PentagonGroup :items="pentagonItems" />
       <Profile v-if="activeTab === 0" :query-params="queryParams" />
-      <RunData v-else />
+      <RunData v-else :query-params="queryParams"/>
     </Page>
 
   </div>
@@ -163,6 +163,12 @@ const handleSearch = (params) => {
 const handleTabChange = (index) => {
   activeTab.value = index
 }
+
+const searchBar = ref(null)
+onMounted(() => {
+  queryParams.value = Object.assign({ teamId: '' }, searchBar.value.getDefQuery())
+})
+
 </script>
 
 <style lang="scss" scoped>