@zgfe/modules-dm 1.0.57-zhongyuan.27 → 1.0.57-zhongyuan.29

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.
@@ -1,271 +1,271 @@
1
- .clearRule {
2
- height: 100%;
3
- padding: 24px;
4
- background: #fff;
5
- border-radius: 8px;
6
- border-radius: 8px;
7
- &-searchTop {
8
- display: grid;
9
- grid-template-columns: 320px 1fr;
10
- align-items: center;
11
- justify-items: self-end;
12
- margin-bottom: 20px;
13
- }
14
- &-modal {
15
- .ant-modal-body {
16
- height: 350px;
17
- }
18
- .ant-picker-dropdown {
19
- top: 133px !important;
20
- left: 13px !important;
21
- }
22
- }
23
- &-content {
24
- display: flex;
25
- align-items: center;
26
- justify-content: space-between;
27
- }
28
- &-importModal {
29
- &-content {
30
- }
31
- &-tip {
32
- margin: 0px 0px 10px;
33
- padding: 5px 0px 5px 15px;
34
- background-color: #e7f3fe;
35
- border: 1px solid #b8e4ff;
36
- border-radius: 4px;
37
- .icon {
38
- margin: 0px 10px;
39
- color: #165dff;
40
- }
41
- }
42
- &-list {
43
- height: 160px;
44
- padding: 10px;
45
- overflow-y: scroll;
46
- border: 1px solid #e5e5e5;
47
- border-radius: 4px;
48
- }
49
- }
50
- &-openRuleModal {
51
- &-list {
52
- height: 160px;
53
- padding: 10px;
54
- overflow-y: scroll;
55
- border: 1px solid #e5e5e5;
56
- border-radius: 4px;
57
- }
58
- &-closeTip {
59
- margin: 10px 0px;
60
- color: red;
61
- }
62
- }
63
- }
64
- .openRuleModal-icon {
65
- margin: 0px 10px 0px 0px;
66
- color: #faad14;
67
- }
68
-
69
- .addRuleForm {
70
- .selectVent {
71
- display: grid;
72
- grid-gap: 20px;
73
- grid-template-columns: 1fr 1fr;
74
- align-items: center;
75
- width: 100%;
76
- margin: 20px 0px;
77
- }
78
- .ant-checkbox-wrapper {
79
- position: relative;
80
- margin-right: 8px;
81
- margin-bottom: 8px;
82
- padding: 4px 15px;
83
- color: #333;
84
- vertical-align: middle;
85
- background-color: #efefef;
86
- border: 1px solid #e5e5e5;
87
- border-radius: 4px;
88
- cursor: pointer;
89
- transition: all 0.2s ease;
90
- &::after {
91
- position: absolute;
92
- bottom: -1px;
93
- left: 6px;
94
- z-index: 10;
95
- width: 17px;
96
- font-size: 23px;
97
- content: '+';
98
- }
99
- }
100
- .ant-checkbox-wrapper-checked {
101
- position: relative;
102
- color: #165dff;
103
- background-color: transparent;
104
- border: 1px solid #165dff;
105
- &::after {
106
- position: absolute;
107
- bottom: -1px;
108
- left: 6px;
109
- z-index: 10;
110
- width: 17px;
111
- font-size: 23px;
112
- content: '+';
113
- }
114
- }
115
- .ant-checkbox-wrapper::after {
116
- display: inline;
117
- }
118
- .ant-checkbox,
119
- .ant-checkbox-inner {
120
- display: none;
121
- }
122
- .drawerCloseIcon {
123
- float: right;
124
- cursor: pointer;
125
- }
126
- .ant-drawer-close {
127
- display: none;
128
- }
129
- .ant-drawer-footer {
130
- display: flex;
131
- justify-content: end;
132
- }
133
- .attrValue {
134
- &-list {
135
- display: grid;
136
- grid-gap: 20px;
137
- grid-template-columns: 120px 1fr 50px;
138
- align-items: center;
139
- justify-content: space-between;
140
- margin: 20px 0px;
141
- }
142
- position: relative;
143
- padding-left: 30px;
144
- &-styleLine {
145
- position: absolute;
146
- top: 50%;
147
- left: -1px;
148
- z-index: 10;
149
- width: 20px;
150
- color: white;
151
- text-align: center;
152
- background: #165dff;
153
- border-radius: 4px 4px 0px 0px;
154
- transform: translate(0, -50%);
155
- }
156
- &::after {
157
- position: absolute;
158
- top: 0;
159
- left: 8px;
160
- z-index: 1;
161
- width: 1px;
162
- height: 100%;
163
- background: #e8efff;
164
- content: '';
165
- }
166
- .attrValue-list-right {
167
- display: grid;
168
- grid-gap: 20px;
169
- grid-template-columns: 3px 80px 10px 80px 3px;
170
- align-items: center;
171
- justify-content: start;
172
- }
173
- }
174
- }
175
- .columnsActionClass {
176
- cursor: pointer;
177
- }
178
- .formulateDetail {
179
- &-title {
180
- display: flex;
181
- align-items: center;
182
- justify-content: space-between;
183
- }
184
- }
185
- .addRule-formulate-tip {
186
- margin: 10px 0px 0px;
187
- color: red;
188
- }
189
- .formulateDetailClass {
190
- margin: 10px 0px 0px;
191
- border: 1px solid #ecedf0;
192
- border-radius: 5px;
193
- &-time {
194
- color: #5f6085;
195
- }
196
- &-title {
197
- display: grid;
198
- grid-gap: 16px;
199
- grid-template-columns: 200px 1fr;
200
- align-items: center;
201
- justify-content: space-between;
202
- background-color: #f2f3f4;
203
- border-bottom: 1px solid #ecedf0;
204
- &-left {
205
- padding: 10px 0px 10px 10px;
206
- border-right: 1px solid #ecedf0;
207
- }
208
- &-right {
209
- display: flex;
210
- align-items: center;
211
- justify-content: space-between;
212
- padding: 10px 10px 10px 10px;
213
- }
214
- }
215
- &-content {
216
- display: grid;
217
- grid-gap: 16px;
218
- grid-template-columns: 200px 1fr;
219
- align-items: flex-start;
220
- justify-content: space-between;
221
- height: 300px;
222
- &-left {
223
- height: 100%;
224
- overflow: auto;
225
- border-right: 1px solid #ecedf0;
226
- &-tip {
227
- margin: 0px 5px 0px 0px;
228
- color: red;
229
- }
230
- &-item {
231
- padding: 10px;
232
- cursor: pointer;
233
- }
234
- &-itemContent {
235
- margin: 0px 0px 0px 5px;
236
- padding: 5px;
237
- border: 1px solid #5f6085;
238
- border-radius: 4px;
239
- }
240
- .active {
241
- position: relative;
242
- background-color: #e8efff;
243
- &::after {
244
- position: absolute;
245
- top: 0;
246
- left: 0;
247
- width: 2px;
248
- height: 100%;
249
- background-color: #6b8ffd;
250
- content: '';
251
- }
252
- }
253
- .activeTime {
254
- color: #2467fc;
255
- .formulateDetailClass-content-left-tip {
256
- color: #2467fc;
257
- }
258
- }
259
- }
260
- &-right {
261
- display: flex;
262
- align-items: center;
263
- justify-content: space-between;
264
- margin: 15px;
265
- line-height: 2;
266
- }
267
- }
268
- }
269
- .addRule-errorTip {
270
- color: red;
271
- }
1
+ .clearRule {
2
+ height: 100%;
3
+ padding: 24px;
4
+ background: #fff;
5
+ border-radius: 8px;
6
+ border-radius: 8px;
7
+ &-searchTop {
8
+ display: grid;
9
+ grid-template-columns: 320px 1fr;
10
+ align-items: center;
11
+ justify-items: self-end;
12
+ margin-bottom: 20px;
13
+ }
14
+ &-modal {
15
+ .ant-modal-body {
16
+ height: 350px;
17
+ }
18
+ .ant-picker-dropdown {
19
+ top: 133px !important;
20
+ left: 13px !important;
21
+ }
22
+ }
23
+ &-content {
24
+ display: flex;
25
+ align-items: center;
26
+ justify-content: space-between;
27
+ }
28
+ &-importModal {
29
+ &-content {
30
+ }
31
+ &-tip {
32
+ margin: 0px 0px 10px;
33
+ padding: 5px 0px 5px 15px;
34
+ background-color: #e7f3fe;
35
+ border: 1px solid #b8e4ff;
36
+ border-radius: 4px;
37
+ .icon {
38
+ margin: 0px 10px;
39
+ color: #165dff;
40
+ }
41
+ }
42
+ &-list {
43
+ height: 160px;
44
+ padding: 10px;
45
+ overflow-y: scroll;
46
+ border: 1px solid #e5e5e5;
47
+ border-radius: 4px;
48
+ }
49
+ }
50
+ &-openRuleModal {
51
+ &-list {
52
+ height: 160px;
53
+ padding: 10px;
54
+ overflow-y: scroll;
55
+ border: 1px solid #e5e5e5;
56
+ border-radius: 4px;
57
+ }
58
+ &-closeTip {
59
+ margin: 10px 0px;
60
+ color: red;
61
+ }
62
+ }
63
+ }
64
+ .openRuleModal-icon {
65
+ margin: 0px 10px 0px 0px;
66
+ color: #faad14;
67
+ }
68
+
69
+ .addRuleForm {
70
+ .selectVent {
71
+ display: grid;
72
+ grid-gap: 20px;
73
+ grid-template-columns: 1fr 1fr;
74
+ align-items: center;
75
+ width: 100%;
76
+ margin: 20px 0px;
77
+ }
78
+ .ant-checkbox-wrapper {
79
+ position: relative;
80
+ margin-right: 8px;
81
+ margin-bottom: 8px;
82
+ padding: 4px 15px;
83
+ color: #333;
84
+ vertical-align: middle;
85
+ background-color: #efefef;
86
+ border: 1px solid #e5e5e5;
87
+ border-radius: 4px;
88
+ cursor: pointer;
89
+ transition: all 0.2s ease;
90
+ &::after {
91
+ position: absolute;
92
+ bottom: -1px;
93
+ left: 6px;
94
+ z-index: 10;
95
+ width: 17px;
96
+ font-size: 23px;
97
+ content: '+';
98
+ }
99
+ }
100
+ .ant-checkbox-wrapper-checked {
101
+ position: relative;
102
+ color: #165dff;
103
+ background-color: transparent;
104
+ border: 1px solid #165dff;
105
+ &::after {
106
+ position: absolute;
107
+ bottom: -1px;
108
+ left: 6px;
109
+ z-index: 10;
110
+ width: 17px;
111
+ font-size: 23px;
112
+ content: '+';
113
+ }
114
+ }
115
+ .ant-checkbox-wrapper::after {
116
+ display: inline;
117
+ }
118
+ .ant-checkbox,
119
+ .ant-checkbox-inner {
120
+ display: none;
121
+ }
122
+ .drawerCloseIcon {
123
+ float: right;
124
+ cursor: pointer;
125
+ }
126
+ .ant-drawer-close {
127
+ display: none;
128
+ }
129
+ .ant-drawer-footer {
130
+ display: flex;
131
+ justify-content: end;
132
+ }
133
+ .attrValue {
134
+ &-list {
135
+ display: grid;
136
+ grid-gap: 20px;
137
+ grid-template-columns: 120px 1fr 50px;
138
+ align-items: center;
139
+ justify-content: space-between;
140
+ margin: 20px 0px;
141
+ }
142
+ position: relative;
143
+ padding-left: 30px;
144
+ &-styleLine {
145
+ position: absolute;
146
+ top: 50%;
147
+ left: -1px;
148
+ z-index: 10;
149
+ width: 20px;
150
+ color: white;
151
+ text-align: center;
152
+ background: #165dff;
153
+ border-radius: 4px 4px 0px 0px;
154
+ transform: translate(0, -50%);
155
+ }
156
+ &::after {
157
+ position: absolute;
158
+ top: 0;
159
+ left: 8px;
160
+ z-index: 1;
161
+ width: 1px;
162
+ height: 100%;
163
+ background: #e8efff;
164
+ content: '';
165
+ }
166
+ .attrValue-list-right {
167
+ display: grid;
168
+ grid-gap: 20px;
169
+ grid-template-columns: 3px 80px 10px 80px 3px;
170
+ align-items: center;
171
+ justify-content: start;
172
+ }
173
+ }
174
+ }
175
+ .columnsActionClass {
176
+ cursor: pointer;
177
+ }
178
+ .formulateDetail {
179
+ &-title {
180
+ display: flex;
181
+ align-items: center;
182
+ justify-content: space-between;
183
+ }
184
+ }
185
+ .addRule-formulate-tip {
186
+ margin: 10px 0px 0px;
187
+ color: red;
188
+ }
189
+ .formulateDetailClass {
190
+ margin: 10px 0px 0px;
191
+ border: 1px solid #ecedf0;
192
+ border-radius: 5px;
193
+ &-time {
194
+ color: #5f6085;
195
+ }
196
+ &-title {
197
+ display: grid;
198
+ grid-gap: 16px;
199
+ grid-template-columns: 200px 1fr;
200
+ align-items: center;
201
+ justify-content: space-between;
202
+ background-color: #f2f3f4;
203
+ border-bottom: 1px solid #ecedf0;
204
+ &-left {
205
+ padding: 10px 0px 10px 10px;
206
+ border-right: 1px solid #ecedf0;
207
+ }
208
+ &-right {
209
+ display: flex;
210
+ align-items: center;
211
+ justify-content: space-between;
212
+ padding: 10px 10px 10px 10px;
213
+ }
214
+ }
215
+ &-content {
216
+ display: grid;
217
+ grid-gap: 16px;
218
+ grid-template-columns: 200px 1fr;
219
+ align-items: flex-start;
220
+ justify-content: space-between;
221
+ height: 300px;
222
+ &-left {
223
+ height: 100%;
224
+ overflow: auto;
225
+ border-right: 1px solid #ecedf0;
226
+ &-tip {
227
+ margin: 0px 5px 0px 0px;
228
+ color: red;
229
+ }
230
+ &-item {
231
+ padding: 10px;
232
+ cursor: pointer;
233
+ }
234
+ &-itemContent {
235
+ margin: 0px 0px 0px 5px;
236
+ padding: 5px;
237
+ border: 1px solid #5f6085;
238
+ border-radius: 4px;
239
+ }
240
+ .active {
241
+ position: relative;
242
+ background-color: #e8efff;
243
+ &::after {
244
+ position: absolute;
245
+ top: 0;
246
+ left: 0;
247
+ width: 2px;
248
+ height: 100%;
249
+ background-color: #6b8ffd;
250
+ content: '';
251
+ }
252
+ }
253
+ .activeTime {
254
+ color: #2467fc;
255
+ .formulateDetailClass-content-left-tip {
256
+ color: #2467fc;
257
+ }
258
+ }
259
+ }
260
+ &-right {
261
+ display: flex;
262
+ align-items: center;
263
+ justify-content: space-between;
264
+ margin: 15px;
265
+ line-height: 2;
266
+ }
267
+ }
268
+ }
269
+ .addRule-errorTip {
270
+ color: red;
271
+ }