From 54d5eab23e2b74273ad59194ebc5063e95ea5637 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期三, 03 十二月 2025 11:20:14 +0800
Subject: [PATCH] fix: s
---
src/views/DataBoard/components/DataBoardCenterDataContent.vue | 56 ++++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 48 insertions(+), 8 deletions(-)
diff --git a/src/views/DataBoard/components/DataBoardCenterDataContent.vue b/src/views/DataBoard/components/DataBoardCenterDataContent.vue
index 6357cdf..87ab6f9 100644
--- a/src/views/DataBoard/components/DataBoardCenterDataContent.vue
+++ b/src/views/DataBoard/components/DataBoardCenterDataContent.vue
@@ -1,18 +1,18 @@
<template>
<div class="data-board-home-content-center-top">
<DataBoardCenterDataItem
- :value="detail?.currentMonthSumBountyReleaseAmount"
- label="褰撴湀鍙戞斁棰�"
+ v-model:value="currentMonthSumBountyReleaseAmountValue"
+ label="涓婃湀鍙戞斁棰�"
:image="DataBoardCenterIcon1"
></DataBoardCenterDataItem>
<DataBoardCenterDataItem
- :value="detail?.currentMonthSumBountyUseAmount"
- label="褰撴湀浣跨敤棰�"
+ v-model:value="currentMonthSumBountyUseAmountValue"
+ label="涓婃湀浣跨敤棰�"
:image="DataBoardCenterIcon2"
></DataBoardCenterDataItem>
<DataBoardCenterDataItem
- :value="detail?.currentMonthInsurePeopleCount"
- label="褰撴湀鎶曚繚浜烘暟"
+ v-model:value="currentMonthInsurePeopleCountValue"
+ label="涓婃湀鎶曚繚浜烘暟"
:precision="0"
:image="DataBoardCenterIcon3"
></DataBoardCenterDataItem>
@@ -24,13 +24,53 @@
import DataBoardCenterIcon2 from '@/assets/dataBoard/data-board-center-icon2.png';
import DataBoardCenterIcon3 from '@/assets/dataBoard/data-board-center-icon3.png';
import DataBoardCenterDataItem from './DataBoardCenterDataItem.vue';
-import { useGetDataBoardOverview } from '../hooks';
+import * as dataBoardServices from '@/services/api/DataBoard';
+import { useQuery } from '@tanstack/vue-query';
+import { useIntervalValue } from '../hooks';
defineOptions({
name: 'DataBoardCenterDataContent',
});
-const { detail } = useGetDataBoardOverview();
+const form = reactive({
+ currentMonthSumBountyReleaseAmount: 0,
+ currentMonthSumBountyUseAmount: 0,
+ currentMonthInsurePeopleCount: 0,
+});
+
+const { data: detail, isLoading } = useQuery({
+ queryKey: ['dataBoardServices/getDataBoardOverview'],
+ queryFn: async () => {
+ return await dataBoardServices.getDataBoardOverview(
+ {},
+ {
+ showLoading: false,
+ }
+ );
+ },
+ placeholderData: () => ({} as API.GetDataBoardOverviewOutput),
+ onSuccess(data) {
+ form.currentMonthSumBountyReleaseAmount = data.currentMonthSumBountyReleaseAmount;
+ changeCurrentMonthSumBountyReleaseAmount(data.currentMonthSumBountyReleaseAmount);
+ form.currentMonthSumBountyUseAmount = data.currentMonthSumBountyUseAmount;
+ changeCurrentMonthSumBountyUseAmount(data.currentMonthSumBountyUseAmount);
+ form.currentMonthInsurePeopleCount = data.currentMonthInsurePeopleCount;
+ changeCurrentMonthInsurePeopleCount(data.currentMonthInsurePeopleCount);
+ },
+});
+
+const {
+ value: currentMonthSumBountyReleaseAmountValue,
+ changeValue: changeCurrentMonthSumBountyReleaseAmount,
+} = useIntervalValue(form.currentMonthSumBountyReleaseAmount);
+const {
+ value: currentMonthSumBountyUseAmountValue,
+ changeValue: changeCurrentMonthSumBountyUseAmount,
+} = useIntervalValue(form.currentMonthSumBountyUseAmount);
+const {
+ value: currentMonthInsurePeopleCountValue,
+ changeValue: changeCurrentMonthInsurePeopleCount,
+} = useIntervalValue(form.currentMonthInsurePeopleCount);
</script>
<style lang="scss" scoped>
--
Gitblit v1.9.1