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 @@
+
+ .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"
+ )
+
+
+
+
+