u

code/allapp/allapp-rn/src/app/money/analysis/index.tsx

@@ -2,7 +2,6 @@ import type { AnalysisMoneyAmount } from '@/types/money/analysis'
 import dayjs from 'dayjs'
 import { useEffect, useState } from 'react'
 import { ScrollView, Text, TouchableOpacity, View } from 'react-native'
-import Svg from 'react-native-svg'
 import { VictoryChart, VictoryLabel, VictoryLine, VictoryPie, VictoryTheme, VictoryTooltip } from 'victory-native'
 import { ADatePicker, ADateRangePicker, ASegmentedTabs, LucideIcon } from '@/components/common/ao'
 import EmptyState from '@/components/common/EmptyStatus'
@@ -10,6 +9,7 @@ import CustomHeader from '@/components/custom/Header'
 import PagerTabs from '@/components/custom/PagerTabs'
 import { analysisMoneyLineApi, analysisMoneyPieApi } from '@/request/api/money/analysis'
 import { MoneyCategoryEnum } from '@/types/money/category'
+import { add } from '@/utils/math'
 import { getCurrentYear, getCurrentYearMonth, getEndOfMonth, getStartOfMonth } from '@/utils/time'
 
 interface AnalysisContentProps {
@@ -55,10 +55,6 @@ export default function Analysis() {
         periodType = 1
       }
       else {
-        console.log(selectedStartDate.isSame(selectedEndDate, 'day'))
-        console.log(selectedStartDate.isSame(selectedEndDate, 'month'))
-        console.log(selectedStartDate.isSame(selectedEndDate, 'year'))
-
         if (selectedStartDate.isSame(selectedEndDate, 'month')) {
           periodType = 0
           start = selectedStartDate.startOf('month').format('YYYY-MM-DD')
@@ -98,6 +94,10 @@ export default function Analysis() {
         }
       })
     }
+    const totalAmount: number = pieRecords.reduce(
+      (sum, item) => Number(add(sum, Number(item.y) || 0)),
+      0,
+    )
 
     useEffect(() => {
       fetchChartsData()
@@ -190,16 +190,24 @@ export default function Analysis() {
         </View>
 
         <View className="mt-4" style={{ paddingBottom: 24 }}>
-          <Text className="text-lg font-semibold text-gray-700">分类详细</Text>
+          <View className="flex flex-row justify-between">
+            <Text className="text-lg font-semibold text-gray-700">分类详细</Text>
+            <Text>
+              总：
+              {totalAmount}
+              {' '}
+              元
+            </Text>
+          </View>
 
           {
             pieRecords.length > 0
               ? (
-                  <View className="mt-4 space-y-3">
+                  <View className="mt-4 flex flex-col gap-2">
                     {pieRecords.map((item, index) => (
                       <View
                         key={index}
-                        className={`flex flex-row justify-between items-center p-3 bg-white shadow-md rounded-lg ${index !== pieRecords.length - 1 ? 'border-b border-gray-300' : ''}`}
+                        className="flex flex-row justify-between items-center py-3 border-b border-gray-300"
                       >
                         <Text className="text-base font-medium text-gray-800">{item.x}</Text>
                         <Text className="text-base font-semibold text-gray-700">