База знаний АО АСП

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

← Предыдущая правкаСледующая правка →
ВизуальныйВики-текст
Нет описания правки
Нет описания правки
Строка 15: Строка 15:
* Проведение инвентаризации в Меркурий в 1 клик
* Проведение инвентаризации в Меркурий в 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;">
<div style="display: flex; flex-wrap: wrap; gap: 40px; justify-content: center;">
Строка 22: Строка 40:
     <div style="font-size: 50px;">🛠</div>
     <div style="font-size: 50px;">🛠</div>
     <h3>Многоступенчатое и незавершенное производство</h3>
     <h3>Многоступенчатое и незавершенное производство</h3>
     <a href="javascript:void(0);" class="toggle-btn" data-target="content1" style="color: blue; font-weight: bold;">Подробнее</a>
     <input type="checkbox" id="toggle1" class="toggle-checkbox" style="display:none;">
     <p id="content1" style="font-size: 14px; display: none; margin-top: 10px;">
    <label for="toggle1" class="toggle-label">Подробнее</label>
     <p class="toggle-content">
       Автоматическое формирование и регистрация документов на производство сырья для готовой продукции, который может проходить в несколько этапов.
       Автоматическое формирование и регистрация документов на производство сырья для готовой продукции, который может проходить в несколько этапов.
     </p>
     </p>
Строка 32: Строка 51:
     <div style="font-size: 50px;">🧑‍⚕️</div>
     <div style="font-size: 50px;">🧑‍⚕️</div>
     <h3>Доступ для ветеринарных врачей</h3>
     <h3>Доступ для ветеринарных врачей</h3>
     <a href="javascript:void(0);" class="toggle-btn" data-target="content2" style="color: blue; font-weight: bold;">Подробнее</a>
     <input type="checkbox" id="toggle2" class="toggle-checkbox" style="display:none;">
     <p id="content2" style="font-size: 14px; display: none; margin-top: 10px;">
    <label for="toggle2" class="toggle-label">Подробнее</label>
     <p class="toggle-content">
       Отдельный доступ для аттестованных специалистов и для государственных ветеринарных врачей.
       Отдельный доступ для аттестованных специалистов и для государственных ветеринарных врачей.
     </p>
     </p>
Строка 42: Строка 62:
     <div style="font-size: 50px;">⏱</div>
     <div style="font-size: 50px;">⏱</div>
     <h3>Настройка регламентных заданий</h3>
     <h3>Настройка регламентных заданий</h3>
     <a href="javascript:void(0);" class="toggle-btn" data-target="content3" style="color: blue; font-weight: bold;">Подробнее</a>
     <input type="checkbox" id="toggle3" class="toggle-checkbox" style="display:none;">
    <p id="content3" style="font-size: 14px; display: none; margin-top: 10px;">
     <label for="toggle3" class="toggle-label">
      Возможность настроить автоматическую регистрацию или гашение сертификатов по заданному расписанию. Система обрабатывает все документы без вашего участия!
    </p>
  </div>
 
  <!-- Блок 4 -->
  <div style="width: 300px; text-align: center;">
    <div style="font-size: 50px;">📦</div>
    <h3>Простой запуск партионного учета</h3>
    <a href="javascript:void(0);" class="toggle-btn" data-target="content4" style="color: blue; font-weight: bold;">Подробнее</a>
    <p id="content4" style="font-size: 14px; display: none; margin-top: 10px;">
      Без перестройки всей учетной системы! Модуль может опираться на внутренний партионный учет, а также вести его по заданным правилам Меркурия.
    </p>
  </div>
 
  <!-- Блок 5 -->
  <div style="width: 300px; text-align: center;">
     <div style="font-size: 50px;">📈</div>
    <h3>Гибкая система настроек групповых операций</h3>
    <a href="javascript:void(0);" class="toggle-btn" data-target="content5" style="color: blue; font-weight: bold;">Подробнее</a>
    <p id="content5" style="font-size: 14px; display: none; margin-top: 10px;">
      Практически любые удобные для клиента цепочки групповых операций нажатием пары кнопок.<br>
      Например: производство + перемещение + реализация + гашение.
    </p>
  </div>
 
  <!-- Блок 6 -->
  <div style="width: 300px; text-align: center;">
    <div style="font-size: 50px;">🔍</div>
    <h3>Контроль просроченной продукции</h3>
    <a href="javascript:void(0);" class="toggle-btn" data-target="content6" style="color: blue; font-weight: bold;">Подробнее</a>
    <p id="content6" style="font-size: 14px; display: none; margin-top: 10px;">
      О штрафах можно не беспокоиться! Предупреждение при наличии просроченной продукции во время регистрации и гашения ВСД.
    </p>
  </div>
 
</div>
 
<script>
// Ждём, пока DOM загрузится
document.addEventListener('DOMContentLoaded', function() {
  // Находим все кнопки
  const buttons = document.querySelectorAll('.toggle-btn');
  buttons.forEach(function(btn) {
    btn.addEventListener('click', function() {
      const targetId = btn.getAttribute('data-target');
      const content = document.getElementById(targetId);
      if (!content) return;
      // Показать или скрыть
      if (content.style.display === 'none' || content.style.display === '') {
        content.style.display = 'block';
        btn.textContent = 'Скрыть';
      } else {
        content.style.display = 'none';
        btn.textContent = 'Подробнее';
      }
    });
  });
});
</script>
Источник — https://pub.aoasp.ru/АСП.Шлюз_(Меркурий)