fix: 完成仓储物流的功能开发

spring

13 小时以前 cc3001ab9e0ab8ce673b812a22ebea1edd332f2a

fix: 完成仓储物流的功能开发

 src/api/basicData/enum.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,33 @@
import request from '@/utils/request'

// åˆæ ¼å…¥åº“来源类型
export function findAllQualifiedStockInRecordTypeOptions() {
  return request({
    url: '/basic/enum/StockInQualifiedRecordTypeEnum',
    method: 'GET'
  })
}

// ä¸åˆæ ¼å…¥åº“来源类型
export function findAllUnQualifiedStockInRecordTypeOptions() {
  return request({
    url: '/basic/enum/StockInUnQualifiedRecordTypeEnum',
    method: 'GET'
  })
}

// åˆæ ¼å‡ºåº“来源类型
export function findAllQualifiedStockOutRecordTypeOptions() {
  return request({
    url: '/basic/enum/StockOutQualifiedRecordTypeEnum',
    method: 'GET'
  })
}

// ä¸åˆæ ¼å‡ºåº“来源类型
export function findAllUnQualifiedStockOutRecordTypeOptions() {
  return request({
    url: '/basic/enum/StockOutUnQualifiedRecordTypeEnum',
    method: 'GET'
  })
}

 src/api/basicData/productModel.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,11 @@
import request from '@/utils/request'

// äº§å“åž‹å·åˆ†é¡µåˆ—表（用于选择产品）
export const productModelList = (params) => {
  return request({
    url: '/basic/product/pageModel',
    method: 'GET',
    params
  })
}


 src/api/inventoryManagement/stockInRecord.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,27 @@
import request from '@/utils/request'

// å…¥åº“管理-分页查询入库记录（合格/不合格）
export const getStockInRecordListPage = (params) => {
  return request({
    url: '/stockInRecord/listPage',
    method: 'GET',
    params
  })
}

// æ ¹æ® id æŸ¥è¯¢å…¥åº“记录详情
export const getStockInRecordById = (id) => {
  return request({
    url: '/stockInRecord/' + id,
    method: 'GET'
  })
}

// æ‰¹é‡åˆ é™¤å…¥åº“记录
export const batchDeleteStockInRecords = (ids) => {
  return request({
    url: '/stockInRecord',
    method: 'DELETE',
    data: ids
  })
}

 src/api/inventoryManagement/stockInventory.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,64 @@
import request from '@/utils/request'

// åˆæ ¼åº“å­˜-分页查询
export const getStockInventoryListPage = (params) => {
  return request({
    url: '/stockInventory/pagestockInventory',
    method: 'GET',
    params
  })
}

// æ–°å¢žåˆæ ¼åº“å­˜
export const createStockInventory = (data) => {
  return request({
    url: '/stockInventory/addstockInventory',
    method: 'POST',
    data
  })
}

// å‡ºåº“（减少库存）
export const subtractStockInventory = (data) => {
  return request({
    url: '/stockInventory/subtractStockInventory',
    method: 'POST',
    data
  })
}

// å†»ç»“库存
export const frozenStockInventory = (data) => {
  return request({
    url: '/stockInventory/frozenStock',
    method: 'POST',
    data
  })
}

// è§£å†»åº“å­˜
export const thawStockInventory = (data) => {
  return request({
    url: '/stockInventory/thawStock',
    method: 'POST',
    data
  })
}

// åº“存报表-日报/月报
export const getStockInventoryReportList = (params) => {
  return request({
    url: '/stockInventory/stockInventoryPage',
    method: 'GET',
    params
  })
}

// åº“存报表-进出存
export const getStockInventoryInAndOutReportList = (params) => {
  return request({
    url: '/stockInventory/stockInAndOutRecord',
    method: 'GET',
    params
  })
}

 src/api/inventoryManagement/stockOutRecord.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,19 @@
import request from '@/utils/request'

// å‡ºåº“台账-分页查询出库记录（合格/不合格）
export const getStockOutPage = (params) => {
  return request({
    url: '/stockOutRecord/listPage',
    method: 'GET',
    params
  })
}

// åˆ é™¤å‡ºåº“记录
export const delStockOut = (ids) => {
  return request({
    url: '/stockOutRecord',
    method: 'DELETE',
    data: ids
  })
}

 src/api/inventoryManagement/stockUninventory.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,46 @@
import request from '@/utils/request'

// ä¸åˆæ ¼åº“å­˜-分页查询
export const getStockUninventoryListPage = (params) => {
  return request({
    url: '/stockUninventory/pagestockUninventory',
    method: 'GET',
    params
  })
}

// æ–°å¢žä¸åˆæ ¼åº“å­˜
export const createStockUnInventory = (data) => {
  return request({
    url: '/stockUninventory/addstockUninventory',
    method: 'POST',
    data
  })
}

// é¢†ç”¨ï¼ˆå‡å°‘不合格库存）
export const subtractStockUnInventory = (data) => {
  return request({
    url: '/stockUninventory/subtractstockUninventory',
    method: 'POST',
    data
  })
}

// å†»ç»“不合格库存
export const frozenStockUninventory = (data) => {
  return request({
    url: '/stockUninventory/frozenStock',
    method: 'POST',
    data
  })
}

// è§£å†»ä¸åˆæ ¼åº“å­˜
export const thawStockUninventory = (data) => {
  return request({
    url: '/stockUninventory/thawStock',
    method: 'POST',
    data
  })
}

 src/pages.json

@@ -675,7 +675,7 @@
    {
      "path": "pages/inventoryManagement/receiptManagement/index",
      "style": {
        "navigationBarTitleText": "自定义入库",
        "navigationBarTitleText": "入库管理",
        "navigationStyle": "custom"
      }
    },
