fix: form & drawer hide action

This commit is contained in:
puriphatt 2024-08-09 02:10:06 +00:00
parent 187ae5fb1f
commit 99a28782dc
2 changed files with 9 additions and 8 deletions

View file

@ -17,7 +17,7 @@ defineProps<{
badgeLabel?: string;
customerLabel?: string;
badgeClass?: string;
noFooter?: boolean;
hideFooter?: boolean;
noAppBox?: boolean;
noPaddingTab?: boolean;
maxWidth?: string;
@ -203,7 +203,7 @@ const currentTab = defineModel<string>('currentTab');
<!-- footer -->
<div
v-if="!noFooter"
v-if="!hideFooter"
class="form-footer row items-center full-width justify-between q-px-md q-py-md surface-1"
style="z-index: 3"
>

View file

@ -18,7 +18,7 @@ withDefaults(
badgeLabel?: string;
badgeClass?: string;
bgColor?: string;
showEdit?: boolean;
hideAction?: boolean;
editData?: (...args: unknown[]) => void;
deleteData?: (...args: unknown[]) => void;
submit?: (...args: unknown[]) => void;
@ -27,7 +27,7 @@ withDefaults(
beforeClose?: (...args: unknown[]) => boolean;
}>(),
{
showEdit: true,
hideAction: false,
},
);
@ -70,7 +70,7 @@ function reset() {
>
<!-- header -->
<div class="bordered-b q-pa-lg row items-center">
<div v-if="showEdit">
<div v-if="!hideAction">
<div v-if="isEdit" class="row">
<UndoButton
class="q-mr-md"
@ -78,7 +78,7 @@ function reset() {
iconOnly
@click="undo"
/>
<div style="width: 36.8px"></div>
<div style="width: 38.8px"></div>
</div>
<div v-else class="row">
<EditButton
@ -90,6 +90,7 @@ function reset() {
<DeleteButton id="btn-info-delete" iconOnly @click="deleteData" />
</div>
</div>
<div v-else style="width: 38.8px"></div>
<div class="col text-weight-bold text-center">
<text
@ -119,7 +120,7 @@ function reset() {
</text>
</div>
<div class="q-mr-md" style="width: 36.8px"></div>
<div v-if="!hideAction" class="q-mr-md" style="width: 38.8px"></div>
<CancelButton
icon-only
id="btn-info-close"
@ -149,7 +150,7 @@ function reset() {
<SaveButton
class="q-ml-md"
id="btn-info-save"
v-if="isEdit"
v-if="isEdit && !hideAction"
type="submit"
solid
/>