.card {
|
padding: 12px;
|
background-color: #fff;
|
width: 100%;
|
}
|
|
.workEfficiency {
|
&-title {
|
font-size: 14px;
|
font-weight: 400;
|
color: rgba(0, 0, 0, 0.85);
|
margin-bottom: 16px;
|
display: flex;
|
align-items: center;
|
}
|
&-img {
|
margin-right: 8px;
|
}
|
&-table {
|
background-color: #eff8ff !important;
|
&-purple {
|
background-color: #f5e8ff !important;
|
}
|
&-green {
|
background-color: #e6fffb !important;
|
}
|
&-blue {
|
background-color: #e8f7ff !important;
|
}
|
&-orange {
|
background-color: #fff7e6 !important;
|
}
|
}
|
&-tab {
|
&-row {
|
margin-top: 12px;
|
border-radius: 4px;
|
background-color: #fff;
|
padding: 16px;
|
}
|
&-title {
|
background-color: #fff;
|
border: 1px solid #e5e6eb;
|
height: 80px;
|
border-radius: 5px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
flex-direction: column;
|
cursor: pointer;
|
&-active {
|
border: 1px solid #1a6fb8;
|
background-color: #E8F8FF;
|
color: #1a6fb8;
|
}
|
&-img-box {
|
width: 48px;
|
height: 48px;
|
border-radius: 50%;
|
}
|
}
|
}
|
}
|
|
.cardList {
|
display: flex;
|
justify-content: space-between;
|
|
.timeCard {
|
flex: 1;
|
display: flex;
|
justify-content: space-around;
|
align-items: center;
|
|
.cardTop {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
margin-bottom: 12px;
|
|
.cardImg {
|
width: 48px;
|
height: 48px;
|
border-radius: 50%;
|
text-align: center;
|
line-height: 58px;
|
margin-right: 12px;
|
|
.img1 {
|
display: inline-block;
|
width: 24px;
|
height: 24px;
|
background: url('../../assets/images/cardBlue.png') no-repeat center center;
|
background-size: contain;
|
}
|
|
.img2 {
|
display: inline-block;
|
width: 24px;
|
height: 24px;
|
background: url('../../assets/images/cardGreen.png') no-repeat center center;
|
background-size: contain;
|
}
|
|
.img3 {
|
display: inline-block;
|
width: 24px;
|
height: 24px;
|
background: url('../../assets/images/cardPurple.png') no-repeat center center;
|
background-size: contain;
|
}
|
|
.img4 {
|
display: inline-block;
|
width: 24px;
|
height: 24px;
|
background: url('../../assets/images/cardAqua.png') no-repeat center center;
|
background-size: contain;
|
}
|
|
.img5 {
|
display: inline-block;
|
width: 24px;
|
height: 24px;
|
background: url('../../assets/images/cardBabyBlue.png') no-repeat center center;
|
background-size: contain;
|
}
|
|
.img6 {
|
display: inline-block;
|
width: 24px;
|
height: 24px;
|
background: url('../../assets/images/cardYellow.png') no-repeat center center;
|
background-size: contain;
|
}
|
}
|
|
.cardText {
|
font-size: 14px;
|
font-family: PingFang SC, PingFang SC-400;
|
font-weight: 400;
|
text-align: LEFT;
|
color: #4e5969;
|
|
span {
|
font-size: 18px;
|
color: #1d2129;
|
margin-right: 4px;
|
}
|
}
|
}
|
|
.cardBottom {
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
|
.cardPoint {
|
width: 8px;
|
height: 8px;
|
background: #00b42a;
|
border-radius: 50%;
|
margin-right: 8px;
|
}
|
}
|
|
.cardLine {
|
width: 0px;
|
height: 48px;
|
border: 1px solid #e5e6eb;
|
}
|
}
|
}
|
|
.timeoutList {
|
display: flex;
|
margin-bottom: 12px;
|
|
.timeoutCard {
|
cursor: pointer;
|
border-radius: 4px;
|
padding: 12px;
|
text-align: center;
|
flex: 1;
|
font-size: 14px;
|
font-family: PingFang SC, PingFang SC-400;
|
font-weight: 400;
|
color: #4e5969;
|
}
|
}
|
|
#timeoutEcharts {
|
width: 100%;
|
height: 300px;
|
}
|
|
.evaluate {
|
width: 140px;
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
justify-content: center;
|
font-size: 14px;
|
font-family: PingFang SC, PingFang SC-400;
|
font-weight: 400;
|
text-align: LEFT;
|
color: #4e5969;
|
|
.flowerBox {
|
width: 64px;
|
height: 64px;
|
background: radial-gradient(rgba(0, 124, 255, 0.4), rgba(208, 222, 238, 0)), radial-gradient(rgba(0, 124, 255, 0.4), rgba(208, 222, 238, 0));
|
border: 2px solid #5fa6d4;
|
box-shadow: 0px 0px 6px 0px rgba(146, 208, 255, 0.5);
|
border-radius: 50%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
|
.flower {
|
width: 32px;
|
height: 32px;
|
background: url('../../assets/images/flower.png') no-repeat center center;
|
background-size: contain;
|
}
|
}
|
}
|
|
#evaluateEcharts {
|
flex: 1;
|
height: 100%;
|
}
|
|
#dateVisitsLine {
|
flex: 6;
|
height: 100%;
|
margin-right: 16px;
|
}
|
|
#areaVisitsBar {
|
flex: 6;
|
height: 100%;
|
margin-right: 16px;
|
}
|
|
#repeatVisitsPie {
|
flex: 5;
|
height: 100%;
|
}
|
|
.alertTips {
|
i {
|
font-style: normal;
|
color: #1a6fb8;
|
}
|
}
|
|
.efficiency {
|
position: absolute;
|
left: 16px;
|
bottom: 16px;
|
|
.linkBtnColor {
|
color: #1a6fb8;
|
cursor: pointer;
|
margin-left: 16px;
|
}
|
}
|
