| | |
| | | display: inline-block; |
| | | float: left; |
| | | position: fixed; |
| | | width: 49%; |
| | | width: 34%; |
| | | height: 23%; |
| | | background-color: rgba(0, 0, 0, 0.3); |
| | | border-radius: 15px; |
| | |
| | | } |
| | | .states { |
| | | background-image: url(../images/line.png); |
| | | margin-bottom:54px; |
| | | /*margin-bottom:54px;*/ |
| | | } |
| | | .button { |
| | | margin-left: 5%; |
| | |
| | | /* 站点 */ |
| | | .site { |
| | | color: #333; |
| | | height: 24px; |
| | | border: 1px solid rgb(108,167,168); |
| | | height: 35px; |
| | | /*border: 1px solid rgb(108,167,168);*/ |
| | | cursor: pointer; |
| | | width: 50px; |
| | | width: 60px; |
| | | text-align: center; |
| | | background-color: rgb(120,255,129); |
| | | font-size: 13px; |
| | |
| | | /* 非自动/手动 */ |
| | | .site-unauto { |
| | | background-color: rgb(184,184,184); |
| | | } |
| | | /*空闲*/ |
| | | .shuttle-idle { |
| | | background-color: rgb(120,255,129); |
| | | } |
| | | /*作业中*/ |
| | | .shuttle-working { |
| | | background-color: rgb(196,196,0); |
| | | } |
| | | /*等待确认*/ |
| | | .shuttle-waiting { |
| | | background-color: rgb(184,184,184); |
| | | } |
| | | /*充电中*/ |
| | | .shuttle-charging { |
| | | background-color: rgb(250,81,246); |
| | | } |
| | | /*充电任务等待确认*/ |
| | | .shuttle-charging-waiting { |
| | | background-color: rgb(58,77,249); |
| | | } |
| | | /*故障修复中*/ |
| | | .shuttle-fixing { |
| | | background-color: rgb(252,48,48); |
| | | } |
| | | /*离线*/ |
| | | .shuttle-offline { |
| | | background-color: rgb(0, 0, 0); |
| | | } |
| | | /*空闲*/ |
| | | .lift-idle { |
| | | background-color: rgb(120,255,129); |
| | | } |
| | | /*作业中*/ |
| | | .lift-working { |
| | | background-color: rgb(196,196,0); |
| | | } |
| | | /*等待确认*/ |
| | | .lift-waiting { |
| | | background-color: rgb(184,184,184); |
| | | } |
| | | /*离线*/ |
| | | .lift-offline { |
| | | background-color: rgb(0, 0, 0); |
| | | } |
| | | #code { |
| | | background-image: url(../images/status_bar_2.png); |
| | |
| | | .main-part { |
| | | position: absolute; |
| | | top: 100px; |
| | | left: 480px; |
| | | left: -150px; |
| | | width: 2205px; |
| | | scale: 0.7; |
| | | } |
| | | .main-part .lane { |
| | | margin-top: 30px; |
| | | position: relative; |
| | | } |
| | | /* 钢架号 */ |
| | | .row-no { |
| | |
| | | } |
| | | |
| | | /* 库位组 */ |
| | | .stock-group { |
| | | width: 100%; |
| | | } |
| | | .stock-group .item { |
| | | width: 40px; |
| | | height: 30px; |
| | | width: 35px; |
| | | height: 35px; |
| | | float: left; |
| | | border-top: 1px solid rgb(194,76,65); |
| | | border-bottom: 1px solid rgb(194,76,65); |
| | |
| | | } |
| | | |
| | | .stock-group .site { |
| | | width: 80px; |
| | | width: 35px; |
| | | float: left; |
| | | word-break: break-all; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | } |
| | | .stock-group::after, .stock-group::before { |
| | | content: ""; |
| | |
| | | .btn-16:active { |
| | | top: 2px; |
| | | } |
| | | .btn-16-active{ |
| | | color: #323131 !important; |
| | | } |
| | | |
| | | .sxcar{ |
| | | width: 40px; |
| | | height: 30px; |
| | | width: 35px; |
| | | height: 35px; |
| | | background-image: url(../images/sxcar.png); |
| | | background-size: 100% 100%; |
| | | position: relative; |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | text-shadow: 2px 2px 4px #000000; |
| | | color: red; |
| | | font-size: 18px; |
| | | } |