diff --git a/docs/mockup_cabinet.html b/docs/mockup_cabinet.html index 2fd63c7..1b6730a 100644 --- a/docs/mockup_cabinet.html +++ b/docs/mockup_cabinet.html @@ -227,6 +227,47 @@ body{font-family:'Inter',sans-serif;background:var(--body-bg);color:var(--text); .iv-confirm-txt{flex:1;font-size:13px;color:#065f46;font-weight:500} .iv-confirm-sub{font-size:11px;color:#059669;margin-top:1px;font-weight:400} +/* ── Questionnaire Stage 2 ──────────────────────────── */ +.qa-progress{background:var(--white);border:1.5px solid var(--border);border-radius:13px;padding:16px 18px;margin-bottom:18px;flex-shrink:0} +.qa-prog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px} +.qa-prog-title{font-size:13px;font-weight:700;color:var(--text)} +.qa-prog-pct{font-size:13px;font-weight:700;color:var(--primary)} +.qa-prog-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:6px} +.qa-prog-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--mid));border-radius:3px;transition:width .4s} +.qa-prog-sub{font-size:11px;color:var(--muted)} +.qa-section{background:var(--white);border:1.5px solid var(--border);border-radius:13px;margin-bottom:14px;overflow:hidden;flex-shrink:0} +.qa-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);background:var(--subtle)} +.qa-agent-ic{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0} +.qa-agent-name{font-size:14px;font-weight:700;color:var(--text)} +.qa-agent-role{font-size:11px;color:var(--muted);margin-top:1px} +.qa-sect-cnt{margin-left:auto;font-size:11px;font-weight:700;color:var(--muted);background:var(--border);border-radius:10px;padding:2px 8px} +.qa-sect-cnt.done{background:var(--light);color:var(--primary)} +.qa-body{padding:18px} +.qa-q{margin-bottom:20px} +.qa-q:last-child{margin-bottom:0} +.qa-qlbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9CA3AF;margin-bottom:5px} +.qa-qtxt{font-size:13px;font-weight:600;color:var(--text);margin-bottom:10px;line-height:1.45} +.qa-input{width:100%;border:1.5px solid var(--border);border-radius:9px;padding:9px 12px;font-size:13px;font-family:'Inter',sans-serif;color:var(--text);background:var(--white);outline:none;transition:border-color .15s} +.qa-input:focus{border-color:var(--mid);box-shadow:0 0 0 3px rgba(16,185,129,.08)} +.qa-textarea{width:100%;min-height:72px;resize:vertical;border:1.5px solid var(--border);border-radius:9px;padding:9px 12px;font-size:13px;font-family:'Inter',sans-serif;color:var(--text);background:var(--white);outline:none;transition:border-color .15s} +.qa-textarea:focus{border-color:var(--mid);box-shadow:0 0 0 3px rgba(16,185,129,.08)} +.qa-textarea.filled{border-color:rgba(16,185,129,.4);background:var(--light)} +.qa-radios{display:flex;flex-wrap:wrap;gap:8px} +.qa-radio{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .12s;background:var(--white);user-select:none} +.qa-radio:hover{border-color:var(--mid);background:var(--light)} +.qa-radio.sel{border-color:var(--primary);background:var(--light);color:var(--primary);font-weight:600} +.qa-radio .qr-dot{width:14px;height:14px;border-radius:50%;border:2px solid #D1D5DB;transition:all .12s;flex-shrink:0} +.qa-radio.sel .qr-dot{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px var(--primary)} +.qa-scale{display:flex;gap:8px;align-items:center} +.qa-scale-item{width:38px;height:38px;border-radius:9px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;color:#9CA3AF;transition:all .12s;background:var(--white)} +.qa-scale-item:hover{border-color:var(--mid);color:var(--primary)} +.qa-scale-item.sel{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 8px rgba(4,120,87,.3)} +.qa-scale-labels{display:flex;justify-content:space-between;font-size:10px;color:#9CA3AF;margin-top:4px} +.qa-submit{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#022C22,var(--dark));border-radius:13px;padding:18px 22px;margin-bottom:14px;flex-shrink:0} +.qa-submit-txt .qs-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:2px} +.qa-submit-txt .qs-sub{font-size:12px;color:rgba(255,255,255,.5)} +.qa-sep{height:1px;background:var(--border);margin:12px 0} + /* Demo */ .demo{background:#0F0F1A;border-top:1px solid rgba(255,255,255,.06);padding:7px 18px;display:flex;align-items:center;gap:7px;flex-shrink:0} .demo-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.25);margin-right:2px} @@ -463,37 +504,192 @@ body{font-family:'Inter',sans-serif;background:var(--body-bg);color:var(--text);
Этап 2 из 5 · В процессе
Диагностика
-
Каждый участник получает персональную ссылку в Telegram MiniApp и проходит опрос в своём кабинете. 2 из 4 ответили.
+
Ответьте на вопросы от команды — это займёт около 15 минут. Каждый агент анализирует свою зону.
- + -
-
-
АИ
Иванов Алексей
Директор
-
✓ Ответил
-
27 мая, 14:32
+ + +
+
+
Прогресс анкеты
+
8 из 12 вопросов
-
-
ПМ
Петрова Мария
Нач. производства
-
✓ Ответила
-
27 мая, 16:05
+
+
Осталось: раздел Финансы (4 вопроса) · Среднее время — 4 мин
+
+ + +
+
+
🏭
+
+
Тимур · Производство
+
Анализ потока, выработки и узких мест
+
+
✓ 4 из 4
-
-
СН
Сидоров Николай
Гл. бухгалтер
-
⏳ Ожидается
-
📨 Напомнить в Telegram
-
-
-
КН
Козлова Наталья
Менеджер продаж
-
⏳ Ожидается
-
📨 Напомнить в Telegram
+
+ +
+
Вопрос 1 · Объём
+
Сколько единиц продукции в среднем производится в месяц?
+ +
+
+ +
+
Вопрос 2 · Организация труда
+
Как организован труд швей?
+
+
Бригадный поток
+
Индивидуальный (каждая шьёт целиком)
+
Смешанный
+
+
+
+ +
+
Вопрос 3 · Узкое место
+
Где чаще всего возникает затор в производстве?
+ +
+
+ +
+
Вопрос 4 · Нормирование
+
Есть ли нормы времени на операции?
+
+
Да, прописаны формально
+
Есть в голове у мастера
+
Нет вообще
+
+
-
-
Прогресс — 2 из 4 участников ответили
-
-
Елена автоматически напомнит Сидорову и Козловой через 24 ч
+ + +
+
+
📦
+
+
Семён · Склад и материалы
+
Запасы, раскрой, поставки, отходы
+
+
✓ 4 из 4
+
+
+ +
+
Вопрос 5 · Учёт
+
Как ведётся учёт ткани и фурнитуры?
+
+
1С или ERP
+
Excel / таблицы
+
В голове / тетрадь
+
Не ведётся
+
+
+
+ +
+
Вопрос 6 · Срывы
+
Бывали остановки производства из-за нехватки материала за последние 6 мес.?
+
+
Да, часто (4+ раз)
+
Иногда (1–3 раза)
+
Не было
+
+
+
+ +
+
Вопрос 7 · Межлекальные отходы
+
Знаете ли вы средний процент межлекальных отходов ткани?
+
+
Да, считаем (укажу ниже)
+
Примерно (~12–15%)
+
Не считаем
+
+
+
+ +
+
Вопрос 8 · Закупки
+
Кто принимает решение о закупке ткани? Как планируется?
+ +
+
+ + +
+
+
💰
+
+
Фёдор · Финансы
+
Себестоимость, ФОТ, маржа, cash flow
+
+
0 из 4
+
+
+ +
+
Вопрос 9 · Оплата труда
+
Как начисляется зарплата швеям?
+
+
Фиксированный оклад
+
Сдельная (за операцию / единицу)
+
Оклад + сдельная часть
+
+
+
+ +
+
Вопрос 10 · Себестоимость
+
Знаете ли вы себестоимость изготовления одной единицы продукции?
+
+
Да, считаю точно
+
Примерно представляю
+
Нет, не считал(а)
+
+
+
+ +
+
Вопрос 11 · Маржа
+
Какова средняя маржинальность по заказам (оценочно)?
+
+ Ниже 15% +
+
1
+
2
+
3
+
4
+
5
+
+ Выше 40% +
+
+
+ +
+
Вопрос 12 · Проблемы
+
Что больше всего беспокоит в финансовой стороне бизнеса?
+ +
+
+
+ + +
+
+
Почти готово — остался 1 раздел
+
Ответьте на 4 вопроса Фёдора и отправьте · Елена проанализирует за 5 мин
+
+ +
+
@@ -658,6 +854,17 @@ function go(n){ document.getElementById('pb-hint').textContent=hints[n]; } +function qsel(el){ + const grp=el.closest('.qa-radios'); + grp.querySelectorAll('.qa-radio').forEach(r=>r.classList.remove('sel')); + el.classList.add('sel'); +} +function qscale(el){ + const grp=el.closest('div'); + grp.querySelectorAll('.qa-scale-item').forEach(r=>r.classList.remove('sel')); + el.classList.add('sel'); +} + function unlock(nextN){ const si=document.getElementById('si'+nextN); const sn=document.getElementById('sn'+nextN);