WIP Обновила конфиг

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>

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,

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",
+  },
+];