UPDATE: VERSION-20260317

modeler/src/views/decision/algorithm/management.vue

@@ -274,8 +274,11 @@ const getAlgorithmTypeName = (type: NullableString): NullableString => {
 const load = () => {
   algorithms.value = [];
   algorithmsTotal.value = 0;
+
+  if(selectedAlgorithm.value.id <= 0){
     formRef.value?.resetFields();
     selectedAlgorithm.value = resolveItem(defaultAlgorithm);
+  }
 
   findAlgorithmsByQuery(query.value).then(r => {
     algorithms.value = r.rows ?? [];

modeler/src/views/decision/rule/PlatformSelect.vue

@@ -3,12 +3,13 @@
     <!-- 平台选择框 -->
     <a-select
       style="width:280px"
-      v-model:value="selectedPlatformId"
-      :placeholder="'请选择平台'"
+      v-model:value="innerPlatformId"
+      placeholder="请选择平台"
+      :disabled="loading"
     >
       <a-select-option
         v-for="item in platforms"
-        :key="item.id"
+        :key="`platform-${item.id}`"
         :value="item.id"
       >
         {{ item.description || item.name || '未命名平台' }}
@@ -18,13 +19,13 @@
     <!-- 组件选择框 -->
     <a-select
       style="width:280px;"
-      v-model:value="selectedComponentId"
-      :placeholder="'请选择组件'"
-      :disabled="!selectedPlatform"
+      v-model:value="innerComponentId"
+      placeholder="请选择组件"
+      :disabled="!innerPlatformId || loading"
     >
       <a-select-option
         v-for="item in selectedPlatformComponents"
-        :key="item.id"
+        :key="`component-${item.id}`"
         :value="item.id"
       >
         {{ item.description || item.name || '未命名组件' }}
@@ -35,134 +36,116 @@
 
 <script lang="ts">
 import { computed, defineComponent, onMounted, type PropType, ref, watch } from 'vue';
-import type { Platform, PlatformComponent, PlatformComponentPayload, PlatformWithComponents } from '../types';
+import type { Platform, PlatformComponent, PlatformComponentPayload, PlatformWithComponents, PlatformWithComponentsResponse } from '../types';
 import { findAllPlatformWithComponents } from './api';
 
 export default defineComponent({
+  name: 'PlatformSelect',
   props: {
-    placeholder: {
-      type: String,
-      default: '',
-    },
-    payload: {
-      type: [Object,null] as PropType<PlatformComponentPayload | null>,
+    platformId: {
+      type: [Number, null] as PropType<number | null>,
       required: false,
-      default: ({
-        platform: null,
-        component: null,
-      }),
+      default: null,
+    },
+    componentId: {
+      type: [Number, null] as PropType<number | null>,
+      required: false,
+      default: null,
     },
   },
-  emits: [
-    'change',
-  ],
+  emits: {
+    change: (payload: PlatformComponentPayload) => true,
+  },
   setup(props, { emit }) {
+    const loading = ref<boolean>(true);
     const platforms = ref<PlatformWithComponents[]>([]);
-    const platformMapping = ref<Map<number, PlatformWithComponents>>(new Map());
-    const componentsMapping = ref<Map<number, PlatformComponent>>(new Map());
+    const platformMap = ref<Map<number, Platform>>(new Map());
+    const componentMap = ref<Map<number, PlatformComponent>>(new Map());
 
-    const selectedPlatformComponents = ref<PlatformComponent[]>([])
+    const innerPlatformId = ref<number | null>(null);
+    const innerComponentId = ref<number | null>(null);
 
-    const selectedPlatform = ref<PlatformWithComponents|null>(null);
-    const selectedPlatformId = ref<number|null>(null);
+    const selectedPlatformComponents = computed(() => {
+      const platform = platforms.value.find(p => p.id === innerPlatformId.value);
+      return platform?.components || [];
+    });
 
-    const selectedComponent = ref<PlatformComponent|null>(null);
-    const selectedComponentId = ref<number|null>(null);
+    const loadData = async () => {
+      try {
+        loading.value = true;
+        const res: PlatformWithComponentsResponse = await findAllPlatformWithComponents();
+        const data = res.data || [];
 
-    const load = () => {
-      platforms.value = [];
-      platformMapping.value.clear();
-      componentsMapping.value.clear();
+        platforms.value = data;
+        platformMap.value.clear();
+        componentMap.value.clear();
 
-      findAllPlatformWithComponents().then(re => {
-        platforms.value = re.data ?? [];
-        platforms.value.forEach(platform => {
-          platformMapping.value.set(platform.id, platform);
-          if(platform.components){
-            platform.components.forEach(comp=> {
-              componentsMapping.value.set(comp.id, comp)
-            })
+        data.forEach(platform => {
+          platformMap.value.set(platform.id, platform);
+          platform.components?.forEach(component => {
+            componentMap.value.set(component.id, component);
+          });
+        });
+
+        innerPlatformId.value = props.platformId;
+        innerComponentId.value = props.componentId;
+      } catch (err) {
+        console.error('加载平台组件失败:', err);
+      } finally {
+        loading.value = false;
       }
-        });
-      }).catch(err => {
-        console.error('加载平台组件数据失败：', err);
-      });
     };
 
-    const triggerChange = ()=> {
+    const emitChange = () => {
+      // 根据ID获取完整对象
+      const platform = platformMap.value.get(innerPlatformId.value || -1) || null;
+      const component = componentMap.value.get(innerComponentId.value || -1) || null;
+
+      const validComponent = component && component.platformId === innerPlatformId.value
+        ? component
+        : null;
+
       emit('change', {
-        platform: selectedPlatform.value ? {
-          id: selectedPlatform.value?.id,
-          name: selectedPlatform.value?.name,
-          description: selectedPlatform.value?.description,
+        platform: platform ? {
+          id: platform.id,
+          name: platform.name,
+          description: platform.description,
+          scenarioId: platform.scenarioId,
         } : null,
-        component: selectedComponent.value ? {
-          id: selectedComponent.value.id,
-          name: selectedComponent.value.name,
-          description: selectedComponent.value.description,
-          num: selectedComponent.value.num,
-          platformId: selectedComponent.value.platformId,
-          type: selectedComponent.value.type,
-        } : null,
-      })
+        component: validComponent,
+      } as PlatformComponentPayload);
+    };
+
+    watch([() => props.platformId, () => props.componentId],
+      ([newPlatformId, newComponentId]) => {
+        if (!loading.value) {
+          innerPlatformId.value = newPlatformId;
+          innerComponentId.value = newComponentId;
         }
+      },
+      { immediate: true, deep: false },
+    );
 
-    watch(()=> props.payload, (n: PlatformComponentPayload | null | undefined)=> {
-      if(n && n.platform){
-        selectedPlatform.value = platformMapping.value.get(n.platform?.id) ?? null;
-        selectedPlatformId.value = selectedPlatform.value?.id ?? null;
-        selectedPlatformComponents.value = selectedPlatform.value?.components ?? []
-      } else {
-        selectedPlatform.value = null;
-        selectedPlatformId.value = null;
-        selectedPlatformComponents.value = []
+    watch(innerPlatformId, (newVal) => {
+      if (newVal !== innerPlatformId.value) {
+        innerComponentId.value = null;
       }
+      emitChange();
+    });
 
-      if(n && n.component){
-        selectedComponent.value = n.component;
-        selectedComponentId.value = selectedComponent.value?.id ?? null;
-      } else {
-        selectedComponent.value = null;
-        selectedComponentId.value = null;
-      }
+    watch(innerComponentId, emitChange);
 
-      console.error('watch',n)
-    }, {deep: true, immediate: true})
-
-
-    watch(()=> selectedPlatformId.value,(n: null | number)=> {
-      if(n && platformMapping.value.get(n)){
-        selectedPlatform.value = platformMapping.value.get(n) ?? null;
-        selectedPlatformComponents.value = selectedPlatform.value?.components ?? []
-      } else {
-        selectedPlatform.value = null;
-        selectedPlatformComponents.value = []
-      }
-      selectedComponentId.value = null;
-
-      triggerChange();
-    })
-
-    watch(()=> selectedComponentId.value,(n: null | number)=> {
-      if(n && componentsMapping.value.get(n)){
-        selectedComponent.value = componentsMapping.value.get(n) ?? null;
-      } else {
-        selectedComponent.value = null;
-      }
-
-      triggerChange();
-    })
-
-    onMounted(() => load());
+    onMounted(() => {
+      loadData();
+    });
 
     return {
+      loading,
       platforms,
       selectedPlatformComponents,
-      selectedPlatform,
-      selectedPlatformId,
-      selectedComponent,
-      selectedComponentId,
+      innerPlatformId,
+      innerComponentId,
     };
-  },
+  }
 });
 </script>

modeler/src/views/decision/rule/management.vue

@@ -32,9 +32,7 @@
     </template>
 
     <div class="w-full h-full">
-
       <a-card class="ks-page-card ks-algorithm-card">
-
         <template #title>
           <a-space>
             <span class="point"></span>
@@ -43,7 +41,6 @@
         </template>
 
         <div class="ks-scrollable" style="height: 80.5vh;overflow-y: auto;padding-right: 10px">
-
           <a-row :gutter="15">
             <a-col :span="16">
               <a-form
@@ -57,14 +54,14 @@
                 <a-form-item
                   label="规则名称"
                   :rules="[{ required: true, message: '请输入规则名称!', trigger: ['input', 'change'] }]"
-                  :name="['name']"
+                  name="name"
                 >
                   <a-input v-model:value="selectedFireRule.name" placeholder="请输入规则名称" />
                 </a-form-item>
 
                 <a-form-item
                   label="场景类型"
-                  :name="['sceneType']"
+                  name="sceneType"
                 >
                   <a-select v-model:value="selectedFireRule.sceneType" placeholder="请选择场景类型">
                     <a-select-option :value="null">通用</a-select-option>
@@ -73,23 +70,32 @@
                   </a-select>
                 </a-form-item>
 
+                <!-- 触发条件 - 传递ID，保持PlatformComponentPayload结构 -->
                 <a-form-item
                   label="触发条件"
                   :rules="[{ required: true, message: '请输入触发条件!', trigger: ['change'] }]"
-                  :name="['conditionsArray']"
+                  name="conditionsArray"
                 >
                   <a-form-item-rest>
                     <div class="ks-sidebar-list-param-list">
-                      <div class="ks-sidebar-list-param-item" v-for="(item,index) in selectedFireRule.conditionsArray">
+                      <div
+                        class="ks-sidebar-list-param-item"
+                        v-for="(item,index) in selectedFireRule.conditionsArray"
+                        :key="`condition-${index}-${item.platform?.id || 'null'}-${item.component?.id || 'null'}`"
+                      >
                         <a-row :gutter="15">
                           <a-col :span="21">
-                            <PlatformSelect @change="(payload: PlatformComponentPayload)=> handleUpdateCondition(payload, index)"
-                                            :payload="item"/>
+                            <!-- 只传递ID参数 -->
+                            <PlatformSelect
+                              :platform-id="item.platform?.id || null"
+                              :component-id="item.component?.id || null"
+                              @change="(payload)=> handleUpdateCondition(payload, index)"
+                            />
                           </a-col>
                           <a-col :span="3">
                             <a-space class="ks-sidebar-list-param-actions">
-                              <MinusCircleOutlined @click="()=> handleMinusCondition(index)" />
-                              <PlusCircleOutlined @click="()=> handleAddCondition(index)" v-if="index === 0" />
+                              <MinusCircleOutlined @click.stop="()=> handleMinusCondition(index)" />
+                              <PlusCircleOutlined @click.stop="()=> handleAddCondition()" v-if="index === 0" />
                             </a-space>
                           </a-col>
                         </a-row>
@@ -98,23 +104,32 @@
                   </a-form-item-rest>
                 </a-form-item>
 
+                <!-- 响应动作 - 传递ID，保持PlatformComponentPayload结构 -->
                 <a-form-item
                   label="响应动作"
                   :rules="[{ required: true, message: '请输入响应动作!', trigger: ['change'] }]"
-                  :name="['actionsArray']"
+                  name="actionsArray"
                 >
                   <a-form-item-rest>
                     <div class="ks-sidebar-list-param-list">
-                      <div class="ks-sidebar-list-param-item" v-for="(item,index) in selectedFireRule.actionsArray">
+                      <div
+                        class="ks-sidebar-list-param-item"
+                        v-for="(item,index) in selectedFireRule.actionsArray"
+                        :key="`action-${index}-${item.platform?.id || 'null'}-${item.component?.id || 'null'}`"
+                      >
                         <a-row :gutter="15">
                           <a-col :span="21">
-                            <PlatformSelect @change="(payload: PlatformComponentPayload)=> handleUpdateAction(payload, index)"
-                                            :payload="item"/>
+                            <!-- 只传递ID参数 -->
+                            <PlatformSelect
+                              :platform-id="item.platform?.id || null"
+                              :component-id="item.component?.id || null"
+                              @change="(payload)=> handleUpdateAction(payload, index)"
+                            />
                           </a-col>
                           <a-col :span="3">
                             <a-space class="ks-sidebar-list-param-actions">
-                              <MinusCircleOutlined @click="()=> handleMinusAction(index)" />
-                              <PlusCircleOutlined @click="()=> handleAddAction(index)" v-if="index === 0" />
+                              <MinusCircleOutlined @click.stop="()=> handleMinusAction(index)" />
+                              <PlusCircleOutlined @click.stop="()=> handleAddAction()" v-if="index === 0" />
                             </a-space>
                           </a-col>
                         </a-row>
@@ -126,24 +141,21 @@
                 <a-form-item
                   label="优先级（数值越小优先级越高）"
                   :rules="[{ required: true, message: '请输入优先级!', trigger: ['input', 'change'] }]"
-                  :name="['priority']"
+                  name="priority"
                 >
                   <a-input-number style="width:100%;" v-model:value="selectedFireRule.priority" placeholder="请输入优先级" />
                 </a-form-item>
 
                 <a-form-item
                   label="是否启用"
-                  :name="['priority']"
+                  name="enabled"
                 >
                   <a-switch v-model:checked="selectedFireRule.enabled" />
                 </a-form-item>
 
-                <a-form-item
-                  :wrapper-col="{offset: 6}"
-                >
+                <a-form-item :wrapper-col="{offset: 6}">
                   <a-space>
                     <a-button @click="handleSave" type="primary">保存规则</a-button>
-
                     <a-popconfirm
                       v-if="selectedFireRule && selectedFireRule.id > 0"
                       title="确定删除?"
@@ -151,112 +163,90 @@
                     >
                       <a-button danger>删除规则</a-button>
                     </a-popconfirm>
-
                   </a-space>
                 </a-form-item>
-
               </a-form>
             </a-col>
           </a-row>
-
         </div>
-
       </a-card>
-
     </div>
   </Layout>
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, nextTick } from 'vue';
+import { nextTick, onMounted, ref } from 'vue';
 import { type FormInstance, message } from 'ant-design-vue';
 import { MinusCircleOutlined, PlusCircleOutlined, PlusOutlined } from '@ant-design/icons-vue';
 import Layout from '../layout.vue';
 import { createFireRule, deleteFireRule, findFireRuleByQuery, updateFireRule } from './api';
-import type { FireRule, FireRuleRequest } from './types';
+import type { FireRule, FireRulePageableResponse, FireRuleRequest } from './types';
+import type { PlatformComponentPayload } from '../types';
 import { substring } from '@/utils/strings';
 import PlatformSelect from './PlatformSelect.vue';
-import type { PlatformComponentPayload } from '../types';
 
-const query = ref<Partial<FireRuleRequest>>({
+const query = ref<FireRuleRequest>({
+  id: 0,
+  name: '',
+  sceneType: null,
+  conditions: '',
+  conditionsArray: [],
+  actions: '',
+  actionsArray: [],
+  priority: 0,
+  enabled: true,
   pageNum: 1,
   pageSize: 10,
 });
 
+const defaultPayload: PlatformComponentPayload = {
+  platform: null,
+  component: null,
+};
+
 const defaultFireRule: FireRule = {
   id: 0,
-  // 规则名称
-  name: null,
-  // 场景类型：0-防御，1-空降，null表示通用
+  name: '',
   sceneType: null,
-  // 触发条件（JSON格式）
-  conditions: null,
-  conditionsArray: [
-    {
-      platform: null,
-      component: null,
-    }
-  ],
-  // 响应动作（JSON格式）
-  actions: null,
-  actionsArray: [
-    {
-      platform: null,
-      component: null,
-    }
-  ],
-  // 优先级（数值越小优先级越高）
+  conditions: '',
+  conditionsArray: [JSON.parse(JSON.stringify(defaultPayload))],
+  actions: '',
+  actionsArray: [JSON.parse(JSON.stringify(defaultPayload))],
   priority: 0,
-  // 是否启用（0禁用，1启用）
   enabled: true,
 };
 
 const getSceneTypeName = (item: FireRule): string => {
-  if (0 === item.sceneType) {
-    return '防御';
-  }
-  if (1 === item.sceneType) {
-    return '空降';
-  }
+  if (item.sceneType === 0) return '防御';
+  if (item.sceneType === 1) return '空降';
   return '通用';
 };
 
 const resolveItem = (item: FireRule) => {
-  let newItem: FireRule = JSON.parse(JSON.stringify(item)) as FireRule;
-  if (typeof item.conditions === 'string') {
+  const newItem: FireRule = JSON.parse(JSON.stringify(item)) as FireRule;
+
   try {
-      newItem.conditionsArray = JSON.parse(item.conditions as string);
-    } catch(e: any){
-      newItem.conditionsArray = []
-    }
+    newItem.conditionsArray = item.conditions
+      ? (JSON.parse(item.conditions) as PlatformComponentPayload[])
+      : [JSON.parse(JSON.stringify(defaultPayload))];
+  } catch (e) {
+    newItem.conditionsArray = [JSON.parse(JSON.stringify(defaultPayload))];
   }
 
-  if(!newItem.conditionsArray) {
-    newItem.conditionsArray = []
-  }
-  if(newItem.conditionsArray.length===0){
-    newItem.conditionsArray.push({
-      platform: null,
-      component: null,
-    })
-  }
-
-  if (typeof item.actions === 'string') {
   try {
-      newItem.actionsArray = JSON.parse(item.actions as string);
-    } catch(e: any){
-      newItem.actionsArray = []
-    }
+    newItem.actionsArray = item.actions
+      ? (JSON.parse(item.actions) as PlatformComponentPayload[])
+      : [JSON.parse(JSON.stringify(defaultPayload))];
+  } catch (e) {
+    newItem.actionsArray = [JSON.parse(JSON.stringify(defaultPayload))];
   }
 
-  if(!newItem.actionsArray){
-    newItem.actionsArray = []
+  // 确保数组不为空
+  if (!Array.isArray(newItem.conditionsArray) || newItem.conditionsArray.length === 0) {
+    newItem.conditionsArray = [JSON.parse(JSON.stringify(defaultPayload))];
   }
-  if(newItem.actionsArray.length===0){
-    newItem.actionsArray.push({
-      platform: null,
-      component: null,
-    })
+  if (!Array.isArray(newItem.actionsArray) || newItem.actionsArray.length === 0) {
+    newItem.actionsArray = [JSON.parse(JSON.stringify(defaultPayload))];
   }
 
   return newItem;
@@ -264,41 +254,43 @@ const resolveItem = (item: FireRule) => {
 
 const datasource = ref<FireRule[]>([]);
 const datasourceTotal = ref<number>(0);
-const selectedFireRule = ref<FireRule>({...defaultFireRule});
+const selectedFireRule = ref<FireRule>(JSON.parse(JSON.stringify(defaultFireRule)));
 const formRef = ref<FormInstance | null>(null);
 
 const load = () => {
   datasource.value = [];
   datasourceTotal.value = 0;
+  if(selectedFireRule.value.id <= 0){
+    selectedFireRule.value = JSON.parse(JSON.stringify(defaultFireRule));
+    nextTick(() => {
       formRef.value?.resetFields();
-  selectedFireRule.value = {...defaultFireRule};
+    });
+  }
 
-  findFireRuleByQuery(query.value).then(r => {
+  findFireRuleByQuery(query.value).then((r: FireRulePageableResponse) => {
     datasource.value = r.rows ?? [];
     datasourceTotal.value = r.total ?? 0;
   });
 };
 
-
 const handleCreate = () => {
-  selectedFireRule.value = {...defaultFireRule};
+  formRef.value?.resetFields();
+  selectedFireRule.value = JSON.parse(JSON.stringify(defaultFireRule));
 };
 
 const handleSelect = (item: FireRule) => {
-  // 1. 先重置表单
   formRef.value?.resetFields();
-  // 2. 再赋值（使用nextTick确保DOM更新完成）
   nextTick(() => {
     selectedFireRule.value = resolveItem(item);
   });
 };
 
 const handleDelete = () => {
-  if (selectedFireRule.value && selectedFireRule.value.id > 0) {
+  if (selectedFireRule.value?.id > 0) {
     deleteFireRule(selectedFireRule.value.id).then(r => {
       if (r.code === 200) {
         load();
-        message.info(r.msg ?? '删除成功');
+        message.success(r.msg ?? '删除成功');
       } else {
         message.error(r.msg ?? '删除失败');
       }
@@ -307,91 +299,90 @@ const handleDelete = () => {
 };
 
 const handleSave = () => {
-  if (formRef.value) {
-    formRef.value.validate().then(() => {
-      let res = null;
-      let savedValue: FireRule = JSON.parse(JSON.stringify(selectedFireRule.value)) as any as FireRule;
-      savedValue.conditions = JSON.stringify(savedValue.conditionsArray ?? null) as string;
-      savedValue.actions = JSON.stringify(savedValue.actionsArray ?? null)  as string;
-      if (savedValue.id > 0) {
-        res = updateFireRule(savedValue);
-      } else {
-        res = createFireRule(savedValue);
-      }
-      if (res) {
-        res.then(r => {
+  formRef.value?.validate().then(() => {
+    const savedValue: FireRule = JSON.parse(JSON.stringify(selectedFireRule.value));
+
+    savedValue.conditions = JSON.stringify(savedValue.conditionsArray);
+    savedValue.actions = JSON.stringify(savedValue.actionsArray);
+
+    const request = savedValue.id > 0
+      ? updateFireRule(savedValue)
+      : createFireRule(savedValue);
+
+    request.then(r => {
       if (r.code === 200) {
         load();
-            message.info(r.msg ?? '操作成功');
+        message.success(r.msg ?? '操作成功');
       } else {
         message.error(r.msg ?? '操作失败');
       }
+    }).catch(err => {
+      message.error('请求失败：' + err.message);
     });
-      }
+  }).catch(err => {
+    message.error('表单验证失败：' + err.message);
   });
+};
+
+const handleUpdateCondition = (payload: PlatformComponentPayload, index: number) => {
+  if (selectedFireRule.value && selectedFireRule.value.conditionsArray[index]) {
+    const newArray = [...selectedFireRule.value.conditionsArray];
+    newArray[index] = {
+      platform: payload.platform,
+      component: payload.component,
+    };
+    selectedFireRule.value.conditionsArray = newArray;
   }
 };
 
-const handleMinusCondition = (index: number) => {
-  if(selectedFireRule.value){
-    const paramList = selectedFireRule.value.conditionsArray;
-    if (index === 0 && selectedFireRule.value.conditionsArray.length === 1) {
-      selectedFireRule.value.conditionsArray = [{
-        platform: null,
-        component: null,
-      }];
-    } else if (index >= 0 && index < paramList.length && paramList.length > 1) {
-      paramList.splice(index, 1);
-      selectedFireRule.value.conditionsArray = [...paramList];
-    }
-  }
-}
-
-const handleAddCondition = (index: number)=> {
-  if(selectedFireRule.value){
-    selectedFireRule.value.conditionsArray.push({
-      platform: null,
-      component: null,
-    })
-  }
-}
-
-const handleMinusAction = (index: number) => {
-  if(selectedFireRule.value){
-    const paramList = selectedFireRule.value.actionsArray;
-    if (index === 0 && selectedFireRule.value.actionsArray.length === 1) {
-      selectedFireRule.value.actionsArray = [{
-        platform: null,
-        component: null,
-      }];
-    } else if (index >= 0 && index < paramList.length && paramList.length > 1) {
-      paramList.splice(index, 1);
-      selectedFireRule.value.actionsArray = [...paramList];
-    }
-  }
-}
-
-const handleAddAction = (_index: number)=> {
-  if(selectedFireRule.value){
-    selectedFireRule.value.actionsArray.push({
-      platform: null,
-      component: null,
-    })
-  }
-}
-
-const handleUpdateCondition = (payload: PlatformComponentPayload, index: number)=> {
-  console.error('handleUpdateCondition', payload)
-  if(selectedFireRule.value && selectedFireRule.value.conditionsArray[index]){
-    selectedFireRule.value.conditionsArray[index] = payload;
-  }
-}
-
 const handleUpdateAction = (payload: PlatformComponentPayload, index: number) => {
   if (selectedFireRule.value && selectedFireRule.value.actionsArray[index]) {
-    selectedFireRule.value.actionsArray[index] = payload;
+    const newArray = [...selectedFireRule.value.actionsArray];
+    newArray[index] = {
+      platform: payload.platform,
+      component: payload.component,
+    };
+    selectedFireRule.value.actionsArray = newArray;
   }
+};
+
+// 添加触发条件
+const handleAddCondition = () => {
+  if (selectedFireRule.value) {
+    selectedFireRule.value.conditionsArray.push(JSON.parse(JSON.stringify(defaultPayload)));
   }
+};
+
+// 删除触发条件
+const handleMinusCondition = (index: number) => {
+  if (!selectedFireRule.value) return;
+  const list = [...selectedFireRule.value.conditionsArray];
+  if (list.length <= 1) {
+    selectedFireRule.value.conditionsArray = [JSON.parse(JSON.stringify(defaultPayload))];
+  } else {
+    list.splice(index, 1);
+    selectedFireRule.value.conditionsArray = list;
+  }
+};
+
+// 添加响应动作
+const handleAddAction = () => {
+  if (selectedFireRule.value) {
+    selectedFireRule.value.actionsArray.push(JSON.parse(JSON.stringify(defaultPayload)));
+  }
+};
+
+// 删除响应动作
+const handleMinusAction = (index: number) => {
+  if (!selectedFireRule.value) return;
+  const list = [...selectedFireRule.value.actionsArray];
+  if (list.length <= 1) {
+    selectedFireRule.value.actionsArray = [JSON.parse(JSON.stringify(defaultPayload))];
+  } else {
+    list.splice(index, 1);
+    selectedFireRule.value.actionsArray = list;
+  }
+};
 
 const handleChange = (page: number, pageSize: number) => {
   query.value.pageNum = page;
@@ -400,5 +391,4 @@ const handleChange = (page: number, pageSize: number) => {
 };
 
 onMounted(() => load());
-
 </script>