From 4987a3ae0914697b350050f93878020190226543 Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Tue, 22 Aug 2023 15:19:28 +0300
Subject: [PATCH 1/4] =?UTF-8?q?WIP=20=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=BB=D0=B0=20=D0=B8=D0=BD=D0=BF=D1=83=D1=82,=20=D1=81=D0=B4?=
 =?UTF-8?q?=D0=B5=D0=BB=D0=B0=D0=BB=D0=B0=20=D0=B4=D0=BE=D0=BA=D1=83=D0=BC?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=82=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/base/BaseInputDate.vue         |  36 ++--
 .../BasicDataForms/DocumentsForm.vue          | 204 ++++++++----------
 .../components/MedicalBasicDataWrapper.vue    |   2 +-
 .../newMedicalCard/utils/medicalConfig.js     |  14 +-
 src/shared/utils/rulesInputs.js               |   7 +-
 src/store/modules/medicalCard.js              |  52 +++--
 6 files changed, 146 insertions(+), 169 deletions(-)

diff --git a/src/components/base/BaseInputDate.vue b/src/components/base/BaseInputDate.vue
index 5ba1975..dfeed42 100644
--- a/src/components/base/BaseInputDate.vue
+++ b/src/components/base/BaseInputDate.vue
@@ -9,7 +9,7 @@
       :readonly="readonly",
       :disable="disabled",
       mask="##.##.####",
-      :rules="[checkInput]",
+      :rules="[(val) => rule ? rule(val) : defaultRule(val)]",
       :lazy-rules="lazyRule",
       :item-aligned="itemAligned",
       no-error-icon,
