long
e79f3190b8
- tcm.diagnosis/lists 新增最近有效挂号时间区间与渠道筛选，lists/count 共用过滤逻辑 - 诊单患者列表更多筛选增加最近挂号时间和渠道，并与顶部挂号快捷筛选互斥 - 明确 daterange-picker change 事件转发，列表补充最近挂号渠道摘要展示
50 lines
1.3 KiB
Vue
50 lines
1.3 KiB
Vue
<template>
|
|
<el-date-picker
|
|
v-model="content"
|
|
:type="pickerType"
|
|
range-separator="-"
|
|
:start-placeholder="startPlaceholder"
|
|
:end-placeholder="endPlaceholder"
|
|
:value-format="valueFormat"
|
|
clearable
|
|
@change="emit('change', $event)"
|
|
></el-date-picker>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
const props = withDefaults(
|
|
defineProps<{
|
|
startTime?: string
|
|
endTime?: string
|
|
pickerType?: 'daterange' | 'datetimerange'
|
|
valueFormat?: string
|
|
startPlaceholder?: string
|
|
endPlaceholder?: string
|
|
}>(),
|
|
{
|
|
startTime: '',
|
|
endTime: '',
|
|
pickerType: 'datetimerange',
|
|
valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
|
startPlaceholder: '开始时间',
|
|
endPlaceholder: '结束时间'
|
|
}
|
|
)
|
|
const emit = defineEmits(['update:startTime', 'update:endTime', 'change'])
|
|
|
|
const content = computed<any>({
|
|
get: () => {
|
|
return [props.startTime, props.endTime]
|
|
},
|
|
set: (value: Event | any) => {
|
|
if (value === null) {
|
|
emit('update:startTime', '')
|
|
emit('update:endTime', '')
|
|
} else {
|
|
emit('update:startTime', value[0])
|
|
emit('update:endTime', value[1])
|
|
}
|
|
}
|
|
})
|
|
</script>
|