add create patient popup

src/pages/clients/components/FormCreateAddresses.vue

@@ -1,8 +1,8 @@
 <template lang="pug">
-  .wrapper-addresses.h-full
+  .wrapper-form.h-full
     .flex.flex-col.gap-y-6
       base-input(
-        v-model="addresses.full_address",
+        v-model="form.full_address",
         placeholder="Введите адрес целиком",
         label="Полный адрес",
         size="M"
@@ -12,42 +12,42 @@
         span.text-sm.separator.px-2 или
       .grid.grid-cols-2.gap-y-6.gap-x-4
         base-input(
-          v-model="addresses.city",
+          v-model="form.city",
           label="Город",
           placeholder="Введите город",
           disabled,
           size="M"
         )
         base-input(
-          v-model="addresses.region",
+          v-model="form.region",
           label="Область",
           placeholder="Введите область",
           disabled,
           size="M"
         )
         base-input(
-          v-model="addresses.street",
+          v-model="form.street",
           label="Улица",
           placeholder="Введите улицу",
           disabled,
           size="M"
         )
         base-input(
-          v-model="addresses.house",
+          v-model="form.house",
           label="Дом",
           placeholder="Номер дома",
           disabled,
           size="M"
         )
         base-input(
-          v-model="addresses.flat",
+          v-model="form.flat",
           label="Квартира",
           placeholder="Номер квартиры",
           disabled,
           size="M"
         )
         base-input(
-          v-model="addresses.zip_code",
+          v-model="form.zip_code",
           label="Индекс",
           mask="######",
           placeholder="000000",
@@ -63,17 +63,32 @@ import BaseInput from "@/components/base/BaseInput.vue";
 export default {
   name: "FormCreateAddresses",
   components: { BaseInput, BaseCustomSelect },
-  props: {
-    addresses: Object,
-    saveClient: Function,
-    saveFile: Function,
+  emits: ["change"],
+  data() {
+    return {
+      form: {
+        full_address: "",
+        city: "",
+        region: "",
+        street: "",
+        house: "",
+        flat: "",
+        zip_code: "",
+      },
+    };
+  },
+  watch: {
+    form(val) {
+      this.$emit("change", val);
+    },
   },
 };
 </script>
 
 <style lang="sass" scoped>
-.wrapper-addresses
+.wrapper-form
   height: 380px
+  width: 570px
   overflow-y: auto
   &::-webkit-scrollbar
     width: 4px