AOKB/onboard
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Обновлен стартовый экран

Browse Source 
Переписаны запросы для статистики, отчетов
Добавлена интеграция отчета сестры
This commit is contained in:
brusnitsyn
2026-05-28 22:10:00 +09:00
parent 90e0d04dfd
commit 739168d427
96 changed files with 6663 additions and 1465 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
resources/js/Layouts/AppLayout.vue
View File

@@ -3,8 +3,22 @@ import {NLayout, NLayoutHeader, NEl, NAlert, NSpin, NText} from "naive-ui";
import AppHeader from "./Components/AppHeader.vue";
import {useGlobalLoading} from "../Composables/useGlobalLoading.js";
import AppDialogManager from "../Components/AppDialogManager.vue";
import { useThemeVars } from "naive-ui";
import { computed } from "vue";
const {isGlobalLoading} = useGlobalLoading()
const themeVars = useThemeVars()
const blobBg = computed(() => {
const p = themeVars.value.primaryColor
const w = themeVars.value.warningColor
const i = themeVars.value.infoColor
return [
`radial-gradient(circle 12vw at 50% -4%, color-mix(in srgb, ${p} 22%, transparent), transparent 100%)`,
`radial-gradient(circle 16vw at 102% 52%, color-mix(in srgb, ${w} 24%, transparent), transparent 100%)`,
`radial-gradient(circle 16vw at -4% 102%, color-mix(in srgb, ${i} 22%, transparent), transparent 100%)`,
].join(', ')
})
</script>
<template>
@@ -33,8 +47,8 @@ const {isGlobalLoading} = useGlobalLoading()
:show-icon="false"
class="wait-banner w-full max-w-md"
style="
--n-color: color-mix(in oklch, var(--info-color) 12%, transparent);
--n-border: 1px solid color-mix(in oklch, var(--info-color) 36%, transparent);
--n-color: color-mix(in srgb, var(--info-color) 12%, transparent);
--n-border: 1px solid color-mix(in srgb, var(--info-color) 36%, transparent);
"
>
<div class="flex items-center justify-center gap-2.5 text-[13px] leading-none">
@@ -45,13 +59,8 @@ const {isGlobalLoading} = useGlobalLoading()
</NEl>
</Transition>
<NEl class="pointer-events-none fixed inset-x-0 top-12 bottom-0 overflow-hidden z-0">
<div class="absolute inset-x-0 top-[-12rem] mx-auto h-80 w-80 rounded-full blur-3xl"
style="background: color-mix(in oklch, var(--primary-color) 22%, transparent);" />
<div class="absolute right-[-8rem] top-48 h-72 w-72 rounded-full blur-3xl"
style="background: color-mix(in oklch, var(--warning-color) 28%, transparent);" />
<div class="absolute left-[-10rem] bottom-10 h-80 w-80 rounded-full blur-3xl"
style="background: color-mix(in oklch, var(--info-color) 24%, transparent);" />
<NEl class="pointer-events-none fixed inset-x-0 top-12 bottom-0 z-0">
<div class="absolute inset-0" :style="`background: ${blobBg};`" />
<div class="grid-overlay absolute inset-0 opacity-65" />
</NEl>
@@ -96,7 +105,7 @@ const {isGlobalLoading} = useGlobalLoading()
.wait-banner {
box-shadow:
0 10px 24px -18px color-mix(in oklch, var(--info-color) 55%, transparent),
0 10px 24px -18px color-mix(in srgb, var(--info-color) 55%, transparent),
0 4px 12px -10px rgb(0 0 0 / 55%);
backdrop-filter: blur(10px);
border-radius: 10px;