From ead4078079a71bbef43ffc22a7ea7fb0f4039bf0 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期五, 28 十一月 2025 17:36:28 +0800
Subject: [PATCH] fix: bug
---
src/views/DataBoard/components/DataBoardCenterDataContent.vue | 86 +++++++++++++++++++++++++++++++++++++++++++
1 files changed, 86 insertions(+), 0 deletions(-)
diff --git a/src/views/DataBoard/components/DataBoardCenterDataContent.vue b/src/views/DataBoard/components/DataBoardCenterDataContent.vue
new file mode 100644
index 0000000..d7ff949
--- /dev/null
+++ b/src/views/DataBoard/components/DataBoardCenterDataContent.vue
@@ -0,0 +1,86 @@
+<template>
+ <div class="data-board-home-content-center-top">
+ <DataBoardCenterDataItem
+ v-model:value="currentMonthSumBountyReleaseAmountValue"
+ label="褰撴湀鍙戞斁棰�"
+ :image="DataBoardCenterIcon1"
+ ></DataBoardCenterDataItem>
+ <DataBoardCenterDataItem
+ v-model:value="currentMonthSumBountyUseAmountValue"
+ label="褰撴湀浣跨敤棰�"
+ :image="DataBoardCenterIcon2"
+ ></DataBoardCenterDataItem>
+ <DataBoardCenterDataItem
+ v-model:value="currentMonthInsurePeopleCountValue"
+ label="褰撴湀鎶曚繚浜烘暟"
+ :precision="0"
+ :image="DataBoardCenterIcon3"
+ ></DataBoardCenterDataItem>
+ </div>
+</template>
+
+<script setup lang="ts">
+import DataBoardCenterIcon1 from '@/assets/dataBoard/data-board-center-icon1.png';
+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 * as dataBoardServices from '@/services/api/DataBoard';
+import { useQuery } from '@tanstack/vue-query';
+import { useIntervalValue } from '../hooks';
+
+defineOptions({
+ name: 'DataBoardCenterDataContent',
+});
+
+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>
+@use '@/style/common.scss' as *;
+
+.data-board-home-content-center-top {
+ display: grid;
+ margin-bottom: 6px;
+ padding: 0 20px;
+ grid-template-columns: repeat(3, 1fr);
+ grid-column-gap: 16px;
+}
+</style>
--
Gitblit v1.9.1