add create patient popup

src/pages/clients/components/FormCreateBasicInfo.vue

@@ -1,46 +1,21 @@
 <template lang="pug">
-  .wrapper-info.h-full
+  .wrapper-info
     .grid.grid-cols-2.gap-x-4.gap-y-6
-      base-select(
-        :items="priorityList",
-        placeholder="Приоритет клиента",
-        v-model="basicInfo.priority",
-        label="Приоритет",
-        size="M"
-      )
       base-input-date(
-        v-model="basicInfo.birth_date",
+        v-model="value.birth_date",
         size="M",
         important,
         label="Дата рождения",
         placeholder="Дата рождения"
       )
       base-input(
-        v-model="phone.username",
+        v-model="value.phone",
         placeholder="+7 (915) 644–92–23",
         mask="+7 (###) ###-##-##",
         label="Номер телефона",
         size="M",
         important
       )
-      base-input(
-        v-model="email.username",
-        placeholder="user@yandex.ru",
-        label="Email",
-        important,
-        size="M",
-      )
-      .flex.flex-col.col-start-1.col-end-3.w-100(class="gap-y-1.5")
-        span.text-sm.font-semibold.opacity-40.input-info Ссылки на соцсети
-        .flex(class="gap-x-1.5" v-for="network in basicInfo.contacts" :key="network.kind.id")
-          base-adding-network(
-            :items="networksList",
-            :network="network",
-          )
-        span.add-network.cursor-pointer(
-          v-show="networksList.length !== 0",
-          @click="addNetwork"
-        ) Добавить соцсеть
 </template>
 
 <script>
@@ -48,6 +23,7 @@ import BaseAddingNetwork from "@/components/base/BaseAddingNetwork";
 import BaseSelect from "@/components/base/BaseSelect";
 import BaseInput from "@/components/base/BaseInput.vue";
 import BaseInputDate from "@/components/base/BaseInputDate.vue";
+import { v_model } from "@/shared/mixins/v-model";
 
 export default {
   name: "FormCreateBasicInfo",
@@ -57,22 +33,12 @@ export default {
     BaseSelect,
     BaseInputDate,
   },
-  props: {
-    priorityList: Array,
-    phone: Object,
-    email: Object,
-    basicInfo: Object,
-    saveClient: Function,
-    addNetwork: Function,
-    networksList: Array,
-  },
+  mixins: [v_model],
 };
 </script>
 
 <style lang="sass" scoped>
 .wrapper-info
-  max-height: 336px
-  min-height: 272px
   overflow-y: auto
   &::-webkit-scrollbar
     width: 4px