From 89f387786da0e4383cf06ee162526db54971f9cf Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 23 十月 2025 15:21:16 +0800
Subject: [PATCH] fix: s
---
src/views/Home/Home.vue | 162 ++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 146 insertions(+), 16 deletions(-)
diff --git a/src/views/Home/Home.vue b/src/views/Home/Home.vue
index 743c705..b5419c2 100644
--- a/src/views/Home/Home.vue
+++ b/src/views/Home/Home.vue
@@ -1,34 +1,164 @@
<template>
<LoadingLayout :loading="isLoading">
<AppContainer>
- <ChunkCell title="寰呭鐞�"> </ChunkCell>
- <ChunkCell title="鏁版嵁鐪嬫澘"> </ChunkCell>
+ <ChunkCell title="寰呭鐞�">
+ <div class="data-board-card-list">
+ <DataBoardCard title="鐢虫姤寰呭鏍�" :contentBetween="true">
+ <DataBoardCardPrice
+ :value="detail?.waitCheckEnterpriseNumber ?? 0"
+ :isInline="true"
+ :useThousand="false"
+ unit=""
+ />
+ <el-button type="primary" link @click="goToAudit">鍘诲鏍�</el-button>
+ </DataBoardCard>
+ <DataBoardCard title="濂栧姳閲戝緟鐧昏" :contentBetween="true">
+ <DataBoardCardPrice
+ :isInline="true"
+ :value="detail?.waitForSettleRewardNumber ?? 0"
+ :useThousand="false"
+ unit=""
+ />
+ <el-button type="primary" link @click="goToGrant">鍘诲彂鏀�</el-button>
+ </DataBoardCard>
+ <DataBoardCard title="鎻愮幇寰呭鎵�" :contentBetween="true">
+ <DataBoardCardPrice
+ :isInline="true"
+ :value="detail?.waitForSettleRewardNumber ?? 0"
+ :useThousand="false"
+ unit=""
+ />
+ <el-button type="primary" link @click="goToWithdrawalApproval">鍘诲鎵�</el-button>
+ </DataBoardCard>
+ <DataBoardCard title="鍑鸿处寰呭鎵�" :contentBetween="true">
+ <DataBoardCardPrice
+ :isInline="true"
+ :value="detail?.waitForSettleRewardNumber ?? 0"
+ :useThousand="false"
+ unit=""
+ />
+ <el-button type="primary" link @click="goToRewardApplyTradeCheck">鍘诲鎵�</el-button>
+ </DataBoardCard>
+ <DataBoardCard title="璐㈠姟寰呭鏍�" :contentBetween="true">
+ <DataBoardCardPrice
+ :isInline="true"
+ :value="detail?.waitForSettleRewardNumber ?? 0"
+ :useThousand="false"
+ unit=""
+ />
+ <el-button type="primary" link @click="goToFinancialApproval">鍘诲鏍�</el-button>
+ </DataBoardCard>
+ </div>
+ </ChunkCell>
+ <ChunkCell title="鏁版嵁鐪嬫澘">
+ <div class="data-board-card-list">
+ <DataBoardCard title="绱宸插鏍镐紒涓�">
+ <DataBoardCardPrice
+ :value="detail?.accumulatedCheckEnterpriseNumber ?? 0"
+ :useThousand="false"
+ unit="瀹�"
+ />
+ </DataBoardCard>
+ <DataBoardCard title="绱宸插鏍搁�氳繃浼佷笟">
+ <DataBoardCardPrice
+ :value="detail?.accumulatedCheckPassEnterpriseNumber ?? 0"
+ :useThousand="false"
+ unit="瀹�"
+ />
+ </DataBoardCard>
+ <DataBoardCard title="绱鏈鏍搁�氳繃浼佷笟">
+ <DataBoardCardPrice
+ :value="detail?.accumulatedCheckRejectEnterpriseNumber ?? 0"
+ :useThousand="false"
+ unit="瀹�"
+ />
+ </DataBoardCard>
+ <DataBoardCard title="绱宸插彂鏀�">
+ <DataBoardCardPrice :value="detail?.accumulatedHasSettleRewardAmount ?? 0" unit="鍏�" />
+ </DataBoardCard>
+ <DataBoardCard title="绱寰呭彂鏀�">
+ <DataBoardCardPrice
+ :value="detail?.accumulatedWaitForSettleRewardAmount ?? 0"
+ unit="鍏�"
+ />
+ </DataBoardCard>
+ <DataBoardCard title="绱宸蹭娇鐢�">
+ <DataBoardCardPrice :value="detail?.accumulatedUsedRewardAmount ?? 0" unit="鍏�" />
+ </DataBoardCard>
+ </div>
+ </ChunkCell>
</AppContainer>
</LoadingLayout>
</template>
<script setup lang="ts">
-import {
- ProForm,
- ProFormItemV2,
- ProFormSelect,
- ProFormText,
- ProFormCol,
- ProFormColItem,
- ProFormInputNumber,
- ProFormTextArea,
- ProFormRadio,
- ChunkCell,
- AppScrollContainer,
-} from '@bole-core/components';
+import { AppContainer, ChunkCell } from '@bole-core/components';
+import DataBoardCard from '@/components/DataBoardCard/DataBoardCard.vue';
+import DataBoardCardPrice from '@/components/DataBoardCard/DataBoardCardPrice.vue';
+import * as parkBountyApplyServices from '@/services/api/ParkBountyApply';
+import { useQuery, useQueryClient } from '@tanstack/vue-query';
defineOptions({
name: 'Home',
});
-const isLoading = ref(false);
+const router = useRouter();
+
+const { data: detail, isLoading } = useQuery({
+ queryKey: ['parkBountyApplyServices/getGoverDataBoard'],
+ queryFn: async () => {
+ return await parkBountyApplyServices.getGoverDataBoard({
+ showLoading: false,
+ });
+ },
+ placeholderData: () => ({} as API.GetGoverDataBoardOutput),
+});
+
+function goToAudit() {
+ router.push({
+ name: 'MaterialReviewList',
+ });
+}
+function goToGrant() {
+ router.push({
+ name: 'RewardGrant',
+ });
+}
+
+function goToWithdrawalApproval() {
+ router.push({
+ name: 'WithdrawalApproval',
+ });
+}
+
+function goToRewardApplyTradeCheck() {
+ router.push({
+ name: 'RewardApplyTradeCheck',
+ });
+}
+
+function goToFinancialApproval() {
+ router.push({
+ name: 'FinancialApproval',
+ });
+}
+
+const queryClient = useQueryClient();
+
+onMounted(async () => {
+ await queryClient.ensureQueryData({
+ queryKey: ['parkBountyApplyServices/getGoverDataBoard'],
+ });
+});
</script>
<style lang="scss" scoped>
@use '@/style/common.scss' as *;
+
+.data-board-card-list {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ grid-gap: 40px;
+ padding: 20px;
+}
</style>
--
Gitblit v1.9.1