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

feat: implement reject request cancellation dialog and functionality
Some checks failed
Spell Check / Spell Check with Typos (push) Failing after 9s
Details

Browse source
This commit is contained in:
puriphatt 2025-03-13 11:47:55 +07:00
parent 366e2f5da8
commit 0da23733ab
3 changed files with 115 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

56
src/pages/08_request-list/TableRequestList.vue
View file

@ -32,6 +32,7 @@ const props = withDefaults(
defineEmits<{
(e: 'view', data: RequestData): void;
(e: 'delete', data: RequestData): void;
(e: 'rejectCancel', data: RequestData): void;
}>();
function responsiblePerson(quotation: QuotationFull): CreatedBy[] | undefined {
@ -188,15 +189,24 @@ function getEmployeeName(
props.row.customerRequestCancel &&
props.row.requestDataStatus !== RequestDataStatus.Canceled
"
:hsla-color="'--red-5-hsl'"
:hsla-color="
props.row.rejectRequestCancel ? '--blue-6-hsl' : '--red-5-hsl'
"
:title="
props.row.rejectRequestCancel
? $t('requestList.status.RejectedCancel') || '-'
: $t(`requestList.status.CancelRequested`) || '-'
"
class="q-ml-sm"
:title="$t(`requestList.status.CancelRequested`) || '-'"
>
<template #append>
<q-tooltip>
{{
props.row.customerRequestCancelReason ||
$t('general.noReason')
props.row.rejectRequestCancel
? props.row.rejectRequestCancelReason ||
$t('general.noReason')
: props.row.customerRequestCancelReason ||
$t('general.noReason')
}}
</q-tooltip>
</template>
@ -220,11 +230,15 @@ function getEmployeeName(
hide-view
hide-delete
use-cancel
:use-reject-cancel="
props.row.customerRequestCancel && !props.row.rejectRequestCancel
"
:disable-cancel="
props.row.requestDataStatus === RequestDataStatus.Canceled ||
props.row.requestDataStatus === RequestDataStatus.Completed
"
@cancel="$emit('delete', props.row)"
@reject-cancel="$emit('rejectCancel', props.row)"
/>
</q-td>
</q-tr>
@ -242,6 +256,10 @@ function getEmployeeName(
hide-kebab-edit
hide-kebab-delete
use-cancel
class="full-height"
:use-reject-cancel="
props.row.customerRequestCancel && !props.row.rejectRequestCancel
"
:disable-cancel="
props.row.requestDataStatus === RequestDataStatus.Canceled ||
props.row.requestDataStatus === RequestDataStatus.Completed
@ -285,6 +303,7 @@ function getEmployeeName(
]"
@view="$emit('view', props.row)"
@cancel="$emit('delete', props.row)"
@reject-cancel="$emit('rejectCancel', props.row)"
>
<template v-slot:responsiblePerson="{ props: subProps }">
<div class="col-4 app-text-muted q-pr-sm">
@ -312,6 +331,35 @@ function getEmployeeName(
<span v-else>-</span>
</div>
</template>
<template #badge>
<BadgeComponent
v-if="
props.row.customerRequestCancel &&
props.row.requestDataStatus !== RequestDataStatus.Canceled
"
:hsla-color="
props.row.rejectRequestCancel ? '--blue-6-hsl' : '--red-5-hsl'
"
:title="
props.row.rejectRequestCancel
? $t('requestList.status.RejectedCancel') || '-'
: $t(`requestList.status.CancelRequested`) || '-'
"
>
<template #append>
<q-tooltip>
{{
props.row.rejectRequestCancel
? props.row.rejectRequestCancelReason ||
$t('general.noReason')
: props.row.customerRequestCancelReason ||
$t('general.noReason')
}}
</q-tooltip>
</template>
</BadgeComponent>
</template>
</QuotationCard>
</div>
</template>