openatc-components 0.1.85 → 0.1.89

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -17,211 +17,6 @@
17
17
  -webkit-font-smoothing: antialiased;
18
18
  -moz-osx-font-smoothing: grayscale;
19
19
  }
20
- .container-left {
21
- float: left;
22
- margin-top: 20PX;
23
- margin-left: 20PX;
24
- width: 76.8%;
25
- height: 880PX;
26
- background-color: $--color-white;
27
- border: solid 1PX $--border-color-lighter;
28
- }
29
- .container-right {
30
- float: left;
31
- margin-top: 20PX;
32
- margin-left: 20PX;
33
- width: 20%;
34
- height: 880PX;
35
- background-color: $--color-white;
36
- border: solid 1PX $--border-color-lighter;
37
- }
38
- .container-left-top {
39
- width: 100%;
40
- height: 420PX;
41
- }
42
- .container-left-bottom {
43
- width: 100%;
44
- height: calc(100% - 420PX);
45
- background-color: $--color-white;
46
- }
47
- .curr-order {
48
- float: left;
49
- margin-left: 20PX;
50
- margin-top: 1PX;
51
- }
52
- .control-right {
53
- margin-top: 40PX;
54
- margin-left: 20PX;
55
- }
56
- .agent-div {
57
- float: left;
58
- width: 28%;
59
- height: 420PX;
60
- border-bottom: solid 0.5PX $--border-color-lighter;
61
- }
62
- .other-div {
63
- float: left;
64
- width: 24%;
65
- height: 210PX;
66
- border-left: solid 1PX $--border-color-lighter;
67
- border-bottom: solid 1PX $--border-color-lighter;
68
- .model-icon {
69
- width: 20PX;
70
- height: 20PX;
71
- }
72
- }
73
- .agent-icon {
74
- position:relative;
75
- float: left;
76
- width: 50%;
77
- height: 210PX;
78
- }
79
- .agent-num {
80
- float: left;
81
- width: 50%;
82
- height: 210PX;
83
- }
84
- .lianji-success {
85
- position:relative;
86
- float: right;
87
- right: 30PX;
88
- top: 25PX;
89
- text-align: center;
90
- width: 81PX;
91
- height: 34PX;
92
- background-color: $--color-primary;
93
- border-radius: 4PX;
94
- font-size: 14PX;
95
- padding:10PX 0;
96
- color: $--color-white;
97
- }
98
- .lianji-fail {
99
- position:relative;
100
- float: right;
101
- right: 30PX;
102
- top: 25PX;
103
- text-align: center;
104
- width: 81PX;
105
- height: 34PX;
106
- background-color: #909399;
107
- border-radius: 4PX;
108
- font-size: 14PX;
109
- padding:10PX 0;
110
- color: $--color-white;
111
- }
112
- .lianji-wait {
113
- position:relative;
114
- float: right;
115
- right: 30PX;
116
- top: 25PX;
117
- text-align: center;
118
- width: 110PX;
119
- height: 34PX;
120
- background-color: #e6a23c;
121
- border-radius: 4PX;
122
- font-size: 14PX;
123
- padding:10PX 0;
124
- color: $--color-white;
125
- }
126
- .agent-id {
127
- margin-top: 20PX;
128
- margin-right: 30PX;
129
- text-align: right;
130
- font-size: 14PX;
131
- font-weight: normal;
132
- font-stretch: normal;
133
- letter-spacing: 0PX;
134
- color: $--color-text-secondary;
135
- }
136
- .agent-number {
137
- margin-top: 10PX;
138
- margin-right: 30PX;
139
- text-align: right;
140
- font-size: 16PX;
141
- font-weight: normal;
142
- font-stretch: normal;
143
- letter-spacing: 0PX;
144
- color: $--color-text-primary;
145
- }
146
- .agent-port {
147
- margin-top: 20PX;
148
- margin-right: 30PX;
149
- text-align: right;
150
- font-size: 14PX;
151
- font-weight: normal;
152
- font-stretch: normal;
153
- letter-spacing: 0PX;
154
- color: $--color-text-secondary;
155
- }
156
- .port-number {
157
- margin-top: 10PX;
158
- margin-right: 30PX;
159
- text-align: right;
160
- font-size: 16PX;
161
- font-weight: normal;
162
- font-stretch: normal;
163
- letter-spacing: 0PX;
164
- color: $--color-text-primary;
165
- }
166
- .model-name {
167
- float: left;
168
- margin-top: 32PX;
169
- font-size: 14PX;
170
- font-weight: normal;
171
- font-stretch: normal;
172
- letter-spacing: 0PX;
173
- color: $--color-text-regular;
174
- margin-right: 10PX;
175
- }
176
- .model-tupian {
177
- float: left;
178
- margin-top: 30PX;
179
- margin-left: 20PX;
180
- margin-right: 10PX;
181
- }
182
- .to-detail {
183
- float: left;
184
- margin-top: 35PX;
185
- line-height: 10PX;
186
- font-size: 14PX;
187
- font-weight: normal;
188
- font-stretch: normal;
189
- letter-spacing: 0PX;
190
- color: $--color-primary;
191
- padding-left: 10PX;
192
- border-left: 1PX solid $--color-primary;
193
- cursor: pointer;
194
- }
195
-
196
- .control-center {
197
- // float: left;
198
- text-align: center;
199
- margin-top: 40PX;
200
- font-size: 30PX;
201
- font-weight: normal;
202
- font-stretch: normal;
203
- line-height: 20PX;
204
- letter-spacing: 0PX;
205
- color: $--color-text-primary;
206
- }
207
- .curr-grade {
208
- margin-top: 30PX;
209
- font-size: 24PX;
210
- font-weight: normal;
211
- font-stretch: normal;
212
- line-height: 14PX;
213
- letter-spacing: 0PX;
214
- color: $--color-text-regular;
215
- }
216
- .curr-num {
217
- margin-top: 20PX;
218
- font-size: 14PX;
219
- font-weight: normal;
220
- font-stretch: normal;
221
- line-height: 14PX;
222
- letter-spacing: 0PX;
223
- color: $--color-text-secondary;
224
- }
225
20
  .icon-ziyuan:before {
226
21
  content: "\e670";
227
22
  position:absolute;
@@ -230,31 +25,6 @@
230
25
  top: 72PX;
231
26
  // color: #$--color-primary;
232
27
  }
