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

Unify section search headers

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-04-04 08:39:01 +07:00
parent 1c2070b8d8
commit 26b44f30bf
7 changed files with 126 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
app/pages/client-orders/index.vue
View File

@@ -54,35 +54,25 @@ const filteredOrders = computed(() => {
<template>
<section class="space-y-6">
<div class="manager-hero">
<p class="manager-eyebrow">Заказы клиентов</p>
<h1 class="manager-title">Только список заказов и быстрый поиск</h1>
<p class="manager-copy">Карточки заказов без форм на странице списка. Детали и действия открываются внутри заказа.</p>
</div>
<div class="surface-card rounded-3xl p-4 md:p-5">
<div class="grid gap-3 md:grid-cols-[1fr_auto]">
<label class="form-control">
<span class="label-text">Search</span>
<input
v-model="search"
type="text"
class="input manager-field w-full"
placeholder="Номер заказа, клиент, адрес или товар"
>
</label>
<label class="form-control md:min-w-60">
<span class="label-text">Фильтр</span>
<select v-model="statusFilter" class="select manager-field w-full">
<option value="ALL">Все заказы</option>
<option value="WAITING">Ожидают подтверждения</option>
<option value="ACTIVE">Активные</option>
<option value="CLOSED">Закрытые</option>
</select>
</label>
<UiSectionSearchHero
v-model="search"
title="Заказы клиентов"
search-placeholder="Номер заказа, клиент, адрес или товар"
>
<div class="surface-card rounded-3xl p-4 md:p-5">
<div class="grid gap-3 md:grid-cols-[1fr_auto]">
<label class="form-control md:min-w-60">
<span class="label-text">Фильтр</span>
<select v-model="statusFilter" class="select manager-field w-full">
<option value="ALL">Все заказы</option>
<option value="WAITING">Ожидают подтверждения</option>
<option value="ACTIVE">Активные</option>
<option value="CLOSED">Закрытые</option>
</select>
</label>
</div>
</div>
</div>
</UiSectionSearchHero>
<div v-if="ordersQuery.loading.value" class="manager-empty-state">
Загружаем заказы...