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 | 200 +++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 189 insertions(+), 11 deletions(-) diff --git a/src/main/webapp/static/css/console.css b/src/main/webapp/static/css/console.css index f58bf55..1f24a7f 100644 --- a/src/main/webapp/static/css/console.css +++ b/src/main/webapp/static/css/console.css @@ -1,21 +1,101 @@ html { height: 100%; - background-color: #000000; } 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%; + 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 { - height: 80%; + margin-top: 8px; + border-radius: 5px; + box-shadow: 0 0 3px rgba(0,0,0,.3); + background-color: #fff; + height: 75.8%; position: relative; } @@ -26,21 +106,21 @@ } /* 杈撻�佺嚎绗竴鍒� */ .site-row-1 { - left: 400px; + left: 100px; } .site-row-1 .site { width: 100px; } /* 杈撻�佺嚎绗簩鍒� */ .site-row-2 { - left: 500px; + left: 200px; } .site-row-2 .site { width: 100px; } /* 杈撻�佺嚎绗笁鍒� */ .site-row-3 { - left: 600px; + left: 300px; width: 100px; } .site-row-3 .site { @@ -49,7 +129,7 @@ } /* 杈撻�佺嚎绗洓鍒� */ .site-row-4 { - left: 700px; + left: 400px; width: 100px; } .site-row-4 .site { @@ -73,16 +153,40 @@ 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: 600px; + left: 300px; } - +.main-part .lane { + margin-bottom: 30px; +} /* 鎺掑彿 */ .row-no { + font-weight: bolder; margin-left: 80px; } @@ -137,6 +241,41 @@ 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; @@ -146,15 +285,54 @@ color: #333 !important; 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 {*/ -- Gitblit v1.9.1