Merge branch 'sqy_dev' into 'main'

refactor:重写场景联动

See merge request huang/yun-teng-iot-front!158

@@ -10,8 +10,9 @@ VITE_PUBLIC_PATH = /
 # 本地
 # VITE_PROXY = [["/api","http://192.168.10.113:8080/api"]]
 
-# 线上
+# 线上演示环境
 # VITE_PROXY = [["/api","http://101.133.234.90:8080/api"]]
+# 线上测试环境
 VITE_PROXY = [["/api","http://47.99.141.212:8080/api"]]
 
 # 实时数据的ws地址

@@ -44,23 +44,12 @@ export const screenLinkPageGetApi = (params?: ScreenLinkPageQueryParam) => {
 };
 
 /**
- * 新增场景联动
+ * 新增或更新场景联动
  * @param params pageSize page name
  */
-export const screenLinkPageAddApi = (params: ScreenAddModel) => {
+export const screenLinkPageAddApi = (params: ScreenAddModel, isUpdate: boolean) => {
   return defHttp.post<ScreenAddModel>({
-    url: ScreenManagerApi.SCREEN_ADD_URL,
-    params,
-  });
-};
-
-/**
- * 更新场景联动
- * @param params pageSize page name
- */
-export const screenLinkPageUpdateApi = (params: ScreenUpdateModel) => {
-  return defHttp.post<ScreenUpdateModel>({
-    url: ScreenManagerApi.SCREEN_UPDATE_URL,
+    url: isUpdate ? ScreenManagerApi.SCREEN_UPDATE_URL : ScreenManagerApi.SCREEN_ADD_URL,
     params,
   });
 };
@@ -73,7 +62,7 @@ export const screenLinkPageDeleteApi = (ids: string[]) => {
   return defHttp.delete({
     url: ScreenManagerApi.SCREEN_DELETE_URL,
     data: {
-      ids: ids,
+      ids,
     },
   });
 };

@@ -45,7 +45,7 @@
       const lockStore = useLockStore();
 
       const getRealName = computed(() => userStore.getUserInfo?.realName);
-      console.log(getRealName);
+
       const [register, { closeModal }] = useModalInner();
 
       const [registerForm, { validateFields, resetFields }] = useForm({

@@ -136,7 +136,7 @@
     async onConnected() {
       if (isAdmin(props.role)) return;
       const res = await getEntitiesId();
-      entityId = res.data[0].entityId;
+      entityId = res.data[0]?.entityId;
       const sendValue = JSON.stringify({
         entityDataCmds: [
           {

+<template>
+  <div>
+    <BasicDrawer
+      v-bind="$attrs"
+      @register="registerDrawer"
+      showFooter
+      @ok="handleSubmit"
+      width="100vw"
+      @close="handleClose"
+      :title="title"
+    >
+      <div>
+        <!-- 基础表单 -->
+        <BasicForm @register="registerForm" />
+        <!-- 基础表单 -->
+        <!-- 触发器-begin -->
+        <div>
+          <template v-for="(item, index) in triggerData" :key="item">
+            <Trigger
+              class="mt-4"
+              :triggerIndex="index"
+              :ref="skipUnwrap.triggerItemRefs"
+              @deleteTrigger="deleteTrigger"
+            />
+          </template>
+          <!-- 按钮 -->
+          <a-button type="primary" class="mt-4" @click="addTrigger"> 添加触发器</a-button>
+          <!-- 按钮 -->
+        </div>
+        <!-- 触发器-end -->
+
+        <!-- 执行条件-begin -->
+        <div>
+          <template v-for="(item, index) in conditionData" :key="item">
+            <Condition
+              class="mt-4"
+              :conditionIndex="index"
+              :ref="skipUnwrap.conditionItemRefs"
+              @deleteCondition="deleteCondition"
+            />
+          </template>
+          <!-- 按钮 -->
+          <a-button type="primary" class="mt-4" @click="addCondition"> 添加执行条件</a-button>
+          <!-- 按钮 -->
+        </div>
+        <!-- 执行条件-end -->
+
+        <!-- 执行动作-begin -->
+        <div>
+          <template v-for="(item, index) in actionData" :key="item">
+            <Action
+              class="mt-4"
+              :actionIndex="index"
+              :actionData="actionData"
+              :ref="skipUnwrap.actionItemRefs"
+              @deleteAction="deleteAction"
+            />
+          </template>
+
+          <!-- 按钮 -->
+          <a-button type="primary" class="mt-4" @click="addAction"> 添加执行动作</a-button>
+          <!-- 按钮 -->
+        </div>
+        <!-- 执行动作-end -->
+      </div>
+    </BasicDrawer>
+  </div>
+</template>
+<script lang="ts">
+  import { defineComponent, ref, watch, unref, computed, nextTick } from 'vue';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { formSchema, organizationId } from './config';
+  import { BasicForm, useForm } from '/@/components/Form';
+  import { formatTriggerData, formatConditionData } from './cpns/format-data';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import {
+    screenLinkPageAddApi,
+    screenLinkPageByDeptIdGetDevice,
+  } from '/@/api/ruleengine/ruleengineApi';
+  import Trigger from './cpns/Trigger.vue';
+  import Condition from './cpns/Condition.vue';
+  import Action from './cpns/Action.vue';
+  export default defineComponent({
+    name: 'SceneLinkAgeDrawer',
+    components: {
+      BasicDrawer,
+      BasicForm,
+      Trigger,
+      Condition,
+      Action,
+    },
+    emits: ['register', 'success'],
+    setup(_, { emit }) {
+      const { createMessage } = useMessage();
+      const triggerData = ref([]);
+      const conditionData = ref([]);
+      const actionData = ref([]);
+      const skipUnwrap = {
+        triggerItemRefs: ref([]),
+        conditionItemRefs: ref([]),
+        actionItemRefs: ref([]),
+      };
+      const title = computed(() => `${isUpdate.value ? '编辑' : '新增'}场景联动`);
+      let getTriggerFormValue = ref([]);
+      let getConditionFormValue = ref([]);
+      let getActionFormValue = ref([]);
+      const editEntryIdData = ref([]);
+      const isUpdate = ref(false);
+      const id = ref(undefined);
+      const tenantId = ref(undefined);
+      const [registerForm, { resetFields, validate, setFieldsValue }] = useForm({
+        labelWidth: 120,
+        schemas: formSchema,
+        showActionButtonGroup: false,
+      });
+      const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+        setDrawerProps({ confirmLoading: false });
+        isUpdate.value = data.isUpdate;
+        if (!unref(isUpdate)) {
+          resetFields();
+          //初始化执行动作
+          actionData.value = [Date.now()];
+        } else {
+          // 取值
+          const {
+            id: recordId,
+            tenantId: recordTenantId,
+            organizationId,
+            triggers,
+            doConditions,
+            doActions,
+          } = data.record;
+          // 赋值
+          await setFieldsValue(data.record);
+          id.value = recordId;
+          tenantId.value = recordTenantId;
+          // 获取当前组织下的设备列表
+          const options = await screenLinkPageByDeptIdGetDevice({
+            organizationId,
+          });
+          // 生成回显时对应得组件数量
+          triggerData.value = [...new Array(triggers.length).keys()];
+          conditionData.value = [...new Array(doConditions.length).keys()];
+          actionData.value = [...new Array(doActions.length).keys()];
+          // 回显设备列表
+          editEntryIdData.value = options.items.map((v) => {
+            return {
+              value: v.tbDeviceId,
+              label: v.name,
+            };
+          });
+          nextTick(() => {
+            setEditFields(skipUnwrap.triggerItemRefs, editEntryIdData);
+            setEditFields(skipUnwrap.conditionItemRefs, editEntryIdData);
+            setEditFields(skipUnwrap.actionItemRefs, editEntryIdData);
+          });
+
+          // 回显触发器数据---此处是个闭包!
+          triggers.forEach((trigger, index) => {
+            nextTick(() => {
+              unref(skipUnwrap.triggerItemRefs)[index].setFieldsFormValueFun({
+                triggerType: trigger.triggerType,
+                entityId: trigger.entityId,
+                type1: trigger.triggerCondition?.condition[0]?.key?.type,
+                type2: trigger.triggerCondition?.condition[0]?.key?.key,
+                operation: trigger.triggerCondition?.condition[0]?.predicate?.operation,
+                value: trigger.triggerCondition?.condition[0]?.predicate?.value?.defaultValue,
+              });
+            });
+          });
+
+          doConditions.forEach((item, index) => {
+            nextTick(() => {
+              unref(skipUnwrap.conditionItemRefs)[index].setFieldsFormValueFun({
+                triggerType: item?.triggerType,
+                entityId: item?.entityId,
+                type: item.triggerCondition?.condition[0].key.key,
+                operation: item?.triggerCondition?.condition[0]?.predicate?.operation,
+                value: item?.triggerCondition?.condition[0]?.predicate?.value?.defaultValue,
+              });
+            });
+          });
+
+          doActions.forEach((item, index) => {
+            nextTick(() => {
+              unref(skipUnwrap.actionItemRefs)[index].setFieldsFormValueFun({
+                outTarget: item.outTarget,
+                deviceId: item.deviceId,
+              });
+              unref(skipUnwrap.actionItemRefs)[index].setJsonValue(item.doContext.params);
+            });
+          });
+        }
+      });
+
+      // 设置设备的options
+      const setEditFields = (linkAge, deviceList) => {
+        unref(linkAge).map((item) => {
+          item.updateFieldDeviceId(deviceList);
+        });
+      };
+      // 监听组织变化更新设备列表
+      const deviceList = ref([]);
+      watch(organizationId, async (newValue: string) => {
+        if (!newValue) return;
+        const { items } = await screenLinkPageByDeptIdGetDevice({ organizationId: newValue });
+        deviceList.value = items.map((item) => ({ label: item.name, value: item.tbDeviceId }));
+        setFields(skipUnwrap.triggerItemRefs, true);
+        setFields(skipUnwrap.conditionItemRefs, true);
+        setFields(skipUnwrap.actionItemRefs, true);
+      });
+
+      // 根据上面组织变化动态改变触发器，执行条件,执行动作的设备值
+      function setFields(linkAge, isOrganizationChange = false) {
+        unref(linkAge).map((item) => {
+          isOrganizationChange && item.resetFieldsValueFunc();
+          item.updateFieldDeviceId(deviceList);
+        });
+      }
+
+      // 添加触发器
+      const addTrigger = () => {
+        unref(triggerData).push(Date.now());
+        nextTick(() => {
+          setFields(skipUnwrap.triggerItemRefs);
+        });
+      };
+      // 添加执行条件
+      const addCondition = () => {
+        unref(conditionData).push(Date.now());
+        nextTick(() => {
+          setFields(skipUnwrap.conditionItemRefs);
+        });
+      };
+      // 添加执行动作
+      const addAction = () => {
+        unref(actionData).push(Date.now());
+        nextTick(() => {
+          setFields(skipUnwrap.actionItemRefs);
+        });
+      };
+
+      /**
+       * 获取触发器、执行条件、执行动作表单值--多个
+       */
+      const getFormValueFunc = () => {
+        getTriggerFormValue.value = unref(skipUnwrap.triggerItemRefs)?.map((item) => {
+          return formatTriggerData(item.getFieldsValueFunc());
+        });
+        getConditionFormValue.value = unref(skipUnwrap.conditionItemRefs).map((item) => {
+          return formatConditionData(item.getFieldsValueFunc());
+        });
+        getActionFormValue.value = unref(skipUnwrap.actionItemRefs).map((item) => {
+          return item.getFieldsValueFunc();
+        });
+      };
+      const handleSubmit = async () => {
+        let basicFormValue = await validate();
+        if (!basicFormValue) return;
+        for (const item of unref(skipUnwrap.actionItemRefs)) {
+          const valid = await item.validateForm();
+          if (!valid) return;
+        }
+        try {
+          setDrawerProps({ confirmLoading: true });
+          getFormValueFunc();
+          const postAddOrEditData = {
+            ...basicFormValue,
+            triggers: unref(getTriggerFormValue),
+            doConditions: unref(getConditionFormValue),
+            doActions: unref(getActionFormValue),
+            ...{
+              id: unref(id),
+              tenantId: unref(tenantId),
+            },
+          };
+          await screenLinkPageAddApi(postAddOrEditData, unref(isUpdate));
+          createMessage.success(`${unref(isUpdate) ? '编辑' : '新增'}成功`);
+          closeDrawer();
+          handleClose();
+          emit('success');
+        } finally {
+          setDrawerProps({ confirmLoading: false });
+        }
+      };
+
+      // 删除
+      const deleteTrigger = (triggerIndex: number) => {
+        unref(triggerData).splice(triggerIndex, 1);
+      };
+      const deleteCondition = (conditionIndex: number) => {
+        unref(conditionData).splice(conditionIndex, 1);
+      };
+      const deleteAction = (actionIndex: number) => {
+        unref(actionData).splice(actionIndex, 1);
+      };
+      const handleClose = () => {
+        id.value = undefined;
+        tenantId.value = undefined;
+        organizationId.value = undefined;
+        getTriggerFormValue.value = [];
+        getConditionFormValue.value = [];
+        getActionFormValue.value = [];
+        triggerData.value = [];
+        conditionData.value = [];
+        actionData.value = [];
+        unref(skipUnwrap.triggerItemRefs).map((item) => {
+          item.resetFieldsValueFunc();
+        });
+        unref(skipUnwrap.conditionItemRefs).map((item) => {
+          item.resetFieldsValueFunc();
+        });
+        unref(skipUnwrap.actionItemRefs).map((item) => {
+          item.resetFieldsValueFunc();
+        });
+      };
+
+      return {
+        title,
+        isUpdate,
+        registerDrawer,
+        registerForm,
+        // 添加 or 删除 触发器,条件,动作
+        triggerData,
+        conditionData,
+        actionData,
+        addCondition,
+        addTrigger,
+        addAction,
+        deleteTrigger,
+        deleteCondition,
+        deleteAction,
+        // Refs引用
+        skipUnwrap,
+        handleSubmit,
+        handleClose,
+      };
+    },
+  });
+</script>

+import { ref, h } from 'vue';
 import { BasicColumn, FormSchema } from '/@/components/Table';
-import { ref } from 'vue';
 import {
   screenLinkOrganizationGetApi,
   screenLinkPagePutApi,
 } from '/@/api/ruleengine/ruleengineApi';
-import { h } from 'vue';
 import { Switch } from 'ant-design-vue';
 import { useMessage } from '/@/hooks/web/useMessage';
 import { copyTransFun } from '/@/utils/fnUtils';
@@ -36,25 +35,10 @@ export enum AttrAndWenDuEnum {
   IS_CONDITION_SHIDU = 'NUMERIC1',
   IS_TYPE2 = 'type2',
 }
-export const isType2 = (type: string) => {
-  return type === AttrAndWenDuEnum.IS_TYPE2;
-};
-
-export const isConditionShiDu = (type: string) => {
-  return type === AttrAndWenDuEnum.IS_CONDITION_SHIDU;
-};
-export const isConditionWenDu = (type: string) => {
-  return type === AttrAndWenDuEnum.IS_CONDITION_WENDU;
-};
-
-export const isShiDu = (type: string) => {
-  return type === AttrAndWenDuEnum.IS_SHIDU;
-};
 
-export const isWenDu = (type: string) => {
-  return type === AttrAndWenDuEnum.IS_WENDU_ACT;
+export const isUpAndDown = (type: string) => {
+  return type === AttributeActionEnum.IS_UP_DOWN_ACT;
 };
-
 export const isTimeAll = (type: string) => {
   return type === TriggerEnum.IS_TIME_ACT;
 };
@@ -63,10 +47,6 @@ export const isMsg = (type: string) => {
   return type === TriggerEnum.IS_MSG_NOTIFY;
 };
 
-export const isUpAndDown = (type: string) => {
-  return type === AttributeActionEnum.IS_UP_DOWN_ACT;
-};
-
 export const isDevice = (type: string) => {
   return type === TriggerEnum.IS_DEVICE_ACT;
 };
@@ -82,14 +62,27 @@ export const isScene = (type: string) => {
 export const isHand = (type: string) => {
   return type === TriggerEnum.IS_HAND_ACT;
 };
+export const isType2 = (type: string) => {
+  return type === AttrAndWenDuEnum.IS_TYPE2;
+};
+
+export const isConditionShiDu = (type: string) => {
+  return type === AttrAndWenDuEnum.IS_CONDITION_SHIDU;
+};
+export const isConditionWenDu = (type: string) => {
+  return type === AttrAndWenDuEnum.IS_CONDITION_WENDU;
+};
+
+export const isShiDu = (type: string) => {
+  return type === AttrAndWenDuEnum.IS_SHIDU;
+};
+
+export const isWenDu = (type: string) => {
+  return type === AttrAndWenDuEnum.IS_WENDU_ACT;
+};
 
 export const columns: BasicColumn[] = [
   {
-    title: '创建时间',
-    dataIndex: 'createTime',
-    width: 180,
-  },
-  {
     title: '场景联动名称',
     dataIndex: 'name',
     width: 200,
@@ -97,7 +90,7 @@ export const columns: BasicColumn[] = [
   {
     title: '触发方式',
     dataIndex: 'triggerType',
-    format: (text: string, record: Recordable) => {
+    format: (_: string, record: Recordable) => {
       return record.triggers[0]?.triggerType == 'DEVICE_TRIGGER'
         ? '设备触发'
         : record.triggers[0]?.triggerType == 'SCHEDULE_TRIGGER'
@@ -131,12 +124,9 @@ export const columns: BasicColumn[] = [
               if (record.status == 1) {
                 createMessage.success(`已启用`);
               } else {
-                createMessage.error('已禁用');
+                createMessage.success('已禁用');
               }
             })
-            .catch(() => {
-              createMessage.error('已禁用');
-            })
             .finally(() => {
               record.pendingStatus = false;
             });
@@ -149,10 +139,13 @@ export const columns: BasicColumn[] = [
     dataIndex: 'description',
     width: 200,
   },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+  },
 ];
-
-export const changeOriginId = ref(null);
-
+export const organizationId = ref('');
 export const formSchema: FormSchema[] = [
   {
     field: 'name',
@@ -160,6 +153,7 @@ export const formSchema: FormSchema[] = [
     colProps: { span: 24 },
     required: true,
     component: 'Input',
+
     componentProps: {
       maxLength: 36,
       placeholder: '请输入场景联动名称',
@@ -171,28 +165,15 @@ export const formSchema: FormSchema[] = [
     label: '所属组织',
     colProps: { span: 24 },
     component: 'ApiTreeSelect',
-    componentProps: ({ formModel, formActionType }) => {
-      return {
-        api: async () => {
-          const data = await screenLinkOrganizationGetApi();
-          copyTransFun(data as any as any[]);
-          return data;
-        },
-        onChange: async (v) => {
-          if (v == undefined) {
-            formModel.entityId = undefined;
-            const { updateSchema } = formActionType;
-            updateSchema({
-              field: 'entityId',
-              componentProps: {
-                options: undefined,
-              },
-            });
-          } else {
-            changeOriginId.value = v;
-          }
-        },
-      };
+    componentProps: {
+      api: async () => {
+        const data = await screenLinkOrganizationGetApi();
+        copyTransFun(data as any as any[]);
+        return data;
+      },
+      onChange(value) {
+        organizationId.value = value;
+      },
     },
   },
   {
@@ -237,7 +218,7 @@ export const searchFormSchema: FormSchema[] = [
     label: '状态',
     component: 'Select',
     componentProps: {
-      placeholder: '请选择',
+      placeholder: '请选择状态',
       options: [
         { label: '已启用', value: '1' },
         { label: '未启用', value: '0' },
@@ -256,9 +237,9 @@ export const useTriggerDrawerSchema: FormSchema[] = [
       placeholder: '设备触发',
       options: [
         { label: '设备触发', value: 'DEVICE_TRIGGER' },
-        { label: '定时触发', value: 'SCHEDULE_TRIGGER' },
-        { label: '场景触发', value: 'SCENE_TRIGGER' },
-        { label: '手动触发', value: 'HAND_ACT' },
+        // { label: '定时触发', value: 'SCHEDULE_TRIGGER' },
+        // { label: '场景触发', value: 'SCENE_TRIGGER' },
+        // { label: '手动触发', value: 'HAND_ACT' },
       ],
     },
     colProps: { span: 12 },
@@ -270,39 +251,21 @@ export const useTriggerDrawerSchema: FormSchema[] = [
     componentProps: {
       placeholder: '请选择设备',
     },
-    ifShow: ({ values }) =>
-      !isTime(Reflect.get(values, 'triggerType')) &&
-      !isScene(Reflect.get(values, 'triggerType')) &&
-      !isHand(Reflect.get(values, 'triggerType')),
-    colProps: {
-      span: 12,
-    },
-  },
-  {
-    field: 'entityId1',
-    component: 'Input',
-    label: '',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Cron表达式',
-    },
+    ifShow: ({ values }) => isDevice(values.triggerType),
     colProps: {
       span: 12,
     },
-    ifShow: ({ values }) => isTimeAll(Reflect.get(values, 'triggerType')),
   },
   {
     field: 'type1',
     label: '',
     component: 'Select',
     componentProps: {
-      placeholder: '属性触发',
+      placeholder: '属性触发方式',
       options: [{ label: '属性触发', value: 'TIME_SERIES' }],
     },
-    ifShow: ({ values }) =>
-      !isTime(Reflect.get(values, 'triggerType')) &&
-      !isScene(Reflect.get(values, 'triggerType')) &&
-      !isHand(Reflect.get(values, 'triggerType')),
+    ifShow: ({ values }) => isDevice(values.triggerType),
+    dynamicDisabled: ({ values }) => !values.entityId,
     colProps: { span: 12 },
   },
   {
@@ -311,15 +274,9 @@ export const useTriggerDrawerSchema: FormSchema[] = [
     component: 'Select',
     componentProps: {
       placeholder: '请选择属性',
-      onChange(v) {
-        console.log(v);
-      },
     },
-    ifShow: ({ values }) =>
-      !isTime(Reflect.get(values, 'triggerType')) &&
-      !isScene(Reflect.get(values, 'triggerType')) &&
-      !isHand(Reflect.get(values, 'triggerType')) &&
-      isUpAndDown(Reflect.get(values, 'type1')),
+    ifShow: ({ values }) => isDevice(values.triggerType),
+    dynamicDisabled: ({ values }) => !values.type1,
     colProps: { span: 12 },
   },
   {
@@ -327,7 +284,7 @@ export const useTriggerDrawerSchema: FormSchema[] = [
     label: '',
     component: 'Select',
     componentProps: {
-      placeholder: '',
+      placeholder: '请选择比较模式',
       options: [
         { label: '=', value: 'EQUAL' },
         { label: '<', value: 'LESS' },
@@ -336,48 +293,39 @@ export const useTriggerDrawerSchema: FormSchema[] = [
         { label: '>=', value: 'GREATER_OR_EQUAL' },
       ],
     },
-    ifShow: ({ values }) => isType2(Reflect.get(values, 'type2')),
-    show: ({ values }) =>
-      !isTime(Reflect.get(values, 'triggerType')) &&
-      !isScene(Reflect.get(values, 'triggerType')) &&
-      !isHand(Reflect.get(values, 'triggerType')),
+    show: ({ values }) => isDevice(values.triggerType),
+    dynamicDisabled: ({ values }) => !values.type2,
     colProps: { span: 12 },
   },
   {
     field: 'value',
-    component: 'Input',
     label: '',
-    defaultValue: 0,
+    component: 'Input',
     componentProps: {
       maxLength: 16,
       placeholder: '请输入比较值',
     },
-    ifShow: ({ values }) => isType2(Reflect.get(values, 'type2')),
-    show: ({ values }) =>
-      !isTime(Reflect.get(values, 'triggerType')) &&
-      !isScene(Reflect.get(values, 'triggerType')) &&
-      !isHand(Reflect.get(values, 'triggerType')),
+    show: ({ values }) => isDevice(values.triggerType),
+    dynamicDisabled: ({ values }) => !values.operation,
     colProps: {
       span: 12,
     },
   },
-  // {
-  //   field: 'sceneLinkageId',
-  //   label: '',
-  //   component: 'Select',
-  //   colProps: {
-  //     span: 12,
-  //   },
-  //   componentProps: {
-  //     placeholder: '请选择场景',
-  //     options: [
-  //       { label: '场景触发器1', value: '' },
-  //       { label: '场景触发器2', value: '' },
-  //     ],
-  //   },
-  //   ifShow: ({ values }) => isScene(Reflect.get(values, 'triggerType')),
-  // },
+  {
+    field: 'entityId1',
+    label: '',
+    component: 'Input',
+    componentProps: {
+      maxLength: 255,
+      placeholder: '请输入Cron表达式',
+    },
+    colProps: {
+      span: 12,
+    },
+    ifShow: ({ values }) => values.triggerType === TriggerEnum.IS_TIME_ACT,
+  },
 ];
+// !!!----------------------------------------------------^_^------------------------------------------------------------!!!
 
 export const useConditionDrawerSchema: FormSchema[] = [
   {
@@ -385,10 +333,10 @@ export const useConditionDrawerSchema: FormSchema[] = [
     label: '',
     component: 'Select',
     componentProps: {
-      placeholder: '设备状态',
+      placeholder: '设备触发',
       options: [
         { label: '设备触发', value: 'DEVICE_TRIGGER' },
-        { label: '时间范围', value: 'SCHEDULE_TRIGGER' },
+        // { label: '时间范围', value: 'SCHEDULE_TRIGGER' },
       ],
     },
     colProps: { span: 12 },
@@ -402,48 +350,20 @@ export const useConditionDrawerSchema: FormSchema[] = [
         placeholder: '请选择设备',
       };
     },
-    ifShow: ({ values }) => !isTimeAll(Reflect.get(values, 'triggerType')),
-    colProps: {
-      span: 12,
-    },
-  },
-  {
-    field: 'createTime',
-    component: 'DatePicker',
-    label: '',
-    componentProps: {
-      placeholder: '请选择起始时间',
-    },
-    colProps: {
-      span: 12,
-    },
-    ifShow: ({ values }) => isTimeAll(Reflect.get(values, 'triggerType')),
-  },
-  {
-    field: 'updateTime',
-    component: 'DatePicker',
-    label: '',
-    componentProps: {
-      placeholder: '请选择结束时间',
-    },
+    ifShow: ({ values }) => isDevice(values.triggerType),
     colProps: {
       span: 12,
     },
-    ifShow: ({ values }) => isTimeAll(Reflect.get(values, 'triggerType')),
   },
   {
     field: 'type',
     label: '',
     component: 'Select',
-    componentProps() {
-      return {
-        placeholder: '请选择属性',
-        onChange(v) {
-          console.log(v);
-        },
-      };
+    componentProps: {
+      placeholder: '请选择属性',
     },
-    ifShow: ({ values }) => !isTimeAll(Reflect.get(values, 'triggerType')),
+    ifShow: ({ values }) => isDevice(values.triggerType),
+    dynamicDisabled: ({ values }) => !values.entityId,
     colProps: { span: 12 },
   },
   {
@@ -451,7 +371,7 @@ export const useConditionDrawerSchema: FormSchema[] = [
     label: '',
     component: 'Select',
     componentProps: {
-      placeholder: '',
+      placeholder: '请选择比较模式',
       options: [
         { label: '=', value: 'EQUAL' },
         { label: '<', value: 'LESS' },
@@ -460,24 +380,53 @@ export const useConditionDrawerSchema: FormSchema[] = [
         { label: '>=', value: 'GREATER_OR_EQUAL' },
       ],
     },
-    ifShow: false,
+    show: ({ values }) => isDevice(values.triggerType),
+    dynamicDisabled: ({ values }) => !values.type,
     colProps: { span: 12 },
   },
   {
     field: 'value',
-    component: 'Input',
     label: '',
+    component: 'Input',
     componentProps: {
       maxLength: 16,
       placeholder: '请输入比较值',
     },
-    ifShow: false,
+    show: ({ values }) => isDevice(values.triggerType),
+    dynamicDisabled: ({ values }) => !values.operation,
     colProps: {
       span: 12,
     },
   },
+  // {
+  //   field: 'createTime',
+  //   component: 'DatePicker',
+  //   label: 'createTime',
+  //   componentProps: {
+  //     placeholder: '请选择起始时间',
+  //   },
+  //   colProps: {
+  //     span: 12,
+  //   },
+  //   ifShow: ({ values }) => isTimeAll(values.triggerType),
+  // },
+  // {
+  //   field: 'updateTime',
+  //   component: 'DatePicker',
+  //   label: 'updateTime',
+  //   componentProps: {
+  //     placeholder: '请选择结束时间',
+  //   },
+  //   colProps: {
+  //     span: 12,
+  //   },
+  //   ifShow: ({ values }) => isTimeAll(values.triggerType),
+  // },
 ];
-
+enum ActionEnum {
+  DEVICE_OUT = 'DEVICE_OUT',
+}
+const isDeviceOut = (type: string) => type === ActionEnum.DEVICE_OUT;
 export const useActionDrawerSchema: FormSchema[] = [
   {
     field: 'outTarget',
@@ -488,8 +437,8 @@ export const useActionDrawerSchema: FormSchema[] = [
       placeholder: '设备输出',
       options: [
         { label: '设备输出', value: 'DEVICE_OUT' },
-        { label: '消息通知', value: 'MSG_NOTIFY' },
-        { label: '场景联动', value: 'SCENE_TRIGGER' },
+        // { label: '消息通知', value: 'MSG_NOTIFY' },
+        // { label: '场景联动', value: 'SCENE_TRIGGER' },
       ],
     },
     colProps: { span: 12 },
@@ -497,12 +446,12 @@ export const useActionDrawerSchema: FormSchema[] = [
   {
     field: 'deviceId',
     label: '',
+    required: true,
     component: 'Select',
     componentProps: {
       placeholder: '请选择设备',
     },
-    ifShow: ({ values }) =>
-      !isScene(Reflect.get(values, 'outTarget')) && !isMsg(Reflect.get(values, 'outTarget')),
+    ifShow: ({ values }) => isDeviceOut(values.outTarget),
     colProps: {
       span: 12,
     },
@@ -511,86 +460,67 @@ export const useActionDrawerSchema: FormSchema[] = [
     field: 'doContext',
     component: 'InputTextArea',
     label: '',
-    // defaultValue:
-    //   '{"method": "setDOValue","params": {"devID": "492S211218028819","data": {"DO1": 1}}}',
     componentProps: {
       maxLength: 255,
-      placeholder: '请输入下发指定',
     },
-    ifShow: ({ values }) =>
-      !isScene(Reflect.get(values, 'outTarget')) && !isMsg(Reflect.get(values, 'outTarget')),
+    slot: 'doContext',
+    show: ({ values }) => isDeviceOut(values.outTarget),
     colProps: {
       span: 12,
     },
   },
   // {
-  //   field: 'no',
-  //   component: 'InputTextArea',
+  //   field: 'wu2',
+  //   component: 'Input',
   //   label: '',
-  //   defaultValue:
-  //     '(可复制)下发指定格式(JSON格式：{"method": "setDOValue","params": {"devID": "492S211218028819","data": {"DO1": 1}})',
   //   componentProps: {
-  //     maxLength: 255,
-  //     disabled: true,
+  //     placeholder: '暂不实现',
   //   },
-  //   ifShow: ({ values }) =>
-  //     !isScene(Reflect.get(values, 'outTarget')) && !isMsg(Reflect.get(values, 'outTarget')),
   //   colProps: {
   //     span: 12,
   //   },
+  //   ifShow: ({ values }) => isMsg(Reflect.get(values, 'outTarget')),
+  // },
+  // {
+  //   field: 'wu3',
+  //   label: '',
+  //   component: 'Input',
+  //   componentProps: {
+  //     placeholder: '无',
+  //     style: {
+  //       visibility: 'hidden',
+  //     },
+  //   },
+  //   colProps: { span: 12 },
+  //   ifShow: ({ values }) => isMsg(Reflect.get(values, 'outTarget')),
+  // },
+  // {
+  //   field: 'entityId',
+  //   label: '',
+  //   component: 'Select',
+  //   colProps: {
+  //     span: 12,
+  //   },
+  //   componentProps: {
+  //     placeholder: '请选择场景',
+  //     options: [
+  //       { label: '场景触发器1', value: '1' },
+  //       { label: '场景触发器2', value: '2' },
+  //     ],
+  //   },
+  //   ifShow: ({ values }) => isScene(Reflect.get(values, 'outTarget')),
+  // },
+  // {
+  //   field: 'wu4',
+  //   label: '',
+  //   component: 'Input',
+  //   componentProps: {
+  //     placeholder: '无',
+  //     style: {
+  //       visibility: 'hidden',
+  //     },
+  //   },
+  //   colProps: { span: 12 },
+  //   ifShow: ({ values }) => isScene(Reflect.get(values, 'outTarget')),
   // },
-  {
-    field: 'wu2',
-    component: 'Input',
-    label: '',
-    componentProps: {
-      placeholder: '暂不实现',
-    },
-    colProps: {
-      span: 12,
-    },
-    ifShow: ({ values }) => isMsg(Reflect.get(values, 'outTarget')),
-  },
-  {
-    field: 'wu3',
-    label: '',
-    component: 'Input',
-    componentProps: {
-      placeholder: '无',
-      style: {
-        visibility: 'hidden',
-      },
-    },
-    colProps: { span: 12 },
-    ifShow: ({ values }) => isMsg(Reflect.get(values, 'outTarget')),
-  },
-  {
-    field: 'entityId',
-    label: '',
-    component: 'Select',
-    colProps: {
-      span: 12,
-    },
-    componentProps: {
-      placeholder: '请选择场景',
-      options: [
-        { label: '场景触发器1', value: '1' },
-        { label: '场景触发器2', value: '2' },
-      ],
-    },
-    ifShow: ({ values }) => isScene(Reflect.get(values, 'outTarget')),
-  },
-  {
-    field: 'wu4',
-    label: '',
-    component: 'Input',
-    componentProps: {
-      placeholder: '无',
-      style: {
-        visibility: 'hidden',
-      },
-    },
-    colProps: { span: 12 },
-    ifShow: ({ values }) => isScene(Reflect.get(values, 'outTarget')),
-  },
 ];

 <template>
-  <CollapseContainer class="prefixRedDot" style="background-color: #eeeeee">
-    <div style="position: relative">
-      <BasicForm
-        :labelWidth="100"
-        :showResetButton="false"
-        :showSubmitButton="false"
-        :emptySpan="10"
-        @register="registerAction"
-      />
-    </div>
+  <CollapseContainer style="background-color: #eeeeee" :title="`执行动作 ${actionIndex + 1}`">
+    <template #action>
+      <Tooltip title="移除" v-if="actionData.length > 1">
+        <Icon
+          icon="fluent:delete-off-20-regular"
+          size="20"
+          class="mr-2 cursor-pointer"
+          @click="handleDelete(actionIndex)"
+        />
+      </Tooltip>
+    </template>
+    <BasicForm @register="registerAction">
+      <template #doContext>
+        <div class="flex">
+          <div ref="jsoneditorRef" style="height: 100%; width: 100%"></div>
+          <Tooltip
+            title='{"method":"setDOValue","params":{"devID":"492S211218028819","data":{"DO1":1}}}'
+            class="ml-2"
+          >
+            <QuestionCircleOutlined style="font-size: 1rem"
+          /></Tooltip>
+        </div>
+      </template>
+    </BasicForm>
   </CollapseContainer>
 </template>
 <script lang="ts">
-  import { defineComponent, reactive, ref } from 'vue';
+  import { defineComponent, ref, onMounted, nextTick, unref } from 'vue';
   import { CollapseContainer } from '/@/components/Container/index';
   import { BasicForm, useForm } from '/@/components/Form/index';
-  import { Input } from 'ant-design-vue';
+  import { Tooltip } from 'ant-design-vue';
+  import { Icon } from '/@/components/Icon';
   import { useActionDrawerSchema } from '../config';
+  import jsoneditor from 'jsoneditor';
+  import 'jsoneditor/dist/jsoneditor.min.css';
+  import { Tooltip } from 'ant-design-vue';
+  import { QuestionCircleOutlined } from '@ant-design/icons-vue';
 
   export default defineComponent({
-    components: { CollapseContainer, BasicForm, [Input.name]: Input },
-    props: ['bindActionFather', 'bindActionEntryIdFather'],
-    setup(props) {
-      let fieldValue = reactive({});
-      const option = ref<[]>([]);
-      const [registerAction, { setFieldsValue, getFieldsValue, resetFields, updateSchema }] =
-        useForm({
-          labelWidth: 100,
-          schemas: useActionDrawerSchema,
-          actionColOptions: { span: 24 },
-        });
-      const getFieldsValueFunc = () => {
-        fieldValue = getFieldsValue();
-        return fieldValue;
-      };
-      const resetFieldsValueFunc = () => {
-        resetFields();
-      };
-      const updateFieldDeviceId = (v) => {
-        if (v.length == 0 || v.length > 0) {
-          option.value = v;
-          updateSchema({
-            field: 'deviceId',
-            componentProps: {
-              options: option.value,
-            },
-          });
-        } else if (v.length == undefined) {
-          setTimeout(() => {
-            updateSchema({
-              field: 'deviceId',
-              componentProps: {
-                options: v.item,
-              },
-            });
-          }, 10);
-        }
-      };
-
-      //回显数据
-      const setFieldsFormValueFun = () => {
-        if (props.bindActionFather !== 1) {
-          setTimeout(() => {
-            setFieldsValue(props.bindActionFather);
-          }, 10);
-        }
-      };
-      setFieldsFormValueFun();
-      const editSelectDevice = () => {
-        if (props.bindActionEntryIdFather !== 1) {
-          setTimeout(() => {
-            updateSchema({
-              field: 'deviceId',
-              componentProps: {
-                options: props.bindActionEntryIdFather,
-              },
-            });
-          }, 10);
-        }
+    components: { CollapseContainer, BasicForm, Tooltip, Icon, Tooltip, QuestionCircleOutlined },
+    props: {
+      actionIndex: {
+        type: Number,
+        required: true,
+      },
+      actionData: {
+        type: Array,
+        default: () => [],
+      },
+    },
+    emits: ['deleteAction'],
+    setup(props, { emit }) {
+      const [
+        registerAction,
+        { getFieldsValue, resetFields, updateSchema, setFieldsValue, validate },
+      ] = useForm({
+        schemas: useActionDrawerSchema,
+        showActionButtonGroup: false,
+      });
+      const getFieldsValueFunc = () => ({
+        ...getFieldsValue(),
+        doContext: unref(jsonInstance.value).get(),
+      });
+      const setFieldsFormValueFun = (fieldsValue) => {
+        setFieldsValue(fieldsValue);
       };
-      editSelectDevice();
-      //新增清空设备选择
-      const clearSelectDevice = () => {
+      const resetFieldsValueFunc = () => resetFields();
+      const updateFieldDeviceId = (deviceList) => {
         updateSchema({
           field: 'deviceId',
           componentProps: {
-            options: [],
+            options: deviceList,
           },
         });
       };
+      const validateForm = () => {
+        return validate();
+      };
+      const handleDelete = (actionIndex) => {
+        emit('deleteAction', actionIndex);
+      };
+
+      // json 以及初始化JSON
+      const jsoneditorRef = ref();
+      const jsonValue = ref({});
+      const jsonInstance = ref();
+      onMounted(() => {
+        nextTick(() => {
+          let options = {
+            mode: 'code',
+            mainMenuBar: false,
+            statusBar: false,
+            onError(err) {
+              alert('EF1 ->' + err.toString());
+            },
+          };
+          let editor = new jsoneditor(jsoneditorRef.value, options);
+          editor.set(jsonValue.value);
+          jsonInstance.value = editor;
+        });
+      });
+
+      const getJsonValue = () => unref(jsonInstance).get();
+      const setJsonValue = (Json) => {
+        nextTick(() => {
+          unref(jsonInstance).set(Json);
+        });
+      };
       return {
         updateFieldDeviceId,
-        clearSelectDevice,
-        editSelectDevice,
         resetFieldsValueFunc,
         getFieldsValueFunc,
+        validateForm,
         registerAction,
+        handleDelete,
+        setFieldsFormValueFun,
+        jsoneditorRef,
+        jsonInstance,
+        getJsonValue,
+        setJsonValue,
       };
     },
   });
 </script>
 
-<style lang="less">
-  .prefixRedDot:before {
-    content: '* ';
-    color: red;
-    vertical-align: middle;
-    display: inline-block;
-    position: relative;
-    top: 1vh;
-    left: 5px;
+<style>
+  .jsoneditor {
+    border: none;
   }
 </style>

 <template>
-  <CollapseContainer style="background-color: #eeeeee">
-    <div style="position: relative">
-      <BasicForm
-        :labelWidth="100"
-        :emptySpan="10"
-        :showResetButton="false"
-        :showSubmitButton="false"
-        @register="registerCondition"
-      />
-    </div>
+  <CollapseContainer style="background-color: #eeeeee" :title="`执行条件 ${conditionIndex + 1}`">
+    <template #action>
+      <Tooltip title="移除">
+        <Icon
+          icon="fluent:delete-off-20-regular"
+          size="20"
+          class="mr-2 cursor-pointer"
+          @click="handleDelete(conditionIndex)"
+        />
+      </Tooltip>
+    </template>
+    <BasicForm @register="registerCondition" />
   </CollapseContainer>
 </template>
 <script lang="ts">
-  import { defineComponent, reactive, ref } from 'vue';
+  import { defineComponent } from 'vue';
   import { CollapseContainer } from '/@/components/Container/index';
   import { BasicForm, useForm } from '/@/components/Form/index';
-  import { Input } from 'ant-design-vue';
+  import { Tooltip } from 'ant-design-vue';
   import { useConditionDrawerSchema } from '../config';
   import { screenLinkPageByDeviceIdGetAttribut } from '/@/api/ruleengine/ruleengineApi';
+  import { Icon } from '/@/components/Icon';
 
   export default defineComponent({
-    components: { CollapseContainer, BasicForm, [Input.name]: Input },
-    props: ['bindConditionFather', 'bindConditionEntryIdFather'],
-    setup(props) {
-      let fieldValue = reactive({});
-      const option = ref<[]>([]);
-      const [registerCondition, { setFieldsValue, getFieldsValue, updateSchema, resetFields }] =
+    components: { CollapseContainer, BasicForm, Tooltip, Icon },
+    props: {
+      conditionIndex: {
+        type: Number,
+        required: true,
+      },
+    },
+    emits: ['deleteCondition'],
+    setup(props, { emit }) {
+      const [registerCondition, { getFieldsValue, updateSchema, resetFields, setFieldsValue }] =
         useForm({
-          labelWidth: 100,
           schemas: useConditionDrawerSchema,
-          actionColOptions: { span: 24 },
+          showActionButtonGroup: false,
         });
-      const getFieldsValueFunc = () => {
-        fieldValue = getFieldsValue();
-        return fieldValue;
-      };
-      const resetFieldsValueFunc = () => {
-        resetFields();
-      };
-      const updateFieldDeviceId = (v) => {
-        if (v.length == 0 || v.length > 0) {
-          option.value = v;
-          updateSchema({
-            field: 'entityId',
-            componentProps: {
-              options: option.value,
-              onChange(e) {
-                if (e) {
-                  setTimeout(() => {
-                    updateFieldAttributeFunc(e);
-                  }, 10);
-                }
-              },
+      const getFieldsValueFunc = () => getFieldsValue();
+      const resetFieldsValueFunc = () => resetFields();
+      const updateFieldDeviceId = (deviceList: any[]) => {
+        updateSchema({
+          field: 'entityId',
+          componentProps: {
+            options: deviceList,
+            onChange(e) {
+              if (e) {
+                updateFieldAttributeFunc(e);
+              }
             },
-          });
-        } else if (v.length == undefined) {
-          setTimeout(() => {
-            updateSchema({
-              field: 'entityId',
-              componentProps: {
-                options: v.item,
-                onChange(e) {
-                  if (e) {
-                    setTimeout(() => {
-                      updateFieldAttributeFunc(e);
-                    }, 10);
-                  }
-                },
-              },
-            });
-          }, 10);
-        }
+          },
+        });
       };
       const updateFieldAttributeFunc = async (e) => {
         const data1 = await screenLinkPageByDeviceIdGetAttribut('DEVICE', e);
@@ -80,76 +60,42 @@
             value: m,
           };
         });
-        setTimeout(() => {
-          updateSchema({
-            field: 'type',
-            componentProps() {
-              return {
-                placeholder: '请选择属性',
-                options: data,
-                onChange(e) {
-                  if (e) {
-                    updateSchema([
-                      {
-                        field: 'operation',
-                        ifShow: true,
-                      },
-                      {
-                        field: 'value',
-                        ifShow: true,
-                      },
-                    ]);
-                  } else {
-                    updateSchema([
-                      {
-                        field: 'operation',
-                        ifShow: false,
-                      },
-                      {
-                        field: 'value',
-                        ifShow: false,
-                      },
-                    ]);
-                  }
-                },
-              };
-            },
-          });
-        }, 10);
-      };
-      const clearSelectAttribute = () => {
         updateSchema({
           field: 'type',
           componentProps: {
-            options: [],
+            placeholder: '请选择属性',
+            options: data,
+            onChange(e) {
+              if (e) {
+                updateSchema([
+                  {
+                    field: 'operation',
+                    ifShow: true,
+                  },
+                  {
+                    field: 'value',
+                    ifShow: true,
+                  },
+                ]);
+              } else {
+                updateSchema([
+                  {
+                    field: 'operation',
+                    ifShow: false,
+                  },
+                  {
+                    field: 'value',
+                    ifShow: false,
+                  },
+                ]);
+              }
+            },
           },
         });
       };
-      //回显数据
-      const setFieldsFormValueFun = () => {
-        if (props.bindConditionFather !== 1) {
-          setTimeout(() => {
-            setFieldsValue(props.bindConditionFather);
-            setFieldsValue({
-              type:
-                props.bindConditionFather?.triggerCondition?.condition[0]?.valueType == 'NUMERIC'
-                  ? 'NUMERIC1'
-                  : 'NUMERIC2',
-              operation1:
-                props.bindConditionFather?.triggerCondition?.condition[0]?.predicate?.operation,
-              operation2:
-                props.bindConditionFather?.triggerCondition?.condition[0]?.predicate?.operation,
-              value1:
-                props.bindConditionFather?.triggerCondition?.condition[0]?.predicate?.value
-                  ?.defaultValue,
-              value2:
-                props.bindConditionFather?.triggerCondition?.condition[0]?.predicate?.value
-                  ?.defaultValue,
-            });
-          }, 100);
-        }
+      const setFieldsFormValueFun = (fieldsValue) => {
+        setFieldsValue(fieldsValue);
       };
-      setFieldsFormValueFun();
       const editSelectDevice = () => {
         if (props.bindConditionEntryIdFather !== 1) {
           setTimeout(() => {
@@ -162,25 +108,19 @@
           }, 100);
         }
       };
-      editSelectDevice();
-      //新增清空设备选择
-      const clearSelectDevice = () => {
-        updateSchema({
-          field: 'entityId',
-          componentProps: {
-            options: [],
-          },
-        });
-      };
 
+      const handleDelete = (conditionIndex) => {
+        emit('deleteCondition', conditionIndex);
+      };
       return {
         updateFieldDeviceId,
-        clearSelectDevice,
         editSelectDevice,
         getFieldsValueFunc,
         registerCondition,
         resetFieldsValueFunc,
-        clearSelectAttribute,
+        handleDelete,
+
+        setFieldsFormValueFun,
       };
     },
   });

-export const formatTriggerData = (m) => {
+export const formatTriggerData = (triggerData) => {
+  const { triggerType, entityId, type1, type2, operation, value } = triggerData;
   return {
-    triggerType: m?.triggerType,
-    entityId: m?.entityId || m?.entityId1 || m?.entityId2,
+    triggerType,
+    entityId,
     triggerCondition: {
       condition: [
         {
           key: {
-            key: m.type2 == null ? 'CO2' : m.type2,
-            type: m.type1 == null ? 'TIME_SERIES' : m.type1,
+            type: type1,
+            key: type2,
           },
           valueType: 'NUMERIC',
           predicate: {
             type: 'NUMERIC',
+            operation: operation,
             value: {
-              defaultValue: Number(m.value),
+              defaultValue: Number(value),
             },
-            operation: m.operation == null ? 'EQUAL' : m.operation,
           },
         },
       ],
@@ -26,25 +27,25 @@ export const formatTriggerData = (m) => {
   };
 };
 
-export const formatConditionData = (m) => {
+export const formatConditionData = (conditionData) => {
+  const { triggerType, entityId, type, operation, value } = conditionData;
   return {
-    triggerType: m?.triggerType,
-    entityId: m?.entityId,
+    triggerType,
+    entityId,
     triggerCondition: {
       condition: [
         {
           key: {
-            key: m.type == null ? 'CO2' : m.type,
+            key: type,
             type: 'TIME_SERIES',
           },
           valueType: 'NUMERIC',
-          // value: {},
           predicate: {
             type: 'NUMERIC',
             value: {
-              defaultValue: Number(m.value) == null ? 0 : Number(m.value),
+              defaultValue: Number(value),
             },
-            operation: m.operation,
+            operation: operation,
           },
         },
       ],

 <template>
   <div>
-    <CollapseContainer style="background-color: #eeeeee">
-      <div>
-        <BasicForm
-          :labelWidth="100"
-          :showResetButton="false"
-          :showSubmitButton="false"
-          :emptySpan="10"
-          @register="registerForm"
-        />
-      </div>
+    <CollapseContainer style="background-color: #eee" :title="`触发器 ${triggerIndex + 1}`">
+      <template #action>
+        <Tooltip title="移除">
+          <Icon
+            icon="fluent:delete-off-20-regular"
+            size="20"
+            class="mr-2 cursor-pointer"
+            @click="handleDelete(triggerIndex)"
+          />
+        </Tooltip>
+      </template>
+      <BasicForm @register="registerForm" />
     </CollapseContainer>
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent, reactive, ref } from 'vue';
+  import { defineComponent } from 'vue';
   import { CollapseContainer } from '/@/components/Container/index';
   import { BasicForm, useForm } from '/@/components/Form/index';
-  import { Input } from 'ant-design-vue';
+  import { Icon } from '/@/components/Icon';
+  import { Tooltip } from 'ant-design-vue';
   import { useTriggerDrawerSchema } from '../config';
   import { screenLinkPageByDeviceIdGetAttribut } from '/@/api/ruleengine/ruleengineApi';
-
   export default defineComponent({
-    components: { CollapseContainer, BasicForm, [Input.name]: Input },
-    props: ['bindTriggerFather', 'bindTriggerEntryIdFather'],
-    setup(props) {
-      let fieldValue = reactive({});
-      const option = ref<[]>([]);
-      const data = ref<[]>([]);
-      const [registerForm, { setFieldsValue, resetFields, getFieldsValue, updateSchema }] = useForm(
+    components: { CollapseContainer, BasicForm, Icon, Tooltip },
+    props: {
+      triggerIndex: {
+        type: Number,
+        required: true,
+      },
+    },
+    emits: ['deleteTrigger'],
+    setup(props, { emit }) {
+      const [registerForm, { resetFields, getFieldsValue, updateSchema, setFieldsValue }] = useForm(
         {
-          labelWidth: 100,
           schemas: useTriggerDrawerSchema,
-          actionColOptions: { span: 24 },
+          showActionButtonGroup: false,
         }
       );
-      const getFieldsValueFunc = () => {
-        fieldValue = getFieldsValue();
-        return fieldValue;
-      };
-      const updateFieldDeviceId = (v) => {
-        if (v.length == 0 || v.length > 0) {
-          option.value = v;
-          updateSchema({
-            field: 'entityId',
-            componentProps: {
-              options: option.value,
-              onChange(e) {
-                if (e) {
-                  setTimeout(() => {
-                    updateFieldAttributeFunc(e);
-                  }, 10);
-                }
-              },
+      const getFieldsValueFunc = () => getFieldsValue();
+
+      const updateFieldDeviceId = (deviceList: any[]) => {
+        updateSchema({
+          field: 'entityId',
+          componentProps: {
+            options: deviceList,
+            onChange(e) {
+              if (e) {
+                updateFieldAttributeFunc(e);
+              }
             },
-          });
-        } else if (v.length == undefined) {
-          setTimeout(() => {
-            updateSchema({
-              field: 'entityId',
-              componentProps: {
-                options: v.item,
-                onChange(e) {
-                  if (e) {
-                    setTimeout(() => {
-                      updateFieldAttributeFunc(e);
-                    }, 10);
-                  }
-                },
-              },
-            });
-          }, 10);
-        }
+          },
+        });
       };
       const updateFieldAttributeFunc = async (e) => {
         const data1 = await screenLinkPageByDeviceIdGetAttribut('DEVICE', e);
-        data.value = data1.map((m) => {
+        const options = data1.map((m) => {
           return {
             label: m,
             value: m,
@@ -85,9 +66,9 @@
           field: 'type2',
           componentProps: {
             placeholder: '请选择属性',
-            options: data.value,
-            onChange(e) {
-              if (e) {
+            options,
+            onChange(value) {
+              if (value) {
                 updateSchema([
                   {
                     field: 'operation',
@@ -98,109 +79,62 @@
                     ifShow: true,
                   },
                 ]);
-              } else {
-                updateSchema([
-                  {
-                    field: 'operation',
-                    ifShow: false,
-                  },
-                  {
-                    field: 'value',
-                    ifShow: false,
-                  },
-                ]);
+                setFieldsValue({
+                  operation: '',
+                  value: '',
+                });
+                return;
               }
-            },
-          },
-        });
-      };
-      const updateOperatorAndValue = () => {
-        updateSchema([
-          {
-            field: 'operation',
-            ifShow: false,
-          },
-          {
-            field: 'value',
-            ifShow: false,
-          },
-        ]);
-      };
-      const resetFieldsValueFunc = () => {
-        resetFields();
-      };
-      //回显数据
-      const setFieldsFormValueFun = () => {
-        if (props.bindTriggerFather != 1) {
-          setTimeout(() => {
-            setFieldsValue(props.bindTriggerFather);
-            setFieldsValue({
-              entityId1: props.bindTriggerFather.entityId,
-              entityId2: props.bindTriggerFather.entityId,
-              type1: props.bindTriggerFather?.triggerCondition?.condition[0]?.key?.type,
-              type2: props.bindTriggerFather?.triggerCondition?.condition[0]?.key?.key,
-              operation:
-                props.bindTriggerFather?.triggerCondition?.condition[0]?.predicate?.operation,
-              value:
-                props.bindTriggerFather?.triggerCondition?.condition[0]?.predicate?.value
-                  ?.defaultValue,
-            });
-            if (props.bindTriggerFather?.triggerCondition?.condition[0]?.key?.key) {
               updateSchema([
                 {
                   field: 'operation',
-                  ifShow: true,
+                  ifShow: false,
                 },
                 {
                   field: 'value',
-                  ifShow: true,
+                  ifShow: false,
                 },
               ]);
-            }
-          }, 1);
-        }
-      };
-      setFieldsFormValueFun();
-      //新增清空设备选择
-      const clearSelectDevice = () => {
-        updateSchema({
-          field: 'entityId',
-          componentProps: {
-            options: [],
+              setFieldsValue({
+                operation: '',
+                value: '',
+              });
+            },
           },
         });
       };
-      const clearSelectAttribute = () => {
-        updateSchema({
-          field: 'type2',
-          componentProps: {
-            options: [],
-          },
-        });
+
+      const resetFieldsValueFunc = () => resetFields();
+      // 回显数据函数
+      const setFieldsFormValueFun = (fieldsValue) => {
+        setFieldsValue(fieldsValue);
       };
+
       const editSelectDevice = () => {
         if (props.bindTriggerEntryIdFather != 1) {
-          setTimeout(() => {
-            updateSchema({
-              field: 'entityId',
-              componentProps: {
-                options: props.bindTriggerEntryIdFather,
-              },
-            });
-          }, 100);
+          updateSchema({
+            field: 'entityId',
+            componentProps: {
+              options: props.bindTriggerEntryIdFather,
+            },
+          });
         }
       };
-      editSelectDevice();
+      // editSelectDevice();
+
+      const handleDelete = (triggerIndex) => {
+        emit('deleteTrigger', triggerIndex);
+      };
       return {
-        updateOperatorAndValue,
-        clearSelectAttribute,
         updateFieldAttributeFunc,
         updateFieldDeviceId,
         resetFieldsValueFunc,
-        clearSelectDevice,
         editSelectDevice,
         getFieldsValueFunc,
         registerForm,
+        handleDelete,
+
+        setFieldsFormValueFun,
       };
     },
   });

-export interface IAddTrigger {
-  triggerType: string;
-  entityId: string;
-  touchWay: string;
-  attributeChoose: string;
-  compare: string;
-  value: string;
-}
-
-export interface IAddCondition {
-  triggerType: string;
-  entityId: string;
-  createTime: string;
-  updateTime: string;
-  compare: string;
-  value: string;
-}
-
-export interface IAddAction {
-  outTarget: string;
-  deviceId: string;
-  command: string;
-  sceneLinkageId: string;
-}

 <template>
   <div>
-    <BasicTable
-      @register="registerTable"
-      @selection-change="useSelectionChange"
-      :rowSelection="{ type: 'checkbox' }"
-    >
+    <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-if="isTenant || isCustomer || isPlatform" type="primary" @click="handleAdd">
           新增场景联动
@@ -52,21 +48,18 @@
   import { defineComponent, ref, computed } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { useDrawer } from '/@/components/Drawer';
-  import SceneLinkAgeDrawer from './useDrawer.vue';
-  import { columns, searchFormSchema } from './config';
-  import { useMessage } from '/@/hooks/web/useMessage';
   import { screenLinkPageGetApi, screenLinkPageDeleteApi } from '/@/api/ruleengine/ruleengineApi';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { RoleEnum } from '/@/enums/roleEnum';
-  import { usePermission } from '/@/hooks/web/usePermission';
   import { useUserStore } from '/@/store/modules/user';
+  import { columns, searchFormSchema } from './config';
+  import SceneLinkAgeDrawer from './SceneLinkAgeDrawer.vue';
 
   export default defineComponent({
-    name: 'Index',
+    name: 'LinkEdge',
     components: { BasicTable, SceneLinkAgeDrawer, TableAction },
-    emits: ['default', 'registerTable', 'registerDrawer', 'register'],
+
     setup() {
-      const { hasPermission } = usePermission();
       const userStore = useUserStore();
       const isTenant = computed(() => userStore.getRoleList.includes(RoleEnum.TENANT_ADMIN));
       const isCustomer = computed(() => userStore.getRoleList.includes(RoleEnum.CUSTOMER_USER));
@@ -77,10 +70,9 @@
         screenLinkPageDeleteApi,
         handleSuccess
       );
-      let selectedRowKeys: Array<string> = [];
+
       const [registerDrawer, { openDrawer }] = useDrawer();
-      const { createMessage } = useMessage();
-      const [registerTable, { reload, getSelectRowKeys }] = useTable({
+      const [registerTable, { reload }] = useTable({
         title: '场景联动列表',
         api: screenLinkPageGetApi,
         columns,
@@ -108,32 +100,12 @@
         });
       }
 
-      const useSelectionChange = () => {
-        selectedRowKeys = getSelectRowKeys();
-      };
-
-      async function handleToolbarDel() {
-        await screenLinkPageDeleteApi(selectedRowKeys);
-        createMessage.success('删除成功');
-        reload();
-      }
-
       function handleEdit(record: Recordable) {
         openDrawer(true, {
           record,
           isUpdate: true,
         });
       }
-      async function handleDelete(record: Recordable) {
-        try {
-          let ids = [record.id];
-          await screenLinkPageDeleteApi(ids);
-          createMessage.success('删除成功');
-          reload();
-        } catch (e) {
-          return e;
-        }
-      }
       function handleSuccess() {
         reload();
       }
@@ -142,16 +114,11 @@
         isSysadmin,
         isCustomer,
         isTenant,
-        RoleEnum,
-        hasPermission,
         sceneLinkAgeDrawerRef,
-        useSelectionChange,
         registerTable,
         registerDrawer,
         handleAdd,
-        handleToolbarDel,
         handleEdit,
-        handleDelete,
         handleSuccess,
         hasBatchDelete,
         handleDeleteOrBatchDelete,
@@ -160,4 +127,25 @@
   });
 </script>
 
-<style lang="less" scoped></style>
+<!-- <script setup lang="ts">
+  import { ref, onMounted } from 'vue';
+  const refList = ref([]);
+  const list = ref(['张三', '李四', '王五', '赵牛']);
+  onMounted(() => {
+    console.log(refList.value);
+  });
+  let flag = 0;
+  const add = () => {
+    refList.value = [];
+    list.value.push(`哈哈${flag++}`);
+    console.log(refList.value);
+  };
+</script>
+<template>
+  <div>
+    <template v-for="item in list" :key="item">
+      <div :ref="(el) => refList.push(el)">{{ item }}</div>
+    </template>
+    <a-button @click="add" type="primary" class="ml-4 mt-4">添加元素</a-button>
+  </div>
+</template> -->

-<template>
-  <div>
-    <BasicDrawer
-      v-bind="$attrs"
-      @register="registerDrawer"
-      showFooter
-      width="50vw"
-      @ok="handleSubmit(drawerStatus)"
-      @close="handleClose"
-    >
-      <div>
-        <!-- 基础表单 -->
-        <BasicForm @register="registerForm" />
-        <!-- 基础表单 -->
-        <!-- 触发器 -->
-        <div style="border-radius: 4px">
-          <template
-            v-for="(item, index) in !drawerStatus ? triggerData : editTriggerData"
-            :key="index"
-          >
-            <span style="display: none">{{ item + index }}</span>
-            <span style="position: relative; top: 3.2vh; left: 0.6vw">触发器 {{ index + 1 }}</span>
-            <useTriggerCpn
-              ref="triggerBindRef"
-              :bindTriggerFather="!drawerStatus ? 1 : item"
-              :bindTriggerEntryIdFather="!drawerStatus ? 1 : getTriggerFatherEntryIdData"
-            />
-          </template>
-          <!-- 按钮 -->
-          <div
-            style="
-              display: flex;
-              width: 11vw;
-              height: 4vh;
-              flex-direction: row;
-              justify-content: space-between;
-            "
-          >
-            <div style="display: flex; width: 4vw; height: 4vh">
-              <Button
-                type="primary"
-                style="border-radius: 2px"
-                class="mt-5"
-                @click="triggerClickAdd(drawerStatus)"
-                >触发器</Button
-              >
-            </div>
-            <div style="display: flex; width: 4vw; height: 4vh">
-              <Button
-                v-if="triggerData.length !== 0 || editTriggerData.length !== 0"
-                type="default"
-                style="border-radius: 2px; background-color: rgba(237, 111, 111, 1)"
-                class="mt-5"
-                @click="triggerClickRemove(drawerStatus)"
-              >
-                <span style="color: white">删除</span></Button
-              >
-            </div>
-          </div>
-          <!-- 按钮 -->
-        </div>
-        <!-- 触发器 -->
-        <div style="height: 5vh"></div>
-        <!-- 执行条件 -->
-        <div style="border-radius: 4px">
-          <template
-            v-for="(item, index) in !drawerStatus ? conditionData : editConditionData"
-            :key="index"
-          >
-            <span style="display: none">{{ item + index }}</span>
-            <span style="position: relative; top: 3.2vh; left: 0.6vw"
-              >执行条件 {{ index + 1 }}</span
-            >
-            <useConditionCpn
-              ref="conditionBindRef"
-              :bindConditionFather="!drawerStatus ? 1 : item"
-              :bindConditionEntryIdFather="!drawerStatus ? 1 : getConditionFatherEntryIdData"
-            />
-          </template>
-          <!-- 按钮 -->
-          <div
-            style="
-              display: flex;
-              width: 11vw;
-              height: 4vh;
-              flex-direction: row;
-              justify-content: space-between;
-            "
-          >
-            <div style="display: flex; width: 4vw; height: 4vh">
-              <Button
-                type="primary"
-                style="border-radius: 2px"
-                class="mt-5"
-                @click="conditionClickAdd(drawerStatus)"
-                >执行条件</Button
-              >
-            </div>
-            <div style="display: flex; width: 4vw; height: 4vh">
-              <Button
-                v-if="conditionData.length !== 0 || editConditionData.length !== 0"
-                type="default"
-                style="border-radius: 2px; background-color: rgba(237, 111, 111, 1)"
-                class="mt-5"
-                @click="conditionClickRemove(drawerStatus)"
-              >
-                <span style="color: white">删除</span></Button
-              >
-            </div>
-          </div>
-          <!-- 按钮 -->
-        </div>
-        <!-- 执行条件 -->
-        <div style="height: 5vh"></div>
-        <!-- 执行动作 -->
-        <div style="border-radius: 4px">
-          <template
-            v-for="(item, index) in !drawerStatus ? actionData : editActionData"
-            :key="index"
-          >
-            <span style="display: none">{{ item + index }}</span>
-            <span style="position: relative; top: 3.6vh; left: 1vw">执行动作 {{ index + 1 }}</span>
-            <useActionCpn
-              ref="actionBindRef"
-              :bindActionFather="!drawerStatus ? 1 : item"
-              :bindActionEntryIdFather="!drawerStatus ? 1 : getActionFatherEntryIdData"
-            />
-          </template>
-          <!-- 按钮 -->
-          <div
-            style="
-              display: flex;
-              width: 11vw;
-              height: 4vh;
-              flex-direction: row;
-              justify-content: space-between;
-            "
-          >
-            <div style="display: flex; width: 4vw; height: 4vh">
-              <Button
-                type="primary"
-                style="border-radius: 2px"
-                class="mt-5"
-                @click="actionClickAdd(drawerStatus)"
-                >执行动作</Button
-              >
-            </div>
-            <div style="display: flex; width: 4vw; height: 4vh">
-              <Button
-                v-if="actionData.length !== 0 || editActionData.length !== 0"
-                type="default"
-                style="border-radius: 2px; background-color: rgba(237, 111, 111, 1)"
-                class="mt-5"
-                @click="actionClickRemove(drawerStatus)"
-              >
-                <span style="color: white">删除</span></Button
-              >
-            </div>
-          </div>
-          <!-- 按钮 -->
-        </div>
-        <!-- 执行动作 -->
-      </div>
-    </BasicDrawer>
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, reactive, ref, getCurrentInstance, watch } from 'vue';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
-  import { formSchema, changeOriginId } from './config';
-  import { BasicForm, useForm } from '/@/components/Form';
-  import useTriggerCpn from './cpns/trigger.vue';
-  import useConditionCpn from './cpns/condition.vue';
-  import useActionCpn from './cpns/action.vue';
-  import { Button } from '/@/components/Button';
-  import { formatTriggerData, formatConditionData } from './cpns/format-data/index';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import {
-    screenLinkPageAddApi,
-    screenLinkPageByDeptIdGetDevice,
-    screenLinkPageUpdateApi,
-  } from '/@/api/ruleengine/ruleengineApi';
-
-  export default defineComponent({
-    name: 'ConfigDrawer',
-    components: {
-      BasicDrawer,
-      BasicForm,
-      useTriggerCpn,
-      useConditionCpn,
-      useActionCpn,
-      Button,
-    },
-    emits: ['register', 'success'],
-    setup(_, { emit }) {
-      const { proxy } = getCurrentInstance() as any;
-      const { createMessage } = useMessage();
-      const triggerData = reactive([]);
-      const conditionData = reactive([]);
-      const actionData = reactive([1]);
-      const triggerBindRef = ref(null);
-      const conditionBindRef = ref(null);
-      const actionBindRef = ref(null);
-      let getTriggerFormValue: any = reactive({});
-      let getConditionFormValue: any = reactive({});
-      let getActionFormValue: any = reactive({});
-      const drawerStatus = ref(true);
-      let postAddOrEditData: any = reactive({});
-      let concatTrigger: any = reactive([]);
-      let concatCondition: any = reactive([]);
-      let concatAction: any = reactive([]);
-      let optionsItemDeviceId: any = ref([]);
-      let editTriggerData: any = ref([]);
-      let editConditionData: any = ref([]);
-      let editActionData: any = ref([]);
-      let getTriggerFatherEntryIdData: any = reactive([]);
-      let getConditionFatherEntryIdData: any = reactive([]);
-      let getActionFatherEntryIdData: any = reactive([]);
-      const editEntryIdData: any = ref([]);
-      const getId = ref('');
-      const getTenantId = ref('');
-      const [registerForm, { resetFields, validate, setFieldsValue }] = useForm({
-        labelWidth: 120,
-        schemas: formSchema,
-        showActionButtonGroup: false,
-      });
-      const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
-        setDrawerProps({ confirmLoading: false });
-        drawerStatus.value = data.isUpdate;
-        if (!drawerStatus.value) {
-          triggerData.length = 0;
-          conditionData.length = 0;
-          actionData.length = 0;
-          resetFields();
-          defaultAddAction();
-          try {
-            proxy.$refs.triggerBindRef?.resetFieldsValueFunc();
-            proxy.$refs.triggerBindRef?.clearSelectDevice();
-            proxy.$refs.triggerBindRef?.clearSelectAttribute();
-            proxy.$refs.conditionBindRef?.resetFieldsValueFunc();
-            proxy.$refs.conditionBindRef?.clearSelectDevice();
-            proxy.$refs.conditionBindRef?.clearSelectAttribute();
-            proxy.$refs.actionBindRef?.clearSelectDevice();
-            proxy.$refs.actionBindRef.resetFieldsValueFunc();
-          } catch {}
-        } else {
-          emit('success');
-          editTriggerData.value.length = 0;
-          editConditionData.value.length = 0;
-          editActionData.value.length = 0;
-          editEntryIdData.value.length = 0;
-          await setFieldsValue({
-            ...data.record,
-          });
-          getId.value = data.record.id;
-          getTenantId.value = data.record.tenantId;
-          editTriggerData.value = data.record.triggers;
-          editConditionData.value = data.record.doConditions;
-          editActionData.value = data.record.doActions;
-          const options = await screenLinkPageByDeptIdGetDevice({
-            organizationId: data.record.organizationId,
-          });
-          data.record.triggers.forEach((f1) => {
-            options.items?.forEach((f2) => {
-              if (f2.tbDeviceId == f1.entityId) {
-                getTriggerFatherEntryIdData.push({
-                  value: f2.tbDeviceId,
-                  label: f2.name,
-                } as never);
-              }
-            });
-          });
-          data.record.doConditions.forEach((f1) => {
-            options.items?.forEach((f2) => {
-              if (f2.tbDeviceId == f1.entityId) {
-                getConditionFatherEntryIdData.push({
-                  value: f2.tbDeviceId,
-                  label: f2.name,
-                } as never);
-              }
-            });
-          });
-          data.record.doActions.forEach((f1) => {
-            options.items?.forEach((f2) => {
-              if (f2.tbDeviceId == f1.deviceId) {
-                getActionFatherEntryIdData.push({
-                  value: f2.tbDeviceId,
-                  label: f2.name,
-                } as never);
-              }
-            });
-          });
-          editEntryIdData.value = options.items.map((v) => {
-            return {
-              value: v.tbDeviceId,
-              label: v.name,
-            };
-          });
-          setTimeout(() => {
-            proxy.$refs.triggerBindRef?.updateFieldDeviceId(editEntryIdData.value);
-            proxy.$refs.conditionBindRef?.updateFieldDeviceId(editEntryIdData.value);
-            proxy.$refs.actionBindRef?.updateFieldDeviceId(editEntryIdData.value);
-          }, 10);
-        }
-      });
-      watch(changeOriginId, async (newV: string) => {
-        const result = await screenLinkPageByDeptIdGetDevice({ organizationId: newV });
-        optionsItemDeviceId.value = result.items.map((v) => {
-          return {
-            value: v.tbDeviceId,
-            label: v.name,
-          };
-        });
-        setTimeout(() => {
-          proxy.$refs.triggerBindRef?.updateFieldDeviceId(optionsItemDeviceId.value);
-          proxy.$refs.conditionBindRef?.updateFieldDeviceId(optionsItemDeviceId.value);
-          proxy.$refs.actionBindRef?.updateFieldDeviceId(optionsItemDeviceId.value);
-        }, 10);
-      });
-
-      /**
-       * 获取触发器表单值
-       */
-      const getTriggerFormValueFunc = () => {
-        try {
-          getTriggerFormValue = proxy.$refs.triggerBindRef.getFieldsValueFunc();
-        } catch {}
-      };
-      const triggerClickAdd = (e) => {
-        if (!e) {
-          getTriggerFormValueFunc();
-          triggerData.push(getTriggerFormValue as never);
-          setTimeout(() => {
-            proxy.$refs.triggerBindRef?.updateFieldDeviceId(optionsItemDeviceId.value);
-          }, 10);
-        } else {
-          //TODO
-          editTriggerData.value.push(getTriggerFormValue);
-        }
-      };
-      const triggerClickRemove = (e) => {
-        if (!e) {
-          triggerData.pop();
-        } else {
-          editTriggerData.value.pop();
-        }
-      };
-
-      /**
-       * 获取执行条件表单值
-       */
-      const getConditionFormValueFunc = () => {
-        try {
-          getConditionFormValue = proxy.$refs.conditionBindRef.getFieldsValueFunc();
-        } catch {}
-      };
-      const conditionClickAdd = (e) => {
-        if (!e) {
-          getConditionFormValueFunc();
-          conditionData.push(getConditionFormValue as never);
-          setTimeout(() => {
-            proxy.$refs.conditionBindRef?.updateFieldDeviceId(optionsItemDeviceId.value);
-          }, 10);
-        } else {
-          //TODO
-        }
-      };
-      const conditionClickRemove = (e) => {
-        if (!e) {
-          conditionData.pop();
-        } else {
-          editConditionData.value.pop();
-        }
-      };
-
-      /**
-       * 获取执行动作表单值
-       */
-      const getActionFormValueFunc = () => {
-        try {
-          getActionFormValue = proxy.$refs.actionBindRef.getFieldsValueFunc();
-        } catch {}
-      };
-      //默认新增执行动作
-      const defaultAddAction = () => {
-        if (actionData.length == 0) {
-          actionClickAdd(false);
-        }
-      };
-      const actionClickAdd = (e) => {
-        if (!e) {
-          getActionFormValueFunc();
-          actionData.push(getActionFormValue as never);
-          setTimeout(() => {
-            proxy.$refs.actionBindRef?.updateFieldDeviceId(optionsItemDeviceId.value);
-          }, 10);
-        } else {
-          //TODO
-        }
-      };
-      const actionClickRemove = (e) => {
-        if (!e) {
-          actionData.pop();
-        } else {
-          editActionData.value.pop();
-        }
-      };
-      const submitOrEditFunc = (e) => {
-        if (!e) {
-          getTriggerFormValueFunc();
-          concatTrigger = triggerData.concat(getTriggerFormValue);
-          //去除第一个空对象
-          concatTrigger.shift();
-          concatTrigger = concatTrigger.map((m) => formatTriggerData(m));
-          getConditionFormValueFunc();
-          concatCondition = conditionData.concat(getConditionFormValue);
-          //去除第一个空对象
-          concatCondition.shift();
-          concatCondition = concatCondition.map((m) => formatConditionData(m));
-          getActionFormValueFunc();
-          concatAction = actionData.concat(getActionFormValue);
-          // 去除第一个空对象;
-          concatAction.shift();
-        } else {
-          //TODO
-        }
-      };
-
-      const handleSubmit = async (e) => {
-        let basicFormValue = await validate();
-        if (!basicFormValue) return;
-        if (!e) {
-          submitOrEditFunc(e);
-          let isKongNum = 0;
-          concatAction.forEach((f) => {
-            isKongNum = Object.keys(f).length;
-          });
-          if (concatAction.length == 1 && isKongNum == 0)
-            return createMessage.error('请填写执行动作');
-          postAddOrEditData = {
-            ...basicFormValue,
-            ...{
-              triggers: concatTrigger,
-            },
-            ...{
-              doConditions: concatCondition,
-            },
-            ...{
-              doActions: concatAction,
-            },
-          };
-          await screenLinkPageAddApi(postAddOrEditData);
-          createMessage.success('新增成功');
-          closeDrawer();
-          emit('success');
-        } else {
-          submitOrEditFunc(e);
-          postAddOrEditData = {
-            ...basicFormValue,
-            ...{ id: getId.value },
-            ...{ tenantId: getTenantId.value },
-          };
-          await screenLinkPageUpdateApi(postAddOrEditData);
-          createMessage.success('编辑成功');
-          closeDrawer();
-          emit('success');
-        }
-      };
-      const handleClose = () => {
-        closeDrawer();
-      };
-
-      return {
-        registerDrawer,
-        registerForm,
-        triggerData,
-        triggerClickAdd,
-        triggerClickRemove,
-        conditionClickAdd,
-        conditionClickRemove,
-        actionClickAdd,
-        actionClickRemove,
-        triggerBindRef,
-        conditionBindRef,
-        actionBindRef,
-        handleSubmit,
-        handleClose,
-        drawerStatus,
-        conditionData,
-        actionData,
-        editTriggerData,
-        editConditionData,
-        editActionData,
-        getTriggerFatherEntryIdData,
-        getConditionFatherEntryIdData,
-        getActionFatherEntryIdData,
-      };
-    },
-  });
-</script>
-
-<style lang="less" scoped></style>