@zgfe/modules-dm 1.0.57-zhongyuan.41 → 1.0.57-zhongyuan.44

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.
Files changed (10) hide show
  1. package/es/modules/clearRule/addRule.d.ts +1 -0
  2. package/es/modules/clearRule/addRule.js +40 -6
  3. package/es/modules/clearRule/css/index.css +265 -257
  4. package/es/modules/clearRule/css/index.less +279 -271
  5. package/es/modules/clearRule/index.js +69 -39
  6. package/es/modules/dataManage/components/tablePlus.js +12 -12
  7. package/es/modules/formulateRule/addFormulate.js +13 -2
  8. package/es/modules/formulateRule/addRule.d.ts +1 -0
  9. package/es/modules/formulateRule/addRule.js +121 -9
  10. package/package.json +2 -2
package/es/modules/clearRule/css/index.less CHANGED
@@ -1,271 +1,279 @@
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
+ .sourceValueErrortext {
71
+ position: absolute;
72
+ bottom: 0;
73
+ left: 16px;
74
+ margin: 6px 0px 0px;
75
+ color: red;
76
+ font-size: 12px;
77
+ }
78
+ .selectVent {
79
+ display: grid;
80
+ grid-gap: 20px;
81
+ grid-template-columns: 1fr 1fr;
82
+ align-items: center;
83
+ width: 100%;
84
+ margin: 20px 0px;
85
+ }
86
+ .ant-checkbox-wrapper {
87
+ position: relative;
88
+ margin-right: 8px;
89
+ margin-bottom: 8px;
90
+ padding: 4px 15px;
91
+ color: #333;
92
+ vertical-align: middle;
93
+ background-color: #efefef;
94
+ border: 1px solid #e5e5e5;
95
+ border-radius: 4px;
96
+ cursor: pointer;
97
+ transition: all 0.2s ease;
98
+ &::after {
99
+ position: absolute;
100
+ bottom: -1px;
101
+ left: 6px;
102
+ z-index: 10;
103
+ width: 17px;
104
+ font-size: 23px;
105
+ content: '+';
106
+ }
107
+ }
108
+ .ant-checkbox-wrapper-checked {
109
+ position: relative;
110
+ color: #165dff;
111
+ background-color: transparent;
112
+ border: 1px solid #165dff;
113
+ &::after {
114
+ position: absolute;
115
+ bottom: -1px;
116
+ left: 6px;
117
+ z-index: 10;
118
+ width: 17px;
119
+ font-size: 23px;
120
+ content: '+';
121
+ }
122
+ }
123
+ .ant-checkbox-wrapper::after {
124
+ display: inline;
125
+ }
126
+ .ant-checkbox,
127
+ .ant-checkbox-inner {
128
+ display: none;
129
+ }
130
+ .drawerCloseIcon {
131
+ float: right;
132
+ cursor: pointer;
133
+ }
134
+ .ant-drawer-close {
135
+ display: none;
136
+ }
137
+ .ant-drawer-footer {
138
+ display: flex;
139
+ justify-content: end;
140
+ }
141
+ .attrValue {
142
+ &-list {
143
+ display: grid;
144
+ grid-gap: 20px;
145
+ grid-template-columns: 120px 1fr 50px;
146
+ align-items: center;
147
+ justify-content: space-between;
148
+ margin: 20px 0px;
149
+ }
150
+ position: relative;
151
+ padding-left: 30px;
152
+ &-styleLine {
153
+ position: absolute;
154
+ top: 50%;
155
+ left: -1px;
156
+ z-index: 10;
157
+ width: 20px;
158
+ color: white;
159
+ text-align: center;
160
+ background: #165dff;
161
+ border-radius: 4px 4px 0px 0px;
162
+ transform: translate(0, -50%);
163
+ }
164
+ &::after {
165
+ position: absolute;
166
+ top: 0;
167
+ left: 8px;
168
+ z-index: 1;
169
+ width: 1px;
170
+ height: 100%;
171
+ background: #e8efff;
172
+ content: '';
173
+ }
174
+ .attrValue-list-right {
175
+ display: grid;
176
+ grid-gap: 20px;
177
+ grid-template-columns: 3px 80px 10px 80px 3px;
178
+ align-items: center;
179
+ justify-content: start;
180
+ }
181
+ }
182
+ }
183
+ .columnsActionClass {
184
+ cursor: pointer;
185
+ }
186
+ .formulateDetail {
187
+ &-title {
188
+ display: flex;
189
+ align-items: center;
190
+ justify-content: space-between;
191
+ }
192
+ }
193
+ .addRule-formulate-tip {
194
+ margin: 10px 0px 0px;
195
+ color: red;
196
+ }
197
+ .formulateDetailClass {
198
+ margin: 10px 0px 0px;
199
+ border: 1px solid #ecedf0;
200
+ border-radius: 5px;
201
+ &-time {
202
+ color: #5f6085;
203
+ }
204
+ &-title {
205
+ display: grid;
206
+ grid-gap: 16px;
207
+ grid-template-columns: 200px 1fr;
208
+ align-items: center;
209
+ justify-content: space-between;
210
+ background-color: #f2f3f4;
211
+ border-bottom: 1px solid #ecedf0;
212
+ &-left {
213
+ padding: 10px 0px 10px 10px;
214
+ border-right: 1px solid #ecedf0;
215
+ }
216
+ &-right {
217
+ display: flex;
218
+ align-items: center;
219
+ justify-content: space-between;
220
+ padding: 10px 10px 10px 10px;
221
+ }
222
+ }
223
+ &-content {
224
+ display: grid;
225
+ grid-gap: 16px;
226
+ grid-template-columns: 200px 1fr;
227
+ align-items: flex-start;
228
+ justify-content: space-between;
229
+ height: 300px;
230
+ &-left {
231
+ height: 100%;
232
+ overflow: auto;
233
+ border-right: 1px solid #ecedf0;
234
+ &-tip {
235
+ margin: 0px 5px 0px 0px;
236
+ color: red;
237
+ }
238
+ &-item {
239
+ padding: 10px;
240
+ cursor: pointer;
241
+ }
242
+ &-itemContent {
243
+ margin: 0px 0px 0px 5px;
244
+ padding: 5px;
245
+ border: 1px solid #5f6085;
246
+ border-radius: 4px;
247
+ }
248
+ .active {
249
+ position: relative;
250
+ background-color: #e8efff;
251
+ &::after {
252
+ position: absolute;
253
+ top: 0;
254
+ left: 0;
255
+ width: 2px;
256
+ height: 100%;
257
+ background-color: #6b8ffd;
258
+ content: '';
259
+ }
260
+ }
261
+ .activeTime {
262
+ color: #2467fc;
263
+ .formulateDetailClass-content-left-tip {
264
+ color: #2467fc;
265
+ }
266
+ }
267
+ }
268
+ &-right {
269
+ display: flex;
270
+ align-items: center;
271
+ justify-content: space-between;
272
+ margin: 15px;
273
+ line-height: 2;
274
+ }
275
+ }
276
+ }
277
+ .addRule-errorTip {
278
+ color: red;
279
+ }