From d232e71f0db126a83d268295069212496c85024a Mon Sep 17 00:00:00 2001
From: DwCay <duminalexei@gmail.com>
Date: Thu, 18 May 2023 17:26:51 +0300
Subject: [PATCH] =?UTF-8?q?WIP=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D0=BE=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B5=20=D0=BF=D1=83=D1=81=D1=82=D1=8B=D1=85=20=D0=B8=20=D0=B7?=
 =?UTF-8?q?=D0=B0=D0=BF=D0=BE=D0=BB=D0=BD=D0=B5=D0=BD=D0=BD=D1=8B=D1=85=20?=
 =?UTF-8?q?=D0=B4=D0=B0=D0=BD=D0=BD=D1=8B=D1=85=20=D0=9F=D0=B5=D1=80=D0=B2?=
 =?UTF-8?q?=D0=B8=D1=87=D0=BD=D0=BE=D0=B3=D0=BE=20=D0=BE=D1=81=D0=BC=D0=BE?=
 =?UTF-8?q?=D1=82=D1=80=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Forms/IndexForm.vue                       | 19 ++--
 .../Forms/MainFactorsForm.vue                 | 33 ++++++-
 .../MedicalProtocolsWrapper.vue               | 10 +++
 src/store/modules/medicalCard.js              | 90 ++++++++++++++-----
 4 files changed, 120 insertions(+), 32 deletions(-)

diff --git a/src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/IndexForm.vue b/src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/IndexForm.vue
index e7e7c24..2cd4508 100644
--- a/src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/IndexForm.vue
+++ b/src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/IndexForm.vue
@@ -108,14 +108,17 @@ export default {
         if (!this.fillInspection) this.modelValue = value;
       },
     },
-    fillInspection(value) {
-      if (value) {
-        this.isEdit = true;
-        this.modelValue = null;
-      } else {
-        this.isEdit = false;
-        this.modelValue = this.state;
-      }
+    fillInspection: {
+      immediate: true,
+      handler(value) {
+        if (value) {
+          this.isEdit = true;
+          this.modelValue = null;
+        } else {
+          this.isEdit = false;
+          this.modelValue = this.state;
+        }
+      },
     },
   },
 };
diff --git a/src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/MainFactorsForm.vue b/src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/MainFactorsForm.vue
index d8d4385..107e643 100644
--- a/src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/MainFactorsForm.vue
+++ b/src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/MainFactorsForm.vue
@@ -1,5 +1,11 @@
 <template lang="pug">
-  medical-form-wrapper(:title="data.title", :is-edit="isEdit", :open-edit="openEdit", :cancel="cancelEdit")
+  medical-form-wrapper(
+    :title="data.title", 
+    :is-edit="isEdit", 
+    :open-edit="openEdit",
+    :buttonsPresence="!fillInspection", 
+    :cancel="cancelEdit"
+    )
     .thermometry-wrapper.grid.gap-x-20.gap-y-5
       .flex.flex-col.gap-y-4.items-start(v-if="isEdit" v-for="(dataValue, key) in protocol[data.key]")
         span.font-semibold.text-smm(v-if="data.key === 'thermometry'") {{ data.config[key].title }}
@@ -65,12 +71,14 @@ import BaseInput from "@/components/base/BaseInput.vue";
 import BaseInputNumber from "@/components/base/BaseInputNumber.vue";
 import { thermometryResultsMap } from "@/pages/newMedicalCard/utils/medicalConfig";
 import { mapState } from "vuex";
+import { mapActions } from "vuex";
 
 export default {
   name: "ThermometryForm",
   components: { MedicalFormWrapper, BaseInput, BaseInputNumber },
   props: {
     data: Object,
+    fillInspection: Boolean,
   },
   data() {
     return {
@@ -84,13 +92,36 @@ export default {
     }),
   },
   methods: {
+    ...mapActions({
+      getProtocolData: "getProtocolData",
+    }),
     openEdit() {
       this.isEdit = true;
     },
     cancelEdit() {
+      this.getProtocolData({
+        key: this.data.key,
+      });
       this.isEdit = false;
     },
   },
+  watch: {
+    fillInspection: {
+      immediate: true,
+      handler(value) {
+        if (value) {
+          this.isEdit = true;
+        } else {
+          this.isEdit = false;
+        }
+      },
+    },
+  },
+  mounted() {
+    if (this.fillInspection) {
+      this.isEdit = true;
+    }
+  },
 };
 </script>
 
