mirror of
https://github.com/wasrusgen/wasrusgen1-crm.git
synced 2026-06-03 20:24:47 +00:00
115 lines
5.7 KiB
HTML
115 lines
5.7 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',system-ui,sans-serif;background:#F5F6F8;min-height:100vh;padding:40px 20px}
|
||
.header{max-width:960px;margin:0 auto 32px}
|
||
.logo{font-size:13px;font-weight:700;color:#003E7E;margin-bottom:14px;letter-spacing:.02em}
|
||
.logo span{color:#76BD22}
|
||
h1{font-size:24px;font-weight:800;color:#1A1A2E;margin-bottom:4px}
|
||
.sub{font-size:13px;color:#8A94A6}
|
||
.section{max-width:960px;margin:0 auto 32px}
|
||
.section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8A94A6;margin-bottom:12px}
|
||
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
|
||
a.card{background:#fff;border-radius:16px;padding:22px 20px;box-shadow:0 1px 3px rgba(0,0,0,.07);text-decoration:none;display:block;transition:box-shadow .15s,transform .15s;border-left:4px solid transparent}
|
||
a.card:hover{box-shadow:0 6px 20px rgba(0,0,0,.11);transform:translateY(-2px)}
|
||
.card.ok {border-left-color:#76BD22}
|
||
.card.wip {border-left-color:#F59E0B}
|
||
.card.ready{border-left-color:#3B82F6}
|
||
.card.dim {border-left-color:#CBD5E1;opacity:.6;pointer-events:none}
|
||
.role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#8A94A6;margin-bottom:7px}
|
||
.title{font-size:16px;font-weight:800;color:#1A1A2E;margin-bottom:5px}
|
||
.desc{font-size:12px;color:#8A94A6;line-height:1.55;margin-bottom:14px}
|
||
.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}
|
||
.badge.ok {background:#F0FDF4;color:#16A34A}
|
||
.badge.wip {background:#FFFBEB;color:#D97706}
|
||
.badge.ready{background:#EFF6FF;color:#2563EB}
|
||
.badge.dim {background:#F1F5F9;color:#94A3B8}
|
||
hr{max-width:960px;margin:0 auto 28px;border:none;border-top:1px solid #E2E8F0}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="header">
|
||
<div class="logo">@wasrusgen1 <span>CRM</span></div>
|
||
<h1>Мокапы кабинетов</h1>
|
||
<div class="sub">Telegram MiniApp · Мебельный дилер · ИП Васильев Р.Г. · 2 салона</div>
|
||
</div>
|
||
|
||
<div class="section">
|
||
<div class="section-title">Руководство</div>
|
||
<div class="grid">
|
||
<a class="card ok" href="mockup_owner.html">
|
||
<div class="role">Роль 1</div>
|
||
<div class="title">Генеральный директор</div>
|
||
<div class="desc">Выручка по салонам, финансы план/факт, команда агрегированно, статус поставок с фабрик</div>
|
||
<span class="badge ok">✓ Принят как база</span>
|
||
</a>
|
||
<a class="card wip" href="mockup_commercial.html">
|
||
<div class="role">Роль 2</div>
|
||
<div class="title">Коммерческий директор</div>
|
||
<div class="desc">Воронка продаж, заказы, персонал (администраторы), согласование закупок, финансы</div>
|
||
<span class="badge wip">⚙ В разработке</span>
|
||
</a>
|
||
<a class="card ready" href="mockup_director.html">
|
||
<div class="role">Роль 3</div>
|
||
<div class="title">Директор по сервису</div>
|
||
<div class="desc">Рекламации, сборщики онлайн, экспедиция, замеры, нарушения регламента</div>
|
||
<span class="badge ready">↻ Требует обновления</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<hr>
|
||
|
||
<div class="section">
|
||
<div class="section-title">Операционный уровень</div>
|
||
<div class="grid">
|
||
<a class="card ready" href="mockup_admin.html">
|
||
<div class="role">Роль 4</div>
|
||
<div class="title">Администратор салона</div>
|
||
<div class="desc">Касса смены, приём оплат, инкассация, операции дня, заказы салона</div>
|
||
<span class="badge ready">↻ Требует обновления</span>
|
||
</a>
|
||
<a class="card ready" href="mockup_manager.html">
|
||
<div class="role">Роль 5</div>
|
||
<div class="title">Менеджер</div>
|
||
<div class="desc">График встреч, мои заказы, блокеры, воронка личная, KPI</div>
|
||
<span class="badge ready">↻ Требует обновления</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<hr>
|
||
|
||
<div class="section">
|
||
<div class="section-title">Полевые роли</div>
|
||
<div class="grid">
|
||
<a class="card ready" href="mockup_assembler.html">
|
||
<div class="role">Роль 6</div>
|
||
<div class="title">Сборщик</div>
|
||
<div class="desc">Текущая сборка с прогрессом, расписание, загрузка месяца, акт доп. работ</div>
|
||
<span class="badge ready">↻ Требует обновления</span>
|
||
</a>
|
||
<a class="card ready" href="mockup_measurer.html">
|
||
<div class="role">Роль 7</div>
|
||
<div class="title">Замерщик</div>
|
||
<div class="desc">Текущий замер пошагово, расписание на день, схема помещения, статистика</div>
|
||
<span class="badge ready">↻ Требует обновления</span>
|
||
</a>
|
||
<a class="card dim" href="mockup_client.html">
|
||
<div class="role">Клиент</div>
|
||
<div class="title">Клиентский портал</div>
|
||
<div class="desc">Статус заказа, этапы, документы, связь с менеджером</div>
|
||
<span class="badge dim">Черновик</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|