[WIP] Добавил страницу Зубных формул

src/pages/newMedicalCard/components/InitialInspectionProtocol/MedicalProtocolsList.vue

@@ -1,17 +1,18 @@
 <template lang="pug">
   .list-wrapper.h-full.flex.gap-y-1.flex-col
-    .p-4.rounded.background
+    .background.h-72px.flex.w-full.justify-between.items-center.p-4.rounded
+      span.text-2xl.font-bold Осмотры
       q-btn(
+        v-if="createInspection"
         color="primary",
         size="16px",
-        label="Создать осмотр",
         no-caps,
         icon="add",
-        :style="{width: '100%', height: '40px'}"
+        :style="{width: '40px', height: '40px'}"
         padding="0",
         @click="changeShownCreateModal(true)"
       )
-    .p-4.rounded.background.list
+    .p-4.rounded.background.list.flex.flex-col.gap-y-6
       .flex
         base-select(
           :style="{flex: 1}",
@@ -26,13 +27,12 @@
           :class="sortingClass",
           @click="invertSorting"
         )
-      .flex.py-4.w-full.color-grey.text-base.justify-center
-        span.opacity-50 {{ `Осмотров: ${sortingProtocols?.length}` }}
       .flex.flex-col.gap-y-2
         medical-protocol-card(
           v-for="protocol in sortingProtocols", :key="protocol.id",
           :protocol-data="protocol",
-          @click="openInspection"
+          :no-fill-indicator="noFillIndicator",
+          @click="() => openInspection(protocol.id)"
         )
     base-modal(
       v-model="showModal",
@@ -63,6 +63,7 @@ export default {
   props: {
     openInspection: Function,
     createInspection: Function,
+    noFillIndicator: Boolean,
   },
   data() {
     return {