You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
920 lines
31 KiB
Plaintext
920 lines
31 KiB
Plaintext
.realtimeContainer {
|
|
padding: 8px 6px 0px 6px;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.realtimeContainerTop {
|
|
display: flex;
|
|
|
|
height: 50%;
|
|
margin-bottom: 5px;
|
|
|
|
.realtimeContainerTopLeft {
|
|
width: 72%;
|
|
height: 100%;
|
|
// background-color: pink;
|
|
margin-right: 10px;
|
|
// display: flex;
|
|
|
|
.realtimeContainerTopLeftTop {
|
|
width: 100%;
|
|
height: 35%;
|
|
display: flex;
|
|
gap: 12px;
|
|
|
|
.realtimeAlarmO {
|
|
flex: 1;
|
|
height: 100%;
|
|
background-color: #F4F7FF;
|
|
border: 1px solid #AED3FF;
|
|
border-bottom: 0px solid #AED3FF;
|
|
border-radius: 4px;
|
|
box-shadow: 0px 2px 31px 0px #5382FE33 inset;
|
|
display: flex;
|
|
|
|
.realtimeAlarmOLeft {
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.realtimeAlarmORight {
|
|
flex: 1;
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 2px;
|
|
gap: 18px;
|
|
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-style: Regular;
|
|
font-size: 12px;
|
|
line-height: 100%;
|
|
letter-spacing: 0%;
|
|
color: #333333;
|
|
|
|
.realtimeAlarmORightText1 {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
|
|
.realtimeAlarmORightText2 {
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.realtimeAlarmORightText3 {
|
|
display: flex;
|
|
gap: 22px;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
.realtimeAlarmTw {
|
|
flex: 1;
|
|
height: 100%;
|
|
background-color: #FFF5f4;
|
|
border: 1px solid #FFC5BC;
|
|
border-bottom: 0px solid #FFC5BC;
|
|
border-radius: 4px;
|
|
box-shadow: 0px 2px 31px 0px #FE5F4C33 inset;
|
|
display: flex;
|
|
|
|
.realtimeAlarmTwLeft {
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.realtimeAlarmTwRight {
|
|
flex: 1;
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 2px;
|
|
gap: 18px;
|
|
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-style: Regular;
|
|
font-size: 12px;
|
|
line-height: 100%;
|
|
letter-spacing: 0%;
|
|
color: #333333;
|
|
|
|
.realtimeAlarmTwRightText1 {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.realtimeAlarmTwRightText2 {
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.realtimeAlarmTwRightText3 {
|
|
display: flex;
|
|
gap: 22px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.realtimeAlarmTh {
|
|
flex: 1;
|
|
height: 100%;
|
|
background-color: #FFF7F2;
|
|
border: 1px solid #FFD9B2;
|
|
border-bottom: 0px solid #FFD9B2;
|
|
border-radius: 4px;
|
|
box-shadow: 0px 2px 31px 0px #FD883C33 inset;
|
|
display: flex;
|
|
|
|
.realtimeAlarmThLeft {
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.realtimeAlarmThRight {
|
|
flex: 1;
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 2px;
|
|
gap: 18px;
|
|
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-style: Regular;
|
|
font-size: 12px;
|
|
line-height: 100%;
|
|
letter-spacing: 0%;
|
|
color: #333333;
|
|
|
|
.realtimeAlarmThRightText1 {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.realtimeAlarmThRightText2 {
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.realtimeAlarmThRightText3 {
|
|
display: flex;
|
|
gap: 22px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.realtimeAlarmF {
|
|
flex: 1;
|
|
height: 100%;
|
|
background-color: #EFF9FF;
|
|
border: 1px solid #89E1FF;
|
|
border-bottom: 0px solid #89E1FF;
|
|
border-radius: 4px;
|
|
box-shadow: 0px 2px 31px 0px #22A4FD33 inset;
|
|
display: flex;
|
|
|
|
.realtimeAlarmFLeft {
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.realtimeAlarmFRight {
|
|
flex: 1;
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 2px;
|
|
gap: 18px;
|
|
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-style: Regular;
|
|
font-size: 12px;
|
|
line-height: 100%;
|
|
letter-spacing: 0%;
|
|
color: #333333;
|
|
|
|
.realtimeAlarmFRightText1 {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.realtimeAlarmFRightText2 {
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.realtimeAlarmFRightText3 {
|
|
display: flex;
|
|
gap: 22px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.realtimeContainerTopLeftBottom {
|
|
margin-top: 12px;
|
|
background-color: #fff;
|
|
width: 100%;
|
|
height: 60%;
|
|
|
|
.realtimeContainerTopLeftBottomTitle {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
// padding: 8px 15px;
|
|
padding: 8px 15px 0px 15px;
|
|
|
|
.realtimeTitleLeft {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
font-style: Medium;
|
|
font-size: 14px;
|
|
line-height: 100%;
|
|
letter-spacing: 0%;
|
|
|
|
|
|
.realtimeTitleIcon {
|
|
width: 3px;
|
|
height: 16px;
|
|
background-color: #2E4CD4;
|
|
}
|
|
}
|
|
|
|
.realtimeTitleRight {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
|
|
font-family: PingFang SC;
|
|
font-style: Medium;
|
|
font-size: 13px;
|
|
line-height: 100%;
|
|
letter-spacing: 0%;
|
|
|
|
|
|
.selectBox {
|
|
padding: 4px 8px;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 4px;
|
|
background-color: #fff;
|
|
font-size: 12px;
|
|
color: #333;
|
|
outline: none;
|
|
|
|
&:focus {
|
|
border-color: #2E4CD4;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.realtimeContainerTopLeftBottomChart {
|
|
flex: 1;
|
|
width: 100%;
|
|
height: 75%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.realtimeContainerTopRight {
|
|
flex: 1;
|
|
height: calc(100% - 3.3px);
|
|
background-color: #fff;
|
|
background-image: url('@/assets/safe_majorHazard/online_monitoring/backTopRight.png');
|
|
background-size: 100% auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow-y: auto;
|
|
|
|
.realtimeDataHeader {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 8px 15px;
|
|
margin-bottom: 10px;
|
|
|
|
.realtimeTitleLeft {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
font-style: Medium;
|
|
font-size: 14px;
|
|
line-height: 100%;
|
|
letter-spacing: 0%;
|
|
|
|
.realtimeTitleIcon {
|
|
width: 3px;
|
|
height: 16px;
|
|
background-color: #2E4CD4;
|
|
}
|
|
}
|
|
|
|
.realtimeTotalCount {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 13px;
|
|
color: #333333;
|
|
}
|
|
}
|
|
|
|
.realtimeDataItem {
|
|
height: 23%;
|
|
flex-shrink: 0;
|
|
border: 1px solid #89E1FF;
|
|
border-radius: 2px;
|
|
margin: 0 15px;
|
|
margin-bottom: 6px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-family: PingFang SC;
|
|
font-size: 14px;
|
|
// color: #666;
|
|
background-color: #EFF9FF;
|
|
|
|
&:last-child {
|
|
// margin-bottom: 1px;
|
|
}
|
|
}
|
|
|
|
.realtimeDataItem1 {
|
|
height: 25%;
|
|
flex-shrink: 0;
|
|
border: 1px solid #89E1FF;
|
|
border-radius: 4px;
|
|
margin: 0 15px;
|
|
margin-bottom: 6px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0px 15px;
|
|
background-color: #EFF9FF;
|
|
|
|
.realtimeDataItemLeft {
|
|
width: 65%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
|
|
.realtimeAreaName {
|
|
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 13px;
|
|
color: #333333;
|
|
line-height: 2.2;
|
|
}
|
|
|
|
.realtimeRValue {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #666666;
|
|
line-height: 0.2;
|
|
}
|
|
|
|
.realtimeCodeNumber {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
color: #666666;
|
|
}
|
|
}
|
|
|
|
.realtimeDataItemRight {
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.realtimeCircleContainer {
|
|
position: relative;
|
|
height: 80%;
|
|
aspect-ratio: 1; // 强制宽高比1:1
|
|
|
|
.realtimeOuterCircle {
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(51, 176, 253, 0.3);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.realtimeInnerCircle {
|
|
width: 70%;
|
|
height: 70%;
|
|
background-color: rgba(4, 128, 251, 0.8);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.realtimeLevelText {
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
font-size: 11px;
|
|
color: #FFFFFF;
|
|
line-height: 1.4;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.realtimeRiskText {
|
|
font-family: PingFang SC;
|
|
font-weight: 300;
|
|
font-size: 8px;
|
|
color: #FFFFFF;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.realtimeDataItem2 {
|
|
height: 25%;
|
|
flex-shrink: 0;
|
|
border: 1px solid rgba(255, 197, 188, 1);
|
|
border-radius: 4px;
|
|
margin: 0 15px;
|
|
margin-bottom: 6px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0px 15px;
|
|
background-color: #fff5f4;
|
|
|
|
.realtimeDataItemLeft {
|
|
width: 65%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
|
|
.realtimeAreaName {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 13px;
|
|
color: #333333;
|
|
line-height: 2.2;
|
|
}
|
|
|
|
.realtimeRValue {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #666666;
|
|
line-height: 0.2;
|
|
}
|
|
|
|
.realtimeCodeNumber {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
color: #666666;
|
|
}
|
|
}
|
|
|
|
.realtimeDataItemRight {
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.realtimeCircleContainer {
|
|
position: relative;
|
|
height: 80%;
|
|
aspect-ratio: 1;
|
|
|
|
.realtimeOuterCircle {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(254, 214, 209, 1);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.realtimeInnerCircle {
|
|
width: 70%;
|
|
height: 70%;
|
|
background-color: rgba(253, 41, 14, 1);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.realtimeLevelText {
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
font-size: 11px;
|
|
color: #FFFFFF;
|
|
line-height: 1.4;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.realtimeRiskText {
|
|
font-family: PingFang SC;
|
|
font-weight: 300;
|
|
font-size: 8px;
|
|
color: #FFFFFF;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.realtimeDataItem3 {
|
|
height: 25%;
|
|
flex-shrink: 0;
|
|
border: 1px solid rgba(255, 217, 178, 1);
|
|
border-radius: 4px;
|
|
margin: 0 15px;
|
|
margin-bottom: 6px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0px 15px;
|
|
background-color: #fef6f1;
|
|
|
|
.realtimeDataItemLeft {
|
|
width: 65%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
|
|
.realtimeAreaName {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 13px;
|
|
color: #333333;
|
|
line-height: 2.2;
|
|
}
|
|
|
|
.realtimeRValue {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #666666;
|
|
line-height: 0.2;
|
|
}
|
|
|
|
.realtimeCodeNumber {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
color: #666666;
|
|
}
|
|
}
|
|
|
|
.realtimeDataItemRight {
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.realtimeCircleContainer {
|
|
position: relative;
|
|
height: 80%;
|
|
aspect-ratio: 1;
|
|
|
|
.realtimeOuterCircle {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(255, 234, 218, 1);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.realtimeInnerCircle {
|
|
width: 70%;
|
|
height: 70%;
|
|
background-color: rgba(252, 103, 18, 1);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.realtimeLevelText {
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
font-size: 11px;
|
|
color: #FFFFFF;
|
|
line-height: 1.4;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.realtimeRiskText {
|
|
font-family: PingFang SC;
|
|
font-weight: 300;
|
|
font-size: 8px;
|
|
color: #FFFFFF;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.realtimeDataItem4 {
|
|
height: 25%;
|
|
flex-shrink: 0;
|
|
border: 1px solid #89E1FF;
|
|
border-radius: 4px;
|
|
margin: 0 15px;
|
|
margin-bottom: 6px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0px 15px;
|
|
background-color: #EFF9FF;
|
|
|
|
.realtimeDataItemLeft {
|
|
width: 65%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
|
|
.realtimeAreaName {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 13px;
|
|
color: #333333;
|
|
line-height: 2.2;
|
|
}
|
|
|
|
.realtimeRValue {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #666666;
|
|
line-height: 0.2;
|
|
}
|
|
|
|
.realtimeCodeNumber {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
color: #666666;
|
|
}
|
|
}
|
|
|
|
.realtimeDataItemRight {
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.realtimeCircleContainer {
|
|
position: relative;
|
|
height: 80%;
|
|
aspect-ratio: 1;
|
|
|
|
.realtimeOuterCircle {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(51, 176, 253, 0.3);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.realtimeInnerCircle {
|
|
width: 70%;
|
|
height: 70%;
|
|
background-color: rgba(4, 128, 251, 0.8);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.realtimeLevelText {
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
font-size: 11px;
|
|
color: #FFFFFF;
|
|
line-height: 1.4;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.realtimeRiskText {
|
|
font-family: PingFang SC;
|
|
font-weight: 300;
|
|
font-size: 8px;
|
|
color: #FFFFFF;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.realtimeContainerBottom {
|
|
background-color: #fff;
|
|
flex: 1;
|
|
padding: 8px 15px 5px 15px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.realtimeTableHeader {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
// margin-bottom: 15px;
|
|
padding-bottom: 5px;
|
|
// border-bottom: 1px solid #f0f0f0;
|
|
|
|
.realtimeTableTitle {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
color: #333333;
|
|
|
|
.realtimeTitleIcon {
|
|
width: 3px;
|
|
height: 16px;
|
|
background-color: #2E4CD4;
|
|
}
|
|
}
|
|
|
|
.realtimeTableActions {
|
|
display: flex;
|
|
gap: 8px;
|
|
|
|
// 自定义按钮样式
|
|
:global(.ant-btn) {
|
|
background-color: #ffffff !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
|
|
&:hover {
|
|
background-color: #f5f5f5 !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
&:focus {
|
|
background-color: #ffffff !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
&:active {
|
|
background-color: #e6e6e6 !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
// 主要按钮样式
|
|
&.ant-btn-primary {
|
|
background-color: #ffffff !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
|
|
&:hover {
|
|
background-color: #f5f5f5 !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
&:focus {
|
|
background-color: #ffffff !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
&:active {
|
|
background-color: #e6e6e6 !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
}
|
|
|
|
// 危险按钮样式
|
|
&.ant-btn-dangerous {
|
|
background-color: #ffffff !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
|
|
&:hover {
|
|
background-color: #f5f5f5 !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
&:focus {
|
|
background-color: #ffffff !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
&:active {
|
|
background-color: #e6e6e6 !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
}
|
|
|
|
// 禁用状态
|
|
&:disabled {
|
|
background-color: #f5f5f5 !important;
|
|
border-color: #d9d9d9 !important;
|
|
color: #bfbfbf !important;
|
|
box-shadow: none !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.realtimeTableContainer {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
|
|
:global(.ant-table) {
|
|
font-size: 12px;
|
|
}
|
|
|
|
:global(.ant-table-thead > tr > th) {
|
|
background-color: #f5f5fa;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
color: #333333;
|
|
border-bottom: 1px solid #f0f0f0;
|
|
padding: 8px 12px;
|
|
text-align: center;
|
|
}
|
|
|
|
:global(.ant-table-tbody > tr > td) {
|
|
padding: 8px 12px;
|
|
border-bottom: 1px solid #f0f0f0;
|
|
text-align: center;
|
|
}
|
|
|
|
:global(.ant-table-tbody > tr:hover > td) {
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
:global(.ant-pagination) {
|
|
margin-top: 16px;
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|