From 35ae54320befb54df4dd7e8b2cf81680c951720b Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <xltys1995> Date: 星期一, 21 二月 2022 14:33:49 +0800 Subject: [PATCH] # --- src/main/webapp/static/css/console.css | 1001 +++++++++++++++++++++++++++++----------------------------- 1 files changed, 501 insertions(+), 500 deletions(-) diff --git a/src/main/webapp/static/css/console.css b/src/main/webapp/static/css/console.css index 06cb7ce..16f6eae 100644 --- a/src/main/webapp/static/css/console.css +++ b/src/main/webapp/static/css/console.css @@ -1,512 +1,513 @@ - * { - margin: 0; - overflow: hidden; - } - html,body { - height: 100%; - } - #root { - width: 100%; - height: 100%; - background-color: rgb(108,167,168); - } - .head { - height: 10%; - width: 20%; - padding-top: 1%; - padding-left: 1%; - color: #FFFFFF; - } - .head h1 { - font-weight: 400; - letter-spacing:3px; - } - .head h6 { - font-weight: 400; - } - #body { - width: 100%; - height: 23% ; - position: absolute; - bottom: 1%; - } - /* 鎺у埗寮�鍏� */ - .system-state { - display: inline-block; - width: 15%; - height: 100%; - background-color: rgba(0, 0, 0, 0.3); - border-radius: 15px; - margin-left: 1%; - } - /* 鍫嗗灈鏈虹姸鎬� */ - .machine-status { - display: inline-block; - width: 15%; - height: 100%; - background-color: rgba(0, 0, 0, 0.3); - border-radius: 15px; - margin-left: 1%; - } - .state-ss { - margin-left: 60px; +* { + margin: 0; + overflow: hidden; +} +html,body { + height: 100%; +} +#root { + width: 100%; + height: 100%; + background-color: rgb(108,167,168); +} +.head { + height: 10%; + width: 20%; + padding-top: 1%; + padding-left: 1%; + color: #FFFFFF; +} +.head h1 { + font-weight: 400; + letter-spacing:3px; +} +.head h6 { + font-weight: 400; +} +#body { + width: 100%; + height: 23% ; + position: absolute; + bottom: 1%; +} +/* 鎺у埗寮�鍏� */ +.system-state { + display: inline-block; + width: 15%; + height: 100%; + background-color: rgba(0, 0, 0, 0.3); + border-radius: 15px; + margin-left: 1%; +} +/* 鍫嗗灈鏈虹姸鎬� */ +.machine-status { + display: inline-block; + width: 15%; + height: 100%; + background-color: rgba(0, 0, 0, 0.3); + border-radius: 15px; + margin-left: 1%; +} +.state-ss { + margin-left: 60px; - } +} - /* 杈撻�佺嚎鐘舵�� */ - .line-status { - display: inline-block; - width: 15%; - height: 100%; - background-color: rgba(0, 0, 0, 0.3); - border-radius: 15px; - margin-left: 1%; - } - .line-ss { - display: inline-block; - float: right; - height: 15px; - width: 40px; - margin-top: 10px; - margin-right: 15px; - line-height: 15px; - text-align: center; - background-color: rgba(5, 5, 5, 0.3); - color: #ffdd00; - } - /* 鏉$爜鎵弿鍣� */ - .bar-code { - display: inline-block; - width: 49%; - height: 100%; - background-color: rgba(0, 0, 0, 0.3); - border-radius: 15px; - margin-left: 1%; - } - /*鎵爜琛ㄥ崟*/ - .tablebox { - display: inline-block; - width: 290px; - height: 162px; - margin-left: 1.5%; - color: white; - font-size: 14px; - list-style: none; - line-height: 27px; - text-indent: 10px; - } - .table-head { - width: 100%; - height: 27px; - background:linear-gradient(to right, rgb(94, 193, 184),rgb(12,71,63)); - } - .right { - float: right; - text-indent: 10px; - padding-right: 10px; - } - .table-body li { - background-color: #5D7677; - } - .table-body li:nth-child(even) { - background-color: #4A6565; - } +/* 杈撻�佺嚎鐘舵�� */ +.line-status { + display: inline-block; + width: 15%; + height: 100%; + background-color: rgba(0, 0, 0, 0.3); + border-radius: 15px; + margin-left: 1%; +} +.line-ss { + display: inline-block; + float: right; + height: 15px; + width: 40px; + margin-top: 10px; + margin-right: 15px; + line-height: 15px; + text-align: center; + background-color: rgba(5, 5, 5, 0.3); + color: #ffdd00; +} +/* 鏉$爜鎵弿鍣� */ +.bar-code { + display: inline-block; + width: 49%; + height: 100%; + background-color: rgba(0, 0, 0, 0.3); + border-radius: 15px; + margin-left: 1%; +} +/*鎵爜琛ㄥ崟*/ +.tablebox { + display: inline-block; + width: 290px; + height: 162px; + margin-left: 1.5%; + color: white; + font-size: 14px; + list-style: none; + line-height: 27px; + text-indent: 10px; +} +.table-head { + width: 100%; + height: 27px; + background:linear-gradient(to right, rgb(94, 193, 184),rgb(12,71,63)); +} +.right { + float: right; + text-indent: 10px; + padding-right: 10px; +} +.table-body li { + background-color: #5D7677; +} +.table-body li:nth-child(even) { + background-color: #4A6565; +} - /* 鎺у埗琛ㄥご */ - .body-head { - height: 35px; - width: 100%; - background-image: url(../images/status_bar_1.png); - background-repeat: no-repeat; - margin-left: 5%; - margin-top: 20px; - text-indent: 25px; - color: white; - } - - - .system-icon-open { - width: 153px; - height: 153px; - background-image: url(../images/start48.png); - display: inline-block; - } - .system-icon-close { - width: 153px; - height: 153px; - background-image: url(../images/stop48.png); - display: inline-block; - } - .switch_r { - color: #FFFFFF; - font-size: 14px; - width: 130px; - height: 153px; - float: right; - padding-top: 30px; - } - #system-run-desc { - font-size: 20px; - margin-top: 15px; - } - .state { - height: 34px; - width: 200px; - background-color: rgba(255,255,255,0.1); - background-image: url(../images/stacker.png); - background-repeat: no-repeat; - border-radius: 17px 0 0 17px; - padding-left: 50px; - line-height: 34px; - margin-bottom: 10px; - margin-left: 5%; - color: #FFFFFF; - font-size: 10px; - } - .states { - background-image: url(../images/line.png); - margin-bottom:54px; - } - .button { - margin-left: 5%; - font-size: 14px; - color: #FFFFFF; - } - /* 鍏ュ簱 */ - .machine-put-flag { - padding: 0 10px; - background-color: rgb(163,214,242); - } - /* 鍑哄簱 */ - .machine-take-flag { - padding: 0 10px; - background-color: rgb(151,180,0); - } - /* 搴撳埌搴� */ - .machine-stock-move-flag { - padding: 0 10px; - background-color: rgb(58,77,249); - } - /* 绔欏埌绔� */ - .machine-site-move-flag { - padding: 0 10px; - background-color: rgb(240,140,10); - } - /* PToP */ - .machine-p-move-flag { - padding: 0 10px; - background-color: rgb(29,152,23); - } - /* 寮傚父 */ - .machine-error-flag { - padding: 0 10px; - background-color: rgb(252,48,48); - } - /* 鑷姩 */ - .machine-auto-flag { - padding: 0 10px; - background-color: rgb(132,255,115); - } - /* 闈炶嚜鍔�/鎵嬪姩 */ - .machine-unauto-flag { - padding: 0 10px; - background-color: rgb(184,184,184); - } - /* 鑷姩+鏈夌墿+ID */ - .site-auto-run-id { - padding: 0 25px; - background-color: rgb(252,48,48); - } - /* 鑷姩+鏈夌墿 */ - .site-auto-run { - padding: 0 25px; - background-color: rgb(250,81,246); - } - /* 鑷姩+ID */ - .site-auto-id { - padding: 0 10px; - background-color: rgb(196,196,0); - } - .site-auto { - padding: 0 10px; - background-color: rgb(120,255,129); - } - /* 闈炶嚜鍔�/鎵嬪姩 */ - .site-unauto { - padding: 0 10px; - background-color: rgb(184,184,184); - } - #code { - background-image: url(../images/status_bar_2.png); - 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-row { - position: absolute; - top: 122px; - } - /* 杈撻�佺嚎绗竴鍒� */ - .site-row-1 { - top: 205px; - left: 172px; - } - .site-row-1 .site { - width: 70px; - } - - /* 杈撻�佺嚎绗簩鍒� */ - .site-row-2 { - top: 205px; - left: 243px; - } - .site-row-2 .site { - width: 70px; - } - .site-row-3 { - top: 246px; - left: 314px; - } - .site-row-3 .site { - width: 70px; - } - .site-row-4 { - top: 205px; - left: 314px; - } - - .site-row-5 { - top: 71px; - left: 456px; - } - .site-row-5 .site { - width: 70px; - } - .site-row-6 { - top: 71px; - left: 528px; - } - .site-row-6 .site { - width: 70px; - } - - - /* ------------------ 璐ф灦鎬绘垚 ------------------ */ - .main-part { - position: absolute; - top: 20px; - left: 600px; - } - .main-part .lane { - margin-top: 30px; - } - /* 搴撲綅缁� */ - .stock-group .item { - float: left; - border-top: 1px solid rgb(194,76,65); - border-bottom: 1px solid rgb(194,76,65); - border-left: 1px solid rgb(194,76,65); - border-right: 1px solid rgb(194,76,65); - border-right: none; - cursor: inherit; - color: rgb(194,76,65); - } - .stock-group .site { - width: 80px; - float: left; - } - .stock-group::after, .stock-group::before { - content: ""; - display: table; - clear: both; - } - /* 鍫嗗灈鏈鸿建閬� */ - .pathway { - margin-left: 30px; - border: 1px solid #333; - position: absolute; - background-color:#333!important; - color: #333 !important; - width: 100%; - margin-top: 10px; - } - /* 鍫嗗灈鏈� */ - .machine { - margin-left: 30px; - position: relative; - background-color: rgb(108,167,168); - height: 20px; - width: 80px; - background-image: url("../images/Crane_auto.png"); - background-repeat: no-repeat; - background-size:100% 100%; - background-position: top center; - cursor: pointer; - } - /* 鍏ュ簱 */ - .machine-pakin { - background-image: url("../images/Crane_store.png"); - } - /* 鍑哄簱 */ - .machine-pakout { - background-image: url("../images/Crane_retrieve.png"); - } - /* 搴撳埌搴� */ - .machine-stock-move { - background-image: url("../images/Crane_loctoloc.png"); - } - /* 绔欏埌绔� */ - .machine-site-move { - background-image: url("../images/Crane_stntostn.png"); - } - /* p to p */ - .machine-p-move { - background-image: url("../images/Crane_hptoohp.png"); - } - /* 寮傚父 */ - .machine-error { - background-image: url("../images/Crane_error.png"); - } - /* 鑷姩 */ - .machine-auto { - background-image: url("../images/Crane_auto.png"); - } - /* 闈炶嚜鍔�/鏀跺埌 */ - .machine-un-auto { - background-image: url("../images/Crane_manual.png"); - } +/* 鎺у埗琛ㄥご */ +.body-head { + height: 35px; + width: 100%; + background-image: url(../images/status_bar_1.png); + background-repeat: no-repeat; + margin-left: 5%; + margin-top: 20px; + text-indent: 25px; + color: white; +} - /* 鍫嗗灈鏈哄脊绐� */ - #crnWindow { - width: 291px; - height: 365px; - background-image: url(../images/Popup-yellow.png); - - position: fixed; - color:white; - left: 50%; - top: 50%; - transform: translate(-50%,-50%); - } - /* 杈撻�佽澶囧脊绐� */ - #siteWindow { - width: 291px; - height: 336px; - background-image: url(../images/Popup-green.png); - position: fixed; - color:white; - left: 50%; - top: 50%; - transform: translate(-50%,-50%); - } - #siteWindow-head { - width: 291px; - height: 55px; - line-height: 55px; - margin-left: 25px; - color: #000000; - font-weight: 700; - letter-spacing: 2px; - } - #siteWindow-head .detailed { - display: inline-block; - } - #siteWindow-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: 50px; - } - #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; - } - - - - /* 寮圭獥 */ - 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; +.system-icon-open { + width: 153px; + height: 153px; + background-image: url(../images/start48.png); + display: inline-block; +} +.system-icon-close { + width: 153px; + height: 153px; + background-image: url(../images/stop48.png); + display: inline-block; +} +.switch_r { + color: #FFFFFF; + font-size: 14px; + width: 130px; + height: 153px; + float: right; + padding-top: 30px; +} +#system-run-desc { + font-size: 20px; + margin-top: 15px; +} +.state { + height: 34px; + width: 200px; + background-color: rgba(255,255,255,0.1); + background-image: url(../images/stacker.png); + background-repeat: no-repeat; + border-radius: 17px 0 0 17px; + padding-left: 50px; + line-height: 34px; + margin-bottom: 10px; + margin-left: 5%; + color: #FFFFFF; + font-size: 10px; +} +.states { + background-image: url(../images/line.png); + margin-bottom:54px; +} +.button { + margin-left: 5%; + font-size: 14px; + color: #FFFFFF; +} +/* 鍏ュ簱 */ +.machine-put-flag { + padding: 0 10px; + background-color: rgb(163,214,242); +} +/* 鍑哄簱 */ +.machine-take-flag { + padding: 0 10px; + background-color: rgb(151,180,0); +} +/* 搴撳埌搴� */ +.machine-stock-move-flag { + padding: 0 10px; + background-color: rgb(58,77,249); +} +/* 绔欏埌绔� */ +.machine-site-move-flag { + padding: 0 10px; + background-color: rgb(240,140,10); +} +/* PToP */ +.machine-p-move-flag { + padding: 0 10px; + background-color: rgb(29,152,23); +} +/* 寮傚父 */ +.machine-error-flag { + padding: 0 10px; + background-color: rgb(252,48,48); +} +/* 鑷姩 */ +.machine-auto-flag { + padding: 0 10px; + background-color: rgb(132,255,115); +} +/* 闈炶嚜鍔�/鎵嬪姩 */ +.machine-unauto-flag { + padding: 0 10px; + background-color: rgb(184,184,184); +} +/* 鑷姩+鏈夌墿+ID */ +.site-auto-run-id { + background-color: rgb(252,48,48); +} +/* 鑷姩+鏈夌墿 */ +.site-auto-run { + background-color: rgb(250,81,246); +} +/* 鑷姩+ID */ +.site-auto-id { + background-color: rgb(196,196,0); +} +/* 鑷姩 */ +.site-auto { + background-color: rgb(120,255,129); +} +/* 闈炶嚜鍔�/鎵嬪姩 */ +.site-unauto { + background-color: rgb(184,184,184); +} +#code { + background-image: url(../images/status_bar_2.png); + 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; + top: 122px; +} +/* 杈撻�佺嚎绗竴鍒� */ +.site-row-1 { + top: 205px; + left: 128px; +} +.site-row-1 .site { + width: 90px; +} - } \ No newline at end of file +/* 杈撻�佺嚎绗簩鍒� */ +.site-row-2 { + top: 205px; + left: 230px; +} +.site-row-2 .site { + width: 90px; +} +.site-row-3 { + top: 205px; + left: 302px; + width: 144px; +} +.site-row-3 .site { + width: 90px; +} +.site-row-4 { + top: 246px; + left: 374px; +} + +.site-row-5 { + top: 71px; + left: 446px; +} +.site-row-5 .site { + width: 90px; +} +.site-row-6 { + top: 71px; + left: 518px; +} +.site-row-6 .site { + width: 90px; +} + + +/* ------------------ 璐ф灦鎬绘垚 ------------------ */ +.main-part { + position: absolute; + top: 20px; + left: 590px; +} +.main-part .lane { + margin-top: 30px; +} +/* 搴撲綅缁� */ +.stock-group .item { + float: left; + border-top: 1px solid rgb(194,76,65); + border-bottom: 1px solid rgb(194,76,65); + border-left: 1px solid rgb(194,76,65); + border-right: 1px solid rgb(194,76,65); + border-right: none; + cursor: inherit; + color: rgb(194,76,65); +} +.stock-group .site { + width: 80px; + float: left; +} +.stock-group::after, .stock-group::before { + content: ""; + display: table; + clear: both; +} +/* 鍫嗗灈鏈鸿建閬� */ +.pathway { + margin-left: 30px; + border: 1px solid #333; + position: absolute; + background-color:#333!important; + color: #333 !important; + width: 100%; + margin-top: 10px; +} +/* 鍫嗗灈鏈� */ +.machine { + margin-left: 30px; + position: relative; + background-color: rgb(108,167,168); + height: 20px; + width: 80px; + background-image: url("../images/Crane_auto.png"); + background-repeat: no-repeat; + background-size:100% 100%; + background-position: top center; + cursor: pointer; +} +/* 鍏ュ簱 */ +.machine-pakin { + background-image: url("../images/Crane_store.png"); +} +/* 鍑哄簱 */ +.machine-pakout { + background-image: url("../images/Crane_retrieve.png"); +} +/* 搴撳埌搴� */ +.machine-stock-move { + background-image: url("../images/Crane_loctoloc.png"); +} +/* 绔欏埌绔� */ +.machine-site-move { + background-image: url("../images/Crane_stntostn.png"); +} +/* p to p */ +.machine-p-move { + background-image: url("../images/Crane_hptoohp.png"); +} +/* 寮傚父 */ +.machine-error { + background-image: url("../images/Crane_error.png"); +} +/* 鑷姩 */ +.machine-auto { + background-image: url("../images/Crane_auto.png"); +} +/* 闈炶嚜鍔�/鏀跺埌 */ +.machine-un-auto { + background-image: url("../images/Crane_manual.png"); +} + + +/* 鍫嗗灈鏈哄脊绐� */ +#crnWindow { + width: 291px; + height: 365px; + background-image: url(../images/Popup-yellow.png); + + position: fixed; + color:white; + left: 50%; + top: 50%; + transform: translate(-50%,-50%); +} +/* 杈撻�佽澶囧脊绐� */ +#siteWindow { + width: 291px; + height: 336px; + background-image: url(../images/Popup-green.png); + position: fixed; + color:white; + left: 50%; + top: 50%; + transform: translate(-50%,-50%); +} +#siteWindow-head { + width: 291px; + height: 55px; + line-height: 55px; + margin-left: 25px; + color: #000000; + font-weight: 700; + letter-spacing: 2px; +} +#siteWindow-head .detailed { + display: inline-block; +} +#siteWindow-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: 50px; +} +#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; +} + + + +/* 寮圭獥 */ +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; + +} \ No newline at end of file -- Gitblit v1.9.1