|
|
| Строка 16: |
Строка 16: |
| * Реализация партионного учета, гибкая настройка под специфику клиента | | * Реализация партионного учета, гибкая настройка под специфику клиента |
|
| |
|
| <style>
| | <div style="display: flex; flex-wrap: wrap; gap: 40px; justify-content: center;"> <!-- Блок 1 --> <div style="width: 300px; text-align: center;"> <div style="font-size: 50px;">🛠</div> <h3>Многоступенчатое и незавершенное производство</h3> <div class="mw-collapsible mw-collapsed" style="font-size: 14px; margin-top: 10px;"> <div class="mw-collapsible-content"> Автоматическое формирование и регистрация документов на производство сырья для готовой продукции, который может проходить в несколько этапов. </div> </div> </div> <!-- Блок 2 --> <div style="width: 300px; text-align: center;"> <div style="font-size: 50px;">🧑⚕️</div> <h3>Доступ для ветеринарных врачей</h3> <div class="mw-collapsible mw-collapsed" style="font-size: 14px; margin-top: 10px;"> <div class="mw-collapsible-content"> Отдельный доступ для аттестованных специалистов и для государственных ветеринарных врачей. </div> </div> </div> <!-- Блок 3 --> <div style="width: 300px; text-align: center;"> <div style="font-size: 50px;">⏱</div> <h3>Настройка регламентных заданий</h3> <div class="mw-collapsible mw-collapsed" style="font-size: 14px; margin-top: 10px;"> <div class="mw-collapsible-content"> Возможность настроить автоматическую регистрацию или гашение сертификатов по заданному расписанию. Система обрабатывает все документы без вашего участия! </div> </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="font-size: 14px; margin-top: 10px;"> <div class="mw-collapsible-content"> Без перестройки всей учетной системы! Модуль может опираться на внутренний партионный учет, а также вести его по заданным правилам Меркурия. </div> </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="font-size: 14px; margin-top: 10px;"> <div class="mw-collapsible-content"> Практически любые удобные для клиента цепочки групповых операций нажатием пары кнопок.<br> Например: производство + перемещение + реализация + гашение. </div> </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="font-size: 14px; margin-top: 10px;"> <div class="mw-collapsible-content"> О штрафах можно не беспокоиться! Предупреждение при наличии просроченной продукции во время регистрации и гашения ВСД. </div> </div> </div> </div> |
| .mw-collapsible {
| |
| overflow: hidden;
| |
| max-height: 0;
| |
| transition: max-height 0.3s ease;
| |
| }
| |
| | |
| .mw-collapsible.open {
| |
| max-height: 500px; /* Достаточно для текста, можно увеличить */
| |
| }
| |
| | |
| .info-block {
| |
| width: 300px;
| |
| text-align: center;
| |
| display: flex;
| |
| flex-direction: column;
| |
| justify-content: space-between;
| |
| height: 350px; /* Задаём общую высоту для выравнивания */
| |
| box-sizing: border-box;
| |
| padding: 10px;
| |
| border: 1px solid #ddd;
| |
| border-radius: 10px;
| |
| }
| |
| | |
| .info-block h3 {
| |
| cursor: pointer;
| |
| color: #000;
| |
| }
| |
| </style>
| |
| | |
| <div style="display: flex; flex-wrap: wrap; gap: 40px; justify-content: center;"> | |
| | |
| <!-- Блок 1 -->
| |
| <div class="info-block">
| |
| <div style="font-size: 50px;">🛠</div>
| |
| <h3 onclick="toggleCollapse(this)">Многоступенчатое и незавершенное производство</h3>
| |
| <div class="mw-collapsible">
| |
| <div class="mw-collapsible-content" style="font-size: 14px; margin-top: 10px;">
| |
| Автоматическое формирование и регистрация документов на производство сырья для готовой продукции, который может проходить в несколько этапов.
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- Блок 2 -->
| |
| <div class="info-block">
| |
| <div style="font-size: 50px;">🧑⚕️</div>
| |
| <h3 onclick="toggleCollapse(this)">Доступ для ветеринарных врачей</h3>
| |
| <div class="mw-collapsible">
| |
| <div class="mw-collapsible-content" style="font-size: 14px; margin-top: 10px;">
| |
| Отдельный доступ для аттестованных специалистов и для государственных ветеринарных врачей.
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- Блок 3 -->
| |
| <div class="info-block">
| |
| <div style="font-size: 50px;">⏱</div>
| |
| <h3 onclick="toggleCollapse(this)">Настройка регламентных заданий</h3>
| |
| <div class="mw-collapsible">
| |
| <div class="mw-collapsible-content" style="font-size: 14px; margin-top: 10px;">
| |
| Возможность настроить автоматическую регистрацию или гашение сертификатов по заданному расписанию. Система обрабатывает все документы без вашего участия!
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- Блок 4 -->
| |
| <div class="info-block">
| |
| <div style="font-size: 50px;">📦</div>
| |
| <h3 onclick="toggleCollapse(this)">Простой запуск партионного учета</h3>
| |
| <div class="mw-collapsible">
| |
| <div class="mw-collapsible-content" style="font-size: 14px; margin-top: 10px;">
| |
| Без перестройки всей учетной системы! Модуль может опираться на внутренний партионный учет, а также вести его по заданным правилам Меркурия.
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- Блок 5 -->
| |
| <div class="info-block">
| |
| <div style="font-size: 50px;">📈</div>
| |
| <h3 onclick="toggleCollapse(this)">Гибкая система настроек групповых операций</h3>
| |
| <div class="mw-collapsible">
| |
| <div class="mw-collapsible-content" style="font-size: 14px; margin-top: 10px;">
| |
| Практически любые удобные для клиента цепочки групповых операций нажатием пары кнопок.<br>
| |
| Например: производство + перемещение + реализация + гашение.
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- Блок 6 -->
| |
| <div class="info-block">
| |
| <div style="font-size: 50px;">🔍</div>
| |
| <h3 onclick="toggleCollapse(this)">Контроль просроченной продукции</h3>
| |
| <div class="mw-collapsible">
| |
| <div class="mw-collapsible-content" style="font-size: 14px; margin-top: 10px;">
| |
| О штрафах можно не беспокоиться! Предупреждение при наличии просроченной продукции во время регистрации и гашения ВСД.
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| </div> | |
| | |
| <script>
| |
| function toggleCollapse(header) {
| |
| const collapsible = header.nextElementSibling;
| |
| collapsible.classList.toggle('open');
| |
| }
| |
| </script>
| |