В статье рассматривается разработка клиентского приложения на основе фреймворка Vue.js для автоматизированного расчета показателей оценки и анализа финансовой безопасности хозяйствующего субъекта. Приложение использует библиотеку axios для выполнения HTTP-запросов к API БФО (бухгалтерская финансовая отчетность), что обеспечивает эффективное взаимодействие с сервером и получение данных финансовой отчетности. В статье рассматриваются возможности использования библиотеки ExcelJS для обработки данных и формирования отчетов в формате Excel. В результате апробации приложения на примере пяти предприятий, был проведен анализ финансовой безопасности, выявив ключевые показатели и потенциальные риски
финансовая безопасность, автоматизация анализа, Vue.js, API БФО
В рамках реализации процесса сбора и обработки данных о финансовой отчетности, для автоматического получения данных с сайта источника использовался API, что значительно упрощает процесс интеграции бизнес-данных в информационные системы. Для реализации функций автоматизированного анализа было разработано клиентское приложение на основе фреймворка Vue.js [1].
В данном приложении используется библиотека axios для выполнения HTTP-запросов к API БФО, что обеспечивает эффективное взаимодействие с сервером. Для управления состоянием приложения был выбран инструмент Effector, который гарантирует предсказуемость и удобство работы с данными [2].
Клиентское приложение, разработанное на базе Vue.js, предоставляет интуитивно понятный интерфейс для работы с API БФО (рисунок 1). Пользовательский интерфейс создается с использованием Vue.js и axios для обработки HTTP-запросов к серверному API с целью получения данных финансовой отчетности. На основе полученной информации приложение позволяет провести анализ потенциала развития бизнеса.
Пользователь вводит данные о компании, такие как ИНН, ОКВЭД и КПП, выбирает тип рейтинга (прибыль или рентабельность) и указывает количество компаний, которые следует включить в сравнительный анализ.
Рисунок 1 – Интерфейс приложения для работы с API БФО
В результате программа отображает информацию о компаниях, соответствующих заданным критериям, включая ИНН, название, ОГРН, юридический адрес и код региона. Обычно это организации, занимающиеся сходной деятельностью согласно введенному ОКВЭД (рисунок 2).
Рисунок 2 – Список анализируемых компаний
Если подходящие данные не найдены, пользователю выводится соответствующее сообщение (Рисунок 3).
Рисунок 3 – Окно приложения при отсутствии данных для анализа
В случае успешного поиска данные представляются в виде более развернутой таблицы с финансовой отчетностью, в которой содержится следующая информация (рисунок 4):
- Данные о компании: в каждой строке указаны номер компании, идентификационный номер налогоплательщика (ИНН), название и юридический адрес, а также код региона.
- Финансовые данные: таблица содержит финансовые показатели по каждой компании за период с 2017 по 2023 год.
- Регистрационные данные: в таблице указан регистрационный номер организации (ОГРН).
Полученные данные используются в дальнейшем анализе потенциала развития бизнеса.
Рисунок 4 – Элементы финансовой отчётности компаний, используемые в анализе
Приложение разработано с использованием библиотеки axios, что позволяет эффективно взаимодействовать с сервером и получать данные в формате JSON. Effector, применяемый для управления состоянием приложения, использует реактивный подход, что способствует сокращению времени, затрачиваемого разработчиком на обработку данных.
Пример реализации запроса к API с использованием axios представлен ниже:
import axios from 'axios';
const fetchFinancialData = async (organizationId) => {
try {
const response =
await axios.get(`https://api.bfo.ru${user_key}/financials/${organizationId}`);
return response.data;
}
catch (error) {
console.error('Error fetching financial data:', error);
}
};
После получения данных о финансовой отчетности используется библиотека ExcelJS для обработки и форматирования данных в Excel-файл. ExcelJS позволяет не только создавать новые файлы, но и настраивать форматирование ячеек, добавлять стили и формулы, что делает отчеты более наглядными и удобными для интерпретации конечным пользователем.
В рамках апробации разработанного клиентского приложения на Vue.js была использована информация из системы Чекко, анализ охватил пять предприятий [3]. По данным, полученным с помощью приложения, были выявлены ключевые показатели, которые позволили дать обоснованную оценку финансовой безопасности этих организаций. Это позволяет не только понять текущее состояние дел, но и выявить потенциальные риски, с которыми могут столкнуться данные предприятия в будущем.
Кроме того, в ходе работы были определены перспективные направления для дальнейшего развития приложения. В частности, предлагается дополнить его рядом новых функций, которые значительно повысят его ценность для пользователей. К таким функциям относятся анализ трендов, позволяющий отслеживать динамику изменений в финансовых показателях, сравнительный анализ, который даст возможность сопоставлять результаты различных предприятий, а также интерактивные визуализации, которые сделают представление данных более наглядным и доступным для понимания.
Таким образом, данное приложение не только отвечает текущим требованиям пользователей, но и обладает большим потенциалом.
1. Филдинг, Р. Принципы и ограничения REST API / Р. Филдинг. - [Электронный ресурс]. - URL: https: // ics.uci.edu / ~fielding/ pubs/ dissertation/ rest_arch_style.htm (дата обращения: 15.04.2025).
2. VUEJS. API Reference / VUEJS. - [Электронный ресурс]. - URL: https:// vuejs.org/ api/ (дата обращения: 23.03.2025)
3. CHECKO. Законность использования контента / CHECKO. - [Электронный ресурс]. - URL: https:// checko.ru/ legality (дата обращения: 15.04.2025).
