jws-frontend/src/components/NoData.vue

31 lines
595 B
Vue
Raw Normal View History

<script setup lang="ts">
defineProps<{
size?: number;
2024-08-22 16:36:56 +07:00
text?: string;
2024-06-18 11:45:45 +00:00
useField?: boolean;
2024-06-28 02:37:37 +00:00
notFound?: boolean;
}>();
</script>
<template>
<div>
<q-img
src="no-data.png"
:style="{
height: size ? `${size}px` : '120px',
width: size ? `${size + 2}px` : '123px',
}"
/>
2024-06-18 11:45:45 +00:00
<div class="app-text-muted text-center">
2024-08-22 16:36:56 +07:00
{{
text
? text
: notFound
2024-08-26 16:24:08 +07:00
? $t('general.notFound')
2024-08-22 16:36:56 +07:00
: useField
2024-08-26 16:24:08 +07:00
? $t('general.noField')
: $t('general.noData')
2024-08-22 16:36:56 +07:00
}}
2024-06-18 11:45:45 +00:00
</div>
</div>
</template>