From 3eb58099a0fb73d52cfb738112fcbbbbe25d1901 Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Fri, 12 May 2023 13:52:15 +0300
Subject: [PATCH] =?UTF-8?q?WIP=20=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=D0=B0=20=D0=BA=D0=BE=D0=BD=D1=84=D0=B8=D0=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Forms/IndexForm.vue                       | 25 +++++++++++++++++++
 .../MedicalProtocolsInspection.vue            |  6 +++++
 .../newMedicalCard/utils/medicalConfig.js     | 21 ++++++++++++++++
 3 files changed, 52 insertions(+)
 create mode 100644 src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/IndexForm.vue

diff --git a/src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/IndexForm.vue b/src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/IndexForm.vue
new file mode 100644
index 0000000..f6afa1a
--- /dev/null
+++ b/src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/IndexForm.vue
@@ -0,0 +1,25 @@
+<template lang="pug">
+  medical-form-wrapper(
+    :title="data.title",
+    :is-edit="false",
+  )
+</template>
+
+<script>
+import BaseButton from "@/components/base/BaseButton.vue";
+import BaseInput from "@/components/base/BaseInput.vue";
+import MedicalFormWrapper from "@/pages/newMedicalCard/components/MedicalFormWrapper.vue";
+
+export default {
+  name: "IndexForm",
+  components: { BaseButton, BaseInput, MedicalFormWrapper },
+  props: {
+    data: Object,
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+
+<style lang="sass" scoped></style>
diff --git a/src/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolsInspection.vue b/src/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolsInspection.vue
index 7fdf6f0..845224c 100644
--- a/src/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolsInspection.vue
+++ b/src/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolsInspection.vue
@@ -30,6 +30,8 @@
         :open-card="openCard",
         :close-card="closeCard"
       )
+      div(v-for="form in protocolForms", :key="form.key")  
+        component(v-bind:is="form.component", :data="form")
       .protocol.flex.justify-between.p-6(v-if="fillInspection")
         .flex.h-fit.w-fit.gap-2
           base-button.text-base.font-semibold(outlined, :size="40") Отменить
@@ -42,16 +44,20 @@
 <script>
 import MedicalFormTagWrapper from "@/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/MedicalFormTagWrapper.vue";
 import BaseButton from "@/components/base/BaseButton.vue";
+import IndexForm from "@/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/IndexForm.vue";
+import { protocolForms } from "@/pages/newMedicalCard/utils/medicalConfig.js";
 
 export default {
   name: "MedicalProtocolsInspection",
   components: {
     MedicalFormTagWrapper,
     BaseButton,
+    IndexForm,
   },
   props: { inspection: Boolean, fillInspection: Boolean },
   data() {
     return {
+      protocolForms: protocolForms,
       list: [
         {
           id: 1,
diff --git a/src/pages/newMedicalCard/utils/medicalConfig.js b/src/pages/newMedicalCard/utils/medicalConfig.js
index 542497a..2e4e8a5 100644
--- a/src/pages/newMedicalCard/utils/medicalConfig.js
+++ b/src/pages/newMedicalCard/utils/medicalConfig.js
@@ -561,3 +561,24 @@ export const mapEventStatus = {
     color: "#9294A7",
   },
 };
+
+export const protocolForms = [
+  {
+    title: "Прикус",
+    component: "IndexForm",
+    key: "bite",
+    state: "bite",
+  },
+  {
+    title: "Индекс гигиены",
+    component: "IndexForm",
+    key: "hygieneIndex",
+    state: "hygieneIndex",
+  },
+  {
+    title: "Индекс КПУ",
+    component: "IndexForm",
+    key: "KPUIndex",
+    state: "KPUIndex",
+  },
+];