diff --git a/src/components/common/common-content-top/index.vue b/src/components/common/common-content-top/index.vue
new file mode 100644
index 00000000..00cfb43f
--- /dev/null
+++ b/src/components/common/common-content-top/index.vue
@@ -0,0 +1,36 @@
+<template>
+    <card-container>
+        <div class="mb-12">通用</div>
+        <el-form-item label="显示时间">
+            <el-date-picker
+                v-model="form.time_value"
+                type="datetimerange"
+                range-separator="-"
+                start-placeholder="开始时间"
+                end-placeholder="结束时间"
+                value-format="YYYY-MM-DD HH:mm:ss"
+            />
+        </el-form-item>
+    </card-container>
+</template>
+
+<script setup lang="ts">
+const props = defineProps({
+    value: {
+        type: Object,
+        default: () => ({})
+    },
+    isMargin: {
+        type: Boolean,
+        default: true,
+    }
+});
+// 初始化数据
+let form = ref(props.value);
+</script>
+
+<style scoped lang="scss">
+:deep(.el-date-editor .el-range-input) {
+    font-size: 1rem;
+}
+</style>
\ No newline at end of file
diff --git a/src/config/const/common-top.ts b/src/config/const/common-top.ts
new file mode 100644
index 00000000..557280df
--- /dev/null
+++ b/src/config/const/common-top.ts
@@ -0,0 +1,6 @@
+
+const defaultTopCommon: componentsTopStyle = {
+    time_value: '',
+};
+
+export default defaultTopCommon;