750 lines
13 KiB
Plaintext
750 lines
13 KiB
Plaintext
.wea-hrm-checking {
|
|
background: #fff;
|
|
overflow-y: hidden;
|
|
.wea-new-top-content {
|
|
height: 100% !important;
|
|
}
|
|
|
|
.br {
|
|
border-right: 1px solid #ddd;
|
|
}
|
|
|
|
.bb {
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
.bt {
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
|
|
|
|
// .wea-year .wea-month-wrapper {
|
|
// min-width: 220px;
|
|
// }
|
|
|
|
.picker-wrapper {
|
|
height: 48px;
|
|
line-height: 48px;
|
|
padding-left: 10px;
|
|
// padding-right: 15px;
|
|
position: relative;
|
|
|
|
.date-item {
|
|
text-align: center;
|
|
width: 30px;
|
|
|
|
&.active {
|
|
color: #1e88e5;
|
|
}
|
|
}
|
|
|
|
.picker {
|
|
margin-left: 5px;
|
|
// i {
|
|
// padding-left: 10px;
|
|
// }
|
|
}
|
|
}
|
|
|
|
.picker-wrapper.checking {
|
|
// height: auto;
|
|
&>div{
|
|
float: left;
|
|
}
|
|
|
|
// .picker {
|
|
// width: 120px;
|
|
// margin-left: 5px;
|
|
// position: relative;
|
|
|
|
// .wea-date-picker-arrow {
|
|
// position: absolute;
|
|
// width: 300px;
|
|
// left: 0px;
|
|
// }
|
|
|
|
// .icon-coms-Refresh {
|
|
// position: absolute;
|
|
// z-index: 1;
|
|
// top: 18px;
|
|
// }
|
|
// }
|
|
}
|
|
|
|
.left-checking {
|
|
.wea-org-tree-scroll {
|
|
height: auto!important;
|
|
}
|
|
|
|
.scroll-wrapper {
|
|
height: auto!important;
|
|
}
|
|
}
|
|
|
|
.wea-hrm-checking-left {
|
|
position: absolute;
|
|
width: 221px;
|
|
border-right: 1px solid #ddd;
|
|
|
|
|
|
.wea-browser {
|
|
width: 188px;
|
|
margin: 15px 10px 5px 10px;
|
|
}
|
|
|
|
.left-header {
|
|
height: 48px;
|
|
line-height: 48px;
|
|
|
|
.wea-tab {
|
|
.ant-col-xs-9, .ant-col-sm-9, .ant-col-md-12, .ant-col-lg-15{
|
|
width: 100%;
|
|
}
|
|
|
|
.ant-col-xs-15, .ant-col-sm-15, .ant-col-lg-9, .ant-tabs-tab-prev, .ant-tabs-tab-next {
|
|
display: none;
|
|
}
|
|
|
|
.ant-tabs-nav {
|
|
float: none;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
.header-title {
|
|
font-size: 14px;
|
|
height: 47px;
|
|
}
|
|
|
|
.header-title.header-title-shift {
|
|
height: 48px;
|
|
}
|
|
}
|
|
|
|
.status-info {
|
|
.item {
|
|
&.active {
|
|
background-color: #E9F7FF;
|
|
}
|
|
display: inline-block;
|
|
height: 48px;
|
|
float: right;
|
|
position: relative;
|
|
width: 45px;
|
|
|
|
i {
|
|
font-size: 17px;
|
|
position: absolute;
|
|
left: 13px;
|
|
top: 8px;
|
|
}
|
|
|
|
.name {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 10px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
-o-text-overflow: ellipsis;
|
|
-moz-text-overflow: ellipsis;
|
|
-webkit-text-overflow: ellipsis;
|
|
width: 30px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.detail-wrapper {
|
|
padding: 15px;
|
|
|
|
.detail-header {
|
|
|
|
.icon-coms-New-schedule {
|
|
color: #00A9FF;
|
|
margin-right: 15px;
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
|
|
.empty {
|
|
margin-top: 25px;
|
|
color: #aaa;
|
|
}
|
|
|
|
.ant-timeline {
|
|
margin-top: 15px;
|
|
|
|
.ant-timeline-item-head-blue {
|
|
background-color: #2DB7F5;
|
|
border-color: #C0EAFC;
|
|
}
|
|
|
|
.ant-timeline-item-tail {
|
|
border-left: 2px solid #C0EAFC;
|
|
}
|
|
.ant-timeline-item-last .ant-timeline-item-tail{
|
|
display: block;
|
|
}
|
|
|
|
.ant-timeline-item-content {
|
|
text-align: left;
|
|
|
|
.item {
|
|
color: #aaa;
|
|
margin-bottom: 5px;
|
|
|
|
&:first-child {
|
|
margin-bottom: 12px;
|
|
|
|
.title {
|
|
color: #333;
|
|
}
|
|
|
|
.value {
|
|
color: #00A9FF ;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.icon-cls {
|
|
i .path1:before,.path2:before,.path3:before,.path4:before,.icon-Human-resources-abnormal-small2:before {
|
|
color: inherit !important;
|
|
}
|
|
}
|
|
|
|
.calendar-wrapper {
|
|
|
|
padding-right: 10px;
|
|
.ant-fullcalendar-header{
|
|
display:none;
|
|
}
|
|
.ant-fullcalendar-fullscreen {
|
|
.ant-fullcalendar-today{
|
|
.ant-fullcalendar-date{
|
|
background-color:#fefce9 !important;
|
|
// border-top:1px solid #eee !important;
|
|
}
|
|
}
|
|
|
|
.ant-fullcalendar-calendar-body{
|
|
padding:0;
|
|
table{
|
|
td{
|
|
border: 1px solid #eee;
|
|
}
|
|
tr>:first-child{
|
|
border-left: none !important;
|
|
|
|
}
|
|
thead{
|
|
.ant-fullcalendar-column-header{
|
|
border-left: 1px solid #eee;
|
|
border-right: 1px solid #eee;
|
|
border-bottom: 1px solid #eee;
|
|
padding-right: 0;
|
|
text-align: center;
|
|
padding-bottom: 0;
|
|
color:#333333;
|
|
}
|
|
tr{
|
|
height: 40px;
|
|
th{
|
|
background-color: #f5f5f5;
|
|
}
|
|
}
|
|
}
|
|
tbody{
|
|
tr{
|
|
height: 100px;
|
|
|
|
td{
|
|
height: 100px;
|
|
box-sizing: content-box;
|
|
}
|
|
}
|
|
.ant-fullcalendar-date{
|
|
padding:0;
|
|
padding-top: 5px;
|
|
margin: 0;
|
|
border-collapse:collapse;
|
|
border: 0;
|
|
height: 122px;
|
|
.ant-fullcalendar-value{
|
|
margin:0 16px 0 0;
|
|
}
|
|
.ant-fullcalendar-content{
|
|
overflow:hidden;
|
|
// height:100px;
|
|
}
|
|
}
|
|
.ant-fullcalendar-date:hover{
|
|
background-color:#ffffff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.wea-year {
|
|
.date-item {
|
|
.tip {
|
|
position: absolute;
|
|
top: -2px;
|
|
right: -5px;
|
|
font-size: 6px;
|
|
line-height: 1;
|
|
}
|
|
|
|
i {
|
|
font-size: 15px;
|
|
}
|
|
}
|
|
|
|
.year-cell-bottom {
|
|
position: absolute;
|
|
bottom: -2px;
|
|
width: 18px;
|
|
height: 4px;
|
|
}
|
|
}
|
|
|
|
.calendar-item {
|
|
.icon-wrapper {
|
|
position: absolute;
|
|
font-size: 14px;
|
|
top: 9px;
|
|
left: 10px;
|
|
|
|
i {
|
|
font-size: 17px;
|
|
}
|
|
}
|
|
|
|
.tip {
|
|
position: absolute;
|
|
font-size: 10px;
|
|
top: -1px;
|
|
right: 4px;
|
|
}
|
|
|
|
.workflow-item {
|
|
padding-left: 10px;
|
|
margin-top: 3px;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
a {
|
|
color: inherit;
|
|
}
|
|
}
|
|
|
|
.workflow-item.shift-item {
|
|
color: #333;
|
|
filter:alpha(opacity=1000);
|
|
-moz-opacity: 1;
|
|
-khtml-opacity: 1;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.hrm-checking-content {
|
|
.detail {
|
|
padding: 10px 20px 10px 30px;
|
|
|
|
.detail-title {
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
position: relative;
|
|
font-size: 15px;
|
|
color: #484A4D;
|
|
background-color: #dceff8;
|
|
|
|
i {
|
|
position: absolute;
|
|
font-size: 20px;
|
|
left: 10px;
|
|
top: 10px;
|
|
}
|
|
}
|
|
|
|
.ant-row {
|
|
padding-left: 10px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.detail-body {
|
|
border: 1px solid #ddd;
|
|
border-top: none;
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.statistics-wrapper {
|
|
margin: 0;
|
|
padding: 10px 20px 10px 30px;
|
|
|
|
.statistics-title {
|
|
padding-left: 15px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
font-size: 14px;
|
|
color: #484A4D;
|
|
}
|
|
}
|
|
|
|
.chart-wrapper {
|
|
.echart-item {
|
|
margin-top: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.echart-count {
|
|
|
|
.ant-row {
|
|
height: 30px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.number {
|
|
font-size: 24px;
|
|
}
|
|
}
|
|
|
|
.dot {
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
}
|
|
.chart-content,.abnormal-wrapper {
|
|
border-radius: 3px;
|
|
border: 1px solid #ddd;
|
|
position: relative;
|
|
height: 288px;
|
|
}
|
|
|
|
.abnormal-wrapper {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
|
|
&-left{
|
|
float: left;
|
|
width: 80%;
|
|
height : calc(~"100% - 40px");
|
|
border-right: 1px solid #DDD;
|
|
.leave-info-header{
|
|
padding: 12px 0 0 14px;
|
|
position: relative;
|
|
.icon{
|
|
font-size: 18px;
|
|
}
|
|
.title{
|
|
margin-left: 8px;
|
|
position: absolute;
|
|
top: 16px;
|
|
}
|
|
}
|
|
.work {
|
|
height: 50%;
|
|
border-bottom: 1px solid #DDD;
|
|
padding: 25px 5% 0px;
|
|
&-info{
|
|
padding: 10px 0;
|
|
&-icon{
|
|
color: #fff;
|
|
height: 50px;
|
|
width: 50px;
|
|
border-radius: 25px;
|
|
text-align: center;
|
|
line-height: 60px;
|
|
padding-top: 2px;
|
|
position: absolute;
|
|
right: 6%;
|
|
}
|
|
|
|
&-icon i{
|
|
font-size: 28px;
|
|
}
|
|
|
|
&-title{
|
|
padding-top: 5px;
|
|
padding-left: 5px;
|
|
width: 100%;
|
|
}
|
|
|
|
&-col-1{
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|
|
.leave{
|
|
padding: 0 5%;
|
|
&-situation{
|
|
&-value{
|
|
text-align: right;
|
|
padding: 2px;
|
|
}
|
|
&-title{
|
|
padding-top: 8px;
|
|
padding-left: 10px;
|
|
}
|
|
}
|
|
}
|
|
.no-data{
|
|
height:calc(~"100% - 30px");
|
|
.outterow{
|
|
height: 70%;
|
|
}
|
|
&-content{
|
|
height: 40px;
|
|
line-height: 40px;
|
|
}
|
|
&-tip{
|
|
padding-top: 8px;
|
|
padding-left: 10px;
|
|
}
|
|
&-col-1{
|
|
text-align: right;
|
|
}
|
|
.f28{
|
|
font-size: 28px;
|
|
}
|
|
}
|
|
}
|
|
&-right{
|
|
float: left;
|
|
width: 20%;
|
|
.sign{
|
|
padding-top: 30px;
|
|
&-value{
|
|
text-align: right;
|
|
}
|
|
&-title{
|
|
position: absolute;
|
|
left: 48%;
|
|
width: calc(~"100% - 23% - 45px");
|
|
}
|
|
}
|
|
|
|
.sign div{
|
|
line-height: 30px;
|
|
height: 30px;
|
|
padding-left: 23%;
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
.abnormal-font{
|
|
font-size: 24px;
|
|
color: #999;
|
|
padding-left: 5px;
|
|
}
|
|
}
|
|
|
|
.abnormal-wrapper .sign-situation:last-child{
|
|
border:0;
|
|
}
|
|
|
|
.chart-content {
|
|
border-right: 0px;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.abnormal-wrapper {
|
|
|
|
|
|
.sign-abnormal{
|
|
padding-top: 30px;
|
|
&-title{
|
|
position: absolute;
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
|
|
.sign-abnormal div{
|
|
line-height: 30px;
|
|
height: 30px;
|
|
padding-left: 20%;
|
|
position: relative;
|
|
}
|
|
|
|
.borderRight{
|
|
border-right: 1px solid #DDD;
|
|
}
|
|
|
|
.sub-title{
|
|
padding-left: 15px;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
font-size: 12px;
|
|
color: #333;
|
|
background-color: #dceff8;
|
|
text-align: center;
|
|
}
|
|
|
|
.noBorder{
|
|
border-top: 0;
|
|
border-bottom:0;
|
|
}
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
|
.new-hrm-workflow {
|
|
.new-hrm-workflow-body {
|
|
padding: 20px 30px;
|
|
}
|
|
.new-hrm-workflow-wrapper {
|
|
border: 1px solid #ddd;
|
|
border-top: 3px solid #f3d380;
|
|
height: 95%;
|
|
|
|
.hearder {
|
|
text-align: center;
|
|
font-size: 16px;
|
|
margin-top: 20px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.item {
|
|
padding-left: 20px;
|
|
margin-bottom: 5px;
|
|
font-size: 14px;
|
|
color: #999;
|
|
line-height: 30px;
|
|
&:hover {
|
|
background-color: #f5f5f5;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.leftTitle{
|
|
width: 140px;
|
|
padding-left: 10px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.hrm-over-flow {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.absence{
|
|
.brief{
|
|
margin: 10px;
|
|
background-color: #3596FA;
|
|
color: #fff;
|
|
padding: 18px;
|
|
border-radius: 5px;
|
|
.label{
|
|
|
|
}
|
|
.value{
|
|
font-size: 18px
|
|
}
|
|
}
|
|
|
|
.types{
|
|
float: right;
|
|
margin-right: 10px;
|
|
margin-top: 5px;
|
|
.type{
|
|
float: left;
|
|
margin-left: 15px;
|
|
position: relative;
|
|
.label{
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 14px;
|
|
}
|
|
.value{
|
|
float: right;
|
|
margin-left: 5px;
|
|
}
|
|
}
|
|
}
|
|
.chart{
|
|
margin: 50px 0;
|
|
.timeline{
|
|
margin: 0 10px;
|
|
.detail{
|
|
clear: both;
|
|
height: 140px;
|
|
.day{
|
|
font-size: 18px;
|
|
color: #3596FA;
|
|
}
|
|
.date{
|
|
margin-top: 5px;
|
|
}
|
|
.scale{
|
|
position: relative;
|
|
height: 50px;
|
|
.absAll{
|
|
position: absolute;
|
|
height: 25px;
|
|
bottom: 13px;
|
|
background-color:#D9EBFF;
|
|
text-align: center;
|
|
padding-top: 5px;
|
|
color: #00a9ff;
|
|
cursor: pointer;
|
|
}
|
|
.abs{
|
|
height: 8px;
|
|
position: absolute;
|
|
bottom: 5px;
|
|
}
|
|
.rest{
|
|
height: 5px;
|
|
background-color: #FFF5CE;
|
|
position: absolute;
|
|
bottom: 0;
|
|
z-index: 10;
|
|
}
|
|
.scl{
|
|
height: 5px;
|
|
background-color: #FF9800;
|
|
position: absolute;
|
|
bottom: 0;
|
|
z-index: 10;
|
|
}
|
|
.base{
|
|
height: 5px;
|
|
background-color: #dadada;
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
.moments{
|
|
margin-top: 5px;
|
|
color: #999;
|
|
position: relative;
|
|
.moment{
|
|
position: absolute;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|