chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: personCard emit

Browse source
This commit is contained in:
puriphatt 2024-04-10 13:58:14 +07:00
parent 075d9cfe1a
commit 44b3fa97aa
1 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/home/PersonCard.vue
View file

@ -7,6 +7,7 @@ import { Icon } from '@iconify/vue';
defineProps<{ defineProps<{
list: { list: {
id: string;
name: string; name: string;
detail: { label: string; value: string }[]; detail: { label: string; value: string }[];
male?: boolean; male?: boolean;
@ -18,6 +19,11 @@ defineProps<{
detailColumnCount?: number; detailColumnCount?: number;
}>(); }>();
defineEmits<{
(e: 'deleteCard', id: string): void;
(e: 'updateCard', id: string): void;
}>();
const status = ref(false); const status = ref(false);
</script> </script>
@ -55,7 +61,11 @@ const status = ref(false);
{{ $t('edit') }} {{ $t('edit') }}
</q-item-section> </q-item-section>
</q-item> </q-item>
<q-item clickable v-close-popup> <q-item
clickable
@click="$emit('deleteCard', v.id)"
v-close-popup
>
<q-item-section class="col-4"> <q-item-section class="col-4">
<q-icon <q-icon
class="full-width" class="full-width"