feat: 1441 一键查重左侧时间检索条件,默认为三个月(加一个默认值就行,区间是3个月)

pull/1/head
lizijiee 2 years ago
parent e67df8502d
commit 0ab300fd47

@ -1,5 +1,6 @@
<script lang="ts" setup>
import { ref } from 'vue'
import dayjs from 'dayjs';
import { onMounted, ref } from 'vue';
const props = defineProps<{
value: [number, number] | null
@ -15,6 +16,18 @@ const time = ref<[number, number] | null>(props.value)
function onChange(value: [number, number]) {
emit('update:value', value)
}
onMounted(() => {
//
const currentDate = dayjs();
//
const endDate = currentDate.toDate();
const startDate = currentDate.subtract(3, 'month').toDate();
//
time.value = [startDate.getTime(), endDate.getTime()];
setTimeout(() => {
onChange([startDate.getTime(), endDate.getTime()])
},300)
})
</script>
<template>
@ -22,7 +35,7 @@ function onChange(value: [number, number]) {
<n-collapse :default-expanded-names="['1']" arrow-placement="right">
<n-collapse-item :title="label" name="1">
<n-space>
<n-date-picker v-model:value="time" type="daterange" clearable @update:value="onChange" >
<n-date-picker v-model:value="time" type="daterange" clearable @update:value="onChange">
<template #separator>
</template>
@ -37,10 +50,12 @@ function onChange(value: [number, number]) {
.wrapper {
padding: 10px;
}
::v-deep(.n-collapse-item-arrow){
::v-deep(.n-collapse-item-arrow) {
color: #999999 !important;
}
::v-deep(.n-input__separator){
color: #999999 !important;;
}
</style>
::v-deep(.n-input__separator) {
color: #999999 !important;
;
}</style>

Loading…
Cancel
Save