kidshift/kidshift-web
3
0
Fork 0
mirror of https://github.com/r-ca/kidshift-web.git synced 2024-10-25 16:34:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

props変更

Browse Source
This commit is contained in:
rca 2024-07-21 17:38:34 +09:00
parent d82c065920
commit ec75e80f8e
1 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/WalletComponent.vue
View File

@ -1,7 +1,7 @@
<template>
<q-page>
<TotalComponent :amount="paymentAmount" />
<HistoryComponent :tasks="pastTasks" />
<TotalComponent :tasks=tasks />
<HistoryComponent :tasks=tasks />
</q-page>
</template>
@ -9,6 +9,8 @@
import TotalComponent from 'components/TotalComponent.vue';
import HistoryComponent from 'components/HistoryComponent.vue';
import { getHistory } from 'src/api/apiService';
import { TaskBaseItem } from 'src/models/task';
import { ref } from 'vue';
// Props の型定義
interface Props {
@ -18,16 +20,10 @@ interface Props {
// Props の取得
const props = defineProps<Props>();
const tasks = ref([] as TaskBaseItem[]);
getHistory(props.childId).then((res) => {
console.log(res);
tasks.value = res.list;
});
// 仮置きデータ
const paymentAmount = 500; // お手伝いの報酬
const pastTasks = [
{ name: '皿洗い', date: '2024-07-15', amount: 200 },
{ name: '掃除', date: '2024-07-14', amount: 300 },
{ name: '洗濯', date: '2024-07-13', amount: 250 },
]
</script>