| | |
| | | } |
| | | .head { |
| | | height: 10%; |
| | | width: 20%; |
| | | padding-top: 1%; |
| | | padding-left: 1%; |
| | | width: 100%; |
| | | color: #FFFFFF; |
| | | } |
| | | .head-left { |
| | | height: 100%; |
| | | width: 20%; |
| | | display: inline-block; |
| | | } |
| | | .head-right { |
| | | height: 100%; |
| | | width: 30%; |
| | | display: inline-block; |
| | | float: right; |
| | | } |
| | | .head h1 { |
| | | margin-top: 2%; |
| | | margin-left: 2%; |
| | | font-weight: 400; |
| | | letter-spacing:3px; |
| | | } |
| | | .head h6 { |
| | | margin-left: 2%; |
| | | font-weight: 400; |
| | | } |
| | | |
| | | img { |
| | | float: right; |
| | | margin-top: 10px; |
| | | margin-right: 10px; |
| | | } |
| | | #body { |
| | | width: 100%; |
| | | height: 23% ; |
| | | position: absolute; |
| | | bottom: 1%; |
| | | bottom: 2.5%; |
| | | } |
| | | /* 控制开关 */ |
| | | .system-state { |
| | |
| | | font-size: 14px; |
| | | color: #FFFFFF; |
| | | } |
| | | /* 站点 */ |
| | | .site { |
| | | color: #333; |
| | | height: 18px; |
| | | border: 1px solid rgb(108,167,168); |
| | | cursor: pointer; |
| | | width: 50px; |
| | | text-align: center; |
| | | background-color: rgb(120,255,129); |
| | | font-size: 13px; |
| | | } |
| | | /*空站点*/ |
| | | .site-k { |
| | | border: 1px solid rgb(108,167,168); |
| | | background-color: rgb(108, 167, 168); |
| | | } |
| | | /* 入库 */ |
| | | .machine-put-flag { |
| | | padding: 0 10px; |
| | |
| | | background-repeat: no-repeat; |
| | | margin-left: 2%; |
| | | } |
| | | /* 站点 */ |
| | | .site { |
| | | color: #333; |
| | | height: 18px; |
| | | border: 1px solid rgb(108,167,168); |
| | | cursor: pointer; |
| | | width: 50px; |
| | | text-align: center; |
| | | background-color: rgb(120,255,129); |
| | | font-size: 13px; |
| | | } |
| | | .site-k { |
| | | border: 1px solid rgb(108,167,168); |
| | | background-color: rgb(108, 167, 168); |
| | | } |
| | | /*空站点*/ |
| | | |
| | | |
| | | |
| | | /* ------------------ 输送线总成 ------------------ */ |
| | | .site-row { |
| | | position: absolute; |
| | |
| | | } |
| | | /* 输送线第一列 */ |
| | | .site-row-1 { |
| | | top: 205px; |
| | | left: 128px; |
| | | top: 28px; |
| | | left: 1270px; |
| | | } |
| | | .site-row-1 .site { |
| | | width: 90px; |
| | | width: 80px; |
| | | } |
| | | |
| | | /* 输送线第二列 */ |
| | | .site-row-2 { |
| | | top: 205px; |
| | | left: 230px; |
| | | top: 28px; |
| | | left: 1352px; |
| | | } |
| | | .site-row-2 .site { |
| | | width: 90px; |
| | | width: 80px; |
| | | } |
| | | .site-row-3 { |
| | | top: 205px; |
| | | left: 302px; |
| | | width: 144px; |
| | | top: 28px; |
| | | left: 1434px; |
| | | /*width: 164px;*/ |
| | | } |
| | | .site-row-3 .site { |
| | | width: 90px; |
| | | } |
| | | .site-row-4 { |
| | | top: 246px; |
| | | left: 374px; |
| | | width: 80px; |
| | | } |
| | | |
| | | .site-row-4 { |
| | | top: 109px; |
| | | left: 1516px; |
| | | } |
| | | .site-row-4 .site { |
| | | width: 80px; |
| | | } |
| | | .site-row-5 { |
| | | top: 71px; |
| | | left: 446px; |
| | | left: 530px; |
| | | } |
| | | .site-row-5 .site { |
| | | width: 90px; |
| | | width: 80px; |
| | | } |
| | | .site-row-6 { |
| | | top: 71px; |
| | | left: 518px; |
| | | left: 612px; |
| | | } |
| | | .site-row-6 .site { |
| | | width: 90px; |
| | | width: 80px; |
| | | } |
| | | |
| | | |
| | |
| | | .main-part { |
| | | position: absolute; |
| | | top: 20px; |
| | | left: 590px; |
| | | left: 300px; |
| | | } |
| | | .main-part .lane { |
| | | margin-top: 30px; |
| | |
| | | width: 100%; |
| | | margin-top: 10px; |
| | | } |
| | | |
| | | /* 堆垛机 */ |
| | | .machine { |
| | | margin-left: 30px; |
| | |
| | | background-size:100% 100%; |
| | | background-position: top center; |
| | | cursor: pointer; |
| | | |
| | | } |
| | | /* 入库 */ |
| | | .machine-pakin { |