The article discusses the development of a client application based on the Vue.js framework for the automated calculation of indicators for assessing and analyzing the financial security of an economic entity. The application uses the axios library to perform HTTP requests to the BFO API, ensuring effi-cient interaction with the server and retrieval of financial reporting data. The article explores the possi-bilities of using the ExcelJS library for data processing and report generation in Excel format. As a result of testing the application on five enterprises, a financial security analysis was conducted, re-vealing key indicators and potential risks
financial security, analysis automation, Vue.js, BFO 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. Filding, R. Principy i ogranicheniya REST API / R. Filding. - [Elektronnyy resurs]. - URL: https: // ics.uci.edu / ~fielding/ pubs/ dissertation/ rest_arch_style.htm (data obrascheniya: 15.04.2025).
2. VUEJS. API Reference / VUEJS. - [Elektronnyy resurs]. - URL: https:// vuejs.org/ api/ (data obrascheniya: 23.03.2025)
3. CHECKO. Zakonnost' ispol'zovaniya kontenta / CHECKO. - [Elektronnyy resurs]. - URL: https:// checko.ru/ legality (data obrascheniya: 15.04.2025).
