From 6876084ffc4a01c1eca6a609dec8c176efc59aae Mon Sep 17 00:00:00 2001
From: zhang <zc857179121@qq.com>
Date: 星期四, 22 一月 2026 15:16:45 +0800
Subject: [PATCH] 1
---
zy-acs-cv/src/main/webapp/static/css/render.css | 145 +++++++++++++++++++++++++++++++++++-------------
1 files changed, 106 insertions(+), 39 deletions(-)
diff --git a/zy-acs-cv/src/main/webapp/static/css/render.css b/zy-acs-cv/src/main/webapp/static/css/render.css
index c397e0e..82c8ad4 100644
--- a/zy-acs-cv/src/main/webapp/static/css/render.css
+++ b/zy-acs-cv/src/main/webapp/static/css/render.css
@@ -3,38 +3,45 @@
padding: 0;
overflow: hidden;
}
+
body {
height: 1080px;
width: 1920px;
}
+
#main {
height: 100%;
width: 100%;
- background-color: rgb(108,167,168);
+ background-color: rgb(108, 167, 168);
}
+
.head {
height: 10%;
width: 100%;
color: #FFFFFF;
}
+
.head-left {
height: 100%;
width: 20%;
display: inline-block;
}
+
.head-right {
height: 100%;
width: 30%;
display: inline-block;
float: right;
}
+
.head h1 {
display: inline;
margin-top: 2%;
margin-left: 2%;
font-weight: 400;
- letter-spacing:3px;
+ letter-spacing: 3px;
}
+
.head h6 {
display: inline;
margin-left: 2%;
@@ -46,10 +53,12 @@
margin-top: 10px;
margin-right: 10px;
}
+
.rack {
position: absolute;
display: inline-block;
}
+
.rackDescs {
height: 100%;
width: 100%;
@@ -57,33 +66,38 @@
display: inline-block;
text-align: center;
}
+
.stn {
text-align: center;
- background-color: rgb(120,255,129);
+ background-color: rgb(120, 255, 129);
position: absolute;
}
+
.crn {
position: absolute;
display: inline-block;
background-color: #00ff90;
z-index: 999;
}
+
.track {
position: absolute;
display: inline-block;
background-color: #000000;
z-index: 5;
}
+
.item {
- border: 1px solid rgb(194,76,65);
- color: rgb(194,76,65);
+ border: 1px solid rgb(194, 76, 65);
+ color: rgb(194, 76, 65);
height: 100%;
width: 100%;
}
+
.barcode {
position: absolute;
color: #a19c9c;
- border: 1px solid rgb(108,167,168);
+ border: 1px solid rgb(108, 167, 168);
cursor: pointer;
text-align: center;
background-color: rgb(157, 217, 162);
@@ -100,18 +114,20 @@
font-size: 24px;
font-weight: 500;
letter-spacing: 5px;
- cursor:pointer;
+ cursor: pointer;
transition: all 0.3s ease;
font-family: 'Lato', sans-serif;
background: transparent;
box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1),
4px 4px 5px 0px rgba(0, 0, 0, 0.1);
}
+
/* 16 */
.btn-16 {
border: none;
color: #fff;
}
+
.btn-16:after {
position: absolute;
content: '';
@@ -125,30 +141,30 @@
4px 4px 5px 0px #0001;
transition: all 0.3s ease;
}
+
.btn-16:hover {
color: #323131;
}
+
.btn-16:hover:after {
left: auto;
right: 0;
width: 100%;
}
+
.btn-16:active {
top: 2px;
}
-
-
-
-
/*鎿嶄綔鏄剧ず鏍�*/
#body {
width: 100%;
- height: 23% ;
+ height: 23%;
position: absolute;
bottom: 2.5%;
}
+
/* 鎺у埗寮�鍏� */
.system-state {
display: inline-block;
@@ -158,6 +174,7 @@
border-radius: 15px;
margin-left: 1%;
}
+
/* 鍫嗗灈鏈虹姸鎬� */
.machine-status {
display: inline-block;
@@ -167,6 +184,7 @@
border-radius: 15px;
margin-left: 1%;
}
+
.state-ss {
margin-left: 60px;
@@ -181,6 +199,7 @@
border-radius: 15px;
margin-left: 1%;
}
+
.line-ss {
display: inline-block;
float: right;
@@ -193,6 +212,7 @@
background-color: rgba(5, 5, 5, 0.3);
color: #ffdd00;
}
+
/* 鏉$爜鎵弿鍣� */
.bar-code {
display: inline-block;
@@ -202,6 +222,7 @@
border-radius: 15px;
margin-left: 1%;
}
+
/*鎵爜琛ㄥ崟*/
.tablebox {
display: inline-block;
@@ -214,23 +235,26 @@
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));
+ 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;
}
-
/* 鎺у埗琛ㄥご */
@@ -252,12 +276,14 @@
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;
@@ -266,14 +292,16 @@
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-color: rgba(255, 255, 255, 0.1);
background-image: url(../images/stacker.png);
background-repeat: no-repeat;
border-radius: 17px 0 0 17px;
@@ -284,137 +312,164 @@
color: #FFFFFF;
font-size: 10px;
}
+
.states {
background-image: url(../images/line.png);
- margin-bottom:54px;
+ margin-bottom: 54px;
}
+
.button {
margin-left: 5%;
font-size: 14px;
color: #FFFFFF;
}
+
/* 绔欑偣 */
.site {
position: absolute;
color: #333;
cursor: pointer;
text-align: center;
- background-color: rgb(120,255,129);
+ background-color: rgb(120, 255, 129);
font-size: 14px;
z-index: 9;
}
+
/*绌虹珯鐐�*/
.site-k {
- border: 1px solid rgb(108,167,168);
+ border: 1px solid rgb(108, 167, 168);
background-color: rgb(108, 167, 168);
}
+
/* 鍏ュ簱 */
.machine-put-flag {
padding: 0 10px;
- background-color: rgb(163,214,242);
+ background-color: rgb(163, 214, 242);
}
+
/* 鍑哄簱 */
.machine-take-flag {
padding: 0 10px;
- background-color: rgb(151,180,0);
+ background-color: rgb(151, 180, 0);
}
+
/* 搴撳埌搴� */
.machine-stock-move-flag {
padding: 0 10px;
- background-color: rgb(58,77,249);
+ background-color: rgb(58, 77, 249);
}
+
/* 绔欏埌绔� */
.machine-site-move-flag {
padding: 0 10px;
- background-color: rgb(240,140,10);
+ background-color: rgb(240, 140, 10);
}
+
/* PToP */
.machine-p-move-flag {
padding: 0 10px;
- background-color: rgb(29,152,23);
+ background-color: rgb(29, 152, 23);
}
+
/* 寮傚父 */
.machine-error-flag {
padding: 0 10px;
- background-color: rgb(252,48,48);
+ background-color: rgb(252, 48, 48);
}
+
/* 鑷姩 */
.machine-auto-flag {
padding: 0 10px;
- background-color: rgb(132,255,115);
+ background-color: rgb(132, 255, 115);
}
+
/* 闈炶嚜鍔�/鎵嬪姩 */
.machine-unauto-flag {
padding: 0 10px;
- background-color: rgb(184,184,184);
+ background-color: rgb(184, 184, 184);
}
+
/* 鑷姩+鏈夌墿+ID */
.site-auto-run-id {
- background-color: rgb(252,48,48);
+ background-color: rgb(252, 48, 48);
}
+
/* 鑷姩+鏈夌墿 */
.site-auto-run {
- background-color: rgb(250,81,246);
+ background-color: rgb(250, 81, 246);
}
+
/* 鑷姩+ID */
.site-auto-id {
- background-color: rgb(196,196,0);
+ background-color: rgb(196, 196, 0);
}
+
/* 鑷姩 */
.site-auto {
- background-color: rgb(120,255,129);
+ background-color: rgb(120, 255, 129);
}
+
/* 闈炶嚜鍔�/鎵嬪姩 */
.site-unauto {
- background-color: rgb(184,184,184);
+ background-color: rgb(184, 184, 184);
}
+
#code {
background-image: url(../images/status_bar_2.png);
background-repeat: no-repeat;
margin-left: 2%;
}
+
/* 鍫嗗灈鏈� */
.machine {
position: absolute;
- background-color: rgb(108,167,168);
+ background-color: rgb(108, 167, 168);
/*margin-left: 1116px;*/
height: 20px;
width: 80px;
background-image: url("../images/Crane_auto.png");
background-repeat: no-repeat;
- background-size:100% 100%;
+ background-size: 100% 100%;
background-position: top center;
cursor: pointer;
z-index: 99;
}
+
/* 鍏ュ簱 */
.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");
@@ -426,24 +481,26 @@
height: 365px;
background-image: url(../images/Popup-yellow.png);
position: fixed;
- color:white;
+ color: white;
left: 50%;
top: 50%;
- transform: translate(-50%,-50%);
+ transform: translate(-50%, -50%);
z-index: 101;
}
+
/* 杈撻�佽澶囧脊绐� */
#siteWindow {
width: 291px;
height: 336px;
background-image: url(../images/Popup-green.png);
position: fixed;
- color:white;
+ color: white;
left: 50%;
top: 50%;
- transform: translate(-50%,-50%);
+ transform: translate(-50%, -50%);
z-index: 101;
}
+
#siteWindow-head {
width: 291px;
height: 55px;
@@ -453,9 +510,11 @@
font-weight: 700;
letter-spacing: 2px;
}
+
#siteWindow-head .detailed {
display: inline-block;
}
+
#siteWindow-head button {
width: 25px;
height: 25px;
@@ -468,6 +527,7 @@
margin-top: 15px;
margin-right: 50px;
}
+
#crnWindow-head {
width: 291px;
height: 55px;
@@ -478,9 +538,11 @@
letter-spacing: 2px;
}
+
#crnWindow-head .detailed {
display: inline-block;
}
+
#crnWindow-head button {
width: 25px;
height: 25px;
@@ -495,24 +557,26 @@
}
-
/* 寮圭獥 */
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);
+ background-color: rgba(255, 255, 255, .3);
color: #FFFFFF;
padding: 0;
border: none;
@@ -520,17 +584,20 @@
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;
--
Gitblit v1.9.1