Визуализация событий на временной шкале средствами "Поле HTML документа"

02.03.20

Разработка - Работа с интерфейсом

Интересный способ наглядно отобразить события на временной шкале. Например, может быть применен для красивого вывода документов по клиенту. Тестировалось на платформе 8.3.12.1469

Файлы

ВНИМАНИЕ: Файлы из Базы знаний - это исходный код разработки. Это примеры решения задач, шаблоны, заготовки, "строительные материалы" для учетной системы. Файлы ориентированы на специалистов 1С, которые могут разобраться в коде и оптимизировать программу для запуска в базе данных. Гарантии работоспособности нет. Возврата нет. Технической поддержки нет.

Наименование Скачано Купить файл
Визуализация событий на временной шкале средствами "Поле HTML документа"
.epf 11,41Kb ver:1.0
176 2 500 руб. Купить

Подписка PRO — скачивайте любые файлы со скидкой до 85% из Базы знаний

Оформите подписку на компанию для решения рабочих задач

Оформить подписку и скачать решение со скидкой

Вы можете заказать платную доработку или адаптацию этой разработки под вашу конфигурацию на «Бирже заказов».

  • 0% комиссии — оплата напрямую исполнителю;
  • Исполнители любого масштаба — от отдельных специалистов до команд под проект;
  • Прямой обмен контактами между заказчиком и исполнителем;
  • Безопасная сделка — при необходимости;
  • Рейтинги, кейсы и прозрачная система откликов.

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

За основу был взят Шаблон и модифицирован под работу с 1С. Объекты выводятся в заголовок события, кликабельные.

Пример отображения:

 

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

Готовое решение

ККТ-ОНЛАЙН 54-ФЗ: Обработка для работы онлайн касс АТОЛ, ШТРИХ, VIKI PRINT и т.д. МАРКИРОВКА (Разрешит. режим) + ЭКВАЙРИНГ + БЕСПЛАТНЫЙ ДЕМО

Универсальная обработка для фискальных регистраторов! Подключайте любые ККТ, включая Веб сервер АТОЛ, без обновления 1С и работайте с несколькими кассами одновременно. Тестовый доступ — бесплатно!


Вступайте в нашу телеграмм-группу Инфостарт

Визуализация ПолеHTMLДокумента

См. также

WEB-интеграция Работа с интерфейсом Программист 1С:Предприятие 8 1C:Бухгалтерия Абонемент ($m)

Обработка на управляемых формах. Две закладки. Первая - пример геокодирования. Вторая - пример обратного геокодирования

1 стартмани

15.01.2013    26424    213    Alexander.Shvets    21    

18

Работа с интерфейсом Программист Абонемент ($m)

Коллекция HD иконок на разные темы для 1С:Предприятие. Иконки в формате *.png c прозрачным фоном в следующих разрешениях: 128x128 и 256x256.

1 стартмани

14.12.2012    67603    512    Kserken    8    

61

WEB-интеграция Работа с интерфейсом Программист 1С:Предприятие 8 1C:Бухгалтерия Россия Абонемент ($m)

Несколько простых примеров работы с Yandex-картами в версии API 2.0. Самые элементарные действия. Прокладка маршрутов. Прямое геокодирование. Принципиально другой подход к работе с объектом карты.

1 стартмани

04.12.2012    59960    2035    Yashazz    88    

107

Работа с интерфейсом Системный администратор Программист 1С:Предприятие 8 1С:Розница 2 Бесплатно (free)

Вашему вниманию предлагается текст одного из технических проектов «1С: Розница 8», он описывает процесс разработки интерфейса РМК, с которым, нынче, работают кассиры очень многих магазинов.

29.11.2012    54871    aavolkoff    49    

37

Работа с интерфейсом 1С:Предприятие 8 1C:Бухгалтерия Абонемент ($m)

Идея обработки пришла в голову после использования автоматических весов в "Ленте". Смысл заключается в следующем: это попытка сделать поиск в иерархическом справочнике с большим количеством групп и элементов быстрым и удобным, сократить количество кликов мыши и отказаться от использования клавиатуры. В самой обработке НИЧЕГО настраивать не нужно, она все сделает за Вас.

1 стартмани

14.11.2012    19694    82    kser87    20    

31

Работа с интерфейсом Системный администратор Программист 1С:Предприятие 8 1C:Бухгалтерия Абонемент ($m)

Рабочий стол предоставляет быстрый доступ к объектам конфигураций, внешним отчетам и обработкам, пользовательским обработкам, настройкам пользователей и RLS.

1 стартмани

10.11.2012    26624    484    leshiy26    38    

118

Работа с интерфейсом Универсальные функции Программист 1С:Предприятие 8 1С:Управление торговлей 10 Абонемент ($m)

Данный приём позволяет показать текущее состояние выполнения серверного кода пользователю (без внесения изменений в конфигурацию). Идея взята от сюда http://infostart.ru/public/157706/

1 стартмани

06.11.2012    76721    325    pbazeliuk    16    

134

Работа с интерфейсом Программист Абонемент ($m)

Коллекция качественных иконок для 1С:Предприятие. Иконки в формате *.png с прозрачным фоном в следующих разрешениях: 16х16 и 48х48.

1 стартмани

04.11.2012    110023    Kserken    58    

