新增时间范围选择器

admin/src/components/daterange-picker/index.vue

@@ -17,27 +17,27 @@ import { withDefaults, computed } from 'vue'
 /* Props S */
 const props = withDefaults(
     defineProps<{
-        start_time?: string
+        startTime?: string
-        end_time?: string
+        endTime?: string
     }>(),
     {
-        start_time: '',
+        startTime: '',
-        end_time: ''
+        endTime: ''
     }
 )
-const emit = defineEmits(['update:start_time', 'update:end_time'])
+const emit = defineEmits(['update:startTime', 'update:endTime'])
 
 const content = computed<any>({
     get: () => {
-        return [props.start_time, props.end_time]
+        return [props.startTime, props.endTime]
     },
     set: (value: Event | any) => {
         if (value === null) {
-            emit('update:start_time', '')
+            emit('update:startTime', '')
-            emit('update:end_time', '')
+            emit('update:endTime', '')
         } else {
-            emit('update:start_time', value[0])
+            emit('update:startTime', value[0])
-            emit('update:end_time', value[1])
+            emit('update:endTime', value[1])
         }
     }
 })

admin/src/views/template/serach_item/datetime.vue

@@ -0,0 +1,6 @@
+<el-form-item label="${字段描述}" prop="${字段名}">
+    <daterange-picker 
+        v-model:startTime="queryParams.startTime"
+        v-model:endTime="queryParams.endTime"
+    />
+</el-form-item>