refactor: improve responsible person display in TableRequestList component

This commit is contained in:
puriphatt 2025-01-29 10:50:56 +07:00
parent 5c5e9fac63
commit f409e31cc0

View file

@ -265,11 +265,12 @@ function getEmployeeName(
@cancel="$emit('delete', props.row)" @cancel="$emit('delete', props.row)"
> >
<template v-slot:responsiblePerson="{ props: subProps }"> <template v-slot:responsiblePerson="{ props: subProps }">
<div class="col-4 app-text-muted q-pr-sm self-center"> <div class="col-4 app-text-muted q-pr-sm">
{{ subProps.label }} {{ subProps.label }}
</div> </div>
<div class="col-8"> <div class="col-8">
<AvatarGroup <AvatarGroup
v-if="(responsiblePerson(props.row.quotation) ?? []).length > 0"
:data=" :data="
responsiblePerson(props.row.quotation)?.map((v) => { responsiblePerson(props.row.quotation)?.map((v) => {
return { return {
@ -286,6 +287,7 @@ function getEmployeeName(
}) })
" "
/> />
<span v-else>-</span>
</div> </div>
</template> </template>
</QuotationCard> </QuotationCard>