[WIP] Добавил компонент модального окна создания тэга

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

@@ -48,8 +48,10 @@
                 )
                 .name.flex.items-center.font-medium.text-smm {{ name }}
           .flex.h-10.w-10.absolute.right-4.bottom-4
-            q-btn(color="primary", dense, padding="4px 12px")
+            q-btn(@click="showModal = true", color="primary", dense, padding="4px 12px")
               q-icon(name="app:icon-plus", size="17px")
+        base-modal(v-model="showModal", title="Создание тега")
+          tag-creation-form
     .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")
@@ -60,15 +62,24 @@
 import BaseButton from "@/components/base/BaseButton.vue";
 import BaseInput from "@/components/base/BaseInput.vue";
 import MedicalFormWrapper from "@/pages/newMedicalCard/components/MedicalFormWrapper.vue";
+import TagCreationForm from "@/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/TagCreationForm.vue";
 import { mapState } from "vuex";
+import BaseModal from "@/components/base/BaseModal.vue";
 
 export default {
   name: "MedicalFormTag",
-  components: { BaseButton, BaseInput, MedicalFormWrapper },
+  components: {
+    BaseButton,
+    BaseInput,
+    MedicalFormWrapper,
+    TagCreationForm,
+    BaseModal,
+  },
   props: { data: Object, abc: Array, fillInspection: Boolean },
   data() {
     return {
       change: false,
+      showModal: false,
     };
   },
   computed: {

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

@@ -0,0 +1,48 @@
+<template lang="pug">
+  .wrapper.flex.flex-col
+    .flex.flex-col
+    .buttons-group.flex
+      q-btn(
+        color="primary",
+        outline,
+        size="16px",
+        no-caps,
+        label="Отмена",
+        :style="{width: '100%', height: '40px'}",
+        padding="10px 24px"
+      )
+      q-btn(
+        color="primary",
+        size="16px",
+        no-caps,
+        label="Создать"
+        :style="{width: '100%', height: '40px'}",
+        padding="10px 24px"
+      )
+</template>
+
+<script>
+export default {
+  name: "TagCreationForm",
+  data() {
+    return {
+      model: null,
+      options: [
+        { label: "Какая-то категория 1" },
+        { label: "Какая-то категория 2" },
+        { label: "Какая-то категория 3" },
+        { label: "Какая-то категория 4" },
+      ],
+    };
+  },
+};
+</script>
+
+<style lang="sass" scoped>
+.buttons-group
+  padding: 16px 168px 0px 32px
+  border-top: 1px solid var(--border-light-grey-color)
+  margin-left: -40px
+  margin-right: -40px
+  column-gap: 7px
+</style>