| | |
| | | <IncomeDetailListItem :item="'收入:¥600.00'"> |
| | | <template #title> |
| | | <div class="income-detail-time-picker"> |
| | | <ChooseInputWithPicker v-model="form.month" :value-enum="TaskStatusText" /> |
| | | <ChooseInputWithDatePicker |
| | | v-model="form.month" |
| | | type="year-month" |
| | | format="YYYY年M月" |
| | | :max-date="nowDate" |
| | | /> |
| | | </div> |
| | | </template> |
| | | </IncomeDetailListItem> |
| | |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import { List, IncomeDetailListItem, ChooseInputWithPicker } from '@12333/components'; |
| | | import { TaskStatusText, TaskStatus } from '@/constants'; |
| | | import { List, IncomeDetailListItem, ChooseInputWithDatePicker } from '@12333/components'; |
| | | import { useUserStore } from '@/stores/modules/user'; |
| | | import Taro from '@tarojs/taro'; |
| | | import dayjs from 'dayjs'; |
| | | |
| | | defineOptions({ |
| | | name: 'InnerPage', |
| | | }); |
| | | |
| | | const userStore = useUserStore(); |
| | | |
| | | const nowDate = dayjs().toDate(); |
| | | const form = reactive({ |
| | | month: TaskStatus.All, |
| | | month: dayjs().format('YYYY年M月'), |
| | | }); |
| | | |
| | | function goIncomeDetailInfo() { |
| | |
| | | minDate?: Date; |
| | | maxDate?: Date; |
| | | type?: string; |
| | | format?: string; |
| | | }; |
| | | |
| | | const props = withDefaults(defineProps<Props>(), {}); |
| | | const props = withDefaults(defineProps<Props>(), { |
| | | format: 'YYYY-MM-DD', |
| | | }); |
| | | |
| | | const emit = defineEmits<{ |
| | | (e: 'update:modelValue', val: string | number): void; |
| | |
| | | type: props.type, |
| | | maxDate: props.maxDate, |
| | | onConfirm: ({ selectedValue }) => { |
| | | emit('update:modelValue', dayjs(selectedValue.join('-')).format('YYYY-MM-DD')); |
| | | emit('update:modelValue', dayjs(selectedValue.join('-')).format(props.format)); |
| | | onClose(); |
| | | }, |
| | | minDate: props.minDate, |