耗材库存报表增加日期查询，列表增加现净重和来源显示

huminmin

5 天以前 7529786b5f409ffa7ea0b1d5c3f550c4d0a83d3b

 src/pages/inventoryManagement/stockReport/index.vue

@@ -15,7 +15,37 @@
      </view>
    </view>

    <!-- 时间选择区域已去除，使用默认日期逻辑 -->
    <!-- 时间选择区域 -->
    <view class="search-section">
      <!-- 日报：选择年月日 -->
      <view v-if="searchForm.reportType === 'daily'" class="search-row">
        <view class="date-picker" @click="openDatePicker('single')">
          <text>{{ searchForm.singleDate || '请选择日期' }}</text>
        </view>
      </view>

      <!-- 月报：选择年月 -->
      <view v-else-if="searchForm.reportType === 'monthly'" class="search-row">
        <view class="date-picker" @click="openDatePicker('startMonth')">
          <text>{{ searchForm.startMonth || '请选择开始月份' }}</text>
        </view>
        ~
        <view class="date-picker" @click="openDatePicker('endMonth')">
          <text>{{ searchForm.endMonth || '请选择结束月份' }}</text>
        </view>
      </view>

      <!-- 进出存：选择年月日时间范围 -->
      <view v-else-if="searchForm.reportType === 'inout'" class="search-row">
        <view class="date-picker" @click="openDatePicker('startDate')">
          <text>{{ searchForm.startDate || '请选择开始日期' }}</text>
        </view>
        ~
        <view class="date-picker" @click="openDatePicker('endDate')">
          <text>{{ searchForm.endDate || '请选择结束日期' }}</text>
        </view>
      </view>
    </view>

    <!-- 列表 + 滚动分页 -->
    <view class="list-section">
@@ -39,6 +69,8 @@
            <view class="row" v-if="searchForm.reportType === 'inout'"><text class="l">出库数量</text><text class="r">{{ item.totalStockOut }}</text></view>
            <view class="row"><text class="l">现在库存</text><text class="r highlight">{{ item.currentStock }}</text></view>
            <view class="row" v-if="item.createBy"><text class="l">入库人</text><text class="r">{{ item.createBy }}</text></view>
            <view class="row" v-if="item.currentWeight"><text class="l">现净重(吨)</text><text class="r">{{ item.currentWeight }}</text></view>
            <view class="row" v-if="item.recordType"><text class="l">来源</text><text class="r">{{ getRecordType(item.recordType) }}</text></view>
          </view>
        </view>
        <view class="load-more-wrap">
@@ -52,6 +84,7 @@
      <up-datetime-picker
        v-model="dateValue"
        :mode="datePickerMode"
        :show="showDatePicker"
        @confirm="onDateConfirm"
        @cancel="showDatePicker = false"
      />
@@ -64,11 +97,12 @@
import dayjs from 'dayjs'
import PageHeader from '@/components/PageHeader.vue'
import { formatDateToYMD } from '@/utils/ruoyi'
import { onShow, onReachBottom } from '@dcloudio/uni-app'
import { onShow } from '@dcloudio/uni-app'
import {
  getStockInventoryReportList,
  getStockInventoryInAndOutReportList
} from '@/api/inventoryManagement/stockInventory.js'
import {findAllQualifiedStockInRecordTypeOptions} from "@/api/basicData/enum";

const reportTypes = [
  { label: '日报', value: 'daily' },
@@ -88,13 +122,14 @@
    startMonth: '',
    endMonth: '',
    startDate: '',
    endDate: ''
    endDate: '',
  }
})

const { searchForm } = toRefs(data)

const datePickerMode = computed(() => {
  if (datePickerTarget.value === 'startMonth' || datePickerTarget.value === 'endMonth') return 'month'
  if (datePickerTarget.value === 'startMonth' || datePickerTarget.value === 'endMonth') return 'year-month'
  return 'date'
})

@@ -112,16 +147,27 @@
  if (searchForm.value.reportType === 'daily') {
    p.reportDate = searchForm.value.singleDate
  } else if (searchForm.value.reportType === 'monthly') {
    p.startMonth = searchForm.value.startMonth
    p.endMonth = searchForm.value.endMonth
  } else if (searchForm.value.reportType === 'monthly') {
    p.startMonth = searchForm.value.startMonth
    p.endMonth = searchForm.value.endMonth
    p.startMonth = searchForm.value.startMonth + '-01'
    p.endMonth = searchForm.value.endMonth + '-01'
  } else {
    p.startDate = searchForm.value.startDate
    p.endDate = searchForm.value.endDate
    p.startMonth = searchForm.value.startDate
    p.endMonth = searchForm.value.endDate
  }
  return p
}

