Обновлен интерфейс панели поставок: заменены вкладки товаров и расходников на вкладки для выполнения и маркетплейсов. Изменен активный таб на 'fulfillment', обновлены названия вкладок для улучшения понимания. Оптимизирован код для лучшей читаемости.

This commit is contained in:
Veronika Smirnova
2025-07-21 15:24:12 +03:00
parent b935807cc2
commit 248548a4b4
10 changed files with 3820 additions and 12 deletions

View File

@ -0,0 +1,55 @@
"use client";
import React, { useState } from "react";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { FulfillmentGoodsTab } from "./fulfillment-goods-tab";
import { FulfillmentSuppliesTab as FulfillmentSuppliesSubTab } from "./fulfillment-supplies-sub-tab";
import { PvzReturnsTab } from "./pvz-returns-tab";
export function FulfillmentSuppliesTab() {
const [activeSubTab, setActiveSubTab] = useState("goods");
return (
<div className="h-full">
<Tabs
value={activeSubTab}
onValueChange={setActiveSubTab}
className="w-full h-full flex flex-col"
>
{/* Подвкладки для ФФ */}
<TabsList className="grid grid-cols-3 bg-white/5 backdrop-blur border-white/10 mb-4 w-fit">
<TabsTrigger
value="goods"
className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/60 px-6"
>
Товар
</TabsTrigger>
<TabsTrigger
value="supplies"
className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/60 px-6"
>
Расходники
</TabsTrigger>
<TabsTrigger
value="returns"
className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/60 px-6"
>
Возвраты с ПВЗ
</TabsTrigger>
</TabsList>
<TabsContent value="goods" className="mt-0 flex-1">
<FulfillmentGoodsTab />
</TabsContent>
<TabsContent value="supplies" className="mt-0 flex-1">
<FulfillmentSuppliesSubTab />
</TabsContent>
<TabsContent value="returns" className="mt-0 flex-1">
<PvzReturnsTab />
</TabsContent>
</Tabs>
</div>
);
}