refactor: set layout btn add

This commit is contained in:
Net 2024-07-24 11:34:45 +07:00
parent 2f6a9791ad
commit 467a862344

View file

@ -1190,8 +1190,6 @@ async function assignFormData(customerId: string, branch?: CustomerBranch) {
}); });
cloneData(); cloneData();
console.log(formData.value);
} }
function cloneData() { function cloneData() {
@ -1566,39 +1564,58 @@ watch(
<template> <template>
<ButtonAddComponent style="z-index: 999"> <ButtonAddComponent style="z-index: 999">
<q-fab-action <div v-if="isMainPage">
v-if="selectorLabel === 'EMPLOYER' || !selectorLabel" <q-fab-action
id="add-customer-legal-entity" v-if="selectorLabel === 'EMPLOYER' || !selectorLabel"
style="color: white; background-color: hsla(var(--violet-11-hsl))" id="add-customer-legal-entity"
@click="triggerCreate('CORP')" style="color: white; background-color: hsla(var(--violet-11-hsl))"
padding="xs" @click="triggerCreate('CORP')"
icon="mdi-office-building" padding="xs"
:label="$t('add') + ' ' + $t('customerLegalEntity')" icon="mdi-office-building"
external-label :label="$t('add') + ' ' + $t('customerLegalEntity')"
label-position="left" external-label
/> label-position="left"
<q-fab-action />
v-if="selectorLabel === 'EMPLOYER' || !selectorLabel" <q-fab-action
id="add-customer-natural-person" v-if="selectorLabel === 'EMPLOYER' || !selectorLabel"
:label="$t('add') + ' ' + $t('customerNaturalPerson')" id="add-customer-natural-person"
external-label :label="$t('add') + ' ' + $t('customerNaturalPerson')"
label-position="left" external-label
@click="triggerCreate('PERS')" label-position="left"
style="color: white; background-color: hsla(var(--teal-10-hsl))" @click="triggerCreate('PERS')"
padding="xs" style="color: white; background-color: hsla(var(--teal-10-hsl))"
icon="mdi-account-plus" padding="xs"
></q-fab-action> icon="mdi-account-plus"
<q-fab-action />
v-if="selectorLabel === 'EMPLOYEE' || !selectorLabel" <q-fab-action
:label="$t('add') + ' ' + $t('EMPLOYEE')" v-if="selectorLabel === 'EMPLOYEE' || !selectorLabel"
external-label :label="$t('add') + ' ' + $t('EMPLOYEE')"
id="add-employee" external-label
label-position="left" id="add-employee"
@click="openDialogCustomerType()" label-position="left"
color="primary" @click="openDialogCustomerType()"
padding="xs" color="primary"
icon="mdi-account-plus" padding="xs"
></q-fab-action> icon="mdi-account-plus"
/>
</div>
<div v-else>
<q-fab-action
id="add-branch"
:style="`color: white; background-color: ${customerType === 'CORP' ? 'hsla(var(--violet-11-hsl))' : 'hsla(var(--pink-6-hsl))'}`"
@click="
() => {
indexTab = 0;
dialogInputCustomerBranchForm = true;
}
"
padding="xs"
icon="mdi-office-building"
:label="$t('formDialogTitleCreateSubBranch')"
external-label
label-position="left"
/>
</div>
</ButtonAddComponent> </ButtonAddComponent>
<div class="column full-height no-wrap"> <div class="column full-height no-wrap">
@ -2830,12 +2847,6 @@ watch(
clearForm(); clearForm();
} }
" "
@dialog="
() => {
indexTab = 0;
dialogInputCustomerBranchForm = true;
}
"
@viewDetail=" @viewDetail="
async (v, i) => { async (v, i) => {
currentBranchId = v.id; currentBranchId = v.id;