182
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. CheBurator 3234 31.07.18 23:16 Сейчас в теме
Исключительно "генеральский" продукт, имхо ;-)
Evgenij1990; user642047_ziborov.roman; Пан; +3 Ответить
2. CaSH_2004 376 01.08.18 01:42 Сейчас в теме
Супер! Осталось придумать куда в более практичное место прикрутить. Если бы еще возмжность перетаскивать событие по шкале времени с обработкой что и куда перетащили - вот тогда можно было бы работать визуально.
4. Plotks2017 282 01.08.18 09:50 Сейчас в теме
(2) Хорошая идея, спасибо. Подучу javascript сделаю.
user642047_ziborov.roman; top_1c; +2 Ответить
5. OKopOK 01.08.18 10:04 Сейчас в теме
(2)Согласен, перетаскивание было бы супер.
Кстати, а изменение цвета месяца на красный (к примеру) если задач больше критического нельзя сделать?
6. Plotks2017 282 01.08.18 10:21 Сейчас в теме
(5) Добавить класс
.event1Bubble.SuperRed,
.event2Bubble.SuperRed{
background: rgb(255, 205, 205);
}


И в обработке при построении добавить:
Если ДанныеБабла.Статус = 1 тогда
		Подкласс = "green";	
	ИначеЕсли ДанныеБабла.Статус = 2 тогда                               
		Подкласс = "red";	
	ИначеЕсли ДанныеБабла.Статус = 3 тогда                               
		Подкласс = "SuperRed";	
	КонецЕсли;
OKopOK; Interrupted; +2 Ответить
16. OKopOK 01.08.18 15:00 Сейчас в теме
(6) Спасибо, помогло (с)
3. sisdrou 23 01.08.18 09:28 Сейчас в теме
Да .. Это однозначно понадобится, крутая вещь.
7. bearman 9 01.08.18 10:56 Сейчас в теме
Карточка события как-то реагирует на клик?
8. Plotks2017 282 01.08.18 11:31 Сейчас в теме
(7)Да, те ссылки что выводятся кликабельны.
9. top_1c 4161 01.08.18 11:35 Сейчас в теме
Как раз на днях просили так реализовать историю статусов документа, спасибо пригодится.
Seaflame; Interrupted; +2 1 Ответить
10. leobrn 712 01.08.18 12:41 Сейчас в теме
можно еще как в исходнике сделано внизу рамки добавить автора документа. Не прикручивали исходной шаблон в его исходном виде?
11. Plotks2017 282 01.08.18 12:43 Сейчас в теме
(10) можно сделать что угодно, эта реализация как пример.
12. Timur.V 84 01.08.18 12:58 Сейчас в теме
На печать можно вывести выбранный интервал?
13. Plotks2017 282 01.08.18 13:05 Сейчас в теме
(12) В каком плане? Печатную форму документа?
Данная обработка не содержит ничего кроме визуализации и способа ее реализовать. Проблемы нет добавить в нее любые кнопки и функции.
14. Timur.V 84 01.08.18 13:14 Сейчас в теме
(13) Распечатать эту красоту на принтере, формат А4.
Это сложно реализовать?

Чтобы можно было встраивать уже готовое решение.
15. Plotks2017 282 01.08.18 13:29 Сейчас в теме
(14) Не задавался таким вопросом. Нужно копать в сторону подобных обработокhttps://infostart.ru/public/298928/

Как пример нашел такое решение:
В шаблон HTML вставить :

<body>
<form>
<input type="button" value="Печать" onclick="window.print();">
</form>
%Реквизиты%
</body>


На принтере печатается, но как-то криво.
17. V1V 112 02.08.18 13:09 Сейчас в теме
Элегантное решение. Для любителей раскрашивать все и вся цветами и картинками однозначно будет бомбой. Плюс.
wowik; akR00b; top_1c; +3 Ответить
18. akR00b 26 12.09.18 13:27 Сейчас в теме
Немного бы описания как делали.
19. Plotks2017 282 12.09.18 20:52 Сейчас в теме
(18) Дык, обработка же есть. Исходный код открыт.
20. akR00b 26 13.09.18 08:42 Сейчас в теме
21. leobrn 712 15.09.18 08:03 Сейчас в теме
как бороться с ошибкой в обработке , что вместо линии выводится "Sorry, your browser does not support inline SVG."? В шаблоне на сайте все отображается корректно
22. Plotks2017 282 17.09.18 14:58 Сейчас в теме
Никак, ваш браузер(ie) не поддерживает SVG. Обновите internet explorer.
23. akR00b 26 03.10.18 14:00 Сейчас в теме
чуть изменить и на 8.2 отлично работает.
24. skyboy13 14 09.09.19 10:17 Сейчас в теме
Хорошая идея. Мне подошло
25. Seaflame 02.03.20 10:37 Сейчас в теме
Ошибка лезет: {ВнешняяОбработка.ВизуализацияДанныхНаTimeLine.Форма.Форма.Форма(238)}: Значение не является значением объектного типа (SetForm1C)
ЭтаФорма.Элементы.ВизуализацияTimeLine.Документ.parentWindow.SetForm1C(ЭтаФорма);
26. Seaflame 02.03.20 11:22 Сейчас в теме
(25) Надо использовать defaultView, а не parentWindow
Plotks2017; +1 Ответить
27. Plotks2017 282 02.03.20 11:42 Сейчас в теме
(26) Недавно выяснил, что использование такого подхода, как в обработке, когда в страницу передается форма может приводить к зависанию клиентской части, если форма не была закрыта явно. Для пользователя все выглядит штатно, окно закрывается, а вот процесс остается жить и даже выполняет обработчики ожидания. Принудительно закрыть форму при завершении работы тоже не получится т.к. события ПередЗакрытием перестают работать.
Светлый ум; Seaflame; +2 Ответить
28. dimaster 42 15.10.24 14:32 Сейчас в теме
(27) это как-то фиксится?
Для отправки сообщения требуется регистрация/авторизация