weaver_trunk_cli/pc4mobx/hrmAttendance/style/report.less

335 lines
8.3 KiB
Plaintext

.report{
width: 100%;
height: 100%;
.layout{
position: relative;
width: 100%;
height: 100%;
.layoutContent{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
bottom: 44px;
padding: 8px 20px 8px 20px;
.searchGroup {
width: 100%;
padding: 8px 0px;
.radioGroupShow{
text-align: center;
line-height: 30px;
margin-bottom: 8px;
background-color: #f4f4f4;
color: #333;
span{
padding: 3px;
cursor: pointer;
}
}
.radioGroupHide{
margin-bottom: 0px;
}
.wea-form-item-wrapper {
padding: 0px;
& > div {
padding-left: 8px;
}
}
.displaySetting {
display: table;
border-collapse: collapse;
width: 100%;
& > div {
display: table-row;
border-bottom: 1px solid rgb(221, 221, 221);
width: 100%;
.tbCell {
display: table-cell;
vertical-align: middle;
word-wrap: break-word;
white-space: nowrap;
padding: 8px;
&:first-child {
padding-left: 14px;
}
&:last-child {
word-break: normal;
white-space: normal;
}
.wea-select {
margin-top: 0px;
}
}
&:last-child {
border-bottom: none;
}
}
}
}
.dataList{
position: absolute;
left: 20px;
right: 20px;
// .ant-table-fixed-left{
// // width: 105px;
// border-radius: 0px;
// .ant-table-header{
// border: 1px solid #e9e9e9;
// border-right: none;
// border-bottom: none;
// }
// .ant-table-body-outer{
// .ant-table-body-inner{
// .ant-table-fixed{
// border-left: 1px solid #e9e9e9;
// width: 0px;
// }
// }
// }
// }
// .ant-table-bordered.ant-table-fixed-header .ant-table-fixed-left{
// border-right: none;
// border-bottom: none;
// // width: 315px;
// }
// .ant-table-fixed-left .ant-table-body-inner{
// margin-right: -7px;
// }
// .ant-table-thead>tr>th{
// border-bottom: 1px solid #e9e9e9;
// padding: 0px;
// background: #fff;
// text-align: center;
// height: 36px;
// line-height: 36px;
// background: #f6f6f6;
// }
// .wea-new-table .ant-table-thead>tr>th>span{
// padding: 0px;
// }
// .ant-table-tbody>tr>td{
// text-align: center;
// padding: 0px;
// height: 30px;
// line-height: 30px;
// }
// .ant-table-bordered .ant-table-thead>tr:last-child>th:last-child{
// border-right: 1px solid #e9e9e9;
// }
.date{
position: relative;
.weekday, .day{
height: 18px;
line-height: 18px;
}
img{
position: absolute;
top: 0px;
right: 0px;
}
}
.rSpan2{
// .title{
// height: 20px;
// line-height: 20px;
// margin-top: 10px;
// }
// .unit{
// height: 20px;
// line-height: 20px;
// }
}
.rSpan1{
// .title, .unit{
// height: 18px;
// line-height: 18px;
// }
}
}
/*覆盖员工假期余额列表头部样式*/
.vacationBalanceReportList{
.ant-table-thead>tr>th{
border-bottom: 1px solid #e9e9e9;
padding: 0px;
background: #fff;
text-align: center;
height: 36px;
line-height: 36px;
background: #f6f6f6;
}
.ant-table-tbody>tr>td{
text-align: center;
padding: 0px;
height: 30px;
line-height: 30px;
}
}
}
.includeFoot{
bottom: 0px;
}
.pagination{
position: absolute;
right: 8px;
bottom: 0px;
.ant-pagination {
margin: 7px;
float: right;
}
}
}
/*覆盖原始打卡记录列表头部样式*/
.originalPunchRecordList{
.ant-table-thead>tr>th{
border-bottom: 1px solid #e9e9e9;
padding: 0px;
background: #fff;
text-align: center;
height: 36px;
line-height: 36px;
background: #f6f6f6;
}
.ant-table-tbody>tr>td{
text-align: center;
padding: 0px;
height: 30px;
line-height: 30px;
}
}
.wea-new-table .ant-table-thead tr th:first-child {
padding-left: 0;
}
.wea-new-table .ant-table-thead tr th {
text-align: center;
border-right: 1px solid #eee;
border-bottom-width: 1px;
}
.wea-new-table .ant-table-thead tr th:last-child {
}
.ant-table-fixed td {
text-align: center;
}
.wea-new-table .ant-table-thead>tr>th>span{
white-space: normal;
text-overflow: unset;
}
}
.daily-userInfo{
padding: 15px;
position: relative;
height: 60px;
&-avatar{
position: absolute;
width: 40px;
height: 40px;
}
&-avatar img{
width: 100%;
height: 100%;
border-radius: 50%;
}
&-brief{
position: absolute;
left: 65px;
}
&-brief p:last-child{
color: #999999;
margin-top: 5px;
}
&-brief span{
margin-right: 30px;
}
}
.daily-signInfo{
padding: 10px 15px;
}
.daily-detail{
margin: 0 15px;
border-radius: 2px;
}
.report-bottomTip{
position: absolute;
bottom: 5px;
left: 25px;
}
.daily-logList{
padding: 10px 15px;
&>div{
padding-top: 10px;
}
.logItem{
padding-left: 20px;
}
}
.content{
height:calc(~"100% - 87px");
.hrm-vacation-scroll{
height:calc(~"100% - 80px");
}
}
.operateTime{
display:inline-block;
float:left;
}
.operateDesc{
display:inline-block;
margin-left: 57px;
width:calc(~"100% - 114px");
}
.hrm-vacation-timeline{
.timeline-content-wrap{
display: inline-block;
width:100%;
& > div div:last-child{
margin-top:5px;
};
}
.timeline-content-left{
float:left;
width:20%;
}
.timeline-content-right{
display: inline-block;
width:80%;
}
}