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

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

← Предыдущая правкаСледующая правка →
ВизуальныйВики-текст
Нет описания правки
Нет описания правки
Строка 15: Строка 15:
* Проведение инвентаризации в Меркурий в 1 клик
* Проведение инвентаризации в Меркурий в 1 клик
* Реализация партионного учета, гибкая настройка под специфику клиента
* Реализация партионного учета, гибкая настройка под специфику клиента
<style>
  .accordion {
    width: 320px;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
  .accordion label {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    user-select: none;
  }
  .accordion label h3 {
    margin: 0;
    font-size: 18px;
    flex-grow: 1;
  }
  .accordion label span {
    font-weight: bold;
    color: blue;
    user-select: none;
    transition: transform 0.3s ease;
  }
  input[type="checkbox"] {
    display: none;
  }
  .content {
    font-size: 14px;
    margin-top: 10px;
    display: none;
  }
  input[type="checkbox"]:checked + label span {
    transform: rotate(180deg);
  }
  input[type="checkbox"]:checked ~ .content {
    display: block;
  }
</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;">


   <!-- Блок 1 -->
   <div class="accordion">
  <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
    <input type="checkbox" id="acc1" />
     <label style="display: flex; align-items: center; gap: 12px; cursor: pointer; user-select: none;">
     <label for="acc1">
       <div style="font-size: 36px; flex-shrink: 0;">🛠</div>
       <div style="font-size: 36px;">🛠</div>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Многоступенчатое и незавершенное производство</h3>
       <h3>Многоступенчатое и незавершенное производство</h3>
      <input type="checkbox" style="display: none;" class="toggle-checkbox" />
       <span>▼</span>
       <span style="font-weight: bold; color: blue; user-select: none;">▼</span>
     </label>
     </label>
     <div class="content" style="font-size: 14px; margin-top: 10px; display: none;">
     <div class="content">
       Автоматическое формирование и регистрация документов на производство сырья для готовой продукции, который может проходить в несколько этапов.
       Автоматическое формирование и регистрация документов на производство сырья для готовой продукции, который может проходить в несколько этапов.
     </div>
     </div>
   </div>
   </div>


   <!-- Блок 2 -->
   <div class="accordion">
  <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
    <input type="checkbox" id="acc2" />
     <label style="display: flex; align-items: center; gap: 12px; cursor: pointer; user-select: none;">
     <label for="acc2">
       <div style="font-size: 36px; flex-shrink: 0;">🧑‍⚕️</div>
       <div style="font-size: 36px;">🧑‍⚕️</div>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Доступ для ветеринарных врачей</h3>
       <h3>Доступ для ветеринарных врачей</h3>
      <input type="checkbox" style="display: none;" class="toggle-checkbox" />
       <span>▼</span>
       <span style="font-weight: bold; color: blue; user-select: none;">▼</span>
     </label>
     </label>
     <div class="content" style="font-size: 14px; margin-top: 10px; display: none;">
     <div class="content">
       Отдельный доступ для аттестованных специалистов и для государственных ветеринарных врачей.
       Отдельный доступ для аттестованных специалистов и для государственных ветеринарных врачей.
     </div>
     </div>
   </div>
   </div>


   <!-- Блок 3 -->
   <div class="accordion">
  <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
    <input type="checkbox" id="acc3" />
     <label style="display: flex; align-items: center; gap: 12px; cursor: pointer; user-select: none;">
     <label for="acc3">
       <div style="font-size: 36px; flex-shrink: 0;">⏱</div>
       <div style="font-size: 36px;">⏱</div>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Настройка регламентных заданий</h3>
       <h3>Настройка регламентных заданий</h3>
      <input type="checkbox" style="display: none;" class="toggle-checkbox" />
       <span>▼</span>
       <span style="font-weight: bold; color: blue; user-select: none;">▼</span>
     </label>
     </label>
     <div class="content" style="font-size: 14px; margin-top: 10px; display: none;">
     <div class="content">
       Возможность настроить автоматическую регистрацию или гашение сертификатов по заданному расписанию. Система обрабатывает все документы без вашего участия!
       Возможность настроить автоматическую регистрацию или гашение сертификатов по заданному расписанию. Система обрабатывает все документы без вашего участия!
     </div>
     </div>
   </div>
   </div>


   <!-- Блок 4 -->
   <div class="accordion">
  <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
    <input type="checkbox" id="acc4" />
     <label style="display: flex; align-items: center; gap: 12px; cursor: pointer; user-select: none;">
     <label for="acc4">
       <div style="font-size: 36px; flex-shrink: 0;">📦</div>
       <div style="font-size: 36px;">📦</div>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Простой запуск партионного учета</h3>
       <h3>Простой запуск партионного учета</h3>
      <input type="checkbox" style="display: none;" class="toggle-checkbox" />
       <span>▼</span>
       <span style="font-weight: bold; color: blue; user-select: none;">▼</span>
     </label>
     </label>
     <div class="content" style="font-size: 14px; margin-top: 10px; display: none;">
     <div class="content">
       Без перестройки всей учетной системы! Модуль может опираться на внутренний партионный учет, а также вести его по заданным правилам Меркурия.
       Без перестройки всей учетной системы! Модуль может опираться на внутренний партионный учет, а также вести его по заданным правилам Меркурия.
     </div>
     </div>
   </div>
   </div>


   <!-- Блок 5 -->
   <div class="accordion">
  <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
    <input type="checkbox" id="acc5" />
     <label style="display: flex; align-items: center; gap: 12px; cursor: pointer; user-select: none;">
     <label for="acc5">
       <div style="font-size: 36px; flex-shrink: 0;">📈</div>
       <div style="font-size: 36px;">📈</div>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Гибкая система настроек групповых операций</h3>
       <h3>Гибкая система настроек групповых операций</h3>
      <input type="checkbox" style="display: none;" class="toggle-checkbox" />
       <span>▼</span>
       <span style="font-weight: bold; color: blue; user-select: none;">▼</span>
     </label>
     </label>
     <div class="content" style="font-size: 14px; margin-top: 10px; display: none;">
     <div class="content">
       Практически любые удобные для клиента цепочки групповых операций нажатием пары кнопок.<br>
       Практически любые удобные для клиента цепочки групповых операций нажатием пары кнопок.<br>
       Например: производство + перемещение + реализация + гашение.
       Например: производство + перемещение + реализация + гашение.
Строка 84: Строка 122:
   </div>
   </div>


   <!-- Блок 6 -->
   <div class="accordion">
  <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
    <input type="checkbox" id="acc6" />
     <label style="display: flex; align-items: center; gap: 12px; cursor: pointer; user-select: none;">
     <label for="acc6">
       <div style="font-size: 36px; flex-shrink: 0;">🔍</div>
       <div style="font-size: 36px;">🔍</div>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Контроль просроченной продукции</h3>
       <h3>Контроль просроченной продукции</h3>
      <input type="checkbox" style="display: none;" class="toggle-checkbox" />
       <span>▼</span>
       <span style="font-weight: bold; color: blue; user-select: none;">▼</span>
     </label>
     </label>
     <div class="content" style="font-size: 14px; margin-top: 10px; display: none;">
     <div class="content">
       О штрафах можно не беспокоиться! Предупреждение при наличии просроченной продукции во время регистрации и гашения ВСД.
       О штрафах можно не беспокоиться! Предупреждение при наличии просроченной продукции во время регистрации и гашения ВСД.
     </div>
     </div>
Строка 98: Строка 135:


</div>
</div>
<script>
  document.querySelectorAll('label').forEach(label => {
    const checkbox = label.querySelector('input[type="checkbox"]');
    const content = label.nextElementSibling;
    const arrow = label.querySelector('span');
    label.addEventListener('click', () => {
      setTimeout(() => {
        if (checkbox.checked) {
          content.style.display = 'block';
          arrow.textContent = '▲';
        } else {
          content.style.display = 'none';
          arrow.textContent = '▼';
        }
      }, 10);
    });
  });
</script>
Источник — https://pub.aoasp.ru/АСП.Шлюз_(Меркурий)