Демо

Как сделать дашборд в личном кабинете с кастом разметкой

Описание, как реализовать

В данном примере реализован дашборд с кастом версткой, в которую вставлены параметры. 

Ссылка на документацию - https://falcon.web-automation.ru/docs/falcon-space--rabota-s-dashbordami

Как настроить дашборд с кастом версткой

Достаточно прописать Makeup для элемента Digit (SELECT 1) и общей разметки панели (Makeup в SELECT 3): 

CREATE PROCEDURE [dbo].[dashboard_watch_customMakeup_getCounters] 
@username nvarchar(128)
AS
BEGIN
	declare @m1 nvarchar(max) = '<div class="col-12">
       <div class="bg-{color} text-white p-3 my-1 rounded">
    	<div class="float-right">{additionalNumber}</div>
    	<h3 class="text-white"><i class="{icon} mr-2"></i>{title}<span class="badge badge-light ml-2">{number}</span></h3>
        <p class="small">{tooltip}</p>
        <a href="{downLink}" class="btn btn-light btn-xs">{downTitle}</a>        
      </div>
    </div>'
    declare @m2 nvarchar(max) = '
    <div class="row">
    	<div class="col-12 col-md-3">
    	{counters}  
        </div>
        <div class="col-12 col-md-9">
    	{title} {subtitle} {panels}   
        </div>        
    </div>    
    '  

	-- SELECT 1
    select 'Показатель 1' Title, 'Это просто пример' Tooltip, 'fa fa-users' Icon,'15' Number,'МОИ СТАВКИ' AdditionalNumber,
        'Нижняя ссылка' DownTitle,'#' DownLink, 'danger' color, @m1 makeup
    union all
    select 'Показатель 2' Title, 'Это просто пример' Tooltip, 'fa fas fa-clipboard-list' Icon,'45' Number,'МОИ СТАВКИ' AdditionalNumber,
        'Нижняя ссылка' DownTitle,'#' DownLink, 'warning' color, @m1 makeup
    union all
    select 'Показатель 3' Title, 'Это просто пример' Tooltip, 'fa fa-bars' Icon,'12' Number,'МОИ СТАВКИ' AdditionalNumber,
        'Нижняя ссылка' DownTitle,'#' DownLink, 'info' color, @m1 makeup
    union all
    select 'Показатель 4' Title, 'Это просто пример' Tooltip, 'fa fa-smile' Icon,'23' Number,'МОИ СТАВКИ' AdditionalNumber,
        'Нижняя ссылка' DownTitle,'#' DownLink, 'success' color, @m1 makeup

	-- SELECT 2 здесь можно переименовать динамически названия панелей дашборда (panelCode1 - это код соответствующей панели)
	select 'Name 1' panelCode1, 'Name 2' panelCode2
    
    -- SELECT 3
    select @m2 Makeup, 'Заголовок дашборда' Title, 'Подзаголовок дашборда' Subtitle
END
Насколько полезна эта возможность?

В чем выгода для бизнеса?

Создание персонализированных дашбордов с уникальным дизайном. Позволяет отображать ключевые показатели бизнеса в удобном виде. Дает возможность адаптировать интерфейс под конкретные задачи сотрудников, повышая эффективность мониторинга и принятия решений.

Последние обновления

Платформа Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки

Это быстрое внесение изменений

по ходу эксплуатации программы

Это современный интерфейс

полная адаптация под мобильные устройства

Сайт использует Cookie. Правила конфиденциальности OK