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

refactor: worker select & employee nationality

Browse source
This commit is contained in:
puriphatt 2024-10-03 18:10:40 +07:00
parent 8006314ce4
commit 9d745d8e52
5 changed files with 100 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/05_quotation/WorkerItem.vue
View file

@ -9,6 +9,7 @@ defineEmits<{
withDefaults(
defineProps<{
employeeAmount: number;
fallbackImg?: string;
rows: {
foreignRefNo: string;
employeeName: string;
@ -92,7 +93,11 @@ const columns = [
>
<template v-slot:img-column="{ props }">
<q-avatar class="q-mr-sm" size="md">
<q-img :src="props.row.imgUrl"></q-img>
<q-img :src="props.row.imgUrl" class="full-height full-width">
<template #error>
<q-img :src="fallbackImg" :ratio="1" />
</template>
</q-img>
<div
class="absolute-bottom-right"
style="
@ -121,7 +126,7 @@ const columns = [
class="surface-tab bordered rounded flex items-center justify-center q-mx-md"
style="width: 30px; height: 30px"
>
{{ employeeAmount }}
{{ employeeAmount || '0' }}
</div>
</div>
</div>