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

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