Перед вами главная страница системы для учета товарно-материальных ценностей (ТМЦ) с привязкой к объектам Рис 1.
Интерфейс построен по блочному принципу: все основные действия вынесены в отдельные кнопки-карточки, что позволяет быстро переключаться между задачами.

Верхняя панель

• Заголовок «Облачный склад ТМЦ» — обозначает название раздела.
• Подзаголовок — кратко поясняет назначение системы: «Учет товарно-материальных ценностей по объектам».
• Кнопка «Инструкция» (справа вверху, синяя) — открывает подробное руководство по работе с системой.

Блок основных действий (центральная часть)


Здесь расположены пять ключевых карточек для запуска типовых операций. Каждая карточка имеет иконку и название:

1. Новая заявка на ПЛАТЕЖ— создание заявки для оплаты товаров или услуг, которые идут на согласование ЗГД, ГД, на оплату в бухгалтерию.
2. Все платежи— просмотр списка платежей.
3. Заявка ПЕРЕМЕЩЕНИЕ ТМЦ— оформление заявки на перемещение материальных ценностей между складами или объектами.
4. Заявка на ЗАКУПКУ— формирование заявки для закупки новых ТМЦ.
5. Заявка в СДЭК— создание заявки для отправки груза через службу доставки СДЭК.

Нижняя панель («Склады по Объектам»)
Этот блок служит для навигации по складам и объектам, за которыми закреплен учет.

• Список «Склады по Объектам» — отображает перечень доступных складов с указанием их наименования.
• Поле «Поиск по объектам» — строка поиска для быстрого нахождения нужного объекта или склада по ключевым словам.
• Кнопка «Сформировать АПП» (справа внизу, синяя) — инструмент для создания акта приема-передачи (АПП).
• Колонка «Ответственный» — в списке отображается сотрудник, закрепленный за конкретным складом или объектом.

Облачный склад ТМЦ

Рис.1

Блок «Данные на совершение платежа».
Данный блок предназначен для отправления заявки на платеж в Бухгалтерию Рис. 2.

1.ФИО отправителя заявки
В выпадающем списке выберите имя сотрудника, который оформляет заявку на платеж.
2. Введите название проекта
Выберите из выпадающего списка проект, к которому относится расход. В качестве примера указан «Новатэк (Мурманск)».
3. Статья расходов
С помощью выпадающего списка укажите категорию затрат. В примере выбрана «ГСМ».
4 В оплату на
В поле с иконкой календаря укажите дату, на которую планируется произвести оплату.
5 Сумма платежа
В текстовом поле введите сумму, которую необходимо перевести, в рублях.
6 Тип платежа (радиокнопка)
Отметьте один из вариантов цели платежа, поставив точку в соответствующем кружке:

• Оплата по счёту;
• Под отчет;
• Суточные (зарплата);
• Вахтовая надбавка;
• Оплата с Личного кабинета маркетплейса.

7 Добавить счет
Если выбран тип «Оплата по счёту», используйте кнопку загрузки (область с надписью Upload button will be here) для прикрепления скана или изображения платежного документа.
8 Примечание
В текстовом поле кратко опишите суть платежа. Используйте предложенный шаблон: укажите ФИО ответственного лица и наименование покупки/услуги (например, «Мельник А.В. — спецодежда»).
9 ФИО СОТРУДНИКА
Введите фамилию, имя и отчество сотрудника, на чей счет или карту будут перечислены денежные средства (например, «Машкович М.С.»).
10 Зарплатный проект
Заполните или выберите данные, относящиеся к участию сотрудника в зарплатном проекте
11 Нажмите отправить.

Рис. 2

Блок «Заявка на закупку».
Следуйте пунктам в порядке их расположения на экране, визуально блок выглядит как на Рис 3.

1. ФИО отправителя заявки
В выпадающем списке выберите имя сотрудника, который оформляет данную заявку.

2. Проект
С помощью второго выпадающего списка укажите проект, к которому относятся закупаемые товары.

3. Предмет закупки
В текстовом поле подробно опишите, что именно вы планируете закупить. Укажите наименование товара или группы товаров.

4. Дата поставки
В поле с иконкой календаря укажите желаемую или согласованную дату, к которой товар должен быть доставлен.

5. Адрес доставки
В текстовом поле введите адрес (или территориальную точку), откуда сотрудники будут забирать товар. Ориентируйтесь на подсказку в поле: «Ввести территориально откуда будут забирать».

6. Ссылка
Вставьте прямую ссылку на карточку товара в интернет-магазине. Используйте пример из подсказки: https://www.dns-shop.ru/catalog/.... Это упростит поиск и согласование закупки.

7. Примечание
В большом текстовом поле укажите важные детали, которые не вошли в другие поля:

