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

Unify inner page back headers

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-04-06 21:44:24 +07:00
parent fe775cc968
commit a820d1f7ee
13 changed files with 140 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
app/pages/clients/[id].vue
View File

@@ -107,8 +107,6 @@ async function rejectRequest() {
<template>
<section class="space-y-6">
<NuxtLink :to="backTarget" class="text-sm font-semibold text-[#0d854a]">← Назад к пользователям</NuxtLink>
<template v-if="isRequestMode">
<div v-if="requestsQuery.loading.value" class="manager-empty-state">
Загружаем карточку клиента...
@@ -119,18 +117,19 @@ async function rejectRequest() {
</div>
<template v-else>
<div class="flex flex-col gap-3 md:flex-row md:items-start md:justify-between">
<div class="manager-hero">
<p class="manager-eyebrow">Заявка</p>
<h1 class="manager-title">{{ currentRequest.companyName }}</h1>
<p class="manager-copy">Контакт: {{ currentRequest.contactName }} · {{ currentRequest.email }}</p>
</div>
<div v-if="currentRequest.status === 'PENDING'" class="flex flex-wrap gap-2">
<button class="btn btn-success border-0" @click="approveRequest">Одобрить</button>
<button class="btn btn-error border-0" @click="rejectRequest">Отклонить</button>
</div>
</div>
<UiBackHeader
:to="backTarget"
back-label="Назад к пользователям"
:title="`Заявка ${currentRequest.companyName}`"
:subtitle="`Контакт: ${currentRequest.contactName} · ${currentRequest.email}`"
>
<template #actions>
<div v-if="currentRequest.status === 'PENDING'" class="flex flex-wrap gap-2">
<button class="btn btn-success border-0" @click="approveRequest">Одобрить</button>
<button class="btn btn-error border-0" @click="rejectRequest">Отклонить</button>
</div>
</template>
</UiBackHeader>
<div class="grid gap-4 lg:grid-cols-3">
<div class="manager-stat-card">
@@ -161,6 +160,13 @@ async function rejectRequest() {
</div>
<template v-else>
<UiBackHeader
:to="backTarget"
back-label="Назад к пользователям"
:title="`Клиент ${currentUser.fullName}`"
:subtitle="currentUser.companyName || currentUser.email"
/>
<div class="rounded-[36px] bg-[#edf3ee] p-6 md:p-8">
<div class="flex flex-col gap-6 md:flex-row md:items-start">
<div class="flex shrink-0 justify-center md:block">
@@ -179,11 +185,6 @@ async function rejectRequest() {
</div>
<div class="min-w-0 flex-1 space-y-5">
<div class="space-y-2">
<p class="text-[11px] font-semibold uppercase tracking-[0.18em] text-[#6a8a76]">Клиент</p>
<h1 class="text-3xl font-black tracking-[-0.03em] text-[#123824]">{{ currentUser.fullName }}</h1>
</div>
<div class="grid gap-3 md:grid-cols-2 xl:grid-cols-4">
<div class="rounded-[24px] bg-white/70 px-4 py-3">
<p class="text-[11px] font-semibold uppercase tracking-[0.18em] text-[#6a8a76]">Email</p>

13
app/pages/clients/invite.vue
View File

@@ -39,13 +39,12 @@ async function createInvitation() {
<template>
<section class="space-y-6 max-w-3xl">
<NuxtLink to="/admin/orders/clients" class="text-sm font-semibold text-[#0d854a]">← Назад к пользователям</NuxtLink>
<div class="manager-hero">
<p class="manager-eyebrow">Приглашение</p>
<h1 class="manager-title">Пригласить нового клиента</h1>
<p class="manager-copy">Форма вынесена отдельно, чтобы список клиентов оставался чистым и спокойным.</p>
</div>
<UiBackHeader
to="/admin/orders/clients"
back-label="Назад к пользователям"
title="Пригласить нового клиента"
subtitle="Форма вынесена отдельно, чтобы список клиентов оставался чистым и спокойным."
/>
<div class="surface-card rounded-3xl p-5">
<div class="grid gap-3">