Аврора-ЕПЦС. Модуль заказа архивной съёмки.
Установка
npm install @greenatom/epcs-image-order
Использование в проекте
Импортировать библиотеку, реализующую рендеринг и основную логику
import {OrderModule} from '@greenatom/epcs-image-order';
Импортировать стили, для корректной работы карт
import "@greenatom/leaflet/dist/leaflet.css";
Проект Vue
<template>
<div id="root"></div>
</template>
<script>
import { MyOrdersModule } from "@greenatom/epcs-image-my-orders";
import "@greenatom/leaflet/dist/leaflet.css";
export default {
data(){
return {
myOrders: null
}
},
mounted() {
const root = document.getElementById("root");
const options = {};
this.myOrders = new MyOrdersModule(root, options);
this.myOrders.init();
},
unmounted() {
this.myOrders.destroy();
}
};
</script>
Также необходимо убедиться в корректности настройки сборщика проекта в части плагина импорта стилей
Для случая, когда в качестве инструмента сборки проекта используется rollup и плагин @rollup/plugin-node-resolve , необходимо в конфигурации сборщика указать resolve({ browser: true })
Проект на React
Описание скоро появится
Параметры, передаваемые в компонент
Параметр | Тип параметра | Обязательный | Значение по умолчанию | Описание |
---|---|---|---|---|
backendUrl | string | да | http://localhost | Адрес бэкенд, для отправки запроса на формаирование заказа снимка |
onCancel | VoidFunction | нет | callback функция, выполняемая по клику на кнопку "Отменить" в окне выбора параметров заказа |