refactor: handle btn canceled of request

This commit is contained in:
Thanaphon Frappet 2025-02-21 17:27:30 +07:00
parent 05ececd632
commit 05a4a57658
2 changed files with 8 additions and 1 deletions

View file

@ -23,6 +23,7 @@ defineProps<{
hideKebabDelete?: boolean; hideKebabDelete?: boolean;
hideAction?: boolean; hideAction?: boolean;
useCancel?: boolean; useCancel?: boolean;
disableCancel?: boolean;
customData?: { customData?: {
label: string; label: string;
@ -95,6 +96,7 @@ const rand = Math.random();
status="ACTIVE" status="ACTIVE"
hide-toggle hide-toggle
:use-cancel :use-cancel
:disable-cancel
:hide-delete="hideKebabDelete" :hide-delete="hideKebabDelete"
:hide-view="hideKebabView" :hide-view="hideKebabView"
:hide-edit="hideKebabEdit" :hide-edit="hideKebabEdit"

View file

@ -203,7 +203,8 @@ function getEmployeeName(
hide-delete hide-delete
use-cancel use-cancel
:disable-cancel=" :disable-cancel="
props.row.requestDataStatus === RequestDataStatus.Canceled props.row.requestDataStatus === RequestDataStatus.Canceled ||
props.row.requestDataStatus === RequestDataStatus.Completed
" "
@cancel="$emit('delete', props.row)" @cancel="$emit('delete', props.row)"
/> />
@ -223,6 +224,10 @@ function getEmployeeName(
hide-kebab-edit hide-kebab-edit
hide-kebab-delete hide-kebab-delete
use-cancel use-cancel
:disable-cancel="
props.row.requestDataStatus === RequestDataStatus.Canceled ||
props.row.requestDataStatus === RequestDataStatus.Completed
"
:badge-color=" :badge-color="
{ {
[RequestDataStatus.Pending]: '--orange-5-hsl', [RequestDataStatus.Pending]: '--orange-5-hsl',