diff --git a/src/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolsWrapper.vue b/src/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolsWrapper.vue
index 35b18c8..bc2152e 100644
--- a/src/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolsWrapper.vue
+++ b/src/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolsWrapper.vue
@@ -7,6 +7,7 @@
 <script>
 import MedicalProtocolsList from "@/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolsList.vue";
 import MedicalProtocolsInspection from "@/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolsInspection.vue";
+import { mapActions } from "vuex";
 export default {
   name: "MedicalProtocolsWrapper",
   components: { MedicalProtocolsList, MedicalProtocolsInspection },
@@ -17,13 +18,22 @@ export default {
     };
   },
   methods: {
+    ...mapActions({
+      getProtocolData: "getProtocolData",
+    }),
     openInspection() {
       this.inspection = true;
       this.fillInspection = false;
+      this.getProtocolData({
+        fillInspection: false,
+      });
     },
     createInspection() {
       this.fillInspection = true;
       this.inspection = false;
+      this.getProtocolData({
+        fillInspection: true,
+      });
     },
   },
 };
diff --git a/src/store/modules/medicalCard.js b/src/store/modules/medicalCard.js
index ce926ad..725f5e3 100644
--- a/src/store/modules/medicalCard.js
+++ b/src/store/modules/medicalCard.js
@@ -126,29 +126,7 @@ const state = () => ({
       status: "filled",
     },
   ],
-  protocolData: {
-    bite: "distal bite",
-    hygieneIndex: 2,
-    KPUIndex: 6.1,
-    thermometry: {
-      cold: {
-        value: 22,
-        result: "Реакция нормальная",
-      },
-      heat: {
-        value: 50,
-        result: "Повышенная чувствительность",
-      },
-    },
-    tonometry: {
-      pulse: {
-        value: 84,
-      },
-      pressure: {
-        value: 120,
-      },
-    },
-  },
+  protocolData: null,
 });
 
 const getters = {
@@ -301,6 +279,56 @@ const getters = {
     let firstName = state?.medicalCard?.person?.first_name;
     return lastName?.[0] + firstName?.[0];
   },
+  getProtocolData() {
+    return {
+      bite: "distal bite",
+      hygieneIndex: 2,
+      KPUIndex: 6.1,
+      thermometry: {
+        cold: {
+          value: 22,
+          result: "Реакция нормальная",
+        },
+        heat: {
+          value: 50,
+          result: "Повышенная чувствительность",
+        },
+      },
+      tonometry: {
+        pulse: {
+          value: 84,
+        },
+        pressure: {
+          value: 120,
+        },
+      },
+    };
+  },
+  getInitProtocol() {
+    return {
+      bite: null,
+      hygieneIndex: null,
+      KPUIndex: null,
+      thermometry: {
+        cold: {
+          value: null,
+          result: null,
+        },
+        heat: {
+          value: null,
+          result: null,
+        },
+      },
+      tonometry: {
+        pulse: {
+          value: null,
+        },
+        pressure: {
+          value: null,
+        },
+      },
+    };
+  },
 };
 
 const actions = {
@@ -364,6 +392,9 @@ const actions = {
     data.id = state.protocolsList.length + 1;
     commit("setProtocolsList", data);
   },
+  getProtocolData({ commit }, props) {
+    commit("setProtocolData", props);
+  },
 };
 
 const mutations = {
@@ -396,6 +427,19 @@ const mutations = {
   setProtocolsList(state, data) {
     state.protocolsList = [...state.protocolsList, data];
   },
+  setProtocolData(state, props) {
+    if (props?.key) {
+      state.protocolData[props.key] = {
+        ...JSON.parse(JSON.stringify(this.getters.getProtocolData[props.key])),
+      };
+    } else {
+      if (props.fillInspection) {
+        state.protocolData = this.getters.getInitProtocol;
+      } else {
+        state.protocolData = this.getters.getProtocolData;
+      }
+    }
+  },
 };
 
 export default {