| | |
| | | } |
| | | /* 自动+有物+ID */ |
| | | .site-auto-run-id { |
| | | border: 1px solid rgb(108,167,168); |
| | | padding: 0 25px; |
| | | background-color: rgb(252,48,48); |
| | | } |
| | | /* 自动+有物 */ |
| | | .site-auto-run { |
| | | border: 1px solid rgb(108,167,168); |
| | | padding: 0 25px; |
| | | background-color: rgb(250,81,246); |
| | | } |
| | | /* 自动+ID */ |
| | | .site-auto-id { |
| | | border: 1px solid rgb(108,167,168); |
| | | padding: 0 10px; |
| | | background-color: rgb(196,196,0); |
| | | } |
| | | /* 自动 */ |
| | | .site-auto { |
| | | border: 1px solid rgb(108,167,168); |
| | | padding: 0 10px; |
| | | background-color: rgb(120,255,129); |
| | | } |
| | | /* 非自动/手动 */ |
| | | .site-unauto { |
| | | border: 1px solid rgb(108,167,168); |
| | | padding: 0 10px; |
| | | background-color: rgb(184,184,184); |
| | | } |
| | |
| | | padding: 10px; |
| | | background-color: #f1f1f1; |
| | | } |
| | | |
| | | .button-window { |
| | | float: left; |
| | | width: 5%; |
| | | height: 100%; |
| | | } |
| | | /* -------------------- 第一模块 -------------------- */ |
| | | .log-board { |
| | | background-color: #fff; |
| | |
| | | .command-log { |
| | | float: left; |
| | | height: 100%; |
| | | width: 20%; |
| | | width: 19%; |
| | | text-align: center; |
| | | } |
| | | .command-log h2 { |
| | |
| | | .crn-state { |
| | | float: left; |
| | | height: 100%; |
| | | width: 80%; |
| | | width: 76%; |
| | | overflow: auto; |
| | | } |
| | | /* 堆垛机状态表 */ |
| | |
| | | |
| | | /* -------------------- 第二模块 -------------------- */ |
| | | .crn-msg { |
| | | overflow: auto; |
| | | /*overflow: auto;*/ |
| | | margin-top: 10px; |
| | | height: 23%; |
| | | background-color: #fff; |
| | |
| | | position: fixed; |
| | | top: 50%; |
| | | transform: translateY(-50%); |
| | | |
| | | |
| | | } |
| | | .sidebar ul { |
| | | font-size: 20px; |
| | | font-weight: 500; |
| | | font-weight: 700; |
| | | padding-left: 15%; |
| | | |
| | | } |
| | | .sidebar a { |
| | | text-decoration: none; |
| | | /* color: #fff; */ |
| | | /*color: #cbcbcb;*/ |
| | | } |
| | | |
| | | .sidebar a:hover { |
| | |
| | | |
| | | |
| | | .nav-unselect { |
| | | color: #fff; |
| | | color: #5D7677; |
| | | } |
| | | .nav-select { |
| | | color: rgb(87,214,201); |
| | |
| | | box-shadow: 0 0 3px rgba(0,0,0,.3); |
| | | margin-bottom: 8px; |
| | | } |
| | | .main-board { |
| | | .button-window { |
| | | float: left; |
| | | width: 50%; |
| | | width: 5%; |
| | | height: 100%; |
| | | } |
| | | .main-board { |
| | | padding-left: 1%; |
| | | float: left; |
| | | width: 47.5%; |
| | | height: 100%; |
| | | overflow: auto; |
| | | } |
| | |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div class="button-window"></div> |
| | | <!-- 日志监控板 --> |
| | | <div class="log-board"> |
| | | <!-- 执行命令 --> |
| | |
| | | </head> |
| | | <body> |
| | | <main> |
| | | <div class="button-window"></div> |
| | | <!-- plc异常日志监控版 --> |
| | | <div id="plc-error" class="main-board" style="padding-left: 10px"> |
| | | <!-- 头部 --> |