Добавил одно окно создание клиента для двух кнопок

This commit is contained in:
megavrilinvv
2022-11-16 18:10:47 +03:00
parent 49ef6e22c3
commit 6f78177452
9 changed files with 36 additions and 90 deletions

View File

@@ -1,9 +1,9 @@
<template lang="pug">
.flex.flex-col.w-full.h-full.gap-y-2
the-header(:is-open-create-client="isOpenCreateClient", @is-close-header-form="changeCloseHeaderForm")
the-header(:is-open-form="isOpenForm", :close-form="closeForm", :open-form="openForm")
.flex.flex-auto
the-sidebar
router-view(@create-client="transmitOpenCreateClient", :is-close-header-form="isCloseHeaderForm")
router-view(:open-form="openForm")
</template>
<script>
@@ -15,16 +15,15 @@ export default {
components: { TheHeader, TheSidebar },
data() {
return {
isOpenCreateClient: false,
isCloseHeaderForm: true,
isOpenForm: false,
};
},
methods: {
transmitOpenCreateClient(value) {
this.isOpenCreateClient = value;
openForm() {
this.isOpenForm = true;
},
changeCloseHeaderForm(value) {
this.isCloseHeaderForm = value;
closeForm() {
this.isOpenForm = false;
},
},
};

View File

@@ -1,6 +1,6 @@
<template lang="pug">
.header-wrapper.relative.flex.justify-center.box-border.py-2.pl-4_75px.pr-6
base-client-form-create(v-if="this.isOpenCreateClient || this.isOpenFormCreate", :close-form="closeFormCreate")
base-client-form-create(v-if="isOpenForm", :close-form="closeForm")
.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,7 +13,7 @@
:size="40",
right-icon="icon-person",
:icon-right-size="18",
@click="openFormCreate"
@click="openForm"
)
button.header-buttons.flex.justify-center.items-center.mr-8.p-0(@click="logout")
.icon-bell.text-xxl
@@ -35,7 +35,9 @@ export default {
name: "TheHeader",
components: { HeaderInputs, BaseAvatar, BaseButton, BaseClientFormCreate },
props: {
isOpenCreateClient: Boolean,
openForm: Function,
closeForm: Function,
isOpenForm: Boolean,
},
data() {
return {
@@ -44,18 +46,9 @@ export default {
avatarSrc: chargePersonAvatar,
name: "Гордеев Николай Степанович",
},
isOpenFormCreate: false,
};
},
methods: {
closeFormCreate() {
this.isOpenFormCreate = false;
this.$emit("is-close-header-form", this.isOpenFormCreate);
},
openFormCreate() {
this.isOpenFormCreate = true;
this.$emit("is-close-header-from", this.isOpenFormCreate);
},
logout() {
localStorage.clear();
this.$router.push("/login");

View File

@@ -20,7 +20,7 @@
:save-client="saveClient"
:choose-option="chooseOptionNetworks"
:choose-priority="choosePriority"
:priority-list="getPriorityList"
:priority-list="priorityList"
:current-year="currentYear"
)
.flex(:style="{display :'none'}" ref="doc")
@@ -75,7 +75,10 @@ export default {
basic: {
full_name: "",
birth_date: "",
priority: "",
priority: {
id: null,
label: "",
},
contacts: [
{
id: "network",
@@ -146,19 +149,19 @@ export default {
],
priorityList: [
{
id: "1",
id: 1,
label: "Высокий",
},
{
id: "2",
id: 2,
label: "Средний",
},
{
id: "3",
id: 3,
label: "Низкий",
},
{
id: "4",
id: 4,
label: "-",
},
],