mirror of
https://github.com/wasrusgen/wasrusgen1-crm.git
synced 2026-06-03 15:44:45 +00:00
ffa56b1d18
- 15 HTML mockups (admin, assembler, manager, owner и др.) - CLAUDE.md с политикой работы с файлами - .claude/launch.json Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
65 lines
3.2 KiB
HTML
65 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>@wasrusgen1 CRM — Мокапы</title>
|
||
<style>
|
||
*{box-sizing:border-box;margin:0;padding:0}
|
||
body{font-family:'Inter',sans-serif;background:#F5F6F8;min-height:100vh;padding:40px 20px}
|
||
h1{font-size:22px;font-weight:800;color:#1A1A2E;margin-bottom:4px}
|
||
.sub{font-size:13px;color:#8A94A6;margin-bottom:32px}
|
||
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;max-width:900px;margin:0 auto}
|
||
.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 4px rgba(0,0,0,.08);transition:box-shadow .15s,transform .15s;text-decoration:none;display:block}
|
||
.card:hover{box-shadow:0 4px 16px rgba(0,0,0,.12);transform:translateY(-2px)}
|
||
.role{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8A94A6;margin-bottom:8px}
|
||
.title{font-size:17px;font-weight:800;color:#1A1A2E;margin-bottom:6px}
|
||
.desc{font-size:12px;color:#8A94A6;line-height:1.5}
|
||
.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;margin-top:14px}
|
||
.done{background:#F0FDF4;color:#16A34A}
|
||
.wip{background:#FFFBEB;color:#D97706}
|
||
.soon{background:#F1F5F9;color:#8A94A6}
|
||
.header{max-width:900px;margin:0 auto 28px}
|
||
.logo{font-size:13px;font-weight:700;color:#003E7E;margin-bottom:16px;display:flex;align-items:center;gap:8px}
|
||
.logo span{color:#76BD22}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="header">
|
||
<div class="logo">@wasrusgen1 <span>CRM</span></div>
|
||
<h1>Мокапы кабинетов</h1>
|
||
<div class="sub">Telegram MiniApp · Мебельный дилер · ИП Васильев Р.Г.</div>
|
||
</div>
|
||
|
||
<div class="grid">
|
||
<a class="card" href="mockup_owner.html">
|
||
<div class="role">Роль 1</div>
|
||
<div class="title">Генеральный директор</div>
|
||
<div class="desc">Выручка по салонам, финансы, команда агрегированно, склад (статус поставок)</div>
|
||
<div class="badge done">✓ Принято как база</div>
|
||
</a>
|
||
|
||
<a class="card" href="mockup_commercial.html">
|
||
<div class="role">Роль 2</div>
|
||
<div class="title">Коммерческий директор</div>
|
||
<div class="desc">Воронка продаж, заказы, персонал (администраторы), закупки, финансы план/факт</div>
|
||
<div class="badge wip">⚙ В разработке</div>
|
||
</a>
|
||
|
||
<div class="card" style="opacity:.55;cursor:default">
|
||
<div class="role">Роль 3</div>
|
||
<div class="title">Директор по сервису</div>
|
||
<div class="desc">Доставки, монтажники, замерщики, рекламации, NPS</div>
|
||
<div class="badge soon">Скоро</div>
|
||
</div>
|
||
|
||
<div class="card" style="opacity:.55;cursor:default">
|
||
<div class="role">Роль 4</div>
|
||
<div class="title">Администратор салона</div>
|
||
<div class="desc">Оперативное управление салоном: заказы, менеджеры, закупки, смена</div>
|
||
<div class="badge soon">Скоро</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|