diff --git a/src/components/LoggedInLayout.vue b/src/components/LoggedInLayout.vue
index e3d7272..6c7c8d7 100644
--- a/src/components/LoggedInLayout.vue
+++ b/src/components/LoggedInLayout.vue
@@ -1,15 +1,9 @@
.flex.flex-col.w-full.h-full.gap-y-2
- the-header(
- :is-open-page-form="isOpenPageForm",
- @is-open-header-form="changeHeaderFormState"
- )
+ the-header
.flex.flex-auto
the-sidebar
- router-view(
- :is-open-header-form="isOpenHeaderForm",
- @is-open-page-form="changePageFormState",
- )
+ router-view
diff --git a/src/components/TheHeader.vue b/src/components/TheHeader.vue
index 27c441b..4f8b174 100644
--- a/src/components/TheHeader.vue
+++ b/src/components/TheHeader.vue
@@ -1,6 +1,6 @@
.header-wrapper.relative.flex.justify-center.box-border.py-2.pl-4_75px.pr-6
- base-client-form-create.right-0.top-16(v-if="isOpenCreate", @blure="isOpenCreate=false", :close-form="closeFormCreate")
+ base-client-form-create(v-if="isOpenCreate", @blure="isOpenCreate=false", :close-form="closeFormCreate")
.flex.items-center.box-border.cursor-pointer.mr-auto
img.logo-img.mr-29_25px(src="@/assets/images/logo.svg", alt="Logo")
header-inputs
@@ -13,8 +13,8 @@
:size="40",
right-icon="icon-person",
:icon-right-size="18",
- @click="changeFormState"
- )
+ @click="isOpenCreate=true"
+ )
button.header-buttons.flex.justify-center.items-center.mr-8.p-0(@click="logout")
.icon-bell.text-xxl
.flex.justify-centflexer.items-center
@@ -34,12 +34,6 @@ import BaseClientFormCreate from "@/components/base/BaseClientFormCreate";
export default {
name: "TheHeader",
components: { HeaderInputs, BaseAvatar, BaseButton, BaseClientFormCreate },
- props: {
- isOpenPageForm: {
- type: Boolean,
- default: false,
- },
- },
data() {
return {
avatarSrc: img,
@@ -53,16 +47,11 @@ export default {
methods: {
closeFormCreate() {
this.isOpenCreate = false;
- this.$emit("is-open-header-form", this.isOpenCreate);
},
logout() {
localStorage.clear();
this.$router.push("/login");
},
- changeFormState() {
- this.isOpenCreate = !this.isOpenPageForm;
- this.$emit("is-open-header-form", this.isOpenCreate);
- },
},
};
diff --git a/src/components/base/BaseClientFormCreate.vue b/src/components/base/BaseClientFormCreate.vue
index bcabed8..49abfcf 100644
--- a/src/components/base/BaseClientFormCreate.vue
+++ b/src/components/base/BaseClientFormCreate.vue
@@ -1,5 +1,5 @@
- .wrapper-create.flex.flex-col.absolute.top-0.px-4.py-7.gap-y-8
+ .wrapper-create.flex.flex-col.fixed.right-0.bottom-4.px-4.py-7.gap-y-8
.icon-cancel.close.absolute.top-5.right-5.cursor-pointer(@click="closeForm")
span.title.text-xl.font-bold.px-4 Создание клиента
.flex.gap-x-4.h-fit.px-4
@@ -38,13 +38,11 @@ import FormCreateIdentityDocuments from "@/pages/clients/components/FormCreateId
import FormCreateAddresses from "@/pages/clients/components/FormCreateAddresses";
import FormCreateAdditional from "@/pages/clients/components/FormCreateAdditional";
import BaseInput from "@/components/base/BaseInput";
-import BaseSelect from "@/components/base/OldBaseSelect";
import BaseButton from "@/components/base/BaseButton";
export default {
name: "BaseClientFormClient",
components: {
BaseInput,
- BaseSelect,
FormCreateBasicInfo,
FormCreateIdentityDocuments,
FormCreateAddresses,
diff --git a/src/pages/calendar/TheCalendar.vue b/src/pages/calendar/TheCalendar.vue
index 3a3f714..d6b7176 100644
--- a/src/pages/calendar/TheCalendar.vue
+++ b/src/pages/calendar/TheCalendar.vue
@@ -37,12 +37,6 @@ export default {
CalendarSidebar,
CalendarFormAddEvent,
},
- props: {
- isOpenHeaderForm: {
- type: Boolean,
- default: false,
- },
- },
data() {
return {
sidebarWidth: "72px",
@@ -100,21 +94,16 @@ export default {
this.sidebarWidth = value;
},
openFormCreateEvent() {
- this.isOpenForm = !this.isOpenHeaderForm;
- this.$emit("is-open-page-form", this.isOpenForm);
+ this.isOpenForm = true;
},
closeFormCreateEvent() {
this.isOpenForm = false;
- this.$emit("is-open-page-form", this.isOpenForm);
},
},
mounted() {
this.fetchPersonsData();
this.fetchEventsData();
},
- beforeUnmount() {
- this.closeFormCreateEvent();
- },
};
diff --git a/src/pages/calendar/components/CalendarFormAddEvent.vue b/src/pages/calendar/components/CalendarFormAddEvent.vue
index c32f0f1..c88a84f 100644
--- a/src/pages/calendar/components/CalendarFormAddEvent.vue
+++ b/src/pages/calendar/components/CalendarFormAddEvent.vue
@@ -1,5 +1,5 @@
- .flex.flex-col.gap-y-6.pt-6.pb-7.px-8.event-form.absolute.right-0.bottom-14
+ .flex.flex-col.gap-y-6.pt-6.pb-7.px-8.event-form.fixed.right-0.bottom-3
.flex.justify-between
span.title.text-xl.font-bold {{!selectedEventData.id ? "Назначение события" : "Изменение события"}}
.flex.pt-2
diff --git a/src/pages/clients/TheClients.vue b/src/pages/clients/TheClients.vue
index b0a6874..bfe6a5f 100644
--- a/src/pages/clients/TheClients.vue
+++ b/src/pages/clients/TheClients.vue
@@ -1,5 +1,5 @@
- clients-wrapper(@is-open-client-add-form="transmitPageFormState")
+ clients-wrapper
diff --git a/src/pages/clients/components/ClientsTable.vue b/src/pages/clients/components/ClientsTable.vue
index c2463bb..b9cebc2 100644
--- a/src/pages/clients/components/ClientsTable.vue
+++ b/src/pages/clients/components/ClientsTable.vue
@@ -1,6 +1,6 @@
.wrapper-table.relative.flex.flex-col.gap-y-8.px-6.py-6.h-full.w-full
- base-client-form-create.right-0(v-if="isOpenFormCreate" :close-form="closeFormCreateClient")
+ base-client-form-create(v-if="isOpenFormCreate" :close-form="closeFormCreateClient")
clients-table-hat(:is-open-actions="marked.length" :open-form-create="openFormCreateClient")
.flex.flex-col.h-full.gap-y-2.table-container.w-full
clients-table-header(:check="selectedCheck" :is-check="selectAll")
@@ -43,11 +43,9 @@ export default {
methods: {
openFormCreateClient() {
this.isOpenFormCreate = true;
- this.$emit("is-open-client-add-form", this.isOpenFormCreate);
},
closeFormCreateClient() {
this.isOpenFormCreate = false;
- this.$emit("is-open-client-add-form", this.isOpenFormCreate);
this.fetchDataClients();
},
saveDataClients(data) {
@@ -81,9 +79,6 @@ export default {
mounted() {
this.fetchDataClients();
},
- beforeUnmount() {
- this.closeFormCreateClient();
- },
};
diff --git a/src/pages/clients/components/ClientsWrapper.vue b/src/pages/clients/components/ClientsWrapper.vue
index ee4e3f3..c0114d1 100644
--- a/src/pages/clients/components/ClientsWrapper.vue
+++ b/src/pages/clients/components/ClientsWrapper.vue
@@ -1,6 +1,6 @@
.wrapper.flex.w-full.relative.mx-6
- clients-table(@is-open-client-add-form="transmitPageFormState")
+ clients-table(:open-form-create="openFormCreateClient")