Merge branch 'ft-dev' into 'main'

fix:检查发现邮件发送记录和短信发送记录问题，fix:修改设备配置点击无效问题，style:修改设备配置键名筛选器表格高度,fix:修改场景联动样式问题

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

@@ -33,7 +33,7 @@
             :before-upload="beforeUploadqrcodePic"
           >
             <img
-              style="text-align: center; border-radius: 50%; width: 8vw; height: 15vh"
+              style="text-align: center; border-radius: 50%; width: 8.5vw; height: 15.2vh"
               v-if="peresonalPic"
               :src="peresonalPic"
               alt="avatar"
@@ -92,7 +92,6 @@
   import { Upload } from 'ant-design-vue';
   import { PlusOutlined } from '@ant-design/icons-vue';
   import type { FileItem } from '/@/components/Upload/src/typing';
-  import { useUserStore } from '/@/store/modules/user';
 
   const schema: DescItem[] = [
     {
@@ -125,7 +124,6 @@
     components: { BasicModal, BasicForm, Description, Upload, PlusOutlined },
     emits: ['refreshPersonl', 'register'],
     setup(_, { emit }) {
-      // const userStore = useUserStore();
       const userInfo = getAuthCache(USER_INFO_KEY);
       const { createMessage } = useMessage();
       const getPersonalValue: any = ref({});

@@ -65,7 +65,14 @@
     props: {
       userData: { type: Object },
     },
-    emits: ['success', 'register'],
+    emits: [
+      'success',
+      'register',
+      'handleStepPrev',
+      'handleStep3Next',
+      'handleRedo',
+      'handleStep2Next',
+    ],
     setup(_, { emit }) {
       const DeviceProfileStep1Ref = ref(null);
       const DeviceProfileStep2Ref = ref(null);
@@ -133,11 +140,9 @@
         current.value--;
       }
       function handleStepNext1(v, v1) {
-        console.log(v, v1);
         current.value++;
         getStepOneData.value = v;
         getStepOneData.value.icon = v1;
-        console.log(getStepOneData.value);
         if (unref(isUpdate)) {
           proxy.$refs.DeviceProfileStep2Ref.resetFieldsFunc({
             transportType: editEchoData.value.profileData.transportConfiguration.type,
@@ -244,17 +249,16 @@
         try {
           if (unref(isUpdate)) {
             setTimeout(() => {
-              proxy.$refs.DeviceProfileStep4Ref.resetFieldsFunc({
-                alarmContactId: editEchoData.value.alarmProfile.alarmContactId,
-                messageMode: editEchoData.value.alarmProfile.messageMode,
-              });
+              try {
+                proxy.$refs.DeviceProfileStep4Ref.resetFieldsFunc({
+                  alarmContactId: editEchoData.value.alarmProfile.alarmContactId,
+                  messageMode: editEchoData.value.alarmProfile.messageMode,
+                });
+              } catch (e) {
+                return e;
+              }
             }, 1000);
           }
-          // if (!unref(isUpdate)) {
-          //   setTimeout(() => {
-          //     proxy.$refs.DeviceProfileStep4Ref.customResetAndFunc();
-          //   }, 1000);
-          // }
         } catch (e) {
           return e;
         }

@@ -140,72 +140,111 @@
           span: 24,
         },
       });
-      const [registerStep3Schemas, { setFieldsValue: setRegisterStep3Schemas }] = useForm({
+      const [
+        registerStep3Schemas,
+        { setFieldsValue: setRegisterStep3Schemas, resetFields: resetFieldsStep3Schemas },
+      ] = useForm({
         schemas: step3Schemas,
         actionColOptions: {
           span: 24,
         },
       });
-      const [registerStep3HighSetting, { setFieldsValue: setRegisterStep3HighSetting }] = useForm({
+      const [
+        registerStep3HighSetting,
+        { setFieldsValue: setRegisterStep3HighSetting, resetFields: resetFieldsStep3HighSetting },
+      ] = useForm({
         schemas: step3ViewHighSetting,
         actionColOptions: {
           span: 24,
         },
       });
-      const [registerStep3CreateAlarm, { setFieldsValue: setRegisterStep3CreateAlarm }] = useForm({
+      const [
+        registerStep3CreateAlarm,
+        { setFieldsValue: setRegisterStep3CreateAlarm, resetFields: resetFieldsStep3CreateAlarm },
+      ] = useForm({
         schemas: step3CreateAlarm,
         actionColOptions: {
           span: 24,
         },
       });
-      const [registerContact, { setFieldsValue: setRegisterContact }] = useForm({
+      const [
+        registerContact,
+        { setFieldsValue: setRegisterContact, resetFields: resetFieldsContact },
+      ] = useForm({
         schemas: alertContactsSchemas,
         actionColOptions: {
           span: 24,
         },
       });
-      const [registerStep3RuleAlarm, { setFieldsValue: setRegisterStep3RuleAlarm }] = useForm({
+      const [
+        registerStep3RuleAlarm,
+        { setFieldsValue: setRegisterStep3RuleAlarm, resetFields: resetFieldsStep3RuleAlarm },
+      ] = useForm({
         schemas: echoFormSchema,
         actionColOptions: {
           span: 24,
         },
       });
-      const [registerStep3Condition, { setFieldsValue: setRegisterStep3Condition }] = useForm({
+      const [
+        registerStep3Condition,
+        { setFieldsValue: setRegisterStep3Condition, resetFields: resetFieldsrStep3Condition },
+      ] = useForm({
         schemas: conditionFormSchema,
         actionColOptions: {
           span: 24,
         },
       });
-      const [registerStep3Enable, { setFieldsValue: setRegisterStep3Enable }] = useForm({
+      const [
+        registerStep3Enable,
+        { setFieldsValue: setRegisterStep3Enable, resetFields: resetFieldsStep3Enable },
+      ] = useForm({
         schemas: enableSchema,
         actionColOptions: {
           span: 24,
         },
       });
-      const [registerStep3TemplateDetail, { setFieldsValue: setRegisterStep3TemplateDetail }] =
-        useForm({
-          schemas: detailSchema,
-          actionColOptions: {
-            span: 24,
-          },
-        });
+      const [
+        registerStep3TemplateDetail,
+        {
+          setFieldsValue: setRegisterStep3TemplateDetail,
+          resetFields: resetFieldsStep3TemplateDetail,
+        },
+      ] = useForm({
+        schemas: detailSchema,
+        actionColOptions: {
+          span: 24,
+        },
+      });
 
       //清除报警
-      const [registerStep3ClearRuleAlarm, { setFieldsValue: setRegisterStep3ClearRuleAlarm }] =
-        useForm({
-          schemas: echoFormClearSchema,
-          actionColOptions: {
-            span: 24,
-          },
-        });
-      const [registerStep3ClearCondition, { setFieldsValue: setRegisterStep3ClearCondition }] =
-        useForm({
-          schemas: conditionFormClearschema,
-          actionColOptions: {
-            span: 24,
-          },
-        });
-      const [registerStep3ClearEnable, { setFieldsValue: setRegisterStep3ClearEnable }] = useForm({
+      const [
+        registerStep3ClearRuleAlarm,
+        {
+          setFieldsValue: setRegisterStep3ClearRuleAlarm,
+          resetFields: resetFieldsStep3ClearRuleAlarm,
+        },
+      ] = useForm({
+        schemas: echoFormClearSchema,
+        actionColOptions: {
+          span: 24,
+        },
+      });
+      const [
+        registerStep3ClearCondition,
+        {
+          setFieldsValue: setRegisterStep3ClearCondition,
+          resetFields: resetFieldsStep3ClearCondition,
+        },
+      ] = useForm({
+        schemas: conditionFormClearschema,
+        actionColOptions: {
+          span: 24,
+        },
+      });
+      const [
+        registerStep3ClearEnable,
+        { setFieldsValue: setRegisterStep3ClearEnable, resetFields: resetFieldStep3ClearEnablel },
+      ] = useForm({
         schemas: enableClearSchema,
         actionColOptions: {
           span: 24,
@@ -213,7 +252,10 @@
       });
       const [
         registerStep3ClearTemplateDetail,
-        { setFieldsValue: setRegisterStep3ClearTemplateDetail },
+        {
+          setFieldsValue: setRegisterStep3ClearTemplateDetail,
+          resetFields: resetFieldStep3ClearTemplateDetail,
+        },
       ] = useForm({
         schemas: detailClearSchema,
         actionColOptions: {
@@ -246,80 +288,113 @@
               break;
             case '3':
               setTimeout(() => {
-                setRegisterStep3Schemas({
-                  alarmType: descInfo.value.profileData?.alarms[0]?.alarmType,
-                });
-                setRegisterStep3HighSetting({
-                  propagate: descInfo.value.profileData?.alarms[0]?.propagate,
-                  propagateRelationTypes:
-                    descInfo.value.profileData?.alarms[0]?.propagateRelationTypes,
-                });
-                const getKey = Object.keys(descInfo.value.profileData?.alarms[0]?.createRules);
-                setRegisterStep3CreateAlarm({
-                  default: getKey[0],
-                });
-                setRegisterStep3RuleAlarm({
-                  type: descInfo.value.profileData?.alarms[0].createRules[getKey[0]].condition
-                    .condition[0].key.type,
-                  key1: descInfo.value.profileData?.alarms[0].createRules[getKey[0]].condition
-                    .condition[0].key.key,
-                  type1:
-                    descInfo.value.profileData?.alarms[0].createRules[getKey[0]].condition
-                      .condition[0].valueType,
-                  value1:
-                    descInfo.value.profileData?.alarms[0].createRules[getKey[0]].condition
-                      .condition[0].predicate.value.defaultValue,
-                  operation:
-                    descInfo.value.profileData?.alarms[0].createRules[getKey[0]].condition
-                      .condition[0].predicate.operation,
-                });
-                setRegisterStep3Condition({
-                  conditionType:
-                    descInfo.value.profileData?.alarms[0].createRules[getKey[0]].condition.spec
+                resetFieldsStep3SchemasFunc();
+                resetFieldsStep3HighSettingFunc();
+                resetFieldsStep3CreateAlarmFunc();
+                resetFieldsStep3RuleAlarmFunc();
+                resetFieldsStep3RuleAlarmFunc1();
+                resetFieldsrStep3ConditionFunc();
+                resetFieldsStep3EnableFunc();
+                resetFieldsStep3TemplateDetailFunc();
+                resetFieldsStep3ClearRuleAlarmFunc();
+                resetFieldsStep3ClearRuleAlarmlFunc();
+                resetFieldsStep3ClearConditionFunc();
+                resetFieldStep3ClearEnablelFunc();
+                resetFieldStep3ClearTemplateDetailFunc();
+              }, 100);
+              setTimeout(() => {
+                try {
+                  setRegisterStep3Schemas({
+                    alarmType: descInfo.value.profileData?.alarms[0]?.alarmType,
+                  });
+                } catch (e) {
+                  return e;
+                }
+
+                try {
+                  setRegisterStep3HighSetting({
+                    propagate: descInfo.value.profileData?.alarms[0]?.propagate,
+                    propagateRelationTypes:
+                      descInfo.value.profileData?.alarms[0]?.propagateRelationTypes,
+                  });
+                  const getKey = Object.keys(descInfo.value.profileData?.alarms[0]?.createRules);
+                  setRegisterStep3CreateAlarm({
+                    default: getKey[0],
+                  });
+                  setRegisterStep3RuleAlarm({
+                    type: descInfo.value.profileData?.alarms[0].createRules[getKey[0]].condition
+                      .condition[0].key.type,
+                    key1: descInfo.value.profileData?.alarms[0].createRules[getKey[0]].condition
+                      .condition[0].key.key,
+                    type1:
+                      descInfo.value.profileData?.alarms[0].createRules[getKey[0]].condition
+                        .condition[0].valueType,
+                    value1:
+                      descInfo.value.profileData?.alarms[0].createRules[getKey[0]].condition
+                        .condition[0].predicate.value.defaultValue,
+                    operation:
+                      descInfo.value.profileData?.alarms[0].createRules[getKey[0]].condition
+                        .condition[0].predicate.operation,
+                  });
+                  setRegisterStep3Condition({
+                    conditionType:
+                      descInfo.value.profileData?.alarms[0].createRules[getKey[0]].condition.spec
+                        .type,
+                  });
+                  setRegisterStep3Enable({
+                    schedule:
+                      descInfo.value.profileData?.alarms[0].createRules[getKey[0]].schedule.type,
+                  });
+                  setRegisterStep3TemplateDetail({
+                    alarmDetails:
+                      descInfo.value.profileData?.alarms[0].createRules[getKey[0]].alarmDetails,
+                  });
+                  //清除报警
+                  setRegisterStep3ClearRuleAlarm({
+                    type: descInfo.value.profileData?.alarms[0].clearRule.condition.condition[0].key
                       .type,
-                });
-                setRegisterStep3Enable({
-                  schedule:
-                    descInfo.value.profileData?.alarms[0].createRules[getKey[0]].schedule.type,
-                });
-                setRegisterStep3TemplateDetail({
-                  alarmDetails:
-                    descInfo.value.profileData?.alarms[0].createRules[getKey[0]].alarmDetails,
-                });
-                //清除报警
-                setRegisterStep3ClearRuleAlarm({
-                  type: descInfo.value.profileData?.alarms[0].clearRule.condition.condition[0].key
-                    .type,
-                  key1: descInfo.value.profileData?.alarms[0].clearRule.condition.condition[0].key
-                    .key,
-                  type1:
-                    descInfo.value.profileData?.alarms[0].clearRule.condition.condition[0]
-                      .valueType,
-                  value1:
-                    descInfo.value.profileData?.alarms[0].clearRule.condition.condition[0].predicate
-                      .value.defaultValue,
-                  operation:
-                    descInfo.value.profileData?.alarms[0].clearRule.condition.condition[0].predicate
-                      .operation,
-                });
-                setRegisterStep3ClearCondition({
-                  conditionType:
-                    descInfo.value.profileData?.alarms[0].clearRule.condition.spec.type,
-                });
-                setRegisterStep3ClearEnable({
-                  schedule: descInfo.value.profileData?.alarms[0].clearRule.schedule.type,
-                });
-                setRegisterStep3ClearTemplateDetail({
-                  alarmDetails: descInfo.value.profileData?.alarms[0].clearRule.alarmDetails,
-                });
+                    key1: descInfo.value.profileData?.alarms[0].clearRule.condition.condition[0].key
+                      .key,
+                    type1:
+                      descInfo.value.profileData?.alarms[0].clearRule.condition.condition[0]
+                        .valueType,
+                    value1:
+                      descInfo.value.profileData?.alarms[0].clearRule.condition.condition[0]
+                        .predicate.value.defaultValue,
+                    operation:
+                      descInfo.value.profileData?.alarms[0].clearRule.condition.condition[0]
+                        .predicate.operation,
+                  });
+                  setRegisterStep3ClearCondition({
+                    conditionType:
+                      descInfo.value.profileData?.alarms[0].clearRule.condition.spec.type,
+                  });
+                  setRegisterStep3ClearEnable({
+                    schedule: descInfo.value.profileData?.alarms[0].clearRule.schedule.type,
+                  });
+                  setRegisterStep3ClearTemplateDetail({
+                    alarmDetails: descInfo.value.profileData?.alarms[0].clearRule.alarmDetails,
+                  });
+                } catch (e) {
+                  return e;
+                }
               }, 1000);
+              break;
             case '4':
               setTimeout(() => {
-                setRegisterContact({
-                  alarmContactId: descInfo.value?.alarmProfile?.alarmContactId,
-                  messageMode: descInfo.value?.alarmProfile?.messageMode,
-                });
-              }, 1000);
+                resetFieldsContactFunc();
+              }, 100);
+              setTimeout(() => {
+                try {
+                  setRegisterContact({
+                    alarmContactId: descInfo.value.alarmProfile.alarmContactId,
+                    messageMode: descInfo.value.alarmProfile.messageMode,
+                  });
+                } catch (e) {
+                  return e;
+                }
+              }, 500);
+
               break;
           }
         } catch (e) {
@@ -327,6 +402,53 @@
         }
       };
 
+      const resetFieldsContactFunc = () => {
+        resetFieldsContact();
+      };
+      const resetFieldsStep3SchemasFunc = () => {
+        resetFieldsStep3Schemas();
+      };
+
+      const resetFieldsStep3HighSettingFunc = () => {
+        resetFieldsStep3HighSetting();
+      };
+      const resetFieldsStep3CreateAlarmFunc = () => {
+        resetFieldsStep3CreateAlarm();
+      };
+      const resetFieldsStep3RuleAlarmFunc = () => {
+        resetFieldsStep3RuleAlarm();
+      };
+
+      const resetFieldsrStep3ConditionFunc = () => {
+        resetFieldsrStep3Condition();
+      };
+
+      const resetFieldsStep3RuleAlarmFunc1 = () => {
+        resetFieldsStep3RuleAlarm();
+      };
+
+      const resetFieldsStep3EnableFunc = () => {
+        resetFieldsStep3Enable();
+      };
+      const resetFieldsStep3TemplateDetailFunc = () => {
+        resetFieldsStep3TemplateDetail();
+      };
+      //清除报警
+      const resetFieldsStep3ClearRuleAlarmFunc = () => {
+        resetFieldsStep3ClearRuleAlarm();
+      };
+      const resetFieldsStep3ClearRuleAlarmlFunc = () => {
+        resetFieldsStep3ClearRuleAlarm();
+      };
+      const resetFieldsStep3ClearConditionFunc = () => {
+        resetFieldsStep3ClearCondition();
+      };
+      const resetFieldStep3ClearEnablelFunc = () => {
+        resetFieldStep3ClearEnablel();
+      };
+      const resetFieldStep3ClearTemplateDetailFunc = () => {
+        resetFieldStep3ClearTemplateDetail();
+      };
       watch(
         () => activeKey.value,
         (v) => {
@@ -338,6 +460,7 @@
       });
 
       return {
+        resetFieldsContactFunc,
         registerStep3ClearTemplateDetail,
         registerStep3ClearEnable,
         registerStep3ClearCondition,

@@ -46,12 +46,16 @@
       </template>
     </BasicTable>
     <DeviceProfileModal v-if="isJudgeStatus" @register="registerModal" @success="handleSuccess" />
-    <DeviceConfigDetail @register="registerModalDetail" @success="handleSuccess" />
+    <DeviceConfigDetail
+      ref="deviceDetailRef"
+      @register="registerModalDetail"
+      @success="handleSuccess"
+    />
     <!-- <ExpExcelModal @register="register1" @success="defaultHeader" /> -->
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent, ref, reactive } from 'vue';
+  import { defineComponent, ref, reactive, getCurrentInstance } from 'vue';
   import { BasicTable, useTable, TableAction, BasicColumn } from '/@/components/Table';
   import { columns, searchFormSchema } from './device.profile.data';
   import { useMessage } from '/@/hooks/web/useMessage';
@@ -66,6 +70,8 @@
     name: 'DeviceProfileManagement',
     components: { BasicTable, DeviceProfileModal, TableAction, ImpExcel, DeviceConfigDetail },
     setup() {
+      const { proxy } = getCurrentInstance();
+      const deviceDetailRef = ref(null);
       let selectedRowKeys: string[] = reactive([]);
       let isJudgeStatus = ref(true);
       const getPathUrl = ref('');
@@ -148,17 +154,21 @@
       }
 
       function handleCreate() {
-        openModal(true, {
-          isUpdate: false,
-        });
+        setTimeout(() => {
+          openModal(true, {
+            isUpdate: false,
+          });
+        }, 100);
         isJudgeStatus.value = true;
       }
 
       function handleEdit(record: Recordable) {
-        openModal(true, {
-          record,
-          isUpdate: true,
-        });
+        setTimeout(() => {
+          openModal(true, {
+            record,
+            isUpdate: true,
+          });
+        }, 100);
         isJudgeStatus.value = true;
       }
       const useSelectionChange = () => {
@@ -183,6 +193,9 @@
           record,
           isUpdate: false,
         });
+        setTimeout(() => {
+          // proxy.$refs.deviceDetailRef.resetFieldsContactFunc();
+        }, 2000);
         isJudgeStatus.value = false;
       }
 
@@ -211,6 +224,7 @@
         reload();
       }
       return {
+        deviceDetailRef,
         setRowClassName,
         registerModalDetail,
         // register1,

@@ -67,7 +67,7 @@
       Upload,
       PlusOutlined,
     },
-    emits: ['next', 'resetFunc'],
+    emits: ['next', 'resetFunc', 'register'],
     setup(_, { emit }) {
       const { createMessage } = useMessage();
 

@@ -17,7 +17,7 @@
       [Descriptions.name]: Descriptions,
       [Descriptions.Item.name]: Descriptions.Item,
     },
-    emits: ['next', 'prev'],
+    emits: ['next', 'prev', 'register'],
     setup(_, { emit }) {
       const [register, { validate, setFieldsValue, resetFields }] = useForm({
         labelWidth: 80,

@@ -120,48 +120,52 @@
     <a-button @click="handleFormStep3toStep4Next">下一步</a-button>
     <a-button style="margin-left: 20px" type="primary" @click="addAlarmRule">添加报警规则</a-button>
   </div>
-  <!-- 详情模板 -->
-  <DetailTemplate
-    v-if="isRuleAlarmRuleConditions == 1"
-    @getAllFields="getAllFieldsFunc"
-    @register="registerModal1"
-  />
-  <!-- 启用规则 -->
-  <EnableRule
-    v-if="isRuleAlarmRuleConditions == 2"
-    ref="getChildData2"
-    @getAllFieldsEnab="getAllFieldsEnabFunc"
-    @register="registerModal2"
-  />
-  <!-- 报警规则条件 -->
-  <AlarmRuleConditions
-    v-if="isRuleAlarmRuleConditions == 3"
-    ref="getChildData3"
-    @getAllFieldsRule="getAllFieldsRuleFunc"
-    @register="registerModal3"
-  />
+  <div>
+    <!-- 详情模板 -->
+    <DetailTemplate
+      v-if="isRuleAlarmRuleConditions == 1"
+      @getAllFields="getAllFieldsFunc"
+      @register="registerModal1"
+    />
+    <!-- 启用规则 -->
+    <EnableRule
+      v-if="isRuleAlarmRuleConditions == 2"
+      ref="getChildData2"
+      @getAllFieldsEnab="getAllFieldsEnabFunc"
+      @register="registerModal2"
+    />
+    <!-- 报警规则条件 -->
+    <AlarmRuleConditions
+      v-if="isRuleAlarmRuleConditions == 3"
+      ref="getChildData3"
+      @getAllFieldsRule="getAllFieldsRuleFunc"
+      @register="registerModal3"
+    />
+  </div>
 
-  <!-- 清除条件 -->
-  <!-- 详情模板 -->
-  <DetailTemplate
-    v-if="isRuleAlarmRuleConditions == 4"
-    @getAllFields="getAllClearFieldsFunc"
-    @register="registerModal4"
-  />
-  <!-- 启用规则 -->
-  <EnableRule
-    v-if="isRuleAlarmRuleConditions == 5"
-    ref="getChildData2"
-    @getAllFieldsEnab="getAllClearFieldsEnabFunc"
-    @register="registerModal5"
-  />
-  <!-- 报警规则条件 -->
-  <AlarmRuleConditions
-    v-if="isRuleAlarmRuleConditions == 6"
-    ref="getChildData3"
-    @getAllFieldsRule="getAllClearFieldsRuleFunc"
-    @register="registerModal6"
-  />
+  <div>
+    <!-- 清除条件 -->
+    <!-- 详情模板 -->
+    <DetailTemplate
+      v-if="isRuleAlarmRuleConditions == 4"
+      @getAllFields="getAllClearFieldsFunc"
+      @register="registerModal4"
+    />
+    <!-- 启用规则 -->
+    <EnableRule
+      v-if="isRuleAlarmRuleConditions == 5"
+      ref="getChildData2"
+      @getAllFieldsEnab="getAllClearFieldsEnabFunc"
+      @register="registerModal5"
+    />
+    <!-- 报警规则条件 -->
+    <AlarmRuleConditions
+      v-if="isRuleAlarmRuleConditions == 6"
+      ref="getChildData3"
+      @getAllFieldsRule="getAllClearFieldsRuleFunc"
+      @register="registerModal6"
+    />
+  </div>
 </template>
 
 <script lang="ts">
@@ -185,7 +189,6 @@
   import { Button } from '/@/components/Button';
 
   export const isWhereTypeValueDisabled = ref(false);
-
   export default defineComponent({
     components: {
       BasicForm,
@@ -197,7 +200,7 @@
       AlarmRuleConditions,
       Button,
     },
-    emits: ['prev', 'next'],
+    emits: ['prev', 'next', 'redo', 'handleFormStep3toStep4Next'],
     setup(_, { emit }) {
       const { proxy } = getCurrentInstance();
       const getChildData1 = ref(null);
@@ -760,7 +763,6 @@
         return uuid;
       }
       const handleFormStep3toStep4Next = async () => {
-        console.log(enableObj.value);
         try {
           if (enableObj.value.schedule == 'CUSTOM') {
             for (let i in enableObj.value) {
@@ -942,8 +944,12 @@
         isRuleAlarmRuleConditions.value = 3;
         setTimeout(() => {
           openModal3(true);
-          proxy.$refs.getChildData3.resetDataFunc();
-        }, 50);
+          try {
+            proxy.$refs.getChildData3.resetDataFunc();
+          } catch (e) {
+            return e;
+          }
+        }, 100);
       };
       const handleOpenClearDetailTemplate = () => {
         isRuleAlarmRuleConditions.value = 4;
@@ -1055,7 +1061,4 @@
   :deep(.vben-collapse-container__header) {
     border: none;
   }
-  // :deep(.anticon svg) {
-  //   display: none !important;
-  // }
 </style>

 <template>
-  <div>
+  <div class="step-4">
     <!-- <span>请选择告警通知联系人：</span> -->
     <!-- <Tag v-for="(item, index) in 15" closable :key="index"> 冯涛+{{ item }}</Tag> -->
     <BasicForm :showSubmitButton="false" @register="register" />
@@ -15,7 +15,7 @@
     components: {
       BasicForm,
     },
-    emits: ['prev'],
+    emits: ['prev', 'register'],
     setup(_, { emit }) {
       const getValueData: any = ref({});
       const [register, { setProps, validate, setFieldsValue, resetFields }] = useForm({
@@ -54,3 +54,12 @@
     },
   });
 </script>
+<style lang="less" scoped>
+  .step-4 {
+    /deep/ .ant-btn {
+      position: relative;
+      right: 375px;
+      top: 18px;
+    }
+  }
+</style>

 <template>
-  <BasicModal
-    v-bind="$attrs"
-    width="55rem"
-    @register="register"
-    :title="getTitle"
-    @ok="handleSubmit"
-  >
-    <CollapseContainer title="键名筛选器" class="border mb-8">
-      <BasicTable
-        :showIndexColumn="false"
-        :resizeHeightOffset="200"
-        :dataSource="getTableApiData"
-        @register="registerTable"
-      >
-        <template #toolbar>
-          <a-button type="primary" @click="handleAddKey">新增键名筛选器</a-button>
-        </template>
-        <template #action="{ record }">
-          <TableAction
-            :actions="[
-              {
-                label: '编辑',
-                icon: 'clarity:note-edit-line',
-                onClick: handleEdit.bind(null, record),
-              },
-              {
-                label: '删除',
-                icon: 'ant-design:delete-outlined',
-                color: 'error',
-                popConfirm: {
-                  title: '是否确认删除',
-                  confirm: handleDelete.bind(null, record),
+  <div class="key-style">
+    <BasicModal
+      v-bind="$attrs"
+      width="55rem"
+      @register="register"
+      :title="getTitle"
+      @ok="handleSubmit"
+    >
+      <CollapseContainer title="键名筛选器" class="border mb-8">
+        <BasicTable
+          :showIndexColumn="false"
+          :resizeHeightOffset="200"
+          :dataSource="getTableApiData"
+          @register="registerTable"
+        >
+          <template #toolbar>
+            <a-button type="primary" @click="handleAddKey">新增键名筛选器</a-button>
+          </template>
+          <template #action="{ record }">
+            <TableAction
+              :actions="[
+                {
+                  label: '编辑',
+                  icon: 'clarity:note-edit-line',
+                  onClick: handleEdit.bind(null, record),
                 },
-              },
-            ]"
-          />
-        </template>
-      </BasicTable>
-    </CollapseContainer>
-    <CollapseContainer title="筛选器预览" class="border mb-8">
-      <!-- <p v-for="(item, index) in detailData" :key="index">{{ item }}</p> -->
-      <Description
-        v-for="(item, index) in detailData"
-        :key="index"
-        :column="3"
-        :data="item"
-        :schema="schema"
-      />
-    </CollapseContainer>
-    <BasicForm :showResetButton="false" :showSubmitButton="false" @register="registerForm" />
-  </BasicModal>
-  <KeyValueModal @register="registerModal" @success="handleSuccess" />
+                {
+                  label: '删除',
+                  icon: 'ant-design:delete-outlined',
+                  color: 'error',
+                  popConfirm: {
+                    title: '是否确认删除',
+                    confirm: handleDelete.bind(null, record),
+                  },
+                },
+              ]"
+            />
+          </template>
+        </BasicTable>
+      </CollapseContainer>
+      <CollapseContainer title="筛选器预览" class="border mb-8">
+        <!-- <p v-for="(item, index) in detailData" :key="index">{{ item }}</p> -->
+        <Description
+          v-for="(item, index) in detailData"
+          :key="index"
+          :column="3"
+          :data="item"
+          :schema="schema"
+        />
+      </CollapseContainer>
+      <BasicForm :showResetButton="false" :showSubmitButton="false" @register="registerForm" />
+    </BasicModal>
+    <KeyValueModal @register="registerModal" @success="handleSuccess" />
+  </div>
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
@@ -218,3 +220,10 @@
     },
   });
 </script>
+<style lang="less" scoped>
+  /deep/ .ant-table-body {
+    overflow-y: auto !important;
+    min-height: 173px !important;
+    height: 100px !important;
+  }
+</style>

@@ -140,19 +140,6 @@ export const step3ViewHighSetting: FormSchema[] = [
       maxLength: 255,
       placeholder: '请输入关联类型',
     },
-    dynamicRules: () => {
-      return [
-        {
-          required: false,
-          validator: (_, value) => {
-            if (String(value).length > 255) {
-              return Promise.reject('字数不超过255个字');
-            }
-            return Promise.resolve();
-          },
-        },
-      ];
-    },
   },
 ];
 
@@ -265,7 +252,6 @@ export const alertContactsSchemas: FormSchema[] = [
     field: 'alarmContactId',
     label: '告警通知联系人',
     component: 'ApiSelect',
-    required: true,
     componentProps: {
       placeholder: '请选择告警通知联系人',
       api: alarmContactGetPage,
@@ -277,7 +263,6 @@ export const alertContactsSchemas: FormSchema[] = [
   {
     field: 'messageMode',
     label: '告警通知方式',
-    required: true,
     component: 'ApiSelect',
     componentProps: {
       placeholder: '请选择告警通知方式',

@@ -12,17 +12,12 @@
           <Button
             style="margin-left: -99px; margin-top: 0px; display: inline-block"
             v-if="Number(field) === 0"
+            :style="addHideButton > 1 ? 'display:none' : 'display:inline-block'"
             @click="add"
             type="primary"
             >+新增执行条件</Button
           >
-          <!-- <Button
-            @click="del(field)"
-            style="margin-left: 10px"
-            v-if="Number(field) === 0"
-            type="primary"
-            >删除</Button
-          > -->
+
           <Button
             style="margin-left: -95px; margin-top: 20px"
             v-if="field > 0"
@@ -52,6 +47,8 @@
     props: ['deviceInfo1'],
     setup(props) {
       const getValueData: any = ref({});
+      const addHideButton = ref(1);
+
       const [
         registerCondition,
         {
@@ -119,6 +116,58 @@
 
       const n = ref(1);
       function add() {
+        addHideButton.value++;
+        if (addHideButton.value == 3) {
+          setTimeout(() => {
+            let getDom1 = document.getElementById('1') as HTMLElement;
+            getDom1.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 4) {
+          setTimeout(() => {
+            let getDom2 = document.getElementById('2') as HTMLElement;
+            getDom2.style.display = 'none';
+            let getDom41 = document.getElementById('1') as HTMLElement;
+            getDom41.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 5) {
+          setTimeout(() => {
+            let getDom3 = document.getElementById('3') as HTMLElement;
+            getDom3.style.display = 'none';
+            let getDom51 = document.getElementById('1') as HTMLElement;
+            getDom51.style.display = 'none';
+            let getDom52 = document.getElementById('2') as HTMLElement;
+            getDom52.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 6) {
+          setTimeout(() => {
+            let getDom4 = document.getElementById('4') as HTMLElement;
+            getDom4.style.display = 'none';
+            let getDom61 = document.getElementById('1') as HTMLElement;
+            getDom61.style.display = 'none';
+            let getDom62 = document.getElementById('2') as HTMLElement;
+            getDom62.style.display = 'none';
+            let getDom63 = document.getElementById('3') as HTMLElement;
+            getDom63.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 7) {
+          setTimeout(() => {
+            let getDom7 = document.getElementById('5') as HTMLElement;
+            getDom7.style.display = 'none';
+            let getDom71 = document.getElementById('1') as HTMLElement;
+            getDom71.style.display = 'none';
+            let getDom72 = document.getElementById('2') as HTMLElement;
+            getDom72.style.display = 'none';
+            let getDom73 = document.getElementById('3') as HTMLElement;
+            getDom73.style.display = 'none';
+            let getDom74 = document.getElementById('4') as HTMLElement;
+            getDom74.style.display = 'none';
+          }, 500);
+        }
+
         appendSchemaByField(
           {
             field: `kong${n.value}`,
@@ -312,6 +361,73 @@
         n.value++;
       }
       function del(field) {
+        addHideButton.value--;
+        if (addHideButton.value == 2) {
+          setTimeout(() => {
+            let getDom1 = document.getElementById('1') as HTMLElement;
+            getDom1.style.display = 'flex';
+          }, 500);
+        }
+        if (addHideButton.value == 3) {
+          setTimeout(() => {
+            let getDom2 = document.getElementById('2') as HTMLElement;
+            getDom2.style.display = 'flex';
+            let getDom21 = document.getElementById('1') as HTMLElement;
+            getDom21.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 4) {
+          setTimeout(() => {
+            let getDom3 = document.getElementById('3') as HTMLElement;
+            getDom3.style.display = 'flex';
+            let getDom31 = document.getElementById('1') as HTMLElement;
+            getDom31.style.display = 'none';
+            let getDom32 = document.getElementById('2') as HTMLElement;
+            getDom32.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 5) {
+          setTimeout(() => {
+            let getDom4 = document.getElementById('4') as HTMLElement;
+            getDom4.style.display = 'flex';
+            let getDom41 = document.getElementById('1') as HTMLElement;
+            getDom41.style.display = 'none';
+            let getDom42 = document.getElementById('2') as HTMLElement;
+            getDom42.style.display = 'none';
+            let getDom43 = document.getElementById('3') as HTMLElement;
+            getDom43.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 6) {
+          setTimeout(() => {
+            let getDom5 = document.getElementById('5') as HTMLElement;
+            getDom5.style.display = 'flex';
+            let getDom51 = document.getElementById('1') as HTMLElement;
+            getDom51.style.display = 'none';
+            let getDom52 = document.getElementById('2') as HTMLElement;
+            getDom52.style.display = 'none';
+            let getDom53 = document.getElementById('3') as HTMLElement;
+            getDom53.style.display = 'none';
+            let getDom54 = document.getElementById('4') as HTMLElement;
+            getDom54.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 7) {
+          setTimeout(() => {
+            let getDom7 = document.getElementById('6') as HTMLElement;
+            getDom7.style.display = 'flex';
+            let getDom71 = document.getElementById('1') as HTMLElement;
+            getDom71.style.display = 'none';
+            let getDom72 = document.getElementById('2') as HTMLElement;
+            getDom72.style.display = 'none';
+            let getDom73 = document.getElementById('3') as HTMLElement;
+            getDom73.style.display = 'none';
+            let getDom74 = document.getElementById('4') as HTMLElement;
+            getDom74.style.display = 'none';
+            let getDom75 = document.getElementById('5') as HTMLElement;
+            getDom75.style.display = 'none';
+          }, 500);
+        }
         removeSchemaByFiled([
           `kong${field}`,
           `status${field}`,
@@ -329,6 +445,7 @@
         n.value--;
       }
       return {
+        addHideButton,
         editSelectDevice,
         clearSelectDevice,
         setFieldsFormValue,

@@ -12,6 +12,7 @@
           <Button
             style="margin-left: -99px; margin-top: 5px; display: inline-block"
             v-if="Number(field) === 0"
+            :style="addHideButton > 1 ? 'display:none' : 'display:inline-block'"
             @click="add"
             type="primary"
             >+新增执行动作</Button
@@ -45,6 +46,8 @@
     components: { CollapseContainer, BasicForm, [Input.name]: Input, Button },
     props: ['deviceInfo2'],
     setup(props) {
+      const addHideButton = ref(1);
+
       const getValueData: any = ref({});
       const [
         registerAction,
@@ -112,6 +115,58 @@
       };
       const n = ref(1);
       function add() {
+        addHideButton.value++;
+        if (addHideButton.value == 3) {
+          setTimeout(() => {
+            let getDom1 = document.getElementById('1') as HTMLElement;
+            getDom1.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 4) {
+          setTimeout(() => {
+            let getDom2 = document.getElementById('2') as HTMLElement;
+            getDom2.style.display = 'none';
+            let getDom41 = document.getElementById('1') as HTMLElement;
+            getDom41.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 5) {
+          setTimeout(() => {
+            let getDom3 = document.getElementById('3') as HTMLElement;
+            getDom3.style.display = 'none';
+            let getDom51 = document.getElementById('1') as HTMLElement;
+            getDom51.style.display = 'none';
+            let getDom52 = document.getElementById('2') as HTMLElement;
+            getDom52.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 6) {
+          setTimeout(() => {
+            let getDom4 = document.getElementById('4') as HTMLElement;
+            getDom4.style.display = 'none';
+            let getDom61 = document.getElementById('1') as HTMLElement;
+            getDom61.style.display = 'none';
+            let getDom62 = document.getElementById('2') as HTMLElement;
+            getDom62.style.display = 'none';
+            let getDom63 = document.getElementById('3') as HTMLElement;
+            getDom63.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 7) {
+          setTimeout(() => {
+            let getDom7 = document.getElementById('5') as HTMLElement;
+            getDom7.style.display = 'none';
+            let getDom71 = document.getElementById('1') as HTMLElement;
+            getDom71.style.display = 'none';
+            let getDom72 = document.getElementById('2') as HTMLElement;
+            getDom72.style.display = 'none';
+            let getDom73 = document.getElementById('3') as HTMLElement;
+            getDom73.style.display = 'none';
+            let getDom74 = document.getElementById('4') as HTMLElement;
+            getDom74.style.display = 'none';
+          }, 500);
+        }
+
         appendSchemaByField(
           {
             field: `kong${n.value}`,
@@ -272,6 +327,73 @@
       }
 
       function del(field) {
+        addHideButton.value--;
+        if (addHideButton.value == 2) {
+          setTimeout(() => {
+            let getDom1 = document.getElementById('1') as HTMLElement;
+            getDom1.style.display = 'flex';
+          }, 500);
+        }
+        if (addHideButton.value == 3) {
+          setTimeout(() => {
+            let getDom2 = document.getElementById('2') as HTMLElement;
+            getDom2.style.display = 'flex';
+            let getDom21 = document.getElementById('1') as HTMLElement;
+            getDom21.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 4) {
+          setTimeout(() => {
+            let getDom3 = document.getElementById('3') as HTMLElement;
+            getDom3.style.display = 'flex';
+            let getDom31 = document.getElementById('1') as HTMLElement;
+            getDom31.style.display = 'none';
+            let getDom32 = document.getElementById('2') as HTMLElement;
+            getDom32.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 5) {
+          setTimeout(() => {
+            let getDom4 = document.getElementById('4') as HTMLElement;
+            getDom4.style.display = 'flex';
+            let getDom41 = document.getElementById('1') as HTMLElement;
+            getDom41.style.display = 'none';
+            let getDom42 = document.getElementById('2') as HTMLElement;
+            getDom42.style.display = 'none';
+            let getDom43 = document.getElementById('3') as HTMLElement;
+            getDom43.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 6) {
+          setTimeout(() => {
+            let getDom5 = document.getElementById('5') as HTMLElement;
+            getDom5.style.display = 'flex';
+            let getDom51 = document.getElementById('1') as HTMLElement;
+            getDom51.style.display = 'none';
+            let getDom52 = document.getElementById('2') as HTMLElement;
+            getDom52.style.display = 'none';
+            let getDom53 = document.getElementById('3') as HTMLElement;
+            getDom53.style.display = 'none';
+            let getDom54 = document.getElementById('4') as HTMLElement;
+            getDom54.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 7) {
+          setTimeout(() => {
+            let getDom7 = document.getElementById('6') as HTMLElement;
+            getDom7.style.display = 'flex';
+            let getDom71 = document.getElementById('1') as HTMLElement;
+            getDom71.style.display = 'none';
+            let getDom72 = document.getElementById('2') as HTMLElement;
+            getDom72.style.display = 'none';
+            let getDom73 = document.getElementById('3') as HTMLElement;
+            getDom73.style.display = 'none';
+            let getDom74 = document.getElementById('4') as HTMLElement;
+            getDom74.style.display = 'none';
+            let getDom75 = document.getElementById('5') as HTMLElement;
+            getDom75.style.display = 'none';
+          }, 500);
+        }
         removeSchemaByFiled([
           `kong${field}`,
           `outTarget${field}`,
@@ -288,6 +410,7 @@
       }
 
       return {
+        addHideButton,
         editSelectDevice,
         clearSelectDevice,
         setFieldsFormValue,

@@ -19,17 +19,15 @@
               >+新增触发器</Button
             >
             <Button
-              style="margin-left: 5px; margin-top: 35px"
-              :style="addHideButton >= 2 ? 'display:inline-block' : 'display:none'"
               v-if="Number(field) > 0"
+              style="margin-left: 5px; margin-top: 35px"
               @click="add"
               type="primary"
               >+新增触发器</Button
             >
             <Button
-              style="margin-left: 10px"
-              :style="addHideButton >= 2 ? 'display:inline-block' : 'display:none'"
               v-if="Number(field) > 0"
+              style="margin-left: 10px"
               @click="del(field)"
               type="primary"
               >删除</Button
@@ -139,11 +137,73 @@
       function add() {
         addHideButton.value++;
         addHideButtonTemp.value = addHideButton.value;
-        addHideButtonTemp.value--;
-        const getS = document.getElementById('1') as HTMLElement;
-        // getS.setAttribute('style', 'display:none');
-        console.log(getS);
-        getS.hidden = true;
+        addHideButtonTemp.value -= 2;
+        if (addHideButton.value == 3) {
+          setTimeout(() => {
+            let getDom1 = document.getElementById('1') as HTMLElement;
+            getDom1.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 4) {
+          setTimeout(() => {
+            let getDom2 = document.getElementById('2') as HTMLElement;
+            getDom2.style.display = 'none';
+            let getDom41 = document.getElementById('1') as HTMLElement;
+            getDom41.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 5) {
+          setTimeout(() => {
+            let getDom3 = document.getElementById('3') as HTMLElement;
+            getDom3.style.display = 'none';
+            let getDom51 = document.getElementById('1') as HTMLElement;
+            getDom51.style.display = 'none';
+            let getDom52 = document.getElementById('2') as HTMLElement;
+            getDom52.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 6) {
+          setTimeout(() => {
+            let getDom4 = document.getElementById('4') as HTMLElement;
+            getDom4.style.display = 'none';
+            let getDom61 = document.getElementById('1') as HTMLElement;
+            getDom61.style.display = 'none';
+            let getDom62 = document.getElementById('2') as HTMLElement;
+            getDom62.style.display = 'none';
+            let getDom63 = document.getElementById('3') as HTMLElement;
+            getDom63.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 7) {
+          setTimeout(() => {
+            let getDom7 = document.getElementById('5') as HTMLElement;
+            getDom7.style.display = 'none';
+            let getDom71 = document.getElementById('1') as HTMLElement;
+            getDom71.style.display = 'none';
+            let getDom72 = document.getElementById('2') as HTMLElement;
+            getDom72.style.display = 'none';
+            let getDom73 = document.getElementById('3') as HTMLElement;
+            getDom73.style.display = 'none';
+            let getDom74 = document.getElementById('4') as HTMLElement;
+            getDom74.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 8) {
+          setTimeout(() => {
+            let getDom8 = document.getElementById('6') as HTMLElement;
+            getDom8.style.display = 'none';
+            let getDom81 = document.getElementById('1') as HTMLElement;
+            getDom81.style.display = 'none';
+            let getDom82 = document.getElementById('2') as HTMLElement;
+            getDom82.style.display = 'none';
+            let getDom83 = document.getElementById('3') as HTMLElement;
+            getDom83.style.display = 'none';
+            let getDom84 = document.getElementById('4') as HTMLElement;
+            getDom84.style.display = 'none';
+            let getDom85 = document.getElementById('5') as HTMLElement;
+            getDom85.style.display = 'none';
+          }, 500);
+        }
 
         appendSchemaByField(
           {
@@ -365,6 +425,90 @@
 
       function del(field) {
         addHideButton.value--;
+        if (addHideButton.value == 2) {
+          setTimeout(() => {
+            let getDom1 = document.getElementById('1') as HTMLElement;
+            getDom1.style.display = 'flex';
+          }, 500);
+        }
+        if (addHideButton.value == 3) {
+          setTimeout(() => {
+            let getDom2 = document.getElementById('2') as HTMLElement;
+            getDom2.style.display = 'flex';
+            let getDom21 = document.getElementById('1') as HTMLElement;
+            getDom21.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 4) {
+          setTimeout(() => {
+            let getDom3 = document.getElementById('3') as HTMLElement;
+            getDom3.style.display = 'flex';
+            let getDom31 = document.getElementById('1') as HTMLElement;
+            getDom31.style.display = 'none';
+            let getDom32 = document.getElementById('2') as HTMLElement;
+            getDom32.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 5) {
+          setTimeout(() => {
+            let getDom4 = document.getElementById('4') as HTMLElement;
+            getDom4.style.display = 'flex';
+            let getDom41 = document.getElementById('1') as HTMLElement;
+            getDom41.style.display = 'none';
+            let getDom42 = document.getElementById('2') as HTMLElement;
+            getDom42.style.display = 'none';
+            let getDom43 = document.getElementById('3') as HTMLElement;
+            getDom43.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 6) {
+          setTimeout(() => {
+            let getDom5 = document.getElementById('5') as HTMLElement;
+            getDom5.style.display = 'flex';
+            let getDom51 = document.getElementById('1') as HTMLElement;
+            getDom51.style.display = 'none';
+            let getDom52 = document.getElementById('2') as HTMLElement;
+            getDom52.style.display = 'none';
+            let getDom53 = document.getElementById('3') as HTMLElement;
+            getDom53.style.display = 'none';
+            let getDom54 = document.getElementById('4') as HTMLElement;
+            getDom54.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 7) {
+          setTimeout(() => {
+            let getDom7 = document.getElementById('6') as HTMLElement;
+            getDom7.style.display = 'flex';
+            let getDom71 = document.getElementById('1') as HTMLElement;
+            getDom71.style.display = 'none';
+            let getDom72 = document.getElementById('2') as HTMLElement;
+            getDom72.style.display = 'none';
+            let getDom73 = document.getElementById('3') as HTMLElement;
+            getDom73.style.display = 'none';
+            let getDom74 = document.getElementById('4') as HTMLElement;
+            getDom74.style.display = 'none';
+            let getDom75 = document.getElementById('5') as HTMLElement;
+            getDom75.style.display = 'none';
+          }, 500);
+        }
+        if (addHideButton.value == 8) {
+          setTimeout(() => {
+            let getDom8 = document.getElementById('7') as HTMLElement;
+            getDom8.style.display = 'flex';
+            let getDom81 = document.getElementById('1') as HTMLElement;
+            getDom81.style.display = 'none';
+            let getDom82 = document.getElementById('2') as HTMLElement;
+            getDom82.style.display = 'none';
+            let getDom83 = document.getElementById('3') as HTMLElement;
+            getDom83.style.display = 'none';
+            let getDom84 = document.getElementById('4') as HTMLElement;
+            getDom84.style.display = 'none';
+            let getDom85 = document.getElementById('5') as HTMLElement;
+            getDom85.style.display = 'none';
+            let getDom86 = document.getElementById('6') as HTMLElement;
+            getDom86.style.display = 'none';
+          }, 500);
+        }
         removeSchemaByFiled([
           `kong${field}`,
           `tiggerEvent${field}`,