This commit is contained in:
oneao committed 2026-01-19 22:12:28 +08:00
1 parent 1934225c53
commit e51f4948d4
10 files changed
+89 -66

No files matched your search

@@ -129,6 +129,9 @@ func TimestampToMillis(ts pgtype.Timestamp) int64 {
return ts.Time.UnixMilli()
}
func DateToString(s pgtype.Date) string {
return s.Time.String()
func DateToString(d pgtype.Date) string {
if !d.Valid {
return ""
}
return d.Time.Format("2006-01-02")
}
@@ -1,4 +1,4 @@
import type { MoneyRecordGroup, MoneyRecordItem } from '@/types/money/record'
import type { MoneyRecord, MoneyRecordGroup } from '@/types/money/record'
import React, { useCallback, useState } from 'react'
import { RefreshControl, SectionList, Text, TouchableHighlight, Vibration, View } from 'react-native'
import {
@@ -11,11 +11,13 @@ import {
import { LucideIcon } from '@/components/common/ao'
import EmptyState from '@/components/common/EmptyStatus'
import MoneyCategoryIcon from '@/components/common/MoneyCategoryIcon'
import { useMoneyCategoryStore } from '@/store/moneyCategory'
import { useUserStore } from '@/store/user'
import { MoneyCategoryEnum } from '@/types/money/category'
interface StaticTransactionsProps {
records: MoneyRecordGroup[]
onUpdate?: (data: MoneyRecordItem) => void
onUpdate?: (data: MoneyRecord) => void
onDelete?: (id: number) => void
onDetail?: (id: number) => void
onRefreshData?: () => void
@@ -30,6 +32,7 @@ export default function StaticTransactions({
onLoadMore,
onRefreshData,
}: StaticTransactionsProps) {
const moneyCategoryStore = useMoneyCategoryStore()
const userID = useUserStore().userInfo?.id
const [refreshing, setRefreshing] = useState(false)
const [loadingMore, setLoadingMore] = useState(false)
@@ -119,6 +122,7 @@ export default function StaticTransactions({
)}
renderItem={({ item }) => {
const category = moneyCategoryStore.getCategoryById(item.category_id)
return (
<Menu
renderer={renderers.Popover}
@@ -146,12 +150,12 @@ export default function StaticTransactions({
}}
>
<View className="relative w-10 h-10 rounded-full bg-gray-100 items-center justify-center">
<MoneyCategoryIcon name={item.category_icon} size={24} color="#000" />
<MoneyCategoryIcon name={category?.icon} size={24} color="#000" />
</View>
<View className="flex-1">
<Text className="text-gray-800 text-base">
{item.remark ? item.remark : item.category_name}
{item.remark ? item.remark : category?.name}
</Text>
{
item.user_id !== userID && (
@@ -166,7 +170,7 @@ export default function StaticTransactions({
<Text
className="text-sm text-gray-600 text-right"
>
{item.category_type === 1 ? '+' : '-'}
{category?.type === MoneyCategoryEnum.Income ? '+' : '-'}
{' '}
{item.amount}
</Text>
@@ -34,6 +34,7 @@ export default function Money() {
record_time: searchParams.record_time,
}).then((res) => {
if (res.isSuccess) {
console.log(res.data.records)
moneyRecordStore.setRecords(res.data.records, searchParams.record_time)
}
else {
@@ -62,7 +63,7 @@ export default function Money() {
}
}, []),
)
return (
<View
className="flex-1"
@@ -49,6 +49,12 @@ export default function CreateCategory({
useEffect(() => {
setIsOpen(open)
if (!open) {
setForm({
icon: '',
name: '',
})
}
}, [open])
useEffect(() => {
@@ -67,13 +73,12 @@ export default function CreateCategory({
}, [category])
function handleClose() {
setIsOpen(false)
onClose && onClose()
setForm({
icon: '',
name: '',
})
setIsOpen(false)
onClose && onClose()
}
return (
@@ -99,6 +99,8 @@ export default function MoneyCategorySetting() {
sort_number: 0,
type: selectedTab,
})
scrollableRef.current?.scrollToEnd({ animated: true })
}
setshowEditCategory(false)
@@ -4,14 +4,18 @@ import { Text, View } from 'react-native'
import { AButton, ACell, ACellGroup, AModal } from '@/components/common/ao'
import MoneyCategoryIcon from '@/components/common/MoneyCategoryIcon'
import CustomHeader from '@/components/custom/Header'
import { useMoneyCategoryStore } from '@/store/moneyCategory'
import { useMoneyRecordStore } from '@/store/moneyRecord'
import { useUserStore } from '@/store/user'
import { MoneyCategoryEnum } from '@/types/money/category'
import { toDateString, toDateTimeString } from '@/utils/time'
export default function MoneyRecordDetail() {
const router = useRouter()
const moneyRecordStore = useMoneyRecordStore()
const moneyCategoryStore = useMoneyCategoryStore()
const userStore = useUserStore()
const { id: detailId } = useLocalSearchParams<{ id: string }>()
const moneryRecord = moneyRecordStore.getMoneyRecordById(Number(detailId))
@@ -22,18 +26,20 @@ export default function MoneyRecordDetail() {
return null
}
const moneyCategory = moneyCategoryStore.getCategoryById(moneryRecord.category_id)
return (
<>
<View className="flex-1">
<CustomHeader title="账单详情" />
<View className="flex-1">
<View className="flex flex-col items-center">
<MoneyCategoryIcon name={moneryRecord.category_icon} size={56} />
<Text className="mt-1">{moneryRecord.category_name}</Text>
<MoneyCategoryIcon name={moneyCategory?.icon} size={56} />
<Text className="mt-1">{moneyCategory?.name}</Text>
</View>
<ACellGroup showDivider={false} className="mt-4">
<ACell title="类别" rightText={moneryRecord.category_type === 0 ? '支出' : '收入'} />
<ACell title="类别" rightText={moneyCategory?.type === MoneyCategoryEnum.Expense ? '支出' : '收入'} />
<ACell title="金额" rightText={moneryRecord.amount} />
<ACell title="备注" rightText={moneryRecord.remark} />
<ACell title="日期" rightText={toDateString(moneryRecord.record_time)} />
@@ -1,5 +1,5 @@
import type { MoneyCategoryItem } from '@/types/money/category'
import type { MoneyRecordBase, MoneyRecordItem } from '@/types/money/record'
import type { MoneyRecord } from '@/types/money/record'
import { useLocalSearchParams, useRouter } from 'expo-router'
import { useEffect, useState } from 'react'
import { Text, TouchableOpacity, View } from 'react-native'
@@ -28,21 +28,19 @@ export default function MoenyRecordEditor() {
// 选中分类
const [selectedCategory, setSelectedCategory] = useState<MoneyCategoryItem | null>(null)
// 记账记录
const defaultMoneyRecord: MoneyRecordBase = {
const defaultMoneyRecord: MoneyRecord = {
id: -1,
category_id: -1,
username: '',
category_icon: '',
category_name: '',
category_type: 0,
user_id: -1,
amount: '0.00',
remark: '',
record_time: getCurrentDate(),
create_time: '',
create_time: 0,
update_time: 0,
}
const [moneyRecord, setMoneyRecord] = useState<MoneyRecordBase>(defaultMoneyRecord)
const [moneyRecord, setMoneyRecord] = useState<MoneyRecord>(defaultMoneyRecord)
useEffect(() => {
if (updateId) {
@@ -90,12 +88,9 @@ export default function MoenyRecordEditor() {
record_time: moneyRecord.record_time,
}).then((res) => {
if (res.isSuccess) {
const result: MoneyRecordItem = {
const result: MoneyRecord = {
...moneyRecord,
category_id: selectedCategory.id,
category_type: selectedCategory.type,
category_name: selectedCategory.name,
category_icon: selectedCategory.icon,
}
moneyRecordStore.updateMoneyRecord(result)
@@ -115,12 +110,9 @@ export default function MoenyRecordEditor() {
})
.then((res) => {
if (res.isSuccess) {
const result: MoneyRecordItem = {
const result: MoneyRecord = {
...res.data,
category_id: selectedCategory.id,
category_type: selectedCategory.type,
category_name: selectedCategory.name,
category_icon: selectedCategory.icon,
}
moneyRecordStore.addMoneyRecord(result)
@@ -96,7 +96,12 @@ export const useMoneyCategoryStore = create<MoneyCategoryStore>()(
categories: [],
setCategories: categories => set({ categories }),
setCategories: categories =>
set({
categories: [...categories].sort(
(a, b) => (a.sort_number ?? 0) - (b.sort_number ?? 0),
),
}),
init: async () => {
try {
@@ -120,14 +125,10 @@ export const useMoneyCategoryStore = create<MoneyCategoryStore>()(
},
getExpenseCategories: () =>
(get().categories || [])
.filter(c => c.type === MoneyCategoryEnum.Expense)
.sort((a, b) => (a.sort_number ?? 0) - (b.sort_number ?? 0)),
get().categories.filter(c => c.type === MoneyCategoryEnum.Expense),
getIncomeCategories: () =>
(get().categories || [])
.filter(c => c.type === MoneyCategoryEnum.Income)
.sort((a, b) => (a.sort_number ?? 0) - (b.sort_number ?? 0)),
get().categories.filter(c => c.type === MoneyCategoryEnum.Income),
getCategoryById: (id: number) => {
return get().categories.find(c => c.id === id) || null
+32 -12
View File
@@ -1,9 +1,10 @@
import type { MoneyRecordGroup, MoneyRecordItem } from '@/types/money/record'
import type { MoneyRecord, MoneyRecordGroup } from '@/types/money/record'
import { create } from 'zustand'
import { deleteMoneyRecordApi } from '@/request/api/money/record'
import { MoneyCategoryEnum } from '@/types/money/category'
import { add, sub } from '@/utils/math'
import { isInMonth } from '@/utils/time'
import { useMoneyCategoryStore } from './moneyCategory'
interface MoneyRecordStore {
records: MoneyRecordGroup[]
@@ -14,30 +15,47 @@ interface MoneyRecordStore {
getTotalExpense: () => string
getTotalBalance: () => string
setRecords: (records: MoneyRecordGroup[], month: string) => void
setRecords: (records: MoneyRecord[], month: string) => void
setCurrentMonth: (month: string) => void
addMoneyRecord: (data: MoneyRecordItem) => void
updateMoneyRecord: (updated: MoneyRecordItem) => void
addMoneyRecord: (data: MoneyRecord) => void
updateMoneyRecord: (updated: MoneyRecord) => void
deleteMoneyRecord: (id: number) => void
getMoneyRecordById: (id: number) => MoneyRecordItem | null
getMoneyRecordById: (id: number) => MoneyRecord | null
}
function recomputeGroups(records: MoneyRecordItem[]) {
function recomputeGroups(records: MoneyRecord[]) {
const { getCategoryById } = useMoneyCategoryStore.getState()
const groupsMap: Record<string, MoneyRecordGroup> = {}
records.forEach((r) => {
const group = groupsMap[r.record_time] ?? { record_time: r.record_time, records: [], income: '0.00', expense: '0.00' }
const category = getCategoryById(r.category_id)
if (!category)
return
const group = groupsMap[r.record_time] ?? {
record_time: r.record_time,
records: [],
income: '0.00',
expense: '0.00',
}
group.records.push(r)
if (r.category_type === MoneyCategoryEnum.Expense)
if (category.type === MoneyCategoryEnum.Expense)
group.expense = add(group.expense, r.amount)
if (r.category_type === MoneyCategoryEnum.Income)
if (category.type === MoneyCategoryEnum.Income)
group.income = add(group.income, r.amount)
groupsMap[r.record_time] = group
})
return Object.values(groupsMap).sort((a, b) => b.record_time.localeCompare(a.record_time))
return Object.values(groupsMap).sort((a, b) =>
b.record_time.localeCompare(a.record_time),
)
}
export const useMoneyRecordStore = create<MoneyRecordStore>((set, get) => ({
@@ -59,8 +77,10 @@ export const useMoneyRecordStore = create<MoneyRecordStore>((set, get) => ({
/* ---------------- base ---------------- */
setRecords: (records, month) => {
const flatRecords = records.flatMap(g => g.records)
const newGroups = recomputeGroups(flatRecords)
const filtered = records.filter(r =>
isInMonth(r.record_time, month),
)
const newGroups = recomputeGroups(filtered)
set({ records: newGroups, currentMonth: month })
},
@@ -1,19 +1,16 @@
// types/money/record.ts
// 基础记录
export interface MoneyRecordBase {
export interface MoneyRecord {
id: number
category_id: number
category_type: number
category_name: string
category_icon: string
user_id: number
username: string
category_id: number
amount: string
remark: string
record_time: string
create_time: string
update_time?: string
create_time: number
update_time: number
}
// 查询条件(请求参数)
@@ -21,24 +18,16 @@ export interface QueryMoneyRecordsParams {
record_time: string
}
// 查询结果的记录
export interface MoneyRecordItem extends MoneyRecordBase {
}
// 分组 & 查询结果
export interface MoneyRecordGroup {
record_time: string
expense: string
income: string
records: MoneyRecordItem[]
records: MoneyRecord[]
}
export interface QueryMoneyRecordsResult {
records: MoneyRecordGroup[]
total_income: string
total_expense: string
total_balance: string
records: MoneyRecord[]
}
// 新增请求参数
@@ -49,7 +38,7 @@ export interface InsertMoneyRecordParams {
record_time: string
}
export interface InsertMoneyRecordResult extends MoneyRecordBase {}
export interface InsertMoneyRecordResult extends MoneyRecord {}
// 更新
export interface UpdateMoneyRecordParams {