From a1af8d196f06a3307685653b329284e1a7866515 Mon Sep 17 00:00:00 2001
From: DwCay <duminalexei@gmail.com>
Date: Fri, 23 Jun 2023 19:36:16 +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=D1=85=D0=B5=D0=B4=D0=B5=D1=80=20=D0=B8=20=D1=84=D0=BE?=
 =?UTF-8?q?=D1=80=D0=BC=D1=8B=20=D0=A1=D0=BE=D1=81=D1=82=D0=BE=D1=8F=D0=BD?=
 =?UTF-8?q?=D0=B8=D1=8F=20=D0=B7=D0=B4=D0=BE=D1=80=D0=BE=D0=B2=D1=8C=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../HealthState/HealthStateForm.vue           | 28 ++++++++++++
 .../HealthState/HealthStateHeader.vue         | 24 ++++++++++
 .../components/MedicalBaseInfo.vue            |  2 +
 .../components/MedicalHealthStateWrapper.vue  | 24 ++++++++++
 .../newMedicalCard/utils/medicalConfig.js     |  2 +-
 src/store/modules/medicalCard.js              | 44 +++++++++++++++++++
 6 files changed, 123 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/newMedicalCard/components/HealthState/HealthStateForm.vue
 create mode 100644 src/pages/newMedicalCard/components/HealthState/HealthStateHeader.vue
 create mode 100644 src/pages/newMedicalCard/components/MedicalHealthStateWrapper.vue

diff --git a/src/pages/newMedicalCard/components/HealthState/HealthStateForm.vue b/src/pages/newMedicalCard/components/HealthState/HealthStateForm.vue
new file mode 100644
index 0000000..cebf26f
--- /dev/null
+++ b/src/pages/newMedicalCard/components/HealthState/HealthStateForm.vue
@@ -0,0 +1,28 @@
+<template lang="pug">
+  medical-form-wrapper(:title="`${data?.year} год`")
+    .flex.flex-col.comments.rounded.py-3.px-4
+      .flex(v-for="comment in data.comments")
+        base-input.comment.w-full(
+          v-model="comment.comment",
+          borderless,
+          dense,
+          )
+</template>
+
+<script>
+import MedicalFormWrapper from "@/pages/newMedicalCard/components/MedicalFormWrapper.vue";
+import BaseInput from "@/components/base/BaseInput";
+
+export default {
+  name: "HealthStateForm",
+  components: { MedicalFormWrapper, BaseInput },
+  props: {
+    data: Object,
+  },
+};
+</script>
+
+<style lang="sass" scoped>
+.comments
+  border: 1px solid var(--border-light-grey-color)
+</style>
diff --git a/src/pages/newMedicalCard/components/HealthState/HealthStateHeader.vue b/src/pages/newMedicalCard/components/HealthState/HealthStateHeader.vue
new file mode 100644
index 0000000..810f865
--- /dev/null
+++ b/src/pages/newMedicalCard/components/HealthState/HealthStateHeader.vue
@@ -0,0 +1,24 @@
+<template lang="pug">
+  .header.flex.w-full.rounded.justify-between.items-center.py-5.pl-6.pr-5
+    .span.text-2xl.font-bold Карты здоровья
+    q-btn(
+      color="primary",
+      no-caps
+      )
+      q-icon.mr-2(size="20px" name="add")
+      span Добавить запись
+</template>
+
+<script>
+export default {
+  name: "HealthStateHeader",
+};
+</script>
+
+<style lang="sass" scoped>
+.header
+  background-color: var(--default-white)
+.add
+  & .q-icon
+    display: none
+</style>
diff --git a/src/pages/newMedicalCard/components/MedicalBaseInfo.vue b/src/pages/newMedicalCard/components/MedicalBaseInfo.vue
index b4d6aba..98c6067 100644
--- a/src/pages/newMedicalCard/components/MedicalBaseInfo.vue
+++ b/src/pages/newMedicalCard/components/MedicalBaseInfo.vue
@@ -12,6 +12,7 @@ import MedicalSidebar from "@/pages/newMedicalCard/components/MedicalSidebar.vue
 import MedicalBasicDataWrapper from "@/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue";
 import MedicalAllergiesWrapper from "@/pages/newMedicalCard/components/MedicalAllergiesWrapper.vue";
 import MedicalConfidantWrapper from "@/pages/newMedicalCard/components/MedicalConfidantWrapper.vue";
