refactor: 首页统计

packages/@core/ui-kit/shadcn-ui/src/components/count-to-animator/count-to-animator.vue

@@ -17,6 +17,7 @@ interface Props {
   startVal?: number;
   suffix?: string;
   transition?: keyof typeof TransitionPresets;
+  unit?: string;
   useEasing?: boolean;
 }
 
@@ -29,6 +30,7 @@ const props = withDefaults(defineProps<Props>(), {
   decimals: 0,
   duration: 1500,
   endVal: 2021,
+  unit: '',
   prefix: '',
   separator: ',',
   startVal: 0,
@@ -122,7 +124,5 @@ function formatNumber(num: number | string) {
 defineExpose({ reset });
 </script>
 <template>
-  <span :style="{ color }">
-    {{ value }}
-  </span>
+  <span :style="{ color }"> {{ value }}{{ unit }} </span>
 </template>

packages/effects/common-ui/src/ui/dashboard/analysis/analysis-overview.vue

@@ -4,7 +4,6 @@ import type { AnalysisOverviewItem } from '../typing';
 import {
   Card,
   CardContent,
-  CardFooter,
   CardHeader,
   CardTitle,
   VbenCountToAnimator,
@@ -24,7 +23,7 @@ withDefaults(defineProps<Props>(), {
 </script>
 
 <template>
-  <div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-5">
+  <div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-6">
     <template v-for="item in items" :key="item.title">
       <Card :title="item.title" class="w-full">
         <CardHeader>
@@ -35,20 +34,21 @@ withDefaults(defineProps<Props>(), {
           <VbenCountToAnimator
             :end-val="item.value"
             :start-val="1"
+            :unit="item.title === '签单率' ? '%' : ''"
             class="text-xl"
             prefix=""
           />
           <!-- <VbenIcon :icon="item.icon" class="size-8 flex-shrink-0" /> -->
           <span :class="item.icon"></span>
         </CardContent>
-        <CardFooter class="justify-between">
+        <!-- <CardFooter class="justify-between">
           <span>{{ item.totalTitle }}</span>
           <VbenCountToAnimator
             :end-val="item.totalValue"
             :start-val="1"
             prefix=""
           />
-        </CardFooter>
+        </CardFooter> -->
       </Card>
     </template>
   </div>