const stockRecordTypeOptions = ref([])

const getRecordType = (recordType) => {
  return stockRecordTypeOptions.value.find(item => item.value === recordType)?.label || ''
}

// 获取来源类型选项
const fetchStockRecordTypeOptions = () => {
  findAllQualifiedStockInRecordTypeOptions()
      .then(res => {
        stockRecordTypeOptions.value = res.data;
      })
}

const getList = () => {
@@ -171,11 +217,25 @@
}

const openDatePicker = (target) => {
  datePickerTarget.value = target
  let val = ''
  if (target === 'single') val = searchForm.value.singleDate
  else if (target === 'startMonth') val = searchForm.value.startMonth
  else if (target === 'endMonth') val = searchForm.value.endMonth
  datePickerTarget.value = target
  switch (target) {
    case 'single':
      val = searchForm.value.singleDate
      break
    case 'startMonth':
      val = searchForm.value.startMonth
      break
    case 'endMonth':
      val = searchForm.value.endMonth
      break
    case 'startDate':
      val = searchForm.value.startDate
      break
    case 'endDate':
      val = searchForm.value.endDate
      break
  }
  dateValue.value = val ? new Date(val).getTime() : Date.now()
  showDatePicker.value = true
}
@@ -183,11 +243,33 @@
const onDateConfirm = (e) => {
  const isMonth = datePickerTarget.value === 'startMonth' || datePickerTarget.value === 'endMonth'
  const str = isMonth ? dayjs(e.value).format('YYYY-MM') : formatDateToYMD(e.value)
  if (datePickerTarget.value === 'single') searchForm.value.singleDate = str
  else if (datePickerTarget.value === 'startMonth') searchForm.value.startMonth = str
  else if (datePickerTarget.value === 'endMonth') searchForm.value.endMonth = str
  showDatePicker.value = false
  handleQuery()
  
  if (datePickerTarget.value === 'single') {
    searchForm.value.singleDate = str
    showDatePicker.value = false
    handleQuery()
  } else if (datePickerTarget.value === 'startMonth') {
    searchForm.value.startMonth = str
    showDatePicker.value = false
    setTimeout(() => {
      openDatePicker('endMonth')
    }, 300)
  } else if (datePickerTarget.value === 'endMonth') {
    searchForm.value.endMonth = str
    showDatePicker.value = false
    handleQuery()
  } else if (datePickerTarget.value === 'startDate') {
    searchForm.value.startDate = str
    showDatePicker.value = false
    // 确认开始日期后，打开结束日期选择框
    setTimeout(() => {
      openDatePicker('endDate')
    }, 300)
  } else if (datePickerTarget.value === 'endDate') {
    searchForm.value.endDate = str
    showDatePicker.value = false
    handleQuery()
  }
}

// 初始化：日报默认今天，月报默认本月，进出存默认最近7天
@@ -197,10 +279,8 @@
    searchForm.value.singleDate = today.format('YYYY-MM-DD')
  }
  if (!searchForm.value.startMonth || !searchForm.value.endMonth) {
    const startOfMonth = today.startOf('month').format('YYYY-MM-DD')
    const endOfMonth = today.endOf('month').format('YYYY-MM-DD')
    searchForm.value.startMonth = startOfMonth
    searchForm.value.endMonth = endOfMonth
    searchForm.value.startMonth = today.format('YYYY-MM')
    searchForm.value.endMonth = today.add(1, 'month').format('YYYY-MM')
  }
  if (!searchForm.value.startDate || !searchForm.value.endDate) {
    searchForm.value.endDate = today.format('YYYY-MM-DD')
@@ -219,6 +299,7 @@
onShow(() => {
  initDefaultDates()
  handleQuery()
  fetchStockRecordTypeOptions()
})

const goBack = () => uni.navigateBack()
@@ -271,4 +352,4 @@
.card-body .l { color: #666; } .card-body .r { color: #333; } .card-body .r.highlight { color: #2979ff; font-weight: 500; }
.no-data { text-align: center; padding: 60rpx 0; color: #999; font-size: 28rpx; }
.load-more-wrap { padding: 24rpx 0 8rpx; }
</style>
</style>