* update report/annualdata view.

This commit is contained in:
Catouse
2019-12-23 10:44:16 +08:00
parent 9d5eb87b1a
commit 9032cf27fd
3 changed files with 131 additions and 23 deletions
+53 -11
View File
@@ -15,16 +15,16 @@
</section>
<section id='projectsSummary'>
<header>参与项目概览</header>
<div id='projectsSummaryChart' class='progress-pie inline-block space progress-pie-200' data-value='100' data-doughnut-size='70' data-color='#186bb1' data-back-color='#84cff0' data-labels='已完成的项目,正在进行的项目,已挂起的项目' data-show-tip='true'>
<div id='projectsSummaryChart' class='progress-pie inline-block space progress-pie-200' data-value='0' data-doughnut-size='70' data-color='#186bb1' data-back-color='#84cff0' data-labels='已完成的项目,正在进行的项目,已挂起的项目' data-show-tip='true' data-tooltip-template= "<%=value%>">
<canvas width='180' height='180' style='width: 180px; height: 180px;'></canvas>
<div class='progress-info'>
<strong class='text-holder' data-id='totalProjectsCount'>28</strong>
<strong><span class='text-holder' data-id='totalProjectsCount'></span><small>个</small></strong>
</div>
</div>
<ul>
<li><span class='dot'></span> 已完成的项目 <div><span class='text-holder' data-id='finishProjects'>20</span><span class='text-holder' data-id='finishProjectsPercent'>71.4</span></div></li>
<li><span class='dot'></span> 正在进行的项目 <div><span class='text-holder' data-id='activateProjects'>7</span><span class='text-holder' data-id='activateProjectsPercent'>25</span></div></li>
<li><span class='dot'></span> 已挂起的项目 <div><span class='text-holder' data-id='suspendProjects'>1</span><span class='text-holder' data-id='suspendProjectsPercent'>3.5</span></div></li>
<li><span class='dot'></span> 已完成的项目 <div><span><span class='text-holder' data-id='finishProjects'>20</span><small>个</small></span><span><span class='text-holder' data-id='finishProjectsPercent'>71.4</span><small>%</small></span></div></li>
<li><span class='dot'></span> 正在进行的项目 <div><span><span class='text-holder' data-id='activateProjects'>7</span><small>个</small></span><span><span class='text-holder' data-id='activateProjectsPercent'>25</span><small>%</small></span></div></li>
<li><span class='dot'></span> 已挂起的项目 <div><span><span class='text-holder' data-id='suspendProjects'>1</span><small>个</small></span><span><span class='text-holder' data-id='suspendProjectsPercent'>3.5</span><small>%</small></span></div></li>
</ul>
</section>
<section id='projectsList'>
@@ -44,12 +44,50 @@
</div>
</section>
<section id='tasksBugs'>
<!-- <header>
<header>
完成任务与解决bug数据
<div>优先级:<span class='pri pri-1'>1</span><span class='pri pri-2'>2</span><span class='pri pri-3'>3</span><span class='pri pri-4'>4</span></div>
</header> -->
</header>
<div class='row'>
<div class='col-xs-6'>
<div id='tasksChart' class='progress-pie inline-block space progress-pie-200' data-value='0' data-doughnut-size='80' data-color='#186bb1'>
<canvas width='160' height='160' style='width: 160px; height: 160px;'></canvas>
<div class='progress-info'>
<p>累计完成任务数</p>
<strong><span class='text-holder' data-id='finishTaskTotalCount'>512</span><small>个</small></strong>
</div>
</div>
<ul class='clearfix'>
<li><span class='pri pri-1'></span> <span class='text-holder' data-id='finishTaskCountPri1'>7</span> 个</li>
<li><span class='pri pri-2'></span> <span class='text-holder' data-id='finishTaskCountPri2'>7</span> 个</li>
<li><span class='pri pri-3'></span> <span class='text-holder' data-id='finishTaskCountPri3'>7</span> 个</li>
<li><span class='pri pri-4'></span> <span class='text-holder' data-id='finishTaskCountPri4'>7</span> 个</li>
</ul>
</div>
<div class='col-xs-6'>
<div id='bugsChart' class='progress-pie inline-block space progress-pie-160' data-value='0' data-doughnut-size='80' data-color='#186bb1'>
<canvas width='160' height='160' style='width: 160px; height: 160px;'></canvas>
<div class='progress-info'>
<p>累计修复bug数</p>
<strong><span class='text-holder' data-id='finishBugTotalCount'>512</span><small>个</small></strong>
</div>
</div>
<ul class='clearfix'>
<li><span class='pri pri-1'></span> <span class='text-holder' data-id='finishBugCountPri1'>7</span> 个</li>
<li><span class='pri pri-2'></span> <span class='text-holder' data-id='finishBugCountPri2'>7</span> 个</li>
<li><span class='pri pri-3'></span> <span class='text-holder' data-id='finishBugCountPri3'>7</span> 个</li>
<li><span class='pri pri-4'></span> <span class='text-holder' data-id='finishBugCountPri4'>7</span> 个</li>
</ul>
</div>
</div>
</section>
<section id='tasksBugsHours'>
<header>
完成任务与解决bug工时统计
<div><span class='dot dot-1'></span> 完成任务累计工时 <span class='dot dot-2'></span> 解决bug累计工时</div>
</header>
<canvas id='hoursChart' width='520' height='240'></canvas>
</section>
<section id='tasksBugsHours'></section>
</main>
</div>
<script>
@@ -126,9 +164,13 @@ var annualData =
finishBugCountPri4: 34,
// 年度解决任务累计工时
yearlyBugHours: [110, 154, 184, 220, 212, 250, 130, 146, 201, 89, 140, 59],
// 年度解决bug累计工时
yearlyBugHours: [10, 5, 11, 20, 30, 14, 3, 20, 50, 27, 13, 3]
yearlyTask: '完成任务累计工时',
yearlyTaskHours: [110, 154, 184, 220, 212, 250, 130, 146, 201, 89, 140, 59],
// 年度解决bug累计工时,
yearlyBug: '解决bug累计工时',
yearlyBugHours: [10, 5, 11, 20, 30, 14, 3, 20, 50, 27, 13, 3],
// 年度工时统计标标签
yearlyLabels: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
};
// 显示年度数据