233
- .yuanxing {
234
- position:absolute;
235
- left: 20PX;
236
- top: 50PX;
237
- z-index:1;
238
- width: 90PX;
239
- height: 90PX;
240
- // background-color: #459ffc;
241
- opacity: 0.2;
242
- border-radius: 50%;
243
- }
244
- .dev-status {
245
- position:absolute;
246
- // text-align: center;
247
- // margin-top: 150PX;
248
- // left: 30PX;
249
- top: 150PX;
250
- height: 21PX;
251
- font-size: 22PX;
252
- font-weight: normal;
253
- font-stretch: normal;
254
- line-height: 14PX;
255
- letter-spacing: 0PX;
256
- // color: $--color-primary;
257
- }
258
28
  .tuxing-left {
259
29
  float: left;
260
30
  // margin-top: 20PX;
@@ -326,23 +96,6 @@
326
96
  cursor:pointer;
327
97
  margin-top: 15PX;
328
98
  }
329
- .control-time {
330
- margin-top: 40PX;
331
- font-size: 30PX;
332
- font-weight: normal;
333
- font-stretch: normal;
334
- line-height: 20PX;
335
- letter-spacing: 0PX;
336
- color: $--color-text-primary;
337
- }
338
- .control-time .time {
339
- width: 50%;
340
- display: inline-block;
341
- text-align: center;
342
- }
343
- .control-time span:first-of-type {
344
- border-right: 1PX solid #e5e5e5;
345
- }
346
99
  .pattern-explain {
347
100
  float: right;
348
101
  color: $--color-text-regular;
@@ -361,12 +114,4 @@
361
114
  max-height:300PX;
362
115
  }
363
116
  }
364
- .wenzijiemian {
365
- .container-left {
366
- margin-top: 0;
367
- }
368
- .container-right {
369
- margin-top: 0;
370
- }
371
- }
372
117
  }
@@ -330,6 +330,21 @@
330
330
  padding: 21PX 0PX 21PX 28PX;
331
331
  min-width: 360PX;
332
332
  overflow: auto;
333
+ .forbiddenstage{
334
+ width: 60%;
335
+ margin: 10px auto;
336
+ color: $--color-text-primary;
337
+ }
338
+ .stage-item {
339
+ cursor: pointer;
340
+ width: 100%;
341
+ height: auto;
342
+ margin: 5px 0;
343
+ line-height: 40px;
344
+ color: $--color-text-primary;
345
+ padding: 1px 1px;
346
+ box-sizing: border-box;
347
+ }
333
348
  .title {
334
349
  margin-bottom: 24PX;
335
350
  font-size: 20PX;