Your IP : 216.73.216.170
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title></title>
<meta name="description" content>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="assets/css/app.min.css?v=1612417091357">
<link rel="stylesheet" href="assets/css/report.min.css?v=1612417091393">
</head>
<body>
<div class="custom-target__heading">
<h1>Отчет</h1>
<div class="custom-target__heading-controls">
<div class="custom-target__heading-controls-filters">
<form class="custom-target__form">
<div class="custom-target__form-item">
<div class="custom-target__form-filter" data-target-filter><input type="hidden" data-target-filter_value value="1,3">
<div class="custom-target__form-filter-add">
<div class="custom-target__form-filter-add-field" data-target-filter_field><span class="custom-target__form-filter-add-field-label">Цель:</span><span class="custom-target__form-filter-add-field-values"></span></div>
<div class="custom-target__form-filter-add-dropdown" data-target-filter_dropdown>
<div class="custom-target__form-filter-add-tags" data-target-filter_choosed></div><input class="custom-target__form-filter-add-search" placeholder="Поиск" value data-target-filter_search>
<div class="custom-target__form-filter-add-noresult" data-target-filter_noresult>Не результатов для показа</div>
<ul data-target-filter_list>
<li data-target-filter-id="1">Lorem ipsum dolor 1</li>
<li data-target-filter-id="2">Lorem ipsum dolor 2</li>
<li data-target-filter-id="3">Lorem ipsum dolor 3</li>
<li data-target-filter-id="4">Lorem ipsum dolor 4</li>
<li data-target-filter-id="5">Lorem ipsum dolor 5</li>
<li data-target-filter-id="6">Lorem ipsum dolor 6</li>
<li data-target-filter-id="7">Lorem ipsum dolor 7</li>
<li data-target-filter-id="8">Lorem ipsum dolor 8</li>
<li data-target-filter-id="9">Lorem ipsum dolor 9</li>
<li data-target-filter-id="10">Lorem ipsum dolor 10</li>
</ul>
</div>
</div>
</div>
</div>
<div class="custom-target__form-item custom-target__form-item--date"><input class="custom-target__form-field custom-target__form-field--date" type="text" name="target-key-indicator-date[]" id="target-key-indicator-date-1" onclick="BX.calendar({node: this, field: this, bTime: false});" placeholder="Дата"></div>
<div class="custom-target__form-item" data-target-view-list>
<div class="custom-target__form-filter" data-target-filter><input type="hidden" data-target-filter_value value="5,8,9">
<div class="custom-target__form-filter-add">
<div class="custom-target__form-filter-add-field" data-target-filter_field><span class="custom-target__form-filter-add-field-label">Сотрудник:</span><span class="custom-target__form-filter-add-field-values"></span></div>
<div class="custom-target__form-filter-add-dropdown" data-target-filter_dropdown>
<div class="custom-target__form-filter-add-tags" data-target-filter_choosed></div><input class="custom-target__form-filter-add-search" placeholder="Поиск" value data-target-filter_search>
<div class="custom-target__form-filter-add-noresult" data-target-filter_noresult>Не результатов для показа</div>
<ul data-target-filter_list>
<li data-target-filter-id="1">Lorem ipsum dolor 1</li>
<li data-target-filter-id="2">Lorem ipsum dolor 2</li>
<li data-target-filter-id="3">Lorem ipsum dolor 3</li>
<li data-target-filter-id="4">Lorem ipsum dolor 4</li>
<li data-target-filter-id="5">Lorem ipsum dolor 5</li>
<li data-target-filter-id="6">Lorem ipsum dolor 6</li>
<li data-target-filter-id="7">Lorem ipsum dolor 7</li>
<li data-target-filter-id="8">Lorem ipsum dolor 8</li>
<li data-target-filter-id="9">Lorem ipsum dolor 9</li>
<li data-target-filter-id="10">Lorem ipsum dolor 10</li>
</ul>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="custom-target__heading-controls-view">
<div class="custom-target__heading-controls-view-item custom-target__heading-controls-view-item--active"><button><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 475.082 475.081">
<path d="M461.667 49.963c-8.949-8.947-19.698-13.418-32.265-13.418H45.682c-12.562 0-23.317 4.471-32.264 13.418C4.473 58.912 0 69.663 0 82.228V392.86c0 12.566 4.473 23.309 13.418 32.261 8.947 8.949 19.701 13.415 32.264 13.415h383.72c12.566 0 23.315-4.466 32.265-13.415 8.945-8.952 13.415-19.701 13.415-32.261V82.228c0-12.565-4.47-23.319-13.415-32.265zM146.183 392.85c0 2.673-.859 4.856-2.574 6.571-1.712 1.711-3.899 2.562-6.567 2.562h-91.36c-2.662 0-4.853-.852-6.567-2.562-1.713-1.715-2.568-3.898-2.568-6.571v-54.82c0-2.669.855-4.853 2.568-6.56 1.714-1.719 3.905-2.574 6.567-2.574h91.363c2.667 0 4.858.855 6.567 2.574 1.711 1.707 2.57 3.891 2.57 6.56v54.82zm0-109.629c0 2.663-.859 4.854-2.574 6.564-1.712 1.714-3.899 2.569-6.567 2.569h-91.36c-2.662 0-4.853-.855-6.567-2.569-1.713-1.711-2.568-3.901-2.568-6.564v-54.819c0-2.664.855-4.854 2.568-6.567 1.714-1.709 3.905-2.565 6.567-2.565h91.363c2.667 0 4.854.855 6.567 2.565 1.711 1.713 2.57 3.903 2.57 6.567v54.819zm0-109.634c0 2.666-.859 4.853-2.574 6.567-1.712 1.709-3.899 2.568-6.567 2.568h-91.36c-2.662 0-4.853-.859-6.567-2.568-1.713-1.715-2.568-3.901-2.568-6.567V118.77c0-2.666.855-4.856 2.568-6.567 1.714-1.713 3.905-2.568 6.567-2.568h91.363c2.667 0 4.854.855 6.567 2.568 1.711 1.711 2.57 3.901 2.57 6.567v54.817zM292.362 392.85c0 2.673-.855 4.856-2.563 6.571-1.711 1.711-3.9 2.562-6.57 2.562H191.86c-2.663 0-4.853-.852-6.567-2.562-1.713-1.715-2.568-3.898-2.568-6.571v-54.82c0-2.669.855-4.853 2.568-6.56 1.714-1.719 3.904-2.574 6.567-2.574h91.365c2.669 0 4.859.855 6.57 2.574 1.704 1.707 2.56 3.891 2.56 6.56v54.819h.007zm0-109.629c0 2.663-.855 4.854-2.563 6.564-1.711 1.714-3.9 2.569-6.57 2.569H191.86c-2.663 0-4.853-.855-6.567-2.569-1.713-1.711-2.568-3.901-2.568-6.564v-54.819c0-2.664.855-4.854 2.568-6.567 1.714-1.709 3.904-2.565 6.567-2.565h91.365c2.669 0 4.859.855 6.57 2.565 1.704 1.713 2.56 3.903 2.56 6.567v54.819h.007zm0-109.634c0 2.666-.855 4.853-2.563 6.567-1.711 1.709-3.9 2.568-6.57 2.568H191.86c-2.663 0-4.853-.859-6.567-2.568-1.713-1.715-2.568-3.901-2.568-6.567V118.77c0-2.666.855-4.856 2.568-6.567 1.714-1.713 3.904-2.568 6.567-2.568h91.365c2.669 0 4.859.855 6.57 2.568 1.704 1.711 2.56 3.901 2.56 6.567v54.817h.007zM438.536 392.85c0 2.673-.855 4.856-2.562 6.571-1.718 1.711-3.908 2.562-6.571 2.562h-91.354c-2.673 0-4.862-.852-6.57-2.562-1.711-1.715-2.56-3.898-2.56-6.571v-54.82c0-2.669.849-4.853 2.56-6.56 1.708-1.719 3.897-2.574 6.57-2.574h91.354c2.663 0 4.854.855 6.571 2.574 1.707 1.707 2.562 3.891 2.562 6.56v54.82zm0-109.629c0 2.663-.855 4.854-2.562 6.564-1.718 1.714-3.908 2.569-6.571 2.569h-91.354c-2.673 0-4.862-.855-6.57-2.569-1.711-1.711-2.56-3.901-2.56-6.564v-54.819c0-2.664.849-4.854 2.56-6.567 1.708-1.709 3.897-2.565 6.57-2.565h91.354c2.663 0 4.854.855 6.571 2.565 1.707 1.713 2.562 3.903 2.562 6.567v54.819zm0-109.634c0 2.666-.855 4.853-2.562 6.567-1.718 1.709-3.908 2.568-6.571 2.568h-91.354c-2.673 0-4.862-.859-6.57-2.568-1.711-1.715-2.56-3.901-2.56-6.567V118.77c0-2.666.849-4.856 2.56-6.567 1.708-1.713 3.897-2.568 6.57-2.568h91.354c2.663 0 4.854.855 6.571 2.568 1.707 1.711 2.562 3.901 2.562 6.567v54.817z" />
</svg></button></div>
<div class="custom-target__heading-controls-view-item"><button><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 548.176 548.176">
<path d="M534.75 68.238c-8.945-8.945-19.694-13.417-32.261-13.417H45.681c-12.562 0-23.313 4.471-32.264 13.417C4.471 77.185 0 87.936 0 100.499v347.173c0 12.566 4.471 23.318 13.417 32.264 8.951 8.946 19.702 13.419 32.264 13.419h456.815c12.56 0 23.312-4.473 32.258-13.419 8.945-8.945 13.422-19.697 13.422-32.264V100.499c0-12.563-4.477-23.314-13.426-32.261zm-23.123 379.434c0 2.478-.903 4.62-2.711 6.427-1.81 1.807-3.952 2.71-6.427 2.71H45.681c-2.473 0-4.615-.903-6.423-2.71-1.807-1.813-2.712-3.949-2.712-6.427V100.499c0-2.474.902-4.611 2.712-6.423 1.809-1.804 3.951-2.708 6.423-2.708h456.815c2.471 0 4.613.902 6.42 2.708 1.808 1.812 2.711 3.949 2.711 6.423v347.173z" />
<path d="M73.092 310.635h73.089v109.632H73.092zm109.636-146.183h73.085v255.814h-73.085zm109.634 73.089h73.083v182.726h-73.083zm109.632-109.634h73.091v292.36h-73.091z" />
</svg></button></div>
</div>
</div>
</div>
<div class="custom-target__content">
<div class="custom-target__content-item custom-target__report-table custom-target__content--active" data-target-report-table>
<div class="custom-target__report-table-head">
<div class="custom-target__report-table-title">Цель</div>
<div class="custom-target__report-table-percent">Завершенность цели</div>
<div class="custom-target__report-table-stuff">Сотрудник</div>
<div class="custom-target__report-table-count">Кол-во задач</div>
<div class="custom-target__report-table-person-percent">Вклад в достижение цели</div>
</div>
<div class="custom-target__report-table-body">
<div class="custom-target__report-table-item custom-target__report-table-item--empty" data-target-table-item>
<div class="custom-target__report-table-item-heading" data-target-table-heading>
<div class="custom-target__report-table-title"><a href="#" data-tippy-title data-tippy-content="Lorem ipsum dolor.">Lorem ipsum dolor.</a></div>
<div class="custom-target__report-table-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
<div class="custom-target__report-table-stuff"></div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent"></div>
</div>
<div class="custom-target__report-table-item-persons">
<ul>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="custom-target__report-table-item" data-target-table-item>
<div class="custom-target__report-table-item-heading" data-target-table-heading>
<div class="custom-target__report-table-title"><a href="#" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!</a></div>
<div class="custom-target__report-table-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
<div class="custom-target__report-table-stuff"></div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent"></div>
</div>
<div class="custom-target__report-table-item-persons">
<ul>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="custom-target__report-table-item custom-target__report-table-item--empty" data-target-table-item>
<div class="custom-target__report-table-item-heading" data-target-table-heading>
<div class="custom-target__report-table-title"><a href="#" data-tippy-title data-tippy-content="Lorem ipsum dolor.">Lorem ipsum dolor.</a></div>
<div class="custom-target__report-table-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
<div class="custom-target__report-table-stuff"></div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent"></div>
</div>
<div class="custom-target__report-table-item-persons">
<ul>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="custom-target__report-table-item" data-target-table-item>
<div class="custom-target__report-table-item-heading" data-target-table-heading>
<div class="custom-target__report-table-title"><a href="#" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!</a></div>
<div class="custom-target__report-table-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
<div class="custom-target__report-table-stuff"></div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent"></div>
</div>
<div class="custom-target__report-table-item-persons">
<ul>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="custom-target__report-table-item custom-target__report-table-item--empty" data-target-table-item>
<div class="custom-target__report-table-item-heading" data-target-table-heading>
<div class="custom-target__report-table-title"><a href="#" data-tippy-title data-tippy-content="Lorem ipsum dolor.">Lorem ipsum dolor.</a></div>
<div class="custom-target__report-table-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
<div class="custom-target__report-table-stuff"></div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent"></div>
</div>
<div class="custom-target__report-table-item-persons">
<ul>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="custom-target__report-table-item" data-target-table-item>
<div class="custom-target__report-table-item-heading" data-target-table-heading>
<div class="custom-target__report-table-title"><a href="#" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!</a></div>
<div class="custom-target__report-table-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
<div class="custom-target__report-table-stuff"></div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent"></div>
</div>
<div class="custom-target__report-table-item-persons">
<ul>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="custom-target__report-table-item custom-target__report-table-item--empty" data-target-table-item>
<div class="custom-target__report-table-item-heading" data-target-table-heading>
<div class="custom-target__report-table-title"><a href="#" data-tippy-title data-tippy-content="Lorem ipsum dolor.">Lorem ipsum dolor.</a></div>
<div class="custom-target__report-table-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
<div class="custom-target__report-table-stuff"></div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent"></div>
</div>
<div class="custom-target__report-table-item-persons">
<ul>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="custom-target__report-table-item" data-target-table-item>
<div class="custom-target__report-table-item-heading" data-target-table-heading>
<div class="custom-target__report-table-title"><a href="#" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!</a></div>
<div class="custom-target__report-table-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
<div class="custom-target__report-table-stuff"></div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent"></div>
</div>
<div class="custom-target__report-table-item-persons">
<ul>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="custom-target__report-table-item custom-target__report-table-item--empty" data-target-table-item>
<div class="custom-target__report-table-item-heading" data-target-table-heading>
<div class="custom-target__report-table-title"><a href="#" data-tippy-title data-tippy-content="Lorem ipsum dolor.">Lorem ipsum dolor.</a></div>
<div class="custom-target__report-table-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
<div class="custom-target__report-table-stuff"></div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent"></div>
</div>
<div class="custom-target__report-table-item-persons">
<ul>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="custom-target__report-table-item" data-target-table-item>
<div class="custom-target__report-table-item-heading" data-target-table-heading>
<div class="custom-target__report-table-title"><a href="#" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!</a></div>
<div class="custom-target__report-table-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
<div class="custom-target__report-table-stuff"></div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent"></div>
</div>
<div class="custom-target__report-table-item-persons">
<ul>
<li>
<div class="custom-target__report-table-whitesapce"> </div>
<div class="custom-target__report-table-stuff">Иван Федоренко</div>
<div class="custom-target__report-table-count">99</div>
<div class="custom-target__report-table-person-percent">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 92%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="custom-target__content-item custom-target__report-charts" data-target-report-charts>
<div class="custom-target__report-charts-body">
<div class="custom-target__report-charts-list">
<h3>Сравнение целей:</h3>
<ul>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30}]" data-target-chart-total="75" data-target-chart-total-color="#00FF00">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30},{"name":"Задача 4","value":5},{"name":"Задача 5","value":15},{"name":"Задача 6","value":3}]" data-target-chart-total="90" data-target-chart-total-color="#FF0000">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit">Lorem ipsum dolor sit</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30}]" data-target-chart-total="75" data-target-chart-total-color="#00FF00">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30},{"name":"Задача 4","value":5},{"name":"Задача 5","value":15},{"name":"Задача 6","value":3}]" data-target-chart-total="90" data-target-chart-total-color="#FF0000">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit">Lorem ipsum dolor sit</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30}]" data-target-chart-total="75" data-target-chart-total-color="#00FF00">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30},{"name":"Задача 4","value":5},{"name":"Задача 5","value":15},{"name":"Задача 6","value":3}]" data-target-chart-total="90" data-target-chart-total-color="#FF0000">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit">Lorem ipsum dolor sit</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30}]" data-target-chart-total="75" data-target-chart-total-color="#00FF00">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30},{"name":"Задача 4","value":5},{"name":"Задача 5","value":15},{"name":"Задача 6","value":3}]" data-target-chart-total="90" data-target-chart-total-color="#FF0000">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit">Lorem ipsum dolor sit</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30}]" data-target-chart-total="75" data-target-chart-total-color="#00FF00">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30},{"name":"Задача 4","value":5},{"name":"Задача 5","value":15},{"name":"Задача 6","value":3}]" data-target-chart-total="90" data-target-chart-total-color="#FF0000">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit">Lorem ipsum dolor sit</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30}]" data-target-chart-total="75" data-target-chart-total-color="#00FF00">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30},{"name":"Задача 4","value":5},{"name":"Задача 5","value":15},{"name":"Задача 6","value":3}]" data-target-chart-total="90" data-target-chart-total-color="#FF0000">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit">Lorem ipsum dolor sit</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30}]" data-target-chart-total="75" data-target-chart-total-color="#00FF00">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30},{"name":"Задача 4","value":5},{"name":"Задача 5","value":15},{"name":"Задача 6","value":3}]" data-target-chart-total="90" data-target-chart-total-color="#FF0000">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit">Lorem ipsum dolor sit</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30}]" data-target-chart-total="75" data-target-chart-total-color="#00FF00">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30},{"name":"Задача 4","value":5},{"name":"Задача 5","value":15},{"name":"Задача 6","value":3}]" data-target-chart-total="90" data-target-chart-total-color="#FF0000">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit">Lorem ipsum dolor sit</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30}]" data-target-chart-total="75" data-target-chart-total-color="#00FF00">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30},{"name":"Задача 4","value":5},{"name":"Задача 5","value":15},{"name":"Задача 6","value":3}]" data-target-chart-total="90" data-target-chart-total-color="#FF0000">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit">Lorem ipsum dolor sit</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30}]" data-target-chart-total="75" data-target-chart-total-color="#00FF00">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore.</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
<li class="custom-target__report-charts-item" data-target-chart-data="[{"name":"Задача 1","value":15},{"name":"Задача 2","value":1},{"name":"Задача 3","value":30},{"name":"Задача 4","value":5},{"name":"Задача 5","value":15},{"name":"Задача 6","value":3}]" data-target-chart-total="90" data-target-chart-total-color="#FF0000">
<div class="custom-target__report-charts-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit">Lorem ipsum dolor sit</div>
<div class="custom-target__report-charts-progress">
<div class="custom-target__progress">
<div class="custom-target__progress-bar">
<div style="width: 75%; background-color: #00FF00;"></div>
</div>
<div class="custom-target__progress-percent">75%</div>
</div>
</div>
</li>
</ul>
</div>
<div class="custom-target__report-charts-graphics">
<h3>Задачи по целям:</h3>
<h4 data-target-chart-title></h4>
<div class="custom-target__report-charts-graphics-row" data-sticky>
<div class="custom-target__report-charts-graphics-row-circle">
<div id="chart-target"></div>
<div class="custom-target__report-charts-graphics-row-circle-value">Завершенность цели:<div data-target-chart-common-value></div>
</div>
</div>
<div class="custom-target__report-charts-graphics-row-list">
<ul data-target-chart-list></ul>
</div>
</div>
</div>
</div>
</div>
</div><!-- JS-->
<script defer src="assets/js/app.min.js?v=1612417091357"></script>
<script defer src="assets/js/report.min.js?v=1612417091393"></script>
<script src="https://rgtest.yacl.site/bitrix/js/main/amcharts/4.8.5/core.js"></script>
<script src="https://rgtest.yacl.site/bitrix/js/main/amcharts/4.8.5/charts.js"></script>
<script src="https://rgtest.yacl.site/bitrix/js/main/amcharts/4.8.5/themes/animated.js"></script>
<script>
am4core.ready(function()
{
am4core.useTheme(am4themes_animated);
window.chart = am4core.create("chart-target", am4charts.PieChart);
var pieSeries = chart.series.push(new am4charts.PieSeries());
pieSeries.dataFields.value = "value";
chart.innerRadius = am4core.percent(57);
pieSeries.slices.template.strokeWidth = 0;
pieSeries.labels.template.disabled = true;
pieSeries.tooltip.disabled = true;
pieSeries.ticks.template.disabled = true;
pieSeries.scale = 1.25;
pieSeries.colors.list = [
am4core.color("#add19a"),
am4core.color("#93cac4"),
am4core.color("#88a3d6"),
am4core.color("#af8bbd"),
am4core.color("#e296bf"),
am4core.color("#dcdcdc"),
am4core.color("#f6f6f6")
];
var slice = pieSeries.slices.template;
slice.states.getKey("hover").properties.scale = 1;
slice.states.getKey("active").properties.shiftRadius = 0;
chart.data = [];
});
</script>
</body>
</html>