diff --git a/src/api/iot-card/record.ts b/src/api/iot-card/record.ts
new file mode 100644
index 00000000..45414c5f
--- /dev/null
+++ b/src/api/iot-card/record.ts
@@ -0,0 +1,7 @@
+import server from '@/utils/request'
+
+/**
+ * 分页查询操作记录列表
+ * @param data
+ */
+export const queryList = (data: any) => server.post(`/network/card/stateOperate/_log`, data)
\ No newline at end of file
diff --git a/src/views/iot-card/Record/index.vue b/src/views/iot-card/Record/index.vue
new file mode 100644
index 00000000..fbedfd35
--- /dev/null
+++ b/src/views/iot-card/Record/index.vue
@@ -0,0 +1,77 @@
+<!-- 操作记录 -->
+<template>
+    <page-container>
+        <Search
+            :columns="columns"
+            target="record-search"
+            @search="handleSearch"
+        />
+        <JTable
+            ref="RecordRef"
+            :columns="columns"
+            :request="queryList"
+            :defaultParams="{ sorts: [{ name: 'time', order: 'desc' }] }"
+            :params="params"
+            :model="'TABLE'"
+        >
+            <template #time="slotProps">
+                {{
+                    slotProps.time
+                        ? moment(slotProps.time).format('YYYY-MM-DD HH:mm:ss')
+                        : ''
+                }}
+            </template>
+        </JTable>
+    </page-container>
+</template>
+
+<script setup lang="ts">
+import { queryList } from '@/api/iot-card/record';
+import moment from 'moment';
+
+const params = ref<Record<string, any>>({});
+
+const columns = [
+    {
+        title: '卡号',
+        dataIndex: 'cardId',
+        key: 'cardId',
+        ellipsis: true,
+        search: {
+            type: 'string',
+        },
+    },
+    {
+        title: '操作类型',
+        dataIndex: 'type',
+        key: 'type',
+        search: {
+            type: 'string',
+        },
+    },
+    {
+        title: '操作时间',
+        dataIndex: 'time',
+        key: 'time',
+        scopedSlots: true,
+        search: {
+            type: 'date',
+        },
+    },
+    {
+        title: '操作人',
+        dataIndex: 'operator',
+        key: 'operator',
+        ellipsis: true,
+        search: {
+            type: 'string',
+        },
+    },
+];
+
+const handleSearch = (e: any) => {
+    params.value = e;
+};
+</script>
+
+<style scoped lang="less"></style>