You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
207 lines
4.7 KiB
207 lines
4.7 KiB
.header { |
|
width: 100%; |
|
padding: 12px 10px; |
|
// margin-bottom: 10px; |
|
box-sizing: border-box; |
|
// border-bottom: 1px solid black; |
|
.queryBox { |
|
box-sizing: border-box; |
|
padding: 5px 0 0 15px; |
|
display: flex; |
|
flex-direction: row; |
|
flex-wrap: wrap; |
|
align-items:center; |
|
// justify-content:center; |
|
.queryField { |
|
//margin: 0 10px; |
|
input { |
|
width: 180px; |
|
height: 22px; |
|
line-height: 22px; |
|
border-radius: 3px; |
|
} |
|
@media screen and (min-device-width:1400px){ |
|
margin: 3px 20px; |
|
} |
|
@media screen and (max-device-width:1400px)and (min-device-width:1200px){ |
|
margin: 3px 10px; |
|
mat-form-field{ |
|
width: 180px; |
|
} |
|
} |
|
@media screen and (max-device-width:1200px){ |
|
margin: 3px 0 3px 10px; |
|
mat-form-field{ |
|
width: 120px; |
|
} |
|
} |
|
} |
|
|
|
} //queryBox |
|
.butclass{ |
|
button{ |
|
width: 80px;height: 36px; |
|
font-size: 16px; |
|
} |
|
} |
|
.ordiv{ |
|
position: relative; |
|
|
|
.organizationbox{ |
|
width:450px; |
|
height: 200px; |
|
background: white; |
|
position: absolute; |
|
top: 48px; |
|
left: 77px; |
|
z-index: 999; |
|
border: 1px solid grey; |
|
overflow-y: auto; |
|
background-color: #fafafa; |
|
li{ |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
background-color: #fafafa; |
|
} |
|
mat-tree-node{ |
|
cursor: pointer; |
|
white-space:pre; |
|
background-color: #fafafa; |
|
} |
|
mat-tree-node:hover{ |
|
background: rgba(225, 225, 225, 0.8); |
|
li{ |
|
background: rgba(225, 225, 225, 0.8); |
|
} |
|
} |
|
.closediv{ |
|
z-index: 100; |
|
position: absolute; |
|
right: 0; |
|
top: 0; |
|
width: 30px; |
|
height: 30px; |
|
cursor: pointer; |
|
line-height: 30px; |
|
text-align: center; |
|
} |
|
.closediv:hover{ |
|
background:rgba(225, 225, 225, 0.8); |
|
} |
|
} |
|
|
|
} |
|
} |
|
.newadd{ |
|
margin-top: 12px; |
|
margin-left: 30px; |
|
display: flex; |
|
button{ |
|
font-size: 16px; |
|
width: 100px; |
|
height: 36px; |
|
} |
|
} |
|
.body{ |
|
.buttonbox{ |
|
padding-left: 50px; |
|
button{ |
|
margin:0 10px |
|
} |
|
} |
|
.tablebox{ |
|
table{ |
|
width: 100%; |
|
margin-left: 0%; |
|
margin-top:12px; |
|
th,td{ |
|
text-align: center; |
|
font-size: 15px; |
|
color: #000000; |
|
|
|
} |
|
.add{ |
|
cursor: auto; |
|
text-decoration: none; |
|
display: block; |
|
width: 40px; |
|
height: 20px; |
|
background: #1AE2AC; |
|
font-size: 12px; |
|
line-height: 20px; |
|
color: #FFFFFF; |
|
margin-left: 50px; |
|
} |
|
|
|
.weihu{ |
|
cursor: auto; |
|
text-decoration: none; |
|
display: block; |
|
width: 64px; |
|
height: 20px; |
|
background: #FFC94B; |
|
font-size: 12px; |
|
color: #FFFFFF; |
|
line-height: 20px; |
|
margin-left: 40px; |
|
} |
|
} |
|
mat-paginator{ |
|
width: 100%; |
|
margin-left: 0%; |
|
} |
|
.mat-column-unitname{ |
|
width: 15%; |
|
} |
|
.mat-column-integrity{ |
|
width: 13%; |
|
} |
|
.mat-column-operation{ |
|
width: 5%; |
|
} |
|
.mat-column-jurisdictionsquadron{ |
|
width: 10%; |
|
} |
|
span:hover{ |
|
text-decoration:underline |
|
} |
|
} |
|
} |
|
|
|
//进度条 |
|
.progressBox{ |
|
line-height: 49px; |
|
height: 29px; |
|
position: relative; |
|
display: inline-block; |
|
width: 100%; |
|
top:10%; |
|
button{ |
|
float: right; |
|
} |
|
.progress{ |
|
display: inline-block; |
|
position: absolute; |
|
width: 500px; |
|
top: 22px; |
|
left: 62px; |
|
} |
|
|
|
.filename{ |
|
display: inline-block; |
|
max-width: 180px; |
|
overflow: hidden; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
// margin-left: 160px; |
|
} |
|
|
|
} |
|
|
|
.auditDiv{ |
|
p{ |
|
margin: 8px 0; |
|
margin-left: 16px; |
|
} |
|
} |