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

src/pages/medicalCard/components/MedicalCardWrapper.vue

@@ -80,6 +80,12 @@
             base-detail-info(
               :title="configData.agreement_form.title"
               :height="configData.agreement_form.height"
+              direction-row
+              )
+              base-detail-input(
+                v-for="field in configData.agreement_form.fields"
+                :field="field"
+                :data="medicalDataInit.agreement_form"
               )
       .flex.flex-col(class="px-92px gap-y-60px")
         .flex.flex-col(class="gap-y-2.5")
@@ -92,6 +98,7 @@
             color="primary",
             label="Сохранить",
             padding="8px 24px",
+            @click="validateFormMedical"
             no-caps
           )
 </template>
@@ -180,6 +187,9 @@ export default {
     };
   },
   methods: {
+    validateFormMedical() {
+      console.log(this.medicalDataInit);
+    },
     saveDataMedical(data) {
       this.numberCard = data?.number && data.number;
       const confidant = data ? data["confidant"] : undefined;
@@ -267,6 +277,17 @@ export default {
   display: grid
   grid-template-columns: 280px 292px 180px 360px 463px
   gap: 16px
+  padding: 0 20px 20px 0
+  overflow-x: auto
+  &::-webkit-scrollbar
+    height: 4px
+    width: 4px
+  &::-webkit-scrollbar-track
+    background-color: rgba(211, 212, 220, 0.5)
+    border-radius: 8px
+  &::-webkit-scrollbar-thumb
+    border-radius: 8px
+    background-color: var(--btn-blue-color)
 .card-upper
   border-bottom: 1px solid var(--border-light-grey-color)
 </style>