fregat/web-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine manager bonus and order detail views

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-04-07 10:10:03 +07:00
parent 403aeea838
commit c70328d352
4 changed files with 144 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
app/pages/bonus-system/index.vue
View File

@@ -292,6 +292,10 @@ function productVisualLabel(product: ProductCard) {
.map((part) => part.charAt(0).toUpperCase())
.join('');
}
function compactProductTitle(product: ProductCard) {
return `Подарочная карта ${product.store}`;
}
</script>
<template>
@@ -356,14 +360,15 @@ function productVisualLabel(product: ProductCard) {
{{ productVisualLabel(product) }}
</div>
<div class="min-w-0 flex-1">
<p class="text-sm font-semibold text-[#6a8a76]">{{ product.store }}</p>
<h2 class="mt-1 text-lg font-bold leading-tight text-[#123824]">{{ product.title }}</h2>
</div>
</div>
<div class="mt-5 flex items-center justify-between gap-3">
<p class="text-sm text-[#557562]">Номинал</p>
<div class="rounded-full bg-[#fff8dc] px-4 py-2 text-sm font-bold text-[#123824]">
{{ formatAmount(product.amount) }} ₽
<div class="flex flex-wrap items-center gap-2">
<span class="rounded-full bg-[#eef5f0] px-3 py-1 text-xs font-bold uppercase tracking-[0.12em] text-[#4e7060]">
{{ product.store }}
</span>
<span class="rounded-full bg-[#fff8dc] px-3 py-1 text-xs font-bold text-[#7a5b00]">
{{ formatAmount(product.amount) }} ₽
</span>
</div>
<h2 class="mt-3 text-lg font-bold leading-tight text-[#123824]">{{ compactProductTitle(product) }}</h2>
</div>
</div>
</article>