From d86b6ba74225da963af807a133b6d7251911c330 Mon Sep 17 00:00:00 2001
From: nurdotnet <278048682+nurdotnet@users.noreply.github.com>
Date: Fri, 24 Apr 2026 10:53:32 +0500
Subject: [PATCH] =?UTF-8?q?ui(products):=20=D1=83=D0=B1=D1=80=D0=B0=D1=82?=
 =?UTF-8?q?=D1=8C=20=D0=BA=D0=BE=D0=BB=D0=BE=D0=BD=D0=BA=D1=83=20"=D0=A2?=
 =?UTF-8?q?=D0=B8=D0=BF"=20=D0=B8=D0=B7=20=D1=81=D0=BF=D0=B8=D1=81=D0=BA?=
 =?UTF-8?q?=D0=B0,=20=D1=81=D0=BF=D1=80=D1=8F=D1=82=D0=B0=D1=82=D1=8C=20mi?=
 =?UTF-8?q?n/max=20stock=20=D0=B2=20"=D0=A0=D0=B0=D1=81=D1=88=D0=B8=D1=80?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=BD=D1=8B=D0=B5"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

В списке товаров колонка с бейджами Услуга/Весовой/Маркируемый только
занимает место и ничем не помогает — в UX MoySklad такого нет, убираю.
В форме редактирования минимальный/максимальный остаток (для
уведомлений о пополнении и автозаказа) — второстепенные поля, ушли в
раскрывающийся блок "Расширенные параметры" сразу после блока закупки.
Закупочная цена осталась основной.

НДС-колонка теперь рисует "—" если VatEnabled=false.
---
 .../src/pages/ProductEditPage.tsx             | 36 +++++++++++++++----
 .../src/pages/ProductsPage.tsx                |  9 +----
 2 files changed, 30 insertions(+), 15 deletions(-)

diff --git a/src/food-market.web/src/pages/ProductEditPage.tsx b/src/food-market.web/src/pages/ProductEditPage.tsx
index bc4f4e8..17630a1 100644
--- a/src/food-market.web/src/pages/ProductEditPage.tsx
+++ b/src/food-market.web/src/pages/ProductEditPage.tsx
@@ -273,14 +273,8 @@ export function ProductEditPage() {
             </div>
           </Section>
 
-          <Section title="Остатки и закупка">
+          <Section title="Закупка">
             <Grid cols={4}>
-              <Field label="Мин. остаток">
-                <TextInput type="number" step="0.001" value={form.minStock} onChange={(e) => setForm({ ...form, minStock: e.target.value })} />
-              </Field>
-              <Field label="Макс. остаток">
-                <TextInput type="number" step="0.001" value={form.maxStock} onChange={(e) => setForm({ ...form, maxStock: e.target.value })} />
-              </Field>
               <Field label="Закупочная цена">
                 <TextInput type="number" step="0.01" value={form.purchasePrice} onChange={(e) => setForm({ ...form, purchasePrice: e.target.value })} />
               </Field>
@@ -293,6 +287,17 @@ export function ProductEditPage() {
             </Grid>
           </Section>
 
+          <AdvancedSection>
+            <Grid cols={4}>
+              <Field label="Минимальный остаток (для уведомления)">
+                <TextInput type="number" step="0.001" value={form.minStock} onChange={(e) => setForm({ ...form, minStock: e.target.value })} placeholder="—" />
+              </Field>
+              <Field label="Максимальный остаток (для автозаказа)">
+                <TextInput type="number" step="0.001" value={form.maxStock} onChange={(e) => setForm({ ...form, maxStock: e.target.value })} placeholder="—" />
+              </Field>
+            </Grid>
+          </AdvancedSection>
+
           <Section
             title="Цены продажи"
             action={<Button type="button" variant="secondary" size="sm" onClick={addPrice}><Plus className="w-3.5 h-3.5" /> Добавить</Button>}
@@ -396,3 +401,20 @@ function Grid({ cols, children }: { cols: 2 | 3 | 4; children: ReactNode }) {
   const cls = cols === 2 ? 'grid-cols-1 md:grid-cols-2' : cols === 3 ? 'grid-cols-1 md:grid-cols-3' : 'grid-cols-2 md:grid-cols-4'
   return <div className={`grid ${cls} gap-x-4 gap-y-3`}>{children}</div>
 }
+
+function AdvancedSection({ children }: { children: ReactNode }) {
+  const [open, setOpen] = useState(false)
+  return (
+    <section className="bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-800 overflow-hidden">
+      <button
+        type="button"
+        onClick={() => setOpen((v) => !v)}
+        className="w-full flex items-center justify-between px-5 py-3 border-b border-slate-100 dark:border-slate-800 bg-slate-50/50 dark:bg-slate-800/30 text-left hover:bg-slate-100/60 dark:hover:bg-slate-800/50"
+      >
+        <h2 className="text-sm font-semibold text-slate-900 dark:text-slate-100">Расширенные параметры</h2>
+        <span className="text-xs text-slate-500">{open ? 'свернуть' : 'развернуть'}</span>
+      </button>
+      {open && <div className="p-5">{children}</div>}
+    </section>
+  )
+}
diff --git a/src/food-market.web/src/pages/ProductsPage.tsx b/src/food-market.web/src/pages/ProductsPage.tsx
index b9aea62..683e826 100644
--- a/src/food-market.web/src/pages/ProductsPage.tsx
+++ b/src/food-market.web/src/pages/ProductsPage.tsx
@@ -168,14 +168,7 @@ export function ProductsPage() {
               )},
               { header: 'Группа', width: '200px', cell: (r) => r.productGroupName ?? '—' },
               { header: 'Ед.', width: '70px', cell: (r) => r.unitName },
-              { header: 'НДС', width: '80px', className: 'text-right', cell: (r) => `${r.vat}%` },
-              { header: 'Тип', width: '140px', cell: (r) => (
-                <div className="flex gap-1 flex-wrap">
-                  {r.isService && <span className="text-xs px-1.5 py-0.5 rounded bg-blue-50 text-blue-700">Услуга</span>}
-                  {r.isWeighed && <span className="text-xs px-1.5 py-0.5 rounded bg-amber-50 text-amber-700">Весовой</span>}
-                  {r.isMarked && <span className="text-xs px-1.5 py-0.5 rounded bg-purple-50 text-purple-700">Маркир.</span>}
-                </div>
-              )},
+              { header: 'НДС', width: '80px', className: 'text-right', cell: (r) => r.vatEnabled ? `${r.vat}%` : '—' },
               { header: 'Штрихкодов', width: '120px', className: 'text-right', cell: (r) => r.barcodes.length },
               { header: 'Активен', width: '100px', cell: (r) => r.isActive ? '✓' : '—' },
             ]}