From 7dd39571981f3def12215a72a0beaf8307e0030c Mon Sep 17 00:00:00 2001
From: megavrilinvv <vastre@rambler.ru>
Date: Wed, 28 Jun 2023 17:59:12 +0300
Subject: [PATCH] =?UTF-8?q?[WIP]=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5=D0=BD=D1=82?=
 =?UTF-8?q?=20=D0=BC=D0=BE=D0=B4=D0=B0=D0=BB=D1=8C=D0=BD=D0=BE=D0=B3=D0=BE?=
 =?UTF-8?q?=20=D0=BE=D0=BA=D0=BD=D0=B0=20=D1=81=D0=BE=D0=B7=D0=B4=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=B8=D1=8F=20=D1=82=D1=8D=D0=B3=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Forms/MedicalFormTag.vue                  | 15 +++++-
 .../Forms/TagCreationForm.vue                 | 48 +++++++++++++++++++
 2 files changed, 61 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/TagCreationForm.vue

diff --git a/src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/MedicalFormTag.vue b/src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/MedicalFormTag.vue
index dbc6d59..ae14168 100644
--- a/src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/MedicalFormTag.vue
+++ b/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: {
diff --git a/src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/TagCreationForm.vue b/src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/TagCreationForm.vue
new file mode 100644
index 0000000..e95ff0a
--- /dev/null
+++ b/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>