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

Simplify bonus and order detail views

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-04-04 10:27:21 +07:00
parent 7b7750a5af
commit 3eec898706
2 changed files with 40 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/pages/client-orders/[id].vue
View File

@@ -130,17 +130,24 @@ async function completeOrder() {
</div>
<template v-else>
<div class="flex flex-wrap items-start justify-between gap-3">
<div class="manager-hero">
<p class="manager-eyebrow">Заказ</p>
<h1 class="manager-title">{{ currentOrder.code }}</h1>
<p class="manager-copy">Клиент: {{ currentOrder.customerId }} · {{ new Date(currentOrder.createdAt).toLocaleString() }}</p>
</div>
<OrderStatusBadge :status="currentOrder.status" />
<div class="manager-hero">
<p class="manager-eyebrow">Заказ</p>
<h1 class="manager-title">{{ currentOrder.code }}</h1>
</div>
<div class="grid gap-4 lg:grid-cols-[1.1fr_0.9fr]">
<div class="space-y-4">
<div class="surface-card rounded-3xl p-5">
<h2 class="text-xl font-bold text-[#123824]">Статус заказа</h2>
<div class="mt-4 flex flex-wrap items-center justify-between gap-3">
<div class="space-y-1 text-sm text-[#355947]">
<p>Создан: {{ new Date(currentOrder.createdAt).toLocaleString() }}</p>
<p>Клиент: {{ currentOrder.customerId }}</p>
</div>
<OrderStatusBadge :status="currentOrder.status" />
</div>
</div>
<div class="surface-card rounded-3xl p-5">
<h2 class="text-xl font-bold text-[#123824]">Состав заказа</h2>
<ul class="mt-4 space-y-3">
@@ -159,12 +166,6 @@ async function completeOrder() {
<div class="manager-mini-card text-sm text-[#123824]">
Условия: {{ currentOrder.deliveryTerms || 'еще не указаны' }}
</div>
<div class="manager-mini-card text-sm text-[#123824]">
Стоимость доставки: {{ currentOrder.deliveryFee ?? '—' }}
</div>
<div class="manager-mini-card text-sm text-[#123824]">
Итого: {{ currentOrder.totalPrice ?? '—' }}
</div>
</div>
</div>
</div>