2 changed files with 249 additions and 0 deletions
@ -0,0 +1,218 @@ |
|||||
|
@charset "utf-8"; |
||||
|
|
||||
|
/* CSS Document */ |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
* { |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
font-family: 'Microsoft Yahei', Arial, Verdana, sans-serif; |
||||
|
} |
||||
|
|
||||
|
html { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
body { |
||||
|
height: 100%; |
||||
|
width: 100%; |
||||
|
color: #4c4c4c; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
|
||||
|
.statwrap { |
||||
|
padding: 1.5% 1%; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
.headtit { |
||||
|
height: 3rem; |
||||
|
} |
||||
|
|
||||
|
.seltime { |
||||
|
display: flex; |
||||
|
position: absolute; |
||||
|
top: 110px; |
||||
|
right: 1%; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.seltime > i { |
||||
|
display: inline-block; |
||||
|
margin: 0 5px 0 0; |
||||
|
width: 24px; |
||||
|
height: 24px; |
||||
|
background: url(/img/icon_can.png) no-repeat; |
||||
|
background-size: 100%; |
||||
|
opacity: .5; |
||||
|
} |
||||
|
|
||||
|
.seltime > span { |
||||
|
display: inline-block; |
||||
|
margin: 0 10px; |
||||
|
} |
||||
|
|
||||
|
.seltime > span > select { |
||||
|
display: inline-block; |
||||
|
margin: 0 8px 0 0; |
||||
|
padding: 6px; |
||||
|
background: #FFFFFF none; |
||||
|
border: 1px solid #e5e6e7; |
||||
|
border-radius: 6px; |
||||
|
} |
||||
|
|
||||
|
.statit { |
||||
|
display: flex; |
||||
|
margin: 1% 0; |
||||
|
width: 60%; |
||||
|
} |
||||
|
|
||||
|
.statit > span { |
||||
|
display: inline-block; |
||||
|
margin: 1% 2% 0 0; |
||||
|
min-width: 6%; |
||||
|
height: 2.75rem; |
||||
|
line-height: 1.75; |
||||
|
color: rgba(0,0,0,0.4); |
||||
|
font-size: 1.35rem; |
||||
|
font-weight: 600; |
||||
|
text-align: center; |
||||
|
white-space: nowrap; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.statit>span.actit { |
||||
|
/*background: url(/img/sel_tab.png) no-repeat center bottom;*/ |
||||
|
border-bottom: 3px solid rgba(12, 94, 249,1); |
||||
|
color: rgb(12, 94, 249); |
||||
|
} |
||||
|
|
||||
|
.tab_box { |
||||
|
position: relative; |
||||
|
margin: 2rem 0 0; |
||||
|
height: calc(100% - 9rem); |
||||
|
clear: both; |
||||
|
background: #fff; |
||||
|
} |
||||
|
|
||||
|
.tab_item { |
||||
|
position: absolute; |
||||
|
z-index: -999; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
.tab_cont { |
||||
|
float: left; |
||||
|
width: 50%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
.desktab { |
||||
|
margin: auto; |
||||
|
border: 1px solid #ddd; |
||||
|
border-bottom: 0; |
||||
|
border-right: 0; |
||||
|
table-layout: fixed; |
||||
|
} |
||||
|
|
||||
|
.desktab tr { |
||||
|
border-bottom: 1px solid #ddd; |
||||
|
} |
||||
|
|
||||
|
.desktab tr:last-child { |
||||
|
border-bottom: 0; |
||||
|
} |
||||
|
|
||||
|
.desktab td, .desktab th, .noborder td { |
||||
|
padding: 8px 20px; |
||||
|
height: 36px; |
||||
|
border: 1px solid #dee2e6; |
||||
|
border-top: 0; |
||||
|
border-left: 0; |
||||
|
color: #666; |
||||
|
line-height: 20px; |
||||
|
word-break: keep-all; |
||||
|
white-space: nowrap; |
||||
|
text-overflow: ellipsis; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.trodd th { |
||||
|
height: 40px; |
||||
|
background: #F5F5F6; |
||||
|
color: #4c4c4c; |
||||
|
text-align: left; |
||||
|
} |
||||
|
|
||||
|
.line-clamp { |
||||
|
height: 20px; |
||||
|
overflow: hidden; |
||||
|
white-space: nowrap; |
||||
|
-webkit-line-clamp: 1; |
||||
|
-webkit-box-orient: vertical; |
||||
|
text-align: left; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
|
||||
|
.listhead { |
||||
|
width: calc(100% - 6px); |
||||
|
} |
||||
|
|
||||
|
.listbody { |
||||
|
position: relative; |
||||
|
margin-top: -1px; |
||||
|
width: 100%; |
||||
|
height: calc(100% - 60px); |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.inner { |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
overflow-x: hidden; |
||||
|
overflow-y: scroll; |
||||
|
} |
||||
|
|
||||
|
.chartbox { |
||||
|
float: left; |
||||
|
margin: 2% 2%; |
||||
|
width: 45%; |
||||
|
height: 90%; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
/** 滚动条样式 **/ |
||||
|
::-webkit-scrollbar-track { |
||||
|
background-color: #F5F5F5; |
||||
|
} |
||||
|
|
||||
|
::-webkit-scrollbar { |
||||
|
width: 6px; |
||||
|
height: 10px; |
||||
|
background-color: #F5F5F5; |
||||
|
} |
||||
|
|
||||
|
::-webkit-scrollbar-thumb { |
||||
|
border-radius: 6px; |
||||
|
background-color: #ccc; |
||||
|
} |
||||
@ -0,0 +1,31 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"> |
||||
|
<head> |
||||
|
<th:block th:include="zdxtInclude :: header('企业信息登记列表')"/> |
||||
|
</head> |
||||
|
<body class="gray-bg"> |
||||
|
<div class="container"> |
||||
|
<img th:src="${qrCode.qrCodeUrl}" class="img-rounded"> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-3 control-label">生成时间：</label> |
||||
|
<div class="col-sm-8"> |
||||
|
<div class="input-group date"> |
||||
|
<input name="generateTime" th:value="${qrCode.searchDate}" class="form-control" placeholder="yyyy-MM-dd" disabled type="text"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-3 control-label">状态：</label> |
||||
|
<div class="col-sm-8"> |
||||
|
<div class="input-group date"> |
||||
|
<input name="generateTime" th:value="${qrCode.status==0?'有效':'失效'}" class="form-control" placeholder="yyyy-MM-dd" disabled type="text"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<th:block th:include="zdxtInclude :: footer"/> |
||||
|
<script th:inline="javascript"> |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
Loading…
Reference in new issue