Showing
2 changed files
with
794 additions
and
0 deletions
1 | +import { ref, h } from 'vue'; | ||
2 | +import { BasicColumn, FormSchema } from '/@/components/Table'; | ||
3 | +import { | ||
4 | + screenLinkOrganizationGetApi, | ||
5 | + screenLinkPagePutApi, | ||
6 | +} from '/@/api/ruleengine/ruleengineApi'; | ||
7 | +import { Switch } from 'ant-design-vue'; | ||
8 | +import { useMessage } from '/@/hooks/web/useMessage'; | ||
9 | +import { copyTransFun } from '/@/utils/fnUtils'; | ||
10 | + | ||
11 | +/** | ||
12 | + * 所使用的枚举值 | ||
13 | + */ | ||
14 | + | ||
15 | +export enum TriggerEnum { | ||
16 | + IS_DEVICE_ACT = 'DEVICE_TRIGGER', | ||
17 | + IS_TIME_ACT = 'SCHEDULE_TRIGGER', | ||
18 | + IS_SCENE_ACT = 'SCENE_TRIGGER', | ||
19 | + IS_HAND_ACT = 'HAND_ACT', | ||
20 | + IS_MSG_NOTIFY = 'MSG_NOTIFY', | ||
21 | + IS_DEVICE_STATUS = 'DEVICE_STATUS', | ||
22 | + IS_TIME_ALL = 'SCHEDULE_TRIGGER', | ||
23 | +} | ||
24 | +export const isDevice = (type: string) => { | ||
25 | + return type === TriggerEnum.IS_DEVICE_ACT; | ||
26 | +}; | ||
27 | + | ||
28 | +export const isTime = (type: string) => { | ||
29 | + return type === TriggerEnum.IS_TIME_ACT; | ||
30 | +}; | ||
31 | + | ||
32 | +export const columns: BasicColumn[] = [ | ||
33 | + { | ||
34 | + title: '场景联动名称', | ||
35 | + dataIndex: 'name', | ||
36 | + width: 200, | ||
37 | + }, | ||
38 | + { | ||
39 | + title: '触发方式', | ||
40 | + dataIndex: 'triggerType', | ||
41 | + format: (_: string, record: Recordable) => { | ||
42 | + return record.triggers[0]?.triggerType == 'DEVICE_TRIGGER' | ||
43 | + ? '设备触发' | ||
44 | + : record.triggers[0]?.triggerType == 'SCHEDULE_TRIGGER' | ||
45 | + ? '定时触发' | ||
46 | + : record.triggers[0]?.triggerType == 'SCENE_TRIGGER' | ||
47 | + ? '场景触发' | ||
48 | + : '手动触发'; | ||
49 | + }, | ||
50 | + width: 200, | ||
51 | + }, | ||
52 | + { | ||
53 | + title: '状态', | ||
54 | + dataIndex: 'status', | ||
55 | + width: 120, | ||
56 | + customRender: ({ record }) => { | ||
57 | + if (!Reflect.has(record, 'pendingStatus')) { | ||
58 | + record.pendingStatus = false; | ||
59 | + } | ||
60 | + return h(Switch, { | ||
61 | + checked: record.status === 1, | ||
62 | + checkedChildren: '启用', | ||
63 | + unCheckedChildren: '禁用', | ||
64 | + loading: record.pendingStatus, | ||
65 | + onChange(checked: boolean) { | ||
66 | + record.pendingStatus = true; | ||
67 | + const newStatus = checked ? 1 : 0; | ||
68 | + const { createMessage } = useMessage(); | ||
69 | + screenLinkPagePutApi({ id: record.id, status: newStatus }) | ||
70 | + .then(() => { | ||
71 | + record.status = newStatus; | ||
72 | + if (record.status == 1) { | ||
73 | + createMessage.success(`启用成功`); | ||
74 | + } else { | ||
75 | + createMessage.success('禁用成功'); | ||
76 | + } | ||
77 | + }) | ||
78 | + .finally(() => { | ||
79 | + record.pendingStatus = false; | ||
80 | + }); | ||
81 | + }, | ||
82 | + }); | ||
83 | + }, | ||
84 | + }, | ||
85 | + { | ||
86 | + title: '描述', | ||
87 | + dataIndex: 'description', | ||
88 | + width: 200, | ||
89 | + }, | ||
90 | + { | ||
91 | + title: '创建者', | ||
92 | + dataIndex: 'creatorName', | ||
93 | + width: 200, | ||
94 | + }, | ||
95 | + { | ||
96 | + title: '创建时间', | ||
97 | + dataIndex: 'createTime', | ||
98 | + width: 180, | ||
99 | + }, | ||
100 | +]; | ||
101 | +export const organizationId = ref(''); | ||
102 | +export const formSchema: FormSchema[] = [ | ||
103 | + { | ||
104 | + field: 'name', | ||
105 | + label: '场景联动名称', | ||
106 | + colProps: { span: 24 }, | ||
107 | + required: true, | ||
108 | + component: 'Input', | ||
109 | + | ||
110 | + componentProps: { | ||
111 | + maxLength: 36, | ||
112 | + placeholder: '请输入场景联动名称', | ||
113 | + }, | ||
114 | + }, | ||
115 | + { | ||
116 | + required: true, | ||
117 | + field: 'organizationId', | ||
118 | + label: '所属组织', | ||
119 | + colProps: { span: 24 }, | ||
120 | + component: 'ApiTreeSelect', | ||
121 | + componentProps: { | ||
122 | + api: async () => { | ||
123 | + const data = await screenLinkOrganizationGetApi(); | ||
124 | + copyTransFun(data as any as any[]); | ||
125 | + return data; | ||
126 | + }, | ||
127 | + onChange(value) { | ||
128 | + organizationId.value = value; | ||
129 | + }, | ||
130 | + }, | ||
131 | + }, | ||
132 | + { | ||
133 | + field: 'description', | ||
134 | + label: '描述', | ||
135 | + colProps: { span: 24 }, | ||
136 | + component: 'InputTextArea', | ||
137 | + componentProps: { | ||
138 | + maxLength: 255, | ||
139 | + placeholder: '请输入描述', | ||
140 | + }, | ||
141 | + }, | ||
142 | +]; | ||
143 | + | ||
144 | +export const searchFormSchema: FormSchema[] = [ | ||
145 | + { | ||
146 | + field: 'organizationId', | ||
147 | + label: '所属组织', | ||
148 | + colProps: { span: 6 }, | ||
149 | + component: 'ApiTreeSelect', | ||
150 | + componentProps: { | ||
151 | + placeholder: '请选择组织', | ||
152 | + api: async () => { | ||
153 | + const data = await screenLinkOrganizationGetApi(); | ||
154 | + copyTransFun(data as any as any[]); | ||
155 | + return data; | ||
156 | + }, | ||
157 | + }, | ||
158 | + }, | ||
159 | + { | ||
160 | + field: 'name', | ||
161 | + label: '名称', | ||
162 | + component: 'Input', | ||
163 | + colProps: { span: 6 }, | ||
164 | + componentProps: { | ||
165 | + maxLength: 36, | ||
166 | + placeholder: '请输入场景联动名称', | ||
167 | + }, | ||
168 | + }, | ||
169 | + { | ||
170 | + field: 'status', | ||
171 | + label: '状态', | ||
172 | + component: 'Select', | ||
173 | + componentProps: { | ||
174 | + placeholder: '请选择状态', | ||
175 | + options: [ | ||
176 | + { label: '启用', value: '1' }, | ||
177 | + { label: '禁用', value: '0' }, | ||
178 | + ], | ||
179 | + }, | ||
180 | + colProps: { span: 6 }, | ||
181 | + }, | ||
182 | +]; | ||
183 | +// 持续时间 | ||
184 | +const isTimeDuration = (type) => { | ||
185 | + return type === 'timeDuration'; | ||
186 | +}; | ||
187 | +const isReplace = (type) => { | ||
188 | + return type === 'replace'; | ||
189 | +}; | ||
190 | +// 部分 | ||
191 | +const isPart = (type: string) => { | ||
192 | + return type === 'PART'; | ||
193 | +}; | ||
194 | + | ||
195 | +export const trigger_condition_schema: FormSchema[] = [ | ||
196 | + { | ||
197 | + field: 'triggered', | ||
198 | + label: '', | ||
199 | + component: 'Select', | ||
200 | + componentProps: { | ||
201 | + placeholder: '请选择触发类型', | ||
202 | + options: [ | ||
203 | + { label: '简单', value: 'SIMPLE' }, | ||
204 | + { label: '持续时长', value: 'timeDuration' }, | ||
205 | + { label: '重复次数', value: 'replace' }, | ||
206 | + ], | ||
207 | + }, | ||
208 | + colProps: { span: 6 }, | ||
209 | + }, | ||
210 | + { | ||
211 | + field: 'device', | ||
212 | + label: '', | ||
213 | + component: 'Select', | ||
214 | + componentProps: { | ||
215 | + placeholder: '请选择设备', | ||
216 | + options: [ | ||
217 | + { label: '全部', value: 'ALL' }, | ||
218 | + { label: '部分', value: 'PART' }, | ||
219 | + ], | ||
220 | + }, | ||
221 | + colProps: { span: 6 }, | ||
222 | + }, | ||
223 | + { | ||
224 | + field: 'entityId', | ||
225 | + label: '', | ||
226 | + component: 'Select', | ||
227 | + componentProps: { | ||
228 | + placeholder: '请选择设备', | ||
229 | + mode: 'multiple', | ||
230 | + }, | ||
231 | + ifShow: ({ values }) => isPart(values.device), | ||
232 | + colProps: { span: 6 }, | ||
233 | + }, | ||
234 | + { | ||
235 | + field: 'time', | ||
236 | + label: '', | ||
237 | + component: 'Input', | ||
238 | + componentProps: { | ||
239 | + placeholder: '请输入持续时间', | ||
240 | + }, | ||
241 | + ifShow: ({ values }) => isTimeDuration(values.triggered), | ||
242 | + colProps: { span: 6 }, | ||
243 | + }, | ||
244 | + { | ||
245 | + field: 'timeUnit', | ||
246 | + label: '', | ||
247 | + component: 'Input', | ||
248 | + componentProps: { | ||
249 | + placeholder: '请输入持续时间单位', | ||
250 | + }, | ||
251 | + ifShow: ({ values }) => isTimeDuration(values.triggered), | ||
252 | + colProps: { span: 6 }, | ||
253 | + }, | ||
254 | + { | ||
255 | + field: 'replaceValue', | ||
256 | + label: '', | ||
257 | + component: 'Input', | ||
258 | + componentProps: { | ||
259 | + placeholder: '事件计数值', | ||
260 | + }, | ||
261 | + ifShow: ({ values }) => isReplace(values.triggered), | ||
262 | + colProps: { span: 6 }, | ||
263 | + }, | ||
264 | + { | ||
265 | + field: 'triggerType', | ||
266 | + label: '', | ||
267 | + component: 'Select', | ||
268 | + componentProps: { | ||
269 | + placeholder: '设备触发', | ||
270 | + options: [ | ||
271 | + { label: '设备触发', value: 'DEVICE_TRIGGER' }, | ||
272 | + // { label: '定时触发', value: 'SCHEDULE_TRIGGER' }, | ||
273 | + // { label: '场景触发', value: 'SCENE_TRIGGER' }, | ||
274 | + // { label: '手动触发', value: 'HAND_ACT' }, | ||
275 | + ], | ||
276 | + }, | ||
277 | + colProps: { span: 6 }, | ||
278 | + }, | ||
279 | + | ||
280 | + { | ||
281 | + field: 'type1', | ||
282 | + label: '', | ||
283 | + component: 'Select', | ||
284 | + componentProps: { | ||
285 | + placeholder: '属性触发方式', | ||
286 | + options: [{ label: '属性触发', value: 'TIME_SERIES' }], | ||
287 | + }, | ||
288 | + ifShow: ({ values }) => isDevice(values.triggerType), | ||
289 | + colProps: { span: 6 }, | ||
290 | + }, | ||
291 | + { | ||
292 | + field: 'type2', | ||
293 | + label: '', | ||
294 | + component: 'AutoComplete', | ||
295 | + componentProps: { | ||
296 | + placeholder: '请选择属性', | ||
297 | + }, | ||
298 | + ifShow: ({ values }) => isDevice(values.triggerType), | ||
299 | + colProps: { span: 6 }, | ||
300 | + }, | ||
301 | + { | ||
302 | + field: 'operationType', | ||
303 | + label: '', | ||
304 | + component: 'Select', | ||
305 | + slot: 'operationType', | ||
306 | + colProps: { span: 6 }, | ||
307 | + }, | ||
308 | + { | ||
309 | + field: 'detail', | ||
310 | + label: '', | ||
311 | + component: 'InputTextArea', | ||
312 | + componentProps: { | ||
313 | + placeholder: '请输入详情', | ||
314 | + }, | ||
315 | + colProps: { | ||
316 | + span: 13, | ||
317 | + }, | ||
318 | + }, | ||
319 | +]; | ||
320 | +// !!!----------------------------------------------------^_^------------------------------------------------------------!!! | ||
321 | +enum ActionEnum { | ||
322 | + DEVICE_OUT = 'DEVICE_OUT', | ||
323 | + ALARM_OUT = 'MSG_NOTIFY', | ||
324 | +} | ||
325 | +const isDeviceOut = (type: string) => type === ActionEnum.DEVICE_OUT; | ||
326 | +const isAlarmOut = (type: string) => type === ActionEnum.ALARM_OUT; | ||
327 | + | ||
328 | +export const actionSchema: FormSchema[] = [ | ||
329 | + { | ||
330 | + field: 'outTarget', | ||
331 | + label: '', | ||
332 | + component: 'Select', | ||
333 | + required: true, | ||
334 | + componentProps: { | ||
335 | + placeholder: '请选择执行动作', | ||
336 | + }, | ||
337 | + slot: 'outTarget', | ||
338 | + colProps: { span: 6 }, | ||
339 | + }, | ||
340 | + { | ||
341 | + field: 'device', | ||
342 | + label: '', | ||
343 | + component: 'Select', | ||
344 | + componentProps: { | ||
345 | + placeholder: '请选择设备', | ||
346 | + options: [ | ||
347 | + { label: '全部', value: 'ALL' }, | ||
348 | + { label: '部分', value: 'PART' }, | ||
349 | + ], | ||
350 | + }, | ||
351 | + ifShow: ({ values }) => isDeviceOut(values.outTarget), | ||
352 | + colProps: { span: 6 }, | ||
353 | + }, | ||
354 | + { | ||
355 | + field: 'deviceId', | ||
356 | + label: '', | ||
357 | + component: 'Select', | ||
358 | + componentProps: { | ||
359 | + placeholder: '请选择设备', | ||
360 | + mode: 'multiple', | ||
361 | + }, | ||
362 | + ifShow: ({ values }) => isPart(values.device) && isDeviceOut(values.outTarget), | ||
363 | + colProps: { span: 6 }, | ||
364 | + }, | ||
365 | + { | ||
366 | + field: 'alarm_config', | ||
367 | + label: '', | ||
368 | + component: 'Select', | ||
369 | + componentProps: { | ||
370 | + placeholder: '请选择告警配置', | ||
371 | + }, | ||
372 | + ifShow: ({ values }) => values.outTarget === 'MSG_NOTIFY', | ||
373 | + colProps: { span: 6 }, | ||
374 | + }, | ||
375 | + { | ||
376 | + field: 'doContext', | ||
377 | + component: 'Input', | ||
378 | + label: '', | ||
379 | + slot: 'doContext', | ||
380 | + show: ({ values }) => isDeviceOut(values.outTarget), | ||
381 | + colProps: { | ||
382 | + span: 24, | ||
383 | + }, | ||
384 | + }, | ||
385 | + { | ||
386 | + field: 'alarm_level', | ||
387 | + component: 'Select', | ||
388 | + label: '', | ||
389 | + show: ({ values }) => isAlarmOut(values.outTarget), | ||
390 | + componentProps: { | ||
391 | + placeholder: '请选择告警等级', | ||
392 | + options: [ | ||
393 | + { | ||
394 | + label: '紧急', | ||
395 | + value: 'CRITICAL', | ||
396 | + }, | ||
397 | + { | ||
398 | + label: '重要', | ||
399 | + value: 'MAJOR', | ||
400 | + }, | ||
401 | + { | ||
402 | + label: '次要', | ||
403 | + value: 'MINOR', | ||
404 | + }, | ||
405 | + { | ||
406 | + label: '警告', | ||
407 | + value: 'WARNING', | ||
408 | + }, | ||
409 | + { | ||
410 | + label: '不确定', | ||
411 | + value: 'INDETERMINATE', | ||
412 | + }, | ||
413 | + ], | ||
414 | + }, | ||
415 | + colProps: { | ||
416 | + span: 6, | ||
417 | + }, | ||
418 | + }, | ||
419 | + { | ||
420 | + field: 'clear_alarm', | ||
421 | + component: 'Checkbox', | ||
422 | + label: '', | ||
423 | + show: ({ values }) => isAlarmOut(values.outTarget), | ||
424 | + colProps: { | ||
425 | + span: 8, | ||
426 | + }, | ||
427 | + slot: 'clearAlarm', | ||
428 | + }, | ||
429 | +]; |
src/views/rule/linkedge/config/formatData.ts
0 → 100644
1 | +import { formatToDateTime } from '/@/utils/dateUtil'; | ||
2 | + | ||
3 | +// 生成触发器或执行条件JSON数据 | ||
4 | +export const genTriggerOrConditionData = (triggerData) => { | ||
5 | + const { | ||
6 | + triggerType, | ||
7 | + entityId, | ||
8 | + type1, | ||
9 | + type2, | ||
10 | + device, | ||
11 | + detail, | ||
12 | + predicate, | ||
13 | + operationType, | ||
14 | + triggered, | ||
15 | + schedule, | ||
16 | + } = triggerData; | ||
17 | + const mapPredicate = predicate?.map((item) => { | ||
18 | + return { | ||
19 | + key: { | ||
20 | + type: type1, | ||
21 | + key: type2, | ||
22 | + }, | ||
23 | + valueType: operationType, | ||
24 | + value: null, | ||
25 | + predicate: { | ||
26 | + type: operationType === 'DATE_TIME' ? 'NUMERIC' : operationType, | ||
27 | + operation: item.operation, | ||
28 | + value: { | ||
29 | + defaultValue: | ||
30 | + operationType === 'DATE_TIME' ? Number(formatToDateTime(item.value, 'x')) : item.value, | ||
31 | + userValue: null, | ||
32 | + dynamicValue: null, | ||
33 | + }, | ||
34 | + }, | ||
35 | + }; | ||
36 | + }); | ||
37 | + return { | ||
38 | + triggerType, | ||
39 | + entityType: device, | ||
40 | + entityId: entityId?.length ? entityId : null, | ||
41 | + triggerCondition: { | ||
42 | + alarmDetails: detail, | ||
43 | + condition: { | ||
44 | + condition: mapPredicate, | ||
45 | + spec: { | ||
46 | + type: triggered, | ||
47 | + // unit: 'SECONDS', | ||
48 | + // predicate: { | ||
49 | + // defaultValue: 30, | ||
50 | + // userValue: null, | ||
51 | + // dynamicValue: null, | ||
52 | + // }, | ||
53 | + }, | ||
54 | + }, | ||
55 | + schedule: { | ||
56 | + type: schedule, | ||
57 | + // timezone: 'Asia/Shanghai', | ||
58 | + // daysOfWeek: [2, 3], | ||
59 | + // startsOn: 8700000, | ||
60 | + // endsOn: 30300000, | ||
61 | + }, | ||
62 | + }, | ||
63 | + }; | ||
64 | +}; | ||
65 | + | ||
66 | +export const genActionData = (conditionData) => { | ||
67 | + const { | ||
68 | + alarm_config, | ||
69 | + alarm_level, | ||
70 | + detail, | ||
71 | + device, | ||
72 | + doContext, | ||
73 | + operationType, | ||
74 | + outTarget, | ||
75 | + predicate, | ||
76 | + triggerType, | ||
77 | + triggered, | ||
78 | + type1, | ||
79 | + type2, | ||
80 | + schedule, | ||
81 | + entityId, | ||
82 | + deviceId, | ||
83 | + checked, | ||
84 | + } = conditionData; | ||
85 | + const mapPredicate = predicate?.map((item) => { | ||
86 | + return { | ||
87 | + key: { | ||
88 | + type: type1, | ||
89 | + key: type2, | ||
90 | + }, | ||
91 | + valueType: operationType, | ||
92 | + value: null, | ||
93 | + predicate: { | ||
94 | + type: operationType, | ||
95 | + operation: item.operation, | ||
96 | + value: { | ||
97 | + defaultValue: item.value, | ||
98 | + userValue: null, | ||
99 | + dynamicValue: null, | ||
100 | + }, | ||
101 | + }, | ||
102 | + }; | ||
103 | + }); | ||
104 | + return [ | ||
105 | + { | ||
106 | + alarmProfileId: alarm_config, | ||
107 | + outTarget, | ||
108 | + entityType: device, | ||
109 | + entityId: entityId?.length ? entityId : null, | ||
110 | + deviceId, | ||
111 | + doContext: mapPredicate?.length | ||
112 | + ? { | ||
113 | + alarmLevel: alarm_level, | ||
114 | + clearRule: { | ||
115 | + triggerType, | ||
116 | + triggerCondition: { | ||
117 | + alarmDetails: detail, | ||
118 | + condition: { | ||
119 | + condition: mapPredicate, | ||
120 | + spec: { | ||
121 | + type: triggered, | ||
122 | + // unit: 'SECONDS', | ||
123 | + // predicate: { | ||
124 | + // defaultValue: 30, | ||
125 | + // userValue: null, | ||
126 | + // dynamicValue: null, | ||
127 | + // }, | ||
128 | + }, | ||
129 | + }, | ||
130 | + schedule: { | ||
131 | + type: schedule, | ||
132 | + // timezone: 'Asia/Shanghai', | ||
133 | + // daysOfWeek: [2, 3], | ||
134 | + // startsOn: 8700000, | ||
135 | + // endsOn: 30300000, | ||
136 | + }, | ||
137 | + }, | ||
138 | + }, | ||
139 | + } | ||
140 | + : { | ||
141 | + ...doContext, | ||
142 | + alarmLevel: outTarget === 'MSG_NOTIFY' ? alarm_level : undefined, | ||
143 | + }, | ||
144 | + }, | ||
145 | + ]; | ||
146 | +}; | ||
147 | + | ||
148 | +import { Number_Operation, String_Operation, Boolean_Operation } from '/@/enums/operationEnum'; | ||
149 | + | ||
150 | +export const operationNumber_OR_TIME = [ | ||
151 | + { label: '等于', value: Number_Operation.EQUAL }, | ||
152 | + { label: '不等于', value: Number_Operation.NOT_EQUAL }, | ||
153 | + { label: '小于', value: Number_Operation.LESS }, | ||
154 | + { label: '小于等于', value: Number_Operation.LESS_OR_EQUAL }, | ||
155 | + { label: '大于', value: Number_Operation.GREATER }, | ||
156 | + { label: '大于等于', value: Number_Operation.GREATER_OR_EQUAL }, | ||
157 | +]; | ||
158 | + | ||
159 | +export const operationString = [ | ||
160 | + { label: '等于', value: String_Operation.EQUAL }, | ||
161 | + { label: '不等于', value: String_Operation.NOT_EQUAL }, | ||
162 | + { label: '开始于', value: String_Operation.BEGAN_IN }, | ||
163 | + { label: '结束于', value: String_Operation.END_IN }, | ||
164 | + { label: '包含', value: String_Operation.INCLUDE }, | ||
165 | + { label: '不包含', value: String_Operation.NOT_INCLUDE }, | ||
166 | +]; | ||
167 | + | ||
168 | +export const operationBoolean = [ | ||
169 | + { label: '等于', value: Boolean_Operation.EQUAL }, | ||
170 | + { label: '不等于', value: Boolean_Operation.NOT_EQUAL }, | ||
171 | +]; | ||
172 | + | ||
173 | +// 查找操作符 | ||
174 | +export function findOperation(valueType, operation) { | ||
175 | + switch (valueType) { | ||
176 | + case 'NUMERIC' || 'DATE_TIME': | ||
177 | + return operationNumber_OR_TIME.find((item) => item.value === operation); | ||
178 | + case 'STRING': | ||
179 | + return operationString.find((item) => item.value === operation); | ||
180 | + case 'BOOLEAN': | ||
181 | + return operationBoolean.find((item) => item.value === operation); | ||
182 | + } | ||
183 | +} | ||
184 | + | ||
185 | +export function isType(operationType) { | ||
186 | + switch (operationType) { | ||
187 | + case 'NUMERIC': | ||
188 | + return [ | ||
189 | + { | ||
190 | + field: 'operation', | ||
191 | + label: '执行操作', | ||
192 | + component: 'Select', | ||
193 | + required: true, | ||
194 | + componentProps: { | ||
195 | + options: operationNumber_OR_TIME, | ||
196 | + }, | ||
197 | + colProps: { | ||
198 | + span: 8, | ||
199 | + }, | ||
200 | + }, | ||
201 | + { | ||
202 | + field: 'value', | ||
203 | + label: '操作值', | ||
204 | + required: true, | ||
205 | + component: 'InputNumber', | ||
206 | + colProps: { | ||
207 | + span: 8, | ||
208 | + }, | ||
209 | + }, | ||
210 | + ]; | ||
211 | + case 'STRING': | ||
212 | + return [ | ||
213 | + { | ||
214 | + field: 'ignoreCase', | ||
215 | + label: '忽略大小写', | ||
216 | + component: 'Checkbox', | ||
217 | + labelWidth: 150, | ||
218 | + colProps: { | ||
219 | + span: 7, | ||
220 | + }, | ||
221 | + }, | ||
222 | + { | ||
223 | + field: 'operation', | ||
224 | + label: '执行操作', | ||
225 | + component: 'Select', | ||
226 | + required: true, | ||
227 | + componentProps: { | ||
228 | + options: operationString, | ||
229 | + }, | ||
230 | + colProps: { | ||
231 | + span: 7, | ||
232 | + }, | ||
233 | + }, | ||
234 | + { | ||
235 | + field: 'value', | ||
236 | + label: '操作值', | ||
237 | + required: true, | ||
238 | + component: 'Input', | ||
239 | + colProps: { | ||
240 | + span: 7, | ||
241 | + }, | ||
242 | + }, | ||
243 | + ]; | ||
244 | + case 'BOOLEAN': | ||
245 | + return [ | ||
246 | + { | ||
247 | + field: 'operation', | ||
248 | + label: '执行操作', | ||
249 | + component: 'Select', | ||
250 | + required: true, | ||
251 | + componentProps: { | ||
252 | + options: operationBoolean, | ||
253 | + }, | ||
254 | + colProps: { | ||
255 | + span: 8, | ||
256 | + }, | ||
257 | + }, | ||
258 | + { | ||
259 | + field: 'value', | ||
260 | + label: '操作值', | ||
261 | + component: 'Select', | ||
262 | + required: true, | ||
263 | + componentProps: { | ||
264 | + options: [ | ||
265 | + { | ||
266 | + label: '真', | ||
267 | + value: 'true', | ||
268 | + }, | ||
269 | + { | ||
270 | + label: '假', | ||
271 | + value: 'false', | ||
272 | + }, | ||
273 | + ], | ||
274 | + }, | ||
275 | + colProps: { | ||
276 | + span: 8, | ||
277 | + }, | ||
278 | + }, | ||
279 | + ]; | ||
280 | + case 'DATE_TIME': | ||
281 | + return [ | ||
282 | + { | ||
283 | + field: 'operation', | ||
284 | + label: '执行操作', | ||
285 | + required: true, | ||
286 | + component: 'Select', | ||
287 | + componentProps: { | ||
288 | + options: operationNumber_OR_TIME, | ||
289 | + }, | ||
290 | + colProps: { | ||
291 | + span: 8, | ||
292 | + }, | ||
293 | + }, | ||
294 | + { | ||
295 | + field: 'value', | ||
296 | + label: '操作值', | ||
297 | + required: true, | ||
298 | + component: 'DatePicker', | ||
299 | + componentProps: { | ||
300 | + showTime: true, | ||
301 | + }, | ||
302 | + colProps: { | ||
303 | + span: 8, | ||
304 | + }, | ||
305 | + }, | ||
306 | + ]; | ||
307 | + } | ||
308 | +} | ||
309 | +export function conditionPreView(data, operationType) { | ||
310 | + if (operationType === 'NUMERIC' || operationType === 'DATE_TIME') { | ||
311 | + const { EQUAL, NOT_EQUAL, LESS, LESS_OR_EQUAL, GREATER, GREATER_OR_EQUAL } = Number_Operation; | ||
312 | + return data.map((item) => { | ||
313 | + return { | ||
314 | + operation: | ||
315 | + item?.operation === EQUAL | ||
316 | + ? '等于' | ||
317 | + : item?.operation === NOT_EQUAL | ||
318 | + ? '不等于' | ||
319 | + : item?.operation === LESS | ||
320 | + ? '小于' | ||
321 | + : item?.operation === LESS_OR_EQUAL | ||
322 | + ? '小于等于' | ||
323 | + : item?.operation === GREATER | ||
324 | + ? '大于' | ||
325 | + : item?.operation === GREATER_OR_EQUAL | ||
326 | + ? '大于等于' | ||
327 | + : '', | ||
328 | + value: item.value, | ||
329 | + attribute: item.attribute, | ||
330 | + }; | ||
331 | + }); | ||
332 | + } else if (operationType === 'STRING') { | ||
333 | + const { EQUAL, NOT_EQUAL, BEGAN_IN, END_IN, INCLUDE, NOT_INCLUDE } = String_Operation; | ||
334 | + return data.map((item) => { | ||
335 | + return { | ||
336 | + operation: | ||
337 | + item?.operation === EQUAL | ||
338 | + ? '等于' | ||
339 | + : item?.operation === NOT_EQUAL | ||
340 | + ? '不等于' | ||
341 | + : item?.operation === BEGAN_IN | ||
342 | + ? '开始于' | ||
343 | + : item?.operation === END_IN | ||
344 | + ? '结束于' | ||
345 | + : item?.operation === INCLUDE | ||
346 | + ? '包含' | ||
347 | + : item?.operation === NOT_INCLUDE | ||
348 | + ? '不包含' | ||
349 | + : '', | ||
350 | + value: item.value, | ||
351 | + attribute: item.attribute, | ||
352 | + }; | ||
353 | + }); | ||
354 | + } else if (operationType === 'BOOLEAN') { | ||
355 | + const { EQUAL, NOT_EQUAL } = Boolean_Operation; | ||
356 | + return data.map((item) => { | ||
357 | + return { | ||
358 | + operation: | ||
359 | + item?.operation === EQUAL ? '等于' : item?.operation === NOT_EQUAL ? '不等于' : '', | ||
360 | + value: item.value, | ||
361 | + attribute: item.attribute, | ||
362 | + }; | ||
363 | + }); | ||
364 | + } | ||
365 | +} |