| | |
| | | position: absolute; |
| | | display: inline-block; |
| | | background-color: #000000; |
| | | z-index: 5; |
| | | } |
| | | .item { |
| | | border: 1px solid rgb(194,76,65); |
| | |
| | | height: 100%; |
| | | width: 100%; |
| | | } |
| | | |
| | | .floorBtn { |
| | | position: absolute; |
| | | border-radius: 5px; |
| | | left: 1750px; |
| | | width: 90px; |
| | | height: 40px; |
| | | color: #ffffff; |
| | | font-size: 24px; |
| | | font-weight: 500; |
| | | letter-spacing: 5px; |
| | | cursor:pointer; |
| | | transition: all 0.3s ease; |
| | | font-family: 'Lato', sans-serif; |
| | | background: transparent; |
| | | box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), |
| | | 4px 4px 5px 0px rgba(0, 0, 0, 0.1); |
| | | } |
| | | /* 16 */ |
| | | .btn-16 { |
| | | border: none; |
| | | color: #fff; |
| | | } |
| | | .btn-16:after { |
| | | position: absolute; |
| | | content: ''; |
| | | width: 0; |
| | | height: 100%; |
| | | top: 0; |
| | | left: 0; |
| | | direction: rtl; |
| | | z-index: -1; |
| | | box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, |
| | | 4px 4px 5px 0px #0001; |
| | | transition: all 0.3s ease; |
| | | } |
| | | .btn-16:hover { |
| | | color: #323131; |
| | | } |
| | | .btn-16:hover:after { |
| | | left: auto; |
| | | right: 0; |
| | | width: 100%; |
| | | } |
| | | .btn-16:active { |
| | | top: 2px; |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | /*操作显示栏*/ |
| | | #body { |
| | |
| | | text-align: center; |
| | | background-color: rgb(120,255,129); |
| | | font-size: 14px; |
| | | z-index: 9; |
| | | } |
| | | /*空站点*/ |
| | | .site-k { |
| | | border: 1px solid rgb(108,167,168); |
| | | background-color: rgb(108, 167, 168); |
| | | } |
| | | |
| | | /*库位*/ |
| | | .loc { |
| | | position: absolute; |
| | | color: #333; |
| | | cursor: pointer; |
| | | text-align: center; |
| | | background-color: rgb(120,255,129); |
| | | font-size: 14px; |
| | | z-index: 9; |
| | | } |
| | | |
| | | |
| | | /* 入库 */ |
| | | .machine-put-flag { |
| | | padding: 0 10px; |
| | |
| | | .site-unauto { |
| | | background-color: rgb(184,184,184); |
| | | } |
| | | |
| | | |
| | | /* 静置完成 */ |
| | | .LOC_STAY_OVER { |
| | | background-color: rgb(163,214,242); |
| | | } |
| | | /* 在库静置中*/ |
| | | .LOC_STAY { |
| | | background-color: rgb(151,180,0); |
| | | } |
| | | /* 在库待测 */ |
| | | .LOC_WAIT_TESTINT { |
| | | background-color: rgb(58,77,249); |
| | | } |
| | | /* 在库测试中 */ |
| | | .LOC_TESTING { |
| | | background-color: rgb(240,140,10); |
| | | } |
| | | /* 异常 */ |
| | | .LOC_ERROR { |
| | | background-color: rgb(252,48,48); |
| | | } |
| | | /* 空库位 */ |
| | | .LOC_EMPTY { |
| | | background-color: rgb(132,255,115); |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | #code { |
| | | background-image: url(../images/status_bar_2.png); |
| | | background-repeat: no-repeat; |
| | |
| | | .machine { |
| | | position: absolute; |
| | | background-color: rgb(108,167,168); |
| | | margin-left: 1116px; |
| | | /*margin-left: 1116px;*/ |
| | | height: 20px; |
| | | width: 80px; |
| | | background-image: url("../images/Crane_auto.png"); |
| | |
| | | width: 291px; |
| | | height: 365px; |
| | | background-image: url(../images/Popup-yellow.png); |
| | | position: fixed; |
| | | position: absolute; |
| | | color:white; |
| | | left: 50%; |
| | | top: 50%; |
| | | transform: translate(-50%,-50%); |
| | | /*left: 50%;*/ |
| | | /*top: 50%;*/ |
| | | /*transform: translate(-50%,-50%);*/ |
| | | z-index: 101; |
| | | } |
| | | /* 输送设备弹窗 */ |
| | |
| | | width: 291px; |
| | | height: 336px; |
| | | background-image: url(../images/Popup-green.png); |
| | | position: fixed; |
| | | position: absolute; |
| | | color:white; |
| | | left: 50%; |
| | | top: 50%; |
| | | transform: translate(-50%,-50%); |
| | | /*left: 50%;*/ |
| | | /*top: 50%;*/ |
| | | /*transform: translate(-50%,-50%);*/ |
| | | z-index: 101; |
| | | } |
| | | #siteWindow-head { |
| | |
| | | margin-top: 15px; |
| | | margin-right: 80px; |
| | | } |
| | | |
| | | |
| | | /*库位弹窗*/ |
| | | #locWindow { |
| | | width: 292px; |
| | | height: 175px; |
| | | background-color: rgba(0,0,0,0.85); |
| | | border-radius: 20px; |
| | | position: absolute; |
| | | color:white; |
| | | z-index: 101; |
| | | } |
| | | #locWindow-head { |
| | | background-color: rgb(163,214,242); |
| | | width: 292px; |
| | | height: 55px; |
| | | line-height: 55px; |
| | | color: #000000; |
| | | font-weight: 700; |
| | | letter-spacing: 2px; |
| | | text-indent: 1em; |
| | | } |
| | | #locWindow-head .detailed { |
| | | display: inline-block; |
| | | } |
| | | #locWindow-head button { |
| | | width: 25px; |
| | | height: 25px; |
| | | padding: 0px; |
| | | border: none; |
| | | border-radius: 25px; |
| | | background-image: url(../images/siteclose.png); |
| | | display: inline-block; |
| | | float: right; |
| | | margin-top: 15px; |
| | | margin-right: 40px; |
| | | } |
| | | |
| | | /* 弹窗 */ |
| | | form .form-item { |