dsrptlab/test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust metrics layout to NSM card plus inputs

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-02-10 17:42:19 +07:00
parent c5959d5dbb
commit 0b94afc8d4
1 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/app.vue
View File

@@ -304,27 +304,26 @@
</p>
</div>
<div class="slide-main">
<div class="grid gap-6 md:grid-cols-[1fr_1fr]">
<div>
<h3 class="font-display text-2xl">North Star Metric</h3>
<p class="mt-3 text-sm text-neutral/70">Доля этапов, выполненных в обещанный срок.</p>
<div class="grid gap-6 md:grid-cols-[1.1fr_0.9fr]">
<div class="glass-card rounded-3xl border border-base-300 p-6">
<div class="text-xs font-semibold text-neutral/60">North Star Metric</div>
<div class="mt-2 font-display text-2xl">Доля этапов, выполненных в обещанный срок</div>
<p class="mt-3 text-sm text-neutral/70">
Input-метрики: ошибка прогноза по срокам (факт минус план), отклонение объема работ от плана,
фактическая длительность по типу работ (средние значения).
Главный показатель того, что сервис действительно улучшает предсказуемость и дисциплину сроков.
</p>
</div>
<div class="grid gap-4">
<div class="glass-card rounded-3xl border border-base-300 p-6">
<div class="text-xs font-semibold text-neutral/60">Качество</div>
<div class="mt-2 font-display text-xl">Доля зеленых приемок</div>
<div class="text-xs font-semibold text-neutral/60">Input-метрика</div>
<div class="mt-2 font-display text-lg">Ошибка прогноза (факт − план)</div>
</div>
<div class="glass-card rounded-3xl border border-base-300 p-6">
<div class="text-xs font-semibold text-neutral/60">Скорость</div>
<div class="mt-2 font-display text-xl">Среднее время приемки этапа</div>
<div class="text-xs font-semibold text-neutral/60">Input-метрика</div>
<div class="mt-2 font-display text-lg">Отклонение объема работ от плана</div>
</div>
<div class="glass-card rounded-3xl border border-base-300 p-6">
<div class="text-xs font-semibold text-neutral/60">Точность</div>
<div class="mt-2 font-display text-xl">Отклонение сметы от факта</div>
<div class="text-xs font-semibold text-neutral/60">Input-метрика</div>
<div class="mt-2 font-display text-lg">Фактическая длительность по типу работ</div>
</div>
</div>
</div>