254 lines
4.7 KiB
CSS
254 lines
4.7 KiB
CSS
body,html{
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
float: left;
|
|
}
|
|
#title{
|
|
width: 100%;
|
|
height: 5%;
|
|
float: left;
|
|
font-size: 23px;
|
|
line-height:40px;
|
|
text-align: center;
|
|
color: #fff;
|
|
background-color: #1AA094;
|
|
}
|
|
.month{
|
|
color: #000;
|
|
}
|
|
#content{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
#left{
|
|
border: 1px solid #ddd;
|
|
width: 39%;
|
|
height: 88%;
|
|
margin-left: 1%;
|
|
float: left;
|
|
background-color: #f5f5f5;
|
|
}
|
|
#personnelAttendance{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
#personnelAttendanceTitle{
|
|
width: 100%;
|
|
height: 10%;
|
|
color: #000;
|
|
font-size: 18px;
|
|
font-weight: 800;
|
|
text-align: center;
|
|
line-height: 65px;
|
|
}
|
|
#personnelAttendanceTitle2{
|
|
width: 100%;
|
|
height: 10%;
|
|
color: #000;
|
|
font-size: 18px;
|
|
font-weight: 800;
|
|
text-align: center;
|
|
line-height: 0px;
|
|
}
|
|
#personnelAttendanceContent {
|
|
width: 100%;
|
|
height: 90%;
|
|
float: left;
|
|
}
|
|
|
|
.day {
|
|
border: 0.5px solid #3D4D8E;
|
|
width: 20%;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
height: 94px;
|
|
}
|
|
.day>div{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
flex-direction: column;
|
|
}
|
|
.day span{
|
|
/*margin-left: -39px;*/
|
|
font-size: 20px;
|
|
}
|
|
#dataDiv{
|
|
width: 60%;
|
|
height: 88%;
|
|
float: left;
|
|
background-color: #f5f5f5;
|
|
}
|
|
#dataTitle{
|
|
width: 100%;
|
|
height: 6%;
|
|
float: left;
|
|
color: #FFFFFF;
|
|
font-size: 16px;
|
|
font-weight: 800;
|
|
text-indent: 20px;
|
|
line-height: 80px;
|
|
}
|
|
.bootstrap-table{
|
|
margin: 0% !important;
|
|
}
|
|
#dataTable{
|
|
width: 100%;
|
|
height: 94%;
|
|
float: left;
|
|
overflow-x: scroll;
|
|
overflow-y: scroll;
|
|
}
|
|
.select2-container{
|
|
width: 120px !important;
|
|
height: 30px !important;
|
|
display:block !important;
|
|
float: left !important;
|
|
margin-top: 0.5% !important;
|
|
margin-left: 3% !important;
|
|
background-color: #023467 !important;
|
|
border: 1px solid #0758AA !important;
|
|
color: #ffffff !important;
|
|
}
|
|
.select2-container--open{
|
|
left: 0px !important;
|
|
}
|
|
.select2-selection--single{
|
|
width: 120px;
|
|
}
|
|
#startTime{
|
|
width: 120px;
|
|
height: 30px;
|
|
display:block;
|
|
float: left;
|
|
background: none;
|
|
border: 1px solid #0758AA;
|
|
color: #000;
|
|
text-align: center;
|
|
margin-top: 0.5%;
|
|
margin-left: 1.5%;
|
|
}
|
|
#endTime{
|
|
width: 120px;
|
|
height: 30px;
|
|
display:block;
|
|
float: left;
|
|
background: none;
|
|
border: 1px solid #0758AA;
|
|
color: #000;
|
|
text-align: center;
|
|
margin-top: 0.5%;
|
|
margin-left: 0.5%;
|
|
}
|
|
|
|
.test6{
|
|
width: 240px;
|
|
height: 33px;
|
|
display:block;
|
|
float: left;
|
|
background: none;
|
|
border: 1px solid #D9D9D9;
|
|
color: #000;
|
|
text-align: center;
|
|
margin-top: 0.5%;
|
|
margin-left: 1.5%;
|
|
}
|
|
|
|
|
|
#keyWord{
|
|
width: 120px;
|
|
height: 30px;
|
|
display:block;
|
|
float: left;
|
|
margin-top: 0.5%;
|
|
margin-left: 0.5%;
|
|
background: none;
|
|
border: 1px solid #0758AA;
|
|
color: #000;
|
|
}
|
|
#query{
|
|
float: left;
|
|
margin-top: 0.5%;
|
|
margin-left: 1%;
|
|
height: 33px;
|
|
line-height: 33px;
|
|
padding: 0 13px;
|
|
background-color: #009688;
|
|
color: #fff;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
border: none;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
}
|
|
/* #reset{
|
|
width: 4%;
|
|
height: 77.5%;
|
|
float: left;
|
|
margin-top: 0.5%;
|
|
margin-left: 1%;
|
|
border: 0;
|
|
background-color: transparent;
|
|
outline:none;
|
|
background-image: url(../../../../img/info/重置查询.png);
|
|
background-repeat: no-repeat;
|
|
} */
|
|
#export{
|
|
width: 4%;
|
|
height: 77.5%;
|
|
float: left;
|
|
margin-top: 0.5%;
|
|
border: 0;
|
|
background-color: transparent;
|
|
outline:none;
|
|
background-image: url(../../../../img/info/导出.png);
|
|
background-repeat: no-repeat;
|
|
}
|
|
#dataCount{
|
|
width: 70%;
|
|
height: 100%;
|
|
float: left;
|
|
font-size: 20px;
|
|
line-height: 55px;
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
#span{
|
|
display:block;
|
|
float: left;
|
|
color: #fff;
|
|
margin-top: -1.2%;
|
|
margin-left: -0.5%;
|
|
}
|
|
|
|
|
|
#dataTable::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.fixed-table-body::-webkit-scrollbar {/*滚动条整体样式*/
|
|
width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
|
|
height: 10px;
|
|
}
|
|
.fixed-table-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
|
|
border-radius: 10px;
|
|
-webkit-box-shadow: inset 0 0 5px #ddd;
|
|
background: #ddd;
|
|
}
|
|
.fixed-table-body::-webkit-scrollbar-track {/*滚动条里面轨道*/
|
|
-webkit-box-shadow: inset 0 0 5px #F5F5F5;
|
|
border-radius: 10px;
|
|
background: #F5F5F5;
|
|
}
|
|
.fixed-table-body::-webkit-scrollbar-corner {
|
|
}
|
|
/**
|
|
* 表数据过长添加 JS width 不要使用百分比
|
|
*/
|
|
.table {table-layout:fixed;word-break:break-all;}
|