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

feat: เพิ่ม ปุ่ม แก้ไข ลบ

Browse source
This commit is contained in:
Net 2024-06-17 17:50:21 +07:00
parent ab8d6e4e4d
commit b5061e5e0e
1 changed files with 46 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/components/FormDialog.vue
View file

@ -19,8 +19,15 @@ defineProps<{
employee?: boolean;
noAddress?: boolean;
disabledRule?: boolean;
edit?: boolean;
isEdit?: boolean;
editData?: (...args: unknown[]) => void;
deleteData?: (...args: unknown[]) => void;
submit?: (...args: unknown[]) => void;
close?: (...args: unknown[]) => void;
undo?: (...args: unknown[]) => void;
}>();
const modal = defineModel('modal', { default: false });
@ -44,6 +51,45 @@ const tabsList = defineModel<{ name: string; label: string }[]>('tabsList');
<!-- header -->
<div class="form-header q-py-sm q-px-lg">
<div class="row items-center">
<div v-if="isEdit && edit" class="row">
<q-btn
round
flat
id="closeDialog"
icon="mdi-arrow-left"
padding="xs"
class="q-mr-md"
:class="{ dark: $q.dark.isActive }"
style="color: var(--brand-1)"
@click="undo"
/>
<div style="width: 31.98px"></div>
</div>
<div v-if="!isEdit && edit">
<q-btn
round
flat
id="editDialog"
icon="mdi-pencil-outline"
padding="xs"
class="q-mr-md"
:class="{ dark: $q.dark.isActive }"
style="color: var(--brand-1)"
@click="editData"
/>
<q-btn
v-if="edit"
round
flat
id="deleteDialog"
icon="mdi-trash-can-outline"
padding="xs"
:class="{ dark: $q.dark.isActive }"
style="color: hsl(var(--negative-bg))"
@click="deleteData"
/>
</div>
<div style="width: 31.98px"></div>
<div class="col text-subtitle1 text-weight-bold text-center">
{{ title }}