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

Нет описания правки
Нет описания правки
Строка 20: Строка 20:
   <!-- Блок 1 -->
   <!-- Блок 1 -->
   <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
   <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
     <div style="display: flex; align-items: center; gap: 12px; cursor: pointer;" onclick="this.nextElementSibling.classList.toggle('mw-collapsed');">
     <label style="display: flex; align-items: center; gap: 12px; cursor: pointer; user-select: none;">
       <div style="font-size: 36px; flex-shrink: 0;">🛠</div>
       <div style="font-size: 36px; flex-shrink: 0;">🛠</div>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Многоступенчатое и незавершенное производство</h3>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Многоступенчатое и незавершенное производство</h3>
       <div style="font-weight: bold; color: blue; user-select: none;">▼</div>
       <input type="checkbox" style="display: none;" class="toggle-checkbox" />
     </div>
      <span style="font-weight: bold; color: blue; user-select: none;">▼</span>
     <div class="mw-collapsible-content mw-collapsed" style="font-size: 14px; margin-top: 10px; display: none;">
     </label>
     <div class="content" style="font-size: 14px; margin-top: 10px; display: none;">
       Автоматическое формирование и регистрация документов на производство сырья для готовой продукции, который может проходить в несколько этапов.
       Автоматическое формирование и регистрация документов на производство сырья для готовой продукции, который может проходить в несколько этапов.
     </div>
     </div>
Строка 32: Строка 33:
   <!-- Блок 2 -->
   <!-- Блок 2 -->
   <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
   <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
     <div style="display: flex; align-items: center; gap: 12px; cursor: pointer;" onclick="this.nextElementSibling.classList.toggle('mw-collapsed');">
     <label style="display: flex; align-items: center; gap: 12px; cursor: pointer; user-select: none;">
       <div style="font-size: 36px; flex-shrink: 0;">🧑‍⚕️</div>
       <div style="font-size: 36px; flex-shrink: 0;">🧑‍⚕️</div>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Доступ для ветеринарных врачей</h3>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Доступ для ветеринарных врачей</h3>
       <div style="font-weight: bold; color: blue; user-select: none;">▼</div>
       <input type="checkbox" style="display: none;" class="toggle-checkbox" />
     </div>
      <span style="font-weight: bold; color: blue; user-select: none;">▼</span>
     <div class="mw-collapsible-content mw-collapsed" style="font-size: 14px; margin-top: 10px; display: none;">
     </label>
     <div class="content" style="font-size: 14px; margin-top: 10px; display: none;">
       Отдельный доступ для аттестованных специалистов и для государственных ветеринарных врачей.
       Отдельный доступ для аттестованных специалистов и для государственных ветеринарных врачей.
     </div>
     </div>
Строка 44: Строка 46:
   <!-- Блок 3 -->
   <!-- Блок 3 -->
   <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
   <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
     <div style="display: flex; align-items: center; gap: 12px; cursor: pointer;" onclick="this.nextElementSibling.classList.toggle('mw-collapsed');">
     <label style="display: flex; align-items: center; gap: 12px; cursor: pointer; user-select: none;">
       <div style="font-size: 36px; flex-shrink: 0;">⏱</div>
       <div style="font-size: 36px; flex-shrink: 0;">⏱</div>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Настройка регламентных заданий</h3>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Настройка регламентных заданий</h3>
       <div style="font-weight: bold; color: blue; user-select: none;">▼</div>
       <input type="checkbox" style="display: none;" class="toggle-checkbox" />
     </div>
      <span style="font-weight: bold; color: blue; user-select: none;">▼</span>
     <div class="mw-collapsible-content mw-collapsed" style="font-size: 14px; margin-top: 10px; display: none;">
     </label>
     <div class="content" style="font-size: 14px; margin-top: 10px; display: none;">
       Возможность настроить автоматическую регистрацию или гашение сертификатов по заданному расписанию. Система обрабатывает все документы без вашего участия!
       Возможность настроить автоматическую регистрацию или гашение сертификатов по заданному расписанию. Система обрабатывает все документы без вашего участия!
     </div>
     </div>
