refactor: header status INACTIVE can't edit

This commit is contained in:
Net 2024-08-23 11:28:09 +07:00
parent 0123328c79
commit b6586f1b39

View file

@ -2369,11 +2369,18 @@ watch(
<q-item
:id="`view-detail-btn-${props.row.name}-edit`"
:class="{
'surface-3':
props.row.status === 'INACTIVE',
'app-text-muted':
props.row.status === 'INACTIVE',
}"
v-close-popup
clickable
dense
class="row q-py-sm"
style="white-space: nowrap"
:disable="props.row.status === 'INACTIVE'"
@click="
() => {
if (productMode === 'type') {
@ -2400,7 +2407,7 @@ watch(
name="mdi-pencil-outline"
class="col-3"
size="xs"
style="color: hsl(var(--cyan-6-hsl))"
:style="`color: ${props.row.status !== 'INACTIVE' ? 'hsl(var(--cyan-6-hsl))' : 'none'}`"
/>
<span class="col-9 q-px-md flex items-center">
{{ $t('edit') }}
@ -2410,6 +2417,7 @@ watch(
v-close-popup
:id="`view-detail-btn-${props.row.name}-delete`"
dense
:disable="props.row.status !== 'CREATED'"
:clickable="props.row.status === 'CREATED'"
class="row"
:class="{