141 lines
10 KiB
HTML
141 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="hu">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Felhasználói Dokumentáció</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<style>
|
|
body {
|
|
background-color: #f9fafb;
|
|
}
|
|
.prose h1 { color: #111827; font-weight: 800; font-size: 2.25rem; margin-bottom: 2rem; border-bottom: 2px solid #e5e7eb; padding-bottom: 0.5rem; }
|
|
.prose h2 { color: #1f2937; font-weight: 700; font-size: 1.875rem; margin-top: 2.5rem; margin-bottom: 1.25rem; border-left: 4px solid #3b82f6; padding-left: 1rem; }
|
|
.prose h3 { color: #374151; font-weight: 600; font-size: 1.5rem; margin-top: 1.5rem; margin-bottom: 0.75rem; }
|
|
.prose p { margin-bottom: 1rem; line-height: 1.625; color: #4b5563; }
|
|
.prose ul { list-style-type: disc; margin-left: 1.5rem; margin-bottom: 1rem; }
|
|
.prose ol { list-style-type: decimal; margin-left: 1.5rem; margin-bottom: 1rem; }
|
|
.prose li { margin-bottom: 0.5rem; color: #4b5563; }
|
|
.prose strong { color: #111827; font-weight: 600; }
|
|
.prose hr { margin-top: 3rem; margin-bottom: 3rem; border: 0; border-top: 1px solid #e5e7eb; }
|
|
.container { max-width: 800px; }
|
|
.badge-green { background-color: #dcfce7; color: #166534; padding: 0.125rem 0.5rem; border-radius: 0.25rem; font-weight: 600; }
|
|
.badge-gray { background-color: #f3f4f6; color: #374151; padding: 0.125rem 0.5rem; border-radius: 0.25rem; font-weight: 600; }
|
|
.badge-red { background-color: #fee2e2; color: #991b1b; padding: 0.125rem 0.5rem; border-radius: 0.25rem; font-weight: 600; }
|
|
.badge-yellow { background-color: #fef9c3; color: #854d0e; padding: 0.125rem 0.5rem; border-radius: 0.25rem; font-weight: 600; }
|
|
</style>
|
|
</head>
|
|
<body class="py-12 px-4 sm:px-6 lg:px-8">
|
|
<div class="container mx-auto bg-white shadow-xl rounded-lg p-8 sm:p-12">
|
|
<article class="prose lg:prose-xl mx-auto">
|
|
<h1>Felhasználói Dokumentáció</h1>
|
|
|
|
<section id="supplier-portal">
|
|
<h2>1. Supplier Portál (Beszállítói Felület)</h2>
|
|
|
|
<h3>Beszállítói felhasználó felvitele</h3>
|
|
<p>A beszállítói felhasználókat az adminisztrációs felületen lehet kezelni. A folyamat lépései:</p>
|
|
<ol>
|
|
<li>Navigáljon a <strong>Beszállítók</strong> menüpontba.</li>
|
|
<li>Válassza ki a kívánt beszállítót a listából, vagy kattintson a szerkesztés ikonra.</li>
|
|
<li>Görgessen le a <strong>Supplier Portal felhasználók</strong> szekcióhoz.</li>
|
|
<li>Itt megadhatja az új felhasználó adatait: <strong>Név</strong>, <strong>E-mail cím</strong> és <strong>Jelszó</strong>.</li>
|
|
<li>Kattintson a <strong>Felhasználó létrehozása</strong> gombra. A létrejött felhasználó azonnal megjelenik a táblázatban, és be tud jelentkezni a beszállítói portálra.</li>
|
|
</ol>
|
|
|
|
<h3>Beszállítói feladatok</h3>
|
|
<p>A beszállító a saját hozzáférésével az alábbi feladatokat tudja elvégezni a portálon:</p>
|
|
<ul>
|
|
<li><strong>Készletkezelés</strong>: A <strong>Termékeim</strong> menüpontban láthatja a hozzárendelt termékek listáját.</li>
|
|
<li><strong>Státusz módosítása</strong>: Minden terméknél beállíthatja a készletstátuszt (<strong>Raktáron</strong> vagy <strong>Nincs raktáron</strong>). Ez lehetővé teszi a beszállító számára, hogy valós időben jelezze, ha egy termék átmenetileg nem elérhető.</li>
|
|
</ul>
|
|
|
|
<h3>Megjelenítés a rendelési nézetben</h3>
|
|
<p>Amennyiben a beszállító egy terméket <strong>"Nincs raktáron"</strong> állapotúra állít, az a következőképpen jelenik meg a legacy (hagyományos) termékválasztó nézetben:</p>
|
|
<ul>
|
|
<li>A termék sorában a mennyiség megadására szolgáló beviteli mező eltűnik.</li>
|
|
<li>Helyette egy <strong>piros ikon</strong> (vagy "Nincs raktáron" feliratú jelzés) jelenik meg.</li>
|
|
<li>A termék így nem adható hozzá a rendeléshez, amíg a beszállító újra "Raktáron" állapotúra nem állítja.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<hr>
|
|
|
|
<section id="delivery-functionality">
|
|
<h2>2. Delivery (Szállítási) funkcionalitás</h2>
|
|
|
|
<h3>admin/work-calendar (Munkanaptár)</h3>
|
|
<p>A munkanaptár az általános naptári beállítások kezelésére szolgál. Itt adhatók meg:</p>
|
|
<ul>
|
|
<li><strong>Ünnepnapok</strong>: Amikor alapértelmezés szerint nincs szállítás.</li>
|
|
<li><strong>Áthelyezett munkanapok</strong>: Amikor egy pihenőnap helyett munkanap van (pl. szombati munkavégzés).</li>
|
|
</ul>
|
|
<p>Ezek a beállítások minden beszállítóra és profitcenterre érvényesek, hacsak nincs egyedi felülbírálás.</p>
|
|
|
|
<h3>admin/delivery-schedules (Szállítási sablonok)</h3>
|
|
<p>Itt hozhatók létre a szállítási rend sablonjai. Megadható:</p>
|
|
<ul>
|
|
<li>A sablon neve.</li>
|
|
<li>A hét napjai (hétfőtől vasárnapig), amelyeken az adott sablon szerint szállítás történik.</li>
|
|
</ul>
|
|
<p>Ezek a sablonok képezik az alapját a későbbi ütemezéseknek.</p>
|
|
|
|
<h3>admin/delivery-calendar-overrides (Naptári felülbírálások)</h3>
|
|
<p>Ez a funkció lehetővé teszi az egyedi, dátumhoz kötött kivételek kezelését. Fontos újdonság, hogy a felülbírálás <strong>szintje</strong> is kiválasztható:</p>
|
|
<ul>
|
|
<li><strong>Általános (minden telephely)</strong>: A módosítás a beszállító összes szállítására érvényes lesz.</li>
|
|
<li><strong>Régió-specifikus</strong>: Csak egy adott szállítási sablonhoz (régióhoz) tartozó profitcentereket érinti.</li>
|
|
<li><strong>Profitcenter-specifikus</strong>: Kizárólag egy konkrét profitcenter (vevő) szállítási naptárát módosítja.</li>
|
|
</ul>
|
|
<p>További beállítások:</p>
|
|
<ul>
|
|
<li>Kiválasztható egy adott <strong>beszállító</strong>.</li>
|
|
<li>Megadható egy konkrét <strong>dátum</strong>.</li>
|
|
<li>Beállítható, hogy az adott napon <strong>van-e szállítás</strong> vagy sem, függetlenül az alapértelmezett sablontól.</li>
|
|
<li>Indoklás is rögzíthető (pl. "Üzemszünet", "Rendkívüli szállítási nap").</li>
|
|
</ul>
|
|
|
|
<h3>admin/profit-center-supplier-schedules (Profitcenter-Beszállító ütemezés)</h3>
|
|
<p>Itt kapcsolható össze a vevő (Profitcenter), a Beszállító és a Szállítási sablon.</p>
|
|
<ul>
|
|
<li>Meghatározza, hogy egy adott beszállító mely napokon szállít az adott profitcenterhez.</li>
|
|
<li>Ez az ütemezés szűri le a választható szállítási dátumokat a rendelés leadásakor.</li>
|
|
</ul>
|
|
|
|
<h3>admin/calendar-test (Naptár Teszt)</h3>
|
|
<p>Ez az eszköz az adminisztrátorok számára készült a szállítási naptár és a dátumkalkulációk ellenőrzésére:</p>
|
|
<ul>
|
|
<li><strong>Szimuláció</strong>: Kiválasztható egy beszállító, egy profitcenter, valamint egy tetszőleges rendelési dátum és időpont.</li>
|
|
<li><strong>Eredmény</strong>: A rendszer a megadott paraméterek alapján azonnal kiszámítja a következő érvényes szállítási napot.</li>
|
|
<li><strong>Vizualizáció</strong>: Egy éves naptárnézetben színkódolva láthatók az összesített beállítások (alapsablon, ünnepnapok, felülbírálások, áthelyezett munkanapok).</li>
|
|
<li><strong>Ellenőrzés</strong>: Segítségével tesztelhető, hogy a leadási határidő (cutoff time) és az átfutási idő (lead time) korlátozások a vártnak megfelelően módosítják-e az elérhető szállítási napokat.</li>
|
|
</ul>
|
|
|
|
<h3>Szállítási korlátozások beállítása (hasDeliveryConstraint)</h3>
|
|
<p>A beszállító adatlapján az admin felületen állíthatók be a szállítási paraméterek:</p>
|
|
<ul>
|
|
<li><strong>Szállítási korlátozások (hasDeliveryConstraint)</strong>: Egy kapcsolóval aktiválható.</li>
|
|
<li><strong>Leadási határidő (orderCutOffTime)</strong>: Az az óra (pl. 12:00), ameddig a rendelést le kell adni, hogy a következő szállítási napon teljesíthető legyen.</li>
|
|
<li><strong>Szállítási átfutási idő (deliveryLeadTime)</strong>: A rendelés leadása és a szállítás közötti minimális idő órában (pl. 24, 48, 72 óra).</li>
|
|
</ul>
|
|
|
|
<h3>Megjelenítés a rendelési paramétereknél</h3>
|
|
<p>A rendelés leadása során (order parameter nézet) a szállítási dátum választásánál a rendszer az alábbiak szerint segíti a felhasználót:</p>
|
|
<ul>
|
|
<li><strong>Színkódolt naptár</strong>: A dátumválasztóban a napok különböző színekkel jelennek meg:
|
|
<ul class="mt-2">
|
|
<li><span class="badge-green text-sm">Zöld</span>: Érvényes szállítási nap.</li>
|
|
<li><span class="badge-gray text-sm">Szürke</span>: Nem szállítási nap (a sablon vagy felülbírálás alapján).</li>
|
|
<li><span class="badge-red text-sm">Piros</span>: Ünnepnap.</li>
|
|
<li><span class="badge-yellow text-sm">Sárga</span>: Áthelyezett munkanap.</li>
|
|
</ul>
|
|
</li>
|
|
<li><strong>Jelmagyarázat</strong>: A naptár felett egy jelmagyarázat segít értelmezni a színeket.</li>
|
|
<li><strong>Validáció</strong>: A rendszer automatikusan kizárja azokat a napokat, amelyek a leadási határidő vagy az átfutási idő miatt már nem választhatók.</li>
|
|
</ul>
|
|
</section>
|
|
</article>
|
|
</div>
|
|
</body>
|
|
</html>
|