feat: 规则链新增清除事件

-import { RuleChainPaginationItemType } from './model/type';
+import { ClearEventsParam, RuleChainPaginationItemType } from './model/type';
 import { TBPaginationResult } from '/#/axios';
 import { defHttp } from '/@/utils/http/axios';
 import { RuleChainDetail, RuleChainType } from '/@/views/rule/designer/types/ruleNode';
@@ -75,3 +75,26 @@ export const getRuleNodeEventList = (
     { joinPrefix: false }
   );
 };
+
+export const doClearEvents = ({
+  tenantId,
+  startTime,
+  endTime,
+  eventType,
+  ruleId,
+}: ClearEventsParam) => {
+  return defHttp.post(
+    {
+      url: `${Api.GET_RULE_NODE_EVENTS}/${ruleId}/clear`,
+      params: {
+        startTime,
+        endTime,
+        tenantId,
+      },
+      data: {
+        eventType,
+      },
+    },
+    { joinPrefix: false }
+  );
+};

+import { EventTypeEnum } from '/@/views/rule/designer/src/components/UpdateNodeDrawer/EventSelect/config';
+
 export interface RuleChainPaginationItemType {
   id: Id;
   createdTime: number;
@@ -19,3 +21,11 @@ export interface Id {
 export interface AdditionalInfo {
   description: string;
 }
+
+export interface ClearEventsParam {
+  ruleId: string;
+  tenantId: string;
+  startTime: string;
+  endTime: string;
+  eventType: EventTypeEnum;
+}

 <script lang="ts" setup>
-  import { useTable, BasicTable } from '/@/components/Table';
+  import { BasicTable, useTable } from '/@/components/Table';
   import { getColumns } from './config';
-  import { getRuleNodeEventList } from '/@/api/ruleDesigner';
+  import { doClearEvents, getRuleNodeEventList } from '/@/api/ruleDesigner';
   import { BasicNodeFormData, NodeData } from '../../../../types/node';
   import { computed, reactive, ref, unref, watch } from 'vue';
   import { useUserStore } from '/@/store/modules/user';
   import { EventSelect } from '../EventSelect';
   import { Icon } from '/@/components/Icon';
-  import { Tooltip } from 'ant-design-vue';
-  import { EventTypeEnum } from '../EventSelect/config';
+  import { Tooltip, Popconfirm } from 'ant-design-vue';
+  import { EventTypeEnum, EventTypeNameEnum } from '../EventSelect/config';
   import { FilterForm } from '../FilterForm';
   import { useModal } from '/@/components/Modal';
   import { DataActionModeEnum } from '/@/enums/toolEnum';
@@ -31,6 +31,8 @@
     data: {} as Recordable,
   });
 
+  const dataLength = ref();
+
   const [register, { reload, setColumns, setPagination }] = useTable({
     columns: getColumns(EventTypeEnum.DEBUG_RULE_NODE),
     showIndexColumn: false,
@@ -56,6 +58,8 @@
         { ...searchParams.data, eventType: unref(eventType) }
       );
 
+      dataLength.value = result.totalElements;
+
       return result;
     },
   });
@@ -100,6 +104,17 @@
     } as ModalParamsType<string>);
   };
 
+  const handleClearStats = async () => {
+    const userInfo = useUserStore();
+    await doClearEvents({
+      ruleId: unref(getNodeId)!,
+      tenantId: userInfo.getUserInfo.tenantId!,
+      ...(searchParams.params as Record<'startTime' | 'endTime', string>),
+      eventType: unref(eventType),
+    });
+    reload();
+  };
+
   watch(
     () => props.elementInfo?.id,
     () => {
@@ -115,6 +130,20 @@
         <EventSelect v-model:type="eventType" @change="handleEventTypeChange" />
       </template>
       <template #toolbar>
+        <Popconfirm
+          @confirm="handleClearStats"
+          :title="`清除所有${EventTypeNameEnum[eventType]}`"
+          :content="`是否确认清除所有${EventTypeNameEnum[eventType]}`"
+        >
+          <Tooltip title="">
+            <Icon
+              v-if="dataLength"
+              icon="ant-design:delete-outlined"
+              class="cursor-pointer svg:text-2xl"
+            />
+          </Tooltip>
+        </Popconfirm>
+
         <Tooltip title="过滤器">
           <Icon
             icon="material-symbols:filter-list"