.device-card {
|
margin-top: 10px;
|
background-color: #f8f8f8;
|
border-radius: 5px;
|
}
|
|
.margin-left {
|
margin-left: 8px;
|
}
|
|
.device-card-header {
|
display: flex;
|
align-items: center;
|
border-left: 4px solid #409eff;
|
border-bottom: 1px solid #ebebeb;
|
padding: 6px 8px;
|
|
}
|
|
.m-device-opt .el-radio + .el-radio {
|
margin-left: 0;
|
}
|
|
.m-device-opt .el-checkbox + .el-checkbox {
|
margin-left: 0;
|
}
|
|
.m-device-opt .el-radio, .m-device-opt .el-checkbox {
|
margin-right: 10px;
|
cursor: auto;
|
}
|
//slider
|
.my-slider-box {
|
padding: 8px 16px;display: flex;align-items: center;
|
}
|
.mdc-slider{
|
flex: 1 1 0;
|
}
|
.mdc-number-input{
|
margin-left: 8px;
|
}
|
.mdc-slider .el-slider__runway .el-slider__bar{
|
background-color: #409EFF;
|
}
|
.el-slider__button-wrapper {
|
z-index: 1;
|
}
|
.my-card-shadow{
|
background: #fff;
|
border: 1px solid #dcdfe6;
|
box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
|
//overflow: scroll;
|
}
|
.total-toggle-layout{
|
//background-color: #f6f6f6;
|
background: linear-gradient(#f8f8f8, #f2f2f2);
|
border-bottom: 1px solid #d4d4d4;
|
}
|
.padding{
|
padding: 16px;
|
}
|
.padding-10{
|
padding: 10px;
|
}
|
//radio-button
|
.mdc-radio-btn{
|
border: none;
|
background-color: transparent;
|
font-size: 12px;
|
color: #606266;
|
}
|
.mdc-radio-btn+.mdc-radio-btn{
|
margin-left: 5px;
|
}
|
.mdc-radio-btn >.el-radio-button__inner{
|
padding:8px 14px;border: 1px solid #dcdfe6;font-size: 12px;border-radius: 20px;
|
}
|
.mdc-radio-btn:first-child >.el-radio-button__inner,.mdc-radio-btn:last-child >.el-radio-button__inner{
|
border-radius: 20px;
|
}
|
|
.mdc-radio-btn >.el-radio-button__orig-radio:checked+ .el-radio-button__inner,.mdc-radio-btn >.el-radio-button__inner:hover{
|
background-color: #fff;box-shadow: none;color:#409EFF;border: 1px solid #409EFF;
|
}
|
.mdc-checkbox{}
|
|
.mdc-checkbox >.el-checkbox__input.is-disabled .el-checkbox__inner{
|
background-color: #fff;
|
}
|
.mdc-checkbox >.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{
|
background-color: #409EFF;
|
border-color: #409EFF;
|
}
|
.mdc-checkbox >.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{
|
border-color: #fff;
|
}
|
.mdc-checkbox >.el-checkbox__input.is-disabled+span.el-checkbox__label{
|
color: #606266;
|
}
|
.mdc-checkbox >.el-checkbox__input.is-disabled.is-checked+span.el-checkbox__label{
|
color: #409EFF;
|
}
|
.mdc-radio{}
|
.mdc-radio >.el-radio__input.is-disabled .el-radio__inner{
|
background-color: #fff;
|
border-color: #dcdfe6;
|
box-shadow:none!important;
|
}
|
.mdc-radio >.el-radio__input.is-disabled.is-checked .el-radio__inner{
|
background-color: #409EFF;
|
border-color: #409EFF
|
}
|
.mdc-radio >.el-radio__input.is-disabled.is-checked .el-radio__inner::after{
|
background-color: #fff;
|
}
|
.mdc-radio >.el-radio__input.is-disabled+span.el-radio__label{
|
color: #606266;
|
}
|
.mdc-radio >.el-radio__input.is-disabled.is-checked+span.el-radio__label{
|
color: #409EFF;
|
}
|
|
.mdc-round{
|
border-radius: 20px;
|
}
|
.mdc-button,.mdc-button:focus{
|
border: 1px solid #dcdfe6;
|
background-color: #ffffff;
|
color: #606266;
|
}
|
.mdc-button:hover,.mdc-button.active,.mdc-button.activated{
|
background-color: #409EFF;
|
border: 1px solid #409EFF;
|
color: #ffffff;
|
}
|
.mdc-button-outline,.mdc-button-outline:focus{
|
border: 1px solid #dcdfe6;
|
background-color: #ffffff;
|
color: #606266;
|
}
|
.mdc-button-outline:hover,.mdc-button-outline.active,.mdc-button-outline.activated{
|
background-color: #ffffff;
|
border: 1px solid #409EFF;
|
color: #409EFF;
|
}
|
.mdc-btn-bar{
|
|
}
|
.mdc-btn-bar>.el-button{
|
margin-left: 0;border-radius: 0;border-left:none
|
}
|
.mdc-btn-bar>.el-button:first-child{
|
border-left: 1px solid #dcdfe6;
|
border-top-left-radius: 4px;
|
border-bottom-left-radius: 4px;
|
}
|
.mdc-btn-bar>.el-button:last-child{
|
border-top-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
}
|
.mdc-dropdown{
|
|
}
|
.mdc-dropdown .el-button{
|
padding: 8px 16px;
|
}
|
/** 自定义授权框*/
|
/* .custom-dialog{
|
width: 80%;
|
max-width: 740px;
|
} */
|
.custom-dialog .el-dialog__header{
|
background-color: #e5e5e5;
|
}
|
|
.mdc-switch-txt{
|
color: #333;
|
font-size: 14px;
|
vertical-align: middle;
|
}
|
|
/*** 设备卡片**/
|
.device-layout {
|
display: flex;
|
flex-wrap: wrap;
|
padding-top: 60px;
|
}
|
.device-item-card {
|
width:25%;
|
text-align: center;
|
padding: 10px 10px 0;
|
overflow: hidden;
|
}
|
.content-card{
|
padding: 10px;
|
border: 1px solid #0e2f67;
|
background-color: rgb(30,83,130);
|
}
|
.device-img-layout{
|
margin: -16px 0 10px;
|
padding-top: 18px;text-align: center;
|
}
|
.mdc-machine-image {
|
width: 90%;
|
margin: 0 auto;
|
height: 8rem;
|
display: block;
|
}
|
|
.mdc-device-toggle {
|
position: absolute!important;left: 50%; margin-left: -28px;bottom: 14px;
|
}
|
|
.mdc-machine-name {
|
text-align: left;
|
font-size: 14px;line-height: 15px;height: 20px;overflow: hidden;margin-top: 10px;
|
}
|
.mdc-machine-efficiency {
|
text-align: left;
|
font-size: 14px;margin-top: 15px;
|
}
|
.mdc-machine-name>span,.mdc-machine-efficiency>span{font-size: 15px !important;color: #555555;}
|
@media only screen and (max-width:480px) {
|
.mdc-machine-name {
|
//text-align: left;
|
}
|
.mdc-device-toggle{
|
//bottom: 14px;
|
}
|
}
|
/* @media only screen and (min-width:800px) {
|
.device-item-card{
|
width: 25%;
|
}
|
}
|
@media only screen and (min-width:1280px) {
|
.device-item-card{
|
width: 20%;
|
}
|
} */
|
.mdc-popover{
|
padding: 12px 0; min-width: 100px;
|
}
|
.text-center{
|
text-align: center;
|
}
|
.mdc-loading{
|
}
|
.mdc-loading .el-loading-spinner .el-loading-text{
|
font-size: 18px;
|
}
|
|
/* xs */
|
.displayinline{display: inline-block}
|
.displayblock{display: block}
|
.heiline40{height: 40px;line-height: 40px}
|
i{font-style:normal}
|
.fl{float: left}
|
.fr{float: right}
|
.width2rem{width: 2rem;}
|
.margint05rem{margin-top: 0.5rem;}
|
.margintopf05{margin-top: -0.5rem}
|
.margintop5{margin-top: 5px !important;}
|
.margin5{margin: 5px;}
|
.margint10{margin-top: 10px;}
|
.marginr10{margin-right: 10px;}
|
.marginl10{margin-left: 10px;}
|
.marginr15{margin-right: 15px;}
|
.marginr5{margin-right: 5px;}
|
.marginr20{margin-right: 20px;}
|
.paddingb2rem{padding-bottom: 2rem;}
|
.paddingt10{padding-top: 10px;}
|
.mdc-machine-name-xs{text-align: center}
|
.borderga{border:1px dashed gainsboro}
|
li>label{font-weight: 500 !important;}
|
.textcenter{text-align: center}
|
.textleft{text-align: left !important;}
|
.machine-information,.boote{list-style: none}
|
.machine-information>li{padding: 3px}
|
.machine-information>li>img{width: 90%;text-align: center;height: 9rem;}
|
.boote>li{padding: 2px;text-align: center}
|
.bootstate{margin-top: 5px;border: 1px solid gainsboro;width: 2rem;height: 2rem;border-radius: 50%;display: inline-block;}
|
.backgreenredtitle{background-color: #990033 !important;}
|
.backwhiletitle{background-color: #ffffff !important;}
|
.backgreenred{
|
background-color: #990033 !important;
|
-webkit-animation: flashing 1s infinite ease-in-out
|
}
|
.backgreenyellowtitle{background-color: #009933 !important;}
|
.backgreenyellow{
|
background-color: #009933 !important;
|
-webkit-animation: flashing 1s infinite ease-in-out
|
}
|
.animated{
|
-webkit-animation-duration: 1s;
|
animation-duration: 1s;
|
-webkit-animation-fill-mode: both;
|
animation-fill-mode: both
|
}
|
@-webkit-keyframes flashing{
|
0%{
|
opacity: 0.5;
|
}
|
0%{
|
opacity: 0.7;
|
}
|
100%{
|
opacity: 1;
|
}
|
}
|
@keyframes flashing{
|
0%{
|
opacity: 0.5;
|
}
|
100%{
|
opacity: 1;
|
}
|
}
|
|
.backyellow{background-color: #ffed21 !important;}
|
.backwhite{background-color: white !important;}
|
.backblack{background-color: #989898 !important;}
|
.backgray{background-color: #B8B8B8;border:1px outset gainsboro}
|
.backgray .el-input__inner{background-color: #B8B8B8;border:1px outset gainsboro}
|
.ncstop{background-color: #010101 !important;}
|
.ncrun{background-color: #008000 !important;}
|
.ncidle{background-color: #ffff00 !important;}
|
.ncalarm{background-color: #ff0000 !important;}
|
.ncnodata{background-color: #dfdfdf !important;}
|
.processing-data{text-align: center;font-weight: 700;background-color:#39a2e8;color: white;}
|
.processing-form{text-align: center;margin-top: 2rem !important;margin: auto}
|
#tooltable{margin-top: 3px}
|
#tooltable .el-table td, .el-table th{background-color: #39a2e8;padding: 5px;color: white}
|
/* 机床地图 */
|
#drag>ul{list-style: none;overflow: hidden;}
|
#drag>ul>li{float: left;box-sizing:border-box;height: 70px;background-color: gainsboro;}
|
#drag>ul>li>div{padding: 5px;width: 100%;height: 100%;}
|
#drag{width: 100%;position: relative;}
|
#drag .divimg{width: 100%;text-align: center;}
|
#drag .divimg>img{width: 90%;}
|
#drag p{font-size: .5rem;}
|
.roomstatelist{font-size: .8rem;}
|
.roomstatelist>span{overflow: hidden;margin-right: 10px;}
|
.roomstatelist>span>.icons{width: 25px;height: 25px;border: 1px solid gainsboro;display: inline-block;border-radius: 50%;opacity: .1;}
|
.opacity1{opacity: 1 !important;margin-left: 70px;margin-top: -5px;}
|
.opacity01{opacity: .1 !important;}
|
#theradio .el-radio__inner{width: 25px;height: 25px;}
|
#theradio .el-radio-group{position: absolute;left: 14rem;top: 5px;}
|
#theradio .el-radio__inner::after{width: 10px;height: 10px;}
|
#theradio .el-radio__input.is-checked .el-radio__inner {border-color: #5E5E5E;background: #5E5E5E;}
|
#theradio .el-radio__input.is-checked+.el-radio__label{color: #5E5E5E;}
|
#toollist .el-checkbox{float: right;}
|
#toollist .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color: #5E5E5E;border-color: #5E5E5E;}
|
#toollist .el-checkbox__inner:hover,#toollist .el-radio__inner:hover {border-color: #5E5E5E;}
|
.statelist{border-bottom: 0px solid gainsboro;font-size: .8rem;text-align: center;width: 100%;position: fixed;top: 50px;background-color: white;z-index: 999;height: 50px;}
|
.statelist>span{overflow: hidden;margin-right: 8rem;}
|
.statelist>span>.icons{width: 28px;height: 28px;margin-top: 10px;border: 1px solid gainsboro;display: inline-block;border-radius: 50%;box-shadow: 0 0 8px #555555;}
|
.statelist .textwenzi{margin-top: -15px;display: inline-block;position: absolute;top: 18px;font-size: 18px;padding-top: 10px;margin-left: 10px;}
|
.statelist .textwenzi1{margin-top: -15px;display: inline-block;position: absolute;top: 18px;font-size: 18px;padding-top: 10px;margin-left: -100px;}
|
.statelist .el-radio-group{position: absolute;left:2rem !important;top: 13px !important;}
|
.statelist .utilization{margin-top: -15px;display: inline-block;position: absolute;top: 18px;font-size: 18px;padding-top: 50px;margin-left: 10px;}
|
.statelists{font-size: .8rem;text-align: center;width: 100%;position: fixed;top: 55px;}
|
.statelists>span{overflow: hidden;margin-right: 8rem;}
|
.statelists>span>.icons{width: 28px;height: 28px;border: 1px solid gainsboro;display: inline-block;border-radius: 50%;box-shadow: 0 0 8px #555555;}
|
.statelists .textwenzi{margin-top: -20px;display: inline-block;position: absolute;top: 18px;font-size: 18px;padding-top: 10px;margin-left: 10px;}
|
|
/* 左悬浮 */
|
.suspension{position: fixed;width: 15%;z-index: 998;top: 110px;left: 200px;}
|
.suspension>div{background-color: white;width: 100%;padding: 10px;border: 1px outset gainsboro;}
|
/* .suspension>div:nth-of-type(2){margin-top: 17px;height: 300px;} */
|
|
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color: rgba(16,54,87,.5) !important;}
|
.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color: rgba(16,54,87,.5) !important;}
|
/* 2019-12-09 xs */
|
.xxName{color: #333333 !important;font-weight: bold;}
|
.xsName{color: #FFFFFF !important;font-weight: bold;}
|
.xxstate{position: absolute;}
|
.screen .mdc-machine-efficiency{color: #6ec3ff;}
|
.foucs{width: 20px;height: 20px;cursor: pointer;position: absolute;right: 0;top: 0;}
|
|
/* 2020-01-15 xs */
|
.content-card-gary{background-color: #808080 !important;}
|