@@ -687,6 +687,13 @@
      }
    },
    {
      "path": "pages/inventoryManagement/receiptManagement/view",
      "style": {
        "navigationBarTitleText": "入库详情",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/inventoryManagement/issueManagement/index",
      "style": {
        "navigationBarTitleText": "自定义出库",
@@ -694,6 +701,62 @@
      }
    },
    {
      "path": "pages/inventoryManagement/dispatchLog/index",
      "style": {
        "navigationBarTitleText": "出库台账",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/inventoryManagement/dispatchLog/view",
      "style": {
        "navigationBarTitleText": "出库详情",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/inventoryManagement/stockManagement/index",
      "style": {
        "navigationBarTitleText": "库存管理",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/inventoryManagement/stockManagement/add",
      "style": {
        "navigationBarTitleText": "新增库存",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/inventoryManagement/stockManagement/subtract",
      "style": {
        "navigationBarTitleText": "库存出库",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/inventoryManagement/stockManagement/view",
      "style": {
        "navigationBarTitleText": "库存详情",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/inventoryManagement/stockReport/index",
      "style": {
        "navigationBarTitleText": "库存报表",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/inventoryManagement/stockReport/view",
      "style": {
        "navigationBarTitleText": "库存报表详情",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/safeProduction/safeQualifications/index",
      "style": {
        "navigationBarTitleText": "规程与资质",

 src/pages/index.vue

@@ -212,6 +212,31 @@
        </up-grid>
      </view>
    </view>
    <!-- ä»“储物流模块 -->
    <view class="common-module warehouse-logistics-module"
          v-if="hasWarehouseLogisticsItems">
      <view class="module-header">
        <view class="module-title-container">
          <text class="module-title">仓储物流</text>
        </view>
      </view>
      <view class="module-content">
        <up-grid :border="false"
                 col="4">
          <up-grid-item v-for="(item, index) in warehouseLogisticsItems"
                        :key="index"
                        @click="handleCommonItemClick(item)">
            <view class="icon-container"
                  :style="{ background: item.bgColor }">
              <up-icon :name="item.icon"
                       :size="58"
                       color="#ffffff"></up-icon>
            </view>
            <text class="item-label">{{item.label}}</text>
          </up-grid-item>
        </up-grid>
      </view>
    </view>
  </view>
</template>

@@ -439,7 +464,26 @@
      icon: "/static/images/icon/xunjianshangchuan@2x.png",
      label: "巡检管理",
    },
    
  ]);

  // ä»“储物流功能数据
  const warehouseLogisticsItems = reactive([
    {
      icon: "/static/images/icon/caigoutaizhang@2x.png",
      label: "入库管理",
    },
    {
      icon: "/static/images/icon/caigoutaizhang@2x.png",
      label: "出库台账",
    },
    {
      icon: "/static/images/icon/caigoutaizhang@2x.png",
      label: "库存管理",
    },
    {
      icon: "/static/images/icon/caigoutaizhang@2x.png",
      label: "库存报表",
    },
  ]);

  // å¤„理常用功能点击
@@ -747,6 +791,26 @@
      case "合同管理":
        uni.navigateTo({
          url: "/pages/humanResources/contractManagement/index",
        });
        break;
      case "入库管理":
        uni.navigateTo({
          url: "/pages/inventoryManagement/receiptManagement/index",
        });
        break;
      case "出库台账":
        uni.navigateTo({
          url: "/pages/inventoryManagement/dispatchLog/index",
        });
        break;
      case "库存管理":
        uni.navigateTo({
          url: "/pages/inventoryManagement/stockManagement/index",
        });
        break;
      case "库存报表":
        uni.navigateTo({
          url: "/pages/inventoryManagement/stockReport/index",
        });
        break;
      default:
@@ -1069,6 +1133,22 @@
      }
    }
    equipmentItems.splice(0, equipmentItems.length, ...filteredEquipment);

    // è¿‡æ»¤ä»“储物流菜单
    const originalWarehouseLogistics = [
      { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "入库管理" },
      { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "出库台账" },
      { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "库存管理" },
      { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "库存报表" },
    ];
    const filteredWarehouseLogistics = originalWarehouseLogistics.filter(
      item => allowedMenuTitles.has(item.label)
    );
    warehouseLogisticsItems.splice(
      0,
      warehouseLogisticsItems.length,
      ...filteredWarehouseLogistics
    );
  };

  // æ£€æŸ¥æ¨¡å—是否有菜单项需要显示
@@ -1079,6 +1159,9 @@
  const hasHumanResourcesItems = computed(() => humanResourcesItems.length > 0);
  const hasProductionItems = computed(() => productionItems.length > 0);
  const hasEquipmentItems = computed(() => equipmentItems.length > 0);
  const hasWarehouseLogisticsItems = computed(
    () => warehouseLogisticsItems.length > 0
  );

  onMounted(() => {
    // æ¯æ¬¡è¿›å…¥é¦–页都强制刷新用户信息和路由权限，不做本地缓存判断

 src/pages/inventoryManagement/dispatchLog/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,333 @@
<template>
  <view class="dispatch-page">
    <PageHeader title="出库台账" @back="goBack" />

    <!-- æ ‡ç­¾ï¼šåˆæ ¼å‡ºåº“ / ä¸åˆæ ¼å‡ºåº“ -->
    <view class="tabs-wrap">
      <view
        v-for="tab in tabs"
        :key="tab.name"
        class="tab-item"
        :class="{ active: activeTab === tab.name }"
        @click="activeTab = tab.name"
      >
        <text>{{ tab.label }}</text>
      </view>
    </view>

    <!-- æœç´¢åŒºåŸŸ -->
    <view class="search-section">
      <view class="search-row">
        <view class="search-input-wrap">
          <up-input
            v-model="searchForm.productName"
            placeholder="产品大类"
            clearable
          />
        </view>
        <view class="btn-search" @click="handleQuery">
          <view class="btn-search-inner">
            <up-icon name="search" size="22" color="#fff"></up-icon>
            <text>搜索</text>
          </view>
        </view>
      </view>
    </view>

    <!-- åˆ—表 -->
    <view class="list-section">
      <view v-if="tableData.length > 0">
        <view
          v-for="(item, index) in tableData"
          :key="item.id || index"
          class="card-item"
        >
          <view class="card-click" @click="goDetail(item)">
            <view class="card-header">
              <view class="header-main">
                <text class="product-name">{{ item.productName }}</text>
                <text class="outbound-date">{{ item.createTime }}</text>
              </view>
            </view>
            <up-divider />
            <view class="card-body">
              <view class="row"><text class="l">规格型号</text><text class="r">{{ item.model }}</text></view>
              <view class="row"><text class="l">单位</text><text class="r">{{ item.unit }}</text></view>
              <view class="row"><text class="l">出库数量</text><text class="r highlight">{{ item.stockOutNum }}</text></view>
              <view class="row"><text class="l">出库人</text><text class="r">{{ item.createBy }}</text></view>
              <view class="row" v-if="item.recordType !== undefined"><text class="l">来源</text><text class="r">{{ getRecordType(item.recordType) || item.recordType }}</text></view>
              <view class="row"><text class="l">毛重(吨)</text><text class="r">{{ item.grossWeight ?? '-' }}</text></view>
              <view class="row"><text class="l">皮重(吨)</text><text class="r">{{ item.tareWeight ?? '-' }}</text></view>
              <view class="row"><text class="l">净重(吨)</text><text class="r">{{ item.netWeight ?? '-' }}</text></view>
              <view class="row"><text class="l">过磅日期</text><text class="r">{{ item.weighingDate || '-' }}</text></view>
              <view class="row"><text class="l">过磅员</text><text class="r">{{ item.weighingOperator || '-' }}</text></view>
            </view>
          </view>
          <view class="card-actions">
            <view class="btn-delete" @click.stop="handleDeleteSingle(item)">删除</view>
          </view>
        </view>
      </view>
      <view v-else class="no-data">暂无数据</view>
    </view>
    <!-- åŠ è½½æ›´å¤š -->
    <view class="load-more-wrap" v-if="tableData.length > 0">
      <u-loadmore :status="loadStatus" @loadmore="loadMore" />
    </view>
  </view>
</template>

<script setup>
import { ref, reactive, toRefs, watch } from 'vue'
import { onShow, onReachBottom } from '@dcloudio/uni-app'
import PageHeader from '@/components/PageHeader.vue'
import { getStockOutPage, delStockOut } from '@/api/inventoryManagement/stockOutRecord.js'
import {
  findAllQualifiedStockOutRecordTypeOptions,
  findAllUnQualifiedStockOutRecordTypeOptions
} from '@/api/basicData/enum.js'

const activeTab = ref('qualified')
const stockRecordTypeOptions = ref([])
const tabs = [
  { label: '合格出库', name: 'qualified', type: '0' },
  { label: '不合格出库', name: 'unqualified', type: '1' }
]
const tableData = ref([])
const total = ref(0)
const loadStatus = ref('loadmore')
const page = reactive({ current: 1, size: 20 })
const data = reactive({
  searchForm: {
    productName: ''
  }
})
const { searchForm } = toRefs(data)

const currentType = () => tabs.find(t => t.name === activeTab.value)?.type || '0'

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

function fetchRecordTypeOptions() {
  const api = currentType() === '1'
    ? findAllUnQualifiedStockOutRecordTypeOptions
    : findAllQualifiedStockOutRecordTypeOptions
  api()
    .then(res => {
      const list = res.data != null ? res.data : res
      stockRecordTypeOptions.value = Array.isArray(list) ? list : []
    })
    .catch(() => {
      stockRecordTypeOptions.value = []
    })
}

const getList = () => {
  const isFirstPage = page.current === 1
  if (isFirstPage) {
    uni.showLoading({ title: '加载中...', mask: true })
  }
  getStockOutPage({
    ...page,
    type: currentType(),
    productName: searchForm.value.productName
  })
    .then(res => {
      uni.hideLoading()
      const records = res.data?.records || []
      const totalCount = res.data?.total || 0
      if (isFirstPage) {
        tableData.value = records
        fetchRecordTypeOptions()
      } else {
        tableData.value = [...tableData.value, ...records]
      }
      total.value = totalCount
      if (tableData.value.length >= totalCount || totalCount === 0) {
        loadStatus.value = 'nomore'
      } else {
        loadStatus.value = 'loadmore'
      }
    })
    .catch(() => {
      uni.hideLoading()
      loadStatus.value = 'error'
      if (isFirstPage) {
        uni.showToast({ title: '加载失败', icon: 'none' })
      }
    })
}

const loadMore = () => {
  if (loadStatus.value === 'nomore' || loadStatus.value === 'loading') return
  loadStatus.value = 'loading'
  page.current++
  getList()
}

watch(activeTab, () => {
  page.current = 1
  loadStatus.value = 'loadmore'
  stockRecordTypeOptions.value = []
  getList()
})

const handleQuery = () => {
  page.current = 1
  loadStatus.value = 'loadmore'
  getList()
}

const goDetail = (item) => {
  if (!item.id) return
  try {
    uni.setStorageSync('dispatchDetailItem', JSON.stringify({
      item,
      type: currentType()
    }))
  } catch (e) {}
  uni.navigateTo({
    url: '/pages/inventoryManagement/dispatchLog/view?id=' + item.id
  })
}

const handleDeleteSingle = (item) => {
  uni.showModal({
    title: '删除',
    content: '确认删除该条出库记录？',
    success: res => {
      if (res.confirm) {
        delStockOut([item.id])
          .then(() => {
            uni.showToast({ title: '删除成功', icon: 'success' })
            getList()
          })
          .catch(() => {
            uni.showToast({ title: '删除失败', icon: 'none' })
          })
      }
    }
  })
}

const goBack = () => uni.navigateBack()

onShow(() => getList())
onReachBottom(() => loadMore())
</script>

<style lang="scss" scoped>
.dispatch-page {
  min-height: 100vh;
  background: #f5f5f5;
  padding-bottom: 40rpx;
}
.tabs-wrap {
  display: flex;
  background: #fff;
  padding: 24rpx;
  gap: 24rpx;
}
.tab-item {
  flex: 1;
  text-align: center;
  padding: 20rpx;
  border-radius: 12rpx;
  background: #f0f0f0;
  font-size: 28rpx;
  color: #666;
}
.tab-item.active {
  background: #2979ff;
  color: #fff;
}
.search-section {
  background: #fff;
  margin: 24rpx;
  padding: 24rpx;
  border-radius: 16rpx;
}
.search-row {
  display: flex;
  align-items: center;
}
.search-input-wrap { flex: 1; margin-right: 20rpx; min-width: 0; }
.btn-search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180rpx;
  min-height: 72rpx;
  flex-shrink: 0;
  padding: 20rpx 24rpx;
  background: #2979ff;
  color: #fff;
  border-radius: 12rpx;
  font-size: 28rpx;
  box-sizing: border-box;
  text-align: center;
}
.btn-search-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8rpx;
}
.btn-search text { line-height: 1; vertical-align: middle; }
:deep(.btn-search-inner > *),
:deep(.btn-search > *) {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.list-section { padding: 0 24rpx; }
.card-item {
  background: #fff;
  border-radius: 16rpx;
  padding: 24rpx;
  margin-bottom: 24rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
}
.card-header { padding: 8rpx 0; }
.header-main {
  display: flex;
  flex-direction: column;
  gap: 8rpx;
}
.product-name { font-size: 30rpx; font-weight: 500; color: #333; }
.outbound-date { font-size: 24rpx; color: #999; }
.card-body .row {
  display: flex;
  justify-content: space-between;
  padding: 12rpx 0;
  font-size: 26rpx;
}
.card-body .l { color: #666; }
.card-body .r { color: #333; }
.card-body .r.highlight { color: #2979ff; font-weight: 500; }
.card-actions {
  margin-top: 16rpx;
  padding-top: 16rpx;
  border-top: 1rpx solid #eee;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-delete {
  font-size: 28rpx;
  color: #f56c6c;
  padding: 12rpx 32rpx;
}
.no-data {
  text-align: center;
  padding: 80rpx 0;
  color: #999;
  font-size: 28rpx;
}
.load-more-wrap { padding: 24rpx 0 40rpx; }
</style>

 src/pages/inventoryManagement/dispatchLog/view.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,259 @@
<template>
  <view class="detail-page">
    <PageHeader title="出库详情" @back="goBack" />
    <view v-if="loading" class="loading-wrap">
      <text class="loading-text">加载中...</text>
    </view>
    <view v-else-if="detail" class="detail-wrap">
      <!-- åŸºç¡€ä¿¡æ¯ -->
      <view class="section-card">
        <view class="section-head">
          <view class="section-dot"></view>
          <text class="section-title">基础信息</text>
        </view>
        <view class="section-body">
          <view class="detail-row">
            <text class="label">序号</text>
            <text class="value">{{ detail.index ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">出库批次</text>
            <text class="value value-strong">{{ detail.outboundBatches || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">出库时间</text>
            <text class="value">{{ detail.createTime || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">产品大类</text>
            <text class="value value-strong">{{ detail.productName || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">规格型号</text>
            <text class="value">{{ detail.model || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">单位</text>
            <text class="value">{{ detail.unit || '-' }}</text>
          </view>
          <view class="detail-row detail-row-highlight">
            <text class="label">出库数量</text>
            <text class="value value-num">{{ detail.stockOutNum ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">出库人</text>
            <text class="value">{{ detail.createBy || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">来源</text>
            <text class="value">{{ getRecordType(detail.recordType) || '-' }}</text>
          </view>
        </view>
      </view>
      <!-- å‡ºåº“信息 -->
      <view class="section-card">
        <view class="section-head">
          <view class="section-dot"></view>
          <text class="section-title">出库信息</text>
        </view>
        <view class="section-body">
          <view class="detail-row">
            <text class="label">车牌号</text>
            <text class="value">{{ detail.licensePlateNo || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">毛重(吨)</text>
            <text class="value">{{ detail.grossWeight ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">皮重(吨)</text>
            <text class="value">{{ detail.tareWeight ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">净重(吨)</text>
            <text class="value">{{ detail.netWeight ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">过磅日期</text>
            <text class="value">{{ detail.weighingDate || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">过磅员</text>
            <text class="value">{{ detail.weighingOperator || '-' }}</text>
          </view>
        </view>
      </view>
    </view>
    <view v-else class="empty">
      <text class="empty-text">暂无详情数据</text>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import PageHeader from '@/components/PageHeader.vue'
import {
  findAllQualifiedStockOutRecordTypeOptions,
  findAllUnQualifiedStockOutRecordTypeOptions
} from '@/api/basicData/enum.js'

const detail = ref(null)
const loading = ref(true)
const stockRecordTypeOptions = ref([])

function normalizeDetail(raw) {
  if (!raw) return null
  const d = typeof raw === 'object' ? raw : {}
  return {
    index: d.index ?? 1,
    outboundBatches: d.outboundBatches,
    createTime: d.createTime,
    productName: d.productName,
    model: d.model,
    unit: d.unit,
    stockOutNum: d.stockOutNum,
    createBy: d.createBy,
    recordType: d.recordType,
    licensePlateNo: d.licensePlateNo,
    grossWeight: d.grossWeight,
    tareWeight: d.tareWeight,
    netWeight: d.netWeight,
    weighingDate: d.weighingDate,
    weighingOperator: d.weighingOperator
  }
}

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

function fetchRecordTypeOptions(type) {
  const api = type === '1'
    ? findAllUnQualifiedStockOutRecordTypeOptions
    : findAllQualifiedStockOutRecordTypeOptions
  api()
    .then(res => {
      const data = res.data != null ? res.data : res
      stockRecordTypeOptions.value = Array.isArray(data) ? data : []
    })
    .catch(() => {
      stockRecordTypeOptions.value = []
    })
}

onLoad(() => {
  const cached = uni.getStorageSync('dispatchDetailItem')
  if (cached) {
    try {
      const payload = typeof cached === 'string' ? JSON.parse(cached) : cached
      const item = payload && payload.item != null ? payload.item : payload
      const type = payload && payload.type != null ? payload.type : '0'
      detail.value = normalizeDetail({ ...item, index: 1 })
      fetchRecordTypeOptions(type)
      uni.removeStorageSync('dispatchDetailItem')
    } catch (e) {
      uni.removeStorageSync('dispatchDetailItem')
    }
  }
  loading.value = false
})

const goBack = () => uni.navigateBack()
</script>

<style lang="scss" scoped>
.detail-page {
  min-height: 100vh;
  background: linear-gradient(180deg, #e8eef7 0%, #f2f5fa 100%);
  padding-bottom: 48rpx;
}
.loading-wrap {
  padding: 120rpx 48rpx;
  text-align: center;
}
.loading-text {
  color: #8c9aa8;
  font-size: 28rpx;
}
.empty {
  padding: 120rpx 48rpx;
  text-align: center;
}
.empty-text {
  color: #8c9aa8;
  font-size: 28rpx;
}
.detail-wrap {
  padding: 24rpx 24rpx 32rpx;
}
.section-card {
  background: #fff;
  border-radius: 24rpx;
  overflow: hidden;
  margin-bottom: 28rpx;
  box-shadow: 0 8rpx 32rpx rgba(41, 121, 255, 0.06);
  border: 1rpx solid rgba(41, 121, 255, 0.06);
}
.section-head {
  display: flex;
  align-items: center;
  padding: 28rpx 32rpx;
  background: linear-gradient(135deg, #f8fbff 0%, #f0f6ff 100%);
  border-bottom: 1rpx solid #eef3fa;
}
.section-dot {
  width: 8rpx;
  height: 8rpx;
  border-radius: 50%;
  background: #2979ff;
  margin-right: 16rpx;
}
.section-title {
  font-size: 30rpx;
  font-weight: 600;
  color: #1e3a5f;
  letter-spacing: 0.5rpx;
}
.section-body {
  padding: 8rpx 32rpx 24rpx;
}
.detail-row {
  display: flex;
  align-items: center;
  min-height: 96rpx;
  padding: 0 16rpx;
  border-radius: 12rpx;
  font-size: 28rpx;
  margin-bottom: 4rpx;
}
.detail-row .label {
  width: 200rpx;
  flex-shrink: 0;
  color: #6b7c93;
  font-size: 26rpx;
}
.detail-row .value {
  flex: 1;
  color: #2c3e50;
  text-align: right;
  word-break: break-all;
  font-size: 28rpx;
}
.detail-row .value-strong {
  color: #1e3a5f;
  font-weight: 500;
}
.detail-row .value-num {
  color: #2979ff;
  font-weight: 600;
  font-size: 32rpx;
}
.detail-row-highlight {
  background: linear-gradient(90deg, rgba(41, 121, 255, 0.06) 0%, transparent 100%);
  margin: 12rpx -16rpx 4rpx;
  padding: 20rpx 16rpx;
}
</style>

 src/pages/inventoryManagement/receiptManagement/index.vue

@@ -1,406 +1,358 @@
<template>
  <view class="stock-in-page">
    <PageHeader title="自定义入库" @back="goBack" />
    
  <view class="receipt-page">
    <PageHeader title="入库管理" @back="goBack" />

    <!-- æ ‡ç­¾ï¼šåˆæ ¼å…¥åº“ / ä¸åˆæ ¼å…¥åº“ -->
    <view class="tabs-wrap">
      <view
        v-for="tab in tabs"
        :key="tab.name"
        class="tab-item"
        :class="{ active: activeTab === tab.name }"
        @click="activeTab = tab.name"
      >
        <text>{{ tab.label }}</text>
      </view>
    </view>

    <!-- æœç´¢åŒºåŸŸ -->
    <view class="search-section">
      <view class="search-bar">
        <view class="search-input">
      <view class="search-row">
        <view class="search-input-wrap">
          <up-input
            v-model="searchForm.supplierName"
            placeholder="请输入供应商名称"
            v-model="searchForm.productName"
            placeholder="产品大类"
            clearable
          />
        </view>
        <view class="search-button" @click="handleQuery">
          <up-icon name="search" size="24" color="#999"></up-icon>
        <view class="btn-search" @click="handleQuery">
          <view class="btn-search-inner">
            <up-icon name="search" size="22" color="#fff"></up-icon>
            <text>搜索</text>
          </view>
        </view>
      </view>
      <view class="date-filter" @click="openDatePickerHandler">
        <text class="date-text">{{ searchForm.timeStr || '选择日期' }}</text>
        <up-icon name="calendar" size="18" color="#999"></up-icon>
      </view>
    </view>
    
    <!-- åˆ—表 -->
    <view class="stock-list" v-if="tableData.length > 0">
      <view v-for="(item, index) in tableData" :key="index" class="stock-item">
        <view class="item-header">
          <view class="item-left">
            <view class="batch-icon">
              <up-icon name="file-text" size="16" color="#ffffff"></up-icon>

    <!-- åˆ—表（合格/不合格共用接口 type åŒºåˆ†ï¼‰ -->
    <view class="list-section" v-if="activeTab !== 'custom'">
      <view v-if="tableData.length > 0">
        <view
          v-for="(item, index) in tableData"
          :key="item.id || index"
          class="card-item"
        >
          <view class="card-click" @click="goDetail(item)">
            <view class="card-header">
              <view class="header-main">
                <text class="product-name">{{ item.productName }}</text>
                <text class="inbound-date">{{ item.createTime || item.inboundDate }}</text>
              </view>
            </view>
            <text class="batch-text">{{ item.inboundBatches }}</text>
            <up-divider />
            <view class="card-body">
              <view class="row"><text class="l">规格型号</text><text class="r">{{ item.model }}</text></view>
              <view class="row"><text class="l">单位</text><text class="r">{{ item.unit }}</text></view>
              <view class="row"><text class="l">入库数量</text><text class="r highlight">{{ item.stockInNum }}</text></view>
              <view class="row"><text class="l">入库人</text><text class="r">{{ item.createBy }}</text></view>
              <view class="row" v-if="item.recordType !== undefined"><text class="l">来源</text><text class="r">{{ getRecordType(item.recordType) || item.recordType }}</text></view>
            </view>
          </view>
          <view class="item-right">
            <text class="time-text">{{ item.inboundDate }}</text>
          <view class="card-actions">
            <view class="btn-delete" @click.stop="handleDeleteSingle(item)">删除</view>
          </view>
        </view>
        <up-divider></up-divider>
        
        <view class="item-details">
          <view class="detail-row">
            <text class="detail-label">供应商名称</text>
            <text class="detail-value">{{ item.supplierName }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">产品大类</text>
            <text class="detail-value">{{ item.productCategory }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">规格型号</text>
            <text class="detail-value">{{ item.specificationModel }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">物品类型</text>
            <text class="detail-value">{{ item.itemType }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">入库数量</text>
            <text class="detail-value highlight">{{ item.inboundNum }} {{ item.unit }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">含税单价</text>
            <text class="detail-value">Â¥{{ item.taxInclusiveUnitPrice }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">含税总价</text>
            <text class="detail-value price">Â¥{{ item.taxInclusiveTotalPrice }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">税率</text>
            <text class="detail-value">{{ item.taxRate }}%</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">入库人</text>
            <text class="detail-value">{{ item.createBy }}</text>
          </view>
        </view>
        
        <view class="item-actions">
          <u-button type="primary" size="small" @click="handleEdit(item)">编辑</u-button>
          <u-button type="error" size="small" plain @click="handleDeleteSingle(item)">删除</u-button>
        </view>
      </view>
      <view v-else class="no-data">暂无数据</view>
    </view>
    
    <view v-else class="no-data">
      <text>暂无数据</text>
    <!-- åŠ è½½æ›´å¤š -->
    <view class="load-more-wrap" v-if="tableData.length > 0">
      <u-loadmore :status="loadStatus" @loadmore="loadMore" />
    </view>
    
    <!-- æµ®åŠ¨æ“ä½œæŒ‰é’® -->
    <view class="fab-button" @click="handleAdd">
      <up-icon name="plus" size="24" color="#ffffff"></up-icon>
    </view>
    
    <!-- æ—¥æœŸé€‰æ‹©å™¨ -->
    <up-popup :show="showDatePicker" mode="bottom" @close="showDatePicker = false">
      <up-datetime-picker
        :show="true"
        v-model="dateValue"
        @confirm="onDateConfirm"
        @cancel="showDatePicker = false"
        mode="date"
      />
    </up-popup>
    
    <!-- è¡¨å•å¼¹çª— -->
    <form-dia-manual ref="formDiaManual" @close="getList" @success="getList" />
  </view>
</template>

<script setup>
import { ref, reactive, toRefs, onMounted } from 'vue'
import { onShow } from '@dcloudio/uni-app'
import dayjs from 'dayjs'
import { ref, reactive, toRefs, watch } from 'vue'
import { onShow, onReachBottom } from '@dcloudio/uni-app'
import PageHeader from '@/components/PageHeader.vue'
import FormDiaManual from './components/formDiaManual.vue'
import useUserStore from '@/store/modules/user'
import { formatDateToYMD } from '@/utils/ruoyi'
import {
  getInPageByCustom,
  delStockInCustom
} from "@/api/inventoryManagement/stockIn.js"
  getStockInRecordListPage,
  batchDeleteStockInRecords
} from '@/api/inventoryManagement/stockInRecord.js'
import {
  findAllQualifiedStockInRecordTypeOptions,
  findAllUnQualifiedStockInRecordTypeOptions
} from '@/api/basicData/enum.js'

const userStore = useUserStore()
const activeTab = ref('qualified')
const stockRecordTypeOptions = ref([])
const tabs = [
  { label: '合格入库', name: 'qualified', type: '0' },
  { label: '不合格入库', name: 'unqualified', type: '1' }
]

const tableData = ref([])
const showDatePicker = ref(false)
const dateValue = ref(new Date().getTime())
const formDiaManual = ref(null)

const page = reactive({
  current: 1,
  size: 20,
})
const total = ref(0)
const loadStatus = ref('loadmore') // loadmore | loading | nomore | error

const page = reactive({ current: 1, size: 4 })
const data = reactive({
  searchForm: {
    supplierName: '',
    timeStr: '',
  },
    productName: ''
  }
})
const { searchForm } = toRefs(data)

// ç»Ÿä¸€ç”¨ dayjs è¾“出 YYYY-MM-DD
const formatYMDLocal = (ts) => dayjs(Number(ts)).format('YYYY-MM-DD')
const currentType = () => tabs.find(t => t.name === activeTab.value)?.type || '0'

// è¿”回上一页
const goBack = () => {
  uni.navigateBack()
function getRecordType(recordType) {
  if (recordType == null || recordType === '') return ''
  return stockRecordTypeOptions.value.find(item => item.value === recordType)?.label || ''
}

// æŸ¥è¯¢åˆ—表
const handleQuery = () => {
  page.current = 1
  getList()
function fetchRecordTypeOptions() {
  const api = currentType() === '1'
    ? findAllUnQualifiedStockInRecordTypeOptions
    : findAllQualifiedStockInRecordTypeOptions
  api()
    .then(res => {
      const data = res.data != null ? res.data : res
      stockRecordTypeOptions.value = Array.isArray(data) ? data : []
    })
    .catch(() => {
      stockRecordTypeOptions.value = []
    })
}

const getList = () => {
  uni.showLoading({
    title: '加载中...',
    mask: true
  })
  
  if (activeTab.value === 'custom') return
  const isFirstPage = page.current === 1
  if (isFirstPage) {
    uni.showLoading({ title: '加载中...', mask: true })
  }
  const params = {
    ...page,
    supplierName: searchForm.value.supplierName,
    timeStr: searchForm.value.timeStr
    type: currentType(),
    productName: searchForm.value.productName
  }
  
  getInPageByCustom(params).then(res => {
    uni.hideLoading()
    tableData.value = res.data.records || []
    total.value = res.data.total || 0
  }).catch(() => {
    uni.hideLoading()
    uni.showToast({
      title: '加载失败',
      icon: 'none'
  getStockInRecordListPage(params)
    .then(res => {
      uni.hideLoading()
      const records = res.data?.records || []
      const totalCount = res.data?.total || 0
      if (isFirstPage) {
        tableData.value = records
        fetchRecordTypeOptions()
      } else {
        tableData.value = [...tableData.value, ...records]
      }
      total.value = totalCount
      if (tableData.value.length >= totalCount || totalCount === 0) {
        loadStatus.value = 'nomore'
      } else {
        loadStatus.value = 'loadmore'
      }
    })
    .catch(() => {
      uni.hideLoading()
      loadStatus.value = 'error'
      if (isFirstPage) {
        uni.showToast({ title: '加载失败', icon: 'none' })
      }
    })
}

const loadMore = () => {
  if (loadStatus.value === 'nomore' || loadStatus.value === 'loading') return
  loadStatus.value = 'loading'
  page.current++
  getList()
}

watch(activeTab, () => {
  page.current = 1
  loadStatus.value = 'loadmore'
  stockRecordTypeOptions.value = []
  getList()
})

const handleQuery = () => {
  page.current = 1
  loadStatus.value = 'loadmore'
  getList()
}

const goDetail = (item) => {
  if (!item.id) return
  try {
    uni.setStorageSync('receiptDetailItem', JSON.stringify({
      item,
      type: currentType()
    }))
  } catch (e) {}
  uni.navigateTo({
    url: '/pages/inventoryManagement/receiptManagement/view?id=' + item.id
  })
}

// æ‰“开日期选择器（简单可靠）
const openDatePickerHandler = () => {
  // è‹¥å·²æœ‰é€‰ä¸­æ—¥æœŸï¼Œç”¨å®ƒåˆå§‹åŒ–；否则用今天
  dateValue.value = searchForm.value.timeStr
    ? dayjs(searchForm.value.timeStr, 'YYYY-MM-DD').valueOf()
    : Date.now()
  showDatePicker.value = true
}

// æ—¥æœŸé€‰æ‹©ç¡®è®¤ï¼ˆä¸Žå…¶ä»–页一致：拿时间戳 -> YYYY-MM-DD）
const onDateConfirm = (e) => {
  searchForm.value.timeStr = formatDateToYMD(e.value)
  showDatePicker.value = false
  handleQuery()
}

// æ–°å¢žå…¥åº“
const handleAdd = () => {
  formDiaManual.value?.openDialog('add')
}

// ç¼–辑
const handleEdit = (item) => {
  formDiaManual.value?.openDialog('edit', item)
}

// åˆ é™¤å•æ¡
const handleDeleteSingle = (item) => {
  // æ£€æŸ¥æ˜¯å¦æ˜¯æœ¬äººåˆ›å»º
  if (item.createBy !== userStore.nickName) {
    uni.showToast({
      title: '不可删除他人维护的数据',
      icon: 'none'
    })
    return
  }
  
  uni.showModal({
    title: '删除',
    content: '确认删除该入库记录吗？',
    success: (res) => {
    content: '确认删除该条入库记录？',
    success: res => {
      if (res.confirm) {
        delStockInCustom({ ids: [item.id] }).then(() => {
          uni.showToast({
            title: '删除成功',
            icon: 'success'
        batchDeleteStockInRecords([item.id])
          .then(() => {
            uni.showToast({ title: '删除成功', icon: 'success' })
            getList()
          })
          getList()
        }).catch(() => {
          uni.showToast({
            title: '删除失败',
            icon: 'none'
          .catch(() => {
            uni.showToast({ title: '删除失败', icon: 'none' })
          })
        })
      }
    }
  })
}

const goBack = () => uni.navigateBack()

onShow(() => {
  getList()
  if (activeTab.value !== 'custom') getList()
})

onReachBottom(() => {
  loadMore()
})
</script>

<style scoped lang="scss">
.stock-in-page {
<style lang="scss" scoped>
.receipt-page {
  min-height: 100vh;
  background: #f5f5f5;
  padding-bottom: 80px;
  padding-bottom: 40rpx;
}

.tabs-wrap {
  display: flex;
  background: #fff;
  padding: 24rpx;
  gap: 24rpx;
}
.tab-item {
  flex: 1;
  text-align: center;
  padding: 20rpx;
  border-radius: 12rpx;
  background: #f0f0f0;
  font-size: 28rpx;
  color: #666;
}
.tab-item.active {
  background: #2979ff;
  color: #fff;
}
.search-section {
  background: #fff;
  padding: 16px;
  margin-bottom: 12px;
  margin: 24rpx;
  padding: 24rpx;
  border-radius: 16rpx;
}

.search-bar {
.search-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  margin-bottom: 20rpx;
}

.search-input {
  flex: 1;
}

.search-button {
  width: 44px;
  height: 44px;
.search-input-wrap { flex: 1; margin-right: 20rpx; min-width: 0; }
.btn-search {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 8px;
}

.date-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #f5f5f5;
  border-radius: 8px;
}

.date-text {
  font-size: 14px;
  color: #666;
}

.stock-list {
  padding: 0 16px;
}

.stock-item {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.item-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.batch-icon {
  width: 32px;
  height: 32px;
  width: 180rpx;
  min-height: 72rpx;
  flex-shrink: 0;
  padding: 20rpx 24rpx;
  background: #2979ff;
  border-radius: 8px;
  color: #fff;
  border-radius: 12rpx;
  font-size: 28rpx;
  box-sizing: border-box;
  text-align: center;
}
.btn-search-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8rpx;
}
.btn-search text {
  line-height: 1;
  vertical-align: middle;
}
/* æŒ‰é’®å†…图标与文字垂直水平都居中 */
:deep(.btn-search-inner > *),
:deep(.btn-search > *) {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.batch-text {
  font-size: 14px;
.list-section {
  padding: 0 24rpx;
}
.card-item {
  background: #fff;
  border-radius: 16rpx;
  padding: 24rpx;
  margin-bottom: 24rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
}
.card-header {
  padding: 8rpx 0;
}
.header-main {
  display: flex;
  flex-direction: column;
  gap: 8rpx;
}
.product-name {
  font-size: 30rpx;
  font-weight: 500;
  color: #333;
}

.time-text {
  font-size: 12px;
.inbound-date {
  font-size: 24rpx;
  color: #999;
}

.item-details {
  margin: 12px 0;
}

.detail-row {
.card-body .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  padding: 12rpx 0;
  font-size: 26rpx;
}

.detail-label {
  font-size: 14px;
  color: #666;
}

.detail-value {
  font-size: 14px;
  color: #333;
  text-align: right;
  flex: 1;
  margin-left: 12px;
}

.detail-value.highlight {
  color: #2979ff;
  font-weight: 500;
}

.detail-value.price {
  color: #ff6b00;
  font-weight: 500;
}

.item-actions {
.card-body .l { color: #666; }
.card-body .r { color: #333; }
.card-body .r.highlight { color: #2979ff; font-weight: 500; }
.card-actions {
  margin-top: 16rpx;
  padding-top: 16rpx;
  border-top: 1rpx solid #eee;
  display: flex;
  gap: 12px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #f5f5f5;
  justify-content: center;
  align-items: center;
}

.btn-delete {
  font-size: 28rpx;
  color: #f56c6c;
  padding: 12rpx 32rpx;
}
.no-data {
  text-align: center;
  padding: 60px 0;
  padding: 80rpx 0;
  color: #999;
  font-size: 14px;
  font-size: 28rpx;
}

.fab-button {
  position: fixed;
  right: 20px;
  bottom: 80px;
  width: 56px;
  height: 56px;
  background: #2979ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(41, 121, 255, 0.4);
  z-index: 999;
.load-more-wrap {
  padding: 24rpx 0 40rpx;
}
</style>

 src/pages/inventoryManagement/receiptManagement/view.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,260 @@
<template>
  <view class="detail-page">
    <PageHeader title="入库详情" @back="goBack" />
    <view v-if="loading" class="loading-wrap">
      <text class="loading-text">加载中...</text>
    </view>
    <view v-else-if="detail" class="detail-wrap">
      <!-- åŸºç¡€ä¿¡æ¯ -->
      <view class="section-card">
        <view class="section-head">
          <view class="section-dot"></view>
          <text class="section-title">基础信息</text>
        </view>
        <view class="section-body">
          <view class="detail-row">
            <text class="label">序号</text>
            <text class="value">{{ detail.index ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">入库批次</text>
            <text class="value value-strong">{{ detail.inboundBatches || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">入库时间</text>
            <text class="value">{{ detail.createTime || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">产品大类</text>
            <text class="value value-strong">{{ detail.productName || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">规格型号</text>
            <text class="value">{{ detail.model || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">单位</text>
            <text class="value">{{ detail.unit || '-' }}</text>
          </view>
          <view class="detail-row detail-row-highlight">
            <text class="label">入库数量</text>
            <text class="value value-num">{{ detail.stockInNum ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">入库人</text>
            <text class="value">{{ detail.createBy || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">来源</text>
            <text class="value">{{ getRecordType(detail.recordType) || '-' }}</text>
          </view>
        </view>
      </view>
      <!-- å…¥åº“信息 -->
      <view class="section-card">
        <view class="section-head">
          <view class="section-dot"></view>
          <text class="section-title">入库信息</text>
        </view>
        <view class="section-body">
          <view class="detail-row">
            <text class="label">车牌号</text>
            <text class="value">{{ detail.licensePlateNo || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">毛重(吨)</text>
            <text class="value">{{ detail.grossWeight ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">皮重(吨)</text>
            <text class="value">{{ detail.tareWeight ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">净重(吨)</text>
            <text class="value">{{ detail.netWeight ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">过磅日期</text>
            <text class="value">{{ detail.weighingDate || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">过磅员</text>
            <text class="value">{{ detail.weighingOperator || '-' }}</text>
          </view>
        </view>
      </view>
    </view>
    <view v-else class="empty">
      <text class="empty-text">暂无详情数据</text>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import PageHeader from '@/components/PageHeader.vue'
import {
  findAllQualifiedStockInRecordTypeOptions,
  findAllUnQualifiedStockInRecordTypeOptions
} from '@/api/basicData/enum.js'

const detail = ref(null)
const loading = ref(true)
const stockRecordTypeOptions = ref([])

// ä¸Žå‚考 el-table-column çš„ prop ä¿æŒä¸€è‡´ï¼šinboundBatches, createTime, productName, model, unit, stockInNum, licensePlateNo, grossWeight, tareWeight, netWeight, createBy, recordType, weighingDate, weighingOperator
function normalizeDetail(raw) {
  if (!raw) return null
  const d = typeof raw === 'object' ? raw : {}
  return {
    index: d.index ?? 1,
    inboundBatches: d.inboundBatches,
    createTime: d.createTime,
    productName: d.productName,
    model: d.model,
    unit: d.unit,
    stockInNum: d.stockInNum,
    createBy: d.createBy,
    recordType: d.recordType,
    licensePlateNo: d.licensePlateNo,
    grossWeight: d.grossWeight,
    tareWeight: d.tareWeight,
    netWeight: d.netWeight,
    weighingDate: d.weighingDate,
    weighingOperator: d.weighingOperator
  }
}

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

function fetchRecordTypeOptions(type) {
  const api = type === '1'
    ? findAllUnQualifiedStockInRecordTypeOptions
    : findAllQualifiedStockInRecordTypeOptions
  api()
    .then(res => {
      const data = res.data != null ? res.data : res
      stockRecordTypeOptions.value = Array.isArray(data) ? data : []
    })
    .catch(() => {
      stockRecordTypeOptions.value = []
    })
}

onLoad(() => {
  const cached = uni.getStorageSync('receiptDetailItem')
  if (cached) {
    try {
      const payload = typeof cached === 'string' ? JSON.parse(cached) : cached
      const item = payload && payload.item != null ? payload.item : payload
      const type = payload && payload.type != null ? payload.type : '0'
      detail.value = normalizeDetail({ ...item, index: 1 })
      fetchRecordTypeOptions(type)
      uni.removeStorageSync('receiptDetailItem')
    } catch (e) {
      uni.removeStorageSync('receiptDetailItem')
    }
  }
  loading.value = false
})

const goBack = () => uni.navigateBack()
</script>

<style lang="scss" scoped>
.detail-page {
  min-height: 100vh;
  background: linear-gradient(180deg, #e8eef7 0%, #f2f5fa 100%);
  padding-bottom: 48rpx;
}
.loading-wrap {
  padding: 120rpx 48rpx;
  text-align: center;
}
.loading-text {
  color: #8c9aa8;
  font-size: 28rpx;
}
.empty {
  padding: 120rpx 48rpx;
  text-align: center;
}
.empty-text {
  color: #8c9aa8;
  font-size: 28rpx;
}
.detail-wrap {
  padding: 24rpx 24rpx 32rpx;
}
.section-card {
  background: #fff;
  border-radius: 24rpx;
  overflow: hidden;
  margin-bottom: 28rpx;
  box-shadow: 0 8rpx 32rpx rgba(41, 121, 255, 0.06);
  border: 1rpx solid rgba(41, 121, 255, 0.06);
}
.section-head {
  display: flex;
  align-items: center;
  padding: 28rpx 32rpx;
  background: linear-gradient(135deg, #f8fbff 0%, #f0f6ff 100%);
  border-bottom: 1rpx solid #eef3fa;
}
.section-dot {
  width: 8rpx;
  height: 8rpx;
  border-radius: 50%;
  background: #2979ff;
  margin-right: 16rpx;
}
.section-title {
  font-size: 30rpx;
  font-weight: 600;
  color: #1e3a5f;
  letter-spacing: 0.5rpx;
}
.section-body {
  padding: 8rpx 32rpx 24rpx;
}
.detail-row {
  display: flex;
  align-items: center;
  min-height: 96rpx;
  padding: 0 16rpx;
  border-radius: 12rpx;
  font-size: 28rpx;
  margin-bottom: 4rpx;
}
.detail-row .label {
  width: 200rpx;
  flex-shrink: 0;
  color: #6b7c93;
  font-size: 26rpx;
}
.detail-row .value {
  flex: 1;
  color: #2c3e50;
  text-align: right;
  word-break: break-all;
  font-size: 28rpx;
}
.detail-row .value-strong {
  color: #1e3a5f;
  font-weight: 500;
}
.detail-row .value-num {
  color: #2979ff;
  font-weight: 600;
  font-size: 32rpx;
}
.detail-row-highlight {
  background: linear-gradient(90deg, rgba(41, 121, 255, 0.06) 0%, transparent 100%);
  margin: 12rpx -16rpx 4rpx;
  padding: 20rpx 16rpx;
}
</style>

 src/pages/inventoryManagement/stockManagement/add.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,426 @@
<template>
  <view class="add-stock-page">
    <PageHeader title="新增库存" @back="goBack" />

    <scroll-view scroll-y class="content-scroll">
      <view class="form-section">
        <view class="form-row">
          <text class="form-label required">产品名称</text>
          <view class="selector-trigger" @click="openProductSelector">
            <text class="selector-text" :class="{ placeholder: !form.productName }">
              {{ form.productName || '请选择产品' }}
            </text>
            <up-icon name="arrow-right" size="16" color="#999"></up-icon>
          </view>
        </view>
        <view class="form-row">
          <text class="form-label">规格</text>
          <up-input v-model="form.productModelName" disabled placeholder="请选择产品后自动带出" />
        </view>
        <view class="form-row">
          <text class="form-label">单位</text>
          <up-input v-model="form.unit" disabled placeholder="请选择产品后自动带出" />
        </view>
      </view>

      <!-- åˆæ ¼åº“存时显示过磅相关字段 -->
      <view v-if="isQualified" class="form-section">
        <view class="section-title">过磅信息</view>
        <view class="form-row">
          <text class="form-label">车牌号</text>
          <up-input v-model="form.licensePlateNo" placeholder="请输入车牌号" />
        </view>
        <view class="form-row">
          <text class="form-label">毛重(吨)</text>
          <up-input
            v-model="form.grossWeight"
            type="number"
            placeholder="请输入毛重"
          />
        </view>
        <view class="form-row">
          <text class="form-label">皮重(吨)</text>
          <up-input
            v-model="form.tareWeight"
            type="number"
            placeholder="请输入皮重"
          />
        </view>
        <view class="form-row">
          <text class="form-label">净重(吨)</text>
          <up-input
            v-model="form.netWeight"
            type="number"
            disabled
            placeholder="自动计算"
          />
        </view>
        <view class="form-row">
          <text class="form-label">过磅日期</text>
          <view class="selector-trigger" @click="openWeighingDatePicker">
            <text class="selector-text" :class="{ placeholder: !form.weighingDate }">
              {{ form.weighingDate || '请选择过磅日期' }}
            </text>
            <up-icon name="calendar" size="16" color="#999"></up-icon>
          </view>
        </view>
        <view class="form-row">
          <text class="form-label">过磅员</text>
          <up-input v-model="form.weighingOperator" placeholder="请输入过磅员" />
        </view>
      </view>

      <view class="form-section">
        <!-- <view class="form-row">
          <text class="form-label required">数量</text>
          <up-input v-model="form.qualitity" type="number" placeholder="请输入数量" />
        </view> -->
        <view class="form-row">
          <text class="form-label">备注</text>
          <up-input v-model="form.remark" type="textarea" placeholder="选填" />
        </view>
      </view>
    </scroll-view>

    <!-- æäº¤æŒ‰é’® -->
    <view class="bottom-bar">
      <view class="btn-submit" @click="handleSubmit">提交</view>
    </view>

    <!-- äº§å“é€‰æ‹©å¼¹çª—（简化版 ProductSelectDialog） -->
    <up-popup :show="showProductPopup" mode="bottom" @close="showProductPopup = false">
      <view class="product-popup">
        <view class="popup-header">
          <text class="popup-title">选择产品</text>
        </view>
        <view class="popup-search">
          <up-input
            v-model="productQuery.productName"
            placeholder="产品大类"
            clearable
          />
          <up-input
            v-model="productQuery.model"
            placeholder="型号名称"
            clearable
          />
          <view class="popup-search-btn" @click="loadProductList">搜索</view>
        </view>
        <scroll-view scroll-y class="product-list">
          <view
            v-for="item in productList"
            :key="item.id"
            class="product-item"
            @click="selectProduct(item)"
          >
            <view class="product-name-row">
              <text class="product-name">{{ item.productName }}</text>
              <text class="product-unit">{{ item.unit }}</text>
            </view>
            <view class="product-model">型号：{{ item.model }}</view>
          </view>
          <view v-if="!productLoading && productList.length === 0" class="no-data">
            æš‚无数据
          </view>
        </scroll-view>
      </view>
    </up-popup>

    <!-- è¿‡ç£…日期选择器 -->
    <up-popup :show="showWeighingDatePicker" mode="bottom" @close="showWeighingDatePicker = false">
      <up-datetime-picker
        :show="true"
        v-model="weighingDateValue"
        mode="datetime"
        @confirm="onWeighingDateConfirm"
        @cancel="showWeighingDatePicker = false"
      />
    </up-popup>
  </view>
</template>

<script setup>
import { ref, reactive, computed, watch } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import dayjs from 'dayjs'
import PageHeader from '@/components/PageHeader.vue'
import { createStockInventory } from '@/api/inventoryManagement/stockInventory.js'
import { createStockUnInventory } from '@/api/inventoryManagement/stockUninventory.js'
import { productModelList } from '@/api/basicData/productModel.js'

const form = reactive({
  productId: undefined,
  productModelId: undefined,
  productName: '',
  productModelName: '',
  unit: '',
  productType: undefined,
  licensePlateNo: '',
  grossWeight: '',
  tareWeight: '',
  netWeight: '',
  weighingDate: '',
  weighingOperator: '',
  qualitity: '',
  remark: ''
})

const type = ref('0') // 0 åˆæ ¼åº“存，1 ä¸åˆæ ¼åº“å­˜
const isQualified = computed(() => type.value === '0')

const showProductPopup = ref(false)
const productQuery = reactive({
  productName: '',
  model: ''
})
const productList = ref([])
const productLoading = ref(false)

const showWeighingDatePicker = ref(false)
const weighingDateValue = ref(Date.now())

onLoad((options) => {
  if (options && options.type != null) {
    type.value = options.type
  }
})

const openProductSelector = () => {
  showProductPopup.value = true
  if (productList.value.length === 0) {
    loadProductList()
  }
}

const loadProductList = () => {
  productLoading.value = true
  productModelList({
    productName: productQuery.productName || '',
    model: productQuery.model || '',
    current: 1,
    size: 20
  })
    .then(res => {
      const data = res?.records || res?.data?.records || []
      productList.value = Array.isArray(data) ? data : []
    })
    .finally(() => {
      productLoading.value = false
    })
}

const selectProduct = (item) => {
  form.productId = item.productId || item.id
  form.productModelId = item.id
  form.productName = item.productName
  form.productModelName = item.model
  form.unit = item.unit
  form.productType = item.productType
  showProductPopup.value = false
}

// å‡€é‡ = æ¯›é‡ - çš®é‡
const computeNetWeight = () => {
  const gross = Number(form.grossWeight)
  const tare = Number(form.tareWeight)
  if (!isNaN(gross) && !isNaN(tare)) {
    const net = Number((gross - tare).toFixed(2))
    form.netWeight = net > 0 ? net : 0
  } else {
    form.netWeight = ''
  }
}

// ç›‘听毛重、皮重变化，自动计算净重
watch(
  () => [form.grossWeight, form.tareWeight],
  () => {
    computeNetWeight()
  }
)

const openWeighingDatePicker = () => {
  weighingDateValue.value = form.weighingDate
    ? dayjs(form.weighingDate, 'YYYY-MM-DD HH:mm:ss').valueOf()
    : Date.now()
  showWeighingDatePicker.value = true
}

const onWeighingDateConfirm = (e) => {
  const ts = e?.value ?? weighingDateValue.value
  form.weighingDate = dayjs(ts).format('YYYY-MM-DD HH:mm:ss')
  showWeighingDatePicker.value = false
}

const handleSubmit = () => {
  if (!form.productName || !form.productModelId) {
    uni.showToast({ title: '请选择产品', icon: 'none' })
    return
  }
  // if (!form.qualitity || Number(form.qualitity) <= 0) {
  //   uni.showToast({ title: '请输入数量', icon: 'none' })
  //   return
  // }
  const payload = {
    productId: form.productId,
    productModelId: form.productModelId,
    productName: form.productName,
    productModelName: form.productModelName,
    unit: form.unit,
    productType: form.productType,
    licensePlateNo: form.licensePlateNo,
    grossWeight: form.grossWeight,
    tareWeight: form.tareWeight,
    netWeight: form.netWeight,
    weighingDate: form.weighingDate,
    weighingOperator: form.weighingOperator,
    remark: form.remark
  }
  const api = isQualified.value ? createStockInventory : createStockUnInventory
  api(payload)
    .then(() => {
      uni.showToast({ title: '新增成功', icon: 'success' })
      setTimeout(() => {
        uni.navigateBack()
      }, 400)
    })
    .catch(() => {
      uni.showToast({ title: '新增失败', icon: 'none' })
    })
}

const goBack = () => uni.navigateBack()
</script>

<style lang="scss" scoped>
.add-stock-page {
  min-height: 100vh;
  background: #f5f5f5;
  padding-bottom: 100rpx;
}
.content-scroll {
  height: calc(100vh - 100rpx);
}
.form-section {
  background: #fff;
  margin: 24rpx;
  padding: 24rpx;
  border-radius: 16rpx;
}
.section-title {
  font-size: 28rpx;
  font-weight: 500;
  color: #333;
  margin-bottom: 12rpx;
}
.form-row {
  margin-bottom: 24rpx;
}
.form-label {
  display: block;
  font-size: 26rpx;
  color: #666;
  margin-bottom: 12rpx;
}
.form-label.required::after {
  content: '*';
  color: #f56c6c;
  margin-left: 6rpx;
}
.selector-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 24rpx;
  background: #f5f5f5;
  border-radius: 12rpx;
}
.selector-text {
  font-size: 28rpx;
  color: #333;
}
.selector-text.placeholder {
  color: #999;
}
.bottom-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16rpx 24rpx calc(16rpx + env(safe-area-inset-bottom));
  background: #fff;
  box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.04);
}
.btn-submit {
  height: 88rpx;
  border-radius: 999rpx;
  background: #2979ff;
  color: #fff;
  font-size: 30rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-popup {
  background: #fff;
  border-radius: 24rpx 24rpx 0 0;
  padding-bottom: env(safe-area-inset-bottom);
}
.popup-header {
  padding: 24rpx;
  border-bottom: 1rpx solid #eee;
}
.popup-title {
  font-size: 30rpx;
  font-weight: 500;
  color: #333;
}
.popup-search {
  padding: 16rpx 24rpx;
  display: flex;
  flex-direction: column;
  gap: 12rpx;
}
.popup-search-btn {
  margin-top: 8rpx;
  align-self: flex-end;
  padding: 12rpx 32rpx;
  border-radius: 999rpx;
  background: #2979ff;
  color: #fff;
  font-size: 26rpx;
}
.product-list {
  max-height: 600rpx;
  padding: 0 24rpx 24rpx;
}
.product-item {
  padding: 20rpx 0;
  border-bottom: 1rpx solid #f0f0f0;
}
.product-name-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8rpx;
}
.product-name {
  font-size: 28rpx;
  color: #333;
}
.product-unit {
  font-size: 24rpx;
  color: #999;
}
.product-model {
  font-size: 24rpx;
  color: #666;
}
.no-data {
  text-align: center;
  padding: 40rpx 0;
  color: #999;
  font-size: 26rpx;
}
</style>


 src/pages/inventoryManagement/stockManagement/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,456 @@
<template>
  <view class="stock-mgmt-page">
    <PageHeader title="库存管理" @back="goBack" />

    <!-- æ ‡ç­¾ï¼šåˆæ ¼åº“å­˜ / ä¸åˆæ ¼åº“å­˜ -->
    <view class="tabs-wrap">
      <view
        v-for="tab in tabs"
        :key="tab.name"
        class="tab-item"
        :class="{ active: activeTab === tab.name }"
        @click="activeTab = tab.name"
      >
        <text>{{ tab.label }}</text>
      </view>
    </view>

    <!-- æœç´¢åŒºåŸŸ -->
    <view class="search-section">
      <view class="search-row">
        <view class="search-input-wrap">
          <up-input
            v-model="searchForm.productName"
            placeholder="产品大类"
            clearable
          />
        </view>
        <view class="btn-search" @click="handleQuery">
          <view class="btn-search-inner">
            <up-icon name="search" size="22" color="#fff"></up-icon>
            <text>搜索</text>
          </view>
        </view>
      </view>
    </view>

    <!-- åˆ—表 + æ»šåŠ¨åˆ†é¡µ -->
    <view class="list-section">
      <view v-if="tableData.length > 0">
        <view
          v-for="(item, index) in tableData"
          :key="item.id || index"
          class="card-item"
        >
          <view class="card-click" @click="goDetail(item)">
            <view class="card-header">
              <view class="header-main">
                <text class="product-name">{{ item.productName }}</text>
                <text class="sub-title">{{ item.model || item.updateTime }}</text>
              </view>
            </view>
            <up-divider />
            <view class="card-body">
              <view class="row"><text class="l">规格型号</text><text class="r">{{ item.model }}</text></view>
              <view class="row"><text class="l">单位</text><text class="r">{{ item.unit }}</text></view>
              <view class="row"><text class="l">总库存数</text><text class="r highlight">{{ item.qualitity }}</text></view>
              <view class="row"><text class="l">冻结数量</text><text class="r">{{ item.lockedQuantity || 0 }}</text></view>
              <view class="row"><text class="l">可用库存</text><text class="r">{{ item.unLockedQuantity ?? (item.qualitity - (item.lockedQuantity || 0)) }}</text></view>
              <view class="row"><text class="l">最近更新时间</text><text class="r">{{ item.updateTime }}</text></view>
            </view>
          </view>
          <view class="card-actions">
            <view
              class="btn-link btn-link-primary"
              :class="{ disabled: !(item.unLockedQuantity > 0) }"
              @click="openSubtract(item)"
            >出库</view>
            <view
              class="btn-link btn-link-warn"
              v-if="item.unLockedQuantity > 0"
              @click="openFrozen(item)"
            >冻结</view>
            <view
              class="btn-link btn-link-plain"
              v-if="(item.lockedQuantity || 0) > 0"
              @click="openThaw(item)"
            >解冻</view>
          </view>
        </view>
        <view class="load-more-wrap">
          <u-loadmore :status="loadStatus" @loadmore="loadMore" />
        </view>
      </view>
      <view v-else class="no-data">暂无数据</view>
    </view>

    <!-- å‡ºåº“/冻结/解冻弹窗 -->
    <up-popup :show="showQuantityPopup" mode="center" round="16" @close="closeQuantityPopup">
      <view class="popup-inner">
        <view class="popup-title">{{ quantityTitle }}</view>
        <view class="form-row">
          <text class="form-label">数量</text>
          <up-input v-model="quantityForm.num" type="number" :placeholder="'最大' + maxQuantity" />
        </view>
        <view class="popup-footer">
          <view class="btn-cancel" @click="closeQuantityPopup">取消</view>
          <view class="btn-ok" @click="submitQuantity">确定</view>
        </view>
      </view>
    </up-popup>

    <!-- å³ä¸‹è§’新增按钮：进入新增库存页面 -->
    <view class="fab-button" @click="goAdd">
      <up-icon name="plus" size="24" color="#ffffff"></up-icon>
    </view>
  </view>
</template>

<script setup>
import { ref, reactive, toRefs, watch, computed } from 'vue'
import { onShow, onReachBottom } from '@dcloudio/uni-app'
import PageHeader from '@/components/PageHeader.vue'
import {
  getStockInventoryListPage,
  createStockInventory,
  subtractStockInventory,
  frozenStockInventory,
  thawStockInventory
} from '@/api/inventoryManagement/stockInventory.js'
import {
  getStockUninventoryListPage,
  createStockUnInventory,
  subtractStockUnInventory,
  frozenStockUninventory,
  thawStockUninventory
} from '@/api/inventoryManagement/stockUninventory.js'

const activeTab = ref('qualified')
const tabs = [
  { label: '合格库存', name: 'qualified' },
  { label: '不合格库存', name: 'unqualified' }
]
const tableData = ref([])
const total = ref(0)
const loadStatus = ref('loadmore') // loadmore | loading | nomore | error
const showQuantityPopup = ref(false)
const quantityOp = ref('') // subtract | frozen | thaw
const currentRecord = ref(null)
const page = reactive({ current: 1, size: 20 })
const data = reactive({
  searchForm: { productName: '' },
  quantityForm: { num: '' }
})
const { searchForm, quantityForm } = toRefs(data)

const isQualified = () => activeTab.value === 'qualified'
const getList = () => {
  const isFirstPage = page.current === 1
  if (isFirstPage) {
    uni.showLoading({ title: '加载中...', mask: true })
  }
  const params = { ...page, productName: searchForm.value.productName }
  const api = isQualified() ? getStockInventoryListPage : getStockUninventoryListPage
  api(params)
    .then(res => {
      uni.hideLoading()
      const records = res.data?.records || []
      const totalCount = res.data?.total || 0
      if (isFirstPage) {
        tableData.value = records
      } else {
        tableData.value = [...tableData.value, ...records]
      }
      total.value = totalCount
      if (tableData.value.length >= totalCount || totalCount === 0) {
        loadStatus.value = 'nomore'
      } else {
        loadStatus.value = 'loadmore'
      }
    })
    .catch(() => {
      uni.hideLoading()
      loadStatus.value = 'error'
      if (isFirstPage) {
        uni.showToast({ title: '加载失败', icon: 'none' })
      }
    })
}

const loadMore = () => {
  if (loadStatus.value === 'nomore' || loadStatus.value === 'loading') return
  loadStatus.value = 'loading'
  page.current++
  getList()
}

watch(activeTab, () => {
  page.current = 1
  loadStatus.value = 'loadmore'
  getList()
})

const handleQuery = () => {
  page.current = 1
  loadStatus.value = 'loadmore'
  getList()
}

const goAdd = () => {
  const type = isQualified() ? '0' : '1'
  uni.navigateTo({
    url: `/pages/inventoryManagement/stockManagement/add?type=${type}`
  })
}

const quantityTitle = computed(() => {
  if (quantityOp.value === 'frozen') return '冻结库存'
  if (quantityOp.value === 'thaw') return '解冻库存'
  return ''
})
const maxQuantity = computed(() => {
  if (!currentRecord.value) return 0
  if (quantityOp.value === 'frozen') return currentRecord.value.unLockedQuantity || 0
  if (quantityOp.value === 'thaw') return currentRecord.value.lockedQuantity || 0
  return 0
})

const openSubtract = (row) => {
  if (!(row.unLockedQuantity > 0)) return
  try {
    uni.setStorageSync('stockSubtractRecord', JSON.stringify({
      item: row,
      type: isQualified() ? '0' : '1'
    }))
  } catch (e) {}
  const typeParam = isQualified() ? '0' : '1'
  uni.navigateTo({
    url: `/pages/inventoryManagement/stockManagement/subtract?type=${typeParam}&id=${row.id}`
  })
}
const openFrozen = (row) => {
  quantityOp.value = 'frozen'
  currentRecord.value = row
  quantityForm.value.num = ''
  showQuantityPopup.value = true
}
const openThaw = (row) => {
  quantityOp.value = 'thaw'
  currentRecord.value = row
  quantityForm.value.num = ''
  showQuantityPopup.value = true
}
const closeQuantityPopup = () => {
  showQuantityPopup.value = false
  currentRecord.value = null
  quantityOp.value = ''
}
const submitQuantity = () => {
  const num = Number(quantityForm.value.num)
  if (!num || num <= 0 || num > maxQuantity.value) {
    uni.showToast({ title: `请输入 1~${maxQuantity.value} ä¹‹é—´çš„数量`, icon: 'none' })
    return
  }
  const id = currentRecord.value?.id
  if (!id) return
  const base = { id, lockedQuantity: num }
  let promise
  if (quantityOp.value === 'frozen') {
    promise = isQualified() ? frozenStockInventory(base) : frozenStockUninventory(base)
  } else {
    promise = isQualified() ? thawStockInventory(base) : thawStockUninventory(base)
  }
  promise.then(() => {
    uni.showToast({ title: '操作成功', icon: 'success' })
    closeQuantityPopup()
    getList()
  }).catch(() => uni.showToast({ title: '操作失败', icon: 'none' }))
}

const goDetail = (item) => {
  if (!item) return
  try {
    uni.setStorageSync('stockDetailItem', JSON.stringify({
      item,
      type: isQualified() ? '0' : '1'
    }))
  } catch (e) {}
  if (!item.id) {
    uni.navigateTo({ url: '/pages/inventoryManagement/stockManagement/view' })
  } else {
    uni.navigateTo({ url: '/pages/inventoryManagement/stockManagement/view?id=' + item.id })
  }
}

const goBack = () => uni.navigateBack()
onShow(() => getList())
onReachBottom(() => {
  loadMore()
})
</script>

<style lang="scss" scoped>
.stock-mgmt-page {
  min-height: 100vh;
  background: #f5f5f5;
  padding-bottom: 120rpx;
}
.tabs-wrap {
  display: flex;
  background: #fff;
  padding: 24rpx;
  gap: 24rpx;
}
.tab-item {
  flex: 1;
  text-align: center;
  padding: 20rpx;
  border-radius: 12rpx;
  background: #f0f0f0;
  font-size: 28rpx;
  color: #666;
}
.tab-item.active {
  background: #2979ff;
  color: #fff;
}
.search-section {
  background: #fff;
  margin: 24rpx;
  padding: 24rpx;
  border-radius: 16rpx;
}
.search-row {
  display: flex;
  align-items: center;
}
.search-input-wrap { flex: 1; margin-right: 20rpx; min-width: 0; }
.btn-search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180rpx;
  min-height: 72rpx;
  flex-shrink: 0;
  padding: 20rpx 24rpx;
  background: #2979ff;
  color: #fff;
  border-radius: 12rpx;
  font-size: 28rpx;
  box-sizing: border-box;
  text-align: center;
}
.btn-search-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8rpx;
}
.btn-search text { line-height: 1; vertical-align: middle; }
:deep(.btn-search-inner > *),
:deep(.btn-search > *) {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.list-section { padding: 0 24rpx; }
.card-item {
  background: #fff;
  border-radius: 16rpx;
  padding: 24rpx;
  margin-bottom: 24rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
}
.card-header { padding: 8rpx 0; }
.header-main {
  display: flex;
  flex-direction: column;
  gap: 8rpx;
}
.product-name { font-size: 30rpx; font-weight: 500; color: #333; }
.sub-title { font-size: 24rpx; color: #999; }
.card-body .row {
  display: flex;
  justify-content: space-between;
  padding: 12rpx 0;
  font-size: 26rpx;
}
.card-body .l { color: #666; }
.card-body .r { color: #333; }
.card-body .r.highlight { color: #2979ff; font-weight: 500; }
.card-actions {
  display: flex;
  gap: 16rpx;
  margin-top: 16rpx;
  padding-top: 16rpx;
  border-top: 1rpx solid #eee;
  justify-content: flex-end;
}
.btn-link {
  min-width: 120rpx;
  padding: 10rpx 20rpx;
  border-radius: 24rpx;
  font-size: 26rpx;
  text-align: center;
  border-width: 1rpx;
  border-style: solid;
}
.btn-link-primary {
  color: #ffffff;
  background: #2979ff;
  border-color: #2979ff;
}
.btn-link-warn {
  color: #ff9f1a;
  background: rgba(255, 159, 26, 0.08);
  border-color: rgba(255, 159, 26, 0.6);
}
.btn-link-plain {
  color: #666666;
  background: #f5f5f5;
  border-color: #e0e0e0;
}
.btn-link.disabled {
  color: #cccccc;
  background: #f5f5f5;
  border-color: #e0e0e0;
}
.no-data { text-align: center; padding: 80rpx 0; color: #999; font-size: 28rpx; }

/* å³ä¸‹è§’浮动新增按钮 */
.fab-button {
  position: fixed;
  bottom: calc(30px + env(safe-area-inset-bottom));
  right: 30px;
  width: 56px;
  height: 56px;
  background: #2979ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(41, 121, 255, 0.3);
  z-index: 1000;
}

.popup-inner { padding: 40rpx; min-width: 560rpx; background: #fff; }
.popup-title { font-size: 32rpx; font-weight: 500; margin-bottom: 32rpx; }
.form-row { margin-bottom: 24rpx; }
.form-row .form-label { display: block; font-size: 26rpx; color: #666; margin-bottom: 12rpx; }
.date-picker-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 24rpx;
  background: #f5f5f5;
  border-radius: 12rpx;
  font-size: 28rpx;
}
.date-picker-text { color: #333; }
.date-picker-text.placeholder { color: #999; }
.popup-footer { display: flex; gap: 24rpx; margin-top: 40rpx; }
.btn-cancel { flex: 1; text-align: center; padding: 24rpx; background: #f0f0f0; border-radius: 12rpx; }
.btn-ok { flex: 1; text-align: center; padding: 24rpx; background: #2979ff; color: #fff; border-radius: 12rpx; }
</style>

 src/pages/inventoryManagement/stockManagement/subtract.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,268 @@
<template>
  <view class="subtract-page">
    <PageHeader title="库存出库" @back="goBack" />

    <scroll-view scroll-y class="content-scroll">
      <view class="form-section">
        <view class="form-row">
          <text class="form-label">产品名称</text>
          <up-input v-model="form.productName" disabled />
        </view>
        <view class="form-row">
          <text class="form-label">规格</text>
          <up-input v-model="form.model" disabled />
        </view>
        <view class="form-row">
          <text class="form-label">单位</text>
          <up-input v-model="form.unit" disabled />
        </view>
      </view>

      <view class="form-section">
        <view class="section-title">出库/过磅信息</view>
        <view class="form-row">
          <text class="form-label">车牌号</text>
          <up-input v-model="form.licensePlateNo" placeholder="请输入车牌号" />
        </view>
        <view class="form-row">
          <text class="form-label">毛重(吨)</text>
          <up-input
            v-model="form.grossWeight"
            type="number"
            placeholder="请输入毛重"
          />
        </view>
        <view class="form-row">
          <text class="form-label">皮重(吨)</text>
          <up-input
            v-model="form.tareWeight"
            type="number"
            placeholder="请输入皮重"
          />
        </view>
        <view class="form-row">
          <text class="form-label">净重(吨)</text>
          <up-input
            v-model="form.netWeight"
            type="number"
            disabled
            placeholder="自动计算"
          />
        </view>
        <view class="form-row">
          <text class="form-label">过磅日期</text>
          <view class="selector-trigger" @click="openWeighingDatePicker">
            <text class="selector-text" :class="{ placeholder: !form.weighingDate }">
              {{ form.weighingDate || '请选择过磅日期' }}
            </text>
            <up-icon name="calendar" size="16" color="#999"></up-icon>
          </view>
        </view>
        <view class="form-row">
          <text class="form-label">过磅员</text>
          <up-input v-model="form.weighingOperator" placeholder="请输入过磅员" />
        </view>
        <view class="form-row">
          <text class="form-label">备注</text>
          <up-input v-model="form.remark" type="textarea" placeholder="选填" />
        </view>
      </view>
    </scroll-view>

    <view class="bottom-bar">
      <view class="btn-submit" @click="handleSubmit">出库</view>
    </view>

    <!-- è¿‡ç£…日期选择器 -->
    <up-popup :show="showWeighingDatePicker" mode="bottom" @close="showWeighingDatePicker = false">
      <up-datetime-picker
        :show="true"
        v-model="weighingDateValue"
        mode="datetime"
        @confirm="onWeighingDateConfirm"
        @cancel="showWeighingDatePicker = false"
      />
    </up-popup>
  </view>
</template>

<script setup>
import { ref, reactive, watch } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import dayjs from 'dayjs'
import PageHeader from '@/components/PageHeader.vue'
import { subtractStockInventory } from '@/api/inventoryManagement/stockInventory.js'
import { subtractStockUnInventory } from '@/api/inventoryManagement/stockUninventory.js'

const form = reactive({
  id: undefined,
  // äº§å“åŠåº“存基础信息（来自列表记录）
  productId: undefined,
  productModelId: undefined,
  parentId: undefined,
  parentName: '',
  productName: '',
  model: '',
  unit: '',
  qualitity: undefined,
  lockedQuantity: undefined,
  unLockedQuantity: undefined,
  warnNum: undefined,
  currentStock: undefined,
  totalStockIn: undefined,
  totalStockOut: undefined,
  createTime: '',
  updateTime: '',
  version: undefined,
  // å‡ºåº“/过磅信息
  licensePlateNo: '',
  grossWeight: '',
  tareWeight: '',
  netWeight: '',
  weighingDate: '',
  weighingOperator: '',
  remark: ''
})

const type = ref('0') // 0 åˆæ ¼åº“存，1 ä¸åˆæ ¼åº“å­˜
const showWeighingDatePicker = ref(false)
const weighingDateValue = ref(Date.now())

onLoad((options) => {
  if (options && options.type != null) {
    type.value = options.type
  }
  const cached = uni.getStorageSync('stockSubtractRecord')
  if (cached) {
    try {
      const payload = typeof cached === 'string' ? JSON.parse(cached) : cached
      const item = payload && payload.item ? payload.item : payload
      // å°†åˆ—表记录的完整字段拷贝到表单中，保持与 PC ç«¯ Subtract.vue ä¸€è‡´
      Object.assign(form, item)
      uni.removeStorageSync('stockSubtractRecord')
    } catch (e) {
      uni.removeStorageSync('stockSubtractRecord')
    }
  }
})

// å‡€é‡ = æ¯›é‡ - çš®é‡
const computeNetWeight = () => {
  const gross = Number(form.grossWeight)
  const tare = Number(form.tareWeight)
  if (!isNaN(gross) && !isNaN(tare)) {
    const net = Number((gross - tare).toFixed(2))
    form.netWeight = net > 0 ? net : 0
  } else {
    form.netWeight = ''
  }
}

watch(
  () => [form.grossWeight, form.tareWeight],
  () => {
    computeNetWeight()
  }
)

const openWeighingDatePicker = () => {
  weighingDateValue.value = form.weighingDate
    ? dayjs(form.weighingDate, 'YYYY-MM-DD HH:mm:ss').valueOf()
    : Date.now()
  showWeighingDatePicker.value = true
}

const onWeighingDateConfirm = (e) => {
  const ts = e?.value ?? weighingDateValue.value
  form.weighingDate = dayjs(ts).format('YYYY-MM-DD HH:mm:ss')
  showWeighingDatePicker.value = false
}

const handleSubmit = () => {
  if (!form.id) {
    uni.showToast({ title: '记录信息缺失，无法出库', icon: 'none' })
    return
  }
  const payload = { ...form }
  const api = type.value === '0' ? subtractStockInventory : subtractStockUnInventory
  api(payload)
    .then(() => {
      uni.showToast({ title: '出库成功', icon: 'success' })
      setTimeout(() => {
        uni.navigateBack()
      }, 400)
    })
    .catch(() => {
      uni.showToast({ title: '出库失败', icon: 'none' })
    })
}

const goBack = () => uni.navigateBack()
</script>

<style lang="scss" scoped>
.subtract-page {
  min-height: 100vh;
  background: #f5f5f5;
  padding-bottom: 100rpx;
}
.content-scroll {
  height: calc(100vh - 100rpx);
}
.form-section {
  background: #fff;
  margin: 24rpx;
  padding: 24rpx;
  border-radius: 16rpx;
}
.section-title {
  font-size: 28rpx;
  font-weight: 500;
  color: #333;
  margin-bottom: 12rpx;
}
.form-row {
  margin-bottom: 24rpx;
}
.form-label {
  display: block;
  font-size: 26rpx;
  color: #666;
  margin-bottom: 12rpx;
}
.selector-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 24rpx;
  background: #f5f5f5;
  border-radius: 12rpx;
}
.selector-text {
  font-size: 28rpx;
  color: #333;
}
.selector-text.placeholder {
  color: #999;
}
.bottom-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16rpx 24rpx calc(16rpx + env(safe-area-inset-bottom));
  background: #fff;
  box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.04);
}
.btn-submit {
  height: 88rpx;
  border-radius: 999rpx;
  background: #2979ff;
  color: #fff;
  font-size: 30rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>


 src/pages/inventoryManagement/stockManagement/view.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,193 @@
<template>
  <view class="detail-page">
    <PageHeader title="库存详情" @back="goBack" />
    <view v-if="loading" class="loading-wrap">
      <text class="loading-text">加载中...</text>
    </view>
    <view v-else-if="detail" class="detail-wrap">
      <!-- åŸºç¡€ä¿¡æ¯ -->
      <view class="section-card">
        <view class="section-head">
          <view class="section-dot"></view>
          <text class="section-title">基础信息</text>
        </view>
        <view class="section-body">
          <view class="detail-row">
            <text class="label">序号</text>
            <text class="value">{{ detail.index ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">产品大类</text>
            <text class="value value-strong">{{ detail.productName || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">规格型号</text>
            <text class="value">{{ detail.model || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">单位</text>
            <text class="value">{{ detail.unit || '-' }}</text>
          </view>
        </view>
      </view>
      <!-- åº“存信息 -->
      <view class="section-card">
        <view class="section-head">
          <view class="section-dot"></view>
          <text class="section-title">库存信息</text>
        </view>
        <view class="section-body">
          <view class="detail-row">
            <text class="label">总库存数</text>
            <text class="value value-num">{{ detail.qualitity ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">冻结数量</text>
            <text class="value">{{ detail.lockedQuantity ?? 0 }}</text>
          </view>
          <view class="detail-row">
            <text class="label">可用库存</text>
            <text class="value">{{ detail.unLockedQuantity ?? (detail.qualitity - (detail.lockedQuantity || 0)) }}</text>
          </view>
          <view class="detail-row">
            <text class="label">最近更新时间</text>
            <text class="value">{{ detail.updateTime || '-' }}</text>
          </view>
        </view>
      </view>
    </view>
    <view v-else class="empty">
      <text class="empty-text">暂无详情数据</text>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import PageHeader from '@/components/PageHeader.vue'

const detail = ref(null)
const loading = ref(true)

function normalizeDetail(raw) {
  if (!raw) return null
  const d = typeof raw === 'object' ? raw : {}
  return {
    index: d.index ?? 1,
    productName: d.productName,
    model: d.model,
    unit: d.unit,
    qualitity: d.qualitity,
    lockedQuantity: d.lockedQuantity,
    unLockedQuantity: d.unLockedQuantity,
    updateTime: d.updateTime
  }
}

onLoad(() => {
  const cached = uni.getStorageSync('stockDetailItem')
  if (cached) {
    try {
      const payload = typeof cached === 'string' ? JSON.parse(cached) : cached
      const item = payload && payload.item != null ? payload.item : payload
      detail.value = normalizeDetail({ ...item, index: 1 })
      uni.removeStorageSync('stockDetailItem')
    } catch (e) {
      uni.removeStorageSync('stockDetailItem')
    }
  }
  loading.value = false
})

const goBack = () => uni.navigateBack()
</script>

<style lang="scss" scoped>
.detail-page {
  min-height: 100vh;
  background: linear-gradient(180deg, #e8eef7 0%, #f2f5fa 100%);
  padding-bottom: 48rpx;
}
.loading-wrap {
  padding: 120rpx 48rpx;
  text-align: center;
}
.loading-text {
  color: #8c9aa8;
  font-size: 28rpx;
}
.empty {
  padding: 120rpx 48rpx;
  text-align: center;
}
.empty-text {
  color: #8c9aa8;
  font-size: 28rpx;
}
.detail-wrap {
  padding: 24rpx 24rpx 32rpx;
}
.section-card {
  background: #fff;
  border-radius: 24rpx;
  overflow: hidden;
  margin-bottom: 28rpx;
  box-shadow: 0 8rpx 32rpx rgba(41, 121, 255, 0.06);
  border: 1rpx solid rgba(41, 121, 255, 0.06);
}
.section-head {
  display: flex;
  align-items: center;
  padding: 28rpx 32rpx;
  background: linear-gradient(135deg, #f8fbff 0%, #f0f6ff 100%);
  border-bottom: 1rpx solid #eef3fa;
}
.section-dot {
  width: 8rpx;
  height: 8rpx;
  border-radius: 50%;
  background: #2979ff;
  margin-right: 16rpx;
}
.section-title {
  font-size: 30rpx;
  font-weight: 600;
  color: #1e3a5f;
  letter-spacing: 0.5rpx;
}
.section-body {
  padding: 8rpx 32rpx 24rpx;
}
.detail-row {
  display: flex;
  align-items: center;
  min-height: 96rpx;
  padding: 0 16rpx;
  border-radius: 12rpx;
  font-size: 28rpx;
  margin-bottom: 4rpx;
}
.detail-row .label {
  width: 220rpx;
  flex-shrink: 0;
  color: #6b7c93;
  font-size: 26rpx;
}
.detail-row .value {
  flex: 1;
  color: #2c3e50;
  text-align: right;
  word-break: break-all;
  font-size: 28rpx;
}
.detail-row .value-strong {
  color: #1e3a5f;
  font-weight: 500;
}
.detail-row .value-num {
  color: #2979ff;
  font-weight: 600;
  font-size: 32rpx;
}
</style>

 src/pages/inventoryManagement/stockReport/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,274 @@
<template>
  <view class="report-page">
    <PageHeader title="库存报表" @back="goBack" />

    <!-- æŠ¥è¡¨ç±»åž‹ -->
    <view class="tabs-wrap">
      <view
        v-for="t in reportTypes"
        :key="t.value"
        class="tab-item"
        :class="{ active: searchForm.reportType === t.value }"
        @click="searchForm.reportType = t.value"
      >
        <text>{{ t.label }}</text>
      </view>
    </view>

    <!-- æ—¶é—´é€‰æ‹©åŒºåŸŸå·²åŽ»é™¤ï¼Œä½¿ç”¨é»˜è®¤æ—¥æœŸé€»è¾‘ -->

    <!-- åˆ—表 + æ»šåŠ¨åˆ†é¡µ -->
    <view class="list-section">
      <view class="section-header">
        <text class="table-title">{{ tableTitle }}</text>
      </view>
      <view v-if="tableData.length > 0">
        <view v-for="(item, index) in tableData" :key="index" class="card-item">
          <view class="card-header">
            <view class="header-main">
              <text class="product-name">{{ item.productName }}</text>
              <text class="sub-title">{{ item.model }}</text>
            </view>
          </view>
          <up-divider />
          <view class="card-body">
            <view class="row"><text class="l">单位</text><text class="r">{{ item.unit }}</text></view>
            <view class="row" v-if="searchForm.reportType !== 'inout'"><text class="l">入库时间</text><text class="r">{{ item.createTime }}</text></view>
            <view class="row" v-if="searchForm.reportType !== 'inout'"><text class="l">入库批次</text><text class="r">{{ item.inboundBatches }}</text></view>
            <view class="row"><text class="l">入库数量</text><text class="r">{{ item.totalStockIn ?? item.stockInNum }}</text></view>
            <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>
        </view>
        <view class="load-more-wrap">
          <u-loadmore :status="loadStatus" @loadmore="loadMore" />
        </view>
      </view>
      <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"
        @confirm="onDateConfirm"
        @cancel="showDatePicker = false"
      />
    </up-popup>
  </view>
</template>

<script setup>
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, onReachBottom } from '@dcloudio/uni-app'
import {
  getStockInventoryReportList,
  getStockInventoryInAndOutReportList
} from '@/api/inventoryManagement/stockInventory.js'

const reportTypes = [
  { label: '日报', value: 'daily' },
  { label: '月报', value: 'monthly' },
  { label: '进出存报表', value: 'inout' }
]
const tableData = ref([])
const showDatePicker = ref(false)
const dateValue = ref(Date.now())
const datePickerTarget = ref('') // single | startMonth | endMonth
const loadStatus = ref('loadmore') // loadmore | loading | nomore | error
const page = reactive({ current: 1, size: 20 })
const data = reactive({
  searchForm: {
    reportType: 'daily',
    singleDate: '',
    startMonth: '',
    endMonth: '',
    startDate: '',
    endDate: ''
  }
})
const { searchForm } = toRefs(data)

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

const tableTitle = computed(() => {
  const m = { daily: '日报详细数据', monthly: '月报详细数据', inout: '进出存报表详细数据' }
  return m[searchForm.value.reportType] || '报表数据'
})

const getQueryParams = () => {
  const p = {
    reportType: searchForm.value.reportType,
    current: page.current,
    size: page.size
  }
  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
  } else {
    p.startDate = searchForm.value.startDate
    p.endDate = searchForm.value.endDate
  }
  return p
}

const getList = () => {
  const isFirstPage = page.current === 1
  if (isFirstPage) {
    uni.showLoading({ title: '查询中...', mask: true })
  }
  const params = getQueryParams()
  const isInout = searchForm.value.reportType === 'inout'
  const api = isInout ? getStockInventoryInAndOutReportList : getStockInventoryReportList
  api(params)
    .then(res => {
      uni.hideLoading()
      const records = res.data?.records || []
      const total = res.data?.total || records.length
      if (isFirstPage) {
        tableData.value = records
      } else {
        tableData.value = [...tableData.value, ...records]
      }
      if (tableData.value.length >= total || total === 0) {
        loadStatus.value = 'nomore'
      } else {
        loadStatus.value = 'loadmore'
      }
    })
    .catch(() => {
      uni.hideLoading()
      loadStatus.value = 'error'
      if (isFirstPage) {
        uni.showToast({ title: '查询失败', icon: 'none' })
      }
    })
}

const handleQuery = () => {
  page.current = 1
  loadStatus.value = 'loadmore'
  getList()
}

const loadMore = () => {
  if (loadStatus.value === 'nomore' || loadStatus.value === 'loading') return
  loadStatus.value = 'loading'
  page.current++
  getList()
}

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
  dateValue.value = val ? new Date(val).getTime() : Date.now()
  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)
  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()
}

// åˆå§‹åŒ–：日报默认今天，月报默认本月，进出存默认最近7天
const initDefaultDates = () => {
  const today = dayjs()
  if (!searchForm.value.singleDate) {
    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
  }
  if (!searchForm.value.startDate || !searchForm.value.endDate) {
    searchForm.value.endDate = today.format('YYYY-MM-DD')
    searchForm.value.startDate = today.subtract(6, 'day').format('YYYY-MM-DD')
  }
}

watch(
  () => searchForm.value.reportType,
  () => {
    // åˆ‡æ¢æŠ¥è¡¨ç±»åž‹æ—¶ä¿ç•™å·²ç®—好的默认时间，只重查
    handleQuery()
  }
)

onShow(() => {
  initDefaultDates()
  handleQuery()
})

const goBack = () => uni.navigateBack()
</script>

<style lang="scss" scoped>
.report-page { min-height: 100vh; background: #f5f5f5; padding-bottom: 40rpx; }
.tabs-wrap { display: flex; background: #fff; padding: 24rpx; gap: 24rpx; }
.tab-item { flex: 1; text-align: center; padding: 20rpx; border-radius: 12rpx; background: #f0f0f0; font-size: 28rpx; color: #666; }
.tab-item.active { background: #2979ff; color: #fff; }
.search-section { background: #fff; margin: 24rpx; padding: 24rpx; border-radius: 16rpx; }
.search-row { display: flex; align-items: center; margin-bottom: 0; flex-wrap: wrap; }
.search-row .label { width: 140rpx; font-size: 26rpx; color: #666; }
.search-row .label.end { margin-left: 24rpx; }
.date-picker { flex: 1; min-width: 200rpx; padding: 20rpx; background: #f5f5f5; border-radius: 12rpx; font-size: 28rpx; }
.btn-row { display: flex; gap: 24rpx; margin-top: 24rpx; }
.btn-query { flex: 1; text-align: center; padding: 24rpx; background: #2979ff; color: #fff; border-radius: 12rpx; }
.btn-reset { flex: 1; text-align: center; padding: 24rpx; background: #e0e0e0; border-radius: 12rpx; }
.list-section { margin: 24rpx; }
.section-header {
  margin-bottom: 16rpx;
  padding: 16rpx 20rpx;
}
.table-title { font-size: 30rpx; font-weight: 500; color: #333; }
.card-item {
  background: #fff;
  border-radius: 16rpx;
  padding: 20rpx 24rpx;
  margin-bottom: 20rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
}
.card-header {
  padding: 4rpx 0 12rpx;
}
.header-main {
  display: flex;
  flex-direction: column;
  gap: 6rpx;
}
.product-name {
  font-size: 30rpx;
  font-weight: 500;
  color: #333;
}
.sub-title {
  font-size: 24rpx;
  color: #999;
}
.card-body .row { display: flex; justify-content: space-between; padding: 6rpx 0; font-size: 26rpx; }
.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>

 src/pages/inventoryManagement/stockReport/view.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,173 @@
<template>
  <view class="detail-page">
    <PageHeader title="库存报表详情" @back="goBack" />
    <view v-if="detail" class="detail-wrap">
      <!-- åŸºç¡€ä¿¡æ¯ -->
      <view class="section-card">
        <view class="section-head">
          <view class="section-dot"></view>
          <text class="section-title">基础信息</text>
        </view>
        <view class="section-body">
          <view class="detail-row">
            <text class="label">序号</text>
            <text class="value">{{ detail.index ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">产品大类</text>
            <text class="value value-strong">{{ detail.productName || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">规格型号</text>
            <text class="value">{{ detail.model || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">单位</text>
            <text class="value">{{ detail.unit || '-' }}</text>
          </view>
        </view>
      </view>

      <!-- æŠ¥è¡¨ä¿¡æ¯ -->
      <view class="section-card">
        <view class="section-head">
          <view class="section-dot"></view>
          <text class="section-title">报表信息</text>
        </view>
        <view class="section-body">
          <view class="detail-row" v-if="type !== 'inout'">
            <text class="label">入库时间</text>
            <text class="value">{{ detail.createTime || '-' }}</text>
          </view>
          <view class="detail-row" v-if="type !== 'inout'">
            <text class="label">入库批次</text>
            <text class="value">{{ detail.inboundBatches || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">入库数量</text>
            <text class="value">{{ detail.totalStockIn ?? detail.stockInNum ?? '-' }}</text>
          </view>
          <view class="detail-row" v-if="type === 'inout'">
            <text class="label">出库数量</text>
            <text class="value">{{ detail.totalStockOut ?? '-' }}</text>
          </view>
          <view class="detail-row detail-row-highlight">
            <text class="label">现在库存</text>
            <text class="value value-num">{{ detail.currentStock ?? '-' }}</text>
          </view>
          <view class="detail-row" v-if="detail.createBy">
            <text class="label">入库人</text>
            <text class="value">{{ detail.createBy }}</text>
          </view>
        </view>
      </view>
    </view>
    <view v-else class="empty">
      <text class="empty-text">暂无详情数据</text>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import PageHeader from '@/components/PageHeader.vue'

const detail = ref(null)
const type = ref('daily')

onLoad(() => {
  const cached = uni.getStorageSync('stockReportDetail')
  if (cached) {
    try {
      const payload = typeof cached === 'string' ? JSON.parse(cached) : cached
      type.value = payload?.type || 'daily'
      detail.value = payload?.item || null
      uni.removeStorageSync('stockReportDetail')
    } catch (e) {
      uni.removeStorageSync('stockReportDetail')
    }
  }
})

const goBack = () => uni.navigateBack()
</script>

<style lang="scss" scoped>
.detail-page {
  min-height: 100vh;
  background: #f5f5f5;
  padding-bottom: 40rpx;
}
.detail-wrap {
  padding: 24rpx;
}
.empty {
  padding: 120rpx 48rpx;
  text-align: center;
}
.empty-text {
  color: #8c9aa8;
  font-size: 28rpx;
}
.section-card {
  background: #fff;
  border-radius: 16rpx;
  margin-bottom: 20rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
  overflow: hidden;
}
.section-head {
  display: flex;
  align-items: center;
  padding: 20rpx 24rpx;
  border-bottom: 1rpx solid #eee;
}
.section-dot {
  width: 8rpx;
  height: 8rpx;
  border-radius: 50%;
  background: #2979ff;
  margin-right: 12rpx;
}
.section-title {
  font-size: 30rpx;
  font-weight: 500;
  color: #333;
}
.section-body {
  padding: 12rpx 24rpx 20rpx;
}
.detail-row {
  display: flex;
  align-items: center;
  min-height: 80rpx;
  font-size: 28rpx;
}
.detail-row .label {
  width: 200rpx;
  flex-shrink: 0;
  color: #6b7c93;
  font-size: 26rpx;
}
.detail-row .value {
  flex: 1;
  color: #2c3e50;
  text-align: right;
  word-break: break-all;
  font-size: 28rpx;
}
.detail-row .value-strong {
  color: #1e3a5f;
  font-weight: 500;
}
.detail-row .value-num {
  color: #2979ff;
  font-weight: 600;
  font-size: 32rpx;
}
.detail-row-highlight {
  margin-top: 8rpx;
}
</style>