Добавил одно окно создание клиента для двух кнопок
This commit is contained in:
@@ -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;
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
@@ -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");
|
||||
|
||||
@@ -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: "-",
|
||||
},
|
||||
],
|
||||
|
||||
Reference in New Issue
Block a user