diff --git a/src/components/SerialNumberColumn/index.vue b/src/components/SerialNumberColumn/index.vue
new file mode 100644
index 000000000..b07f5d9a1
--- /dev/null
+++ b/src/components/SerialNumberColumn/index.vue
@@ -0,0 +1,19 @@
+<template>
+  <el-table-column :label="label" :align="align" :width:="width">
+    <template #default="scope">
+      {{ serialNumber(scope) }}
+    </template>
+  </el-table-column>
+</template>
+
+<script setup>
+const props = defineProps({
+  queryParams: Object,
+  label: String,
+  align: String,
+  width: String
+});
+const serialNumber = (scope) => {
+  return (props.queryParams.pageNum - 1) * props.queryParams.pageSize + scope.$index + 1;
+};
+</script>
\ No newline at end of file