34 lines
976 B
Vue
34 lines
976 B
Vue
<script setup lang="ts">
|
|
import { Icon } from "@iconify/vue";
|
|
import { boolean } from "zod/v4";
|
|
|
|
const props = withDefaults(defineProps<{
|
|
item: Record<string, any>;
|
|
}>(), {
|
|
item: () => ({}),
|
|
});
|
|
const emit = defineEmits(['detail']);
|
|
const state = ref(false)
|
|
|
|
</script>
|
|
<template>
|
|
<v-card elevation="10" style="overflow: hidden;min-width: 300px;" @click="state = true">
|
|
<template v-slot:prepend>
|
|
<v-avatar size="50">
|
|
<Icon icon="solar:user-circle-broken" height="32" />
|
|
</v-avatar>
|
|
</template>
|
|
<template v-slot:title>
|
|
<h4>{{ item.display }}</h4>
|
|
<!-- <h3>{{ item.subject.display }}</h3> -->
|
|
</template>
|
|
<!-- <template v-slot:subtitle> </template> -->
|
|
|
|
<!-- <template v-slot:actions>
|
|
<v-btn color="primary" class="ms-auto" @click="emit('detail', props?.item)">Detail</v-btn>
|
|
|
|
</template> -->
|
|
</v-card>
|
|
|
|
<MasterDialogModal v-if="state" :stateValue="state" @stateValue="val => state = val" />
|
|
</template> |