АСП.Шлюз (Меркурий): различия между версиями

← Предыдущая правка Следующая правка →

ВизуальныйВики-текст

@@ Строка 15: / Строка 15: @@
 * Проведение инвентаризации в Меркурий в 1 клик
 * Реализация партионного учета, гибкая настройка под специфику клиента
-<style>
-.toggle-content {
-  display: none;
-  margin-top: 10px;
-  font-size: 14px;
-}
-.toggle-checkbox:checked + label + .toggle-content {
-  display: block;
-}
-.toggle-label {
-  color: blue;
-  font-weight: bold;
-  cursor: pointer;
-  display: inline-block;
-  margin-top: 10px;
-}
-</style>
 <div style="display: flex; flex-wrap: wrap; gap: 40px; justify-content: center;">
@@ Строка 40: / Строка 22: @@
      <div style="font-size: 50px;">🛠</div>
      <h3>Многоступенчатое и незавершенное производство</h3>
-     <input type="checkbox" id="toggle1" class="toggle-checkbox" style="display:none;">
+     <div class="mw-collapsible mw-collapsed" style="color: blue; font-weight: bold; cursor: pointer;">Подробнее</div>
-    <label for="toggle1" class="toggle-label">Подробнее</label>
+     <div class="mw-collapsible-content" style="font-size: 14px; margin-top: 10px;">
-     <p class="toggle-content">
        Автоматическое формирование и регистрация документов на производство сырья для готовой продукции, который может проходить в несколько этапов.
-     </p>
+     </div>
    </div>
@@ Строка 51: / Строка 32: @@
      <div style="font-size: 50px;">🧑‍⚕️</div>
      <h3>Доступ для ветеринарных врачей</h3>
-     <input type="checkbox" id="toggle2" class="toggle-checkbox" style="display:none;">
+     <div class="mw-collapsible mw-collapsed" style="color: blue; font-weight: bold; cursor: pointer;">Подробнее</div>
-    <label for="toggle2" class="toggle-label">Подробнее</label>
+     <div class="mw-collapsible-content" style="font-size: 14px; margin-top: 10px;">
-     <p class="toggle-content">
        Отдельный доступ для аттестованных специалистов и для государственных ветеринарных врачей.
-     </p>
+     </div>
    </div>
@@ Строка 62: / Строка 42: @@
      <div style="font-size: 50px;">⏱</div>
      <h3>Настройка регламентных заданий</h3>
-     <input type="checkbox" id="toggle3" class="toggle-checkbox" style="display:none;">
+     <div class="mw-collapsible mw-collapsed" style="color: blue; font-weight: bold; cursor: pointer;">Подробнее</div>
-     <label for="toggle3" class="toggle-label">
+    <div class="mw-collapsible-content" style="font-size: 14px; margin-top: 10px;">
+      Возможность настроить автоматическую регистрацию или гашение сертификатов по заданному расписанию. Система обрабатывает все документы без вашего участия!
+    </div>
+  </div>
+  <!-- Блок 4 -->
+  <div style="width: 300px; text-align: center;">
+    <div style="font-size: 50px;">📦</div>
+    <h3>Простой запуск партионного учета</h3>
+    <div class="mw-collapsible mw-collapsed" style="color: blue; font-weight: bold; cursor: pointer;">Подробнее</div>
+    <div class="mw-collapsible-content" style="font-size: 14px; margin-top: 10px;">
+      Без перестройки всей учетной системы! Модуль может опираться на внутренний партионный учет, а также вести его по заданным правилам Меркурия.
+    </div>
+  </div>
+  <!-- Блок 5 -->
+  <div style="width: 300px; text-align: center;">
+    <div style="font-size: 50px;">📈</div>
+    <h3>Гибкая система настроек групповых операций</h3>
+    <div class="mw-collapsible mw-collapsed" style="color: blue; font-weight: bold; cursor: pointer;">Подробнее</div>
+    <div class="mw-collapsible-content" style="font-size: 14px; margin-top: 10px;">
+      Практически любые удобные для клиента цепочки групповых операций нажатием пары кнопок.<br>
+      Например: производство + перемещение + реализация + гашение.
+    </div>
+  </div>
+  <!-- Блок 6 -->
+  <div style="width: 300px; text-align: center;">
+    <div style="font-size: 50px;">🔍</div>
+    <h3>Контроль просроченной продукции</h3>
+     <div class="mw-collapsible mw-collapsed" style="color: blue; font-weight: bold; cursor: pointer;">Подробнее</div>
+    <div class="mw-collapsible-content" style="font-size: 14px; margin-top: 10px;">
+      О штрафах можно не беспокоиться! Предупреждение при наличии просроченной продукции во время регистрации и гашения ВСД.
+    </div>
+  </div>
+</div>