天津双奇点-仓储物流板块开发

周宾

4 天以前 5392dc649209ff372ec276aa6cbf86b16b12a375

 src/pages/inventoryManagement/receiptManagement/index.vue

@@ -8,7 +8,50 @@
      <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>
               <view class="item-box item-box0">
                  <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.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="warn" size="mini" style="margin-left: 0;margin-right: 20rpx;"
                        @click="deleteGoods(item)">删除</button>
                     <button class="mini-btn" type="primary" size="mini" style="margin-left: 0;margin-right: 0;"
                        @click="openForm(item, 'edit')">编辑</button>
                  </view>
               </view>
            </block>
            <uni-load-more :status="loadMoreStatus"></uni-load-more>
         </view>
@@ -42,8 +85,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>
@@ -54,8 +101,10 @@
                     <view class="value">{{ item.createBy }}</view>
                  </view>
                  <view class="item" style="justify-content: flex-end;">
                     <button class="mini-btn" type="warn" size="mini" style="margin-left: 0;margin-right: 20rpx;" @click="deleteGoods(item)">删除</button>
                     <button class="mini-btn" type="primary" size="mini" style="margin-left: 0;margin-right: 0;" @click="openForm(item,'edit')">编辑</button>
                     <button class="mini-btn" type="warn" size="mini" style="margin-left: 0;margin-right: 20rpx;"
                        @click="deleteGoods(item)">删除</button>
                     <button class="mini-btn" type="primary" size="mini" style="margin-left: 0;margin-right: 0;"
                        @click="openForm(item, 'edit')">编辑</button>
                  </view>
               </view>
            </block>
@@ -73,10 +122,10 @@

<script setup>
import { ref, reactive, computed } from 'vue'
import { listPage, listPageByCustom,deleteCustom } from '@/api/inventoryManagement/receiptManagement.js'
import { listPage, listPageByCustom, deleteCustom,stockinDel } from '@/api/inventoryManagement/receiptManagement.js'
import { onShow, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app'
import config from '@/config'
const baseUrl = config.baseUrl
const baseUrl = config.imgUrl
// tab相关
const tabItems = reactive(['采购入库', '成品入库'])
const tabCurrent = ref(0)
@@ -94,10 +143,16 @@
}

// 打开编辑/新增
const openForm = (goods,type) => {
const openForm = (goods) => {
   if (tabCurrent.value === 0) {
      uni.navigateTo({
         url: '/pages/inventoryManagement/receiptManagement/procurement-edit?goods=' + JSON.stringify(goods)
      })
   } else {
   uni.navigateTo({
      url: '/pages/inventoryManagement/receiptManagement/edit?goods=' + JSON.stringify(goods)
   })
   }
}

// 分页相关
@@ -141,8 +196,20 @@
            uni.showLoading({
               title: '删除中...'
            })
            let params = [goods.id]
            deleteCustom(params).then(res => {
            let params = {}
            let deleteApi = ''
            if(tabCurrent.value == 0){
               deleteApi = stockinDel
               params = {
                  ids:[goods.id],
                  type: 1
               }
            }else{
               deleteApi = deleteCustom
               params = [goods.id]
            }

            deleteApi(params).then(res => {
               uni.hideLoading()
               reloadPage()
            })
@@ -195,6 +262,7 @@
   color: #999;
   font-size: 14px;
}

.item-box{
   box-sizing: border-box;
   margin: 20rpx;
@@ -219,6 +287,7 @@
      }
   }
}

// 浮动按钮样式
.fab-button {
   position: fixed;