food-market/tests/e2e/reports/full-chain-demo-v2-20261008-015935/index.html

<!doctype html><html lang="ru"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Full-chain e2e — скриншоты процессов (Демо-магазин (B))</title>
<style>
  body{font:14px/1.5 system-ui,Segoe UI,Roboto,sans-serif;margin:0;background:#0f172a;color:#e2e8f0}
  header{padding:20px 24px;background:#1e293b;position:sticky;top:0;box-shadow:0 1px 0 #334155}
  h1{margin:0 0 4px;font-size:20px} .sub{color:#94a3b8;font-size:13px}
  section{padding:8px 24px 24px} h2{font-size:15px;color:#7dd3fc;border-bottom:1px solid #334155;padding-bottom:6px}
  .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}
  figure{margin:0;background:#1e293b;border:1px solid #334155;border-radius:10px;overflow:hidden}
  img{width:100%;display:block;background:#fff;cursor:zoom-in}
  figcaption{padding:8px 10px;font-size:12px;color:#cbd5e1}
  small{color:#64748b}
</style></head><body>
<header><h1>Жизнь магазина — скриншоты процессов</h1>
<div class="sub">Прогон: Демо-магазин (B) · 2026-10-07T21:01:51.154Z · всего кадров: 36</div></header>
<section><h2>step01_register_and_login</h2><div class="grid">
        <figure>
          <a href="screenshots/01-vhod-dashboard.png" target="_blank">
            <img src="screenshots/01-vhod-dashboard.png" loading="lazy" alt="Вход владельца → дашборд организации"/>
          </a>
          <figcaption>🖥 Вход владельца → дашборд организации<br><small>01-vhod-dashboard.png</small></figcaption>
        </figure></div></section>
<section><h2>step02_catalog_and_supplier</h2><div class="grid">
        <figure>
          <a href="screenshots/02-tovary-realnye.png" target="_blank">
            <img src="screenshots/02-tovary-realnye.png" loading="lazy" alt="Каталог «Демо-магазина»: реальные товары"/>
          </a>
          <figcaption>🖥 Каталог «Демо-магазина»: реальные товары<br><small>02-tovary-realnye.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/02-postavshchik.png" target="_blank">
            <img src="screenshots/02-postavshchik.png" loading="lazy" alt="Поставщик [e2e]"/>
          </a>
          <figcaption>🖥 Поставщик [e2e]<br><small>02-postavshchik.png</small></figcaption>
        </figure></div></section>
<section><h2>step02a_employees_and_points</h2><div class="grid">
        <figure>
          <a href="screenshots/02a-kabinet-kassira.png" target="_blank">
            <img src="screenshots/02a-kabinet-kassira.png" loading="lazy" alt="Кабинет кассира: без «Деньги»/«Настроек»"/>
          </a>
          <figcaption>🖥 Кабинет кассира: без «Деньги»/«Настроек»<br><small>02a-kabinet-kassira.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/02a-kassir-pryamoy-url.png" target="_blank">
            <img src="screenshots/02a-kassir-pryamoy-url.png" loading="lazy" alt="Кассир по прямому URL /money/accounts — нет данных"/>
          </a>
          <figcaption>🖥 Кассир по прямому URL /money/accounts — нет данных<br><small>02a-kassir-pryamoy-url.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/02a-sotrudniki.png" target="_blank">
            <img src="screenshots/02a-sotrudniki.png" loading="lazy" alt="Сотрудники: кассир, кладовщик, администратор (роли)"/>
          </a>
          <figcaption>🖥 Сотрудники: кассир, кладовщик, администратор (роли)<br><small>02a-sotrudniki.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/02a-tochki-prodazh.png" target="_blank">
            <img src="screenshots/02a-tochki-prodazh.png" loading="lazy" alt="Точки продаж (2 кассы)"/>
          </a>
          <figcaption>🖥 Точки продаж (2 кассы)<br><small>02a-tochki-prodazh.png</small></figcaption>
        </figure></div></section>
<section><h2>step03_money_accounts</h2><div class="grid">
        <figure>
          <a href="screenshots/03-scheta.png" target="_blank">
            <img src="screenshots/03-scheta.png" loading="lazy" alt="Счета: касса, банк (номер), эквайринг — начальные остатки"/>
          </a>
          <figcaption>🖥 Счета: касса, банк (номер), эквайринг — начальные остатки<br><small>03-scheta.png</small></figcaption>
        </figure></div></section>
<section><h2>step04_initial_supplier_debt</h2><div class="grid">
        <figure>
          <a href="screenshots/04-dolg-nachalnyy.png" target="_blank">
            <img src="screenshots/04-dolg-nachalnyy.png" loading="lazy" alt="Долги поставщикам: начальный долг 100 000 ₸"/>
          </a>
          <figcaption>🖥 Долги поставщикам: начальный долг 100 000 ₸<br><small>04-dolg-nachalnyy.png</small></figcaption>
        </figure></div></section>
<section><h2>step05_supply1_manual</h2><div class="grid">
        <figure>
          <a href="screenshots/05-priemka1-forma.png" target="_blank">
            <img src="screenshots/05-priemka1-forma.png" loading="lazy" alt="Приёмка №1: форма создания (до проведения)"/>
          </a>
          <figcaption>🖥 Приёмка №1: форма создания (до проведения)<br><small>05-priemka1-forma.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/05-priemka1-spisok.png" target="_blank">
            <img src="screenshots/05-priemka1-spisok.png" loading="lazy" alt="Список приёмок"/>
          </a>
          <figcaption>🖥 Список приёмок<br><small>05-priemka1-spisok.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/05-priemka1-provedena.png" target="_blank">
            <img src="screenshots/05-priemka1-provedena.png" loading="lazy" alt="Приёмка №1: проведена, строки и себестоимость"/>
          </a>
          <figcaption>🖥 Приёмка №1: проведена, строки и себестоимость<br><small>05-priemka1-provedena.png</small></figcaption>
        </figure></div></section>
<section><h2>step06_supply2_excel</h2><div class="grid">
        <figure>
          <a href="screenshots/06-nakladnye-spisok.png" target="_blank">
            <img src="screenshots/06-nakladnye-spisok.png" loading="lazy" alt="Загруженные накладные (табличная разобрана)"/>
          </a>
          <figcaption>🖥 Загруженные накладные (табличная разобрана)<br><small>06-nakladnye-spisok.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/06-priemka2-provedena.png" target="_blank">
            <img src="screenshots/06-priemka2-provedena.png" loading="lazy" alt="Приёмка №2: «Поставщик не указан», проведена"/>
          </a>
          <figcaption>🖥 Приёмка №2: «Поставщик не указан», проведена<br><small>06-priemka2-provedena.png</small></figcaption>
        </figure></div></section>
<section><h2>step07_supply3_photo</h2><div class="grid">
        <figure>
          <a href="screenshots/07-foto-nakladnaya-razobrana.png" target="_blank">
            <img src="screenshots/07-foto-nakladnaya-razobrana.png" loading="lazy" alt="Фото-накладная: распознана (OCR) и сопоставлена вручную"/>
          </a>
          <figcaption>🖥 Фото-накладная: распознана (OCR) и сопоставлена вручную<br><small>07-foto-nakladnaya-razobrana.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/07-priemka3-provedena.png" target="_blank">
            <img src="screenshots/07-priemka3-provedena.png" loading="lazy" alt="Приёмка №3 (по фото): проведена"/>
          </a>
          <figcaption>🖥 Приёмка №3 (по фото): проведена<br><small>07-priemka3-provedena.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/07-mob-foto-priemka.png" target="_blank">
            <img src="screenshots/07-mob-foto-priemka.png" loading="lazy" alt="Фото-приёмка с телефона"/>
          </a>
          <figcaption>📱 Фото-приёмка с телефона<br><small>07-mob-foto-priemka.png</small></figcaption>
        </figure></div></section>
<section><h2>step08_supplier_payments</h2><div class="grid">
        <figure>
          <a href="screenshots/08-platezhi.png" target="_blank">
            <img src="screenshots/08-platezhi.png" loading="lazy" alt="Платежи поставщикам: нал из кассы + с банка"/>
          </a>
          <figcaption>🖥 Платежи поставщикам: нал из кассы + с банка<br><small>08-platezhi.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/08-dolg-posle-oplat.png" target="_blank">
            <img src="screenshots/08-dolg-posle-oplat.png" loading="lazy" alt="Долги поставщикам после оплат (= формуле)"/>
          </a>
          <figcaption>🖥 Долги поставщикам после оплат (= формуле)<br><small>08-dolg-posle-oplat.png</small></figcaption>
        </figure></div></section>
<section><h2>step09_cashier_shift</h2><div class="grid">
        <figure>
          <a href="screenshots/09-smeny-spisok.png" target="_blank">
            <img src="screenshots/09-smeny-spisok.png" loading="lazy" alt="Смены кассы: открытие/закрытие, размен"/>
          </a>
          <figcaption>🖥 Смены кассы: открытие/закрытие, размен<br><small>09-smeny-spisok.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/09-smena-zakryta-z.png" target="_blank">
            <img src="screenshots/09-smena-zakryta-z.png" loading="lazy" alt="Закрытая смена: должно быть / факт / разница (Z-отчёт)"/>
          </a>
          <figcaption>🖥 Закрытая смена: должно быть / факт / разница (Z-отчёт)<br><small>09-smena-zakryta-z.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/09-cheki-prodazhi.png" target="_blank">
            <img src="screenshots/09-cheki-prodazhi.png" loading="lazy" alt="Чеки продаж (наличные/карта/смешанная) и возврат"/>
          </a>
          <figcaption>🖥 Чеки продаж (наличные/карта/смешанная) и возврат<br><small>09-cheki-prodazhi.png</small></figcaption>
        </figure></div></section>
<section><h2>step09a_points_binding</h2><div class="grid">
        <figure>
          <a href="screenshots/09a-parallelnye-smeny.png" target="_blank">
            <img src="screenshots/09a-parallelnye-smeny.png" loading="lazy" alt="Параллельные смены на точках 1 и 2 (деньги раздельны)"/>
          </a>
          <figcaption>🖥 Параллельные смены на точках 1 и 2 (деньги раздельны)<br><small>09a-parallelnye-smeny.png</small></figcaption>
        </figure></div></section>
<section><h2>step10_warehouse_ops</h2><div class="grid">
        <figure>
          <a href="screenshots/10-oprihodovanie.png" target="_blank">
            <img src="screenshots/10-oprihodovanie.png" loading="lazy" alt="Оприходование излишка (+8)"/>
          </a>
          <figcaption>🖥 Оприходование излишка (+8)<br><small>10-oprihodovanie.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/10-spisanie-braka.png" target="_blank">
            <img src="screenshots/10-spisanie-braka.png" loading="lazy" alt="Списание брака (−2)"/>
          </a>
          <figcaption>🖥 Списание брака (−2)<br><small>10-spisanie-braka.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/10-inventarizaciya.png" target="_blank">
            <img src="screenshots/10-inventarizaciya.png" loading="lazy" alt="Инвентаризация (часть товаров): расхождения"/>
          </a>
          <figcaption>🖥 Инвентаризация (часть товаров): расхождения<br><small>10-inventarizaciya.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/10-ostatki-sklad.png" target="_blank">
            <img src="screenshots/10-ostatki-sklad.png" loading="lazy" alt="Остатки после складских операций"/>
          </a>
          <figcaption>🖥 Остатки после складских операций<br><small>10-ostatki-sklad.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/10-mob-inventarizaciya.png" target="_blank">
            <img src="screenshots/10-mob-inventarizaciya.png" loading="lazy" alt="Инвентаризация с телефона (сканер)"/>
          </a>
          <figcaption>📱 Инвентаризация с телефона (сканер)<br><small>10-mob-inventarizaciya.png</small></figcaption>
        </figure></div></section>
<section><h2>step11_reports</h2><div class="grid">
        <figure>
          <a href="screenshots/11-otchet-prodazhi.png" target="_blank">
            <img src="screenshots/11-otchet-prodazhi.png" loading="lazy" alt="Отчёт: продажи за день (выручка)"/>
          </a>
          <figcaption>🖥 Отчёт: продажи за день (выручка)<br><small>11-otchet-prodazhi.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/11-otchet-pribyl.png" target="_blank">
            <img src="screenshots/11-otchet-pribyl.png" loading="lazy" alt="Отчёт: прибыль (выручка − себестоимость)"/>
          </a>
          <figcaption>🖥 Отчёт: прибыль (выручка − себестоимость)<br><small>11-otchet-pribyl.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/11-otchet-ostatki.png" target="_blank">
            <img src="screenshots/11-otchet-ostatki.png" loading="lazy" alt="Отчёт: остатки на дату"/>
          </a>
          <figcaption>🖥 Отчёт: остатки на дату<br><small>11-otchet-ostatki.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/11-otchet-dengi.png" target="_blank">
            <img src="screenshots/11-otchet-dengi.png" loading="lazy" alt="Отчёт «Деньги»: остатки по счетам"/>
          </a>
          <figcaption>🖥 Отчёт «Деньги»: остатки по счетам<br><small>11-otchet-dengi.png</small></figcaption>
        </figure>
        <figure>
          <a href="screenshots/11-otchet-dolgi.png" target="_blank">
            <img src="screenshots/11-otchet-dolgi.png" loading="lazy" alt="Отчёт: долги поставщикам"/>
          </a>
          <figcaption>🖥 Отчёт: долги поставщикам<br><small>11-otchet-dolgi.png</small></figcaption>
        </figure></div></section>
<section><h2>step12_invariants</h2><div class="grid">
        <figure>
          <a href="screenshots/12-dvizheniya-sklada.png" target="_blank">
            <img src="screenshots/12-dvizheniya-sklada.png" loading="lazy" alt="Движения склада (остаток ≡ Σ движений)"/>
          </a>
          <figcaption>🖥 Движения склада (остаток ≡ Σ движений)<br><small>12-dvizheniya-sklada.png</small></figcaption>
        </figure></div></section>
<section><h2>step13_cancel_rollback</h2><div class="grid">
        <figure>
          <a href="screenshots/13-otkat-dolg-vernulsya.png" target="_blank">
            <img src="screenshots/13-otkat-dolg-vernulsya.png" loading="lazy" alt="Отмена платежа → долг вернулся"/>
          </a>
          <figcaption>🖥 Отмена платежа → долг вернулся<br><small>13-otkat-dolg-vernulsya.png</small></figcaption>
        </figure></div></section>
<section><h2>step14_finalize</h2><div class="grid">
        <figure>
          <a href="screenshots/14-itog-dashboard.png" target="_blank">
            <img src="screenshots/14-itog-dashboard.png" loading="lazy" alt="Итоговый дашборд магазина после полного дня"/>
          </a>
          <figcaption>🖥 Итоговый дашборд магазина после полного дня<br><small>14-itog-dashboard.png</small></figcaption>
        </figure></div></section>
</body></html>