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