简柏林 / thingskit-front · Commits

Commit 778ee66bc73cca7432d6a79dca6230693290a37c

Authored by sqy
1 parent 4e14c2ea

'feat:更新场景联动'

Inline Side-by-side
Showing 14 changed files with 1610 additions and 879 deletions
... ... @@ -2,7 +2,6 @@ import { defHttp } from '/@/utils/http/axios';
2 2 import {
3 3 // ScreenParamModel,
4 4 ScreenAddModel,
5   - ScreenUpdateModel,
6 5 ScreenLinkPageQueryParam,
7 6 ScreenByDeptIdParams,
8 7 IChangeStatus,
... ... @@ -19,7 +18,8 @@ enum ScreenManagerApi {
19 18 SCREEN_ORGANIZATION_URL = '/organization/me/list',
20 19 SCREEN_CHANGE_STATUS = '/convert/update/scene',
21 20 SCREEN_GET_BY_DEPTID = '/sceneLinkage/device/',
22   - SCREEN_BYDEVICEID_GET_ATTRBUTELIST = '/plugins/telemetry/',
  21 + GET_ATTRBUTELIST = '/deviceProfile/devices/keys/timeseries',
  22 + ALARM_PROFILE = '/alarm/profile/',
23 23 }
24 24
25 25 /**
... ... @@ -78,7 +78,7 @@ export const screenLinkPagePutApi = (params: IChangeStatus) =>
78 78 });
79 79
80 80 /**
81   - * 根据部门id获取设备列表
  81 + * 根据组织获取设备列表
82 82 */
83 83 export const screenLinkPageByDeptIdGetDevice = (params: ScreenByDeptIdParams) => {
84 84 return defHttp.get({
... ... @@ -88,20 +88,21 @@ export const screenLinkPageByDeptIdGetDevice = (params: ScreenByDeptIdParams) =>
88 88 };
89 89
90 90 /**
91   - * 根据设备id获取属性列表
  91 + * 获取住址下的告警配置
92 92 */
93   -export const screenLinkPageByDeviceIdGetAttribut = (entityType, entityId) => {
  93 +export const getOrganizationAlarmConfig = (params: { organizationId }) => {
  94 + return defHttp.get({
  95 + url: ScreenManagerApi.ALARM_PROFILE + params.organizationId,
  96 + });
  97 +};
  98 +
  99 +/**
  100 + * 获取设备属性列表
  101 + */
  102 +export const getAttribute = () => {
94 103 return defHttp.get(
95 104 {
96   - url:
97   - ScreenManagerApi.SCREEN_BYDEVICEID_GET_ATTRBUTELIST +
98   - `${entityType}` +
99   - '/' +
100   - `${entityId}` +
101   - '/' +
102   - 'keys' +
103   - '/' +
104   - 'timeseries',
  105 + url: ScreenManagerApi.GET_ATTRBUTELIST,
105 106 },
106 107 {
107 108 joinPrefix: false,
... ...
... ... @@ -58,6 +58,7 @@
58 58 */
59 59 lazyTime: { type: Number, default: 0 },
60 60 });
  61 + const emit = defineEmits(['expand']);
61 62
62 63 const show = ref(true);
63 64
... ... @@ -72,7 +73,12 @@
72 73 // 200 milliseconds here is because the expansion has animation,
73 74 useTimeoutFn(triggerWindowResize, 200);
74 75 }
  76 + emit('expand', show.value);
75 77 }
  78 + defineExpose({
  79 + handleExpand,
  80 + show,
  81 + });
76 82 </script>
77 83 <style lang="less">
78 84 @prefix-cls: ~'@{namespace}-collapse-container';
... ...
  1 +/**
  2 + * 运算符枚举值
  3 + */
  4 +
  5 +// 数字运算符或者时间运算符
  6 +export enum Number_Operation {
  7 + EQUAL = 'EQUAL',
  8 + NOT_EQUAL = 'NOT_EQUAL',
  9 + LESS = 'LESS',
  10 + LESS_OR_EQUAL = 'LESS_OR_EQUAL',
  11 + GREATER = 'GREATER',
  12 + GREATER_OR_EQUAL = 'GREATER_OR_EQUAL',
  13 +}
  14 +
  15 +export enum String_Operation {
  16 + EQUAL = 'EQUAL',
  17 + NOT_EQUAL = 'NOT_EQUAL',
  18 + BEGAN_IN = 'BEGAN_IN',
  19 + END_IN = 'END_IN',
  20 + INCLUDE = 'INCLUDE',
  21 + NOT_INCLUDE = 'NOT_INCLUDE',
  22 +}
  23 +
  24 +export enum Boolean_Operation {
  25 + EQUAL = 'EQUAL',
  26 + NOT_EQUAL = 'NOT_EQUAL',
  27 +}
... ...
... ... @@ -31,6 +31,7 @@ interface UserState {
31 31 lastUpdateTime: number;
32 32 jwtToken?: string;
33 33 refreshToken?: string;
  34 + outTarget?: string;
34 35 }
35 36
36 37 const storage = createLocalStorage();
... ... @@ -40,6 +41,7 @@ export const useUserStore = defineStore({
40 41 //平台信息
41 42 platInfo: storage.get('platformInfo') || null,
42 43 enterPriseInfo: storage.get('enterPriseInfo') || null,
  44 + outTarget: 'DEVICE_OUT',
43 45 // user info
44 46 userInfo: null,
45 47 userUpdateInfo: null,
... ... @@ -62,6 +64,9 @@ export const useUserStore = defineStore({
62 64 getUserInfo(): UserInfo {
63 65 return this.userInfo || getAuthCache<UserInfo>(USER_INFO_KEY) || {};
64 66 },
  67 + getOutTarget(): any {
  68 + return this.outTarget;
  69 + },
65 70 getUserUpdateInfo(): UserUpdateInfo {
66 71 return this.userUpdateInfo || {};
67 72 },
... ... @@ -88,6 +93,9 @@ export const useUserStore = defineStore({
88 93 setEnterPriseInfo(enterPriseInfo: any) {
89 94 this.enterPriseInfo = enterPriseInfo;
90 95 },
  96 + setOutTarget(outTarget) {
  97 + this.outTarget = outTarget;
  98 + },
91 99 storeToken(jwtToken: string, refreshToken: string) {
92 100 this.jwtToken = jwtToken;
93 101 this.refreshToken = refreshToken;
... ...
... ... @@ -4,7 +4,7 @@
4 4 v-bind="$attrs"
5 5 @register="registerDrawer"
6 6 @ok="handleSubmit"
7   - width="50vw"
  7 + width="100%"
8 8 showFooter
9 9 @close="handleClose"
10 10 :title="title"
... ... @@ -14,6 +14,7 @@
14 14 <BasicForm @register="registerForm" />
15 15 <!-- 基础表单 -->
16 16 <!-- 触发器-begin -->
  17 + <Divider orientation="left">触发器</Divider>
17 18 <div>
18 19 <template v-for="(item, index) in triggerData" :key="item">
19 20 <Trigger
... ... @@ -25,13 +26,15 @@
25 26 </template>
26 27 <!-- 按钮 -->
27 28 <a-button type="primary" class="mt-4" @click="addTrigger" v-if="isView">
28   - 添加触发器</a-button
  29 + <PlusOutlined />
  30 + 新增触发器</a-button
29 31 >
30 32 <!-- 按钮 -->
31 33 </div>
32 34 <!-- 触发器-end -->
33 35
34 36 <!-- 执行条件-begin -->
  37 + <Divider orientation="left">执行条件</Divider>
35 38 <div>
36 39 <template v-for="(item, index) in conditionData" :key="item">
37 40 <Condition
... ... @@ -43,13 +46,15 @@
43 46 </template>
44 47 <!-- 按钮 -->
45 48 <a-button type="primary" class="mt-4" @click="addCondition" v-if="isView">
46   - 添加执行条件</a-button
  49 + <PlusOutlined />
  50 + 新增执行条件</a-button
47 51 >
48 52 <!-- 按钮 -->
49 53 </div>
50 54 <!-- 执行条件-end -->
51 55
52 56 <!-- 执行动作-begin -->
  57 + <Divider orientation="left">执行动作</Divider>
53 58 <div>
54 59 <template v-for="(item, index) in actionData" :key="item">
55 60 <Action
... ... @@ -60,10 +65,10 @@
60 65 @deleteAction="deleteAction"
61 66 />
62 67 </template>
63   -
64 68 <!-- 按钮 -->
65 69 <a-button type="primary" class="mt-4" @click="addAction" v-if="isView">
66   - 添加执行动作</a-button
  70 + <PlusOutlined />
  71 + 新增执行动作</a-button
67 72 >
68 73 <!-- 按钮 -->
69 74 </div>
... ... @@ -72,287 +77,274 @@
72 77 </BasicDrawer>
73 78 </div>
74 79 </template>
75   -<script lang="ts">
76   - import { defineComponent, ref, watch, unref, computed, nextTick } from 'vue';
  80 +<script lang="ts" setup>
  81 + import { ref, watch, unref, computed, nextTick } from 'vue';
77 82 import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
78 83 import { formSchema, organizationId } from './config';
79 84 import { BasicForm, useForm } from '/@/components/Form';
80   - import { formatTriggerData, formatConditionData } from './cpns/format-data';
  85 + import { genTriggerData, genConditionData, genActionData } from './cpns/format-data';
  86 + import { Divider } from 'ant-design-vue';
  87 + import { PlusOutlined } from '@ant-design/icons-vue';
81 88 import { useMessage } from '/@/hooks/web/useMessage';
82 89 import {
83 90 screenLinkPageAddApi,
84 91 screenLinkPageByDeptIdGetDevice,
  92 + getOrganizationAlarmConfig,
85 93 } from '/@/api/ruleengine/ruleengineApi';
86 94 import Trigger from './cpns/Trigger.vue';
87 95 import Condition from './cpns/Condition.vue';
88 96 import Action from './cpns/Action.vue';
89   - export default defineComponent({
90   - name: 'SceneLinkAgeDrawer',
91   - components: {
92   - BasicDrawer,
93   - BasicForm,
94   - Trigger,
95   - Condition,
96   - Action,
97   - },
98   - emits: ['register', 'success'],
99   - setup(_, { emit }) {
100   - const { createMessage } = useMessage();
101   - const triggerData = ref([]);
102   - const conditionData = ref([]);
103   - const actionData = ref([]);
104   - const skipUnwrap = {
105   - triggerItemRefs: ref([]),
106   - conditionItemRefs: ref([]),
107   - actionItemRefs: ref([]),
108   - };
109   - const title = computed(
110   - () => `${isUpdate.value === 3 ? '查看' : isUpdate.value ? '编辑' : '新增'}场景联动`
111   - );
112   - let getTriggerFormValue = ref([]);
113   - let getConditionFormValue = ref([]);
114   - let getActionFormValue = ref([]);
115   - const editEntryIdData = ref([]);
116   - const isUpdate = ref(false);
117   - const id = ref(undefined);
118   - const tenantId = ref(undefined);
119   - const isView = ref(true);
120   - const [registerForm, { resetFields, validate, setFieldsValue }] = useForm({
121   - labelWidth: 120,
122   - schemas: formSchema,
123   - showActionButtonGroup: false,
124   - });
125   - const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
126   - setDrawerProps({ confirmLoading: false, loading: true });
127   - isUpdate.value = data.isUpdate;
  97 + import { useUserStore } from '/@/store/modules/user';
128 98
129   - if (!unref(isUpdate)) {
130   - resetFields();
131   - //初始化执行动作
132   - actionData.value = [Date.now()];
133   - } else {
134   - // 取值
135   - const {
136   - id: recordId,
137   - tenantId: recordTenantId,
138   - organizationId,
139   - triggers,
140   - doConditions,
141   - doActions,
142   - } = data.record;
143   - // 赋值
144   - await setFieldsValue(data.record);
145   - id.value = recordId;
146   - tenantId.value = recordTenantId;
147   - // 获取当前组织下的设备列表
148   - const options = await screenLinkPageByDeptIdGetDevice({
149   - organizationId,
150   - });
151   - // 生成回显时对应得组件数量
152   - triggerData.value = [...new Array(triggers.length).keys()];
153   - conditionData.value = [...new Array(doConditions.length).keys()];
154   - actionData.value = [...new Array(doActions.length).keys()];
155   - // 回显设备列表
156   - editEntryIdData.value = options.items.map((v) => {
157   - return {
158   - value: v.tbDeviceId,
159   - label: v.name,
160   - };
161   - });
162   - nextTick(() => {
163   - setEditFields(skipUnwrap.triggerItemRefs, editEntryIdData);
164   - setEditFields(skipUnwrap.conditionItemRefs, editEntryIdData);
165   - setEditFields(skipUnwrap.actionItemRefs, editEntryIdData);
166   - });
  99 + const emit = defineEmits(['register', 'success']);
167 100
168   - // 回显触发器数据---此处是个闭包!
169   - triggers.forEach((trigger, index) => {
170   - nextTick(() => {
171   - unref(skipUnwrap.triggerItemRefs)[index].setFieldsFormValueFun({
172   - triggerType: trigger.triggerType,
173   - entityId: trigger.entityId,
174   - type1: trigger.triggerCondition?.condition[0]?.key?.type,
175   - type2: trigger.triggerCondition?.condition[0]?.key?.key,
176   - operation: trigger.triggerCondition?.condition[0]?.predicate?.operation,
177   - value: trigger.triggerCondition?.condition[0]?.predicate?.value?.defaultValue,
178   - });
179   - });
180   - });
181   -
182   - doConditions.forEach((item, index) => {
183   - nextTick(() => {
184   - unref(skipUnwrap.conditionItemRefs)[index].setFieldsFormValueFun({
185   - triggerType: item?.triggerType,
186   - entityId: item?.entityId,
187   - type: item.triggerCondition?.condition[0].key.key,
188   - operation: item?.triggerCondition?.condition[0]?.predicate?.operation,
189   - value: item?.triggerCondition?.condition[0]?.predicate?.value?.defaultValue,
190   - });
191   - });
192   - });
  101 + const { createMessage } = useMessage();
  102 + const triggerData = ref([]);
  103 + const conditionData = ref([]);
  104 + const actionData = ref([]);
  105 + const skipUnwrap = {
  106 + triggerItemRefs: ref([]),
  107 + conditionItemRefs: ref([]),
  108 + actionItemRefs: ref([]),
  109 + };
  110 + const title = computed(
  111 + () => `${isUpdate.value === 3 ? '查看' : isUpdate.value ? '编辑' : '新增'}场景联动`
  112 + );
  113 + let getTriggerFormValue = ref([]);
  114 + let getConditionFormValue = ref([]);
  115 + let getActionFormValue = ref([]);
  116 + const editEntryIdData = ref([]);
  117 + const isUpdate = ref(false);
  118 + const id = ref(undefined);
  119 + const tenantId = ref(undefined);
  120 + const isView = ref(true);
  121 + const [registerForm, { resetFields, validate, setFieldsValue }] = useForm({
  122 + labelWidth: 120,
  123 + schemas: formSchema,
  124 + showActionButtonGroup: false,
  125 + });
  126 + const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
  127 + setDrawerProps({ confirmLoading: false, loading: true });
  128 + isUpdate.value = data.isUpdate;
  129 + if (!unref(isUpdate)) {
  130 + resetFields();
  131 + //初始化执行动作
  132 + actionData.value = [Date.now()];
  133 + } else {
  134 + // 取值
  135 + const {
  136 + id: recordId,
  137 + tenantId: recordTenantId,
  138 + organizationId,
  139 + triggers,
  140 + doConditions,
  141 + doActions,
  142 + } = data.record;
  143 + // 赋值
  144 + await setFieldsValue(data.record);
  145 + id.value = recordId;
  146 + tenantId.value = recordTenantId;
  147 + // 获取当前组织下的设备列表
  148 + const options = await screenLinkPageByDeptIdGetDevice({
  149 + organizationId,
  150 + });
  151 + // 生成回显时对应得组件数量
  152 + triggerData.value = [...new Array(triggers.length).keys()];
  153 + conditionData.value = [...new Array(doConditions.length).keys()];
  154 + actionData.value = [...new Array(doActions.length).keys()];
  155 + // 回显设备列表
  156 + editEntryIdData.value = options.items.map((v) => {
  157 + return {
  158 + value: v.tbDeviceId,
  159 + label: v.name,
  160 + };
  161 + });
  162 + nextTick(() => {
  163 + setEditFields(skipUnwrap.triggerItemRefs, editEntryIdData);
  164 + setEditFields(skipUnwrap.conditionItemRefs, editEntryIdData);
  165 + setEditFields(skipUnwrap.actionItemRefs, editEntryIdData);
  166 + });
193 167
194   - doActions.forEach((item, index) => {
195   - nextTick(() => {
196   - unref(skipUnwrap.actionItemRefs)[index].setFieldsFormValueFun({
197   - outTarget: item.outTarget,
198   - deviceId: item.deviceId,
199   - });
200   - unref(skipUnwrap.actionItemRefs)[index].setJsonValue(item.doContext.params);
201   - });
  168 + // 回显触发器数据---此处是个闭包!
  169 + triggers.forEach((trigger, index) => {
  170 + nextTick(() => {
  171 + unref(skipUnwrap.triggerItemRefs)[index].setFieldsFormValueFun({
  172 + triggerType: trigger.triggerType,
  173 + entityId: trigger.entityId,
  174 + type1: trigger.triggerCondition?.condition[0]?.key?.type,
  175 + type2: trigger.triggerCondition?.condition[0]?.key?.key,
  176 + operation: trigger.triggerCondition?.condition[0]?.predicate?.operation,
  177 + value: trigger.triggerCondition?.condition[0]?.predicate?.value?.defaultValue,
202 178 });
203   - }
204   - if (unref(isUpdate) === 3) isView.value = false;
205   - setDrawerProps({
206   - showFooter: isView.value,
207   - loading: false,
208 179 });
209 180 });
210 181
211   - // 设置设备的options
212   - const setEditFields = (linkAge, deviceList) => {
213   - unref(linkAge).map((item) => {
214   - item.updateFieldDeviceId(deviceList);
  182 + doConditions.forEach((item, index) => {
  183 + nextTick(() => {
  184 + unref(skipUnwrap.conditionItemRefs)[index].setFieldsFormValueFun({
  185 + triggerType: item?.triggerType,
  186 + entityId: item?.entityId,
  187 + type: item.triggerCondition?.condition[0].key.key,
  188 + operation: item?.triggerCondition?.condition[0]?.predicate?.operation,
  189 + value: item?.triggerCondition?.condition[0]?.predicate?.value?.defaultValue,
  190 + });
215 191 });
216   - };
217   - // 监听组织变化更新设备列表
218   - const deviceList = ref([]);
219   - watch(organizationId, async (newValue: string) => {
220   - if (!newValue) return;
221   - const { items } = await screenLinkPageByDeptIdGetDevice({ organizationId: newValue });
222   - deviceList.value = items.map((item) => ({ label: item.name, value: item.tbDeviceId }));
223   - setFields(skipUnwrap.triggerItemRefs, true);
224   - setFields(skipUnwrap.conditionItemRefs, true);
225   - setFields(skipUnwrap.actionItemRefs, true);
226 192 });
227 193
228   - // 根据上面组织变化动态改变触发器，执行条件,执行动作的设备值
229   - function setFields(linkAge, isOrganizationChange = false) {
230   - unref(linkAge).map((item) => {
231   - isOrganizationChange && item.resetFieldsValueFunc();
232   - item.updateFieldDeviceId(deviceList);
233   - });
234   - }
235   -
236   - // 添加触发器
237   - const addTrigger = () => {
238   - unref(triggerData).push(Date.now());
239   - nextTick(() => {
240   - setFields(skipUnwrap.triggerItemRefs);
241   - });
242   - };
243   - // 添加执行条件
244   - const addCondition = () => {
245   - unref(conditionData).push(Date.now());
  194 + doActions.forEach((item, index) => {
246 195 nextTick(() => {
247   - setFields(skipUnwrap.conditionItemRefs);
248   - });
249   - };
250   - // 添加执行动作
251   - const addAction = () => {
252   - unref(actionData).push(Date.now());
253   - nextTick(() => {
254   - setFields(skipUnwrap.actionItemRefs);
  196 + unref(skipUnwrap.actionItemRefs)[index].setFieldsFormValueFun({
  197 + outTarget: item.outTarget,
  198 + deviceId: item.deviceId,
  199 + });
  200 + unref(skipUnwrap.actionItemRefs)[index].setJsonValue(item.doContext.params);
255 201 });
256   - };
  202 + });
  203 + }
  204 + if (unref(isUpdate) === 3) isView.value = false;
  205 + setDrawerProps({
  206 + showFooter: isView.value,
  207 + loading: false,
  208 + });
  209 + });
257 210
258   - /**
259   - * 获取触发器、执行条件、执行动作表单值--多个
260   - */
261   - const getFormValueFunc = () => {
262   - getTriggerFormValue.value = unref(skipUnwrap.triggerItemRefs)?.map((item) => {
263   - return formatTriggerData(item.getFieldsValueFunc());
264   - });
265   - getConditionFormValue.value = unref(skipUnwrap.conditionItemRefs).map((item) => {
266   - return formatConditionData(item.getFieldsValueFunc());
267   - });
268   - getActionFormValue.value = unref(skipUnwrap.actionItemRefs).map((item) => {
269   - return item.getFieldsValueFunc();
270   - });
271   - };
272   - const handleSubmit = async () => {
273   - let basicFormValue = await validate();
274   - if (!basicFormValue) return;
275   - for (const item of unref(skipUnwrap.actionItemRefs)) {
276   - const valid = await item.validateForm();
277   - if (!valid) return;
278   - }
279   - try {
280   - setDrawerProps({ confirmLoading: true });
281   - getFormValueFunc();
282   - const postAddOrEditData = {
283   - ...basicFormValue,
284   - triggers: unref(getTriggerFormValue),
285   - doConditions: unref(getConditionFormValue),
286   - doActions: unref(getActionFormValue),
287   - ...{
288   - id: unref(id),
289   - tenantId: unref(tenantId),
290   - },
291   - };
292   - await screenLinkPageAddApi(postAddOrEditData, unref(isUpdate));
293   - createMessage.success(`${unref(isUpdate) ? '编辑' : '新增'}成功`);
294   - closeDrawer();
295   - handleClose();
296   - emit('success');
297   - } finally {
298   - setDrawerProps({ confirmLoading: false });
299   - }
300   - };
  211 + // 设置设备的options
  212 + const setEditFields = (linkAge, deviceList) => {
  213 + unref(linkAge).map((item) => {
  214 + item.updateFieldDeviceId(deviceList);
  215 + });
  216 + };
  217 + // 监听组织变化更新设备列表
  218 + const deviceList = ref([]);
  219 + const alarmConfigList = ref([]);
  220 + watch(organizationId, async (newValue: string) => {
  221 + if (!newValue) return;
  222 + const { items } = await screenLinkPageByDeptIdGetDevice({ organizationId: newValue });
  223 + deviceList.value = items.map((item) => ({ label: item.name, value: item.tbDeviceId }));
  224 + setFields(skipUnwrap.triggerItemRefs, true);
  225 + setFields(skipUnwrap.conditionItemRefs, true);
  226 + setFields(skipUnwrap.actionItemRefs, true);
301 227
302   - // 删除
303   - const deleteTrigger = (triggerIndex: number) => {
304   - unref(triggerData).splice(triggerIndex, 1);
305   - };
306   - const deleteCondition = (conditionIndex: number) => {
307   - unref(conditionData).splice(conditionIndex, 1);
308   - };
309   - const deleteAction = (actionIndex: number) => {
310   - unref(actionData).splice(actionIndex, 1);
311   - };
312   - const handleClose = () => {
313   - id.value = undefined;
314   - tenantId.value = undefined;
315   - organizationId.value = undefined;
316   - isView.value = true;
317   - getTriggerFormValue.value = [];
318   - getConditionFormValue.value = [];
319   - getActionFormValue.value = [];
320   - triggerData.value = [];
321   - conditionData.value = [];
322   - actionData.value = [];
323   - unref(skipUnwrap.triggerItemRefs).map((item) => {
324   - item.resetFieldsValueFunc();
325   - });
326   - unref(skipUnwrap.conditionItemRefs).map((item) => {
327   - item.resetFieldsValueFunc();
328   - });
329   - unref(skipUnwrap.actionItemRefs).map((item) => {
330   - item.resetFieldsValueFunc();
331   - });
332   - };
  228 + const data = await getOrganizationAlarmConfig({ organizationId: newValue });
  229 + alarmConfigList.value = data.map((item) => ({ label: item.name, value: item.id }));
  230 + setAlarmConfig(skipUnwrap.actionItemRefs, true);
  231 + });
333 232
334   - return {
335   - title,
336   - isUpdate,
337   - registerDrawer,
338   - registerForm,
339   - // 添加 or 删除 触发器,条件,动作
340   - triggerData,
341   - conditionData,
342   - actionData,
343   - addCondition,
344   - addTrigger,
345   - addAction,
346   - deleteTrigger,
347   - deleteCondition,
348   - deleteAction,
349   - // Refs引用
350   - skipUnwrap,
351   - handleSubmit,
352   - handleClose,
  233 + // 根据上面组织变化动态改变触发器，执行条件,执行动作的设备值
  234 + function setFields(linkAge, isOrganizationChange = false) {
  235 + unref(linkAge).map((item) => {
  236 + isOrganizationChange && item.resetFieldsValueFunc();
  237 + item.updateFieldDeviceId(deviceList);
  238 + });
  239 + }
353 240
354   - isView,
  241 + function setAlarmConfig(linkAge, isOrganizationChange = false) {
  242 + unref(linkAge).map((item) => {
  243 + isOrganizationChange && item.resetFieldsValueFunc();
  244 + item.updateFieldAlarmConfig(alarmConfigList);
  245 + });
  246 + }
  247 + // 添加触发器
  248 + const addTrigger = () => {
  249 + unref(triggerData).push(Date.now());
  250 + nextTick(() => {
  251 + setFields(skipUnwrap.triggerItemRefs);
  252 + });
  253 + };
  254 + // 添加执行条件
  255 + const addCondition = () => {
  256 + unref(conditionData).push(Date.now());
  257 + nextTick(() => {
  258 + setFields(skipUnwrap.conditionItemRefs);
  259 + });
  260 + };
  261 + // 添加执行动作
  262 + const addAction = () => {
  263 + unref(actionData).push(Date.now());
  264 + nextTick(() => {
  265 + setFields(skipUnwrap.actionItemRefs);
  266 + });
  267 + };
  268 +
  269 + /**
  270 + * 获取触发器、执行条件、执行动作表单值--多个
  271 + */
  272 + const getFormValueFunc = () => {
  273 + getTriggerFormValue.value = unref(skipUnwrap.triggerItemRefs)?.map((item) => {
  274 + return genTriggerData(item.getFieldsValueFunc());
  275 + });
  276 + getConditionFormValue.value = unref(skipUnwrap.conditionItemRefs).map((item) => {
  277 + return genConditionData(item.getFieldsValueFunc());
  278 + });
  279 + getActionFormValue.value = unref(skipUnwrap.actionItemRefs).map((item) => {
  280 + console.log(item.jsonInstance.get());
  281 + return genActionData(item.getFieldsValueFunc());
  282 + });
  283 + console.log(getActionFormValue.value);
  284 + };
  285 + const handleSubmit = async () => {
  286 + let basicFormValue = await validate();
  287 + if (!basicFormValue) return;
  288 + for (const item of unref(skipUnwrap.actionItemRefs)) {
  289 + const valid = await item.validateForm();
  290 + if (!valid) return;
  291 + }
  292 + try {
  293 + setDrawerProps({ confirmLoading: true });
  294 + getFormValueFunc();
  295 + const postAddOrEditData = {
  296 + ...basicFormValue,
  297 + triggers: !unref(getTriggerFormValue).length ? null : unref(getTriggerFormValue),
  298 + doConditions: !unref(getConditionFormValue).length ? null : unref(getConditionFormValue),
  299 + doActions: unref(getActionFormValue).flat(),
  300 + id: unref(id),
  301 + tenantId: unref(tenantId),
355 302 };
356   - },
357   - });
  303 + console.log(postAddOrEditData);
  304 + await screenLinkPageAddApi(postAddOrEditData, unref(isUpdate));
  305 + createMessage.success(`${unref(isUpdate) ? '编辑' : '新增'}成功`);
  306 + closeDrawer();
  307 + handleClose();
  308 + emit('success');
  309 + } finally {
  310 + setDrawerProps({ confirmLoading: false });
  311 + }
  312 + };
  313 + const userStore = useUserStore();
  314 + // 删除
  315 + const deleteTrigger = (triggerIndex: number) => {
  316 + unref(triggerData).splice(triggerIndex, 1);
  317 + };
  318 + const deleteCondition = (conditionIndex: number) => {
  319 + unref(conditionData).splice(conditionIndex, 1);
  320 + };
  321 + const deleteAction = ({ actionIndex, outTarget }) => {
  322 + // console.log(actionIndex, outTarget.value);
  323 + unref(actionData).splice(actionIndex, 1);
  324 + if (unref(outTarget) === 'MSG_NOTIFY') {
  325 + userStore.setOutTarget('DEVICE_OUT');
  326 + }
  327 + };
  328 + const handleClose = () => {
  329 + id.value = undefined;
  330 + tenantId.value = undefined;
  331 + organizationId.value = undefined;
  332 + isView.value = true;
  333 + getTriggerFormValue.value = [];
  334 + getConditionFormValue.value = [];
  335 + getActionFormValue.value = [];
  336 + triggerData.value = [];
  337 + conditionData.value = [];
  338 + actionData.value = [];
  339 + unref(skipUnwrap.triggerItemRefs).map((item) => {
  340 + item.resetFieldsValueFunc();
  341 + });
  342 + unref(skipUnwrap.conditionItemRefs).map((item) => {
  343 + item.resetFieldsValueFunc();
  344 + });
  345 + unref(skipUnwrap.actionItemRefs).map((item) => {
  346 + item.resetFieldsValueFunc();
  347 + });
  348 + userStore.setOutTarget('DEVICE_OUT');
  349 + };
358 350 </script>
... ...
... ... @@ -21,32 +21,6 @@ export enum TriggerEnum {
21 21 IS_DEVICE_STATUS = 'DEVICE_STATUS',
22 22 IS_TIME_ALL = 'SCHEDULE_TRIGGER',
23 23 }
24   -
25   -export enum AttributeActionEnum {
26   - IS_ATTRIBUTE_ACT = 'ATTRIBUTE',
27   - IS_UP_DOWN_ACT = 'TIME_SERIES',
28   -}
29   -
30   -export enum AttrAndWenDuEnum {
31   - IS_ALL_ATTR = 'ALL_ATTR',
32   - IS_WENDU_ACT = 'NUMERIC',
33   - IS_SHIDU = 'NUMERIC',
34   - IS_CONDITION_WENDU = 'NUMERIC2',
35   - IS_CONDITION_SHIDU = 'NUMERIC1',
36   - IS_TYPE2 = 'type2',
37   -}
38   -
39   -export const isUpAndDown = (type: string) => {
40   - return type === AttributeActionEnum.IS_UP_DOWN_ACT;
41   -};
42   -export const isTimeAll = (type: string) => {
43   - return type === TriggerEnum.IS_TIME_ACT;
44   -};
45   -
46   -export const isMsg = (type: string) => {
47   - return type === TriggerEnum.IS_MSG_NOTIFY;
48   -};
49   -
50 24 export const isDevice = (type: string) => {
51 25 return type === TriggerEnum.IS_DEVICE_ACT;
52 26 };
... ... @@ -55,32 +29,6 @@ export const isTime = (type: string) => {
55 29 return type === TriggerEnum.IS_TIME_ACT;
56 30 };
57 31
58   -export const isScene = (type: string) => {
59   - return type === TriggerEnum.IS_SCENE_ACT;
60   -};
61   -
62   -export const isHand = (type: string) => {
63   - return type === TriggerEnum.IS_HAND_ACT;
64   -};
65   -export const isType2 = (type: string) => {
66   - return type === AttrAndWenDuEnum.IS_TYPE2;
67   -};
68   -
69   -export const isConditionShiDu = (type: string) => {
70   - return type === AttrAndWenDuEnum.IS_CONDITION_SHIDU;
71   -};
72   -export const isConditionWenDu = (type: string) => {
73   - return type === AttrAndWenDuEnum.IS_CONDITION_WENDU;
74   -};
75   -
76   -export const isShiDu = (type: string) => {
77   - return type === AttrAndWenDuEnum.IS_SHIDU;
78   -};
79   -
80   -export const isWenDu = (type: string) => {
81   - return type === AttrAndWenDuEnum.IS_WENDU_ACT;
82   -};
83   -
84 32 export const columns: BasicColumn[] = [
85 33 {
86 34 title: '场景联动名称',
... ... @@ -232,107 +180,87 @@ export const searchFormSchema: FormSchema[] = [
232 180 colProps: { span: 6 },
233 181 },
234 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 +};
235 194
236   -export const useTriggerDrawerSchema: FormSchema[] = [
  195 +export const trigger_condition_schema: FormSchema[] = [
237 196 {
238   - field: 'triggerType',
  197 + field: 'triggered',
239 198 label: '',
240 199 component: 'Select',
241 200 componentProps: {
242   - placeholder: '设备触发',
  201 + placeholder: '请选择触发类型',
243 202 options: [
244   - { label: '设备触发', value: 'DEVICE_TRIGGER' },
245   - // { label: '定时触发', value: 'SCHEDULE_TRIGGER' },
246   - // { label: '场景触发', value: 'SCENE_TRIGGER' },
247   - // { label: '手动触发', value: 'HAND_ACT' },
  203 + { label: '简单', value: 'SIMPLE' },
  204 + { label: '持续时长', value: 'timeDuration' },
  205 + { label: '重复次数', value: 'replace' },
248 206 ],
249 207 },
250   - colProps: { span: 8 },
  208 + colProps: { span: 6 },
251 209 },
252 210 {
253   - field: 'entityId',
  211 + field: 'device',
254 212 label: '',
255 213 component: 'Select',
256 214 componentProps: {
257 215 placeholder: '请选择设备',
  216 + options: [
  217 + { label: '全部', value: 'ALL' },
  218 + { label: '部分', value: 'PART' },
  219 + ],
258 220 },
259   - ifShow: ({ values }) => isDevice(values.triggerType),
260   - colProps: {
261   - span: 8,
262   - },
  221 + colProps: { span: 6 },
263 222 },
264 223 {
265   - field: 'type1',
  224 + field: 'entityId',
266 225 label: '',
267 226 component: 'Select',
268 227 componentProps: {
269   - placeholder: '属性触发方式',
270   - options: [{ label: '属性触发', value: 'TIME_SERIES' }],
271   - },
272   - ifShow: ({ values }) => isDevice(values.triggerType),
273   - dynamicDisabled: ({ values }) => !values.entityId,
274   - colProps: { span: 8 },
275   - },
276   - {
277   - field: 'type2',
278   - label: '',
279   - component: 'AutoComplete',
280   - componentProps: {
281   - placeholder: '请选择属性',
  228 + placeholder: '请选择设备',
  229 + mode: 'multiple',
282 230 },
283   - ifShow: ({ values }) => isDevice(values.triggerType),
284   - dynamicDisabled: ({ values }) => !values.type1,
285   - colProps: { span: 8 },
  231 + ifShow: ({ values }) => isPart(values.device),
  232 + colProps: { span: 6 },
286 233 },
287 234 {
288   - field: 'operation',
  235 + field: 'time',
289 236 label: '',
290   - component: 'Select',
  237 + component: 'Input',
291 238 componentProps: {
292   - placeholder: '请选择比较模式',
293   - options: [
294   - { label: '=', value: 'EQUAL' },
295   - { label: '<', value: 'LESS' },
296   - { label: '>', value: 'GREATER' },
297   - { label: '<=', value: 'LESS_OR_EQUAL' },
298   - { label: '>=', value: 'GREATER_OR_EQUAL' },
299   - ],
  239 + placeholder: '请输入持续时间',
300 240 },
301   - show: ({ values }) => isDevice(values.triggerType),
302   - dynamicDisabled: ({ values }) => !values.type2,
303   - colProps: { span: 8 },
  241 + ifShow: ({ values }) => isTimeDuration(values.triggered),
  242 + colProps: { span: 6 },
304 243 },
305 244 {
306   - field: 'value',
  245 + field: 'timeUnit',
307 246 label: '',
308 247 component: 'Input',
309 248 componentProps: {
310   - maxLength: 16,
311   - placeholder: '请输入比较值',
312   - },
313   - show: ({ values }) => isDevice(values.triggerType),
314   - dynamicDisabled: ({ values }) => !values.operation,
315   - colProps: {
316   - span: 8,
  249 + placeholder: '请输入持续时间单位',
317 250 },
  251 + ifShow: ({ values }) => isTimeDuration(values.triggered),
  252 + colProps: { span: 6 },
318 253 },
319 254 {
320   - field: 'entityId1',
  255 + field: 'replaceValue',
321 256 label: '',
322 257 component: 'Input',
323 258 componentProps: {
324   - maxLength: 255,
325   - placeholder: '请输入Cron表达式',
  259 + placeholder: '事件计数值',
326 260 },
327   - colProps: {
328   - span: 12,
329   - },
330   - ifShow: ({ values }) => values.triggerType === TriggerEnum.IS_TIME_ACT,
  261 + ifShow: ({ values }) => isReplace(values.triggered),
  262 + colProps: { span: 6 },
331 263 },
332   -];
333   -// !!!----------------------------------------------------^_^------------------------------------------------------------!!!
334   -
335   -export const useConditionDrawerSchema: FormSchema[] = [
336 264 {
337 265 field: 'triggerType',
338 266 label: '',
... ... @@ -341,191 +269,367 @@ export const useConditionDrawerSchema: FormSchema[] = [
341 269 placeholder: '设备触发',
342 270 options: [
343 271 { label: '设备触发', value: 'DEVICE_TRIGGER' },
344   - // { label: '时间范围', value: 'SCHEDULE_TRIGGER' },
  272 + // { label: '定时触发', value: 'SCHEDULE_TRIGGER' },
  273 + // { label: '场景触发', value: 'SCENE_TRIGGER' },
  274 + // { label: '手动触发', value: 'HAND_ACT' },
345 275 ],
346 276 },
347   - colProps: { span: 8 },
  277 + colProps: { span: 6 },
348 278 },
  279 +
349 280 {
350   - field: 'entityId',
  281 + field: 'type1',
351 282 label: '',
352 283 component: 'Select',
353   - componentProps() {
354   - return {
355   - placeholder: '请选择设备',
356   - };
  284 + componentProps: {
  285 + placeholder: '属性触发方式',
  286 + options: [{ label: '属性触发', value: 'TIME_SERIES' }],
357 287 },
358 288 ifShow: ({ values }) => isDevice(values.triggerType),
359   - colProps: {
360   - span: 8,
361   - },
  289 + colProps: { span: 6 },
362 290 },
363 291 {
364   - field: 'type',
  292 + field: 'type2',
365 293 label: '',
366 294 component: 'AutoComplete',
367 295 componentProps: {
368 296 placeholder: '请选择属性',
369 297 },
370 298 ifShow: ({ values }) => isDevice(values.triggerType),
371   - dynamicDisabled: ({ values }) => !values.entityId,
372   - colProps: { span: 8 },
  299 + colProps: { span: 6 },
373 300 },
374 301 {
375   - field: 'operation',
  302 + field: 'operationType',
376 303 label: '',
377 304 component: 'Select',
378   - componentProps: {
379   - placeholder: '请选择比较模式',
380   - options: [
381   - { label: '=', value: 'EQUAL' },
382   - { label: '<', value: 'LESS' },
383   - { label: '>', value: 'GREATER' },
384   - { label: '<=', value: 'LESS_OR_EQUAL' },
385   - { label: '>=', value: 'GREATER_OR_EQUAL' },
386   - ],
387   - },
388   - show: ({ values }) => isDevice(values.triggerType),
389   - dynamicDisabled: ({ values }) => !values.type,
390   - colProps: { span: 8 },
  305 + slot: 'operationType',
  306 + colProps: { span: 6 },
391 307 },
392 308 {
393   - field: 'value',
  309 + field: 'detail',
394 310 label: '',
395   - component: 'Input',
  311 + component: 'InputTextArea',
396 312 componentProps: {
397   - maxLength: 16,
398   - placeholder: '请输入比较值',
  313 + placeholder: '请输入详情',
399 314 },
400   - show: ({ values }) => isDevice(values.triggerType),
401   - dynamicDisabled: ({ values }) => !values.operation,
402 315 colProps: {
403   - span: 8,
  316 + span: 13,
404 317 },
405 318 },
406   - // {
407   - // field: 'createTime',
408   - // component: 'DatePicker',
409   - // label: 'createTime',
410   - // componentProps: {
411   - // placeholder: '请选择起始时间',
412   - // },
413   - // colProps: {
414   - // span: 12,
415   - // },
416   - // ifShow: ({ values }) => isTimeAll(values.triggerType),
417   - // },
418   - // {
419   - // field: 'updateTime',
420   - // component: 'DatePicker',
421   - // label: 'updateTime',
422   - // componentProps: {
423   - // placeholder: '请选择结束时间',
424   - // },
425   - // colProps: {
426   - // span: 12,
427   - // },
428   - // ifShow: ({ values }) => isTimeAll(values.triggerType),
429   - // },
430 319 ];
  320 +// !!!----------------------------------------------------^_^------------------------------------------------------------!!!
431 321 enum ActionEnum {
432 322 DEVICE_OUT = 'DEVICE_OUT',
  323 + ALARM_OUT = 'MSG_NOTIFY',
433 324 }
434 325 const isDeviceOut = (type: string) => type === ActionEnum.DEVICE_OUT;
435   -export const useActionDrawerSchema: FormSchema[] = [
  326 +const isAlarmOut = (type: string) => type === ActionEnum.ALARM_OUT;
  327 +
  328 +export const actionSchema: FormSchema[] = [
436 329 {
437 330 field: 'outTarget',
438 331 label: '',
439 332 component: 'Select',
440 333 required: true,
441 334 componentProps: {
442   - placeholder: '设备输出',
  335 + placeholder: '请选择执行动作',
  336 + },
  337 + slot: 'outTarget',
  338 + colProps: { span: 6 },
  339 + },
  340 + {
  341 + field: 'device',
  342 + label: '',
  343 + component: 'Select',
  344 + componentProps: {
  345 + placeholder: '请选择设备',
443 346 options: [
444   - { label: '设备输出', value: 'DEVICE_OUT' },
445   - // { label: '消息通知', value: 'MSG_NOTIFY' },
446   - // { label: '场景联动', value: 'SCENE_TRIGGER' },
  347 + { label: '全部', value: 'ALL' },
  348 + { label: '部分', value: 'PART' },
447 349 ],
448 350 },
449   - colProps: { span: 12 },
  351 + ifShow: ({ values }) => isDeviceOut(values.outTarget),
  352 + colProps: { span: 6 },
450 353 },
451 354 {
452 355 field: 'deviceId',
453 356 label: '',
454   - required: true,
455 357 component: 'Select',
456 358 componentProps: {
457 359 placeholder: '请选择设备',
  360 + mode: 'multiple',
458 361 },
459   - ifShow: ({ values }) => isDeviceOut(values.outTarget),
460   - colProps: {
461   - span: 12,
462   - },
  362 + ifShow: ({ values }) => isPart(values.device),
  363 + colProps: { span: 6 },
463 364 },
464 365 {
465   - field: 'doContext',
466   - component: 'InputTextArea',
  366 + field: 'alarm_config',
467 367 label: '',
  368 + component: 'Select',
468 369 componentProps: {
469   - maxLength: 255,
  370 + placeholder: '请选择告警配置',
470 371 },
  372 + ifShow: ({ values }) => values.outTarget === 'MSG_NOTIFY',
  373 + colProps: { span: 6 },
  374 + },
  375 + {
  376 + field: 'doContext',
  377 + component: 'Input',
  378 + label: '',
471 379 slot: 'doContext',
472 380 show: ({ values }) => isDeviceOut(values.outTarget),
473 381 colProps: {
474 382 span: 24,
475 383 },
476 384 },
477   - // {
478   - // field: 'wu2',
479   - // component: 'Input',
480   - // label: '',
481   - // componentProps: {
482   - // placeholder: '暂不实现',
483   - // },
484   - // colProps: {
485   - // span: 12,
486   - // },
487   - // ifShow: ({ values }) => isMsg(Reflect.get(values, 'outTarget')),
488   - // },
489   - // {
490   - // field: 'wu3',
491   - // label: '',
492   - // component: 'Input',
493   - // componentProps: {
494   - // placeholder: '无',
495   - // style: {
496   - // visibility: 'hidden',
497   - // },
498   - // },
499   - // colProps: { span: 12 },
500   - // ifShow: ({ values }) => isMsg(Reflect.get(values, 'outTarget')),
501   - // },
502   - // {
503   - // field: 'entityId',
504   - // label: '',
505   - // component: 'Select',
506   - // colProps: {
507   - // span: 12,
508   - // },
509   - // componentProps: {
510   - // placeholder: '请选择场景',
511   - // options: [
512   - // { label: '场景触发器1', value: '1' },
513   - // { label: '场景触发器2', value: '2' },
514   - // ],
515   - // },
516   - // ifShow: ({ values }) => isScene(Reflect.get(values, 'outTarget')),
517   - // },
518   - // {
519   - // field: 'wu4',
520   - // label: '',
521   - // component: 'Input',
522   - // componentProps: {
523   - // placeholder: '无',
524   - // style: {
525   - // visibility: 'hidden',
526   - // },
527   - // },
528   - // colProps: { span: 12 },
529   - // ifShow: ({ values }) => isScene(Reflect.get(values, 'outTarget')),
530   - // },
  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 + },
531 429 ];
  430 +import { Number_Operation, String_Operation, Boolean_Operation } from '/@/enums/operationEnum';
  431 +export function isType(operationType) {
  432 + switch (operationType) {
  433 + case 'NUMERIC':
  434 + return [
  435 + {
  436 + field: 'operation',
  437 + label: '执行操作',
  438 + component: 'Select',
  439 + require: true,
  440 + componentProps: {
  441 + options: [
  442 + { label: '等于', value: Number_Operation.EQUAL },
  443 + { label: '不等于', value: Number_Operation.NOT_EQUAL },
  444 + { label: '小于', value: Number_Operation.LESS },
  445 + { label: '小于等于', value: Number_Operation.LESS_OR_EQUAL },
  446 + { label: '大于', value: Number_Operation.GREATER },
  447 + { label: '大于等于', value: Number_Operation.GREATER_OR_EQUAL },
  448 + ],
  449 + },
  450 + colProps: {
  451 + span: 8,
  452 + },
  453 + },
  454 + {
  455 + field: 'value',
  456 + label: '操作值',
  457 + require: true,
  458 + component: 'InputNumber',
  459 + colProps: {
  460 + span: 8,
  461 + },
  462 + },
  463 + ];
  464 + case 'STRING':
  465 + return [
  466 + {
  467 + field: 'ignoreCase',
  468 + label: '忽略大小写',
  469 + component: 'Checkbox',
  470 + labelWidth: 150,
  471 + colProps: {
  472 + span: 7,
  473 + },
  474 + },
  475 + {
  476 + field: 'operation',
  477 + label: '执行操作',
  478 + component: 'Select',
  479 + require: true,
  480 + componentProps: {
  481 + options: [
  482 + { label: '等于', value: String_Operation.EQUAL },
  483 + { label: '不等于', value: String_Operation.NOT_EQUAL },
  484 + { label: '开始于', value: String_Operation.BEGAN_IN },
  485 + { label: '结束于', value: String_Operation.END_IN },
  486 + { label: '包含', value: String_Operation.INCLUDE },
  487 + { label: '不包含', value: String_Operation.NOT_INCLUDE },
  488 + ],
  489 + },
  490 + colProps: {
  491 + span: 7,
  492 + },
  493 + },
  494 + {
  495 + field: 'value',
  496 + label: '操作值',
  497 + require: true,
  498 + component: 'Input',
  499 + colProps: {
  500 + span: 7,
  501 + },
  502 + },
  503 + ];
  504 + case 'BOOLEAN':
  505 + return [
  506 + {
  507 + field: 'operation',
  508 + label: '执行操作',
  509 + component: 'Select',
  510 + require: true,
  511 + componentProps: {
  512 + options: [
  513 + { label: '等于', value: Boolean_Operation.EQUAL },
  514 + { label: '不等于', value: Boolean_Operation.NOT_EQUAL },
  515 + ],
  516 + },
  517 + colProps: {
  518 + span: 8,
  519 + },
  520 + },
  521 + {
  522 + field: 'value',
  523 + label: '操作值',
  524 + component: 'Select',
  525 + require: true,
  526 + componentProps: {
  527 + options: [
  528 + {
  529 + label: '真',
  530 + value: 'true',
  531 + },
  532 + {
  533 + label: '假',
  534 + value: 'false',
  535 + },
  536 + ],
  537 + },
  538 + colProps: {
  539 + span: 8,
  540 + },
  541 + },
  542 + ];
  543 + case 'TIME':
  544 + return [
  545 + {
  546 + field: 'operation',
  547 + label: '执行操作',
  548 + require: true,
  549 + component: 'Select',
  550 + componentProps: {
  551 + options: [
  552 + { label: '等于', value: Number_Operation.EQUAL },
  553 + { label: '不等于', value: Number_Operation.NOT_EQUAL },
  554 + { label: '小于', value: Number_Operation.LESS },
  555 + { label: '小于等于', value: Number_Operation.LESS_OR_EQUAL },
  556 + { label: '大于', value: Number_Operation.GREATER },
  557 + { label: '大于等于', value: Number_Operation.GREATER_OR_EQUAL },
  558 + ],
  559 + },
  560 + colProps: {
  561 + span: 8,
  562 + },
  563 + },
  564 + {
  565 + field: 'value',
  566 + label: '操作值',
  567 + require: true,
  568 + component: 'DatePicker',
  569 + componentProps: {
  570 + showTime: true,
  571 + },
  572 + colProps: {
  573 + span: 8,
  574 + },
  575 + },
  576 + ];
  577 + }
  578 +}
  579 +export function conditionPreView(data, operationType) {
  580 + if (operationType === 'NUMERIC' || operationType === 'TIME') {
  581 + const { EQUAL, NOT_EQUAL, LESS, LESS_OR_EQUAL, GREATER, GREATER_OR_EQUAL } = Number_Operation;
  582 + return data.map((item) => {
  583 + return {
  584 + operation:
  585 + item?.operation === EQUAL
  586 + ? '等于'
  587 + : item?.operation === NOT_EQUAL
  588 + ? '不等于'
  589 + : item?.operation === LESS
  590 + ? '小于'
  591 + : item?.operation === LESS_OR_EQUAL
  592 + ? '小于等于'
  593 + : item?.operation === GREATER
  594 + ? '大于'
  595 + : item?.operation === GREATER_OR_EQUAL
  596 + ? '大于等于'
  597 + : '',
  598 + value: item.value,
  599 + attribute: item.attribute,
  600 + };
  601 + });
  602 + } else if (operationType === 'STRING') {
  603 + const { EQUAL, NOT_EQUAL, BEGAN_IN, END_IN, INCLUDE, NOT_INCLUDE } = String_Operation;
  604 + return data.map((item) => {
  605 + return {
  606 + operation:
  607 + item?.operation === EQUAL
  608 + ? '等于'
  609 + : item?.operation === NOT_EQUAL
  610 + ? '不等于'
  611 + : item?.operation === BEGAN_IN
  612 + ? '开始于'
  613 + : item?.operation === END_IN
  614 + ? '结束于'
  615 + : item?.operation === INCLUDE
  616 + ? '包含'
  617 + : item?.operation === NOT_INCLUDE
  618 + ? '不包含'
  619 + : '',
  620 + value: item.value,
  621 + attribute: item.attribute,
  622 + };
  623 + });
  624 + } else if (operationType === 'BOOLEAN') {
  625 + const { EQUAL, NOT_EQUAL } = Boolean_Operation;
  626 + return data.map((item) => {
  627 + return {
  628 + operation:
  629 + item?.operation === EQUAL ? '等于' : item?.operation === NOT_EQUAL ? '不等于' : '',
  630 + value: item.value,
  631 + attribute: item.attribute,
  632 + };
  633 + });
  634 + }
  635 +}
... ...
  1 +<template>
  2 + <div>
  3 + <CollapseContainer style="background-color: #f2f2f2" title="清除告警" :canExpan="false">
  4 + <template #action>
  5 + <div>
  6 + <span class="mr-2">启用规则</span>
  7 + <RadioGroup v-model:value="schedule" :options="scheduleOptions" />
  8 + </div>
  9 + </template>
  10 + <BasicForm @register="registerForm">
  11 + <template #operationType="{ model, field }">
  12 + <Select
  13 + :options="options"
  14 + v-model:value="model[field]"
  15 + @change="operationType = model[field]"
  16 + placeholder="请选择比较类型"
  17 + allowClear
  18 + />
  19 + </template>
  20 + </BasicForm>
  21 + <Card size="small" :bordered="false" style="border: 2px dashed #797979" v-if="operationType">
  22 + <ConditionScreening
  23 + :childGetFieldsValue="childGetFieldsValue"
  24 + ref="conditionScreeningRef"
  25 + />
  26 + </Card>
  27 + </CollapseContainer>
  28 + </div>
  29 +</template>
  30 +<script lang="ts" setup>
  31 + import { ref, provide } from 'vue';
  32 + import { CollapseContainer } from '/@/components/Container/index';
  33 + import { BasicForm, useForm } from '/@/components/Form/index';
  34 + import { RadioGroup, Card, Select } from 'ant-design-vue';
  35 + import { trigger_condition_schema } from '../config';
  36 + import { getAttribute } from '/@/api/ruleengine/ruleengineApi';
  37 + import ConditionScreening from './ConditionScreening.vue';
  38 +
  39 + const [registerForm, { resetFields, getFieldsValue, updateSchema, setFieldsValue }] = useForm({
  40 + schemas: trigger_condition_schema,
  41 + showActionButtonGroup: false,
  42 + });
  43 +
  44 + const updateFieldDeviceId = (deviceList: any[]) => {
  45 + updateSchema({
  46 + field: 'entityId',
  47 + componentProps: {
  48 + options: deviceList,
  49 + onChange(e) {
  50 + if (e) {
  51 + updateFieldAttributeFunc();
  52 + }
  53 + },
  54 + },
  55 + });
  56 + };
  57 + const conditionScreeningRef = ref();
  58 + const resetFieldsValueFunc = () => resetFields();
  59 + // 回显数据函数
  60 + const setFieldsFormValueFun = (fieldsValue) => {
  61 + setFieldsValue(fieldsValue);
  62 + };
  63 + const updateFieldAttributeFunc = async () => {
  64 + const data = await getAttribute();
  65 + const options = data.map((m) => {
  66 + return {
  67 + label: m,
  68 + value: m,
  69 + };
  70 + });
  71 + updateSchema({
  72 + field: 'type2',
  73 + componentProps: {
  74 + placeholder: '请选择属性',
  75 + options,
  76 + },
  77 + });
  78 + };
  79 + const schedule = ref('ANY_TIME');
  80 + const scheduleOptions = [
  81 + { label: '始终启用', value: 'ANY_TIME' },
  82 + { label: '定时启用', value: 'SPECIFIC_TIME' },
  83 + { label: '自定义启用', value: 'SPECIFIC_TIME' },
  84 + ];
  85 + const operationType = ref<string>('');
  86 + const options = [
  87 + {
  88 + label: '数字',
  89 + value: 'NUMERIC',
  90 + },
  91 + {
  92 + label: '布尔值',
  93 + value: 'BOOLEAN',
  94 + },
  95 + {
  96 + label: '字符串',
  97 + value: 'STRING',
  98 + },
  99 + {
  100 + label: '时间',
  101 + value: 'TIME',
  102 + },
  103 + ];
  104 + const childGetFieldsValue = () => getFieldsValue();
  105 + provide('operationType', operationType);
  106 +
  107 + defineExpose({
  108 + getFieldsValue,
  109 + updateFieldDeviceId,
  110 + resetFieldsValueFunc,
  111 + setFieldsFormValueFun,
  112 + childGetFieldsValue,
  113 + conditionScreeningRef,
  114 + schedule,
  115 + });
  116 +</script>
... ...
  1 +<template>
  2 + <div>
  3 + <CollapseContainer ref="collapseContainerRef" @expand="handleExpand">
  4 + <template #title>
  5 + <div>条件筛选</div>
  6 + <RichText
  7 + :firstAttribute="firstAttribute"
  8 + :otherAttribute="otherAttribute"
  9 + @resetFilter="resetFilter"
  10 + /></template>
  11 +
  12 + <template v-for="(item, index) in conditionScreeningList" :key="item">
  13 + <ConditionScreeningForm
  14 + :conditionScreeningList="conditionScreeningList"
  15 + :ref="refItem.conditionScreeningRefs"
  16 + :index="index"
  17 + @deleteConditionForm="deleteConditionForm"
  18 + />
  19 + </template>
  20 + </CollapseContainer>
  21 +
  22 + <div class="flex justify-between">
  23 + <a-button type="primary" class="mt-4 ml-2" @click="addConditionForm">新增条件筛选</a-button>
  24 + <a-button type="primary" class="mt-4 mr-2" @click="preView" v-if="isPreview">保存</a-button>
  25 + </div>
  26 + </div>
  27 +</template>
  28 +
  29 +<script lang="ts" setup>
  30 + import { unref, ref } from 'vue';
  31 + import ConditionScreeningForm from './ConditionScreeningForm.vue';
  32 + import { conditionPreView } from '../config.ts';
  33 + import { CollapseContainer } from '/@/components/Container/index';
  34 + import RichText from './RichText.vue';
  35 + const props = defineProps({
  36 + childGetFieldsValue: {
  37 + type: Function,
  38 + required: true,
  39 + },
  40 + });
  41 + const refItem = {
  42 + conditionScreeningRefs: ref([]),
  43 + };
  44 +
  45 + const isPreview = ref(true);
  46 + const collapseContainerRef = ref();
  47 + const conditionScreeningList = ref([Date.now()]);
  48 + const addConditionForm = () => {
  49 + if (!unref(isPreview)) {
  50 + collapseContainerRef.value.handleExpand();
  51 + }
  52 + unref(conditionScreeningList).push(Date.now());
  53 + };
  54 + const handleExpand = (show) => {
  55 + isPreview.value = show;
  56 + };
  57 +
  58 + const firstAttribute = ref({});
  59 + const otherAttribute = ref([]);
  60 + // 预览条件筛选结果
  61 + const preView = async () => {
  62 + const attributes = [];
  63 + const fieldsValue = props.childGetFieldsValue();
  64 + for (let i = 0; i < unref(refItem.conditionScreeningRefs).length; i++) {
  65 + // const valid = await unref(refItem.conditionScreeningRefs)[i].validate();
  66 + console.log(unref(refItem.conditionScreeningRefs)[i]);
  67 + // if (!valid) return;
  68 + if (i === 0) {
  69 + const attr = conditionPreView(
  70 + [
  71 + {
  72 + ...unref(refItem.conditionScreeningRefs)[i].getFieldsValue(),
  73 + attribute: fieldsValue.type2,
  74 + },
  75 + ],
  76 + fieldsValue.operationType
  77 + );
  78 + firstAttribute.value = attr[0];
  79 + continue;
  80 + }
  81 + attributes.push({
  82 + ...unref(refItem.conditionScreeningRefs)[i].getFieldsValue(),
  83 + attribute: fieldsValue.type2,
  84 + });
  85 + }
  86 + otherAttribute.value = conditionPreView(attributes, fieldsValue.operationType);
  87 + collapseContainerRef.value.handleExpand();
  88 + };
  89 +
  90 + const resetFilter = () => {
  91 + firstAttribute.value = {};
  92 + otherAttribute.value = [];
  93 + };
  94 + const deleteConditionForm = (index) => {
  95 + unref(conditionScreeningList).splice(index, 1);
  96 + };
  97 + defineExpose({
  98 + refItem,
  99 + });
  100 +</script>
... ...
  1 +<template>
  2 + <div class="flex" style="align-items: center">
  3 + <BasicForm @register="registerFormCondition" class="basicStyle" />
  4 + <Tooltip title="移除" class="ml-4">
  5 + <Icon
  6 + icon="fluent:delete-off-20-regular"
  7 + size="20"
  8 + class="mr-2 cursor-pointer"
  9 + @click="deleteConditionForm(index)"
  10 + />
  11 + </Tooltip>
  12 + </div>
  13 +</template>
  14 +
  15 +<script lang="ts" setup>
  16 + import { watch, ref, onMounted, inject } from 'vue';
  17 + import { BasicForm, useForm } from '/@/components/Form/index';
  18 + import { Icon } from '/@/components/Icon';
  19 + import { Tooltip } from 'ant-design-vue';
  20 + import { isType } from '../config.ts';
  21 + defineProps({
  22 + index: {
  23 + type: Number,
  24 + required: true,
  25 + },
  26 + conditionScreeningList: {
  27 + type: Array,
  28 + default: () => [],
  29 + },
  30 + });
  31 + const emit = defineEmits(['deleteConditionForm']);
  32 + const operationType = inject('operationType');
  33 + let schemas = ref([]);
  34 + onMounted(() => {
  35 + schemas.value = isType(operationType.value);
  36 + });
  37 + watch(operationType, (newValue) => {
  38 + schemas.value = isType(newValue);
  39 + resetFields();
  40 + });
  41 + const [
  42 + registerFormCondition,
  43 + {
  44 + resetFields,
  45 + appendSchemaByField,
  46 + removeSchemaByFiled,
  47 + getFieldsValue,
  48 + setFieldsValue,
  49 + validate,
  50 + },
  51 + ] = useForm({
  52 + showActionButtonGroup: false,
  53 + labelWidth: 100,
  54 + compact: true,
  55 + schemas,
  56 + });
  57 + const deleteConditionForm = (index: number) => {
  58 + emit('deleteConditionForm', index);
  59 + };
  60 + defineExpose({
  61 + appendSchemaByField,
  62 + removeSchemaByFiled,
  63 + getFieldsValue,
  64 + setFieldsValue,
  65 + validate,
  66 + });
  67 +</script>
  68 +
  69 +<style lang="less">
  70 + .basicStyle {
  71 + margin-top: 0.5rem;
  72 + width: 80%;
  73 + border: 2px dashed #797979;
  74 + padding: 1rem 0 0.5rem;
  75 + border-radius: 0.25rem;
  76 + }
  77 + .ant-input-number {
  78 + width: 200px;
  79 + }
  80 +</style>
... ...
  1 +<template>
  2 + <div class="flex ml-4" v-if="firstAttribute?.value && firstAttribute?.attribute">
  3 + <div class="text" style="color: #305680">{{ firstAttribute?.attribute }}</div>
  4 + {{ firstAttribute?.operation }}
  5 + <div class="text" style="color: #ff8c68">{{ firstAttribute?.value }}</div>
  6 + {{ firstAttribute?.compoundConditions ?? '' }}
  7 + </div>
  8 + <div
  9 + v-if="otherAttribute.length > 0 && otherAttribute[0].value && otherAttribute[0].operation"
  10 + class="flex"
  11 + >
  12 + <template v-for="item in otherAttribute" :key="item.value">
  13 + <div class="flex" v-if="item?.value && item?.attribute">
  14 + <div class="text mr-2" style="color: #305680">{{ item.attribute }}</div>
  15 + {{ item.operation }}
  16 + <div class="text ml-2" style="color: #ff8c68">{{ item.value }}</div>
  17 + {{ item.compoundConditions ?? '' }}
  18 + </div>
  19 + </template>
  20 + </div>
  21 +</template>
  22 +
  23 +<script lang="ts" setup>
  24 + import { watch, inject } from 'vue';
  25 + defineProps({
  26 + firstAttribute: {
  27 + type: Object,
  28 + default: () => {},
  29 + },
  30 + otherAttribute: {
  31 + type: Array,
  32 + default: () => [],
  33 + },
  34 + });
  35 + const emit = defineEmits(['resetFilter']);
  36 + const operationType = inject('operationType');
  37 + watch(operationType, () => {
  38 + emit('resetFilter');
  39 + });
  40 +</script>
  41 +
  42 +<style scoped>
  43 + .text {
  44 + border: 1px solid #d2d2d2;
  45 + border-radius: 5px;
  46 + padding: 0 5px;
  47 + margin: 0 5px;
  48 + }
  49 + .parentheses {
  50 + font-size: 16px;
  51 + }
  52 +</style>
... ...
1 1 <template>
2   - <CollapseContainer style="background-color: #f8f9fa" :title="`执行动作 ${actionIndex + 1}`">
  2 + <CollapseContainer style="background-color: #f2f2f2" :title="`执行动作 ${actionIndex + 1}`">
3 3 <template #action>
4 4 <Tooltip title="移除" v-if="actionData.length > 1">
5 5 <Icon
... ... @@ -11,6 +11,15 @@
11 11 </Tooltip>
12 12 </template>
13 13 <BasicForm @register="registerAction">
  14 + <template #outTarget="{ model, field }">
  15 + <Select
  16 + :options="options"
  17 + v-model:value="model[field]"
  18 + @change="changeOutTarget"
  19 + placeholder="请选择执行动作"
  20 + allowClear
  21 + :disabled="hasDisabled"
  22 + /></template>
14 23 <template #doContext>
15 24 <div class="flex">
16 25 <div ref="jsoneditorRef" style="height: 100%; width: 100%"></div>
... ... @@ -18,109 +27,159 @@
18 27 title='{"method":"setDOValue","params":{"devID":"492S211218028819","data":{"DO1":1}}}'
19 28 class="ml-2"
20 29 >
21   - <QuestionCircleOutlined style="font-size: 1rem"
22   - /></Tooltip>
  30 + <QuestionCircleOutlined style="font-size: 1rem" />
  31 + </Tooltip>
23 32 </div>
24 33 </template>
  34 + <template #clearAlarm>
  35 + <Checkbox v-model:checked="checked"> 清除告警 </Checkbox>
  36 + </template>
25 37 </BasicForm>
  38 + <Card
  39 + v-if="checked"
  40 + :bordered="false"
  41 + style="border: 2px dashed #797979"
  42 + :bodyStyle="{ padding: 0 }"
  43 + >
  44 + <ClearAlarm ref="clearAlarmRef" />
  45 + </Card>
26 46 </CollapseContainer>
27 47 </template>
28   -<script lang="ts">
29   - import { defineComponent, ref, onMounted, nextTick, unref } from 'vue';
  48 +<script lang="ts" setup>
  49 + import { ref, onMounted, nextTick, unref, computed, provide } from 'vue';
30 50 import { CollapseContainer } from '/@/components/Container/index';
31 51 import { BasicForm, useForm } from '/@/components/Form/index';
32   - import { Tooltip } from 'ant-design-vue';
  52 + import { Tooltip, Select, Checkbox, Card } from 'ant-design-vue';
33 53 import { Icon } from '/@/components/Icon';
34   - import { useActionDrawerSchema } from '../config';
  54 + import { actionSchema } from '../config';
35 55 import jsoneditor from 'jsoneditor';
36 56 import 'jsoneditor/dist/jsoneditor.min.css';
37   - import { Tooltip } from 'ant-design-vue';
38 57 import { QuestionCircleOutlined } from '@ant-design/icons-vue';
  58 + import { useUserStore } from '/@/store/modules/user';
  59 + import ClearAlarm from './ClearAlarm.vue';
  60 + defineProps({
  61 + actionIndex: {
  62 + type: Number,
  63 + required: true,
  64 + },
  65 + actionData: {
  66 + type: Array,
  67 + default: () => [],
  68 + },
  69 + });
  70 + const emit = defineEmits(['deleteAction']);
  71 + const userStore = useUserStore();
  72 + const options = computed(() => {
  73 + return [
  74 + { label: '设备输出', value: 'DEVICE_OUT' },
  75 + { label: '告警输出', value: 'MSG_NOTIFY', disabled: userStore.getOutTarget === 'MSG_NOTIFY' },
  76 + ];
  77 + });
  78 + const hasDisabled = ref(false);
  79 + const outTarget = ref('');
  80 + const changeOutTarget = (value: string) => {
  81 + outTarget.value = value;
  82 + if (value === 'MSG_NOTIFY') {
  83 + hasDisabled.value = true;
  84 + userStore.setOutTarget(value);
  85 + }
  86 + };
  87 + const [registerAction, { getFieldsValue, resetFields, updateSchema, setFieldsValue, validate }] =
  88 + useForm({
  89 + schemas: actionSchema,
  90 + showActionButtonGroup: false,
  91 + });
39 92
40   - export default defineComponent({
41   - components: { CollapseContainer, BasicForm, Tooltip, Icon, Tooltip, QuestionCircleOutlined },
42   - props: {
43   - actionIndex: {
44   - type: Number,
45   - required: true,
  93 + // 获取整个执行动作表单值
  94 + const getFieldsValueFunc = () => {
  95 + const predicate =
  96 + clearAlarmRef?.value?.conditionScreeningRef?.refItem?.conditionScreeningRefs?.value?.map(
  97 + (item) => item.getFieldsValue()
  98 + );
  99 + console.log({
  100 + ...getFieldsValue(),
  101 + ...clearAlarmRef?.value?.getFieldsValue(),
  102 + predicate,
  103 + doContext: unref(jsonInstance.value).get(),
  104 + schedule: clearAlarmRef?.value?.schedule,
  105 + });
  106 + return {
  107 + ...getFieldsValue(),
  108 + ...clearAlarmRef?.value?.getFieldsValue(),
  109 + predicate,
  110 + doContext: unref(jsonInstance.value).get(),
  111 + schedule: clearAlarmRef?.value?.schedule,
  112 + };
  113 + };
  114 + const setFieldsFormValueFun = (fieldsValue) => {
  115 + setFieldsValue(fieldsValue);
  116 + };
  117 + const resetFieldsValueFunc = () => resetFields();
  118 + const updateFieldDeviceId = (deviceList) => {
  119 + updateSchema({
  120 + field: 'deviceId',
  121 + componentProps: {
  122 + options: deviceList,
46 123 },
47   - actionData: {
48   - type: Array,
49   - default: () => [],
  124 + });
  125 + };
  126 + const updateFieldAlarmConfig = (alarmConfigList) => {
  127 + updateSchema({
  128 + field: 'alarm_config',
  129 + componentProps: {
  130 + options: alarmConfigList,
50 131 },
51   - },
52   - emits: ['deleteAction'],
53   - setup(props, { emit }) {
54   - const [
55   - registerAction,
56   - { getFieldsValue, resetFields, updateSchema, setFieldsValue, validate },
57   - ] = useForm({
58   - schemas: useActionDrawerSchema,
59   - showActionButtonGroup: false,
60   - });
61   - const getFieldsValueFunc = () => ({
62   - ...getFieldsValue(),
63   - doContext: unref(jsonInstance.value).get(),
64   - });
65   - const setFieldsFormValueFun = (fieldsValue) => {
66   - setFieldsValue(fieldsValue);
67   - };
68   - const resetFieldsValueFunc = () => resetFields();
69   - const updateFieldDeviceId = (deviceList) => {
70   - updateSchema({
71   - field: 'deviceId',
72   - componentProps: {
73   - options: deviceList,
74   - },
75   - });
76   - };
77   - const validateForm = () => {
78   - return validate();
79   - };
80   - const handleDelete = (actionIndex) => {
81   - emit('deleteAction', actionIndex);
82   - };
  132 + });
  133 + hasDisabled.value = false;
  134 + userStore.setOutTarget('DEVICE_OUT');
  135 + };
83 136
84   - // json 以及初始化JSON
85   - const jsoneditorRef = ref();
86   - const jsonValue = ref({});
87   - const jsonInstance = ref();
88   - onMounted(() => {
89   - nextTick(() => {
90   - let options = {
91   - mode: 'code',
92   - mainMenuBar: false,
93   - statusBar: false,
94   - onError(err) {
95   - alert('EF1 ->' + err.toString());
96   - },
97   - };
98   - let editor = new jsoneditor(jsoneditorRef.value, options);
99   - editor.set(jsonValue.value);
100   - jsonInstance.value = editor;
101   - });
102   - });
  137 + const checked = ref(false);
  138 + const validateForm = () => {
  139 + return validate();
  140 + };
103 141
104   - const getJsonValue = () => unref(jsonInstance).get();
105   - const setJsonValue = (Json) => {
106   - nextTick(() => {
107   - unref(jsonInstance).set(Json);
108   - });
109   - };
110   - return {
111   - updateFieldDeviceId,
112   - resetFieldsValueFunc,
113   - getFieldsValueFunc,
114   - validateForm,
115   - registerAction,
116   - handleDelete,
117   - setFieldsFormValueFun,
118   - jsoneditorRef,
119   - jsonInstance,
120   - getJsonValue,
121   - setJsonValue,
  142 + const handleDelete = (actionIndex) => {
  143 + emit('deleteAction', { actionIndex, outTarget });
  144 + };
  145 +
  146 + // json 以及初始化JSON
  147 + const jsoneditorRef = ref();
  148 + const jsonValue = ref({});
  149 + const jsonInstance = ref();
  150 + onMounted(() => {
  151 + nextTick(() => {
  152 + let options = {
  153 + mode: 'code',
  154 + mainMenuBar: false,
  155 + statusBar: false,
122 156 };
123   - },
  157 + let editor = new jsoneditor(jsoneditorRef.value, options);
  158 + editor.set(jsonValue.value);
  159 + jsonInstance.value = editor;
  160 + });
  161 + });
  162 +
  163 + const getJsonValue = () => unref(jsonInstance).get();
  164 + const setJsonValue = (Json) => {
  165 + nextTick(() => {
  166 + unref(jsonInstance).set(Json);
  167 + });
  168 + };
  169 +
  170 + const operationType = ref<string>('');
  171 + const clearAlarmRef = ref();
  172 + provide('operationType', operationType);
  173 + defineExpose({
  174 + getFieldsValueFunc,
  175 + setFieldsFormValueFun,
  176 + resetFieldsValueFunc,
  177 + updateFieldDeviceId,
  178 + updateFieldAlarmConfig,
  179 + validateForm,
  180 + getJsonValue,
  181 + setJsonValue,
  182 + jsonInstance,
124 183 });
125 184 </script>
126 185
... ...
1 1 <template>
2   - <CollapseContainer style="background-color: #f8f9fa" :title="`执行条件 ${conditionIndex + 1}`">
  2 + <CollapseContainer style="background-color: #f2f2f2" :title="`执行条件 ${conditionIndex + 1}`">
3 3 <template #action>
4   - <Tooltip title="移除">
5   - <Icon
6   - icon="fluent:delete-off-20-regular"
7   - size="20"
8   - class="mr-2 cursor-pointer"
9   - @click="handleDelete(conditionIndex)"
10   - />
11   - </Tooltip>
  4 + <div class="flex">
  5 + <div>
  6 + <span class="mr-2">启用规则</span>
  7 + <RadioGroup v-model:value="schedule" :options="scheduleOptions" />
  8 + </div>
  9 + <Tooltip title="移除" class="ml-4">
  10 + <Icon
  11 + icon="fluent:delete-off-20-regular"
  12 + size="20"
  13 + class="mr-2 cursor-pointer"
  14 + @click="handleDelete(conditionIndex)"
  15 + />
  16 + </Tooltip>
  17 + </div>
12 18 </template>
13   - <BasicForm @register="registerCondition" />
  19 + <BasicForm @register="registerCondition">
  20 + <template #operationType="{ model, field }">
  21 + <Select
  22 + :options="options"
  23 + v-model:value="model[field]"
  24 + @change="operationType = model[field]"
  25 + placeholder="请选择比较类型"
  26 + allowClear
  27 + />
  28 + </template>
  29 + </BasicForm>
  30 + <Card size="small" :bordered="false" style="border: 2px dashed #797979" v-if="operationType">
  31 + <ConditionScreening :childGetFieldsValue="childGetFieldsValue" ref="conditionScreeningRef" />
  32 + </Card>
14 33 </CollapseContainer>
15 34 </template>
16   -<script lang="ts">
17   - import { defineComponent } from 'vue';
  35 +<script lang="ts" setup>
  36 + import { ref, provide } from 'vue';
18 37 import { CollapseContainer } from '/@/components/Container/index';
19 38 import { BasicForm, useForm } from '/@/components/Form/index';
20   - import { Tooltip } from 'ant-design-vue';
21   - import { useConditionDrawerSchema } from '../config';
22   - import { screenLinkPageByDeviceIdGetAttribut } from '/@/api/ruleengine/ruleengineApi';
  39 + import { Tooltip, RadioGroup, Card, Select } from 'ant-design-vue';
  40 +
  41 + import { trigger_condition_schema } from '../config';
  42 + import { getAttribute } from '/@/api/ruleengine/ruleengineApi';
23 43 import { Icon } from '/@/components/Icon';
  44 + import ConditionScreening from './ConditionScreening.vue';
24 45
25   - export default defineComponent({
26   - components: { CollapseContainer, BasicForm, Tooltip, Icon },
27   - props: {
28   - conditionIndex: {
29   - type: Number,
30   - required: true,
31   - },
  46 + defineProps({
  47 + conditionIndex: {
  48 + type: Number,
  49 + required: true,
32 50 },
33   - emits: ['deleteCondition'],
34   - setup(props, { emit }) {
35   - const [registerCondition, { getFieldsValue, updateSchema, resetFields, setFieldsValue }] =
36   - useForm({
37   - schemas: useConditionDrawerSchema,
38   - showActionButtonGroup: false,
39   - });
40   - const getFieldsValueFunc = () => getFieldsValue();
41   - const resetFieldsValueFunc = () => resetFields();
42   - const updateFieldDeviceId = (deviceList: any[]) => {
43   - updateSchema({
44   - field: 'entityId',
45   - componentProps: {
46   - options: deviceList,
47   - onChange(e) {
48   - if (e) {
49   - updateFieldAttributeFunc(e);
50   - }
51   - },
52   - },
53   - });
54   - };
55   - const updateFieldAttributeFunc = async (e) => {
56   - const data1 = await screenLinkPageByDeviceIdGetAttribut('DEVICE', e);
57   - const data = data1.map((m) => {
58   - return {
59   - label: m,
60   - value: m,
61   - };
62   - });
63   - updateSchema({
64   - field: 'type',
65   - componentProps: {
66   - placeholder: '请选择属性',
67   - options: data,
68   - onChange(e) {
69   - if (e) {
70   - updateSchema([
71   - {
72   - field: 'operation',
73   - ifShow: true,
74   - },
75   - {
76   - field: 'value',
77   - ifShow: true,
78   - },
79   - ]);
80   - } else {
81   - updateSchema([
82   - {
83   - field: 'operation',
84   - ifShow: false,
85   - },
86   - {
87   - field: 'value',
88   - ifShow: false,
89   - },
90   - ]);
91   - }
92   - },
93   - },
94   - });
95   - };
96   - const setFieldsFormValueFun = (fieldsValue) => {
97   - setFieldsValue(fieldsValue);
98   - };
99   - const editSelectDevice = () => {
100   - if (props.bindConditionEntryIdFather !== 1) {
101   - setTimeout(() => {
102   - updateSchema({
103   - field: 'entityId',
104   - componentProps: {
105   - options: props.bindConditionEntryIdFather,
106   - },
107   - });
108   - }, 100);
109   - }
110   - };
  51 + });
  52 + const emit = defineEmits(['deleteCondition']);
111 53
112   - const handleDelete = (conditionIndex) => {
113   - emit('deleteCondition', conditionIndex);
114   - };
115   - return {
116   - updateFieldDeviceId,
117   - editSelectDevice,
118   - getFieldsValueFunc,
119   - registerCondition,
120   - resetFieldsValueFunc,
121   - handleDelete,
  54 + const [registerCondition, { getFieldsValue, updateSchema, resetFields, setFieldsValue }] =
  55 + useForm({
  56 + schemas: trigger_condition_schema,
  57 + showActionButtonGroup: false,
  58 + });
  59 + const conditionScreeningRef = ref();
  60 + const getFieldsValueFunc = () => {
  61 + const predicate = conditionScreeningRef?.value?.refItem?.conditionScreeningRefs?.value?.map(
  62 + (item) => {
  63 + return item.getFieldsValue();
  64 + }
  65 + );
  66 + return { ...getFieldsValue(), predicate, schedule: schedule.value };
  67 + };
  68 + const resetFieldsValueFunc = () => resetFields();
  69 + const updateFieldDeviceId = (deviceList: any[]) => {
  70 + updateSchema({
  71 + field: 'entityId',
  72 + componentProps: {
  73 + options: deviceList,
  74 + onChange(e) {
  75 + if (e) {
  76 + updateFieldAttributeFunc();
  77 + }
  78 + },
  79 + },
  80 + });
  81 + };
  82 + const setFieldsFormValueFun = (fieldsValue) => {
  83 + setFieldsValue(fieldsValue);
  84 + };
  85 + const updateFieldAttributeFunc = async () => {
  86 + const data1 = await getAttribute();
  87 + const data = data1.map((m) => ({ label: m, value: m }));
  88 + updateSchema({
  89 + field: 'type',
  90 + componentProps: {
  91 + placeholder: '请选择属性',
  92 + options: data,
  93 + },
  94 + });
  95 + };
  96 + const handleDelete = (conditionIndex) => {
  97 + emit('deleteCondition', conditionIndex);
  98 + };
122 99
123   - setFieldsFormValueFun,
124   - };
  100 + const schedule = ref('ANY_TIME');
  101 + const scheduleOptions = [
  102 + { label: '始终启用', value: 'ANY_TIME' },
  103 + { label: '定时启用', value: 'SPECIFIC_TIME' },
  104 + { label: '自定义启用', value: 'CUSTOM' },
  105 + ];
  106 + const operationType = ref<string>('');
  107 + const options = [
  108 + {
  109 + label: '数字',
  110 + value: 'NUMERIC',
  111 + },
  112 + {
  113 + label: '布尔值',
  114 + value: 'BOOLEAN',
  115 + },
  116 + {
  117 + label: '字符串',
  118 + value: 'STRING',
125 119 },
  120 + {
  121 + label: '时间',
  122 + value: 'TIME',
  123 + },
  124 + ];
  125 + provide('operationType', operationType);
  126 +
  127 + // 子组件获取父组件的值
  128 + const childGetFieldsValue = () => getFieldsValue();
  129 +
  130 + defineExpose({
  131 + getFieldsValueFunc,
  132 + updateFieldDeviceId,
  133 + resetFieldsValueFunc,
  134 + setFieldsFormValueFun,
  135 + childGetFieldsValue,
126 136 });
127 137 </script>
... ...
1   -export const formatTriggerData = (triggerData) => {
2   - const { triggerType, entityId, type1, type2, operation, value } = triggerData;
3   - return {
  1 +export const genTriggerData = (triggerData) => {
  2 + const {
4 3 triggerType,
5 4 entityId,
  5 + type1,
  6 + type2,
  7 + device,
  8 + detail,
  9 + predicate,
  10 + operationType,
  11 + triggered,
  12 + schedule,
  13 + } = triggerData;
  14 + const mapPredicate = predicate.map((item) => {
  15 + return {
  16 + key: {
  17 + type: type1,
  18 + key: type2,
  19 + },
  20 + valueType: operationType,
  21 + value: null,
  22 + predicate: {
  23 + type: operationType,
  24 + operation: item.operation,
  25 + value: {
  26 + defaultValue: item.value,
  27 + userValue: null,
  28 + dynamicValue: null,
  29 + },
  30 + },
  31 + };
  32 + });
  33 + return {
  34 + triggerType,
  35 + entityType: device,
  36 + entityId: entityId?.length ? entityId : null,
6 37 triggerCondition: {
7   - condition: [
8   - {
9   - key: {
10   - type: type1,
11   - key: type2,
12   - },
13   - valueType: 'NUMERIC',
14   - predicate: {
15   - type: 'NUMERIC',
16   - operation: operation,
17   - value: {
18   - defaultValue: Number(value),
19   - },
20   - },
  38 + alarmDetails: detail,
  39 + condition: {
  40 + condition: mapPredicate,
  41 + spec: {
  42 + type: triggered,
  43 + // unit: 'SECONDS',
  44 + // predicate: {
  45 + // defaultValue: 30,
  46 + // userValue: null,
  47 + // dynamicValue: null,
  48 + // },
21 49 },
22   - ],
23   - spec: {
24   - type: 'SIMPLE',
  50 + },
  51 + schedule: {
  52 + type: schedule,
  53 + // timezone: 'Asia/Shanghai',
  54 + // daysOfWeek: [2, 3],
  55 + // startsOn: 8700000,
  56 + // endsOn: 30300000,
25 57 },
26 58 },
27 59 };
28 60 };
29 61
30   -export const formatConditionData = (conditionData) => {
31   - const { triggerType, entityId, type, operation, value } = conditionData;
32   - return {
  62 +export const genConditionData = (actionData) => {
  63 + const {
33 64 triggerType,
34 65 entityId,
  66 + type1,
  67 + type2,
  68 + device,
  69 + detail,
  70 + predicate,
  71 + operationType,
  72 + triggered,
  73 + schedule,
  74 + } = actionData;
  75 + const mapPredicate = predicate.map((item) => {
  76 + return {
  77 + key: {
  78 + type: type1,
  79 + key: type2,
  80 + },
  81 + valueType: operationType,
  82 + value: null,
  83 + predicate: {
  84 + type: operationType,
  85 + operation: item.operation,
  86 + value: {
  87 + defaultValue: item.value,
  88 + userValue: null,
  89 + dynamicValue: null,
  90 + },
  91 + },
  92 + };
  93 + });
  94 + return {
  95 + triggerType,
  96 + entityType: device,
  97 + entityId: entityId?.length ? entityId : null,
35 98 triggerCondition: {
36   - condition: [
37   - {
38   - key: {
39   - key: type,
40   - type: 'TIME_SERIES',
41   - },
42   - valueType: 'NUMERIC',
43   - predicate: {
44   - type: 'NUMERIC',
45   - value: {
46   - defaultValue: Number(value),
47   - },
48   - operation: operation,
49   - },
  99 + alarmDetails: detail,
  100 + condition: {
  101 + condition: mapPredicate,
  102 + spec: {
  103 + type: triggered,
  104 + // unit: 'SECONDS',
  105 + // predicate: {
  106 + // defaultValue: 30,
  107 + // userValue: null,
  108 + // dynamicValue: null,
  109 + // },
50 110 },
51   - ],
52   - spec: {
53   - type: 'SIMPLE',
  111 + },
  112 + schedule: {
  113 + type: schedule,
  114 + // timezone: 'Asia/Shanghai',
  115 + // daysOfWeek: [2, 3],
  116 + // startsOn: 8700000,
  117 + // endsOn: 30300000,
54 118 },
55 119 },
56 120 };
57 121 };
  122 +
  123 +export const genActionData = (conditionData) => {
  124 + const {
  125 + alarm_config,
  126 + alarm_level,
  127 + detail,
  128 + device,
  129 + doContext,
  130 + operationType,
  131 + outTarget,
  132 + predicate,
  133 + triggerType,
  134 + triggered,
  135 + type1,
  136 + type2,
  137 + schedule,
  138 + entityId,
  139 + deviceId,
  140 + } = conditionData;
  141 +
  142 + const mapPredicate = predicate?.map((item) => {
  143 + return {
  144 + key: {
  145 + type: type1,
  146 + key: type2,
  147 + },
  148 + valueType: operationType,
  149 + value: null,
  150 + predicate: {
  151 + type: operationType,
  152 + operation: item.operation,
  153 + value: {
  154 + defaultValue: item.value,
  155 + userValue: null,
  156 + dynamicValue: null,
  157 + },
  158 + },
  159 + };
  160 + });
  161 + console.log(doContext);
  162 + return [
  163 + {
  164 + alarmProfileId: alarm_config,
  165 + outTarget,
  166 + entityType: device,
  167 + entityId: entityId?.length ? entityId : null,
  168 + deviceId,
  169 + doContext: mapPredicate?.length
  170 + ? {
  171 + alarmLevel: alarm_level,
  172 + clearRule: {
  173 + triggerType,
  174 + triggerCondition: {
  175 + alarmDetails: detail,
  176 + condition: {
  177 + condition: mapPredicate,
  178 + spec: {
  179 + type: triggered,
  180 + // unit: 'SECONDS',
  181 + // predicate: {
  182 + // defaultValue: 30,
  183 + // userValue: null,
  184 + // dynamicValue: null,
  185 + // },
  186 + },
  187 + },
  188 + schedule: {
  189 + type: schedule,
  190 + // timezone: 'Asia/Shanghai',
  191 + // daysOfWeek: [2, 3],
  192 + // startsOn: 8700000,
  193 + // endsOn: 30300000,
  194 + },
  195 + },
  196 + },
  197 + }
  198 + : doContext,
  199 + },
  200 + ];
  201 +};
... ...
1 1 <template>
2 2 <div>
3   - <CollapseContainer style="background-color: #f8f9fa" :title="`触发器 ${triggerIndex + 1}`">
  3 + <CollapseContainer style="background-color: #f2f2f2" :title="`触发器 ${triggerIndex + 1}`">
4 4 <template #action>
5   - <Tooltip title="移除">
6   - <Icon
7   - icon="fluent:delete-off-20-regular"
8   - size="20"
9   - class="mr-2 cursor-pointer"
10   - @click="handleDelete(triggerIndex)"
11   - />
12   - </Tooltip>
  5 + <div class="flex">
  6 + <div>
  7 + <span class="mr-2">启用规则</span>
  8 + <RadioGroup v-model:value="schedule" :options="scheduleOptions" />
  9 + </div>
  10 + <Tooltip title="移除" class="ml-4">
  11 + <Icon
  12 + icon="fluent:delete-off-20-regular"
  13 + size="20"
  14 + class="mr-2 cursor-pointer"
  15 + @click="handleDelete(triggerIndex)"
  16 + />
  17 + </Tooltip>
  18 + </div>
13 19 </template>
14   - <BasicForm @register="registerForm" />
  20 + <BasicForm @register="registerForm">
  21 + <template #operationType="{ model, field }">
  22 + <Select
  23 + :options="options"
  24 + v-model:value="model[field]"
  25 + @change="operationType = model[field]"
  26 + placeholder="请选择比较类型"
  27 + allowClear
  28 + />
  29 + </template>
  30 + </BasicForm>
  31 + <Card size="small" :bordered="false" style="border: 2px dashed #797979" v-if="operationType">
  32 + <ConditionScreening
  33 + :childGetFieldsValue="childGetFieldsValue"
  34 + ref="conditionScreeningRef"
  35 + />
  36 + </Card>
15 37 </CollapseContainer>
16 38 </div>
17 39 </template>
18   -<script lang="ts">
19   - import { defineComponent } from 'vue';
  40 +<script lang="ts" setup>
  41 + import { ref, provide } from 'vue';
20 42 import { CollapseContainer } from '/@/components/Container/index';
21 43 import { BasicForm, useForm } from '/@/components/Form/index';
22 44 import { Icon } from '/@/components/Icon';
23   - import { Tooltip } from 'ant-design-vue';
24   - import { useTriggerDrawerSchema } from '../config';
25   - import { screenLinkPageByDeviceIdGetAttribut } from '/@/api/ruleengine/ruleengineApi';
26   - export default defineComponent({
27   - components: { CollapseContainer, BasicForm, Icon, Tooltip },
28   - props: {
29   - triggerIndex: {
30   - type: Number,
31   - required: true,
32   - },
  45 + import { Tooltip, RadioGroup, Card, Select } from 'ant-design-vue';
  46 + import { trigger_condition_schema } from '../config';
  47 + import { getAttribute } from '/@/api/ruleengine/ruleengineApi';
  48 + import ConditionScreening from './ConditionScreening.vue';
  49 + defineProps({
  50 + triggerIndex: {
  51 + type: Number,
  52 + required: true,
33 53 },
34   - emits: ['deleteTrigger'],
35   - setup(props, { emit }) {
36   - const [registerForm, { resetFields, getFieldsValue, updateSchema, setFieldsValue }] = useForm(
37   - {
38   - schemas: useTriggerDrawerSchema,
39   - showActionButtonGroup: false,
40   - }
41   - );
42   - const getFieldsValueFunc = () => getFieldsValue();
  54 + });
  55 + const emit = defineEmits(['deleteTrigger']);
  56 + const conditionScreeningRef = ref();
  57 + const [registerForm, { resetFields, getFieldsValue, updateSchema, setFieldsValue }] = useForm({
  58 + schemas: trigger_condition_schema,
  59 + showActionButtonGroup: false,
  60 + });
43 61
44   - const updateFieldDeviceId = (deviceList: any[]) => {
45   - updateSchema({
46   - field: 'entityId',
47   - componentProps: {
48   - options: deviceList,
49   - onChange(e) {
50   - if (e) {
51   - updateFieldAttributeFunc(e);
52   - }
53   - },
54   - },
55   - });
  62 + const getFieldsValueFunc = () => {
  63 + const predicate = conditionScreeningRef?.value?.refItem?.conditionScreeningRefs?.value?.map(
  64 + (item) => {
  65 + return item.getFieldsValue();
  66 + }
  67 + );
  68 + return { ...getFieldsValue(), predicate, schedule: schedule.value };
  69 + };
  70 + const updateFieldDeviceId = (deviceList: any[]) => {
  71 + updateSchema({
  72 + field: 'entityId',
  73 + componentProps: {
  74 + options: deviceList,
  75 + onChange(e) {
  76 + if (e) {
  77 + updateFieldAttributeFunc();
  78 + }
  79 + },
  80 + },
  81 + });
  82 + };
  83 + const resetFieldsValueFunc = () => resetFields();
  84 + // 回显数据函数
  85 + const setFieldsFormValueFun = (fieldsValue) => {
  86 + setFieldsValue(fieldsValue);
  87 + };
  88 + const updateFieldAttributeFunc = async () => {
  89 + const data1 = await getAttribute();
  90 + const options = data1.map((m) => {
  91 + return {
  92 + label: m,
  93 + value: m,
56 94 };
57   - const updateFieldAttributeFunc = async (e) => {
58   - const data1 = await screenLinkPageByDeviceIdGetAttribut('DEVICE', e);
59   - const options = data1.map((m) => {
60   - return {
61   - label: m,
62   - value: m,
63   - };
64   - });
65   - updateSchema({
66   - field: 'type2',
67   - componentProps: {
68   - placeholder: '请选择属性',
69   - options,
70   - onChange(value) {
71   - if (value) {
72   - updateSchema([
73   - {
74   - field: 'operation',
75   - ifShow: true,
76   - },
77   - {
78   - field: 'value',
79   - ifShow: true,
80   - },
81   - ]);
82   - setFieldsValue({
83   - operation: '',
84   - value: '',
85   - });
86   - return;
87   - }
88   - updateSchema([
89   - {
90   - field: 'operation',
91   - ifShow: false,
92   - },
93   - {
94   - field: 'value',
95   - ifShow: false,
96   - },
97   - ]);
98   - setFieldsValue({
99   - operation: '',
100   - value: '',
101   - });
  95 + });
  96 + updateSchema({
  97 + field: 'type2',
  98 + componentProps: {
  99 + placeholder: '请选择属性',
  100 + options,
  101 + onChange(value) {
  102 + if (value) {
  103 + updateSchema([
  104 + {
  105 + field: 'operation',
  106 + ifShow: true,
  107 + },
  108 + {
  109 + field: 'value',
  110 + ifShow: true,
  111 + },
  112 + ]);
  113 + setFieldsValue({
  114 + operation: '',
  115 + value: '',
  116 + });
  117 + return;
  118 + }
  119 + updateSchema([
  120 + {
  121 + field: 'operation',
  122 + ifShow: false,
102 123 },
103   - },
104   - });
105   - };
106   -
107   - const resetFieldsValueFunc = () => resetFields();
108   - // 回显数据函数
109   - const setFieldsFormValueFun = (fieldsValue) => {
110   - setFieldsValue(fieldsValue);
111   - };
112   -
113   - const editSelectDevice = () => {
114   - if (props.bindTriggerEntryIdFather != 1) {
115   - updateSchema({
116   - field: 'entityId',
117   - componentProps: {
118   - options: props.bindTriggerEntryIdFather,
  124 + {
  125 + field: 'value',
  126 + ifShow: false,
119 127 },
  128 + ]);
  129 + setFieldsValue({
  130 + operation: '',
  131 + value: '',
120 132 });
121   - }
122   - };
123   - // editSelectDevice();
  133 + },
  134 + },
  135 + });
  136 + };
124 137
125   - const handleDelete = (triggerIndex) => {
126   - emit('deleteTrigger', triggerIndex);
127   - };
128   - return {
129   - updateFieldAttributeFunc,
130   - updateFieldDeviceId,
131   - resetFieldsValueFunc,
132   - editSelectDevice,
133   - getFieldsValueFunc,
134   - registerForm,
135   - handleDelete,
  138 + const handleDelete = (triggerIndex) => {
  139 + emit('deleteTrigger', triggerIndex);
  140 + };
136 141
137   - setFieldsFormValueFun,
138   - };
  142 + const schedule = ref('ANY_TIME');
  143 + const scheduleOptions = [
  144 + { label: '始终启用', value: 'ANY_TIME' },
  145 + { label: '定时启用', value: 'SPECIFIC_TIME' },
  146 + { label: '自定义启用', value: 'CUSTOM' },
  147 + ];
  148 + const operationType = ref<string>('');
  149 + const options = [
  150 + {
  151 + label: '数字',
  152 + value: 'NUMERIC',
  153 + },
  154 + {
  155 + label: '布尔值',
  156 + value: 'BOOLEAN',
139 157 },
  158 + {
  159 + label: '字符串',
  160 + value: 'STRING',
  161 + },
  162 + {
  163 + label: '时间',
  164 + value: 'TIME',
  165 + },
  166 + ];
  167 + // 子组件获取父组件的值
  168 + const childGetFieldsValue = () => getFieldsValue();
  169 +
  170 + provide('operationType', operationType);
  171 +
  172 + defineExpose({
  173 + getFieldsValueFunc,
  174 + updateFieldDeviceId,
  175 + resetFieldsValueFunc,
  176 + setFieldsFormValueFun,
  177 + childGetFieldsValue,
140 178 });
141 179 </script>
142   -
143   -<style>
144   - .ant-slider-handle {
145   - display: none !important;
146   - }
147   -</style>
... ...