Изменения документа Home

Редактировал(а) Руслан Савельев 2026/10/21 08:24

От версии 178.1
отредактировано Руслан Савельев
на 2026/10/21 08:23
Изменить комментарий: К данной версии нет комментариев
К версии 175.1
отредактировано Руслан Савельев
на 2026/10/21 08:14
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -1,124 +1,94 @@
1 1  {{html}}
2 -<!-- Вертикальный список карточек (компактный) -->
3 -<div style="display: flex; flex-direction: column; gap: 8px; margin-top: 15px;">
2 +<!-- Сетка карточек для главной страницы -->
3 +<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; margin-top: 20px;">
4 4  
5 5   <!-- 1. Приложения СНК -->
6 6   <a href="/bin/view/Prilozheniia_SNK/" style="text-decoration: none; color: inherit;">
7 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 8px 15px; display: flex; align-items: center; gap: 15px; box-shadow: 0 1px 2px rgba(0,0,0,0.03); transition: all 0.2s;" onmouseover="this.style.backgroundColor='#f4f8fd'; this.style.borderColor='#cce5ff';" onmouseout="this.style.backgroundColor='#fff'; this.style.borderColor='#e0e0e0';">
8 - <div style="font-size: 22px; color: #1e70bf; width: 30px; text-align: center;"><span class="fa fa-window-maximize"></span></div>
9 - <div style="flex-grow: 1;">
10 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; margin-bottom: 2px;">Приложения СНК</div>
11 - <div style="font-size: 12px; color: #666;">Описание приложений СНК. Детальное описание интерфейса и функционала.</div>
12 - </div>
13 - <div style="color: #ccc; font-size: 16px;"><span class="fa fa-chevron-right"></span></div>
7 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
8 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-window-maximize"></span></div>
9 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Приложения СНК</div>
10 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Описание приложений СНК. Детальное описание интерфейса и функционала.</div>
14 14   </div>
15 15   </a>
16 16  
17 17   <!-- 2. Руководства для оператора СНК-АЗС -->
18 18   <a href="/bin/view/Rukovodstva_dlia_operatora_SNK_AZS/" style="text-decoration: none; color: inherit;">
19 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 8px 15px; display: flex; align-items: center; gap: 15px; box-shadow: 0 1px 2px rgba(0,0,0,0.03); transition: all 0.2s;" onmouseover="this.style.backgroundColor='#f4f8fd'; this.style.borderColor='#cce5ff';" onmouseout="this.style.backgroundColor='#fff'; this.style.borderColor='#e0e0e0';">
20 - <div style="font-size: 22px; color: #1e70bf; width: 30px; text-align: center;"><span class="fa fa-user"></span></div>
21 - <div style="flex-grow: 1;">
22 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; margin-bottom: 2px;">Руководства для оператора СНК-АЗС</div>
23 - <div style="font-size: 12px; color: #666;">Инструкции, необходимые для работы оператора АЗС.</div>
24 - </div>
25 - <div style="color: #ccc; font-size: 16px;"><span class="fa fa-chevron-right"></span></div>
16 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
17 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-user"></span></div>
18 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Руководства для оператора СНК-АЗС</div>
19 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Инструкции, необходимые для работы оператора АЗС.</div>
26 26   </div>
27 27   </a>
28 28  
29 29   <!-- 3. Руководства для менеджера СНК-АЗС и СНК-Офис -->
30 30   <a href="/bin/view/Rukovodstva_dlia_menedzhera_SNK_AZS_i_SNK_Ofis/" style="text-decoration: none; color: inherit;">
31 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 8px 15px; display: flex; align-items: center; gap: 15px; box-shadow: 0 1px 2px rgba(0,0,0,0.03); transition: all 0.2s;" onmouseover="this.style.backgroundColor='#f4f8fd'; this.style.borderColor='#cce5ff';" onmouseout="this.style.backgroundColor='#fff'; this.style.borderColor='#e0e0e0';">
32 - <div style="font-size: 22px; color: #1e70bf; width: 30px; text-align: center;"><span class="fa fa-briefcase"></span></div>
33 - <div style="flex-grow: 1;">
34 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; margin-bottom: 2px;">Руководства для менеджера СНК-АЗС и СНК-Офис</div>
35 - <div style="font-size: 12px; color: #666;">Инструкции для менеджера - движения товара, корректировки смен и т.д.</div>
36 - </div>
37 - <div style="color: #ccc; font-size: 16px;"><span class="fa fa-chevron-right"></span></div>
25 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
26 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-briefcase"></span></div>
27 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Руководства для менеджера СНК-АЗС и СНК-Офис</div>
28 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Инструкции для менеджера - движения товара, корректировки смен и т.д.</div>
38 38   </div>
39 39   </a>
40 40  
41 41   <!-- 4. Руководства для администратора СНК-АЗС и СНК-Офис -->
42 42   <a href="/bin/view/Rukovodstva_dlia_administratora_SNK_AZS_i_SNK_Ofis/" style="text-decoration: none; color: inherit;">
43 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 8px 15px; display: flex; align-items: center; gap: 15px; box-shadow: 0 1px 2px rgba(0,0,0,0.03); transition: all 0.2s;" onmouseover="this.style.backgroundColor='#f4f8fd'; this.style.borderColor='#cce5ff';" onmouseout="this.style.backgroundColor='#fff'; this.style.borderColor='#e0e0e0';">
44 - <div style="font-size: 22px; color: #1e70bf; width: 30px; text-align: center;"><span class="fa fa-shield"></span></div>
45 - <div style="flex-grow: 1;">
46 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; margin-bottom: 2px;">Руководства для администратора СНК-АЗС и СНК-Офис</div>
47 - <div style="font-size: 12px; color: #666;">Инструкции по настройке параметров торговли - ставки налогов, продажа маркированного товара и т.д.</div>
48 - </div>
49 - <div style="color: #ccc; font-size: 16px;"><span class="fa fa-chevron-right"></span></div>
34 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
35 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-shield"></span></div>
36 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Руководства для администратора СНК-АЗС и СНК-Офис</div>
37 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Инструкции по настройке параметров торговли - ставки налогов, продажа маркированного товара и т.д.</div>
50 50   </div>
51 51   </a>
52 52  
53 53   <!-- 5. Настройка оборудования -->
54 54   <a href="/bin/view/Nastroika_oborudovaniia/" style="text-decoration: none; color: inherit;">
55 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 8px 15px; display: flex; align-items: center; gap: 15px; box-shadow: 0 1px 2px rgba(0,0,0,0.03); transition: all 0.2s;" onmouseover="this.style.backgroundColor='#f4f8fd'; this.style.borderColor='#cce5ff';" onmouseout="this.style.backgroundColor='#fff'; this.style.borderColor='#e0e0e0';">
56 - <div style="font-size: 22px; color: #1e70bf; width: 30px; text-align: center;"><span class="fa fa-wrench"></span></div>
57 - <div style="flex-grow: 1;">
58 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; margin-bottom: 2px;">Настройка оборудования</div>
59 - <div style="font-size: 12px; color: #666;">Инструкции по подключению различного оборудования.</div>
60 - </div>
61 - <div style="color: #ccc; font-size: 16px;"><span class="fa fa-chevron-right"></span></div>
43 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
44 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-wrench"></span></div>
45 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Настройка оборудования</div>
46 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Инструкции по подключению различного оборудования.</div>
62 62   </div>
63 63   </a>
64 64  
65 65   <!-- 6. Настройка сервисов мобильных заявок -->
66 66   <a href="/bin/view/Nastroika_servisov_mobil_nykh_zaiavok/" style="text-decoration: none; color: inherit;">
67 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 8px 15px; display: flex; align-items: center; gap: 15px; box-shadow: 0 1px 2px rgba(0,0,0,0.03); transition: all 0.2s;" onmouseover="this.style.backgroundColor='#f4f8fd'; this.style.borderColor='#cce5ff';" onmouseout="this.style.backgroundColor='#fff'; this.style.borderColor='#e0e0e0';">
68 - <div style="font-size: 22px; color: #1e70bf; width: 30px; text-align: center;"><span class="fa fa-mobile"></span></div>
69 - <div style="flex-grow: 1;">
70 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; margin-bottom: 2px;">Настройка сервисов мобильных заявок</div>
71 - <div style="font-size: 12px; color: #666;">Подключение различных мобильных сервисов - Яндекс, Бензубер и др.</div>
72 - </div>
73 - <div style="color: #ccc; font-size: 16px;"><span class="fa fa-chevron-right"></span></div>
52 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
53 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-mobile"></span></div>
54 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Настройка сервисов мобильных заявок</div>
55 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Подключение различных мобильных сервисов - Яндекс, Бензубер и др.</div>
74 74   </div>
75 75   </a>
76 76  
77 77   <!-- 7. Расширенный функционал СНК-АЗС -->
78 78   <a href="/bin/view/Rasshirennyi_funktsional_SNK_AZS/" style="text-decoration: none; color: inherit;">
79 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 8px 15px; display: flex; align-items: center; gap: 15px; box-shadow: 0 1px 2px rgba(0,0,0,0.03); transition: all 0.2s;" onmouseover="this.style.backgroundColor='#f4f8fd'; this.style.borderColor='#cce5ff';" onmouseout="this.style.backgroundColor='#fff'; this.style.borderColor='#e0e0e0';">
80 - <div style="font-size: 22px; color: #1e70bf; width: 30px; text-align: center;"><span class="fa fa-puzzle-piece"></span></div>
81 - <div style="flex-grow: 1;">
82 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; margin-bottom: 2px;">Расширенный функционал СНК-АЗС</div>
83 - <div style="font-size: 12px; color: #666;">Различные расширения программы</div>
84 - </div>
85 - <div style="color: #ccc; font-size: 16px;"><span class="fa fa-chevron-right"></span></div>
61 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
62 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-puzzle-piece"></span></div>
63 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Расширенный функционал СНК-АЗС</div>
64 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Различные расширения программы</div>
86 86   </div>
87 87   </a>
88 88  
89 89   <!-- 8. Сервисные операции -->
90 90   <a href="/bin/view/Servisnye_operatsii/" style="text-decoration: none; color: inherit;">
91 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 8px 15px; display: flex; align-items: center; gap: 15px; box-shadow: 0 1px 2px rgba(0,0,0,0.03); transition: all 0.2s;" onmouseover="this.style.backgroundColor='#f4f8fd'; this.style.borderColor='#cce5ff';" onmouseout="this.style.backgroundColor='#fff'; this.style.borderColor='#e0e0e0';">
92 - <div style="font-size: 22px; color: #1e70bf; width: 30px; text-align: center;"><span class="fa fa-cogs"></span></div>
93 - <div style="flex-grow: 1;">
94 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; margin-bottom: 2px;">Сервисные операции</div>
95 - <div style="font-size: 12px; color: #666;">Восстановление данных, установка и настройка приложений СНК, сервисные операции</div>
96 - </div>
97 - <div style="color: #ccc; font-size: 16px;"><span class="fa fa-chevron-right"></span></div>
70 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
71 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-cogs"></span></div>
72 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Сервисные операции</div>
73 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Восстановление данных, установка и настройка приложений СНК, сервисные операции</div>
98 98   </div>
99 99   </a>
100 100  
101 101   <!-- 9. Справочная информация -->
102 102   <a href="/bin/view/Spravochnaia_informatsiia/" style="text-decoration: none; color: inherit;">
103 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 8px 15px; display: flex; align-items: center; gap: 15px; box-shadow: 0 1px 2px rgba(0,0,0,0.03); transition: all 0.2s;" onmouseover="this.style.backgroundColor='#f4f8fd'; this.style.borderColor='#cce5ff';" onmouseout="this.style.backgroundColor='#fff'; this.style.borderColor='#e0e0e0';">
104 - <div style="font-size: 22px; color: #1e70bf; width: 30px; text-align: center;"><span class="fa fa-book"></span></div>
105 - <div style="flex-grow: 1;">
106 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; margin-bottom: 2px;">Справочная информация</div>
107 - <div style="font-size: 12px; color: #666;">Справочники по различным темам</div>
108 - </div>
109 - <div style="color: #ccc; font-size: 16px;"><span class="fa fa-chevron-right"></span></div>
79 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
80 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-book"></span></div>
81 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Справочная информация</div>
82 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Справочники по различным темам</div>
110 110   </div>
111 111   </a>
112 112  
113 113   <!-- 10. Ошибки и решения (красный акцент) -->
114 114   <a href="/bin/view/Oshibki_i_resheniia/" style="text-decoration: none; color: inherit;">
115 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 8px 15px; display: flex; align-items: center; gap: 15px; box-shadow: 0 1px 2px rgba(0,0,0,0.03); transition: all 0.2s;" onmouseover="this.style.backgroundColor='#fdf0f0'; this.style.borderColor='#d9534f';" onmouseout="this.style.backgroundColor='#fff'; this.style.borderColor='#e0e0e0';">
116 - <div style="font-size: 22px; color: #d9534f; width: 30px; text-align: center;"><span class="fa fa-exclamation-triangle"></span></div>
117 - <div style="flex-grow: 1;">
118 - <div style="font-size: 15px; font-weight: bold; color: #d9534f; margin-bottom: 2px;">Ошибки и решения</div>
119 - <div style="font-size: 12px; color: #666;">Действия при различных ошибках</div>
120 - </div>
121 - <div style="color: #ccc; font-size: 16px;"><span class="fa fa-chevron-right"></span></div>
88 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#d9534f';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
89 + <div style="font-size: 32px; color: #d9534f; margin-bottom: 15px;"><span class="fa fa-exclamation-triangle"></span></div>
90 + <div style="font-size: 18px; font-weight: bold; color: #d9534f; margin-bottom: 8px;">Ошибки и решения</div>
91 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Действия при различных ошибках</div>
122 122   </div>
123 123   </a>
124 124