From 31a2f4027f3fcdafc0592a63e8eea115570f0d76 Mon Sep 17 00:00:00 2001
From: megavrilinvv <vastre@rambler.ru>
Date: Fri, 28 Apr 2023 20:38:30 +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=20header=20and=20footer=20=D0=BF=D0=B5=D1=80=D0=B2=D0=B8?=
 =?UTF-8?q?=D1=87=D0=BD=D0=BE=D0=B3=D0=BE=20=D0=BE=D1=81=D0=BC=D0=BE=D1=82?=
 =?UTF-8?q?=D1=80=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/MedicalProtocolsInspection.vue | 49 +++++++++++++++++++
 .../components/MedicalProtocolsWrapper.vue    |  6 ++-
 tailwind.config.js                            |  1 +
 3 files changed, 54 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/newMedicalCard/components/MedicalProtocolsInspection.vue

diff --git a/src/pages/newMedicalCard/components/MedicalProtocolsInspection.vue b/src/pages/newMedicalCard/components/MedicalProtocolsInspection.vue
new file mode 100644
index 0000000..d404ef1
--- /dev/null
+++ b/src/pages/newMedicalCard/components/MedicalProtocolsInspection.vue
@@ -0,0 +1,49 @@
+<template lang="pug">
+  .protocols-wrapper.h-full.flex.flex-col.gap-y-2
+    .protocol.flex.justify-between.p-6
+      .flex.font-bold.text-6xl Первичный осмотр 2024
+      .flex.gap-x-4
+        .icon.flex.rounded.w-10.h-10.items-center.justify-center
+          q-icon(
+            name="print",
+            size="20px",
+            style="color: var(--font-grey-color)"
+          )
+        .icon.flex.rounded.w-10.h-10.items-center.justify-center
+          q-icon(
+            name="app:basket", 
+            size="20px",
+            style="color: var(--font-grey-color)"
+          )
+    //- .protocol-body
+    .protocol.flex.justify-between.p-6
+      .flex.h-fit.w-fit.gap-2
+        base-button.text-base.font-semibold(outlined, :size="40") Отменить
+        base-button.text-base.font-semibold(:size="40") Сохранить
+      .flex.items-center.gap-x-3(:style="{color: 'var(--font-grey-color)'}")
+        .flex.font-semibold.text-7xl 0%
+        .flex.font-medium.text-smm.w-20 заполнение осмотра
+</template>
+
+<script>
+import BaseButton from "@/components/base/BaseButton.vue";
+
+export default {
+  name: "MedicalProtocolsInspection",
+  components: { BaseButton },
+};
+</script>
+
+<style lang="sass" scoped>
+.protocols-wrapper
+  width: 89.2%
+
+.protocol
+  background: var(--default-white)
+  width: 100%
+  height: 80px
+  border-radius: 4px
+
+.icon
+  background: var(--bg-light-grey)
+</style>
diff --git a/src/pages/newMedicalCard/components/MedicalProtocolsWrapper.vue b/src/pages/newMedicalCard/components/MedicalProtocolsWrapper.vue
index b7d254d..83bf1c7 100644
--- a/src/pages/newMedicalCard/components/MedicalProtocolsWrapper.vue
+++ b/src/pages/newMedicalCard/components/MedicalProtocolsWrapper.vue
@@ -1,13 +1,15 @@
 <template lang="pug">
-  .wrapper
+  .wrapper.flex.gap-x-2
     medical-protocols-list
+    medical-protocols-inspection
 </template>
 
 <script>
 import MedicalProtocolsList from "@/pages/newMedicalCard/components/MedicalProtocolsList.vue";
+import MedicalProtocolsInspection from "@/pages/newMedicalCard/components/MedicalProtocolsInspection.vue";
 export default {
   name: "MedicalProtocolsWrapper",
-  components: { MedicalProtocolsList },
+  components: { MedicalProtocolsList, MedicalProtocolsInspection },
 };
 </script>
 
diff --git a/tailwind.config.js b/tailwind.config.js
index e90b771..58557f7 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -27,6 +27,7 @@ module.exports = {
         "4xl": ["44px", { lineHeight: "48px" }],
         "5xl": ["28px", { lineHeight: "38px" }],
         "6xl": ["24px", { lineHeight: "32px" }],
+        "7xl": ["40px", { lineHeight: "54px" }],
       },
       gap: {
         "6px": "6px",