fix
This commit is contained in:
Bivekich
@ -17,51 +17,7 @@ import {
|
|||||||
Box,
|
Box,
|
||||||
} from "lucide-react";
|
} from "lucide-react";
|
||||||
|
|
||||||
// Мок данные для поставок на Ozon
|
// Удалены моковые данные - теперь используются только реальные данные
|
||||||
const mockOzonSupplies = [
|
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
supplyId: "OZ-SP-240113-001",
|
|
||||||
warehouse: "Тверь",
|
|
||||||
deliveryDate: "2024-01-16",
|
|
||||||
status: "awaiting_packaging",
|
|
||||||
totalItems: 120,
|
|
||||||
totalBoxes: 10,
|
|
||||||
estimatedValue: 380000,
|
|
||||||
products: [
|
|
||||||
{ name: "Телефон Samsung A54", quantity: 40, price: 6500 },
|
|
||||||
{ name: "Чехол силиконовый", quantity: 80, price: 850 },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
supplyId: "OZ-SP-240112-002",
|
|
||||||
warehouse: "Казань",
|
|
||||||
deliveryDate: "2024-01-15",
|
|
||||||
status: "sent_to_delivery",
|
|
||||||
totalItems: 75,
|
|
||||||
totalBoxes: 6,
|
|
||||||
estimatedValue: 295000,
|
|
||||||
products: [
|
|
||||||
{ name: "Наушники беспроводные", quantity: 25, price: 4200 },
|
|
||||||
{ name: "Зарядное устройство", quantity: 50, price: 1800 },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
supplyId: "OZ-SP-240111-003",
|
|
||||||
warehouse: "Екатеринбург",
|
|
||||||
deliveryDate: "2024-01-14",
|
|
||||||
status: "delivered",
|
|
||||||
totalItems: 180,
|
|
||||||
totalBoxes: 14,
|
|
||||||
estimatedValue: 520000,
|
|
||||||
products: [
|
|
||||||
{ name: "Планшет Xiaomi Pad", quantity: 60, price: 4800 },
|
|
||||||
{ name: "Клавиатура беспроводная", quantity: 120, price: 1650 },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
export function OzonSuppliesTab() {
|
export function OzonSuppliesTab() {
|
||||||
const [searchTerm, setSearchTerm] = useState("");
|
const [searchTerm, setSearchTerm] = useState("");
|
||||||
@ -115,19 +71,8 @@ export function OzonSuppliesTab() {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
const filteredSupplies = mockOzonSupplies.filter((supply) => {
|
// Теперь используются только реальные данные, моковые данные удалены
|
||||||
const matchesSearch =
|
const filteredSupplies: any[] = [];
|
||||||
supply.supplyId.toLowerCase().includes(searchTerm.toLowerCase()) ||
|
|
||||||
supply.warehouse.toLowerCase().includes(searchTerm.toLowerCase()) ||
|
|
||||||
supply.products.some((p) =>
|
|
||||||
p.name.toLowerCase().includes(searchTerm.toLowerCase())
|
|
||||||
);
|
|
||||||
|
|
||||||
const matchesStatus =
|
|
||||||
statusFilter === "all" || supply.status === statusFilter;
|
|
||||||
|
|
||||||
return matchesSearch && matchesStatus;
|
|
||||||
});
|
|
||||||
|
|
||||||
const getTotalValue = () => {
|
const getTotalValue = () => {
|
||||||
return filteredSupplies.reduce(
|
return filteredSupplies.reduce(
|
||||||
@ -247,83 +192,26 @@ export function OzonSuppliesTab() {
|
|||||||
{/* Список поставок */}
|
{/* Список поставок */}
|
||||||
<div className="flex-1 overflow-hidden">
|
<div className="flex-1 overflow-hidden">
|
||||||
<div className="h-full overflow-y-auto space-y-2 xl:space-y-3">
|
<div className="h-full overflow-y-auto space-y-2 xl:space-y-3">
|
||||||
{filteredSupplies.map((supply) => (
|
{filteredSupplies.length === 0 ? (
|
||||||
<Card
|
<div className="flex items-center justify-center h-full">
|
||||||
key={supply.id}
|
<div className="text-center">
|
||||||
className="glass-card p-2 xl:p-4 hover:bg-white/10 transition-colors"
|
<Package className="h-12 w-12 text-white/20 mx-auto mb-4" />
|
||||||
>
|
<p className="text-white/60 mb-2">Поставок пока нет</p>
|
||||||
<div className="flex items-center justify-between">
|
<p className="text-white/40 text-sm">
|
||||||
<div className="flex-1">
|
Создайте свою первую поставку на Ozon
|
||||||
<div className="flex items-center gap-3 mb-3">
|
</p>
|
||||||
<div className="w-6 h-6 bg-blue-500 rounded flex items-center justify-center">
|
|
||||||
<span className="text-white text-xs font-bold">O</span>
|
|
||||||
</div>
|
|
||||||
<h3 className="text-white font-medium">
|
|
||||||
{supply.supplyId}
|
|
||||||
</h3>
|
|
||||||
{getStatusBadge(supply.status)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="grid grid-cols-2 lg:grid-cols-4 gap-4 text-sm mb-3">
|
|
||||||
<div>
|
|
||||||
<p className="text-white/60">Склад Ozon</p>
|
|
||||||
<p className="text-white">{supply.warehouse}</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<p className="text-white/60">Дата доставки</p>
|
|
||||||
<p className="text-white flex items-center gap-1">
|
|
||||||
<Calendar className="h-3 w-3" />
|
|
||||||
{formatDate(supply.deliveryDate)}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<p className="text-white/60">Товаров / Коробок</p>
|
|
||||||
<p className="text-white font-semibold">
|
|
||||||
{supply.totalItems} / {supply.totalBoxes}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<p className="text-white/60">Стоимость</p>
|
|
||||||
<p className="text-green-400 font-semibold">
|
|
||||||
{formatCurrency(supply.estimatedValue)}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Список товаров в поставке */}
|
|
||||||
<div className="bg-white/5 rounded-lg p-3">
|
|
||||||
<p className="text-white/80 text-xs mb-2">
|
|
||||||
Товары в поставке:
|
|
||||||
</p>
|
|
||||||
<div className="space-y-1">
|
|
||||||
{supply.products.map((product, index) => (
|
|
||||||
<div
|
|
||||||
key={index}
|
|
||||||
className="flex items-center justify-between text-xs"
|
|
||||||
>
|
|
||||||
<span className="text-white/70">{product.name}</span>
|
|
||||||
<span className="text-white/60">
|
|
||||||
{product.quantity} шт. ×{" "}
|
|
||||||
{formatCurrency(product.price)}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="flex items-center gap-2 ml-4">
|
|
||||||
<Button
|
|
||||||
size="sm"
|
|
||||||
variant="ghost"
|
|
||||||
className="text-white/60 hover:text-white hover:bg-white/10"
|
|
||||||
>
|
|
||||||
<Eye className="h-4 w-4" />
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
</div>
|
||||||
))}
|
) : (
|
||||||
|
filteredSupplies.map((supply) => (
|
||||||
|
<Card
|
||||||
|
key={supply.id}
|
||||||
|
className="glass-card p-2 xl:p-4 hover:bg-white/10 transition-colors"
|
||||||
|
>
|
||||||
|
{/* Здесь будет отображение реальных поставок */}
|
||||||
|
</Card>
|
||||||
|
))
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -17,51 +17,7 @@ import {
|
|||||||
Box,
|
Box,
|
||||||
} from "lucide-react";
|
} from "lucide-react";
|
||||||
|
|
||||||
// Мок данные для поставок на Wildberries
|
// Удалены моковые данные - теперь используются только реальные данные
|
||||||
const mockWbSupplies = [
|
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
supplyId: "WB-SP-240113-001",
|
|
||||||
warehouse: "Коледино",
|
|
||||||
deliveryDate: "2024-01-15",
|
|
||||||
status: "created",
|
|
||||||
totalItems: 150,
|
|
||||||
totalBoxes: 12,
|
|
||||||
estimatedValue: 450000,
|
|
||||||
products: [
|
|
||||||
{ name: "Футболка базовая", quantity: 100, price: 1200 },
|
|
||||||
{ name: "Джинсы классические", quantity: 50, price: 3500 },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
supplyId: "WB-SP-240112-002",
|
|
||||||
warehouse: "Электросталь",
|
|
||||||
deliveryDate: "2024-01-14",
|
|
||||||
status: "confirmed",
|
|
||||||
totalItems: 85,
|
|
||||||
totalBoxes: 8,
|
|
||||||
estimatedValue: 320000,
|
|
||||||
products: [
|
|
||||||
{ name: "Кроссовки спортивные", quantity: 35, price: 4500 },
|
|
||||||
{ name: "Рюкзак молодежный", quantity: 50, price: 2800 },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
supplyId: "WB-SP-240111-003",
|
|
||||||
warehouse: "Подольск",
|
|
||||||
deliveryDate: "2024-01-13",
|
|
||||||
status: "shipped",
|
|
||||||
totalItems: 200,
|
|
||||||
totalBoxes: 15,
|
|
||||||
estimatedValue: 680000,
|
|
||||||
products: [
|
|
||||||
{ name: "Платье летнее", quantity: 80, price: 2200 },
|
|
||||||
{ name: "Блузка офисная", quantity: 120, price: 3800 },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
export function WildberriesSuppliesTab() {
|
export function WildberriesSuppliesTab() {
|
||||||
const [searchTerm, setSearchTerm] = useState("");
|
const [searchTerm, setSearchTerm] = useState("");
|
||||||
@ -111,19 +67,8 @@ export function WildberriesSuppliesTab() {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
const filteredSupplies = mockWbSupplies.filter((supply) => {
|
// Теперь используются только реальные данные, моковые данные удалены
|
||||||
const matchesSearch =
|
const filteredSupplies: any[] = [];
|
||||||
supply.supplyId.toLowerCase().includes(searchTerm.toLowerCase()) ||
|
|
||||||
supply.warehouse.toLowerCase().includes(searchTerm.toLowerCase()) ||
|
|
||||||
supply.products.some((p) =>
|
|
||||||
p.name.toLowerCase().includes(searchTerm.toLowerCase())
|
|
||||||
);
|
|
||||||
|
|
||||||
const matchesStatus =
|
|
||||||
statusFilter === "all" || supply.status === statusFilter;
|
|
||||||
|
|
||||||
return matchesSearch && matchesStatus;
|
|
||||||
});
|
|
||||||
|
|
||||||
const getTotalValue = () => {
|
const getTotalValue = () => {
|
||||||
return filteredSupplies.reduce(
|
return filteredSupplies.reduce(
|
||||||
@ -243,83 +188,26 @@ export function WildberriesSuppliesTab() {
|
|||||||
{/* Список поставок */}
|
{/* Список поставок */}
|
||||||
<div className="flex-1 overflow-hidden">
|
<div className="flex-1 overflow-hidden">
|
||||||
<div className="h-full overflow-y-auto space-y-2 xl:space-y-3">
|
<div className="h-full overflow-y-auto space-y-2 xl:space-y-3">
|
||||||
{filteredSupplies.map((supply) => (
|
{filteredSupplies.length === 0 ? (
|
||||||
<Card
|
<div className="flex items-center justify-center h-full">
|
||||||
key={supply.id}
|
<div className="text-center">
|
||||||
className="glass-card p-2 xl:p-4 hover:bg-white/10 transition-colors"
|
<Package className="h-12 w-12 text-white/20 mx-auto mb-4" />
|
||||||
>
|
<p className="text-white/60 mb-2">Поставок пока нет</p>
|
||||||
<div className="flex items-center justify-between">
|
<p className="text-white/40 text-sm">
|
||||||
<div className="flex-1">
|
Создайте свою первую поставку на Wildberries
|
||||||
<div className="flex items-center gap-3 mb-3">
|
</p>
|
||||||
<div className="w-6 h-6 bg-purple-500 rounded flex items-center justify-center">
|
|
||||||
<span className="text-white text-xs font-bold">W</span>
|
|
||||||
</div>
|
|
||||||
<h3 className="text-white font-medium">
|
|
||||||
{supply.supplyId}
|
|
||||||
</h3>
|
|
||||||
{getStatusBadge(supply.status)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="grid grid-cols-2 lg:grid-cols-4 gap-4 text-sm mb-3">
|
|
||||||
<div>
|
|
||||||
<p className="text-white/60">Склад WB</p>
|
|
||||||
<p className="text-white">{supply.warehouse}</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<p className="text-white/60">Дата доставки</p>
|
|
||||||
<p className="text-white flex items-center gap-1">
|
|
||||||
<Calendar className="h-3 w-3" />
|
|
||||||
{formatDate(supply.deliveryDate)}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<p className="text-white/60">Товаров / Коробок</p>
|
|
||||||
<p className="text-white font-semibold">
|
|
||||||
{supply.totalItems} / {supply.totalBoxes}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<p className="text-white/60">Стоимость</p>
|
|
||||||
<p className="text-green-400 font-semibold">
|
|
||||||
{formatCurrency(supply.estimatedValue)}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Список товаров в поставке */}
|
|
||||||
<div className="bg-white/5 rounded-lg p-3">
|
|
||||||
<p className="text-white/80 text-xs mb-2">
|
|
||||||
Товары в поставке:
|
|
||||||
</p>
|
|
||||||
<div className="space-y-1">
|
|
||||||
{supply.products.map((product, index) => (
|
|
||||||
<div
|
|
||||||
key={index}
|
|
||||||
className="flex items-center justify-between text-xs"
|
|
||||||
>
|
|
||||||
<span className="text-white/70">{product.name}</span>
|
|
||||||
<span className="text-white/60">
|
|
||||||
{product.quantity} шт. ×{" "}
|
|
||||||
{formatCurrency(product.price)}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="flex items-center gap-2 ml-4">
|
|
||||||
<Button
|
|
||||||
size="sm"
|
|
||||||
variant="ghost"
|
|
||||||
className="text-white/60 hover:text-white hover:bg-white/10"
|
|
||||||
>
|
|
||||||
<Eye className="h-4 w-4" />
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
</div>
|
||||||
))}
|
) : (
|
||||||
|
filteredSupplies.map((supply) => (
|
||||||
|
<Card
|
||||||
|
key={supply.id}
|
||||||
|
className="glass-card p-2 xl:p-4 hover:bg-white/10 transition-colors"
|
||||||
|
>
|
||||||
|
{/* Здесь будет отображение реальных поставок */}
|
||||||
|
</Card>
|
||||||
|
))
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user