Строка 56: Строка 59:
   <!-- Блок 4 -->
   <!-- Блок 4 -->
   <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
   <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
     <div style="display: flex; align-items: center; gap: 12px; cursor: pointer;" onclick="this.nextElementSibling.classList.toggle('mw-collapsed');">
     <label style="display: flex; align-items: center; gap: 12px; cursor: pointer; user-select: none;">
       <div style="font-size: 36px; flex-shrink: 0;">📦</div>
       <div style="font-size: 36px; flex-shrink: 0;">📦</div>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Простой запуск партионного учета</h3>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Простой запуск партионного учета</h3>
       <div style="font-weight: bold; color: blue; user-select: none;">▼</div>
       <input type="checkbox" style="display: none;" class="toggle-checkbox" />
     </div>
      <span style="font-weight: bold; color: blue; user-select: none;">▼</span>
     <div class="mw-collapsible-content mw-collapsed" style="font-size: 14px; margin-top: 10px; display: none;">
     </label>
     <div class="content" style="font-size: 14px; margin-top: 10px; display: none;">
       Без перестройки всей учетной системы! Модуль может опираться на внутренний партионный учет, а также вести его по заданным правилам Меркурия.
       Без перестройки всей учетной системы! Модуль может опираться на внутренний партионный учет, а также вести его по заданным правилам Меркурия.
     </div>
     </div>
Строка 68: Строка 72:
   <!-- Блок 5 -->
   <!-- Блок 5 -->
   <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
   <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
     <div style="display: flex; align-items: center; gap: 12px; cursor: pointer;" onclick="this.nextElementSibling.classList.toggle('mw-collapsed');">
     <label style="display: flex; align-items: center; gap: 12px; cursor: pointer; user-select: none;">
       <div style="font-size: 36px; flex-shrink: 0;">📈</div>
       <div style="font-size: 36px; flex-shrink: 0;">📈</div>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Гибкая система настроек групповых операций</h3>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Гибкая система настроек групповых операций</h3>
       <div style="font-weight: bold; color: blue; user-select: none;">▼</div>
       <input type="checkbox" style="display: none;" class="toggle-checkbox" />
     </div>
      <span style="font-weight: bold; color: blue; user-select: none;">▼</span>
     <div class="mw-collapsible-content mw-collapsed" style="font-size: 14px; margin-top: 10px; display: none;">
     </label>
     <div class="content" style="font-size: 14px; margin-top: 10px; display: none;">
       Практически любые удобные для клиента цепочки групповых операций нажатием пары кнопок.<br>
       Практически любые удобные для клиента цепочки групповых операций нажатием пары кнопок.<br>
       Например: производство + перемещение + реализация + гашение.
       Например: производство + перемещение + реализация + гашение.
Строка 81: Строка 86:
   <!-- Блок 6 -->
   <!-- Блок 6 -->
   <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
   <div style="width: 320px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; box-sizing: border-box;">
     <div style="display: flex; align-items: center; gap: 12px; cursor: pointer;" onclick="this.nextElementSibling.classList.toggle('mw-collapsed');">
     <label style="display: flex; align-items: center; gap: 12px; cursor: pointer; user-select: none;">
       <div style="font-size: 36px; flex-shrink: 0;">🔍</div>
       <div style="font-size: 36px; flex-shrink: 0;">🔍</div>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Контроль просроченной продукции</h3>
       <h3 style="margin: 0; font-size: 18px; flex-grow: 1;">Контроль просроченной продукции</h3>
       <div style="font-weight: bold; color: blue; user-select: none;">▼</div>
       <input type="checkbox" style="display: none;" class="toggle-checkbox" />
     </div>
      <span style="font-weight: bold; color: blue; user-select: none;">▼</span>
     <div class="mw-collapsible-content mw-collapsed" style="font-size: 14px; margin-top: 10px; display: none;">
     </label>
     <div class="content" style="font-size: 14px; margin-top: 10px; display: none;">
       О штрафах можно не беспокоиться! Предупреждение при наличии просроченной продукции во время регистрации и гашения ВСД.
       О штрафах можно не беспокоиться! Предупреждение при наличии просроченной продукции во время регистрации и гашения ВСД.
     </div>
     </div>
Строка 94: Строка 100:


<script>
<script>
  // Скрипт для показа/скрытия текста и смены стрелки
   document.querySelectorAll('label').forEach(label => {
   document.querySelectorAll('[onclick]').forEach(el => {
     const checkbox = label.querySelector('input[type="checkbox"]');
     el.addEventListener('click', function() {
    const content = label.nextElementSibling;
      const content = this.nextElementSibling;
    const arrow = label.querySelector('span');
      if (content.style.display === 'block') {
 
         content.style.display = 'none';
    label.addEventListener('click', () => {
        this.querySelector('div:last-child').textContent = '';
      setTimeout(() => {
      } else {
         if (checkbox.checked) {
        content.style.display = 'block';
          content.style.display = 'block';
        this.querySelector('div:last-child').textContent = '';
          arrow.textContent = '';
       }
        } else {
          content.style.display = 'none';
          arrow.textContent = '';
        }
       }, 10);
     });
     });
   });
   });
</script>
</script>