From abc6a813e7076f59386777c6fe490a7727032040 Mon Sep 17 00:00:00 2001 From: WASRUSGEN Date: Thu, 28 May 2026 10:49:53 +0300 Subject: [PATCH] =?UTF-8?q?case=20page:=20CRM=20redesign=20=E2=80=94=20hea?= =?UTF-8?q?der,=20next-step-v2,=20tabs=20(=D0=9E=D0=B1=D0=B7=D0=BE=D1=80/?= =?UTF-8?q?=D0=94=D0=BE=D0=BA=D1=83=D0=BC=D0=B5=D0=BD=D1=82=D1=8B/=D0=98?= =?UTF-8?q?=D1=81=D1=82=D0=BE=D1=80=D0=B8=D1=8F)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- mockup.html | 194 ++++++++++++++++++++++++++++++++++------------------ 1 file changed, 126 insertions(+), 68 deletions(-) diff --git a/mockup.html b/mockup.html index a62dd3b..1190a0e 100644 --- a/mockup.html +++ b/mockup.html @@ -449,6 +449,41 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei .create-type-card .ctc-name{font-weight:700;font-size:13px} .create-type-card .ctc-sub{font-size:11px;color:var(--mut);margin-top:2px} +/* ── КАРТОЧКА ДЕЛА CRM ── */ +.case-hdr{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px 22px;margin-bottom:20px;display:flex;align-items:flex-start;gap:18px} +.case-hdr-ico{width:52px;height:52px;border-radius:13px;background:var(--tint);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0} +.case-hdr-info{flex:1;min-width:0} +.case-hdr-name{font-size:18px;font-weight:800;margin-bottom:6px;line-height:1.2} +.case-hdr-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center} +.case-hdr-actions{display:flex;gap:8px;flex-shrink:0;align-items:flex-start} + +.next-step-v2{background:linear-gradient(135deg,#fff7f8,#fff);border:2px solid var(--bg);border-radius:16px;padding:20px 22px;margin-bottom:22px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:box-shadow .15s} +.next-step-v2:hover{box-shadow:0 4px 20px rgba(159,18,57,.12)} +.ns2-pulse{width:48px;height:48px;border-radius:13px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;animation:nsPulse 2s ease-in-out infinite} +@keyframes nsPulse{0%,100%{box-shadow:0 0 0 0 rgba(159,18,57,.3)}50%{box-shadow:0 0 0 8px rgba(159,18,57,0)}} +.ns2-body{flex:1;min-width:0} +.ns2-label{font-size:11px;font-weight:700;color:var(--bg);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px} +.ns2-action{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:4px} +.ns2-meta{font-size:12px;color:var(--mut)} +.ns2-deadline{background:#fee2e2;color:#991b1b;border-radius:7px;padding:2px 9px;font-size:11px;font-weight:700;margin-left:8px} +.ns2-btn{background:var(--bg);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;flex-shrink:0;white-space:nowrap} +.ns2-btn:hover{background:var(--bghv)} + +.case-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:20px} +.case-tab{padding:10px 18px;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s} +.case-tab:hover{color:var(--ink)} +.case-tab.on{color:var(--bg);border-bottom-color:var(--bg);font-weight:700} + +.case-pane{display:none}.case-pane.on{display:block} + +.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px} +.ov-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 18px} +.ov-card-ttl{font-size:11px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px} +.ov-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid #f3f4f6;font-size:13px} +.ov-row:last-child{border-bottom:none} +.ov-row .ov-k{color:var(--mut)} +.ov-row .ov-v{font-weight:600} + /* ── RETURNING CLIENT ── */ .ret-greet{font-size:30px;font-weight:800;line-height:1.2;margin-bottom:24px;letter-spacing:-.5px} .ret-sub{font-size:16px;color:rgba(255,255,255,.7);margin-bottom:22px} @@ -1029,79 +1064,93 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei - -
Кабинет / Мои дела

Дело «Кухня — агентский договор»

-
По этому делу я слежу за всем. Ближайший срок — через 3 дня, я напомню. Что нужно — скажите 💛
+ +
+
Кабинет / Мои дела / Кухня — агентский
- -
-
⏰
-
-
Следующий шаг
-
Отправить протокол разногласий контрагенту
-
Срок — до 26.05 (осталось 3 дня) · ст. 22 ЗоЗПП
+ +
+
🍽️
+
+
Кухня — агентский договор (ЗОВ)
+
+ ⚠ Высокий риск + 🔵 В работе + 12 рисков + Агентский · 23.05.2025 +
- -
- -
⚠ Высокий риск · 3/512 рисковсрок 3 дня
- - Документы дела -
-
📄 Исходный договор v1
-
📝 Новая редакция v2
-
🔍 Заключение экспертизы готово
-
📋 Протокол разногласий черновик
-
⬇️ Ответ контрагента входящее
-
- - -
-
История дела
-
-
-
-
23.05
-
Договор загружен
-
Агентский договор ЗОВ — v1
-
-
-
-
23.05
-
Экспертиза завершена
-
12 рисков, 5 критичных — заключение готово
-
-
-
-
24.05
-
Получена новая редакция
-
Контрагент прислал v2 — сверка выполнена
-
-
-
-
сейчас
-
Протокол разногласий
-
Черновик готов · ждёт вашего согласования
-
-
-
-
до 26.05
-
Ответ контрагенту
-
Направить протокол разногласий
-
-
-
-
—
-
Итоговое подписание
-
После согласования всех пунктов
-
+
+ +
-
- - - + +
+
⚡
+
+
Следующий шаг
+
Отправить протокол разногласий контрагентудо 29.05
+
Протокол готов · 5 пунктов · ст. 22 ЗоЗПП · осталось 1 день
+
+ +
+ + +
+
Обзор
+
Документы 5
+
История
+
+ + +
+
+
+
Параметры дела
+
Тип договораАгентский
+
Дата загрузки23.05.2025
+
Риск⚠ Высокий · 3/5
+
Рисков найдено12 (5 критичных)
+
Статус🔵 В работе
+
+
+
Прогресс сделки
+
✅ ЭкспертизаГотово
+
✅ Новая редакцияПолучена
+
⏳ ПротоколНа согласовании
+
⬜ Ответ контрагентуОжидает
+
⬜ ПодписаниеОжидает
+
+
+
Протокол разногласий готов — осталось согласовать и отправить контрагенту до 29.05. Я напомню накануне 💛
+
+ + +
+
+
📄 Исходный договор v1
+
📝 Новая редакция v2
+
🔍 Заключение экспертизы готово
+
📋 Протокол разногласий черновик
+
⬇️ Ответ контрагента входящее
+
+
+ + +
+
+
+
23.05
Договор загружен
Агентский договор ЗОВ — v1
+
23.05
Экспертиза завершена
12 рисков, 5 критичных — заключение готово
+
24.05
Получена новая редакция
Контрагент прислал v2 — сверка выполнена
+
сейчас
Протокол разногласий
Черновик готов · ждёт согласования
+
до 29.05
Ответ контрагенту
Направить протокол разногласий
+
—
Итоговое подписание
После согласования всех пунктов
+
+
+
@@ -2202,6 +2251,15 @@ window.addEventListener('DOMContentLoaded', function(){ setTimeout(updateKPI, 100); }); +/* ── CASE TABS ── */ +function caseTab(id, el) { + document.querySelectorAll('.case-pane').forEach(function(p){ p.classList.remove('on'); }); + document.querySelectorAll('.case-tab').forEach(function(t){ t.classList.remove('on'); }); + var pane = document.getElementById('cp-' + id); + if (pane) pane.classList.add('on'); + if (el) el.classList.add('on'); +} + /* ── СТАТУС ЗАКАЗА ── */ const OS_DEADLINES = { protocol: { 1:'до 12 часов', 2:'до 24 часов', 3:'до 48 часов', sub:'после получения файла договора' },