+
+ )
+}
diff --git a/src/food-market.web/src/lib/shots.ts b/src/food-market.web/src/lib/shots.ts
new file mode 100644
index 0000000..25ba116
--- /dev/null
+++ b/src/food-market.web/src/lib/shots.ts
@@ -0,0 +1,67 @@
+import { BrowserMultiFormatReader } from '@zxing/browser'
+import { BarcodeFormat, DecodeHintType } from '@zxing/library'
+
+/// Снимок для отправки: ужатая копия (Blob) и штрихкоды, найденные на
+/// оригинале распознавателем на телефоне. Порт из
+/// ~/ref/sklad/sklad/ClientApp/src/lib/shots.ts.
+export type Shot = { blob: Blob; url: string; codes: string[]; decoding: boolean }
+
+let reader: BrowserMultiFormatReader | null = null
+const getReader = () => {
+ if (reader) return reader
+ const hints = new Map()
+ hints.set(DecodeHintType.POSSIBLE_FORMATS, [
+ BarcodeFormat.EAN_13, BarcodeFormat.EAN_8, BarcodeFormat.UPC_A, BarcodeFormat.UPC_E,
+ BarcodeFormat.CODE_128, BarcodeFormat.ITF,
+ ])
+ // TRY_HARDER — на реальных снимках без него ZXing часто не берёт штрихкод
+ hints.set(DecodeHintType.TRY_HARDER, true)
+ return (reader = new BrowserMultiFormatReader(hints))
+}
+
+const scaled = (src: HTMLCanvasElement, maxSide: number) => {
+ const k = Math.min(1, maxSide / Math.max(src.width, src.height))
+ if (k === 1) return src
+ const c = document.createElement('canvas')
+ c.width = Math.round(src.width * k); c.height = Math.round(src.height * k)
+ c.getContext('2d')!.drawImage(src, 0, 0, c.width, c.height)
+ return c
+}
+
+/// Штрихкоды со снимка. Пробуем в полном размере и уменьшенным до 1600px:
+/// распознаватель иногда берёт код только на одном из масштабов. Используется
+/// в PhotoSession сразу после затвора, пока модель ещё не вовлечена.
+export function decodeCanvas(full: HTMLCanvasElement): string[] {
+ const r = getReader()
+ const one = (c: HTMLCanvasElement) => {
+ try { return r.decodeFromCanvas(c).getText().replace(/\D/g, '') } catch { return '' }
+ }
+ let code = one(full)
+ if (!code) { const s = scaled(full, 1600); if (s !== full) code = one(s) }
+ return code.length >= 6 ? [code] : []
+}
+
+/// На сервер — ужатая копия: 30 снимков должны уйти за секунды, а не грузить
+/// мобильный интернет. JPEG 0.85, максимальная сторона 2400 (на упаковке
+/// сохраняется разборчивый текст).
+export const compress = (full: HTMLCanvasElement) =>
+ new Promise
+
+
+
+
+
+
+ {title} · {shots.length}
+ {hint}
+
+
+
+ {starting && (
+
+
+ { const f = Array.from(e.target.files ?? []); e.target.value = ''; addFiles(f) }} />
+
+
+
+ )}
+ {camError && (
+
+
+ )}
+ {fileErr && (
+ {camError}
+
+
+ {fileErr}
+
+ )}
+
+ {shots.length > 0 && (
+
+
+ {shots.map((s, i) => (
+
+ )}
+
+ 
+ {i + 1}
+
+ {s.decoding ?
+ ))}
+
+
+
+
+
+ {shots.length > 0 && <>штрихкод на {withCode} из {shots.length}}
+
+
-
-
+ {/* Поле аппаратного сканера/ручного ввода — на виду (handoff §8): третий
+ способ после камеры. Можно печатать мышкой курсор не ставя — поймает
+ глобальный keydown. */}
+
-
+ {/* Поле аппаратного сканера/ручного ввода — на виду (handoff §8): третий
+ способ после камеры. Можно печатать мышкой курсор не ставя — поймает
+ глобальный keydown. */}
+
+
+ {/* Загрузка Excel/CSV — третий способ ввода. Строки добавляются
+ к текущему списку, повторы штрихкодов суммированы. */}
+
+
{
if (e.key !== 'Enter') return
@@ -264,10 +326,27 @@ export function InventoryMobilePage() {
const el = e.target as HTMLInputElement
addScan(el.value); el.value = ''
}}
- placeholder="Отсканируйте или введите штрихкод"
- className="mt-2 w-full rounded-lg border-2 border-slate-300 px-4 py-3 text-lg tabular-nums outline-none focus:border-sky-500"
+ placeholder="Сканируйте или введите штрихкод и Enter"
+ className="w-full rounded-lg border-2 border-slate-300 px-4 py-3 text-lg tabular-nums outline-none focus:border-sky-500"
data-testid="inv-scan-input" />
-
+ сканер срабатывает и без клика в поле
+
+
+
{msg && (
+ колонки «Штрихкод» и «Количество» — строки добавятся к списку
+
+ { const f = e.target.files?.[0]; e.target.value = ''; if (f) importFile(f) }} />
+
{msg.text}
diff --git a/src/food-market.web/src/pages/InvoiceReviewPage.tsx b/src/food-market.web/src/pages/InvoiceReviewPage.tsx
index 681c02e..58b12a8 100644
--- a/src/food-market.web/src/pages/InvoiceReviewPage.tsx
+++ b/src/food-market.web/src/pages/InvoiceReviewPage.tsx
@@ -1,8 +1,9 @@
-import { useEffect, useMemo, useState } from 'react'
+import { useEffect, useMemo, useRef, useState } from 'react'
import { useParams, useNavigate } from 'react-router-dom'
import { api } from '@/lib/api'
-import { useQuery, useMutation } from '@tanstack/react-query'
-import { ArrowLeft, Save, Check, AlertTriangle, Search, Trash2, Barcode as BarcodeIcon } from 'lucide-react'
+import { useQuery } from '@tanstack/react-query'
+import { ArrowLeft, Check, AlertTriangle, Search, Trash2, Camera, ScanBarcode } from 'lucide-react'
+import CameraScanner, { type ScanFeedback } from '@/components/CameraScanner'
interface InvoiceLine {
barcode?: string | null
@@ -15,8 +16,12 @@ interface InvoiceLine {
vat?: number | null
productId?: string | null
productName?: string | null
- matchedBy: string // barcode | alias | manual | none
+ matchedBy: string // barcode | alias | manual | scan | photo | photo-read | none
matchScore: number
+ // фото-приёмка
+ photo?: number | null
+ barcodeSource?: string | null
+ note?: string | null
}
interface InvoiceDetail {
id: string
@@ -31,6 +36,8 @@ interface InvoiceDetail {
linesMatched: number
supplyId: string | null
error: string | null
+ source: string | null
+ hasFiles: boolean
lines: InvoiceLine[]
}
@@ -39,22 +46,60 @@ interface CounterpartyHit { id: string; name: string; bin: string | null }
interface Store { id: string; name: string; isMain: boolean }
interface Currency { id: string; code: string }
-/// Экран проверки накладной. Карточками — чтобы телефон читался; на
-/// desktop раскладывается в 2 колонки.
+const MATCHED_RU: Record = {
+ barcode: 'по ШК',
+ scan: 'скан',
+ alias: 'по памяти',
+ manual: 'вручную',
+ photo: 'по фото',
+ 'photo-read': 'по фото, цифры прочитаны — сверьте',
+}
+
+/// Экран проверки накладной.
+///
+/// Что здесь важно (порт поведения из sklad, handoff §1–§4):
+/// - **Автосохранение**: каждая правка → `dirty=true`, через 700 мс PUT /lines
+/// на сервере; индикатор «сохраняю… / сохранено / не сохранилось».
+/// - **Общее поле скана** с выбором строки кнопками, если fuzzy-match неуверен
+/// (ранжирование Жаккара по словам). Актуальные строки читаются через ref,
+/// чтобы колбэк камеры не видел старые.
+/// - **Глобальный keydown**: аппаратный сканер «печатает» цифры и Enter —
+/// ловим на всей странице, если курсор не в INPUT/TEXTAREA. Серия цифр
+/// < 100 мс + Enter + длина ≥ 6 → скан.
+/// - **Фото-приёмка**: у строки показана миниатюра `/photo/N`, если `hasFiles`.
export function InvoiceReviewPage() {
const { id } = useParams<{ id: string }>()
const nav = useNavigate()
const [lines, setLines] = useState([])
const [header, setHeader] = useState({ supplierName: '', invoiceNumber: '', invoiceDate: '', totalSum: '' })
- const [barcodeInput, setBarcodeInput] = useState('')
+ const [scanMsg, setScanMsgRaw] = useState<{ kind: 'ok' | 'warn' | 'err'; text: string } | null>(null)
+ const setScanMsg = (text: string, kind: 'ok' | 'warn' | 'err' = 'warn') => setScanMsgRaw({ kind, text })
+ // Товар найден, но строку уверенно не подобрали — кладовщик выбирает кнопкой.
+ const [choose, setChoose] = useState<{ p: { id: string; name: string }; code: string } | null>(null)
const [searchHit, setSearchHit] = useState<{ row: number; q: string } | null>(null)
- const [savedMsg, setSavedMsg] = useState(null)
const [applyOpen, setApplyOpen] = useState(false)
+ const scanInputRef = useRef(null)
+ // Автосейв состояния.
+ const dirty = useRef(false)
+ const [saveState, setSaveState] = useState<'idle' | 'saving' | 'saved' | 'error'>('idle')
+ // Для камеры: null — закрыта, число — скан в эту строку; -1 — общий режим.
+ const [camRow, setCamRow] = useState(null)
+ const [fb, setFb] = useState(null)
+ const seq = useRef(0)
+ // Актуальные строки для колбэков (камера / global keydown).
+ const linesRef = useRef([])
+ linesRef.current = lines
const detail = useQuery({
queryKey: ['invoice', id],
queryFn: () => api.get(`/api/purchases/invoices/${id}`).then(r => r.data),
enabled: !!id,
+ // Пока фоновая обработка идёт — обновляем, иначе не трогаем (чтобы не
+ // перетирать несохранённые правки — глобально у нас и так refetchOnWindowFocus:false).
+ refetchInterval: q => {
+ const d = q.state.data as InvoiceDetail | undefined
+ return d && (d.status === 'pending' || d.status === 'parsing') ? 2000 : false
+ },
})
useEffect(() => {
@@ -69,50 +114,148 @@ export function InvoiceReviewPage() {
})
}, [detail.data])
+ const edit = (fn: (prev: InvoiceLine[]) => InvoiceLine[]) => { dirty.current = true; setLines(fn) }
+ const editHeader = (fn: (prev: typeof header) => typeof header) => { dirty.current = true; setHeader(fn) }
+
+ // Автосохранение правок строк и шапки. Debounce 700 мс.
+ useEffect(() => {
+ if (!dirty.current || !id) return
+ const t = setTimeout(async () => {
+ setSaveState('saving')
+ try {
+ await api.put(`/api/purchases/invoices/${id}/lines`, {
+ lines,
+ supplierName: header.supplierName,
+ invoiceNumber: header.invoiceNumber,
+ invoiceDate: header.invoiceDate ? new Date(header.invoiceDate).toISOString() : null,
+ totalSum: header.totalSum ? parseFloat(header.totalSum) : null,
+ })
+ dirty.current = false
+ setSaveState('saved')
+ } catch { setSaveState('error') }
+ }, 700)
+ return () => clearTimeout(t)
+ }, [lines, header, id])
+
const sumByLines = useMemo(() => lines.reduce((s, l) => s + (l.quantity * l.price || 0), 0), [lines])
const unmatched = useMemo(() => lines.filter(l => !l.productId).length, [lines])
+ const matched = lines.length - unmatched
const totalMismatch = useMemo(() => {
const t = parseFloat(header.totalSum || '0')
return t > 0 && Math.abs(sumByLines - t) > 1
}, [sumByLines, header.totalSum])
- const save = useMutation({
- mutationFn: async () => {
- await api.put(`/api/purchases/invoices/${id}/lines`, {
- lines, supplierName: header.supplierName, invoiceNumber: header.invoiceNumber,
- invoiceDate: header.invoiceDate ? new Date(header.invoiceDate).toISOString() : null,
- totalSum: header.totalSum ? parseFloat(header.totalSum) : null,
- })
- },
- onSuccess: () => { setSavedMsg('Сохранено'); setTimeout(() => setSavedMsg(null), 2000) },
- onError: (e) => setSavedMsg(e instanceof Error ? e.message : 'Ошибка'),
- })
-
- // scan в общий input: ищем товар, матчим в первую НЕсопоставленную подходящую строку
- const scanToAny = async (code: string) => {
- const clean = code.replace(/\D/g, '')
+ // ── подбор строки по названию товара (Jaccard по словам) ───────────
+ // Товар по штрихкоду известен точно, а строку надо подобрать среди
+ // НЕзаполненных: названия в накладной и каталоге часто совсем разные
+ // («Albeni 40gx24x6» ↔ «Шоколад Альбени 40г»). Порог 0.3 и отрыв 0.08
+ // — иначе появляется окно с кнопками «в какую строку?».
+ const rank = (productName: string, cur: InvoiceLine[]) => {
+ const norm = (t: string) => t.toUpperCase().replace(/Ё/g, 'Е')
+ .replace(/[^A-ZА-Я0-9]+/g, ' ').trim().split(' ').filter(w => w.length > 1)
+ const want = new Set(norm(productName))
+ return cur.map((l, i) => {
+ const have = new Set(norm(l.name))
+ let inter = 0
+ want.forEach(w => { if (have.has(w)) inter++ })
+ return { i, score: inter / (want.size + have.size - inter || 1) }
+ }).filter(x => !cur[x.i].productId).sort((a, b) => b.score - a.score)
+ }
+ const pickRow = (productName: string, cur: InvoiceLine[]) => {
+ const r = rank(productName, cur)
+ if (r.length === 1) return r[0].i
+ const best = r[0]?.score ?? 0, second = r[1]?.score ?? 0
+ return best >= 0.3 && best - second >= 0.08 ? r[0].i : -1
+ }
+ const putInRow = (idx: number, p: { id: string; name: string }, code?: string) => {
+ edit(prev => prev.map((l, i) => i === idx
+ ? { ...l, productId: p.id, productName: p.name, matchedBy: 'manual',
+ barcode: code ?? l.barcode } : l))
+ }
+ /// Скан в поле КОНКРЕТНОЙ строки — гадать не нужно.
+ const scanIntoRow = async (idx: number, code: string) => {
+ const clean = (code ?? '').replace(/\D/g, '')
if (clean.length < 6) return
try {
- const { data } = await api.get<{ productId: string; name: string; barcode: string }>(
+ const { data } = await api.get<{ productId: string; name: string }>(
`/api/purchases/invoices/product-by-barcode?barcode=${clean}`)
- // Применяем в первую несопоставленную строку, иначе создаём новую.
- setLines(prev => {
- const idx = prev.findIndex(l => !l.productId)
- if (idx < 0) {
- return [...prev, { name: data.name, barcode: clean, quantity: 1, price: 0,
- matchedBy: 'manual', matchScore: 1, productId: data.productId, productName: data.name } as InvoiceLine]
- }
- const next = [...prev]
- next[idx] = { ...next[idx], productId: data.productId, productName: data.name,
- barcode: next[idx].barcode || clean, matchedBy: 'manual' }
- return next
- })
- } catch { /* не нашли — ignored */ }
- setBarcodeInput('')
+ const p = { id: data.productId, name: data.name }
+ putInRow(idx, p, clean)
+ setScanMsg(`${p.name} → строка ${idx + 1}`, 'ok')
+ setFb({ kind: 'ok', title: p.name, sub: `строка ${idx + 1}`, seq: ++seq.current })
+ } catch {
+ setScanMsg(`Штрихкод ${clean} в каталоге не найден`, 'err')
+ setFb({ kind: 'err', title: 'Нет в каталоге', sub: clean, seq: ++seq.current })
+ }
}
+ /// Скан в общее поле: товар известен, строку подбираем, в неуверенном
+ /// случае — кнопками выбора.
+ const onScanCode = async (code: string) => {
+ const clean = (code ?? '').replace(/\D/g, '')
+ if (clean.length < 6) return
+ let p: { id: string; name: string }
+ try {
+ const { data } = await api.get<{ productId: string; name: string }>(
+ `/api/purchases/invoices/product-by-barcode?barcode=${clean}`)
+ p = { id: data.productId, name: data.name }
+ } catch {
+ setScanMsg(`Штрихкод ${clean} в каталоге не найден`, 'err')
+ setFb({ kind: 'err', title: 'Нет в каталоге', sub: clean, seq: ++seq.current })
+ return
+ }
+ const cur = linesRef.current
+ const already = cur.findIndex(l => l.productId === p.id)
+ if (already >= 0) {
+ setScanMsg(`${p.name} — уже стоит в строке ${already + 1}`, 'warn')
+ setFb({ kind: 'err', title: 'Уже отсканирован', sub: `строка ${already + 1}`, seq: ++seq.current })
+ return
+ }
+ if (!cur.some(l => !l.productId)) { setScanMsg('Все строки уже сопоставлены', 'warn'); return }
+ const idx = pickRow(p.name, cur)
+ if (idx >= 0) {
+ putInRow(idx, p, clean)
+ setScanMsg(`${p.name} → строка ${idx + 1}: ${cur[idx].name}`, 'ok')
+ setFb({ kind: 'ok', title: p.name, sub: `строка ${idx + 1}`, seq: ++seq.current })
+ return
+ }
+ setScanMsgRaw(null)
+ setChoose({ p, code: clean })
+ setCamRow(null)
+ }
+ const chooseRow = (idx: number) => {
+ if (!choose) return
+ putInRow(idx, choose.p, choose.code)
+ setScanMsg(`${choose.p.name} → строка ${idx + 1}`, 'ok')
+ setChoose(null)
+ setTimeout(() => scanInputRef.current?.focus(), 0)
+ }
+
+ // Глобальный keydown для аппаратного сканера. Если фокус в INPUT/TEXTAREA —
+ // не вмешиваемся: поле разберётся само. Серия цифр с интервалом < 100 мс
+ // и Enter в конце + длина ≥ 6 — это скан.
+ const scanFnRef = useRef(onScanCode)
+ scanFnRef.current = onScanCode
+ useEffect(() => {
+ let buf = '', last = 0
+ const onKey = (e: KeyboardEvent) => {
+ const el = document.activeElement as HTMLElement | null
+ if (el && (el.tagName === 'INPUT' || el.tagName === 'TEXTAREA')) return
+ const now = Date.now()
+ if (now - last > 100) buf = ''
+ last = now
+ if (e.key === 'Enter') {
+ if (buf.length >= 6) { e.preventDefault(); scanFnRef.current(buf) }
+ buf = ''
+ } else if (/^\d$/.test(e.key)) buf += e.key
+ }
+ addEventListener('keydown', onKey)
+ return () => removeEventListener('keydown', onKey)
+ }, [])
+
if (!detail.data) return
Загрузка…
const d = detail.data
+ const busy = d.status === 'pending' || d.status === 'parsing'
return (
@@ -132,25 +275,37 @@ export function InvoiceReviewPage() {
Ошибка распознавания: {d.error}
)}
+ {d.status === 'needs_review' && d.error && (
+
+ {d.error}
+
+ )}
+ {busy && (
+
+ {d.source === 'photos'
+ ? 'Собираю приёмку по снимкам, обычно 1-3 минуты'
+ : 'Читаю накладную, обычно 10-20 секунд'}
+
+ )}
{/* шапка */}
setHeader({ ...header, supplierName: e.target.value })} />
+ onChange={e => editHeader(h => ({ ...h, supplierName: e.target.value }))} />
setHeader({ ...header, invoiceNumber: e.target.value })} />
+ onChange={e => editHeader(h => ({ ...h, invoiceNumber: e.target.value }))} />
setHeader({ ...header, invoiceDate: e.target.value })} />
+ onChange={e => editHeader(h => ({ ...h, invoiceDate: e.target.value }))} />
Итого в накладной
setHeader({ ...header, totalSum: e.target.value })} />
+ onChange={e => editHeader(h => ({ ...h, totalSum: e.target.value }))} />
Сумма по строкам
@@ -164,23 +319,62 @@ export function InvoiceReviewPage() {
)}
- {/* сканер в общее поле */}
-
-
-
+ {/* общее поле скана + панель выбора строки */}
+ {!busy && unmatched > 0 && (
+
+
+ )}
{unmatched > 0 && (
+
+
+ {
+ if (e.key !== 'Enter') return
+ e.preventDefault()
+ const el = e.target as HTMLInputElement
+ onScanCode(el.value); el.value = ''
+ }}
+ placeholder="Поднесите сканер к штрихкоду…"
+ className="flex-1 rounded-lg border border-slate-300 px-3 py-2 outline-none focus:border-slate-500"
+ data-testid="invoice-scan-input" />
+
+
+ {choose && (
+
+
+ )}
+ {scanMsg && !choose && (
+
+ {choose.p.name} — в какую строку накладной?
+
+
+ {rank(choose.p.name, lines).map(({ i }) => (
+
+ ))}
+
+
+
+ {scanMsg.text}
+
+ )}
+
+ Можно сканировать сюда — строка подберётся по названию, а если не
+ получится, появятся кнопки выбора. Либо прямо в поле «Штрихкод» нужной строки.
+
+
@@ -192,10 +386,13 @@ export function InvoiceReviewPage() {
setSearchHit(null)}
onPick={(h) => {
- setLines(prev => prev.map((x, j) => j === searchHit.row
+ edit(prev => prev.map((x, j) => j === searchHit.row
? { ...x, productId: h.id, productName: h.name, matchedBy: 'manual' } : x))
setSearchHit(null)
}} />
@@ -228,16 +429,36 @@ export function InvoiceReviewPage() {
onClose={() => setApplyOpen(false)}
onDone={(supplyId) => { setApplyOpen(false); nav(`/purchases/supplies/${supplyId}`) }} />
)}
+
+ {camRow != null && (
+ setCamRow(null)}
+ feedback={fb}
+ counter={camRow >= 0
+ ? `строка ${camRow + 1}: ${(lines[camRow]?.name ?? '').slice(0, 28)}`
+ : `сопоставлено ${matched} из ${lines.length}`}
+ onCode={code => {
+ // Одна строка — закрываем, она заполнена; общий режим идёт подряд.
+ if (camRow >= 0) { scanIntoRow(camRow, code); setCamRow(null) }
+ else onScanCode(code)
+ }} />
+ )}
)
}
-/// Карточка строки. Оранжевый бордер если не сопоставлена.
-function InvoiceLineCard({ line, onChange, onRemove, onSearch }: {
+/// Карточка строки. Миниатюра снимка (если фото-приёмка), пометка
+/// «barcode_source: read — сверьте», оранжевый бордер если не сопоставлена.
+function InvoiceLineCard({ index, line, invoiceId, hasFiles, onChange, onRemove, onSearch, onCamera, onScanIntoRow }: {
+ index: number
line: InvoiceLine
+ invoiceId: string
+ hasFiles: boolean
onChange: (l: InvoiceLine) => void
onRemove: () => void
onSearch: (q: string) => void
+ onCamera: () => void
+ onScanIntoRow: (code: string) => void
}) {
const bad = !line.productId
const sum = line.quantity * line.price
@@ -245,21 +466,46 @@ function InvoiceLineCard({ line, onChange, onRemove, onSearch }: {
{lines.map((l, i) => (
setLines(prev => prev.map((x, j) => j === i ? patched : x))}
- onRemove={() => setLines(prev => prev.filter((_, j) => j !== i))}
+ key={i} index={i} line={l}
+ invoiceId={d.id} hasFiles={d.hasFiles}
+ onChange={(patched) => edit(prev => prev.map((x, j) => j === i ? patched : x))}
+ onRemove={() => edit(prev => prev.filter((_, j) => j !== i))}
onSearch={(q) => setSearchHit({ row: i, q })}
+ onCamera={() => setCamRow(i)}
+ onScanIntoRow={(code) => scanIntoRow(i, code)}
/>
))}
@@ -203,12 +400,16 @@ export function InvoiceReviewPage() {
{/* bottom */}
-
-
@@ -217,7 +418,7 @@ export function InvoiceReviewPage() {
{searchHit && (
-
-
- {line.supplierCode && {line.supplierCode}}
- {line.barcode && {line.barcode}}
+
+ {bad && (
+
+ {hasFiles && line.photo != null &&
+
-
+ {index + 1}.
+ {line.supplierCode && {line.supplierCode}}
+ {line.barcode && {line.barcode}}
+
+ {line.name}
+ {line.productId
+ ? → {line.productName}
+ ({MATCHED_RU[line.matchedBy] ?? line.matchedBy})
+
+ : Товар не сопоставлен — найдите, отсканируйте или создайте
}
+ {line.note && {line.note}
}
{line.name}
- {line.productId
- ? → {line.productName}
- ({line.matchedBy})
-
- : Товар не сопоставлен — найдите или создайте
}
+ {
+ if (e.key !== 'Enter') return
+ e.preventDefault()
+ const v = (e.target as HTMLInputElement).value.trim()
+ onScanIntoRow(v)
+ }}
+ className="flex-1 min-w-0 rounded border border-amber-300 bg-white px-2 py-1 text-sm tabular-nums outline-none placeholder:text-amber-600 focus:border-sky-500 focus:ring-2 focus:ring-sky-200" />
+
+
+ )}
+