[WIP] Добавил компонент данных

src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/MedicalFormData.vue

@@ -0,0 +1,40 @@
+<template lang="pug">
+  medical-form-wrapper
+</template>
+
+<script>
+import MedicalFormWrapper from "@/pages/newMedicalCard/components/MedicalFormWrapper.vue";
+
+export default {
+  name: "MedicalFormData",
+  components: { MedicalFormWrapper },
+  data() {
+    return {
+      list: {
+        title: "Данные обследования",
+        change: false,
+        tags: [
+          { id: 1, label: "Боль при приеме сладкой пищи" },
+          { id: 2, label: "Жжение языка" },
+          { id: 3, label: "Кровоточивость десен" },
+          { id: 4, label: "Лечение у ортодонта не проводилось" },
+          { id: 5, label: "Ранее зубы лечили в ЛПУ" },
+          { id: 6, label: "Удаление зуба" },
+        ],
+        complaints: [
+          { id: 1, label: "Ранее зубы лечили в ЛПУ" },
+          { id: 2, label: "Жжение языка" },
+          { id: 3, label: "Кровоточивость десен" },
+          { id: 4, label: "Лечение у ортодонта не проводилось" },
+          { id: 5, label: "Уныние зуба" },
+          { id: 6, label: "Боль при приеме сладкой пищи" },
+          { id: 7, label: "Удаление зуба" },
+          { id: 2, label: "Жжение языка" },
+        ],
+      },
+    };
+  },
+};
+</script>
+
+<style lang="sass" scoped></style>

src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/MedicalFormTag.vue

@@ -55,7 +55,7 @@ import BaseInput from "@/components/base/BaseInput.vue";
 import MedicalFormWrapper from "@/pages/newMedicalCard/components/MedicalFormWrapper.vue";
 
 export default {
-  name: "MedicalFormTagWrapper",
+  name: "MedicalFormTag",
   components: { BaseButton, BaseInput, MedicalFormWrapper },
   props: {
     list: Array,

src/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolsInspection.vue

@@ -22,7 +22,7 @@
               :style="{width: '40px', height: '40px', color: 'var(--font-grey-color)'}",
               padding="0"
             )
-      medical-form-tag-wrapper(
+      medical-form-tag(
         v-if="inspection || fillInspection",
         :list="list",
         :inspection="inspection",
@@ -42,7 +42,8 @@
 </template>
 
 <script>
-import MedicalFormTagWrapper from "@/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/MedicalFormTagWrapper.vue";
+import MedicalFormTag from "@/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/MedicalFormTag.vue";
+import MedicalFormData from "@/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/MedicalFormData.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";
@@ -50,7 +51,8 @@ import { protocolForms } from "@/pages/newMedicalCard/utils/medicalConfig.js";
 export default {
   name: "MedicalProtocolsInspection",
   components: {
-    MedicalFormTagWrapper,
+    MedicalFormTag,
+    MedicalFormData,
     BaseButton,
     IndexForm,
   },