|  |  |  | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | background-color: rgb(108,167,168); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .head { | 
|---|
|  |  |  | height: 10%; | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .floorBtn { | 
|---|
|  |  |  | position: absolute; | 
|---|
|  |  |  | /*border: 1px solid rgb(108, 167, 168);*/ | 
|---|
|  |  |  | top: 10px; | 
|---|
|  |  |  | color: #000000; | 
|---|
|  |  |  | 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 { | 
|---|
|  |  |  | 
|---|
|  |  |  | 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 { | 
|---|