Refine order list layout and client card
This commit is contained in:
@@ -53,7 +53,10 @@ const filteredOrders = computed(() => {
|
||||
search-placeholder="Номер заказа или товар"
|
||||
>
|
||||
<template #controls>
|
||||
<select v-model="statusFilter" class="select select-bordered w-full rounded-full bg-white md:w-64">
|
||||
<select
|
||||
v-model="statusFilter"
|
||||
class="w-full rounded-full border border-[#d7e9de] bg-white px-4 py-3 text-sm font-semibold text-[#123824] outline-none transition focus:border-[#139957] focus:shadow-[0_0_0_3px_rgba(19,153,87,0.12)] md:w-64"
|
||||
>
|
||||
<option value="ALL">Все заказы</option>
|
||||
<option value="WAITING">Ожидают подтверждения</option>
|
||||
<option value="ACTIVE">Активные</option>
|
||||
@@ -62,8 +65,10 @@ const filteredOrders = computed(() => {
|
||||
</template>
|
||||
</UiSectionSearchHero>
|
||||
|
||||
<div v-if="allOrders.loading.value" class="alert surface-card border-0">Загрузка заказов...</div>
|
||||
<div v-else-if="filteredOrders.length === 0" class="alert surface-card border-0">
|
||||
<div v-if="allOrders.loading.value" class="manager-empty-state">
|
||||
Загрузка заказов...
|
||||
</div>
|
||||
<div v-else-if="filteredOrders.length === 0" class="manager-empty-state">
|
||||
Заказы по текущим условиям не найдены.
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user