<template> 
 | 
  <List> 
 | 
    <IncomeDetailListItem :item="'收入:¥600.00'"> 
 | 
      <template #title> 
 | 
        <div class="mineFinanceManage-detail-time-picker"> 
 | 
          <ChooseInputWithDatePicker 
 | 
            v-model="form.month" 
 | 
            type="year-month" 
 | 
            :max-date="nowDate" 
 | 
          ></ChooseInputWithDatePicker> 
 | 
        </div> 
 | 
      </template> 
 | 
    </IncomeDetailListItem> 
 | 
    <IncomeDetailListItem 
 | 
      :title="'收入-宁波人力无忧'" 
 | 
      :item="'2024.12.20 13:30:30'" 
 | 
      :value="'+300.00'" 
 | 
    > 
 | 
    </IncomeDetailListItem> 
 | 
  </List> 
 | 
</template> 
 | 
  
 | 
<script setup lang="ts"> 
 | 
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: '2024-12', 
 | 
}); 
 | 
</script> 
 | 
  
 | 
<style lang="scss"> 
 | 
@import '@/styles/common.scss'; 
 | 
  
 | 
.mineFinanceManage-page-wrapper { 
 | 
  .mineFinanceManage-detail-time-picker { 
 | 
    .nut-input { 
 | 
      border-bottom: none; 
 | 
      padding: 0; 
 | 
  
 | 
      .input-text { 
 | 
        font-size: 20px; 
 | 
        font-weight: 500; 
 | 
        height: 28px; 
 | 
      } 
 | 
  
 | 
      .nut-input-right-box { 
 | 
        display: none; 
 | 
      } 
 | 
    } 
 | 
  } 
 | 
} 
 | 
</style> 
 |