From c350b737713fe518c22036dfc9a2574bcafcb15c Mon Sep 17 00:00:00 2001
From: vincent <1341870251@qq.com>
Date: 星期二, 02 六月 2020 15:18:08 +0800
Subject: [PATCH] #
---
src/main/webapp/static/css/console.css | 299 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 272 insertions(+), 27 deletions(-)
diff --git a/src/main/webapp/static/css/console.css b/src/main/webapp/static/css/console.css
index 565ef17..1f24a7f 100644
--- a/src/main/webapp/static/css/console.css
+++ b/src/main/webapp/static/css/console.css
@@ -1,25 +1,193 @@
html {
height: 100%;
}
+
body {
height: 100%;
- background-color: #fff;
+ background-color: #f1f1f1;
border-radius: 5px;
box-shadow: 0 0 3px rgba(0,0,0,.3);
+ padding: 10px;
}
-/* 澶撮儴 */
+
+/* ------------------------------------ 澶撮儴 ------------------------------------*/
header {
+ border-radius: 5px;
+ box-shadow: 0 0 3px rgba(0,0,0,.3);
+ background-color: #fff;
height: 20%;
- border: 1px solid red;
-}
-/* 涓讳綋 */
-main {
- height: 80%;
+ opacity: 0.8;
position: relative;
+}
+/* 鍒嗗壊绾� */
+.header-hr {
+ border-radius: 5px;
+ border: 1px solid #777;
+ width: 80%;
+ position: absolute;
+ bottom: 0;
+}
+/* 绯荤粺杩愯鐘舵�� */
+.system-state {
+ float: left;
+ margin-left: 30px;
+ margin-top: 30px;
+ text-align: center;
+ color: #2d6aff;
+}
+.system-icon {
+ width: 100px;
+ height: 100px;
+ background-image: url("../image/stop48.png");
+ background-repeat: no-repeat;
+ background-size:100% 100%;
+ background-position: top center;
+ cursor: pointer;
+}
+.system-state span {
+ display: inline-block;
+ padding-top: 10px;
+ font-weight: bold;
+}
+
+/* 鐘舵�佹樉绀� */
+.data-window {
+ padding-top: 20px;
+ float: left;
+ width: 70%;
+ text-align: center;
+}
+.data-window h1 {
+ font-size: 3em;
+ margin: 0;
+ letter-spacing: 1px;
+ font-weight: inherit;
+}
+
+/* 棰滆壊鎻愮ず */
+.tips {
+ position: absolute;
+ bottom: 7%;
+ left: 10%;
+}
+.tips-item {
+ margin-bottom: 0;
+ font-size: 0;
+ text-align: left;
+}
+.tips-item label {
+ display: inline-block;
+ width: 130px;
+ text-align: right;
+ font-size: xx-small;
+}
+.item-group {
+ display: inline-block;
+}
+.item-group span {
+ font-size: xx-small;
+ padding: 0 10px;
+}
+
+/* ------------------------------------ 涓讳綋 ------------------------------------*/
+main {
+ margin-top: 8px;
+ border-radius: 5px;
+ box-shadow: 0 0 3px rgba(0,0,0,.3);
+ background-color: #fff;
+ height: 75.8%;
+ position: relative;
+}
+
+/* ------------------ 杈撻�佺嚎鎬绘垚 ------------------ */
+.site-row {
+ position: absolute;
+ top: 122px;
+}
+/* 杈撻�佺嚎绗竴鍒� */
+.site-row-1 {
+ left: 100px;
+}
+.site-row-1 .site {
+ width: 100px;
+}
+/* 杈撻�佺嚎绗簩鍒� */
+.site-row-2 {
+ left: 200px;
+}
+.site-row-2 .site {
+ width: 100px;
+}
+/* 杈撻�佺嚎绗笁鍒� */
+.site-row-3 {
+ left: 300px;
+ width: 100px;
+}
+.site-row-3 .site {
+ float: left;
+ width: 100px;
+}
+/* 杈撻�佺嚎绗洓鍒� */
+.site-row-4 {
+ left: 400px;
+ width: 100px;
+}
+.site-row-4 .site {
+ float: right;
+ width: 100px;
+}
+
+/* 绔欑偣 */
+.site {
+ color: #333;
+ height: 20px;
+ border: 1px solid #fff;
+ cursor: pointer;
+ width: 50px;
+ text-align: center;
+ background-color: #21ff3a;
+ font-size: 13px;
+}
+/* 鏃犳晥绔欑偣锛堝繀椤诲湪site涓嬮潰锛� */
+.site-none {
+ border: none;
+ background-color: transparent;
+}
+/* 鑷姩 */
+.site-auto {
+ background-color: rgb(42,253,47);
+}
+/* 闈炶嚜鍔�/鏀跺埌 */
+.site-unauto {
+ background-color: #aaaaaa;
+}
+/* 鑷姩+鏈夌墿+ID */
+.site-auto-run-id {
+ background-color: red;
+}
+/* 鑷姩+鏈夌墿 */
+.site-auto-run {
+ background-color: #fc29f8;
+}
+/* 鑷姩+鏈夌墿+ID */
+.site-auto-id {
+ background-color: yellow;
+}
+
+
+/* ------------------ 璐ф灦鎬绘垚 ------------------ */
+.main-part {
+ position: absolute;
+ top: 250px;
+ left: 300px;
+}
+.main-part .lane {
+ margin-bottom: 30px;
}
/* 鎺掑彿 */
.row-no {
- margin-left: 50px;
+ font-weight: bolder;
+ margin-left: 80px;
}
/* 搴撲綅缁� */
@@ -40,12 +208,13 @@
clear: both;
}
.stock-group .site {
+ width: 80px;
float: left;
}
button.item {
font-size: 13px;
padding: 1px 1px 1px 1px;
- width: 20px;
+ width: 30px;
height: 20px;
outline: none;
cursor: pointer;
@@ -60,6 +229,8 @@
/* 鍫嗗灈鏈� */
.machine {
+ margin-left: 30px;
+ position: relative;
background-color: #fff;
height: 20px;
width: 80px;
@@ -70,37 +241,111 @@
cursor: pointer;
}
+/* 鍏ュ簱 */
+.machine-put {
+ background-color: #90d0f3;
+}
+/* 鍑哄簱 */
+.machine-take {
+ background-color: yellow;
+}
+/* 搴撳埌搴� */
+.machine-stock-move {
+ background-color: #0c24fb;
+ color: #fff;
+}
+/* 绔欏埌绔� */
+.machine-site-move {
+ background-color: #faa328;
+}
+/* PToP */
+.machine-p-move {
+ background-color: #128014;
+ color: #fff;
+}
+/* 寮傚父 */
+.machine-error {
+ background-color: red;
+}
+/* 鑷姩 */
+.machine-auto {
+ background-color: rgb(42,253,47);
+}
+/* 闈炶嚜鍔�/鏀跺埌 */
+.machine-unauto {
+ background-color: #aaaaaa;
+}
+
/* 鍫嗗灈鏈鸿建閬� */
.pathway {
+ margin-left: 30px;
border: 1px solid #333;
position: absolute;
background-color:#333!important;
color: #333 !important;
- width: 100%;
+ width: 90%;
margin-top: 10px;
- z-index: -1;
}
-
/* 杈撻�佺嚎鐩稿叧 */
.site:hover {
opacity: 0.7;
}
+/* 鍏ュ簱鍙� */
+.cargo-put {
+ top: 68px;
+ left: 113px;
+ position: absolute;
+ width: 50px;
+ height: 50px;
+ background-image: url("../image/fork_r.png");
+ background-repeat: no-repeat;
+ background-size:100% 100%;
+ background-position: top center;
+}
+
+/* 鎵爜鍣� */
+.code-decoder {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ background-image: url("../image/bscanner.png");
+ background-repeat: no-repeat;
+ background-size:100% 60%;
+ background-position: top center;
+}
+/* 鎵爜鍣ㄦ枃瀛� */
+.code-decoder-data {
+ font-size: small;
+ display: inline-block;
+ /*transform: scale(0.90);*/
+}
+/* 鎵爜鍣�1 */
+#code-decoder-1 {
+ top: 240px;
+ left: 470px;
+}
+/* 鎵爜鍣ㄦ暟鎹�1 */
+#code-decoder-data-1 {
+ font-size: xx-small;
+ margin-left: 35px;
+}
+
+
/* 鍔ㄧ敾 */
-/*鍔ㄧ敾*/
-.machine {
- position: relative;
- -webkit-animation: machine 2s;
- animation: machine 2s;
- animation-fill-mode: forwards;
-}
-@-webkit-keyframes machine {
- from {left: 0;}
- to {left: 100px}
-}
-@keyframes animationCrn {
- from {left: 0}
- to {left: 100px}
-}
\ No newline at end of file
+/*.machine {*/
+ /*position: relative;*/
+ /*-webkit-animation: machine 2s;*/
+ /*animation: machine 2s;*/
+ /*animation-fill-mode: forwards;*/
+/*}*/
+/*@-webkit-keyframes machine {*/
+ /*from {left: 0;}*/
+ /*to {left: 100px}*/
+/*}*/
+/*@keyframes animationCrn {*/
+ /*from {left: 0}*/
+ /*to {left: 100px}*/
+/*}*/
\ No newline at end of file
--
Gitblit v1.9.1