Gibrat_Auganov/hr-indicators
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Сроки истечения трудовых договоров + график на 6 месяцев

Browse Source
This commit is contained in:
Dauren777 2026-06-02 12:02:35 +00:00
parent ccd594e7fc
commit 2f19dd0b15
1 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@ -126,15 +126,29 @@ th{color:var(--gray);font-size:10px;text-transform:uppercase;font-weight:600;let
<div class="grid2"> <div class="grid2">
<div class="card"> <div class="card">
<h3>&#x1F4DD; Трудовые договоры</h3> <h3>&#x1F4C5; Сроки истечения трудовых договоров</h3>
<table> <table>
<tr><td>Действующие</td><td>247</td><td><span class="badge green">все активны</span></td></tr> <tr><th>Период</th><th>Кол-во</th><th>Статус</th><th>Действие</th></tr>
<tr><td>Срочные</td><td>18 (7.3%)</td><td><span class="badge blue">контроль</span></td></tr> <tr><td>Истекают в июне (сейчас)</td><td>3</td><td><span class="badge red">срочно!</span></td><td>Продлить или уволить</td></tr>
<tr><td>Истекают в июне</td><td>3</td><td><span class="badge orange">продлить!</span></td></tr> <tr><td>Июль</td><td>5</td><td><span class="badge orange">подготовить</span></td><td>Уведомить за 2 недели</td></tr>
<tr><td>Договоры ГПХ</td><td>12</td><td><span class="badge blue">активны</span></td></tr> <tr><td>Август</td><td>2</td><td><span class="badge blue">контроль</span></td><td>Проверить документы</td></tr>
<tr><td>Сентябрь</td><td>4</td><td><span class="badge blue">контроль</span></td><td>Запланировать продление</td></tr>
<tr><td>Октябрь-Декабрь</td><td>4</td><td><span class="badge blue">план</span></td><td>В календаре HR</td></tr>
<tr style="font-weight:700"><td>ИТОГО срочных</td><td>18 (7.3%)</td><td colspan="2">Бессрочных: 229</td></tr>
</table> </table>
</div> </div>
<div class="card">
<h3>&#x23F3; График истечения договоров (ближайшие 6 мес)</h3>
<div class="chart-bar"><span class="lbl">Июнь</span><span class="fill" style="width:24%;background:var(--red)"></span><span class="val">3</span></div>
<div class="chart-bar"><span class="lbl">Июль</span><span class="fill" style="width:40%;background:var(--orange)"></span><span class="val">5</span></div>
<div class="chart-bar"><span class="lbl">Август</span><span class="fill" style="width:16%"></span><span class="val">2</span></div>
<div class="chart-bar"><span class="lbl">Сентябрь</span><span class="fill" style="width:32%"></span><span class="val">4</span></div>
<div class="chart-bar"><span class="lbl">Октябрь</span><span class="fill" style="width:8%"></span><span class="val">1</span></div>
<div class="chart-bar"><span class="lbl">Ноябрь</span><span class="fill" style="width:24%;background:var(--orange)"></span><span class="val">3</span></div>
<p style="font-size:11px;color:var(--gray);margin-top:8px">Бессрочные договоры: 229 чел · Договоры ГПХ: 12 чел</p>
</div>
<div class="card"> <div class="card">
<h3>&#x1F4C1; Документы (просрочено)</h3> <h3>&#x1F4C1; Документы (просрочено)</h3>
<table> <table>