@@ -60,7 +60,8 @@ export default {
     width: Number,
     lazyRule: [Boolean, String],
     itemAligned: Boolean,
-    modelValue: Date,
+    rule: Function,
+    modelValue: String,
     placeholder: String,
     disabled: Boolean,
     label: String,
@@ -74,32 +75,21 @@ export default {
     return {
       calendarVisibility: false,
       internalDate: null,
+      //internalValue: null,
     };
   },
   computed: {
     value: {
       get() {
-        if (
-          moment(this.modelValue).isValid() &&
-          typeof this.modelValue === "object"
-        ) {
-          this.changeInternalDate(moment(this.modelValue));
-          return moment(this.modelValue).format("DD.MM.YYYY");
-        }
-        if (moment(this.convertFormat(this.modelValue)).isValid()) {
-          this.changeInternalDate(moment(this.modelValue));
-          return this.modelValue;
-        }
-        this.changeInternalDate(null);
-        return null;
-      },
-      set(value) {
-        this.$emit(
-          "update:modelValue",
-          moment(this.convertFormat(value)).isValid()
-            ? new Date(moment(this.convertFormat(value)))
+        this.changeInternalDate(
+          moment(this.convertFormat(this.modelValue)).isValid()
+            ? moment(this.convertFormat(this.modelValue))
             : null
         );
+        return this.modelValue;
+      },
+      set(value) {
+        this.$emit("update:modelValue", value);
       },
     },
     sizeVariable() {
@@ -153,8 +143,8 @@ export default {
         ? date.split(".").reverse().join("-")
         : null;
     },
-    checkInput(val) {
-      return moment(this.convertFormat(val)).isValid();
+    defaultRule(val) {
+      return !val || moment(this.convertFormat(val)).isValid();
     },
     closeCalendar() {
       this.calendarVisibility = false;
diff --git a/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue b/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue
index 5032fd6..50e0ef0 100644
--- a/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue
+++ b/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue
@@ -29,9 +29,10 @@
                 floating,
                 v-if="isEdit",
                 rounded,
-                @click="removeImage(data?.dataKey, field?.key)"
+                @click="removeImage(data?.dataKey, field?.key)",
+                :style="{padding: 0}"
               )
-                q-icon.icon-cancel(name="app:cancel", size="8px")
+                q-icon.cancel-icon(name="app:cancel-mini", size="16px")
             .replace-photo.font-medium.text-base.cursor-pointer(
               v-if="isEdit",
               @click="openModal(data.dataKey)",
@@ -44,46 +45,30 @@
           base-input-date(
             v-if="field.type === 'date'",
             v-model="docData[data.dataKey][field.key]",
-            :name="field.key",
+            :name="data.dataKey + ':' + field.key",
             @update:model-value="checkChangeDocData",
             :readonly="!isEdit",
             :width="302",
             :mask="field?.inputMask",
-            :rule="[(val) => !personDataField.includes(field.key) ? checkPassportFields(val, field.rules) : field.rules(val)]",
-            :autogrow="field.key === 'issued_by_org'",
-            size="M"
+            :rule="(val) => !personDataField.includes(data.dataKey + ':' + field.key) ? checkPassportFields(val, field.rules) : field.rules(val)",
+            size="M",
           )
           base-input(
-            v-if="field.type === 'text' && field.key !== 'issued_by_org'",
+            v-if="field.type === 'text'",
             v-model="docData[data.dataKey][field.key]",
-            :name="field.key",
+            :name="data.dataKey + ':' + field.key",
             @update:model-value="checkChangeDocData",
             :readonly="!isEdit",
             :type="field.type",
             :width="302",
             :mask="field?.inputMask",
-            :rule="[(val) => !personDataField.includes(field.key) ? checkPassportFields(val, field.rules) : field.rules(val)]",
+            :rule="[(val) => !personDataField.includes(data.dataKey + ':' + field.key) ? checkPassportFields(val, field.rules) : field.rules(val)]",
             size="M"
           )
             .icon-copy.my-auto.text-lg.label-field.cursor-pointer(
               v-if="checkCopiedFields(field.key) && !!docData[data.dataKey][field.key]",
               @click="copyValue(docData[data.dataKey][field.key])"
             )
-          base-textarea(
-            v-if="field.type === 'text' && field.key === 'issued_by_org'",
-            v-model="docData[data.dataKey][field.key]",
-            :name="field.key",
-            @update:model-value="checkChangeDocData",
-            :readonly="!isEdit",
-            :type="field.type",
-            :width="302",
-            :mask="field?.inputMask",
-            :rule="[(val) => !personDataField.includes(field.key) ? checkPassportFields(val, field.rules) : field.rules(val)]",
-            autogrow,
-            size="auto",
-            height="57px"
-            padding="10px 16px"
-          )
 </template>
 
 <script>
@@ -101,7 +86,7 @@ import TheNotificationProvider from "@/components/Notifications/TheNotificationP
 import { addNotification } from "@/components/Notifications/notificationContext";
 import BaseInput from "@/components/base/BaseInput.vue";
 import BaseInputDate from "@/components/base/BaseInputDate.vue";
-import BaseTextarea from "@/components/base/BaseTextarea.vue.vue";
+import { mapActions } from "vuex";
 export default {
   name: "DocumentsForm",
   components: {
@@ -112,7 +97,6 @@ export default {
     BaseUploadPhoto,
     TheNotificationProvider,
     BaseInputDate,
-    BaseTextarea,
   },
   data() {
     return {
@@ -133,21 +117,26 @@ export default {
           id: null,
           series: null,
           number: null,
-          issued_by_org: null,
+          issued_by: null,
           issued_by_org_code: null,
-          issued_by_date: null,
-          photo: null,
+          issued_at: null,
+          attachments: null,
         },
         insurance_number: {
-          insurance_number: null,
-          photo_insurance_number: null,
+          id: null,
+          number: null,
+          attachments: null,
         },
         tax_identification_number: {
-          tax_identification_number: null,
-          photo_tax_identification_number: null,
+          id: null,
+          number: null,
+          attachments: null,
         },
       },
-      personDataField: ["insurance_number", "tax_identification_number"],
+      personDataField: [
+        "insurance_number:number",
+        "tax_identification_number:number",
+      ],
       showModal: false,
       photoId: "",
     };
@@ -157,7 +146,7 @@ export default {
       return this.$store.state.medical?.documents;
     },
     passportFields() {
-      let excludedFields = ["photo", "id"];
+      let excludedFields = ["attachments", "id", "category"];
       return Object.keys(this.docData.passport).filter(
         (key) => !excludedFields.includes(key)
       );
@@ -191,8 +180,6 @@ export default {
     },
     cancelEdit() {
       this.docData = JSON.parse(JSON.stringify(this.initialDocData));
-      this.docData.passport.issued_by_date =
-        this.initialDocData?.passport?.issued_by_date;
       this.isEdit = false;
       this.isCheckChange = false;
       this.$refs.documentForm.resetValidation();
@@ -217,95 +204,72 @@ export default {
         if (!validate) {
           getFieldsNameUnvalidated(form).forEach((elem) => {
             let error = {};
-            this.configData.forEach(({ fields }) => {
-              let findedElem = fields.find((el) => el.key === elem);
+            this.configData.forEach(({ dataKey, fields }) => {
+              let findedElem = fields.find(
+                (el) => dataKey + ":" + el.key === elem
+              );
               if (findedElem) error = findedElem?.errorMessage;
             });
             this.addErrorNotification(error?.title, error?.message);
           });
         } else {
-          let passportFormData = new FormData();
-          let documentsFormData = new FormData();
-          form.getValidationComponents().forEach((elem) => {
-            if (!this.personDataField.includes(elem.name)) {
-              if (elem.name === "issued_by_date") {
-                passportFormData.append(
-                  elem.name,
-                  this.convertFormat(elem.modelValue) ?? ""
-                );
-              } else passportFormData.append(elem.name, elem.modelValue ?? "");
-            } else documentsFormData.append(elem.name, elem.modelValue ?? "");
-          });
-          this.checkChangePhoto("passport", "photo", passportFormData);
-          this.checkChangePhoto(
-            "insurance_number",
-            "photo_insurance_number",
-            documentsFormData
-          );
-          this.checkChangePhoto(
-            "tax_identification_number",
-            "photo_tax_identification_number",
-            documentsFormData
-          );
           let request = [];
-          if (!this.approvedPassportData) {
-            if (!this.initialDocData.passport?.id) {
-              passportFormData.append("kind", "PASSPORT");
-              passportFormData.append(
-                "person",
+          Object.keys(this.docData).forEach((elem) => {
+            let formData = new FormData();
+            form
+              .getValidationComponents()
+              .filter(({ name }) => name?.split(":")?.[0] === elem)
+              .forEach((el) => {
+                const name = el?.name?.split(":")?.[1];
+                if (name === "issued_at")
+                  formData.append(name, this.convertFormat(el.modelValue));
+                else formData.append(name, el.modelValue ?? "");
+              });
+            this.checkChangePhoto(elem, "attachments", formData);
+            if (formData.get("attachments")) {
+              console.log(elem, "img", formData.get("attachments"));
+              formData.delete("attachments");
+            }
+            if (formData.get("issued_by_org_code")) {
+              console.log(
+                "issued_by_org_code",
+                formData.get("issued_by_org_code")
+              );
+              formData.delete("issued_by_org_code");
+            }
+            if (
+              !checkChangeData(
+                this.initialDocData?.[elem],
+                this.docData?.[elem]
+              )
+            )
+              return;
+            formData.append("category", elem);
+            if (!this.initialDocData?.[elem]?.id) {
+              formData.append(
+                "person_id",
                 this.$store.state.medical?.basicData?.personalData?.id
               );
-              request.push(
-                this.sendData(
-                  "general/identity_document/create/",
-                  passportFormData
-                )
-              );
+              // for (const key of formData.keys()) {
+              //   console.log(key, formData.get(key));
+              // }
+              request.push(this.createData("documents/", formData));
             } else {
-              if (this.checkPhotoDeletion("passport", "photo"))
-                request.push(
-                  this.deletePhoto(
-                    `general/identity_document/${this.initialDocData.passport?.id}/delete_photo/`
-                  )
-                );
+              // for (const key of formData.keys()) {
+              //   console.log(key, formData.get(key));
+              // }
               request.push(
-                this.sendData(
-                  `general/identity_document/${this.initialDocData.passport?.id}/update/`,
-                  passportFormData
+                this.updateData(
+                  `documents/${this.initialDocData?.[elem]?.id}`,
+                  formData
                 )
               );
             }
-          }
-          if (
-            this.checkPhotoDeletion(
-              "insurance_number",
-              "photo_insurance_number"
-            )
-          )
-            request.push(
-              this.deletePhoto(
-                `general/person/${this.$store.state.medical?.basicData?.personalData?.id}/delete_photo_insurance_number/`
-              )
-            );
-          if (
-            this.checkPhotoDeletion(
-              "tax_identification_number",
-              "photo_tax_identification_number"
-            )
-          )
-            request.push(
-              this.deletePhoto(
-                `general/person/${this.$store.state.medical?.basicData?.personalData?.id}/delete_photo_tax_identification_number/`
-              )
-            );
-          request.push(
-            this.sendData(
-              `general/person/${this.$store.state.medical?.basicData?.personalData?.id}/update/`,
-              documentsFormData
-            )
-          );
+          });
           Promise.allSettled(request).then(() => {
-            this.$store.dispatch("getMedicalCardData");
+            this.getMedicalCardData({
+              personId: this.$store.state.medical?.basicData?.personalData?.id,
+            });
             this.isEdit = false;
             this.isCheckChange = false;
             this.$refs.form?.resetValidation();
@@ -323,9 +287,12 @@ export default {
         this.initialDocData[updatedObjId][field]?.photo
       );
     },
-    async sendData(url, body) {
+    async createData(url, body) {
       return await fetchWrapper.post(url, body, "formData");
     },
+    async updateData(url, body) {
+      return await fetchWrapper.patch(url, body, "formData");
+    },
     async deletePhoto(url) {
       return await fetchWrapper.del(url);
     },
@@ -333,8 +300,11 @@ export default {
       addNotification(title + message, title, message, "error", 5000);
     },
     convertFormat(date) {
-      return date ? date.split(".").reverse().join("-") : null;
+      return date ? date.split(".").reverse().join("-") : "";
     },
+    ...mapActions({
+      getMedicalCardData: "getMedicalCardDataByPersonId",
+    }),
   },
   watch: {
     initialDocData: {
@@ -342,9 +312,7 @@ export default {
       immediate: true,
       handler(value) {
         if (Object.keys(value).length) {
-          this.docData = JSON.parse(JSON.stringify(this.initialDocData));
-          this.docData.passport.issued_by_date =
-            this.initialDocData?.passport?.issued_by_date;
+          this.docData = JSON.parse(JSON.stringify(value));
         } else this.docData = this.initializationData;
       },
     },
@@ -377,4 +345,6 @@ export default {
   cursor: pointer
 .delete
   background-color: var(--btn-red-color)
+.cancel-icon :deep(path)
+  fill: white
 </style>
diff --git a/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue b/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue
index ab95b91..eb822c8 100644
--- a/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue
+++ b/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue
@@ -1,7 +1,7 @@
 <template lang="pug">
   .flex.flex-col.gap-y-2.wrapper.h-full.w-full
     basic-data-form
-    contacts-form
+    //contacts-form
     documents-form
     insurance-form
 </template>
diff --git a/src/pages/newMedicalCard/utils/medicalConfig.js b/src/pages/newMedicalCard/utils/medicalConfig.js
index bb66177..377890f 100644
--- a/src/pages/newMedicalCard/utils/medicalConfig.js
+++ b/src/pages/newMedicalCard/utils/medicalConfig.js
@@ -475,7 +475,7 @@ export const documentForm = [
         rules: (val) => ruleLengthValue(val, 6),
       },
       {
-        key: "issued_by_org",
+        key: "issued_by",
         label: "Кем выдан",
         type: "text",
         errorMessage: {
@@ -496,7 +496,7 @@ export const documentForm = [
         rules: (val) => ruleLengthValue(val, 7),
       },
       {
-        key: "issued_by_date",
+        key: "issued_at",
         label: "Дата выдачи",
         type: "date",
         rules: (val) => ruleDateValue(val),
@@ -506,7 +506,7 @@ export const documentForm = [
         },
       },
       {
-        key: "photo",
+        key: "attachments",
         label: "Фото паспорта",
         type: "photo",
       },
@@ -517,7 +517,7 @@ export const documentForm = [
     dataKey: "insurance_number",
     fields: [
       {
-        key: "insurance_number",
+        key: "number",
         label: "Номер СНИЛС",
         type: "text",
         inputMask: "###-###-### ##",
@@ -528,7 +528,7 @@ export const documentForm = [
         rules: (val) => ruleOptionalFields(val, 14),
       },
       {
-        key: "photo_insurance_number",
+        key: "attachments",
         label: "Фото СНИЛС",
         type: "photo",
       },
@@ -539,7 +539,7 @@ export const documentForm = [
     dataKey: "tax_identification_number",
     fields: [
       {
-        key: "tax_identification_number",
+        key: "number",
         label: "Номер ИНН",
         type: "text",
         inputMask: "############",
@@ -550,7 +550,7 @@ export const documentForm = [
         rules: (val) => ruleOptionalFields(val, 12),
       },
       {
-        key: "photo_tax_identification_number",
+        key: "attachments",
         label: "Фото ИНН",
         type: "photo",
       },
diff --git a/src/shared/utils/rulesInputs.js b/src/shared/utils/rulesInputs.js
index 2d3bde8..cd9e326 100644
--- a/src/shared/utils/rulesInputs.js
+++ b/src/shared/utils/rulesInputs.js
@@ -1,4 +1,5 @@
 import * as moment from "moment/moment";
+
 export function ruleNotValue(val, text) {
   return !!val || text || false;
 }
@@ -21,12 +22,16 @@ export function ruleMaxLength(val, maxLength, text) {
 }
 
 export function ruleDateValue(val, text) {
+  let date = moment(
+    val && val?.length === 10 ? val.split(".").reverse().join("-") : null
+  );
   return (
-    (val && !moment(val).isAfter(moment().format("YYYY-MM-DD"))) ||
+    (date.isValid() && !date.isAfter(moment().format("YYYY-MM-DD"))) ||
     text ||
     false
   );
 }
+
 export function ruleNumberInput(val, max, min, text) {
   return (val <= max && val >= min) || text || false;
 }
diff --git a/src/store/modules/medicalCard.js b/src/store/modules/medicalCard.js
index 7256cb2..9d6c0f8 100644
--- a/src/store/modules/medicalCard.js
+++ b/src/store/modules/medicalCard.js
@@ -214,41 +214,53 @@ const getters = {
     };
   },
   getDocumentsData(state, rootState) {
-    let person = state.medicalCard?.person;
-    const passport = person?.identity_document?.find(
-      (el) => el.kind === "PASSPORT"
-    );
+    const person = state.medicalCard?.person,
+      passport = person?.documents?.find(
+        ({ category }) => category === "passport"
+      ),
+      insurance_number = person?.documents?.find(
+        ({ category }) => category === "insurance_number"
+      ),
+      tax_identification_number = person?.documents?.find(
+        ({ category }) => category === "tax_identification_number"
+      );
     return {
       passport: {
-        id: passport?.id ?? "",
-        series: passport?.series ?? "",
-        number: passport?.number ?? "",
-        issued_by_org: passport?.issued_by_org ?? "",
-        issued_by_org_code: passport?.issued_by_org_code ?? "",
-        issued_by_date: passport?.issued_by_date
-          ? new Date(passport?.issued_by_date)
-          : null,
-        photo: passport?.photo
+        category: passport?.category || "",
+        id: passport?.id || "",
+        series: passport?.series || "",
+        number: passport?.number || "",
+        issued_by: passport?.issued_by || "",
+        issued_by_org_code: passport?.issued_by_org_code || "",
+        issued_at: passport?.issued_at
+          ? passport?.issued_at?.split("-")?.reverse()?.join(".")
+          : "",
+        attachments: passport?.attachments?.length
           ? {
-              photo: rootState.getUrl + passport.photo,
+              photo: rootState.getUrl + passport?.attachments?.[0],
               file: null,
             }
           : {},
       },
       insurance_number: {
-        insurance_number: person?.insurance_number ?? "",
-        photo_insurance_number: person?.photo_insurance_number
+        category: insurance_number?.category || "",
+        id: insurance_number?.id || "",
+        number: insurance_number?.number || "",
+        attachments: insurance_number?.attachments?.length
           ? {
-              photo: rootState.getUrl + person.photo_insurance_number,
+              photo: rootState.getUrl + insurance_number.attachments?.[0],
               file: null,
             }
           : {},
       },
       tax_identification_number: {
-        tax_identification_number: person?.tax_identification_number ?? "",
-        photo_tax_identification_number: person?.photo_tax_identification_number
+        category: tax_identification_number?.category || "",
+        id: tax_identification_number?.id || "",
+        number: tax_identification_number?.number || "",
+        attachments: tax_identification_number?.attachments?.length
           ? {
-              photo: rootState.getUrl + person?.photo_tax_identification_number,
+              photo:
+                rootState.getUrl + tax_identification_number?.attachments?.[0],
               file: null,
             }
           : {},

From cb41a00ae1ab73f8e34c4e992781d1efb5733ef8 Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Wed, 23 Aug 2023 19:16:19 +0300
Subject: [PATCH 2/4] =?UTF-8?q?WIP=20=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=BB=D0=B0=20=D0=BE=D1=82=D0=BF=D1=80=D0=B0=D0=B2=D0=BA=D1=83?=
 =?UTF-8?q?=20=D0=B4=D0=BE=D0=BA=D1=83=D0=BC=D0=B5=D0=BD=D1=82=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/base/BaseInputDate.vue         |  23 ++--
 .../BasicDataForms/DocumentsForm.vue          | 127 +++++++++---------
 .../BasicDataForms/InsuranceForm.vue          |  39 +++++-
 .../components/MedicalBasicDataWrapper.vue    |   2 +-
 .../newMedicalCard/utils/medicalConfig.js     |  14 +-
 src/store/modules/medicalCard.js              | 100 +++++++-------
 6 files changed, 162 insertions(+), 143 deletions(-)

diff --git a/src/components/base/BaseInputDate.vue b/src/components/base/BaseInputDate.vue
index dfeed42..470827f 100644
--- a/src/components/base/BaseInputDate.vue
+++ b/src/components/base/BaseInputDate.vue
@@ -75,21 +75,20 @@ export default {
     return {
       calendarVisibility: false,
       internalDate: null,
-      //internalValue: null,
     };
   },
   computed: {
     value: {
       get() {
         this.changeInternalDate(
-          moment(this.convertFormat(this.modelValue)).isValid()
-            ? moment(this.convertFormat(this.modelValue))
+          moment(this.checkFormat(this.modelValue)).isValid()
+            ? moment(this.modelValue)
             : null
         );
-        return this.modelValue;
+        return this.convertISOFormat(this.modelValue);
       },
       set(value) {
-        this.$emit("update:modelValue", value);
+        this.$emit("update:modelValue", this.convertRUFormat(value));
       },
     },
     sizeVariable() {
@@ -138,13 +137,17 @@ export default {
     },
   },
   methods: {
-    convertFormat(date) {
-      return date && date?.length === 10
-        ? date.split(".").reverse().join("-")
-        : null;
+    convertISOFormat(date) {
+      return date?.split("-")?.reverse()?.join(".");
+    },
+    convertRUFormat(date) {
+      return date?.split(".")?.reverse()?.join("-");
+    },
+    checkFormat(date) {
+      return date && date?.length === 10 ? date : null;
     },
     defaultRule(val) {
-      return !val || moment(this.convertFormat(val)).isValid();
+      return !val || moment(this.convertRUFormat(val)).isValid();
     },
     closeCalendar() {
       this.calendarVisibility = false;
diff --git a/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue b/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue
index 50e0ef0..c872c26 100644
--- a/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue
+++ b/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue
@@ -19,10 +19,10 @@
             q-avatar(
               rounded,
               size="40px",
-              v-if="docData[data.dataKey][field.key]?.photo"
+              v-if="docData[data.dataKey]?.attachments?.photo"
             )
               img.h-10.w-10.object-cover(
-                :src="docData[data.dataKey][field.key]?.photo",
+                :src="docData[data.dataKey]?.attachments?.photo",
                 :alt="docData[data.dataKey][field.label]"
               )
               q-badge.delete(
@@ -114,6 +114,7 @@ export default {
       ],
       initializationData: {
         passport: {
+          category: "passport",
           id: null,
           series: null,
           number: null,
@@ -124,11 +125,13 @@ export default {
         },
         insurance_number: {
           id: null,
+          category: "insurance_number",
           number: null,
           attachments: null,
         },
         tax_identification_number: {
           id: null,
+          category: "tax_identification_number",
           number: null,
           attachments: null,
         },
@@ -143,7 +146,14 @@ export default {
   },
   computed: {
     initialDocData() {
-      return this.$store.state.medical?.documents;
+      // const { passport, insurance_number, tax_identification_number } =
+      //   this.$store.state.medical.documents;
+      // return {
+      //   passport: passport,
+      //   insurance_number: insurance_number,
+      //   tax_identification_number: tax_identification_number,
+      // };
+      return this.$store.state.medical.documents;
     },
     passportFields() {
       let excludedFields = ["attachments", "id", "category"];
@@ -179,7 +189,15 @@ export default {
       return !this.isEdit && this.copiedFields.some((elem) => elem === key);
     },
     cancelEdit() {
-      this.docData = JSON.parse(JSON.stringify(this.initialDocData));
+      const { passport, insurance_number, tax_identification_number } =
+        this.initialDocData;
+      this.docData = {
+        passport: JSON.parse(JSON.stringify(passport)),
+        insurance_number: JSON.parse(JSON.stringify(insurance_number)),
+        tax_identification_number: JSON.parse(
+          JSON.stringify(tax_identification_number)
+        ),
+      };
       this.isEdit = false;
       this.isCheckChange = false;
       this.$refs.documentForm.resetValidation();
@@ -215,61 +233,34 @@ export default {
         } else {
           let request = [];
           Object.keys(this.docData).forEach((elem) => {
-            let formData = new FormData();
-            form
-              .getValidationComponents()
-              .filter(({ name }) => name?.split(":")?.[0] === elem)
-              .forEach((el) => {
-                const name = el?.name?.split(":")?.[1];
-                if (name === "issued_at")
-                  formData.append(name, this.convertFormat(el.modelValue));
-                else formData.append(name, el.modelValue ?? "");
-              });
-            this.checkChangePhoto(elem, "attachments", formData);
-            if (formData.get("attachments")) {
-              console.log(elem, "img", formData.get("attachments"));
-              formData.delete("attachments");
-            }
-            if (formData.get("issued_by_org_code")) {
+            this.checkChangePhoto(elem, "attachments");
+            let newData = JSON.parse(JSON.stringify(this.docData[elem]));
+            newData.attachments = {};
+            if (!checkChangeData(this.initialDocData?.[elem], newData)) return;
+            delete newData.id;
+            if (newData?.issued_by_org_code) {
               console.log(
-                "issued_by_org_code",
-                formData.get("issued_by_org_code")
+                "passport issued_by_org_code",
+                newData.issued_by_org_code
               );
-              formData.delete("issued_by_org_code");
+              delete newData.issued_by_org_code;
             }
-            if (
-              !checkChangeData(
-                this.initialDocData?.[elem],
-                this.docData?.[elem]
-              )
-            )
-              return;
-            formData.append("category", elem);
+            delete newData.attachments;
             if (!this.initialDocData?.[elem]?.id) {
-              formData.append(
-                "person_id",
-                this.$store.state.medical?.basicData?.personalData?.id
-              );
-              // for (const key of formData.keys()) {
-              //   console.log(key, formData.get(key));
-              // }
-              request.push(this.createData("documents/", formData));
-            } else {
-              // for (const key of formData.keys()) {
-              //   console.log(key, formData.get(key));
-              // }
-              request.push(
-                this.updateData(
-                  `documents/${this.initialDocData?.[elem]?.id}`,
-                  formData
-                )
-              );
-            }
+              newData.person_id =
+                this.$store.state.medical?.basicData?.personalData?.id;
+              console.log("create", newData);
+              request.push(this.createData("documents/", newData));
+            } else console.log("create", newData);
+            request.push(
+              this.updateData(
+                `documents/${this.initialDocData?.[elem]?.id}`,
+                newData
+              )
+            );
           });
           Promise.allSettled(request).then(() => {
-            this.getMedicalCardData({
-              personId: this.$store.state.medical?.basicData?.personalData?.id,
-            });
+            this.getMedicalCardData(this.$route.params.id);
             this.isEdit = false;
             this.isCheckChange = false;
             this.$refs.form?.resetValidation();
@@ -277,21 +268,19 @@ export default {
         }
       });
     },
-    checkChangePhoto(updatedObjId, field, formData) {
+    checkChangePhoto(updatedObjId, field) {
       if (this.docData[updatedObjId][field]?.file)
-        formData.append(field, this.docData[updatedObjId][field]?.file[0]);
-    },
-    checkPhotoDeletion(updatedObjId, field) {
-      return (
-        !Object.keys(this.docData[updatedObjId][field]).length &&
-        this.initialDocData[updatedObjId][field]?.photo
-      );
+        console.log(
+          updatedObjId,
+          field,
+          this.docData[updatedObjId][field]?.file[0]
+        );
     },
     async createData(url, body) {
-      return await fetchWrapper.post(url, body, "formData");
+      return await fetchWrapper.post(url, body);
     },
     async updateData(url, body) {
-      return await fetchWrapper.patch(url, body, "formData");
+      return await fetchWrapper.patch(url, body);
     },
     async deletePhoto(url) {
       return await fetchWrapper.del(url);
@@ -303,7 +292,7 @@ export default {
       return date ? date.split(".").reverse().join("-") : "";
     },
     ...mapActions({
-      getMedicalCardData: "getMedicalCardDataByPersonId",
+      getMedicalCardData: "getMedicalCardDataById",
     }),
   },
   watch: {
@@ -312,7 +301,15 @@ export default {
       immediate: true,
       handler(value) {
         if (Object.keys(value).length) {
-          this.docData = JSON.parse(JSON.stringify(value));
+          const { passport, insurance_number, tax_identification_number } =
+            value;
+          this.docData = {
+            passport: JSON.parse(JSON.stringify(passport)),
+            insurance_number: JSON.parse(JSON.stringify(insurance_number)),
+            tax_identification_number: JSON.parse(
+              JSON.stringify(tax_identification_number)
+            ),
+          };
         } else this.docData = this.initializationData;
       },
     },
diff --git a/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue b/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue
index 1cdcca5..9bd81eb 100644
--- a/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue
+++ b/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue
@@ -77,7 +77,7 @@
               ) {{"\xa0" + basic?.benefit[insurance?.discount] + "%"}}
           .input-container.flex.flex-col.relative(v-else)
             base-input(
-              v-model="basic[insurance.insuranceKey][field.key]",
+              v-model="insuranceData[insurance.insuranceKey][field.key]",
               @update:model-value="checkChangeInput",
               :mask="field?.inputMask",
               :readonly="!isEdit",
@@ -125,18 +125,26 @@ export default {
       showModalCategories: false,
       photoId: "",
       copiedFields: ["series", "number"],
+      insuranceData: {},
     };
   },
   computed: {
     ...mapGetters({
       url: "getUrl",
-      avatar: "getAvatar",
-      initDataBasic: "getBasicData",
+      //avatar: "getAvatar",
+      //initDataBasic: "getBasicData",
     }),
     ...mapState({
       basic: (state) => state.medical?.basicData,
       benefitData: (state) => state.medical?.benefitData,
     }),
+    initialDocData() {
+      const { OMS, DMS } = this.$store.state.medical.documents;
+      return {
+        OMS: OMS,
+        DMS: DMS,
+      };
+    },
   },
   methods: {
     filterDataBenefit(text) {
@@ -170,23 +178,25 @@ export default {
       this.isCheckChange = true;
     },
     changeModal(id) {
+      if (id === "benefit") return;
       this.photoId = id;
       this.showModal = true;
     },
     closeModalCategories() {
       this.showModalCategories = false;
     },
+    openModalCategories() {
+      //if (this.isEdit) this.showModalCategories = true;
+    },
     checkChangeInput() {
       this.isCheckChange =
-        JSON.stringify(this.initDataBasic) !== JSON.stringify(this.basic)
-          ? true
-          : false;
+        JSON.stringify(this.initialDocData) !==
+        JSON.stringify(this.insuranceData);
     },
     confirmChangePhoto() {
       this.showModal = false;
       this.isCheckChange = true;
     },
-
     updateBasicData() {
       let insuranceDMS = this.basic.insuranceDMS;
       let insuranceOMS = this.basic.insuranceOMS;
@@ -360,6 +370,21 @@ export default {
         });
     },
   },
+  watch: {
+    showModalCategories: {
+      immediate: true,
+      handler(newVal) {
+        if (newVal) this.$store.dispatch("getBenefitData");
+      },
+    },
+    initialDocData: {
+      deep: true,
+      immediate: true,
+      handler(newVal) {
+        this.insuranceData = JSON.parse(JSON.stringify(newVal));
+      },
+    },
+  },
 };
 </script>
 
diff --git a/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue b/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue
index eb822c8..acd6a0a 100644
--- a/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue
+++ b/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue
@@ -3,7 +3,7 @@
     basic-data-form
     //contacts-form
     documents-form
-    insurance-form
+    //insurance-form
 </template>
 
 <script>
diff --git a/src/pages/newMedicalCard/utils/medicalConfig.js b/src/pages/newMedicalCard/utils/medicalConfig.js
index 377890f..4ee3919 100644
--- a/src/pages/newMedicalCard/utils/medicalConfig.js
+++ b/src/pages/newMedicalCard/utils/medicalConfig.js
@@ -379,7 +379,7 @@ export const baseInfoMenu = [
 export const baseInsuranceForm = [
   {
     insuranceLabel: "ОМС",
-    insuranceKey: "insuranceOMS",
+    insuranceKey: "OMS",
     fields: [
       {
         key: "series",
@@ -394,15 +394,15 @@ export const baseInsuranceForm = [
         inputMask: "####-####-####",
       },
       {
-        key: "photo",
+        key: "attachments",
         label: "Фото ОМС",
-        type: "avatar",
+        type: "photo",
       },
     ],
   },
   {
     insuranceLabel: "ДМС",
-    insuranceKey: "insuranceDMS",
+    insuranceKey: "DMS",
     fields: [
       {
         key: "series",
@@ -417,9 +417,9 @@ export const baseInsuranceForm = [
         inputMask: "####-####-####",
       },
       {
-        key: "photo",
+        key: "attachments",
         label: "Фото ДМС",
-        type: "avatar",
+        type: "photo",
       },
     ],
   },
@@ -436,7 +436,7 @@ export const baseInsuranceForm = [
       {
         key: "photo",
         label: "Документы",
-        type: "avatar",
+        type: "photo",
       },
     ],
   },
diff --git a/src/store/modules/medicalCard.js b/src/store/modules/medicalCard.js
index 9d6c0f8..d06b25d 100644
--- a/src/store/modules/medicalCard.js
+++ b/src/store/modules/medicalCard.js
@@ -34,20 +34,20 @@ const state = () => ({
       house: null,
       flat: null,
     },
-    insuranceDMS: {
-      series: null,
-      number: null,
-      photo: null,
-      id: null,
-      organization: null,
-    },
-    insuranceOMS: {
-      series: null,
-      number: null,
-      photo: null,
-      id: null,
-      organization: null,
-    },
+    // insuranceDMS: {
+    //   series: null,
+    //   number: null,
+    //   photo: null,
+    //   id: null,
+    //   organization: null,
+    // },
+    // insuranceOMS: {
+    //   series: null,
+    //   number: null,
+    //   photo: null,
+    //   id: null,
+    //   organization: null,
+    // },
     benefit: {
       id: null,
       discount: null,
@@ -142,8 +142,6 @@ const getters = {
         (el) => el.category === "CURRENT_ADDRESS"
       ) || {};
     let person = state.medicalCard.person;
-    let OMS = person?.insurance_policy?.find((e) => e.title === "OMS");
-    let DMS = person?.insurance_policy?.find((e) => e.title === "DMS");
     return {
       personalData: {
         last_name: person?.last_name || "",
@@ -176,30 +174,6 @@ const getters = {
         house: residenceAddress?.house || "",
         flat: residenceAddress?.flat || "",
       },
-      insuranceDMS: {
-        series: DMS?.series,
-        number: DMS?.number,
-        photo: DMS?.photo
-          ? {
-              photo: rootState.getUrl + DMS?.photo,
-              file: null,
-            }
-          : {},
-        id: DMS?.id,
-        organization: DMS?.organization,
-      },
-      insuranceOMS: {
-        series: OMS?.series,
-        number: OMS?.number,
-        photo: OMS?.photo
-          ? {
-              photo: rootState.getUrl + OMS?.photo,
-              file: null,
-            }
-          : {},
-        id: OMS?.id,
-        organization: OMS?.organization,
-      },
       benefit: {
         name: person?.benefit?.name,
         id: person?.benefit?.id,
@@ -214,27 +188,25 @@ const getters = {
     };
   },
   getDocumentsData(state, rootState) {
-    const person = state.medicalCard?.person,
-      passport = person?.documents?.find(
-        ({ category }) => category === "passport"
-      ),
-      insurance_number = person?.documents?.find(
+    const documents = state.medicalCard?.person?.documents,
+      passport = documents?.find(({ category }) => category === "passport"),
+      insurance_number = documents?.find(
         ({ category }) => category === "insurance_number"
       ),
-      tax_identification_number = person?.documents?.find(
+      tax_identification_number = documents?.find(
         ({ category }) => category === "tax_identification_number"
-      );
+      ),
+      OMS = documents?.find(({ category }) => category === "OMS"),
+      DMS = documents?.find(({ category }) => category === "DMS");
     return {
       passport: {
-        category: passport?.category || "",
+        category: "passport",
         id: passport?.id || "",
         series: passport?.series || "",
         number: passport?.number || "",
         issued_by: passport?.issued_by || "",
         issued_by_org_code: passport?.issued_by_org_code || "",
-        issued_at: passport?.issued_at
-          ? passport?.issued_at?.split("-")?.reverse()?.join(".")
-          : "",
+        issued_at: passport?.issued_at ? passport?.issued_at : "",
         attachments: passport?.attachments?.length
           ? {
               photo: rootState.getUrl + passport?.attachments?.[0],
@@ -243,7 +215,7 @@ const getters = {
           : {},
       },
       insurance_number: {
-        category: insurance_number?.category || "",
+        category: "insurance_number",
         id: insurance_number?.id || "",
         number: insurance_number?.number || "",
         attachments: insurance_number?.attachments?.length
@@ -254,7 +226,7 @@ const getters = {
           : {},
       },
       tax_identification_number: {
-        category: tax_identification_number?.category || "",
+        category: "tax_identification_number",
         id: tax_identification_number?.id || "",
         number: tax_identification_number?.number || "",
         attachments: tax_identification_number?.attachments?.length
@@ -265,6 +237,28 @@ const getters = {
             }
           : {},
       },
+      OMS: {
+        category: OMS?.category || "",
+        id: OMS?.id || "",
+        number: OMS?.number || "",
+        attachments: OMS?.attachments?.length
+          ? {
+              photo: rootState.getUrl + OMS?.attachments?.[0],
+              file: null,
+            }
+          : {},
+      },
+      DMS: {
+        category: DMS?.category || "",
+        id: DMS?.id || "",
+        number: DMS?.number || "",
+        attachments: OMS?.attachments?.length
+          ? {
+              photo: rootState.getUrl + DMS?.attachments?.[0],
+              file: null,
+            }
+          : {},
+      },
     };
   },
   getContactsData(state) {

From d1c5dc568374bbef3923421a8e8cafdc49fad21b Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Thu, 24 Aug 2023 15:24:05 +0300
Subject: [PATCH 3/4] =?UTF-8?q?WIP=20=20=D0=A1=D0=B4=D0=B5=D0=BB=D0=B0?=
 =?UTF-8?q?=D0=BB=D0=B0=20=D0=B2=D0=B0=D0=BB=D0=B8=D0=B4=D0=B0=D1=86=D0=B8?=
 =?UTF-8?q?=D1=8E=20=D0=BD=D0=B0=20=D1=81=D1=82=D1=80=D0=B0=D1=85=D0=BE?=
 =?UTF-8?q?=D0=B2=D0=BA=D0=B0=D1=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BasicDataForms/DocumentsForm.vue          |  41 +-
 .../BasicDataForms/InsuranceForm.vue          | 429 +++++++++++-------
 .../newMedicalCard/utils/medicalConfig.js     |  28 +-
 src/shared/utils/rulesInputs.js               |   4 +-
 src/store/modules/medicalCard.js              | 104 ++---
 5 files changed, 336 insertions(+), 270 deletions(-)

diff --git a/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue b/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue
index c872c26..f620345 100644
--- a/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue
+++ b/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue
@@ -46,7 +46,7 @@
             v-if="field.type === 'date'",
             v-model="docData[data.dataKey][field.key]",
             :name="data.dataKey + ':' + field.key",
-            @update:model-value="checkChangeDocData",
+            @update:model-value="checkChangeDocData(data.dataKey)",
             :readonly="!isEdit",
             :width="302",
             :mask="field?.inputMask",
@@ -57,12 +57,12 @@
             v-if="field.type === 'text'",
             v-model="docData[data.dataKey][field.key]",
             :name="data.dataKey + ':' + field.key",
-            @update:model-value="checkChangeDocData",
+            @update:model-value="checkChangeDocData(data.dataKey)",
             :readonly="!isEdit",
             :type="field.type",
             :width="302",
             :mask="field?.inputMask",
-            :rule="[(val) => !personDataField.includes(data.dataKey + ':' + field.key) ? checkPassportFields(val, field.rules) : field.rules(val)]",
+            :rule="[(val) => !personDataField.includes(data.dataKey + ':' + field.key) ? checkPassportFields(val, field.rules) : field.rules(val, initialDocData?.[data.dataKey]?.id)]",
             size="M"
           )
             .icon-copy.my-auto.text-lg.label-field.cursor-pointer(
@@ -146,13 +146,6 @@ export default {
   },
   computed: {
     initialDocData() {
-      // const { passport, insurance_number, tax_identification_number } =
-      //   this.$store.state.medical.documents;
-      // return {
-      //   passport: passport,
-      //   insurance_number: insurance_number,
-      //   tax_identification_number: tax_identification_number,
-      // };
       return this.$store.state.medical.documents;
     },
     passportFields() {
@@ -205,8 +198,11 @@ export default {
     openEdit() {
       this.isEdit = true;
     },
-    checkChangeDocData() {
-      this.isCheckChange = checkChangeData(this.initialDocData, this.docData);
+    checkChangeDocData(key) {
+      this.isCheckChange = checkChangeData(
+        this.initialDocData?.[key],
+        this.docData?.[key]
+      );
     },
     openModal(id) {
       this.photoId = id;
@@ -235,6 +231,7 @@ export default {
           Object.keys(this.docData).forEach((elem) => {
             this.checkChangePhoto(elem, "attachments");
             let newData = JSON.parse(JSON.stringify(this.docData[elem]));
+            console.log("prep", newData);
             newData.attachments = {};
             if (!checkChangeData(this.initialDocData?.[elem], newData)) return;
             delete newData.id;
@@ -247,17 +244,20 @@ export default {
             }
             delete newData.attachments;
             if (!this.initialDocData?.[elem]?.id) {
+              console.log("post", newData);
               newData.person_id =
                 this.$store.state.medical?.basicData?.personalData?.id;
               console.log("create", newData);
-              request.push(this.createData("documents/", newData));
-            } else console.log("create", newData);
-            request.push(
-              this.updateData(
-                `documents/${this.initialDocData?.[elem]?.id}`,
-                newData
-              )
-            );
+              //request.push(this.createData("documents/", newData));
+            } else {
+              console.log("create", newData);
+              // request.push(
+              //   this.updateData(
+              //     `documents/${this.initialDocData?.[elem]?.id}`,
+              //     newData
+              //   )
+              // );
+            }
           });
           Promise.allSettled(request).then(() => {
             this.getMedicalCardData(this.$route.params.id);
@@ -310,6 +310,7 @@ export default {
               JSON.stringify(tax_identification_number)
             ),
           };
+          console.log(this.docData);
         } else this.docData = this.initializationData;
       },
     },
diff --git a/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue b/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue
index 9bd81eb..f93daa9 100644
--- a/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue
+++ b/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue
@@ -8,7 +8,7 @@
     :save="saveChange",
     :cancel="cancelEdit"
   )
-    .form-wrap.gap-24.w-full
+    q-form.form-wrap.gap-24.w-full(ref="insuranceForm", :no-error-focus="true")
       .flex.flex-col.gap-4(v-for="insurance in insuranceConfig", :key="insurance.insuranceKey")
         .font-semibold.text-sm.whitespace-nowrap {{insurance.insuranceLabel}}
         .flex.w-full.justify-between.items-center.gap-4(
@@ -17,10 +17,10 @@
           :style="{marginTop: field.label === 'Документы' ? '20px' : null}"
         )
           .label-field.font-sm.text-sm.whitespace-nowrap {{`${field.label} :`}}
-          .avatar-field.flex.gap-3.items-center.h-10.w-10(v-if="field.type === 'avatar'")
-            .flex.w-10.h-10.relative(v-if="basic[insurance.insuranceKey][field.key]?.photo")
+          .avatar-field.flex.gap-3.items-center.h-10.w-10(v-if="field.type === 'attachments'")
+            .flex.w-10.h-10.relative(v-if="insuranceData[insurance.insuranceKey][field.key]?.photo")
               img.rounded.avatar.object-cover(
-                :src="basic[insurance.insuranceKey][field.key].photo",
+                :src="insuranceData[insurance.insuranceKey][field.key]?.photo",
                 alt="AV"
               )
               q-badge.delete(
@@ -29,11 +29,11 @@
                 @click="removeImage(insurance?.insuranceKey, field?.key)",
                 rounded
               )
-                q-icon.icon-cancel(name="app:cancel", size="8px")
+                q-icon(name="app:icon-cancel", size="8px")
             .replace-photo.font-medium.text-base.cursor-pointer(
               v-if="isEdit",
               @click="changeModal(insurance.insuranceKey)"
-            ) {{ basic[insurance.insuranceKey][field.key]?.photo ? "Заменить фото" : "Добавить фото" }}
+            ) {{ insuranceData[insurance.insuranceKey][field.key]?.photo ? "Заменить фото" : "Добавить фото" }}
             base-modal(
               v-if="insurance.insuranceKey === photoId"
               v-model="showModal",
@@ -41,7 +41,7 @@
             )
               base-upload-photo(
                 :key="insurance.insuranceKey"
-                v-model="basic[photoId][field.key]"
+                v-model="insuranceData[photoId][field.key]"
                 :confirm-upload="confirmChangePhoto" 
               )
           .category.flex.h-10.relative.gap-x-2(v-else-if="field.type === 'select'")
@@ -75,14 +75,16 @@
               span(
                 :style="{color: 'var(--font-dark-blue-color)'}"
               ) {{"\xa0" + basic?.benefit[insurance?.discount] + "%"}}
-          .input-container.flex.flex-col.relative(v-else)
+          .input-container.flex.flex-col.relative(v-if="field.type === 'text'")
             base-input(
               v-model="insuranceData[insurance.insuranceKey][field.key]",
-              @update:model-value="checkChangeInput",
+              @update:model-value="checkChangeInput(insurance.insuranceKey)",
               :mask="field?.inputMask",
               :readonly="!isEdit",
               :type="field.type",
-              size="M"
+              size="M",
+              :name="insurance.insuranceKey + ':' + field.key",
+              :rule="[(val) => checkFields(val, insurance.insuranceKey, field.key, field.rules)]"
             )
               q-icon.my-auto.text-lg.label-field.cursor-pointer.copy(
                 size="18px",
@@ -101,9 +103,12 @@ import { fetchWrapper } from "@/shared/fetchWrapper";
 import BaseModal from "@/components/base/BaseModal.vue";
 import BaseUploadPhoto from "@/components/base/BaseUploadPhoto.vue";
 import BaseCategorySelection from "@/components/base/BaseCategorySelection.vue";
-import { checkChangeData } from "@/shared/utils/changesObjects";
 import { addNotification } from "@/components/Notifications/notificationContext";
 import BaseInput from "@/components/base/BaseInput.vue";
+import {
+  checkChangeData,
+  getFieldsNameUnvalidated,
+} from "@/shared/utils/changesObjects.js";
 
 export default {
   name: "InsuranceForm",
@@ -139,14 +144,30 @@ export default {
       benefitData: (state) => state.medical?.benefitData,
     }),
     initialDocData() {
-      const { OMS, DMS } = this.$store.state.medical.documents;
-      return {
-        OMS: OMS,
-        DMS: DMS,
-      };
+      return this.$store.state.medical.documents;
     },
   },
   methods: {
+    checkFields(val, insuranceKey, defaultRule) {
+      const filteredFields = ["series", "number"];
+      if (
+        filteredFields?.every(
+          (elem) => !this.insuranceData?.[insuranceKey]?.[elem]
+        ) &&
+        !this.initialDocData?.[insuranceKey]?.id
+      ) {
+        this.$refs.insuranceForm
+          .getValidationComponents()
+          .filter(
+            (elem) =>
+              elem.name === `${insuranceKey}:series` ||
+              elem.name === `${insuranceKey}:number`
+          )
+          .forEach((elem) => elem.resetValidation());
+        return true;
+      }
+      return defaultRule(val);
+    },
     filterDataBenefit(text) {
       if (text.length > 1)
         return this.$store.dispatch("getBenefitDataSearch", text);
@@ -188,187 +209,242 @@ export default {
     openModalCategories() {
       //if (this.isEdit) this.showModalCategories = true;
     },
-    checkChangeInput() {
+    checkChangeInput(key) {
       this.isCheckChange =
-        JSON.stringify(this.initialDocData) !==
-        JSON.stringify(this.insuranceData);
+        JSON.stringify(this.initialDocData?.[key]) !==
+        JSON.stringify(this.insuranceData?.[key]);
     },
     confirmChangePhoto() {
       this.showModal = false;
       this.isCheckChange = true;
     },
-    updateBasicData() {
-      let insuranceDMS = this.basic.insuranceDMS;
-      let insuranceOMS = this.basic.insuranceOMS;
-      let personal = this.basic.personalData;
-      let benefit = this.basic.benefit;
-
-      const insuranceFormDataDMS = new FormData();
-      const insuranceFormDataOMS = new FormData();
-      const benefitFormData = new FormData();
-
-      if (insuranceDMS.series && insuranceDMS.number) {
-        for (let key in insuranceDMS) {
-          if (insuranceDMS[key] && key !== "photo" && key !== "id")
-            insuranceFormDataDMS.append(key, insuranceDMS[key]);
-        }
-      }
-      if (
-        insuranceDMS.photo.file &&
-        insuranceDMS.photo.photo !== this.initDataBasic.insuranceDMS.photo.photo
-      )
-        insuranceFormDataDMS.append("photo", insuranceDMS.photo.file[0]);
-
-      if (insuranceOMS.series && insuranceOMS.number) {
-        for (let key in insuranceOMS) {
-          if (insuranceOMS[key] && key !== "photo" && key !== "id")
-            insuranceFormDataOMS.append(key, insuranceOMS[key]);
-        }
-      }
-      if (
-        insuranceOMS.photo.file &&
-        insuranceOMS.photo.photo !== this.initDataBasic.insuranceOMS.photo.photo
-      )
-        insuranceFormDataOMS.append("photo", insuranceOMS.photo.file[0]);
-
-      const request = Object.keys(this.basic).map((key) => {
-        if (
-          key === "insuranceDMS" &&
-          !insuranceDMS?.id &&
-          insuranceDMS.series &&
-          insuranceDMS.number
-        ) {
-          insuranceFormDataDMS.append("title", "DMS");
-          insuranceFormDataDMS.append("person", personal.id);
-          return this.sendData(
-            `general/insurance_policy/create/`,
-            insuranceFormDataDMS
-          );
-        }
-        if (
-          key === "insuranceOMS" &&
-          !insuranceOMS?.id &&
-          insuranceOMS.series &&
-          insuranceOMS.number
-        ) {
-          insuranceFormDataOMS.append("title", "OMS");
-          insuranceFormDataOMS.append("person", personal.id);
-          return this.sendData(
-            `general/insurance_policy/create/`,
-            insuranceFormDataOMS
-          );
-        }
-        if (
-          checkChangeData(this.initDataBasic.insuranceDMS, insuranceDMS) &&
-          key === "insuranceDMS" &&
-          insuranceDMS.id
-        ) {
-          this.checkedPhoto(
-            insuranceDMS.photo,
-            insuranceDMS.id,
-            "insurance_policy",
-            "delete_photo"
-          );
-          insuranceFormDataDMS.append("title", "DMS");
-          return this.sendData(
-            `general/insurance_policy/${insuranceDMS.id}/update/`,
-            insuranceFormDataDMS
-          );
-        } else if (
-          insuranceDMS.id &&
-          (!insuranceDMS.series || !insuranceDMS.number)
-        ) {
-          this.addErrorNotification(
-            "Ошибка заполнения формы ДМС",
-            "Пожалуйста заполните все поля"
-          );
-        }
-        if (
-          checkChangeData(this.initDataBasic.insuranceOMS, insuranceOMS) &&
-          key === "insuranceOMS" &&
-          insuranceOMS.id
-        ) {
-          this.checkedPhoto(
-            insuranceOMS.photo,
-            insuranceOMS.id,
-            "insurance_policy",
-            "delete_photo"
-          );
-          insuranceFormDataOMS.append("title", "OMS");
-          return this.sendData(
-            `general/insurance_policy/${insuranceOMS.id}/update/`,
-            insuranceFormDataOMS
-          );
-        } else if (
-          insuranceOMS.id &&
-          (!insuranceOMS.series || !insuranceOMS.number)
-        ) {
-          this.addErrorNotification(
-            "Ошибка заполнения формы ОМС",
-            "Пожалуйста заполните все поля"
-          );
-        }
-        if (
-          checkChangeData(this.initDataBasic.benefit, benefit) &&
-          key === "benefit"
-        ) {
-          this.checkedPhoto(
-            benefit.photo,
-            personal.id,
-            "person",
-            "delete_photo_benefit"
-          );
-          fetchWrapper.post(`general/person/${personal.id}/update/`, {
-            benefit: benefit.id,
+    saveChange() {
+      const form = this.$refs.insuranceForm;
+      form.validate().then((validate) => {
+        if (!validate) {
+          getFieldsNameUnvalidated(form).forEach((elem) => {
+            let error = {};
+            this.configData.forEach(({ dataKey, fields }) => {
+              let findedElem = fields.find(
+                (el) => dataKey + ":" + el.key === elem
+              );
+              if (findedElem) error = findedElem?.errorMessage;
+            });
+            this.addErrorNotification(error?.title, error?.message);
+          });
+        } else {
+          let request = [];
+          Object.keys(this.insuranceData).forEach((elem) => {
+            this.checkChangePhoto(elem, "attachments");
+            let newData = JSON.parse(JSON.stringify(this.insuranceData[elem]));
+            console.log("prep", newData);
+            newData.attachments = {};
+            if (!checkChangeData(this.initialDocData?.[elem], newData)) return;
+            delete newData.id;
+            delete newData.attachments;
+            if (!this.initialDocData?.[elem]?.id) {
+              console.log("post", newData);
+              newData.person_id =
+                this.$store.state.medical?.basicData?.personalData?.id;
+              console.log("create", newData);
+              //request.push(this.createData("documents/", newData));
+            } else {
+              console.log("create", newData);
+              // request.push(
+              //   this.updateData(
+              //     `documents/${this.initialDocData?.[elem]?.id}`,
+              //     newData
+              //   )
+              // );
+            }
+          });
+          Promise.allSettled(request).then(() => {
+            this.getMedicalCardData(this.$route.params.id);
+            this.isEdit = false;
+            this.isCheckChange = false;
+            this.$refs.form?.resetValidation();
           });
-          if (
-            benefit.photo.file &&
-            benefit.photo.photo !== this.initDataBasic.benefit.photo.photo
-          ) {
-            benefitFormData.append("photo_benefit", benefit.photo.file[0]);
-            return this.sendData(
-              `general/person/${personal.id}/update/`,
-              benefitFormData
-            );
-          }
         }
       });
-      return request;
+
+      // let insuranceDMS = this.basic.insuranceDMS;
+      // let insuranceOMS = this.basic.insuranceOMS;
+      // let personal = this.basic.personalData;
+      // let benefit = this.basic.benefit;
+
+      // const insuranceFormDataDMS = new FormData();
+      // const insuranceFormDataOMS = new FormData();
+      // const benefitFormData = new FormData();
+
+      // if (insuranceDMS.series && insuranceDMS.number) {
+      //   for (let key in insuranceDMS) {
+      //     if (insuranceDMS[key] && key !== "photo" && key !== "id")
+      //       insuranceFormDataDMS.append(key, insuranceDMS[key]);
+      //   }
+      // }
+      // if (
+      //   insuranceDMS.photo.file &&
+      //   insuranceDMS.photo.photo !== this.initDataBasic.insuranceDMS.photo.photo
+      // )
+      //   insuranceFormDataDMS.append("photo", insuranceDMS.photo.file[0]);
+
+      // if (insuranceOMS.series && insuranceOMS.number) {
+      //   for (let key in insuranceOMS) {
+      //     if (insuranceOMS[key] && key !== "photo" && key !== "id")
+      //       insuranceFormDataOMS.append(key, insuranceOMS[key]);
+      //   }
+      // }
+      // if (
+      //   insuranceOMS.photo.file &&
+      //   insuranceOMS.photo.photo !== this.initDataBasic.insuranceOMS.photo.photo
+      // )
+      //   insuranceFormDataOMS.append("photo", insuranceOMS.photo.file[0]);
+
+      // const request = Object.keys(this.basic).map((key) => {
+      //   if (
+      //     key === "insuranceDMS" &&
+      //     !insuranceDMS?.id &&
+      //     insuranceDMS.series &&
+      //     insuranceDMS.number
+      //   ) {
+      //     insuranceFormDataDMS.append("title", "DMS");
+      //     insuranceFormDataDMS.append("person", personal.id);
+      //     return this.sendData(
+      //       `general/insurance_policy/create/`,
+      //       insuranceFormDataDMS
+      //     );
+      //   }
+      //   if (
+      //     key === "insuranceOMS" &&
+      //     !insuranceOMS?.id &&
+      //     insuranceOMS.series &&
+      //     insuranceOMS.number
+      //   ) {
+      //     insuranceFormDataOMS.append("title", "OMS");
+      //     insuranceFormDataOMS.append("person", personal.id);
+      //     return this.sendData(
+      //       `general/insurance_policy/create/`,
+      //       insuranceFormDataOMS
+      //     );
+      //   }
+      //   if (
+      //     checkChangeData(this.initDataBasic.insuranceDMS, insuranceDMS) &&
+      //     key === "insuranceDMS" &&
+      //     insuranceDMS.id
+      //   ) {
+      //     this.checkedPhoto(
+      //       insuranceDMS.photo,
+      //       insuranceDMS.id,
+      //       "insurance_policy",
+      //       "delete_photo"
+      //     );
+      //     insuranceFormDataDMS.append("title", "DMS");
+      //     return this.sendData(
+      //       `general/insurance_policy/${insuranceDMS.id}/update/`,
+      //       insuranceFormDataDMS
+      //     );
+      //   } else if (
+      //     insuranceDMS.id &&
+      //     (!insuranceDMS.series || !insuranceDMS.number)
+      //   ) {
+      //     this.addErrorNotification(
+      //       "Ошибка заполнения формы ДМС",
+      //       "Пожалуйста заполните все поля"
+      //     );
+      //   }
+      //   if (
+      //     checkChangeData(this.initDataBasic.insuranceOMS, insuranceOMS) &&
+      //     key === "insuranceOMS" &&
+      //     insuranceOMS.id
+      //   ) {
+      //     this.checkedPhoto(
+      //       insuranceOMS.photo,
+      //       insuranceOMS.id,
+      //       "insurance_policy",
+      //       "delete_photo"
+      //     );
+      //     insuranceFormDataOMS.append("title", "OMS");
+      //     return this.sendData(
+      //       `general/insurance_policy/${insuranceOMS.id}/update/`,
+      //       insuranceFormDataOMS
+      //     );
+      //   } else if (
+      //     insuranceOMS.id &&
+      //     (!insuranceOMS.series || !insuranceOMS.number)
+      //   ) {
+      //     this.addErrorNotification(
+      //       "Ошибка заполнения формы ОМС",
+      //       "Пожалуйста заполните все поля"
+      //     );
+      //   }
+      //   if (
+      //     checkChangeData(this.initDataBasic.benefit, benefit) &&
+      //     key === "benefit"
+      //   ) {
+      //     this.checkedPhoto(
+      //       benefit.photo,
+      //       personal.id,
+      //       "person",
+      //       "delete_photo_benefit"
+      //     );
+      //     fetchWrapper.post(`general/person/${personal.id}/update/`, {
+      //       benefit: benefit.id,
+      //     });
+      //     if (
+      //       benefit.photo.file &&
+      //       benefit.photo.photo !== this.initDataBasic.benefit.photo.photo
+      //     ) {
+      //       benefitFormData.append("photo_benefit", benefit.photo.file[0]);
+      //       return this.sendData(
+      //         `general/person/${personal.id}/update/`,
+      //         benefitFormData
+      //       );
+      //     }
+      //   }
+      // });
+      // return request;
     },
-    checkedPhoto(photo, id, key, title) {
-      if (!photo?.photo) {
-        return this.delPhoto(`general/${key}/${id}/${title}/`);
-      }
+
+    //todo удалить
+
+    checkChangePhoto(updatedObjId, field) {
+      if (this.insuranceData[updatedObjId][field]?.file)
+        console.log(
+          updatedObjId,
+          field,
+          this.insuranceData[updatedObjId][field]?.file[0]
+        );
     },
     addErrorNotification(title, message) {
       addNotification(title + message, title, message, "error", 5000);
     },
-
     async sendData(url, body) {
       return await fetchWrapper.post(url, body, "formData");
     },
-    async delPhoto(url) {
-      return await fetchWrapper.del(url);
-    },
     cancelEdit() {
-      this.$store.dispatch("returnInitData");
+      const { OMS, DMS } = JSON.parse(JSON.stringify(this.initialDocData));
+      this.insuranceData = {
+        OMS: OMS,
+        DMS: DMS,
+      };
+      console.log("insuranceData cancel", this.insuranceData);
       this.isEdit = false;
       this.isCheckChange = false;
     },
     openEdit() {
       this.isEdit = true;
     },
-    saveChange() {
-      this.isLoadingData = true;
-      let updateBasic = this.updateBasicData();
-      Promise.allSettled(updateBasic)
-        .then(() => this.$store.dispatch("getMedicalCardData"))
-        .then(() => {
-          this.isLoadingData = false;
-          this.isEdit = false;
-          this.isCheckChange = false;
-        });
-    },
+    // saveChange() {
+    //   this.isLoadingData = true;
+    //   let updateBasic = this.updateInsurance();
+    //   Promise.allSettled(updateBasic)
+    //     .then(() => this.$store.dispatch("getMedicalCardData"))
+    //     .then(() => {
+    //       this.isLoadingData = false;
+    //       this.isEdit = false;
+    //       this.isCheckChange = false;
+    //     });
+    // },
   },
   watch: {
     showModalCategories: {
@@ -381,7 +457,12 @@ export default {
       deep: true,
       immediate: true,
       handler(newVal) {
-        this.insuranceData = JSON.parse(JSON.stringify(newVal));
+        const { OMS, DMS } = JSON.parse(JSON.stringify(newVal));
+        this.insuranceData = {
+          OMS: OMS,
+          DMS: DMS,
+        };
+        console.log("insuranceData watch", this.insuranceData);
       },
     },
   },
diff --git a/src/pages/newMedicalCard/utils/medicalConfig.js b/src/pages/newMedicalCard/utils/medicalConfig.js
index 4ee3919..f1f972f 100644
--- a/src/pages/newMedicalCard/utils/medicalConfig.js
+++ b/src/pages/newMedicalCard/utils/medicalConfig.js
@@ -385,13 +385,21 @@ export const baseInsuranceForm = [
         key: "series",
         label: "Серия",
         type: "text",
-        inputMask: "####",
+        rules: (val) => ruleNotValue(val),
+        errorMessage: {
+          title: "Ошибка валидации",
+          message: "Серия полиса ОМС не заполнена",
+        },
       },
       {
         key: "number",
         label: "Номер",
         type: "text",
-        inputMask: "####-####-####",
+        rules: (val) => ruleNotValue(val),
+        errorMessage: {
+          title: "Ошибка валидации",
+          message: "Номер полиса ДМС не заполнен",
+        },
       },
       {
         key: "attachments",
@@ -408,13 +416,21 @@ export const baseInsuranceForm = [
         key: "series",
         label: "Серия",
         type: "text",
-        inputMask: "####",
+        rules: (val) => ruleNotValue(val),
+        errorMessage: {
+          title: "Ошибка валидации",
+          message: "Серия полиса ДМС не заполнена",
+        },
       },
       {
         key: "number",
         label: "Номер",
         type: "text",
-        inputMask: "####-####-####",
+        rules: (val) => ruleNotValue(val),
+        errorMessage: {
+          title: "Ошибка валидации",
+          message: "Номер полиса ДМС не заполнен",
+        },
       },
       {
         key: "attachments",
@@ -525,7 +541,7 @@ export const documentForm = [
           title: "Ошибка валидации",
           message: "СНИЛС содержит менее 11 цифр",
         },
-        rules: (val) => ruleOptionalFields(val, 14),
+        rules: (val, id) => ruleOptionalFields(val, 14, id),
       },
       {
         key: "attachments",
@@ -547,7 +563,7 @@ export const documentForm = [
           title: "Ошибка валидации",
           message: "ИНН содержит менее 12 цифр",
         },
-        rules: (val) => ruleOptionalFields(val, 12),
+        rules: (val, id) => ruleOptionalFields(val, 12, id),
       },
       {
         key: "attachments",
diff --git a/src/shared/utils/rulesInputs.js b/src/shared/utils/rulesInputs.js
index cd9e326..6f2e3a6 100644
--- a/src/shared/utils/rulesInputs.js
+++ b/src/shared/utils/rulesInputs.js
@@ -8,8 +8,8 @@ export function ruleLengthValue(val, minLength, text) {
   return (val && val.length === minLength) || text || false;
 }
 
-export function ruleOptionalFields(val, minLength, text) {
-  return !val || val.length === minLength || text || false;
+export function ruleOptionalFields(val, minLength, id, text) {
+  return (!val && !id) || val.length === minLength || text || false;
 }
 
 export function ruleEmailValue(val, text) {
diff --git a/src/store/modules/medicalCard.js b/src/store/modules/medicalCard.js
index d06b25d..eb6b44e 100644
--- a/src/store/modules/medicalCard.js
+++ b/src/store/modules/medicalCard.js
@@ -188,78 +188,46 @@ const getters = {
     };
   },
   getDocumentsData(state, rootState) {
-    const documents = state.medicalCard?.person?.documents,
-      passport = documents?.find(({ category }) => category === "passport"),
-      insurance_number = documents?.find(
-        ({ category }) => category === "insurance_number"
-      ),
-      tax_identification_number = documents?.find(
-        ({ category }) => category === "tax_identification_number"
-      ),
-      OMS = documents?.find(({ category }) => category === "OMS"),
-      DMS = documents?.find(({ category }) => category === "DMS");
-    return {
-      passport: {
-        category: "passport",
-        id: passport?.id || "",
-        series: passport?.series || "",
-        number: passport?.number || "",
-        issued_by: passport?.issued_by || "",
-        issued_by_org_code: passport?.issued_by_org_code || "",
-        issued_at: passport?.issued_at ? passport?.issued_at : "",
-        attachments: passport?.attachments?.length
+    const fields = [
+      "passport",
+      "insurance_number",
+      "tax_identification_number",
+      "OMS",
+      "DMS",
+    ];
+    let result = {};
+    fields.forEach((elem) => {
+      const document = state.medicalCard?.person?.documents?.find(
+        ({ category }) => category === elem
+      );
+      const isPassport = elem === "passport";
+      const isPolicy = elem === "OMS" || elem === "DMS";
+      result[elem] = {
+        category: elem,
+        id: document?.id || "",
+        series: document?.series || (isPolicy || isPassport ? "" : "000"),
+        number: document?.number || "",
+        issued_by: document?.issued_by || (isPassport ? "" : "000"),
+        issued_by_org_code: document?.issued_by_org_code || "",
+        issued_at: document?.issued_at || "",
+        attachments: document?.attachments?.length
           ? {
-              photo: rootState.getUrl + passport?.attachments?.[0],
+              photo: rootState.getUrl + document?.attachments?.[0],
               file: null,
             }
           : {},
-      },
-      insurance_number: {
-        category: "insurance_number",
-        id: insurance_number?.id || "",
-        number: insurance_number?.number || "",
-        attachments: insurance_number?.attachments?.length
-          ? {
-              photo: rootState.getUrl + insurance_number.attachments?.[0],
-              file: null,
-            }
-          : {},
-      },
-      tax_identification_number: {
-        category: "tax_identification_number",
-        id: tax_identification_number?.id || "",
-        number: tax_identification_number?.number || "",
-        attachments: tax_identification_number?.attachments?.length
-          ? {
-              photo:
-                rootState.getUrl + tax_identification_number?.attachments?.[0],
-              file: null,
-            }
-          : {},
-      },
-      OMS: {
-        category: OMS?.category || "",
-        id: OMS?.id || "",
-        number: OMS?.number || "",
-        attachments: OMS?.attachments?.length
-          ? {
-              photo: rootState.getUrl + OMS?.attachments?.[0],
-              file: null,
-            }
-          : {},
-      },
-      DMS: {
-        category: DMS?.category || "",
-        id: DMS?.id || "",
-        number: DMS?.number || "",
-        attachments: OMS?.attachments?.length
-          ? {
-              photo: rootState.getUrl + DMS?.attachments?.[0],
-              file: null,
-            }
-          : {},
-      },
-    };
+      };
+    });
+    // passport = documents?.find(({ category }) => category === "passport"),
+    // insurance_number = documents?.find(
+    //   ({ category }) => category === "insurance_number"
+    // ),
+    // tax_identification_number = documents?.find(
+    //   ({ category }) => category === "tax_identification_number"
+    // ),
+    // OMS = documents?.find(({ category }) => category === "OMS"),
+    // DMS = documents?.find(({ category }) => category === "DMS");
+    return result;
   },
   getContactsData(state) {
     let phones =

From 15e31ebcd757fcb488291807feed5e9a83378555 Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Fri, 25 Aug 2023 14:26:53 +0300
Subject: [PATCH 4/4] =?UTF-8?q?=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=D0=B0=20=D0=BE=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D0=BA=D0=BE=D0=BD=D1=82=D0=B0=D0=BA=D1=82?=
 =?UTF-8?q?=D0=BE=D0=B2=20=D0=BD=D0=B0=20=D0=B7=D0=B0=D0=BF=D0=B8=D1=81?=
 =?UTF-8?q?=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/base/BaseInput.vue             |   1 +
 src/components/base/BaseInputDate.vue         |   7 +-
 .../components/CalendarRecordCard.vue         |  30 +-
 .../components/CreateEventForm.vue            |   2 +-
 .../BasicDataForms/DocumentsForm.vue          |  73 ++---
 .../BasicDataForms/InsuranceForm.vue          | 298 +++++-------------
 .../MedicalProtocolCreateModal.vue            |  18 +-
 .../components/MedicalBasicDataWrapper.vue    |   4 +-
 .../newMedicalCard/utils/medicalConfig.js     |   2 +-
 src/store/modules/medicalCard.js              |  28 +-
 10 files changed, 164 insertions(+), 299 deletions(-)

diff --git a/src/components/base/BaseInput.vue b/src/components/base/BaseInput.vue
index 3c9bb6c..d17b07a 100644
--- a/src/components/base/BaseInput.vue
+++ b/src/components/base/BaseInput.vue
@@ -55,6 +55,7 @@ export default {
       default: false,
     },
     type: {
+      type: String,
       default: "text",
     },
     accept: {
diff --git a/src/components/base/BaseInputDate.vue b/src/components/base/BaseInputDate.vue
index 470827f..70ba445 100644
--- a/src/components/base/BaseInputDate.vue
+++ b/src/components/base/BaseInputDate.vue
@@ -147,7 +147,12 @@ export default {
       return date && date?.length === 10 ? date : null;
     },
     defaultRule(val) {
-      return !val || moment(this.convertRUFormat(val)).isValid();
+      return (
+        !val ||
+        moment(
+          this.checkFormat(val) ? this.convertRUFormat(val) : null
+        ).isValid()
+      );
     },
     closeCalendar() {
       this.calendarVisibility = false;
diff --git a/src/pages/newCalendar/components/CalendarRecordCard.vue b/src/pages/newCalendar/components/CalendarRecordCard.vue
index 7822534..5cdec80 100644
--- a/src/pages/newCalendar/components/CalendarRecordCard.vue
+++ b/src/pages/newCalendar/components/CalendarRecordCard.vue
@@ -64,15 +64,27 @@ export default {
   },
   computed: {
     contacts() {
-      let contactList = this.record?.person?.contacts
-        ?.filter(
-          (elem) => elem.category === "PHONE" || elem.category === "EMAIL"
-        )
-        ?.map((elem) => ({
-          kind: elem.category,
-          icon: networks.find((item) => item.id === elem.category)?.icon,
-          value: elem.value,
-        }));
+      let contactList = [];
+      this.record?.person?.contacts?.find((elem) => {
+        if (elem.category === "PHONE") {
+          contactList.push({
+            kind: elem?.category,
+            icon: networks?.find((item) => item.id === elem.category)?.icon,
+            value: elem?.value,
+          });
+          return true;
+        }
+      });
+      this.record?.person?.contacts?.find((elem) => {
+        if (elem.category === "EMAIL") {
+          contactList.push({
+            kind: elem?.category,
+            icon: networks?.find((item) => item.id === elem.category)?.icon,
+            value: elem?.value,
+          });
+          return true;
+        }
+      });
       if (this.collapsedDisplayCondition) {
         contactList.length = 1;
         return contactList;
diff --git a/src/pages/newCalendar/components/CreateEventForm.vue b/src/pages/newCalendar/components/CreateEventForm.vue
index 180d70a..9921e06 100644
--- a/src/pages/newCalendar/components/CreateEventForm.vue
+++ b/src/pages/newCalendar/components/CreateEventForm.vue
@@ -57,7 +57,7 @@ export default {
     return {
       patient: {},
       phone: "",
-      birth_date: {},
+      birth_date: "",
       time: {},
       patientData: patientData,
       currentStatus: patientData.statuses.find((e) => e.name === "Не принят"),
diff --git a/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue b/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue
index f620345..df7b46a 100644
--- a/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue
+++ b/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue
@@ -46,7 +46,7 @@
             v-if="field.type === 'date'",
             v-model="docData[data.dataKey][field.key]",
             :name="data.dataKey + ':' + field.key",
-            @update:model-value="checkChangeDocData(data.dataKey)",
+            @update:model-value="checkChangeDocData",
             :readonly="!isEdit",
             :width="302",
             :mask="field?.inputMask",
@@ -57,7 +57,7 @@
             v-if="field.type === 'text'",
             v-model="docData[data.dataKey][field.key]",
             :name="data.dataKey + ':' + field.key",
-            @update:model-value="checkChangeDocData(data.dataKey)",
+            @update:model-value="checkChangeDocData",
             :readonly="!isEdit",
             :type="field.type",
             :width="302",
@@ -105,7 +105,6 @@ export default {
       docData: null,
       isCheckChange: false,
       isLoadingData: true,
-      approvedPassportData: false,
       copiedFields: [
         "series",
         "number",
@@ -165,15 +164,13 @@ export default {
           .getValidationComponents()
           .filter((elem) => !this.personDataField.includes(elem.name))
           .forEach((elem) => elem.resetValidation());
-        this.approvedPassportData = true;
         return true;
       }
-      this.approvedPassportData = false;
       return defaultRule(val);
     },
     removeImage(docKey, field) {
       this.docData[docKey][field] = {};
-      this.isCheckChange = true;
+      this.checkChangeDocData();
     },
     copyValue(text) {
       navigator.clipboard.writeText(text);
@@ -182,15 +179,7 @@ export default {
       return !this.isEdit && this.copiedFields.some((elem) => elem === key);
     },
     cancelEdit() {
-      const { passport, insurance_number, tax_identification_number } =
-        this.initialDocData;
-      this.docData = {
-        passport: JSON.parse(JSON.stringify(passport)),
-        insurance_number: JSON.parse(JSON.stringify(insurance_number)),
-        tax_identification_number: JSON.parse(
-          JSON.stringify(tax_identification_number)
-        ),
-      };
+      this.docData = this.destruct(this.initialDocData);
       this.isEdit = false;
       this.isCheckChange = false;
       this.$refs.documentForm.resetValidation();
@@ -198,10 +187,10 @@ export default {
     openEdit() {
       this.isEdit = true;
     },
-    checkChangeDocData(key) {
+    checkChangeDocData() {
       this.isCheckChange = checkChangeData(
-        this.initialDocData?.[key],
-        this.docData?.[key]
+        this.destruct(this.initialDocData),
+        this.docData
       );
     },
     openModal(id) {
@@ -231,7 +220,6 @@ export default {
           Object.keys(this.docData).forEach((elem) => {
             this.checkChangePhoto(elem, "attachments");
             let newData = JSON.parse(JSON.stringify(this.docData[elem]));
-            console.log("prep", newData);
             newData.attachments = {};
             if (!checkChangeData(this.initialDocData?.[elem], newData)) return;
             delete newData.id;
@@ -243,24 +231,24 @@ export default {
               delete newData.issued_by_org_code;
             }
             delete newData.attachments;
+            Object.keys(this.docData[elem])?.forEach((key) => {
+              if (!this.docData[elem]?.[key]) delete newData?.[key];
+            });
             if (!this.initialDocData?.[elem]?.id) {
-              console.log("post", newData);
               newData.person_id =
                 this.$store.state.medical?.basicData?.personalData?.id;
-              console.log("create", newData);
-              //request.push(this.createData("documents/", newData));
+              request.push(this.createData("documents/", newData));
             } else {
-              console.log("create", newData);
-              // request.push(
-              //   this.updateData(
-              //     `documents/${this.initialDocData?.[elem]?.id}`,
-              //     newData
-              //   )
-              // );
+              request.push(
+                this.updateData(
+                  `documents/${this.initialDocData?.[elem]?.id}`,
+                  newData
+                )
+              );
             }
           });
           Promise.allSettled(request).then(() => {
-            this.getMedicalCardData(this.$route.params.id);
+            this.getMedicalDataById(this.$route.params.id);
             this.isEdit = false;
             this.isCheckChange = false;
             this.$refs.form?.resetValidation();
@@ -292,26 +280,25 @@ export default {
       return date ? date.split(".").reverse().join("-") : "";
     },
     ...mapActions({
-      getMedicalCardData: "getMedicalCardDataById",
+      getMedicalDataById: "getMedicalDataById",
     }),
+    destruct(data) {
+      const { passport, insurance_number, tax_identification_number } =
+        JSON.parse(JSON.stringify(data));
+      return {
+        passport: passport,
+        insurance_number: insurance_number,
+        tax_identification_number: tax_identification_number,
+      };
+    },
   },
   watch: {
     initialDocData: {
       deep: true,
       immediate: true,
       handler(value) {
-        if (Object.keys(value).length) {
-          const { passport, insurance_number, tax_identification_number } =
-            value;
-          this.docData = {
-            passport: JSON.parse(JSON.stringify(passport)),
-            insurance_number: JSON.parse(JSON.stringify(insurance_number)),
-            tax_identification_number: JSON.parse(
-              JSON.stringify(tax_identification_number)
-            ),
-          };
-          console.log(this.docData);
-        } else this.docData = this.initializationData;
+        if (Object.keys(value).length) this.docData = this.destruct(value);
+        else this.docData = this.initializationData;
       },
     },
   },
diff --git a/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue b/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue
index f93daa9..c47f6cf 100644
--- a/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue
+++ b/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue
@@ -17,23 +17,27 @@
           :style="{marginTop: field.label === 'Документы' ? '20px' : null}"
         )
           .label-field.font-sm.text-sm.whitespace-nowrap {{`${field.label} :`}}
-          .avatar-field.flex.gap-3.items-center.h-10.w-10(v-if="field.type === 'attachments'")
-            .flex.w-10.h-10.relative(v-if="insuranceData[insurance.insuranceKey][field.key]?.photo")
+          .flex.gap-3.items-center.h-10.w-10(
+            v-if="field.type === 'photo'",
+            :style="{'min-width': field.label === 'Документы' ? '324px' : '302px'}"
+          )
+            .flex.w-10.h-10.relative(v-if="insuranceData[insurance.insuranceKey]?.attachments?.photo")
               img.rounded.avatar.object-cover(
-                :src="insuranceData[insurance.insuranceKey][field.key]?.photo",
+                :src="insuranceData[insurance.insuranceKey]?.attachments?.photo",
                 alt="AV"
               )
               q-badge.delete(
                 floating,
                 v-if="isEdit",
                 @click="removeImage(insurance?.insuranceKey, field?.key)",
-                rounded
+                rounded,
+                :style="{padding: 0}"
               )
-                q-icon(name="app:icon-cancel", size="8px")
+                q-icon.cancel-icon(name="app:cancel-mini", size="16px")
             .replace-photo.font-medium.text-base.cursor-pointer(
               v-if="isEdit",
               @click="changeModal(insurance.insuranceKey)"
-            ) {{ insuranceData[insurance.insuranceKey][field.key]?.photo ? "Заменить фото" : "Добавить фото" }}
+            ) {{ insuranceData[insurance.insuranceKey]?.attachments?.photo ? "Заменить фото" : "Добавить фото" }}
             base-modal(
               v-if="insurance.insuranceKey === photoId"
               v-model="showModal",
@@ -48,7 +52,7 @@
             .category-select.flex.items-center.change.px-4.rounded {{selectCategory(basic[insurance.insuranceKey][field.key])}}
             q-btn.change.flex.w-7.h-9.rounded-md(
               v-if="isEdit", 
-              @click="showModalCategories = true", 
+              @click="openModalCategories", 
               dense, 
               padding="8px"
             )
@@ -75,28 +79,26 @@
               span(
                 :style="{color: 'var(--font-dark-blue-color)'}"
               ) {{"\xa0" + basic?.benefit[insurance?.discount] + "%"}}
-          .input-container.flex.flex-col.relative(v-if="field.type === 'text'")
+          .input-container.flex.flex-col.relative(v-else)
             base-input(
               v-model="insuranceData[insurance.insuranceKey][field.key]",
-              @update:model-value="checkChangeInput(insurance.insuranceKey)",
-              :mask="field?.inputMask",
+              @update:model-value="checkChangeInput",
               :readonly="!isEdit",
-              :type="field.type",
               size="M",
               :name="insurance.insuranceKey + ':' + field.key",
-              :rule="[(val) => checkFields(val, insurance.insuranceKey, field.key, field.rules)]"
+              :rule="[(val) => checkFields(val, insurance.insuranceKey, field.rules)]"
             )
               q-icon.my-auto.text-lg.label-field.cursor-pointer.copy(
                 size="18px",
                 name="app:copy",
-                v-if="checkCopiedFields(field.key, basic[insurance.insuranceKey])",
-                @click="copyValue(basic[insurance.insuranceKey][field.key])"
+                v-if="checkCopiedFields(field.key, insuranceData[insurance.insuranceKey])",
+                @click="copyValue(insuranceData[insurance.insuranceKey][field.key])"
               )
 </template>
 
 <script>
 import { baseInsuranceForm } from "@/pages/newMedicalCard/utils/medicalConfig";
-import { mapGetters, mapState } from "vuex";
+import { mapActions, mapGetters, mapState } from "vuex";
 import MedicalFormWrapper from "@/pages/newMedicalCard/components/MedicalFormWrapper.vue";
 import BaseAvatar from "@/components/base/BaseAvatar.vue";
 import { fetchWrapper } from "@/shared/fetchWrapper";
@@ -131,13 +133,31 @@ export default {
       photoId: "",
       copiedFields: ["series", "number"],
       insuranceData: {},
+      initializationData: {
+        OMS: {
+          category: "OMS",
+          id: null,
+          series: null,
+          number: null,
+          issued_by: null,
+          issued_at: "",
+          attachments: null,
+        },
+        DMS: {
+          category: "OMS",
+          id: null,
+          series: null,
+          number: null,
+          issued_by: null,
+          issued_at: "",
+          attachments: null,
+        },
+      },
     };
   },
   computed: {
     ...mapGetters({
       url: "getUrl",
-      //avatar: "getAvatar",
-      //initDataBasic: "getBasicData",
     }),
     ...mapState({
       basic: (state) => state.medical?.basicData,
@@ -174,8 +194,8 @@ export default {
       this.$store.dispatch("getBenefitData", text);
     },
     removeImage(docKey, field) {
-      this.basic[docKey][field] = {};
-      this.isCheckChange = true;
+      this.insuranceData[docKey][field] = {};
+      this.checkChangeInput();
     },
     checkCopiedFields(key, item) {
       return (
@@ -209,10 +229,11 @@ export default {
     openModalCategories() {
       //if (this.isEdit) this.showModalCategories = true;
     },
-    checkChangeInput(key) {
-      this.isCheckChange =
-        JSON.stringify(this.initialDocData?.[key]) !==
-        JSON.stringify(this.insuranceData?.[key]);
+    checkChangeInput() {
+      this.isCheckChange = checkChangeData(
+        this.destruct(this.initialDocData),
+        this.insuranceData
+      );
     },
     confirmChangePhoto() {
       this.showModal = false;
@@ -224,9 +245,9 @@ export default {
         if (!validate) {
           getFieldsNameUnvalidated(form).forEach((elem) => {
             let error = {};
-            this.configData.forEach(({ dataKey, fields }) => {
+            this.insuranceConfig.forEach(({ insuranceKey, fields }) => {
               let findedElem = fields.find(
-                (el) => dataKey + ":" + el.key === elem
+                (el) => insuranceKey + ":" + el.key === elem
               );
               if (findedElem) error = findedElem?.errorMessage;
             });
@@ -237,176 +258,35 @@ export default {
           Object.keys(this.insuranceData).forEach((elem) => {
             this.checkChangePhoto(elem, "attachments");
             let newData = JSON.parse(JSON.stringify(this.insuranceData[elem]));
-            console.log("prep", newData);
             newData.attachments = {};
             if (!checkChangeData(this.initialDocData?.[elem], newData)) return;
             delete newData.id;
             delete newData.attachments;
+            Object.keys(this.insuranceData[elem])?.forEach((key) => {
+              if (!this.insuranceData?.[elem]?.[key]) delete newData?.[key];
+            });
             if (!this.initialDocData?.[elem]?.id) {
-              console.log("post", newData);
               newData.person_id =
                 this.$store.state.medical?.basicData?.personalData?.id;
-              console.log("create", newData);
-              //request.push(this.createData("documents/", newData));
-            } else {
-              console.log("create", newData);
-              // request.push(
-              //   this.updateData(
-              //     `documents/${this.initialDocData?.[elem]?.id}`,
-              //     newData
-              //   )
-              // );
-            }
-          });
-          Promise.allSettled(request).then(() => {
-            this.getMedicalCardData(this.$route.params.id);
-            this.isEdit = false;
-            this.isCheckChange = false;
-            this.$refs.form?.resetValidation();
+              request.push(this.createData("documents/", newData));
+            } else
+              request.push(
+                this.updateData(
+                  `documents/${this.initialDocData?.[elem]?.id}`,
+                  newData
+                )
+              );
           });
+          if (request.length)
+            Promise.allSettled(request).then(() => {
+              this.getMedicalDataById(this.$route.params.id);
+              this.isEdit = false;
+              this.isCheckChange = false;
+              this.$refs.form?.resetValidation();
+            });
         }
       });
-
-      // let insuranceDMS = this.basic.insuranceDMS;
-      // let insuranceOMS = this.basic.insuranceOMS;
-      // let personal = this.basic.personalData;
-      // let benefit = this.basic.benefit;
-
-      // const insuranceFormDataDMS = new FormData();
-      // const insuranceFormDataOMS = new FormData();
-      // const benefitFormData = new FormData();
-
-      // if (insuranceDMS.series && insuranceDMS.number) {
-      //   for (let key in insuranceDMS) {
-      //     if (insuranceDMS[key] && key !== "photo" && key !== "id")
-      //       insuranceFormDataDMS.append(key, insuranceDMS[key]);
-      //   }
-      // }
-      // if (
-      //   insuranceDMS.photo.file &&
-      //   insuranceDMS.photo.photo !== this.initDataBasic.insuranceDMS.photo.photo
-      // )
-      //   insuranceFormDataDMS.append("photo", insuranceDMS.photo.file[0]);
-
-      // if (insuranceOMS.series && insuranceOMS.number) {
-      //   for (let key in insuranceOMS) {
-      //     if (insuranceOMS[key] && key !== "photo" && key !== "id")
-      //       insuranceFormDataOMS.append(key, insuranceOMS[key]);
-      //   }
-      // }
-      // if (
-      //   insuranceOMS.photo.file &&
-      //   insuranceOMS.photo.photo !== this.initDataBasic.insuranceOMS.photo.photo
-      // )
-      //   insuranceFormDataOMS.append("photo", insuranceOMS.photo.file[0]);
-
-      // const request = Object.keys(this.basic).map((key) => {
-      //   if (
-      //     key === "insuranceDMS" &&
-      //     !insuranceDMS?.id &&
-      //     insuranceDMS.series &&
-      //     insuranceDMS.number
-      //   ) {
-      //     insuranceFormDataDMS.append("title", "DMS");
-      //     insuranceFormDataDMS.append("person", personal.id);
-      //     return this.sendData(
-      //       `general/insurance_policy/create/`,
-      //       insuranceFormDataDMS
-      //     );
-      //   }
-      //   if (
-      //     key === "insuranceOMS" &&
-      //     !insuranceOMS?.id &&
-      //     insuranceOMS.series &&
-      //     insuranceOMS.number
-      //   ) {
-      //     insuranceFormDataOMS.append("title", "OMS");
-      //     insuranceFormDataOMS.append("person", personal.id);
-      //     return this.sendData(
-      //       `general/insurance_policy/create/`,
-      //       insuranceFormDataOMS
-      //     );
-      //   }
-      //   if (
-      //     checkChangeData(this.initDataBasic.insuranceDMS, insuranceDMS) &&
-      //     key === "insuranceDMS" &&
-      //     insuranceDMS.id
-      //   ) {
-      //     this.checkedPhoto(
-      //       insuranceDMS.photo,
-      //       insuranceDMS.id,
-      //       "insurance_policy",
-      //       "delete_photo"
-      //     );
-      //     insuranceFormDataDMS.append("title", "DMS");
-      //     return this.sendData(
-      //       `general/insurance_policy/${insuranceDMS.id}/update/`,
-      //       insuranceFormDataDMS
-      //     );
-      //   } else if (
-      //     insuranceDMS.id &&
-      //     (!insuranceDMS.series || !insuranceDMS.number)
-      //   ) {
-      //     this.addErrorNotification(
-      //       "Ошибка заполнения формы ДМС",
-      //       "Пожалуйста заполните все поля"
-      //     );
-      //   }
-      //   if (
-      //     checkChangeData(this.initDataBasic.insuranceOMS, insuranceOMS) &&
-      //     key === "insuranceOMS" &&
-      //     insuranceOMS.id
-      //   ) {
-      //     this.checkedPhoto(
-      //       insuranceOMS.photo,
-      //       insuranceOMS.id,
-      //       "insurance_policy",
-      //       "delete_photo"
-      //     );
-      //     insuranceFormDataOMS.append("title", "OMS");
-      //     return this.sendData(
-      //       `general/insurance_policy/${insuranceOMS.id}/update/`,
-      //       insuranceFormDataOMS
-      //     );
-      //   } else if (
-      //     insuranceOMS.id &&
-      //     (!insuranceOMS.series || !insuranceOMS.number)
-      //   ) {
-      //     this.addErrorNotification(
-      //       "Ошибка заполнения формы ОМС",
-      //       "Пожалуйста заполните все поля"
-      //     );
-      //   }
-      //   if (
-      //     checkChangeData(this.initDataBasic.benefit, benefit) &&
-      //     key === "benefit"
-      //   ) {
-      //     this.checkedPhoto(
-      //       benefit.photo,
-      //       personal.id,
-      //       "person",
-      //       "delete_photo_benefit"
-      //     );
-      //     fetchWrapper.post(`general/person/${personal.id}/update/`, {
-      //       benefit: benefit.id,
-      //     });
-      //     if (
-      //       benefit.photo.file &&
-      //       benefit.photo.photo !== this.initDataBasic.benefit.photo.photo
-      //     ) {
-      //       benefitFormData.append("photo_benefit", benefit.photo.file[0]);
-      //       return this.sendData(
-      //         `general/person/${personal.id}/update/`,
-      //         benefitFormData
-      //       );
-      //     }
-      //   }
-      // });
-      // return request;
     },
-
-    //todo удалить
-
     checkChangePhoto(updatedObjId, field) {
       if (this.insuranceData[updatedObjId][field]?.file)
         console.log(
@@ -418,33 +298,30 @@ export default {
     addErrorNotification(title, message) {
       addNotification(title + message, title, message, "error", 5000);
     },
-    async sendData(url, body) {
-      return await fetchWrapper.post(url, body, "formData");
+    async createData(url, body) {
+      return await fetchWrapper.post(url, body);
+    },
+    async updateData(url, body) {
+      return await fetchWrapper.patch(url, body);
     },
     cancelEdit() {
-      const { OMS, DMS } = JSON.parse(JSON.stringify(this.initialDocData));
-      this.insuranceData = {
-        OMS: OMS,
-        DMS: DMS,
-      };
-      console.log("insuranceData cancel", this.insuranceData);
+      this.insuranceData = this.destruct(this.initialDocData);
       this.isEdit = false;
       this.isCheckChange = false;
     },
     openEdit() {
       this.isEdit = true;
     },
-    // saveChange() {
-    //   this.isLoadingData = true;
-    //   let updateBasic = this.updateInsurance();
-    //   Promise.allSettled(updateBasic)
-    //     .then(() => this.$store.dispatch("getMedicalCardData"))
-    //     .then(() => {
-    //       this.isLoadingData = false;
-    //       this.isEdit = false;
-    //       this.isCheckChange = false;
-    //     });
-    // },
+    destruct(data) {
+      const { OMS, DMS } = JSON.parse(JSON.stringify(data));
+      return {
+        OMS: OMS,
+        DMS: DMS,
+      };
+    },
+    ...mapActions({
+      getMedicalDataById: "getMedicalDataById",
+    }),
   },
   watch: {
     showModalCategories: {
@@ -457,12 +334,9 @@ export default {
       deep: true,
       immediate: true,
       handler(newVal) {
-        const { OMS, DMS } = JSON.parse(JSON.stringify(newVal));
-        this.insuranceData = {
-          OMS: OMS,
-          DMS: DMS,
-        };
-        console.log("insuranceData watch", this.insuranceData);
+        if (Object.keys(newVal).length) {
+          this.insuranceData = this.destruct(newVal);
+        } else this.insuranceData = this.initializationData;
       },
     },
   },
@@ -477,9 +351,6 @@ export default {
   background: rgba(0, 0, 0, 0.05)
   color: var(--font-dark-blue-color)
 
-.avatar-field
-  min-width: 302px
-
 .avatar
   height: 100%
 
@@ -540,4 +411,7 @@ export default {
 
 .q-field--outlined.q-field--readonly :deep(.q-field__native)
   cursor: default
+
+.cancel-icon :deep(path)
+  fill: white
 </style>
diff --git a/src/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolCreateModal.vue b/src/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolCreateModal.vue
index 0cd2512..d2fc396 100644
--- a/src/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolCreateModal.vue
+++ b/src/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolCreateModal.vue
@@ -64,7 +64,7 @@ export default {
   data() {
     return {
       protocolData: {
-        date: null,
+        date: "",
         startTime: null,
       },
     };
@@ -96,19 +96,27 @@ export default {
     ...mapActions({
       createProtocol: "createProtocol",
     }),
+    checkFormat(date) {
+      return date && date?.length === 10 ? date : null;
+    },
     saveProtocol() {
       if (
         !Object.keys(this.protocolData).every((key) => this.protocolData[key])
-      ) {
+      )
         return;
-      }
       let time = this.protocolData.startTime.split(":");
-      let start = moment(this.protocolData.date).hour(time[0]).minute(time[1]);
+      let start = moment(this.checkFormat(this.protocolData.date))
+        ?.hour(time[0])
+        ?.minute(time[1]);
       let createdProtocol = {
         start: start.isValid() ? start.format() : null,
         end: start.isValid() ? start.add(30, "m").format() : null,
-        status: null,
       };
+      if (
+        Object.keys(createdProtocol)?.some((elem) => !createdProtocol?.[elem])
+      )
+        return;
+      createdProtocol.status = null;
       this.createProtocol(createdProtocol);
       this.changeShownCreateModal(false);
       this.createInspection();
diff --git a/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue b/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue
index acd6a0a..ab95b91 100644
--- a/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue
+++ b/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue
@@ -1,9 +1,9 @@
 <template lang="pug">
   .flex.flex-col.gap-y-2.wrapper.h-full.w-full
     basic-data-form
-    //contacts-form
+    contacts-form
     documents-form
-    //insurance-form
+    insurance-form
 </template>
 
 <script>
diff --git a/src/pages/newMedicalCard/utils/medicalConfig.js b/src/pages/newMedicalCard/utils/medicalConfig.js
index f1f972f..2bece29 100644
--- a/src/pages/newMedicalCard/utils/medicalConfig.js
+++ b/src/pages/newMedicalCard/utils/medicalConfig.js
@@ -398,7 +398,7 @@ export const baseInsuranceForm = [
         rules: (val) => ruleNotValue(val),
         errorMessage: {
           title: "Ошибка валидации",
-          message: "Номер полиса ДМС не заполнен",
+          message: "Номер полиса ОМС не заполнен",
         },
       },
       {
diff --git a/src/store/modules/medicalCard.js b/src/store/modules/medicalCard.js
index eb6b44e..cc08a6f 100644
--- a/src/store/modules/medicalCard.js
+++ b/src/store/modules/medicalCard.js
@@ -34,20 +34,6 @@ const state = () => ({
       house: null,
       flat: null,
     },
-    // insuranceDMS: {
-    //   series: null,
-    //   number: null,
-    //   photo: null,
-    //   id: null,
-    //   organization: null,
-    // },
-    // insuranceOMS: {
-    //   series: null,
-    //   number: null,
-    //   photo: null,
-    //   id: null,
-    //   organization: null,
-    // },
     benefit: {
       id: null,
       discount: null,
@@ -151,7 +137,7 @@ const getters = {
           (person?.gender &&
             genderOptions.find((el) => el.id === person?.gender)) ||
           "",
-        birth_date: person?.birth_date ? new Date(person?.birth_date) : "",
+        birth_date: person?.birth_date || "",
         photo: person?.photo
           ? {
               photo: rootState.getUrl + person.photo,
@@ -208,7 +194,8 @@ const getters = {
         series: document?.series || (isPolicy || isPassport ? "" : "000"),
         number: document?.number || "",
         issued_by: document?.issued_by || (isPassport ? "" : "000"),
-        issued_by_org_code: document?.issued_by_org_code || "",
+        issued_by_org_code:
+          document?.issued_by_org_code || (isPassport ? "000-000" : ""),
         issued_at: document?.issued_at || "",
         attachments: document?.attachments?.length
           ? {
@@ -218,15 +205,6 @@ const getters = {
           : {},
       };
     });
-    // passport = documents?.find(({ category }) => category === "passport"),
-    // insurance_number = documents?.find(
-    //   ({ category }) => category === "insurance_number"
-    // ),
-    // tax_identification_number = documents?.find(
-    //   ({ category }) => category === "tax_identification_number"
-    // ),
-    // OMS = documents?.find(({ category }) => category === "OMS"),
-    // DMS = documents?.find(({ category }) => category === "DMS");
     return result;
   },
   getContactsData(state) {