+import MedicalHealthStateWrapper from "@/pages/newMedicalCard/components/MedicalHealthStateWrapper.vue";
 import MedicalProtocolsWrapper from "@/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolsWrapper.vue";
 export default {
   name: "MedicalBaseInfo",
@@ -20,6 +21,7 @@ export default {
     MedicalBasicDataWrapper,
     MedicalAllergiesWrapper,
     MedicalConfidantWrapper,
+    MedicalHealthStateWrapper,
     MedicalProtocolsWrapper,
   },
   data() {
diff --git a/src/pages/newMedicalCard/components/MedicalHealthStateWrapper.vue b/src/pages/newMedicalCard/components/MedicalHealthStateWrapper.vue
new file mode 100644
index 0000000..b8e81b7
--- /dev/null
+++ b/src/pages/newMedicalCard/components/MedicalHealthStateWrapper.vue
@@ -0,0 +1,24 @@
+<template lang="pug">
+  .flex.flex-col.w-full.gap-y-2
+    health-state-header
+    health-state-form(
+      v-for="data in healthState",
+      :data="data"
+      )
+</template>
+
+<script>
+import HealthStateHeader from "@/pages/newMedicalCard/components/HealthState/HealthStateHeader.vue";
+import HealthStateForm from "@/pages/newMedicalCard/components/HealthState/HealthStateForm.vue";
+import { mapState } from "vuex";
+
+export default {
+  name: "MedicalHealthStateWrapper",
+  components: { HealthStateHeader, HealthStateForm },
+  computed: {
+    ...mapState({
+      healthState: (state) => state.medical.healthState,
+    }),
+  },
+};
+</script>
diff --git a/src/pages/newMedicalCard/utils/medicalConfig.js b/src/pages/newMedicalCard/utils/medicalConfig.js
index 1510a9a..120d65d 100644
--- a/src/pages/newMedicalCard/utils/medicalConfig.js
+++ b/src/pages/newMedicalCard/utils/medicalConfig.js
@@ -350,7 +350,7 @@ export const baseInfoMenu = [
   {
     title: "Состояние здоровья",
     id: "health-status",
-    component: "HealthStatus",
+    component: "MedicalHealthStateWrapper",
   },
   {
     title: "История болезней",
diff --git a/src/store/modules/medicalCard.js b/src/store/modules/medicalCard.js
index 429fad0..81b3d2b 100644
--- a/src/store/modules/medicalCard.js
+++ b/src/store/modules/medicalCard.js
@@ -128,6 +128,50 @@ const state = () => ({
     },
   ],
   protocolData: null,
+  healthState: [
+    {
+      year: 2023,
+      comments: [
+        {
+          comment: "Пациент склонен к преувеличению фактов",
+        },
+        {
+          comment: "Пациент отказывался заполнять карту",
+        },
+        {
+          comment: "Тяжело идет на контакт",
+        },
+      ],
+    },
+    {
+      year: 2022,
+      comments: [
+        {
+          comment: "Пациент склонен к преувеличению фактов",
+        },
+        {
+          comment: "Пациент отказывался заполнять карту",
+        },
+        {
+          comment: "Тяжело идет на контакт",
+        },
+      ],
+    },
+    {
+      year: 2021,
+      comments: [
+        {
+          comment: "Пациент склонен к преувеличению фактов",
+        },
+        {
+          comment: "Пациент отказывался заполнять карту",
+        },
+        {
+          comment: "Тяжело идет на контакт",
+        },
+      ],
+    },
+  ],
 });
 
 const getters = {