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