jt
2021-06-10 5d0d028456874576560552f5a5c4e8b801786f11
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{font-family:Arial,'微软雅黑';color:#fff; font-size:16px; background:url('../images/ntsd/background.jpg') no-repeat;}
table{ border-collapse:collapse;}
li{ list-style:none;}
a{ text-decoration:none;}
.wrapper{ margin:0 1%; width:98%; height:100%; min-width:1380px; }
.wrapper:after,.content:after{ display:block; content:" "; visibility:hidden; clear:both;}
.fL{ float:left;}
.fR{ float:right;}    
.clear{ clear:both;}
.head{ height:80px;background:url('../images/ntsd/head.png') no-repeat center; margin-bottom:18px; position:relative;}
.head h2{ font-weight:normal;font-size:30px; line-height:80px; text-align:center; }
.head .time{ font-size:20px; position:absolute; right:10px; top:50px;}
.head .kuquCurrent{ position:absolute; left:10px; top:50px;}
.head .kuquCurrent a{color:#fff; height:34px; line-height:34px; display:block; font-weight:bold; padding:0 20px;background:#69F; border-radius:15px;}
.footer{ padding:0 0 5px 0; height:30px; line-height:30px; position:fixed; bottom:0; right:1%;left:1%; text-align:right;}
.footer span{ display:inline-block;margin-left:5px; vertical-align:middle;}
.footer img{display:inline-block; vertical-align:middle;}
.content{overflow:auto; width:100%;}
.content .block{border:1px solid #1074e4; box-sizing:border-box;box-shadow:inset 2px 2px 50px #0D6CD7;-webkit-box-shadow:inset 2px 2px 50px #0D6CD7;}
.content .block h2{ font-weight:normal; font-size:20px; text-align:center; line-height:40px;}
.area1{ width:70%; height:35%; float:left; overflow:auto;}
/*.area2{ width:30%; height:30%; float:left; margin:0 1%;overflow:auto;}*/
.area3{ width:29%; height:35%; float:right;overflow:auto;}
.area4{ width:42%; height:62%; float:left; margin-top:0.8%;overflow:auto;}
.area5{ width:57%; height:62%;float:right;margin-top:0.8%;overflow:auto; }
    
/*库区选择弹出层*/
.kuquChoose{ width:400px; position:absolute; left:50%; margin-left:-200px; top:200px; border:1px solid #06F; background:#364AAB; border-radius:10px;}
.kuquChoose ul li{ margin:10px 20px;}
.kuquChoose ul li a{ color:#fff; height:40px; line-height:40px; display:block; padding:0 10px; font-size:20px;}
.kuquChoose ul li.clicked a{ background:#69F; border-radius:15px;}
 
/*可视化*/
.displayDiv{ padding:0 15px; position:relative;}
.displayDiv:after{display:block; content:" "; visibility:hidden; clear:both;}
.colorLabel{ overflow:hidden;font-size:16px; float:left;padding:0px 10px;width:120px; border-right:1px solid #0f60ba;}
.colorLabel ul li{padding:8px 0px; vertical-align:middle;}
.colorLabel ul li:after{display:block; content:" "; visibility:hidden; clear:both;}
.colorLabel ul li label{ float:left; margin-top:5px;}
.colorLabel ul li span{ float:left;margin-left:10px;}
/*颜色²*/
.colorLabel .spaceState{width:10px; height:10px; border-radius:50%; display:inline-block;}
.green{ background:#0C0; }
.orange{ background:#FF9900;}
.yellow{ background:#FF0;}
.purple{ background:#9999FF;}
.grey{ background:#aaa;}
.black{ background:#000;}
.blue{ background:#3498DB;}
.white{ background:#fff;}
.red{ background:#f00;}
.brown{ background:#a38b74;}
.navy{ background:#4169db;}
 
 
/*货位显示区*/
.areaRight{position:absolute; left:165px; right:15px; top:0;}
.areaRight h3{ position:relative; text-align:center;}
.areaRight h3:after{ width:40%; height:1px; background:-webkit-linear-gradient(left,#336cf9,#48daff); content:""; position:absolute; left:30%; top:10px; z-index:-1;}
.areaRight h3 span{ background:#0f152f; display:inline-table;color:#02c5fd; font-weight:normal; font-size:18px; padding:0 20px;}
.areaRightDiv{ position:relative;display:block;}
.areaRightDiv:after{display:block; content:" "; visibility:hidden; clear:both; }
 
/*.showDiv{transform: translate(-50%,0);position: absolute;top: 0;left:50%; clear:both;}*/
.showDiv{ display:table; margin:30px auto;}
.showDiv:after{display:block; content:" "; visibility:hidden; clear:both; }
.showTable1{ float:left;}
.showTable1 .spaceState{width:30px; height:30px;display:inline-block;}
.showTable1 td{ padding:5px 7px;}
.showTable2{ float:left;}
.showTable2 td{ padding:5px 7px;}
.showTable2 .tagShow{width:70px; height:70px;display:inline-block;}
.showTable2 .tag1_white{background: linear-gradient(to right,#fff 33.3%,#0f152f 66.6%);background-size:5px 100%;}
.showTable2 .tag1_green{background: linear-gradient(to right,#0c0 33.3%,#0f152f 66.6%);background-size:5px 100%;}
.showTable2 .tag1_grey{background: linear-gradient(to right,#aaa 33.3%,#0f152f 66.6%);background-size:5px 100%;}
.showTable2 .tag1_red{background: linear-gradient(to right,#f00 33.3%,#0f152f 66.6%);background-size:5px 100%;}
.showTable2 .tag1_yellow{background: linear-gradient(to right,#FF0 33.3%,#0f152f 66.6%);background-size:5px 100%;}
.showTable2 .tag1_brown{background: linear-gradient(to right,#a38b74 33.3%,#0f152f 66.6%);background-size:5px 100%;}
 
 
.showTable2 .tag2_white{background:repeating-linear-gradient(130deg,#0f152f 0,#0f152f 2px,#fff 4px,#aaa 6px);}
.showTable2 .tag2_grey{background:repeating-linear-gradient(130deg,#0f152f 0,#0f152f 2px,#aaa 4px,#aaa 6px);}
.showTable2 .tag2_green{background:repeating-linear-gradient(130deg,#0f152f 0,#0f152f 2px,#0c0 4px,#0c0 6px);}
.showTable2 .tag2_red{background:repeating-linear-gradient(130deg,#0f152f 0,#0f152f 2px,#f00 4px,#f00 6px);}
.showTable2 .tag2_yellow{background:repeating-linear-gradient(130deg,#0f152f 0,#0f152f 2px,#FF0 4px,#FF0 6px);}
.showTable2 .tag2_brown{background:repeating-linear-gradient(130deg,#0f152f 0,#0f152f 2px,#a38b74 4px,#a38b74 6px);}
 
ul.showTag{display:table; margin:0 auto;}
ul.showTag:after{display:block; content:" "; visibility:hidden; clear:both; }
ul.showTag li{padding:8px 0px; vertical-align:middle; float:left; margin-right:20px;}
ul.showTag li:after{display:block; content:" "; visibility:hidden; clear:both;}
ul.showTag li label{ float:left;width:20px; height:16px; margin-top:3px; display:inline-block;}
ul.showTag li span{ float:left;margin-left:5px;}
ul.showTag li label.tag1{background: linear-gradient(to right,#fff 33.3%,#0f152f 66.6%);background-size:4px 100%;}
ul.showTag li label.tag2{background:repeating-linear-gradient(120deg,#0f152f 0,#0f152f 2px,#fff 2px,#fff 4px);}
ul.showTag li label.tag3{background:#fff;}
 
/*成品库*/
.finishArea{ position:relative;}
.finishArea span{ box-sizing:border-box;text-align:center; display:inline-block; font-size:26px;background:-webkit-linear-gradient(left,rgba(69,140,248,0.3),rgba(8, 66,154,0.3));border:1px solid #0764c4;}
.fBlock1{ position:absolute; width:200px; left:50%; top:10px; margin-left:-100px;}
.fBlock1 span{width:200px; height:100px; line-height:100px; }
.fBlock2{ position:absolute; width:200px; left:50%; top:120px; margin-left:-100px;}
.fBlock2 span{width:95px; height:95px; line-height:95px;}
 
/*库区量表*/
.materialState{ padding:15px 30px; height:70px; box-sizing:border-box;}
.materialState ul:after{content:""; display:block; clear:both;visibility:hidden;}
.materialState ul li{ float:left;width:33%;}
.materialState ul li label{ height:10px; border-radius:5px; display:block; width:44px; margin-bottom:5px;}
.materialState ul li label.state1{ background:#00a0e9; border:1px solid #00bfff;}
.materialState ul li label.state2{ background:#1bc85e; border:1px solid #1ef167;}
.materialState ul li label.state3{ background:#496283; border:1px solid #618dbf;}
/*温度检测*/
.temperature{ padding:20px 15px 15px 15px;}
.temperature:after{ content:""; display:block; clear:both;visibility:hidden; }
.temperature .rowNumber{ border-right:2px solid #0A51A0; width:100px; float:left;}
.temperature .rowNumber ul li{ height:40px; line-height:40px;}
.temDisplay{ float:left; padding-left:15px;}
.temDisplay ul li{height:40px; line-height:40px;}
.temDisplay ul li div{ height:10px; width:200px; margin-top:15px; border:1px solid #45517A;box-sizing:border-box; border-radius:5px; background:#1A2D53;position:relative; float:left; vertical-align:middle;}
.temDisplay ul li div span.currentTem{ position:absolute; top:-1px; left:-1px;height:10px; border-radius:5px; background:linear-gradient(left,#336cf9,#48ffc7);background:-webkit-linear-gradient(left,#336cf9,#48ffc7);background:-o-linear-gradient(left,#336cf9,#48ffc7);background:-moz-linear-gradient(left,#336cf9,#48ffc7);}
.temDisplay ul li label{ color:#0291d5; float:left;vertical-align:middle; margin-left:15px;}
/*AGV状态监控*/
.agvState table{ width:86%; margin:10px 7% 0 7%;}
.agvState table thead tr td{ height:34px; line-height:34px; background:#283057; font-size:18px; opacity:0.8;text-align:center;}
.agvState table tr.abnormal td{ color:#f00;}
.agvState table tbody tr td{ color:#0291d5;font-size:17px; padding-top:5px;}
.agvState table td div{ position:relative; width:95px; display:block;height:65px; background-size:65px;}
.agvState table td div i{ position:absolute; top:10px; left:-5px; font-style:normal; font-size:18px;}
.agv_normal{ background:url('../images/ntsd/agv_normal.png') no-repeat center center;}
.agv_abnormal { background: url('../images/ntsd/agv_normal.png') no-repeat center center;}
 
/*AGV搬运任务*/
.agvTask table{width:96%; margin:10px 2%;}
.agvTask table thead tr td{ height:34px; line-height:34px; background:#283057; font-size:18px; opacity:0.8;}
.agvTask table td{text-align:center;}
.agvTask table tbody td{ border-bottom:1px dashed #314c83; height:40px; line-height:20px; color:#0291d5;}