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

fix แก้เงื่อนไขการแสดงปุ่มแก้ไข

Browse source
This commit is contained in:
Net 2024-06-24 09:44:00 +07:00
parent 848f35e47e
commit 1be8bba799
1 changed files with 59 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

110
src/components/DrawerInfo.vue
View file

@ -2,21 +2,27 @@
import { ref } from 'vue'; import { ref } from 'vue';
import AppBox from './app/AppBox.vue'; import AppBox from './app/AppBox.vue';
defineProps<{ withDefaults(
title: string; defineProps<{
category?: string; title: string;
isEdit?: boolean; category?: string;
bgOn?: boolean; isEdit?: boolean;
statusBranch?: string; bgOn?: boolean;
badgeLabel?: string; statusBranch?: string;
badgeClass?: string; badgeLabel?: string;
bgColor?: string; badgeClass?: string;
editData?: (...args: unknown[]) => void; bgColor?: string;
deleteData?: (...args: unknown[]) => void; showEdit?: boolean;
submit?: (...args: unknown[]) => void; editData?: (...args: unknown[]) => void;
close?: (...args: unknown[]) => void; deleteData?: (...args: unknown[]) => void;
undo?: (...args: unknown[]) => void; submit?: (...args: unknown[]) => void;
}>(); close?: (...args: unknown[]) => void;
undo?: (...args: unknown[]) => void;
}>(),
{
showEdit: true,
},
);
const drawerOpen = defineModel<boolean>('drawerOpen', { const drawerOpen = defineModel<boolean>('drawerOpen', {
default: false, default: false,
@ -62,42 +68,44 @@ function reset() {
style="padding: 0; border-radius: var(--radius-2)" style="padding: 0; border-radius: var(--radius-2)"
> >
<div class="form-header col q-px-lg row items-center"> <div class="form-header col q-px-lg row items-center">
<div v-if="isEdit" class="row"> <div v-if="showEdit">
<q-btn <div v-if="isEdit" class="row">
round <q-btn
flat round
id="closeDialog" flat
icon="mdi-arrow-left" id="closeDialog"
padding="xs" icon="mdi-arrow-left"
class="q-mr-md" padding="xs"
:class="{ dark: $q.dark.isActive }" class="q-mr-md"
style="color: var(--brand-1)" :class="{ dark: $q.dark.isActive }"
@click="undo" style="color: var(--brand-1)"
/> @click="undo"
<div style="width: 31.98px"></div> />
</div> <div style="width: 31.98px"></div>
<div v-else> </div>
<q-btn <div v-else>
round <q-btn
flat round
id="editDialog" flat
icon="mdi-pencil-outline" id="editDialog"
padding="xs" icon="mdi-pencil-outline"
class="q-mr-md" padding="xs"
:class="{ dark: $q.dark.isActive }" class="q-mr-md"
style="color: var(--brand-1)" :class="{ dark: $q.dark.isActive }"
@click="editData" style="color: var(--brand-1)"
/> @click="editData"
<q-btn />
round <q-btn
flat round
id="deleteDialog" flat
icon="mdi-trash-can-outline" id="deleteDialog"
padding="xs" icon="mdi-trash-can-outline"
:class="{ dark: $q.dark.isActive }" padding="xs"
style="color: hsl(var(--negative-bg))" :class="{ dark: $q.dark.isActive }"
@click="deleteData" style="color: hsl(var(--negative-bg))"
/> @click="deleteData"
/>
</div>
</div> </div>
<div class="col text-weight-bold text-center"> <div class="col text-weight-bold text-center">