WIP Добавил в мед карту поле с таблицей Зубной формулы

src/pages/medicalCard/components/MedicalCardWrapper.vue

@@ -84,8 +84,9 @@
       .flex.flex-col(class="px-92px gap-y-60px")
         .flex.flex-col(class="gap-y-2.5")
           .flex.flex-col.gap-y-2(v-for="(key, index) in Object.keys(dentalIndications)")
-            span.font-bold.font-xs {{`${index+1}. ${configData.dental_indications[key]}`}}
-            base-input(v-model="dentalIndications[key]")
+            span.font-bold.text-xsx {{`${index+1}. ${configData.dental_indications[key]}`}}
+            medical-dental-formula(v-if="key === 'dental_formula'" :formula-data="dentalIndications[key]")
+            base-input(v-model="dentalIndications[key]" v-else)
         .flex.justify-center
           base-button.w-fit(:icon-left-size="13", :size="40")
             span.font-semibold Сохранить
@@ -93,8 +94,10 @@
 
 <script>
 import MedicalCardHeader from "@/pages/medicalCard/components/MedicalCardHeader.vue";
+import MedicalDentalFormula from "@/pages/medicalCard/components/MedicalDentalFormula.vue";
 import BaseDetailInput from "@/components/base/BaseDetailInput.vue";
 import BaseDetailInfo from "@/components/base/BaseDetailInfo.vue";
+import { formulaDataMap } from "@/pages/medicalCard/utils/medicalConfig";
 import { medicalDetailConfig } from "@/pages/medicalCard/utils/medicalConfig";
 import { fetchWrapper } from "@/shared/fetchWrapper";
 import BaseInput from "@/components/base/BaseInput.vue";
@@ -109,6 +112,7 @@ export default {
     BaseDetailInfo,
     BaseDetailInput,
     MedicalCardHeader,
+    MedicalDentalFormula,
   },
   data() {
     return {
@@ -159,7 +163,7 @@ export default {
         disease_progress: "",
         visual_examination: "",
         oral_examination: "",
-        dental_formula: [],
+        dental_formula: formulaDataMap,
         dental_bite: "",
         hygiene_index: "",
         dmf_index: "",