[WIP] Исправил баг с отсутствием выбора города, фикс модального окна создания клиента

src/components/LoggedInLayout.vue

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

src/components/TheHeader.vue

@@ -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="isOpenCreate", @blure="isOpenCreate=false", :close-form="closeFormCreate")
+    base-client-form-create(v-if="this.isOpenCreateClient || this.isOpenFormCreate", :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,7 +13,7 @@
         :size="40",
         right-icon="icon-person",
         :icon-right-size="18",
-        @click="isOpenCreate=true"
+        @click="openFormCreate"
       )
       button.header-buttons.flex.justify-center.items-center.mr-8.p-0(@click="logout")
         .icon-bell.text-xxl
@@ -34,6 +34,9 @@ import BaseClientFormCreate from "@/components/base/BaseClientFormCreate";
 export default {
   name: "TheHeader",
   components: { HeaderInputs, BaseAvatar, BaseButton, BaseClientFormCreate },
+  props: {
+    isOpenCreateClient: Boolean,
+  },
   data() {
     return {
       avatarSrc: img,
@@ -41,12 +44,17 @@ export default {
         avatarSrc: chargePersonAvatar,
         name: "Гордеев Николай Степанович",
       },
-      isOpenCreate: false,
+      isOpenFormCreate: false,
     };
   },
   methods: {
     closeFormCreate() {
-      this.isOpenCreate = false;
+      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();