src/pages/inventoryManagement/issueManagement/index.vue
@@ -1,28 +1,26 @@
<template>
   <view>
   <view class="sales-account">
      <PageHeader title="出库管理" @back="goBack" />
      <view class="search-section">
         <view class="search-bar">
            <view class="search-input">
               <up-input class="search-text" placeholder="请输入产品名称搜索" v-model="productCategoryValue" clearable @change="reloadPage" />
            </view>
            <view class="filter-button" @click="reloadPage">
               <up-icon name="search" size="24" color="#999"></up-icon>
            </view>
         </view>
      </view>
      <view class="tabs">
         <uni-segmented-control :current="tabCurrent" :values="tabItems" @clickItem="switchTab" />
      </view>
      <view v-if="contentList?.length !== 0" class="content">
         <view v-if="tabCurrent === 0">
            <block v-for="item in contentList" :key="item.id">
               <view class="item-box item-box0"></view>
            </block>
            <uni-load-more :status="loadMoreStatus"></uni-load-more>
         </view>
         <view v-if="tabCurrent === 1">
            <block v-for="item in contentList" :key="item.id">
               <view class="item-box item-box1">
                  <view class="item">
                     <view class="label">产品图片</view>
                     <view class="value">
                        <image class="img" :src="baseUrl + item.url" mode="aspectFill‌" lazy-load></image>
                     </view>
                  </view>
               <view class="item-box item-box0">
                  <view class="item">
                     <view class="label">入库时间</view>
                     <view class="value">{{ item.inboundDate }}</view>
                     <view class="value">{{ item.createTime }}</view>
                  </view>
                  <view class="item">
                     <view class="label">产品名称</view>
@@ -45,8 +43,12 @@
                     <view class="value">{{ item.boxNum }}</view>
                  </view>
                  <view class="item">
                     <view class="label">单价(元)/支</view>
                     <view class="label">单价(元)/件</view>
                     <view class="value">{{ item.taxInclusiveUnitPrice }}</view>
                  </view>
                  <view class="item">
                     <view class="label">单价(美元)/件</view>
                     <view class="value">{{ item.dollarPrice }}</view>
                  </view>
                  <view class="item">
                     <view class="label">纸箱规格</view>
@@ -57,7 +59,65 @@
                     <view class="value">{{ item.createBy }}</view>
                  </view>
                  <view class="item" style="justify-content: flex-end;">
                     <button class="mini-btn" type="primary" size="mini" style="margin-left: 0;margin-right: 0;"
                     <button class="mini-btn" type="primary" size="mini" style="margin-left: 0;margin-right: 0;" :disabled="!item.inboundNum0"
                        @click="openForm(item, 'edit')">领用</button>
                  </view>
               </view>
            </block>
            <uni-load-more :status="loadMoreStatus"></uni-load-more>
         </view>
         <view v-if="tabCurrent === 1">
            <block v-for="item in contentList" :key="item.id">
               <view class="item-box item-box1">
                  <view class="item">
                     <view class="label">产品图片</view>
                     <view class="value">
                        <image class="img" :src="baseUrl + item.url" mode="aspectFill‌" lazy-load
                           @click="previewImg(baseUrl + item.url)"></image>
                     </view>
                  </view>
                  <view class="item">
                     <view class="label">入库时间</view>
                     <view class="value">{{ item.createTime }}</view>
                  </view>
                  <view class="item">
                     <view class="label">产品名称</view>
                     <view class="value">{{ item.productCategory }}</view>
                  </view>
                  <view class="item">
                     <view class="label">产品高度</view>
                     <view class="value">{{ item.specificationModel }}{{ item.unit }}</view>
                  </view>
                  <view class="item">
                     <view class="label">入库数量/件</view>
                     <view class="value">{{ item.inboundNum }}</view>
                  </view>
                  <view class="item">
                     <view class="label">库存数量/件</view>
                     <view class="value">{{ item.inboundNum0 }}</view>
                  </view>
                  <view class="item">
                     <view class="label">每件数量/支</view>
                     <view class="value">{{ item.boxNum }}</view>
                  </view>
                  <view class="item">
                     <view class="label">单价(元)/件</view>
                     <view class="value">{{ item.taxInclusiveUnitPrice }}</view>
                  </view>
                  <view class="item">
                     <view class="label">单价(美元)/件</view>
                     <view class="value">{{ item.dollarPrice }}</view>
                  </view>
                  <view class="item">
                     <view class="label">纸箱规格</view>
                     <view class="value">{{ item.cartonSpecifications }}cm</view>
                  </view>
                  <view class="item">
                     <view class="label">入库人</view>
                     <view class="value">{{ item.createBy }}</view>
                  </view>
                  <view class="item" style="justify-content: flex-end;">
                     <button class="mini-btn" type="primary" size="mini" style="margin-left: 0;margin-right: 0;" :disabled="!item.inboundNum0"
                        @click="openForm(item, 'edit')">领用</button>
                  </view>
               </view>
@@ -72,11 +132,12 @@
</template>
<script setup>
import { ref, reactive, computed } from 'vue'
import { ref, reactive, computed, nextTick } from 'vue'
import { listPage, listPageByCustom } from '@/api/inventoryManagement/issueManagement.js'
import { onShow, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app'
import config from '@/config'
const baseUrl = config.baseUrl
const productCategoryValue = ref('')
const baseUrl = config.imgUrl
// tab相关
const tabItems = reactive(['采购出库', '成品出库'])
const tabCurrent = ref(0)
@@ -85,6 +146,7 @@
   if (tabCurrent.value !== e.currentIndex) {
      tabCurrent.value = e.currentIndex
   }
   productCategoryValue.value = ''
   reloadPage()
}
@@ -127,7 +189,8 @@
   pageParams.current += 1
   getList()
}
const reloadPage = () => {
const reloadPage = async() => {
   await nextTick()
   pageParams.current = 1
   contentList.value = []
   getList()
@@ -140,7 +203,11 @@
      getListApi = listPage
   }
   loading.value = true
   let resp = await getListApi(pageParams)
   let params = {...pageParams}
   if (productCategoryValue.value) {
      params.productCategory = productCategoryValue.value
   }
   let resp = await getListApi(params)
   loading.value = false
   if (resp.code != 200 || !resp.data) {
      contentList.value = []
@@ -148,8 +215,12 @@
      return
   }
   contentList.value = [...contentList.value, ...resp.data.records]
   console.log(resp.data.records)
   totalSize.value = resp.data.total
}
const previewImg = (url) => {
   uni.previewImage({
      urls: [url]
   })
}
onReachBottom(() => {
@@ -218,4 +289,6 @@
   box-shadow: 0 4px 16px rgba(41, 121, 255, 0.3);
   z-index: 1000;
}
@import '@/styles/sales-common.scss';
</style>