| | |
| | | <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" |
| | | /> |
| | | <IconFont name="triangle-down" class="income-detail-time-picker-icon"></IconFont> |
| | | </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 { IconFont } from '@nutui/icons-vue-taro'; |
| | | 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() { |
| | |
| | | |
| | | .incomeDetail-page-wrapper { |
| | | .income-detail-time-picker { |
| | | position: relative; |
| | | |
| | | .nut-input { |
| | | border-bottom: none; |
| | | padding: 0; |
| | | width: 100%; |
| | | |
| | | .input-text { |
| | | font-size: 20px; |
| | |
| | | display: none; |
| | | } |
| | | } |
| | | |
| | | .income-detail-time-picker-icon { |
| | | position: absolute; |
| | | top: 12px; |
| | | left: 220px; |
| | | } |
| | | } |
| | | } |
| | | </style> |