| | |
| | | background: #f0f0f0; |
| | | } |
| | | |
| | | .shelf { |
| | | height: 35px; |
| | | border-right: none; |
| | | cursor: default; |
| | | color: rgb(194, 76, 65); |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | user-select: none; |
| | | background: #f0f0f0; |
| | | } |
| | | |
| | | .track-item { |
| | | width: 100%; |
| | | height: 35px; |
| | | border-right: none; |
| | | cursor: default; |
| | | color: rgb(194, 76, 65); |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | user-select: none; |
| | | background: #f5d88f;; |
| | | padding: 0; |
| | | margin: 0; |
| | | position: relative; |
| | | z-index: 1; |
| | | } |
| | | |
| | | /* 站点 */ |
| | | .site { |
| | | color: #333; |
| | | height: 35px; |
| | | width: 35px; |
| | | height: 100%; |
| | | cursor: pointer; |
| | | text-align: center; |
| | | background-color: rgb(120, 255, 129); |
| | |
| | | user-select: none; |
| | | } |
| | | |
| | | .crn-item { |
| | | color: #333; |
| | | height: 35px; |
| | | cursor: pointer; |
| | | text-align: center; |
| | | background-color: rgb(120, 255, 129); |
| | | font-size: 13px; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | user-select: none; |
| | | margin: 1px; |
| | | position: absolute; |
| | | z-index: 2; |
| | | } |
| | | |
| | | /* rgv */ |
| | | .rgv-item { |
| | | color: #333; |
| | | height: 35px; |
| | | cursor: pointer; |
| | | text-align: center; |
| | | background-color: rgb(120, 255, 129); |
| | | font-size: 13px; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | user-select: none; |
| | | padding: 0; |
| | | margin: 0; |
| | | position: absolute; |
| | | z-index: 2; |
| | | } |
| | | |
| | | /*空站点*/ |
| | | .site-k { |
| | | border: 1px solid rgb(108, 167, 168); |
| | | /*border: 1px solid rgb(108, 167, 168);*/ |
| | | background-color: rgb(108, 167, 168); |
| | | } |
| | | |
| | | /* 入库 */ |
| | | .machine-pakin { |
| | | background-color: rgb(163, 214, 242); |
| | | } |
| | | |
| | | /* 出库 */ |
| | | .machine-pakout { |
| | | background-color: rgb(151, 180, 0); |
| | | } |
| | | |
| | | /* 库到库 */ |
| | | .machine-stock-move { |
| | | background-color: rgb(58, 77, 249); |
| | | } |
| | | |
| | | /* 站到站 */ |
| | | .machine-site-move { |
| | | background-color: rgb(240, 140, 10); |
| | | } |
| | | |
| | | /* PToP */ |
| | | .machine-p-move { |
| | | background-color: rgb(29, 152, 23); |
| | | } |
| | | |
| | | /* 异常 */ |
| | | .machine-error { |
| | | background-color: rgb(252, 48, 48); |
| | | } |
| | | |
| | | /* 自动 */ |
| | | .machine-auto { |
| | | background-color: rgb(132, 255, 115); |
| | | } |
| | | |
| | | /* 非自动/手动 */ |
| | | .machine-un-auto { |
| | | background-color: rgb(184, 184, 184); |
| | | } |
| | | |
| | | .machine-working { |
| | | background-color: rgb(255, 214, 11); |
| | | } |
| | | |
| | | /* 入库 */ |
| | |
| | | background-color: rgb(0, 0, 0); |
| | | } |
| | | |
| | | /* 堆垛机弹窗 */ |
| | | #crnWindow { |
| | | width: 291px; |
| | | height: 365px; |
| | | background-image: url(../images/Popup-yellow.png); |
| | | position: fixed; |
| | | color:white; |
| | | left: 50%; |
| | | top: 50%; |
| | | transform: translate(-50%,-50%); |
| | | z-index: 101; |
| | | } |
| | | |
| | | /* 输送设备弹窗 */ |
| | | #siteWindow { |
| | | width: 300px; |
| | |
| | | transform: translate(-50%, -50%); |
| | | border-radius: 20px 20px 0 0; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | /* RGV弹窗 */ |
| | | #rgvWindow { |
| | | width: 291px; |
| | | height: 365px; |
| | | background-image: url(../images/Popup-yellow.png); |
| | | position: fixed; |
| | | color:white; |
| | | left: 50%; |
| | | top: 50%; |
| | | transform: translate(-50%,-50%); |
| | | z-index: 101; |
| | | } |
| | | |
| | | #siteWindow-head { |
| | |
| | | display: inline-block; |
| | | float: right; |
| | | margin-right: 20px; |
| | | } |
| | | |
| | | #crnWindow-head { |
| | | width: 291px; |
| | | height: 55px; |
| | | line-height: 55px; |
| | | margin-left: 55px; |
| | | color: #000000; |
| | | font-weight: 700; |
| | | letter-spacing: 2px; |
| | | |
| | | } |
| | | #crnWindow-head .detailed { |
| | | display: inline-block; |
| | | } |
| | | #crnWindow-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: 80px; |
| | | } |
| | | |
| | | #rgvWindow-head { |
| | | width: 291px; |
| | | height: 55px; |
| | | line-height: 55px; |
| | | margin-left: 55px; |
| | | color: #000000; |
| | | font-weight: 700; |
| | | letter-spacing: 2px; |
| | | |
| | | } |
| | | #rgvWindow-head .detailed { |
| | | display: inline-block; |
| | | } |
| | | #rgvWindow-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: 80px; |
| | | } |
| | | |
| | | .siteWindow-body { |
| | |
| | | background-color: hsl(228, 8%, 54%); |
| | | } |
| | | |
| | | .sxcar{ |
| | | .sxcar { |
| | | width: 35px; |
| | | height: 35px; |
| | | background-image: url(../images/sxcar.png); |
| | |
| | | align-items: center; |
| | | text-shadow: 2px 2px 4px #000000; |
| | | font-size: 18px; |
| | | transition: all 0.8s; |
| | | user-select: none; |
| | | } |
| | | |
| | | /* 关键修改部分 */ |
| | | transform: translate(var(--x-pos), var(--y-pos)); |
| | | transition: transform 0.5s ease-in-out; |
| | | } |
| | | |
| | | /* 弹窗 */ |
| | | form .form-item { |
| | | display: inline-block; |
| | | padding-left: 10px; |
| | | } |
| | | form .form-item-label { |
| | | display: inline-block; |
| | | width: 90px; |
| | | font-size: 10px; |
| | | } |
| | | form .form-item-input { |
| | | display: inline-block; |
| | | width: 180px; |
| | | |
| | | } |
| | | form .form-item-input input { |
| | | background-color: rgba(255,255,255,.3); |
| | | color: #FFFFFF; |
| | | padding: 0; |
| | | border: none; |
| | | border-radius: 2px; |
| | | height: 18px; |
| | | padding-left: 10px; |
| | | } |
| | | /* checkbox */ |
| | | form .form-item-checkbox { |
| | | display: inline-block; |
| | | padding-left: 10px; |
| | | width: 20%; |
| | | } |
| | | form .form-item-label-checkbox { |
| | | display: inline-block; |
| | | width: auto; |
| | | font-size: 14px; |
| | | } |
| | | form .form-item-input-checkbox { |
| | | display: inline-block; |
| | | width: auto; |
| | | } |
| | | |
| | | .excel-table { |
| | | border-collapse: collapse; |
| | | width: 100%; |
| | | padding: 0; |
| | | margin: 0; |
| | | } |
| | | |
| | | .excel-table td { |
| | | padding: 0; |
| | | margin: 0; |
| | | text-align: center; |
| | | } |
| | | |
| | | .excel-table .merged { |
| | | display: none; |
| | | } |