13 changed files with 452 additions and 84 deletions
@ -0,0 +1,95 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
|||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|||
|
|||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"> |
|||
<head> |
|||
<th:block th:include="zdxtInclude :: header('综合分析')"/> |
|||
<th:block th:include="zdxtInclude :: datetimepicker-css" /> |
|||
<link type="text/css" href="/css/stat1.css" rel="stylesheet"/> |
|||
<style type="text/css"> |
|||
.statwrap .panel-card{ |
|||
width: 32%; |
|||
height: 35%; |
|||
background-color: #dedbd6; |
|||
margin: 30px 10px |
|||
} |
|||
.statwrap{ |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
justify-content: center; |
|||
align-content: center; |
|||
} |
|||
.panel-card-top{ |
|||
width: 60%; |
|||
height: 35%; |
|||
padding-left: 6%; |
|||
padding-top: 2%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
flex-wrap: nowrap; |
|||
justify-content: space-around; |
|||
align-items: stretch; |
|||
} |
|||
.panel-card-bottom{ |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
align-content: flex-end; |
|||
width: 100%; |
|||
height: 56%; |
|||
justify-content: space-around; |
|||
} |
|||
.panel-card-left{ |
|||
width: 35%; |
|||
height: 52%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: space-around; |
|||
} |
|||
.panel-card-right{ |
|||
width: 35%; |
|||
height: 52%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: space-around; |
|||
} |
|||
|
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div class="statwrap"> |
|||
<div class="panel-card"> |
|||
<div class="panel-card-top"> |
|||
<div style="font-size: 17px">执法部门数量</div> |
|||
<div style="font-size: 19px;color: burlywood">48</div> |
|||
<div> |
|||
<span>2</span><span>较上年</span> |
|||
</div> |
|||
</div> |
|||
<div class="panel-card-bottom"> |
|||
<div class="panel-card-left"> |
|||
<div style="font-size: 17px">执法人员数量</div> |
|||
<div style="font-size: 19px;color: burlywood">1969</div> |
|||
<div> |
|||
<span>32</span><span style="margin-left: 2%">较上年</span> |
|||
</div> |
|||
</div> |
|||
<div class="panel-card-right"> |
|||
<div style="font-size: 17px">本单位执法人员数量</div> |
|||
<div style="font-size: 19px;color: burlywood">48</div> |
|||
<div> |
|||
<span>14</span><span style="margin-left: 2%">较上年</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
<div class="panel-card"></div> |
|||
<div class="panel-card"></div> |
|||
<div class="panel-card"></div> |
|||
<div class="panel-card"></div> |
|||
<div class="panel-card"></div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
Loading…
Reference in new issue