EIOS/tpl/tpl_it_rating.html

153 lines
5.0 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- BEGIN PAGE HEADER-->
<div class="row-fluid">
<div class="span12">
<h3 class="page-title">РЕЙТИНГ ИТ-ОТДЕЛА</h3>
<ul class="breadcrumb">
<li><a href="https://eios.mkgtu.ru/upload/it/20/1674739623_mes_Onlayn-sistema.pdf" class="btn btn-success">Подробная информация</a><span class="divider">/</span></li>
</ul>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<div class="row-fluid">
<div class="widget blue">
<div class="widget-title">
<h4><i class="icon-reorder"></i> За что идут баллы?</h4>
<span class="tools">
<a href="javascript:;" class="icon-chevron-down"></a>
</span>
</div>
<div class="widget-body">
<p>За правку 20 различных профилей (восстановление пароля, регистрация, изменение учетных данных по обращению) начисляется 1 балл. Многократные действия над одним человеком не учитываются!</p>
<p>За работу над заявками (10-15 штук) можно также получить до 1 балла включительно.</p>
</div>
</div>
</div>
<div class="row-fluid">
<div class="widget blue">
<div class="widget-title">
<h4><i class="icon-reorder"></i> ТЕКУЩИЙ МЕСЯЦ</h4>
<span class="tools">
<a href="javascript:;" class="icon-chevron-down"></a>
</span>
</div>
<div class="widget-body">
<form name="select_date" action="#" method="post">
<p>Выберите год: <input name="year" type="number" value="2023" min="2020" step="1" /> | Выберите месяц:
<select name="month" class="form-control">
<option value="01">Январь</option>
<option value="02">Февраль</option>
<option value="03">Март</option>
<option value="04">Апрель</option>
<option value="05">Май</option>
<option value="06">Июнь</option>
<option value="07">Июль</option>
<option value="08">Август</option>
<option value="09">Сентябрь</option>
<option value="10">Октябрь</option>
<option value="11">Ноябрь</option>
<option value="12">Декабрь</option>
</select>
<input type="submit" name="select_date" value="Выбрать период" class="btn btn-success" /></p>
</form>
<table class="table table-bordered">
<tr>
<td>
<h3 align="center">Баллы за месяц</h3>
<table class="table table-bordered">
{foreach from=$itUsers item=worker key=k }
<tr>
<td>{$worker.fio}</td>
<td>
{$worker.score_tek}<br />
</td>
</tr>
{/foreach}
</table>
</td>
<td>
<div class="container">
<canvas id="myChart" width="600" height="400"></canvas>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
<script>
// Vertical bar chart
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
//labels: ['Hong Kong', 'Macau', 'Japan', 'Switzerland', 'Spain', 'Singapore'],
labels: [{foreach from=$itUsers item=worker key=k }'{$worker.fio}',{/foreach} 'Test'],
datasets: [{
label: 'Получено баллов',
//data: [84.308, 84.188, 84.118, 83.706, 83.5, 83.468],
data: [{foreach from=$itUsers item=worker key=k }{$worker.score_tek},{/foreach} 0],
backgroundColor: [
/*'rgba(216, 27, 96, 0.6)',
'rgba(3, 169, 244, 0.6)',
'rgba(255, 152, 0, 0.6)',
'rgba(29, 233, 182, 0.6)',
'rgba(156, 39, 176, 0.6)',*/
{foreach from=$itUsers item=worker key=k }'rgba(84, 110, 122, 0.6)',{/foreach}
'rgba(84, 110, 122, 0.6)'
],
borderColor: [
/*'rgba(216, 27, 96, 1)',
'rgba(3, 169, 244, 1)',
'rgba(255, 152, 0, 1)',
'rgba(29, 233, 182, 1)',
'rgba(156, 39, 176, 1)',*/
{foreach from=$itUsers item=worker key=k }'rgba(84, 110, 122, 0.6)',{/foreach}
'rgba(84, 110, 122, 1)'
],
borderWidth: 1
}]
},
options: {
legend: {
display: false
},
title: {
display: true,
text: 'Рейтинг сотрудников за текущий месяц',
position: 'top',
fontSize: 16,
padding: 20
},
scales: {
yAxes: [{
ticks: {
min: 0
}
}]
}
}
});
</script>