spring
7 天以前 50f0b958546caee7f929b28c1f5ad0daa2637751
src/pages/inventoryManagement/stockReport/index.vue
@@ -80,15 +80,13 @@
      <view v-else class="no-data">暂无数据</view>
    </view>
    <up-popup :show="showDatePicker" mode="bottom" @close="showDatePicker = false">
      <up-datetime-picker
        v-model="dateValue"
        :mode="datePickerMode"
        :show="showDatePicker"
        @confirm="onDateConfirm"
        @cancel="showDatePicker = false"
      />
    </up-popup>
    <up-datetime-picker
      v-model="dateValue"
      :mode="datePickerMode"
      :show="showDatePicker"
      @confirm="onDateConfirm"
      @cancel="showDatePicker = false"
    />
  </view>
</template>
@@ -96,7 +94,6 @@
import { ref, reactive, toRefs, computed, watch } from 'vue'
import dayjs from 'dayjs'
import PageHeader from '@/components/PageHeader.vue'
import { formatDateToYMD } from '@/utils/ruoyi'
import { onShow } from '@dcloudio/uni-app'
import {
  getStockInventoryReportList,
@@ -216,6 +213,23 @@
  getList()
}
const toPickerTimestamp = (val, target) => {
  if (!val) return Date.now()
  let parsed
  if (target === 'startMonth' || target === 'endMonth') {
    parsed = dayjs(`${val}-01`).valueOf()
  } else {
    parsed = dayjs(val).valueOf()
  }
  return Number.isNaN(parsed) ? Date.now() : parsed
}
const formatPickerDate = (value, isMonth) => {
  const parsed = dayjs(value)
  if (!parsed.isValid()) return ''
  return parsed.format(isMonth ? 'YYYY-MM' : 'YYYY-MM-DD')
}
const openDatePicker = (target) => {
  let val = ''
  datePickerTarget.value = target
@@ -236,13 +250,18 @@
      val = searchForm.value.endDate
      break
  }
  dateValue.value = val ? new Date(val).getTime() : Date.now()
  dateValue.value = toPickerTimestamp(val, target)
  showDatePicker.value = true
}
const onDateConfirm = (e) => {
  const isMonth = datePickerTarget.value === 'startMonth' || datePickerTarget.value === 'endMonth'
  const str = isMonth ? dayjs(e.value).format('YYYY-MM') : formatDateToYMD(e.value)
  const str = formatPickerDate(e.value, isMonth)
  if (!str) {
    showDatePicker.value = false
    uni.showToast({ title: '日期格式无效', icon: 'none' })
    return
  }
  
  if (datePickerTarget.value === 'single') {
    searchForm.value.singleDate = str
@@ -255,6 +274,10 @@
      openDatePicker('endMonth')
    }, 300)
  } else if (datePickerTarget.value === 'endMonth') {
    if (searchForm.value.startMonth && !dayjs(`${str}-01`).isAfter(dayjs(`${searchForm.value.startMonth}-01`))) {
      uni.showToast({ title: '结束月份必须大于开始月份', icon: 'none' })
      return
    }
    searchForm.value.endMonth = str
    showDatePicker.value = false
    handleQuery()
@@ -266,6 +289,10 @@
      openDatePicker('endDate')
    }, 300)
  } else if (datePickerTarget.value === 'endDate') {
    if (searchForm.value.startDate && !dayjs(str).isAfter(dayjs(searchForm.value.startDate))) {
      uni.showToast({ title: '结束日期必须大于开始日期', icon: 'none' })
      return
    }
    searchForm.value.endDate = str
    showDatePicker.value = false
    handleQuery()
@@ -286,6 +313,9 @@
    searchForm.value.endDate = today.format('YYYY-MM-DD')
    searchForm.value.startDate = today.subtract(6, 'day').format('YYYY-MM-DD')
  }
  if (!datePickerTarget.value) {
    dateValue.value = toPickerTimestamp(searchForm.value.singleDate, 'single')
  }
}
watch(
@@ -302,6 +332,8 @@
  fetchStockRecordTypeOptions()
})
initDefaultDates()
const goBack = () => uni.navigateBack()
</script>