Перейти к содержимому

Исходный код вики Вход в «Сервисный экран»

Редактировал(а) Руслан Савельев 2026/10/22 04:42
Последние авторы
1 {{html}}
2 <!-- Таймлайн для алгоритма -->
3 <div style="position: relative; margin-left: 20px; padding-left: 40px; margin-bottom: 30px;">
4
5 <!-- ШАГ 1 -->
6 <div style="position: relative; margin-bottom: 15px;">
7 <div style="position: absolute; left: -54px; top: 5px; width: 36px; height: 36px; background: #fff; border: 2px solid #333; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 18px; color: #333; z-index: 2;">1</div>
8 <div style="position: absolute; left: -18px; top: 22px; width: 18px; height: 2px; background: #e0e0e0; z-index: 1;"></div>
9 <div style="position: absolute; left: -36px; top: 41px; width: 2px; height: calc(100% + 15px); background: #e0e0e0; z-index: 1;"></div>
10
11 <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
12 <div style="font-size: 15px; color: #333; line-height: 1.5;">
13 Просканируйте QR-код оператора. Если покупатель ещё не начал работу на КСО — сразу откроется «Сервисный экран».
14 </div>
15 <img src="https://doc.sncard.ru/bin/download/Prilozheniia_SNK/SNK_KSO/Vkhod_v__Servisnyi_ekran_/WebHome/1792642978731-435.png?rev=1.1" style="max-width: 500px; width: auto; height: auto; border-radius: 4px; border: 1px solid #eee; display: block; margin: 0 auto; margin-top: 10px;" alt="Вход в «Сервисный экран» из начального экрана">
16 </div>
17 </div>
18
19 <!-- ШАГ 2 -->
20 <div style="position: relative; margin-bottom: 0;">
21 <div style="position: absolute; left: -54px; top: 5px; width: 36px; height: 36px; background: #fff; border: 2px solid #333; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 18px; color: #333; z-index: 2;">2</div>
22 <div style="position: absolute; left: -18px; top: 22px; width: 18px; height: 2px; background: #e0e0e0; z-index: 1;"></div>
23
24 <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
25 <div style="font-size: 15px; color: #333; line-height: 1.5;">
26 Если покупатель уже начал работу — откроется «Экран действий». Чтобы перейти в «Сервисный экран», выберите один из пунктов:
27 <ul style="margin-top: 10px; margin-bottom: 0; padding-left: 20px;">
28 <li>«Сбросить корзину и выйти в настройки» — текущая корзина покупателя будет удалена;</li>
29 <li>«Сохранить корзину и выйти в настройки» — текущая корзина сохранится.</li>
30 </ul>
31 </div>
32 <img src="https://doc.sncard.ru/bin/download/Prilozheniia_SNK/SNK_KSO/Vkhod_v__Servisnyi_ekran_/WebHome/1792642991645-870.png?rev=1.1" style="max-width: 700px; width: auto; height: auto; border-radius: 4px; border: 1px solid #eee; display: block; margin: 0 auto; margin-top: 10px;" alt="Вход в «Сервисный экран», если покупатель уже начал работу на КСО">
33 </div>
34 </div>
35
36 </div>
37 {{/html}}
38
39 === Вкладки на «Экране действий» ===
40
41 {{html}}
42 <div style="display: flex; flex-direction: column; gap: 10px; margin-top: 15px;">
43
44 <!-- Вкладка 1 -->
45 <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 12px 15px; display: flex; align-items: start; gap: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.03);">
46 <div style="font-size: 20px; color: #1e70bf; width: 30px; text-align: center; margin-top: 2px;"><span class="fa fa-check-square-o"></span></div>
47 <div style="flex-grow: 1;">
48 <div style="font-size: 15px; font-weight: bold; color: #1e70bf; margin-bottom: 4px;">«Подтверждение»</div>
49 <div style="font-size: 14px; color: #444; line-height: 1.5;">Подтверждение действий покупателя (удаление товара, изменение количества, подтверждение возраста). Вкладка активна, если в настройках КСО включены соответствующие опции и в корзине есть товар, требующий подтверждения.</div>
50 </div>
51 </div>
52
53 <!-- Вкладка 2 -->
54 <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 12px 15px; display: flex; align-items: start; gap: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.03);">
55 <div style="font-size: 20px; color: #1e70bf; width: 30px; text-align: center; margin-top: 2px;"><span class="fa fa-list-alt"></span></div>
56 <div style="flex-grow: 1;">
57 <div style="font-size: 15px; font-weight: bold; color: #1e70bf; margin-bottom: 4px;">«Лента событий»</div>
58 <div style="font-size: 14px; color: #444; line-height: 1.5;">Просмотр событий КСО.</div>
59 </div>
60 </div>
61
62 <!-- Вкладка 3 -->
63 <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 12px 15px; display: flex; align-items: start; gap: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.03);">
64 <div style="font-size: 20px; color: #1e70bf; width: 30px; text-align: center; margin-top: 2px;"><span class="fa fa-cogs"></span></div>
65 <div style="flex-grow: 1;">
66 <div style="font-size: 15px; font-weight: bold; color: #1e70bf; margin-bottom: 4px;">«Действие»</div>
67 <div style="font-size: 14px; color: #444; line-height: 1.5;">
68 <ul style="margin: 0; padding-left: 20px;">
69 <li><strong>Статус устройства</strong> — просмотр статуса устройства;</li>
70 <li><strong>Сбросить корзину и выйти в настройки</strong> — корзина покупателя удаляется, открывается «Сервисный экран»;</li>
71 <li><strong>Сохранить корзину и выйти в настройки</strong> — корзина покупателя сохраняется, открывается «Сервисный экран»;</li>
72 <li><strong>Сбросить корзину</strong> — корзина покупателя удаляется, КСО возвращается на начальный экран.</li>
73 </ul>
74 </div>
75 </div>
76 </div>
77
78 </div>
79 {{/html}}
80
81