fix: 修复规则链导出问题和分页问题

-<template>
-  <div>属性</div>
-</template>
-
-<script setup lang="ts"></script>
-
-<style lang="less" scoped></style>

-<template>
-  <div>警告</div>
-</template>
-
-<script setup lang="ts"></script>
-
-<style lang="less" scoped></style>

-import ChainDetailDrawer from './index.vue';
-export { ChainDetailDrawer };

-<template>
-  <BasicDrawer
-    v-bind="$attrs"
-    isDetail
-    @register="register"
-    destroyOnClose
-    @close="closeDrawer"
-    :title="deviceDetail.alias || deviceDetail.name"
-    width="80%"
-  >
-    <Tabs v-model:activeKey="activeKey" :size="size">
-      <TabPane key="1" tab="详情">
-        <div>详情</div>
-      </TabPane>
-      <TabPane key="2" tab="属性">
-        <Attribute />
-      </TabPane>
-      <TabPane key="3" tab="最新遥测数据"><div>最新遥测数据</div></TabPane>
-      <TabPane key="4" tab="警告">
-        <div>警告</div>
-      </TabPane>
-      <TabPane key="5" tab="事件">
-        <div>事件</div>
-      </TabPane>
-      <!-- 网关设备并且场家是TBox -->
-      <TabPane key="6" tab="关联">
-        <div>关联</div>
-      </TabPane>
-      <!-- 网关设备并且是TBox -->
-
-      <TabPane key="7" tab="审计日志">
-        <div>审计日志</div>
-      </TabPane>
-    </Tabs>
-  </BasicDrawer>
-</template>
-<script lang="ts" setup>
-  import { ref } from 'vue';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
-
-  import { Tabs, TabPane } from 'ant-design-vue';
-  import { DeviceRecord } from '/@/api/device/model/deviceModel';
-
-  import Attribute from './component/Attribute.vue';
-
-  // defineProps({});
-
-  // defineEmits([]);
-
-  const activeKey = ref('1');
-  const size = ref('small');
-  const deviceDetail = ref<DeviceRecord>({} as unknown as DeviceRecord);
-  // 详情回显
-  const [register] = useDrawerInner(async (data) => {
-    console.log(data, 'data');
-  });
-  const closeDrawer = () => {
-    activeKey.value = '1';
-  };
-</script>

@@ -64,7 +64,7 @@
               ifShow: !record.root,
               popConfirm: {
                 title: '是否确认删除',
-                confirm: handleDeleteOrBatchDelete.bind(null, record),
+                confirm: handleDeleteOrBatchDelete.bind(null, record.id.id),
               },
             },
           ]"
@@ -148,8 +148,11 @@
       labelWidth: 120,
       schemas: searchFormSchema,
     },
+    resizeHeightOffset: 40,
+    canResize: true,
     fetchSetting: {
       pageField: 'page',
+      totalField: 'totalElements',
       listField: 'data',
     },
     beforeFetch: (params) => beforeFetch(params),
@@ -208,6 +211,7 @@
         });
         const { ruleChain, metadata } = data as any;
 
+        // 创建规则链
         const value = await createRuleChine(ruleChain);
         const { id } = value;
 
@@ -215,6 +219,7 @@
           ruleChainId: id,
           ...metadata,
         };
+        // 导入规则链详情nodes的东西
         const rules = await importRuleChine(values);
 
         rules
@@ -251,7 +256,6 @@
       ruleChain: { additionalInfo, name, type, firstRuleNodeId, root, debugMode, configuration },
       metadata: { firstNodeIndex, nodes: node, connections, ruleChainConnections },
     };
-    // return;
     exportJSONFile(value, name);
   };
 
@@ -266,26 +270,25 @@
       setProps({
         loading: false,
       });
+      reload();
     }
-    reload();
   };
 
-  const handleDeleteOrBatchDelete = async (record: Recordable | null) => {
+  const handleDeleteOrBatchDelete = async (id: string | null) => {
     setProps({
       loading: true,
     });
     try {
-      if (!record) {
+      if (!id) {
         const ids = getSelectRowKeys();
         await Promise.all(ids.map((item) => deleteRuleChine(item)));
         return;
       }
-      await deleteRuleChine(record.id.id);
+      await deleteRuleChine(id);
     } finally {
       setProps({
         loading: false,
       });
-
       createMessage.success('删除成功');
       clearSelectedRowKeys();
       reload();