[WIP] Фикс кнопки, добавил данные фор

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

@@ -33,7 +33,7 @@
                 .flex.flex-col.gap-y-1(v-else)
                   .doc-text.font-medium.text-smm {{item.name.substr(0, item.name.lastIndexOf('.'))}}
                   .title.font-medium.text-xsx {{item.size + " Мб"}}
-        .filter.flex.flex-col.gap-y-4(v-if="change || fillInspection")
+        .filter.flex.flex-col.gap-y-4.relative(v-if="change || fillInspection")
           .flex.gap-x-2
             base-input(placeholder="Поиск", outlined, :width="232", iconLeft)
               q-icon(name="app:icon-search", size="20px", style="color: var(--font-grey-color)")
@@ -55,11 +55,14 @@
               .line.flex.gap-x-4.h-9.items-center(v-for="name in complaint?.array")
                 q-checkbox(
                   dense,
-                  v-model="data.selected",
+                  v-model="selected",
                   :val="name?.label",
                   :style="{border: 'none', width: '16px', height: '16px'}"
                 )
                 .name.flex.items-center.font-medium.text-smm {{ name?.label }}
+          .flex.h-10.w-10.absolute.right-4.bottom-4
+            q-btn(color="primary", dense, padding="4px 12px")
+              q-icon(name="app:icon-plus", size="17px")
     .flex.gap-x-20.w-full(v-if="change || fillInspection")
       .flex.flex-col.gap-y-3.w-full(v-for="file in data.results.files")
         .title.text-smm.font-semibold {{file.name}}
@@ -109,6 +112,7 @@ export default {
   data() {
     return {
       change: false,
+      selected: [],
     };
   },
   methods: {
@@ -168,6 +172,17 @@ export default {
         reader.readAsDataURL(file);
       });
     },
+    checkSelected() {
+      this.data.results.tags.forEach((com) => {
+        this.data.results.complaints.forEach((tag) => {
+          if (
+            tag.label === com.label &&
+            !this.selected.find((e) => e.label === com.label)
+          )
+            this.selected.push(tag.label);
+        });
+      });
+    },
   },
   watch: {
     fillInspection: {
@@ -177,6 +192,9 @@ export default {
       },
     },
   },
+  mounted() {
+    this.checkSelected();
+  },
 };
 </script>
 

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

@@ -7,7 +7,6 @@
     :tag="fillInspection || change"
   )
     .protocol-body.flex.flex-col
-      .flex.items-center.gap-x-11px(:class="{'open-header': change || fillInspection}")
       .flex.gap-x-4(:style="{height: change || fillInspection ? '300px' : ''}")
         .flex.flex-col.gap-y-1(:class="{'open-textarea': change || fillInspection}")
           .tag-wrap.flex.gap-x-1.gap-y-1(v-if="!fillInspection")
@@ -51,6 +50,11 @@
           .flex.h-10.w-10.absolute.right-4.bottom-4
             q-btn(color="primary", dense, padding="4px 12px")
               q-icon(name="app:icon-plus", size="17px")
+
+    .flex(v-if="data.title === 'Осмотр полости рта' && (fillInspection || change)", :style="{color: 'var(--btn-blue-color)'}")
+      q-btn(no-caps, flat padding="2px 4px")
+        q-icon(left, name="app:plus", size="11px")
+        span.text-smm.font-medium Добавить описание зуба
 </template>
 
 <script>

src/pages/newMedicalCard/utils/medicalConfig.js

@@ -597,7 +597,15 @@ export const protocolForms = [
     key: "anamnesis",
     state: "anamnesis",
     results: {
-      tags: [],
+      tags: [
+        { id: 1, label: "Ребенок на боль в зубах не жаловался" },
+        { id: 2, label: "Ранее зубы лечили в ЛПУ" },
+      ],
+      complaints: [
+        { id: 1, label: "Лечение у ортодонта не проводилось" },
+        { id: 2, label: "Налет появился год назад" },
+        { id: 3, label: "Ребенок отказывается от еды" },
+      ],
     },
   },
   {
@@ -606,7 +614,13 @@ export const protocolForms = [
     key: "illnesses",
     state: "illnesses",
     results: {
-      tags: [],
+      tags: [{ id: 1, label: "Стоматит в 2022" }],
+      complaints: [
+        { id: 1, label: "Абсцесс Броди" },
+        { id: 2, label: "Абсцесс мягких тканей" },
+        { id: 3, label: "Абсцесс печени" },
+        { id: 4, label: "Авитаминоз" },
+      ],
     },
   },
   {
@@ -615,10 +629,19 @@ export const protocolForms = [
     key: "medications",
     state: "medications",
     results: {
-      tags: [],
+      tags: [
+        { id: 1, label: "Цитрамон" },
+        { id: 2, label: "Нафтизин" },
+      ],
+      complaints: [
+        { id: 1, label: "А-Пар " },
+        { id: 2, label: "А-Церумен" },
+        { id: 3, label: "Абаджио" },
+        { id: 4, label: "Багомед" },
+        { id: 5, label: "Багомед плюс" },
+      ],
     },
   },
-
   {
     title: "Прикус",
     component: "IndexForm",
@@ -740,10 +763,9 @@ export const protocolForms = [
         { id: 2, label: "Жжение языка" },
         { id: 3, label: "Кровоточивость десен" },
         { id: 4, label: "Лечение у ортодонта не проводилось" },
-        { id: 5, label: "Уныние зуба" },
+        { id: 5, label: "Боль при приеме сладкой пищи" },
-        { id: 6, label: "Боль при приеме сладкой пищи" },
+        { id: 6, label: "Удаление зуба" },
-        { id: 7, label: "Удаление зуба" },
+        { id: 7, label: "Кровоточивость языка" },
-        { id: 8, label: "Кровоточивость языка" },
       ],
       files: [
         { name: "Документы", data: [] },
@@ -844,6 +866,60 @@ export const protocolForms = [
       text: "",
     },
   },
+  {
+    title: "Внешний осмотр",
+    component: "MedicalFormTag",
+    key: "inspection",
+    state: "inspection",
+    results: {
+      tags: [
+        { id: 1, label: "Без особенностей" },
+        { id: 2, label: "Гематома на щеке" },
+        { id: 3, label: "Киста в глазу" },
+      ],
+      complaints: [
+        { id: 1, label: "Красные пятна на языке" },
+        { id: 2, label: "Фингал под глазом" },
+        { id: 3, label: "Гематома на щеке" },
+      ],
+    },
+  },
+  {
+    title: "Осмотр полости рта",
+    component: "MedicalFormTag",
+    key: "cavity",
+    state: "cavity",
+    results: {
+      tags: [
+        { id: 1, label: "Кариес" },
+        { id: 2, label: "Отек десны" },
+        { id: 3, label: "2 искусственных зуба" },
+      ],
+      complaints: [
+        { id: 1, label: "Без особенностей" },
+        { id: 2, label: "Громадная язва" },
+        { id: 3, label: "Кариес" },
+      ],
+    },
+  },
+  {
+    title: "План обследования",
+    component: "MedicalFormTag",
+    key: "survey",
+    state: "survey",
+    results: {
+      tags: [
+        { id: 1, label: "Общий анализ крови" },
+        { id: 2, label: "Консультация узкого специалиста" },
+        { id: 3, label: "2 искусственных зуба" },
+      ],
+      complaints: [
+        { id: 1, label: "Биохимический анализ крови" },
+        { id: 2, label: "Консультация узкого специалиста" },
+        { id: 3, label: "Общий анализ крови" },
+      ],
+    },
+  },
 ];
 
 export const thermometryResultsMap = [