diff --git a/src/assets/icons/icon_ok.svg b/src/assets/icons/icon_ok.svg
new file mode 100644
index 0000000..b8eab33
--- /dev/null
+++ b/src/assets/icons/icon_ok.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/icons/medcard_filled.svg b/src/assets/icons/medcard_filled.svg
new file mode 100644
index 0000000..6639e05
--- /dev/null
+++ b/src/assets/icons/medcard_filled.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/icons/medcard_not_filled.svg b/src/assets/icons/medcard_not_filled.svg
new file mode 100644
index 0000000..724fd6f
--- /dev/null
+++ b/src/assets/icons/medcard_not_filled.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/icons/medcard_partially_filled.svg b/src/assets/icons/medcard_partially_filled.svg
new file mode 100644
index 0000000..016b7ba
--- /dev/null
+++ b/src/assets/icons/medcard_partially_filled.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/icons/status_accepted.svg b/src/assets/icons/status_accepted.svg
new file mode 100644
index 0000000..accc53a
--- /dev/null
+++ b/src/assets/icons/status_accepted.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/icons/status_not_accepted.svg b/src/assets/icons/status_not_accepted.svg
new file mode 100644
index 0000000..edacfe1
--- /dev/null
+++ b/src/assets/icons/status_not_accepted.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/icons/status_reception.svg b/src/assets/icons/status_reception.svg
new file mode 100644
index 0000000..7f50989
--- /dev/null
+++ b/src/assets/icons/status_reception.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/assets/icons/status_rejected.svg b/src/assets/icons/status_rejected.svg
new file mode 100644
index 0000000..00bb1ba
--- /dev/null
+++ b/src/assets/icons/status_rejected.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/pages/newCalendar/components/CalendarOpenSidebar.vue b/src/pages/newCalendar/components/CalendarOpenSidebar.vue
index e1fbbcc..9f7dd0d 100644
--- a/src/pages/newCalendar/components/CalendarOpenSidebar.vue
+++ b/src/pages/newCalendar/components/CalendarOpenSidebar.vue
@@ -18,33 +18,116 @@
:style="{width: '100%', height: '40px'}",
padding="0"
)
- .flex.flex-col.gap-y-1
+ .flex.flex-col.gap-y-1(v-for="elem in list")
q-expansion-item.expansion.font-bold.text-xm(
expand-separator
- label="Статус приема"
- )
- .flex.flex-col.font-medium.text-smm.p-4.pt-2
- .flex Не принят
- .flex Принят
- .flex Отказ
- .flex На приеме
- q-expansion-item.expansion.font-bold.text-xm(
- expand-separator
- label="Первичная медкарта"
- )
- q-expansion-item.expansion.font-bold.text-xm(
- expand-separator
- label="Пациенты"
+ :label="elem.label"
)
+ .flex.flex-col.font-medium.text-smm.px-4.pt-2(
+ v-if="elem.label !== 'Пациенты'",
+ v-for="item in elem.data"
+ )
+ .status.flex.items-center.gap-x-1.px-2
+ img(:src="item.icon")
+ span {{item.name}}
+ .flex.flex-col.p-4(v-else)
+ .flex.h-8.w-full.items-center.justify-between
+ base-input(
+ id="input",
+ placeholder="Найти пациента...",
+ outlined,
+ :width="160",
+ iconLeft,
+ fontSize="12px",
+ lineHeight="16px",
+ textColor="var(--font-grey-color)"
+ )
+ q-icon(name="app:icon-search", size="16px", style="color: var(--font-grey-color)")
+ q-btn.sort.ml-2(
+ icon="app:sort-number",
+ :style="{width: '32px', height: '32px'}",
+ padding="0"
+ )
+ .flex.items-center.justify-between.font-medium.text-smm
+ span Все
+ img(:src="icon_ok")
@@ -62,4 +145,35 @@ export default {
background: var(--default-white)
border-radius: 4px
color: var(--font-dark-blue-color)
+
+.status
+ border-radius: 4px
+ height: 28px
+ &:hover
+ background: var(--bg-light-grey)
+ cursor: pointer
+
+.q-expansion-item
+ border-radius: 0
+
+.q-expansion-item :deep(.q-separator)
+ display: none
+
+.q-expansion-item :deep(.q-expansion-item__content)
+ padding-bottom: 16px
+
+.sort
+ background-color: var(--bg-light-grey)
+ color: var(--font-grey-color)
+
+#input :deep(.q-field__control)
+ height: 32px
+ .q-field__prepend
+ height: 32px
+
+.q-expansion-item :deep(.q-item__section--main ~ .q-item__section--side)
+ padding-left: 0px
+
+.q-expansion-item :deep(.q-item__label)
+ line-height: 135% !important