From bf44bbd8c2c3101303d4d32a54a7af7fd8b6fbd0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Fri, 10 Jan 2025 15:45:08 +0800
Subject: [PATCH] =?UTF-8?q?=E6=97=B6=E9=97=B4=E5=A4=84=E7=90=86=E5=88=A4?=
 =?UTF-8?q?=E6=96=AD=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/common-content-top/index.vue       | 36 +++++++++++++++++++
 src/config/const/common-top.ts                |  6 ++++
 2 files changed, 42 insertions(+)
 create mode 100644 src/components/common/common-content-top/index.vue
 create mode 100644 src/config/const/common-top.ts

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;