chore(catalog): simplify nested page headers, remove charts
Some checks failed
Build Docker Image / build (push) Has been cancelled
Some checks failed
Build Docker Image / build (push) Has been cancelled
- Remove chart components and unused price history code - Simplify headers to show only hint text - Keep navigation badges in search bar
This commit is contained in:
@@ -19,45 +19,8 @@
|
||||
</template>
|
||||
|
||||
<template #header>
|
||||
<!-- Supplier Not Found -->
|
||||
<Card v-if="!isLoading && !supplier" padding="lg">
|
||||
<Stack align="center" gap="4">
|
||||
<IconCircle tone="primary">
|
||||
<Icon name="lucide:building-2" size="24" />
|
||||
</IconCircle>
|
||||
<Heading :level="2">{{ t('catalogSupplierProducts.not_found.title') }}</Heading>
|
||||
<Text tone="muted">{{ t('catalogSupplierProducts.not_found.subtitle') }}</Text>
|
||||
<Button @click="navigateTo(localePath('/catalog/suppliers'))">
|
||||
{{ t('catalogSupplierProducts.actions.back_to_suppliers') }}
|
||||
</Button>
|
||||
</Stack>
|
||||
</Card>
|
||||
|
||||
<!-- Content Header -->
|
||||
<Stack v-else gap="4">
|
||||
<!-- Header with supplier info -->
|
||||
<div class="flex items-start gap-4">
|
||||
<!-- Logo -->
|
||||
<div v-if="supplier?.logo" class="w-16 h-16 shrink-0">
|
||||
<img :src="supplier.logo" :alt="supplier.name || ''" class="w-full h-full object-contain rounded-lg">
|
||||
</div>
|
||||
<div v-else class="w-16 h-16 bg-primary/10 text-primary font-bold rounded-lg flex items-center justify-center text-2xl shrink-0">
|
||||
{{ supplier?.name?.charAt(0) }}
|
||||
</div>
|
||||
<div>
|
||||
<Heading :level="1">{{ supplier?.name }}</Heading>
|
||||
<Text tone="muted" size="sm">{{ supplier?.country }}</Text>
|
||||
<div class="flex gap-2 mt-1">
|
||||
<span v-if="supplier?.isVerified" class="badge badge-success badge-sm">
|
||||
{{ t('catalogSupplier.badges.verified') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Products Section Title -->
|
||||
<Text weight="semibold" size="lg">{{ t('catalogSupplierProducts.header.products_title', { count: products.length }) }}</Text>
|
||||
</Stack>
|
||||
<Text v-if="!isLoading && !supplier" tone="muted">Поставщик не найден</Text>
|
||||
<Text v-else-if="!isLoading" tone="muted">Выберите товар</Text>
|
||||
</template>
|
||||
|
||||
<template #card="{ item }">
|
||||
|
||||
Reference in New Issue
Block a user