обязательные технические характеристики;
требуемая комплектация;
особые условия (цвет, бренд, гарантия и т. д.).
Прикрепить счет
Если товар был заказан самостоятельно (вне централизованной закупки), используйте кнопку загрузки (область с надписью Upload button will be here) для прикрепления скана или изображения счета на оплату.

8. Отправить заявку
После заполнения всех полей нажмите на синюю кнопку «ОТПРАВИТЬ» в нижней части блока, чтобы направить заявку на рассмотрение.

Рис 3.

Блок «Заявка на ПЕРЕМЕЩЕНИЕ ТМЦ».

1. ФИО отправителя заявки
В выпадающем списке выберите имя сотрудника, который оформляет данную заявку Рис 4.

2. Введите название проекта
С помощью выпадающего списка укажите проект, в рамках которого происходит перемещение товарно-материальных ценностей (ТМЦ).

3. Дата передачи
В поле с иконкой календаря укажите дату, когда планируется фактическая передача ТМЦ от одного сотрудника другому.

4. Информация о сотруднике, передающем ТМЦ
В текстовом поле введите ФИО сотрудника, который является текущим ответственным за ТМЦ и передает их (например, «Иванов И.И.»).

5. Информация о сотруднике, принимающем ТМЦ
В следующем текстовом поле укажите ФИО сотрудника, который будет принимать ТМЦ и станет новым ответственным за них (например, «Петров П.П.»).

6. Причина перемещения
Отметьте один из вариантов, поставив точку в соответствующем кружке. Доступные причины:

Увольнение;
Перевод сотрудника на другой объект;
Временная выдача;
Замена оборудования;
Иное;
Свой вариант (если ни один из пунктов не подходит — выберите этот и укажите причину текстом).
Добавить Акт приема-передачи/выдачи ТМЦ
Используйте кнопку загрузки (область с надписью Upload button will be here) для прикрепления скана или изображения документа, подтверждающего передачу ценностей.

7. Примечание
В большом текстовом поле кратко опишите детали перемещения. Например, перечислите наименования передаваемых предметов или укажите инвентарные номера.

8. Отправить заявку
После заполнения всех полей нажмите на синюю кнопку «ОТПРАВИТЬ» в нижней части блока, чтобы направить заявку на рассмотрение.

Рис 4.

Блок «Акт приема-передачи ТМЦ».
Открывается по кнопке «Сформировать АПП» на главной панели, а также доступен в боковом меню Рис 5. и Рис 6.

Шаг 1. Заполнение ответственных лиц
В верхней части формы находятся два обязательных поля:

1. Передаёт (ФИО) — введите фамилию и инициалы сотрудника, который сдает материальные ценности.
2. Принимает (ФИО) — введите фамилию и инициалы сотрудника, который принимает ценности и берет на себя ответственность за них.

Пример заполнения:

• Передаёт: Самойлова Д.В.
• Принимает: Шестеркина Н.В.

Шаг 2. Внесение перечня имущества
Ниже расположены строки для перечисления передаваемых предметов. В примере уже заполнены следующие позиции:

• Ноутбук Acer;
• Монитор Xiaomi;
• Мышь Acer — 1шт;
• Клавиатура Acer — 1шт.

Правила заполнения:

• В каждой строке кратко укажите наименование товара и, при необходимости, количество (как в примере с мышью и клавиатурой).
• Если передаете несколько разных единиц одного типа (например, 3 флешки), объедините их в одну строку: «Флешка 16 Гб — 3 шт».

Шаг 3. Управление списком позиций
Для корректировки перечня используйте кнопки интерфейса:

• Кнопка «+ Добавить пункт» (зеленая) — нажмите её, если в списке не хватает строк для всех предметов. Появится новая пустая строка для ввода.
• Кнопка «×» (красная справа от строки) — нажмите на неё, чтобы удалить ненужную или ошибочно заполненную строку из списка.

Шаг 4. Формирование и сохранение документа
В нижней части блока находятся две ключевые кнопки для завершения работы:

1. Создать документ (темно-синяя) — нажмите эту кнопку, чтобы сформировать готовый акт. Система проверит, заполнены ли все обязательные поля (ФИО и список ТМЦ). Если данные корректны, акт будет создан и доступен для дальнейших действий.
2. Скачать .docx (голубая) — используйте эту кнопку, чтобы сохранить акт на компьютер на фирменном бланке организации Рис 6. в формате Word (.docx). Это удобно, если вам нужно распечатать документ или отправить его по почте.

Рис 5.

Рис 6.

Блок «Заявка СДЭК».
Открывается по кнопке на главной панели Рис 7.

Шаг 1. Раздел «Отправитель»
Эта часть уже частично заполнена, но проверьте корректность данных:

1. ИНН юр. лица — поле заблокировано (значок замка), редактировать нельзя.
2. Наименование компании — поле заблокировано, отображается «ТЕХНИЧЕСКОЕ БЮРО 22».
3. Контактное лицо — укажите или проверьте имя контактного лица .
4. Телефон — введите актуальный номер телефона отправителя.
5. Добавочный (опционально) — заполните, если у номера есть добавочный код, либо оставьте пустым.

