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