diff --git a/src/api/demo/system.ts b/src/api/demo/system.ts
index 9f7b35b7..acf1f30d 100644
--- a/src/api/demo/system.ts
+++ b/src/api/demo/system.ts
@@ -148,6 +148,10 @@ enum Api {
   GetCxjgCaseInfoById = '/api/DroneCaseInfoSingle/GetCxjgCaseInfoById',
   // 持续监管-迁入违法专题
   MoveInIllegalSubject = '/api/DroneCaseInfoSingle/MoveInIllegalSubject',
+  // 文件备份加载列表
+  SysBackUpInfoLoad = '/api/SysBackUpInfo/Load',
+  // 消息日志加载列表
+  SysLogsLoad = '/api/SysLogs/Load',
 }
 export const getPositionsTree = (params?: AccountParams) =>
   defHttp.get<AccountListGetResultModel>({ url: Api.PositionsTree, params });
@@ -555,4 +559,10 @@ export const GetCxjgCaseInfoById = (params) =>
   defHttp.get({ url: Api.GetCxjgCaseInfoById, params });
 // 持续监管-迁入违法专题
 export const MoveInIllegalSubject = (params) =>
-  defHttp.post({ url: Api.MoveInIllegalSubject, params });
\ No newline at end of file
+  defHttp.post({ url: Api.MoveInIllegalSubject, params });
+// 文件备份加载列表
+export const SysBackUpInfoLoad = (params) =>
+  defHttp.get({ url: Api.SysBackUpInfoLoad, params });
+// 消息日志加载列表
+export const SysLogsLoad = (params) =>
+  defHttp.get({ url: Api.SysLogsLoad, params });
\ No newline at end of file
diff --git a/src/views/demo/system/backup/index.vue b/src/views/demo/system/backup/index.vue
new file mode 100644
index 00000000..e98f25d6
--- /dev/null
+++ b/src/views/demo/system/backup/index.vue
@@ -0,0 +1,35 @@
+<template>
+  <PageWrapper dense contentFullHeight fixedHeight>
+    <BasicTable @register="registerTable">
+    </BasicTable>
+  </PageWrapper>
+</template>
+<script lang="ts" setup>
+import { PageWrapper } from '@/components/Page';
+import { onMounted, ref } from 'vue';
+import { SysBackUpInfoLoad } from '@/api/demo/system';
+import { BasicTable,useTable,TableAction } from '@/components/Table';
+import { columns, searchFormSchema } from './util'
+
+
+const [registerTable] =
+  useTable({
+    title: '系统数据备份列表',
+    api: SysBackUpInfoLoad,
+    columns,
+    rowKey: 'id',
+    formConfig: {
+      labelWidth: 120,
+      schemas: searchFormSchema,
+    },
+    // 使用搜索表单
+    useSearchForm: false,
+    showTableSetting: true,
+    bordered: true,
+    afterFetch: (res) => {
+      console.log(res)
+    },
+  });
+</script>
+<style lang="less" scoped>
+</style>
diff --git a/src/views/demo/system/backup/util.ts b/src/views/demo/system/backup/util.ts
new file mode 100644
index 00000000..89a4a75d
--- /dev/null
+++ b/src/views/demo/system/backup/util.ts
@@ -0,0 +1,43 @@
+import { BasicColumn, FormSchema } from '@/components/Table';
+
+export const columns: BasicColumn[] = [
+  {
+    title: '时间',
+    dataIndex: 'createTime',
+  },
+  {
+    title: '内容',
+    dataIndex: 'content',
+  },
+  {
+    title: '备份文件',
+    dataIndex: 'backUpFile',
+  },
+  {
+    title: '路径',
+    dataIndex: 'remoteRoute',
+  },
+  {
+    title: '异地路径',
+    dataIndex: 'remoteRoute',
+  },
+  {
+    title: '还原方式',
+    dataIndex: 'resMethod',
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'key',
+    label: '图斑编号',
+    component: 'Input',
+    colProps: { span: 4 },
+  },
+  {
+    field: 'originalcaseno',
+    label: '标识号',
+    component: 'Input',
+    colProps: { span: 4 },
+  },
+];
diff --git a/src/views/demo/system/log/index.vue b/src/views/demo/system/log/index.vue
new file mode 100644
index 00000000..5f4d9c5e
--- /dev/null
+++ b/src/views/demo/system/log/index.vue
@@ -0,0 +1,35 @@
+<template>
+  <PageWrapper dense contentFullHeight fixedHeight>
+    <BasicTable @register="registerTable">
+    </BasicTable>
+  </PageWrapper>
+</template>
+<script lang="ts" setup>
+import { PageWrapper } from '@/components/Page';
+import { onMounted, ref } from 'vue';
+import { SysLogsLoad } from '@/api/demo/system';
+import { BasicTable,useTable,TableAction } from '@/components/Table';
+import { columns, searchFormSchema } from './util'
+
+
+const [registerTable] =
+  useTable({
+    title: '消息日志',
+    api: SysLogsLoad,
+    columns,
+    rowKey: 'id',
+    formConfig: {
+      labelWidth: 120,
+      schemas: searchFormSchema,
+    },
+    // 使用搜索表单
+    useSearchForm: false,
+    showTableSetting: true,
+    bordered: true,
+    afterFetch: (res) => {
+      console.log(res)
+    },
+  });
+</script>
+<style lang="less" scoped>
+</style>
diff --git a/src/views/demo/system/log/util.ts b/src/views/demo/system/log/util.ts
new file mode 100644
index 00000000..63abf553
--- /dev/null
+++ b/src/views/demo/system/log/util.ts
@@ -0,0 +1,40 @@
+import { BasicColumn, FormSchema } from '@/components/Table';
+
+export const columns: BasicColumn[] = [
+  {
+    title: '时间',
+    dataIndex: 'createTime',
+  },
+  {
+    title: '内容',
+    dataIndex: 'content',
+  },
+  {
+    title: '路由',
+    dataIndex: 'href',
+  },
+  {
+    title: '用户',
+    dataIndex: 'createName',
+  },
+  {
+    title: '类型',
+    dataIndex: 'typeName',
+  },
+ 
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'key',
+    label: '图斑编号',
+    component: 'Input',
+    colProps: { span: 4 },
+  },
+  {
+    field: 'originalcaseno',
+    label: '标识号',
+    component: 'Input',
+    colProps: { span: 4 },
+  },
+];