Шаг 2. Раздел «Получатель»
Здесь необходимо внести данные адресата:

1. Тип — выберите один из вариантов переключателем:

• «ЮР. ЛИЦО» (юридическое лицо);
• «ФИЗ. ЛИЦО» (физическое лицо).

1. Контактное лицо — введите ФИО получателя.
2. Телефон — укажите номер телефона для связи с получателем.
3. Добавочный(опционально) — как и у отправителя, заполняется при необходимости.
4. Электронная почта — введите e-mail получателя (поле не помечено звездочкой, значит, является необязательным, но рекомендуется для подтверждения).

Шаг 3. Раздел «Товары»
Заполните информацию о грузе:

1. Вес — впишите вес отправления в килограммах.
2. Объёмный вес — поле отображается справочно (справа от поля ввода веса), система рассчитает его автоматически.

Примечание: На скриншоте видна только одна строка для товара. Если нужно добавить несколько позиций, обычно рядом с полями или внизу блока есть кнопка «+ Добавить» (на данном скриншоте она не попала в кадр, но стандартна для таких форм).
Шаг 4. Завершение (кнопка «Отправить»)
После заполнения всех полей с выполните следующие действия:

1. Перепроверьте правильность введенных номеров телефонов и ФИО.
2. Нажмите кнопку «Отправить» (расположена ниже видимой области экрана).
3. Дождитесь уведомления об успешной отправке заявки.

Рис 7.

Блок «Склад ТМЦ Самара».
На главном экране расположены склады по объектам Рис 8.


Шаг 1. Заполнение наименования
В поле «Наименование» введите точное название поступающего товара или материала.

• Пример: «Спецодежда Джетсет», «Ноутбук» и т.д.
• Совет: Использовать унифицированное название, которое уже применялось на складе, чтобы избежать дублей в базе.

Шаг 2. Выбор единицы измерения

«Единица измерения» выберите подходящую метрику для учета товара.
Шаг 3. Указание количества
В поле «Количество» введите числовое значение объема.
Шаг 4. Подтверждение операции
После заполнения всех трех полей нажмите синюю кнопку «Добавить».

• Система проверит корректность ввода.
• Если данные верны, товар будет добавлен в базу, а его количество отразится в блоке «Остатки на складе» справа.

Шаг 5. Проверка результата
Сразу после нажатия кнопки обратите внимание на таблицу справа:

• В ней появится новая строка добавленного материала, его Наименованием.
• Это служит мгновенной визуальной проверкой успешности операции.

Краткий итог действий

1. Введите Инвентарный номер
2. Введите Наименование ТМЦ.
3. Введите Единицу измерения.
4. Укажите Количество ТМЦ.
5. Нажмите «Добавить».
6. Проверьте запись в таблице.

Рис 8.

Блок «Аналитика».
Блок аналитики совершенных платежей из Архива таблиц по платежам Рис 9.
Это веб-дашборд для анализа расходов из CSV файла.
Он:

• загружает данные
• строит 3 графика
• показывает таблицу операций
• считает ключевые показатели (KPI)

Этот блок состоит из двух основных частей: детальной таблицы с историей платежей и визуализирующих диаграмм.
1. Таблица «История платежей» (основная часть)
В центре экрана расположена таблица, которая содержит хронологический список всех совершенных операций. Она структурирована по трем ключевым столбцам:

• Проект (левый столбец) — в столбце указан Проект, на который совершены расходы.
• Статья расходов (второй столбец) — по какой статье совершены платежи.
• Дата совершения платежа (средний столбец) — отображает дату операции в формате ДД.ММ.ГГГГ. Записи отсортированы в хронологическом порядке — от самых ранних к самым поздним.
• Сумма платежа (правый столбец) — фиксирует денежную величину операции в рублях.

Особенности таблицы:

• Позволяет быстро отследить динамику расходов по дням, проектам, назначению платежа.

2. Блок визуализаций «Аналитика» (нижняя часть)
Под таблицей расположены два круговых графика (пирога), которые агрегируют данные для наглядного анализа:

• График «По проектам» (слева)
• График «По статьям» (справа)

Отражают структуру расходов по статьям затрат (например, материалы, услуги, ГСМ и т.д.).

• Дает представление о том, на какие категории расходов пришлась основная часть бюджета.

Краткий итог функционала блока
Данный аналитический блок позволяет пользователю:

1. Просматривать детали (кто, когда и сколько потратил) в табличном виде.
2. Оценивать структуру расходов (по проектам и статьям) с помощью диаграмм.
3. Видеть итоговую сумму всех совершенных платежей.

Рис 9.

Блок «Реквизиты».

Рис 10.