From 91b53a428e0f7a607cfecd4317ca57a404d7e45c Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Tue, 19 Nov 2024 16:27:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E9=87=8F=E5=87=BA=E5=BA=93=E5=AE=8C?=
 =?UTF-8?q?=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/picking/outbound/details.vue      |  60 +++++++++-
 src/pages/picking/outbound/index.vue        |   6 +
 src/pages/picking/outbound/num-outbound.vue | 115 +++++++++++++++-----
 src/services/picking/outbound.js            |  12 +-
 4 files changed, 160 insertions(+), 33 deletions(-)

diff --git a/src/pages/picking/outbound/details.vue b/src/pages/picking/outbound/details.vue
index 4226ee3..4cea7fe 100644
--- a/src/pages/picking/outbound/details.vue
+++ b/src/pages/picking/outbound/details.vue
@@ -104,22 +104,61 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, onUnmounted } from 'vue'
 import { getOutboundDetailsAPI } from '@/services/picking/outbound.js'
 import { onLoad } from '@dcloudio/uni-app'
 const detailsList = ref([])
 const query = defineProps() // 获取上级页面传递的路由参数
 
+// 领料单位，参数等信息
+const leaseApplyInfo = ref({
+    leaseUnit: '', //       领料单位
+    leaseProject: '', //    领料工程
+    maTypeName: '', //      物资类型
+    typeName: '', //        规格型号
+    unitName: '', //        单位
+    storageNum: '', //      库存数量
+    preNum: '', //          预领数量
+    parentId: query.id, //  出库时所需参数 取列表 id
+    id: '', //              出库时所需参数 取详情接口 id
+    typeId: '', //          出库时所需参数 取详情接口 typeId
+    manageType: '', //      出库时所需参数 取详情接口 manageType
+})
+
 // 获取列表详情
 const getOutboundDetailsData = async () => {
     const { data: res } = await getOutboundDetailsAPI(query.id)
     detailsList.value = res.leaseApplyDetailsList
-    console.log('详情数据', res)
+    leaseApplyInfo.value.leaseUnit = res.leaseApplyInfo.leaseUnit
+    leaseApplyInfo.value.leaseProject = res.leaseApplyInfo.leaseProject
+    // console.log('详情数据', res)
 }
 
 // 点击跳转出库页面
 const onCodingItem = (item) => {
-    const { status, manageType } = item
+    // 解构所需要的数据
+    const {
+        status,
+        manageType,
+        maTypeName,
+        typeName,
+        storageNum,
+        preNum,
+        alNum,
+        unitName,
+        id,
+        typeId,
+    } = item
+
+    leaseApplyInfo.value.maTypeName = maTypeName
+    leaseApplyInfo.value.typeName = typeName
+    leaseApplyInfo.value.unitName = unitName
+    leaseApplyInfo.value.storageNum = storageNum
+    leaseApplyInfo.value.preNum = preNum
+    leaseApplyInfo.value.alNum = alNum
+    leaseApplyInfo.value.id = id
+    leaseApplyInfo.value.typeId = typeId
+    leaseApplyInfo.value.manageType = manageType
 
     if (status == 2) {
         uni.showToast({ title: '该物资已完成出库！', icon: 'none' })
@@ -133,12 +172,25 @@ const onCodingItem = (item) => {
         codingUrl = '/pages/picking/outbound/num-outbound' // 数量出库
     }
 
-    uni.navigateTo({ url: codingUrl })
+    // 把 leaseApplyInfo 领料信息转成 json 传递到下个页面
+    uni.navigateTo({ url: `${codingUrl}?queryParams=${JSON.stringify(leaseApplyInfo.value)}` })
 }
 
 // 页面加载完毕
 onLoad(() => {
     getOutboundDetailsData()
+
+    // 监听出库完成事件 刷新列表
+    uni.$on('onUpdate', () => {
+        // console.log('监听事件')
+        // 刷新列表
+        getOutboundDetailsData()
+    })
+})
+
+// 页面销毁时移除事件监听
+onUnmounted(() => {
+    uni.$off('onUpdate') // 移除事件监听
 })
 </script>
 
diff --git a/src/pages/picking/outbound/index.vue b/src/pages/picking/outbound/index.vue
index d2d764e..bebebeb 100644
--- a/src/pages/picking/outbound/index.vue
+++ b/src/pages/picking/outbound/index.vue
@@ -116,6 +116,7 @@
 import { ref, computed } from 'vue'
 import { getPickingOutboundListAPI } from '@/services/picking/outbound.js'
 import { onLoad } from '@dcloudio/uni-app'
+import { onShow } from '@dcloudio/uni-app'
 
 const total = ref(0) //                 数据总量
 const active = ref(1) //                tap索引
@@ -160,6 +161,11 @@ onLoad(() => {
     getTableList()
 })
 
+onShow(() => {
+    tableList.value = []
+    getTableList()
+})
+
 // 滚动触底事件
 const onScrollTolower = () => {
     if (total.value > tableList.value.length) {
diff --git a/src/pages/picking/outbound/num-outbound.vue b/src/pages/picking/outbound/num-outbound.vue
index 17531da..7bd0665 100644
--- a/src/pages/picking/outbound/num-outbound.vue
+++ b/src/pages/picking/outbound/num-outbound.vue
@@ -6,83 +6,142 @@
             <uni-row :gutter="24">
                 <uni-col :span="6">领料单位：</uni-col>
                 <uni-col :span="18"
-                    ><div class="cont">{{ item.createTime }}</div></uni-col
+                    ><div class="cont">{{ queryParams.leaseUnit }}</div></uni-col
                 >
             </uni-row>
             <uni-row :gutter="24">
                 <uni-col :span="6">领料工程：</uni-col>
                 <uni-col :span="18"
-                    ><div class="cont">{{ item.code }}</div></uni-col
+                    ><div class="cont">{{ queryParams.leaseProject }}</div></uni-col
                 >
             </uni-row>
             <uni-row :gutter="24">
                 <uni-col :span="6">物资类型：</uni-col>
                 <uni-col :span="18"
-                    ><div class="cont">{{ item.purchaseMaTypeName }}</div></uni-col
+                    ><div class="cont">{{ queryParams.maTypeName }}</div></uni-col
                 >
             </uni-row>
             <uni-row :gutter="24">
                 <uni-col :span="6">规格型号：</uni-col>
                 <uni-col :span="18"
-                    ><div class="cont">{{ item.purchaseMaNumber }}</div></uni-col
+                    ><div class="cont">{{ queryParams.typeName }}</div></uni-col
                 >
             </uni-row>
             <uni-row :gutter="24">
                 <uni-col :span="6">单位：</uni-col>
-                <uni-col :span="18"><div class="cont"></div></uni-col>
+                <uni-col :span="18">
+                    <div class="cont">{{ queryParams.unitName }}</div>
+                </uni-col>
             </uni-row>
             <uni-row :gutter="24">
                 <uni-col :span="6">库存数量：</uni-col>
                 <uni-col :span="18">
-                    <div class="cont">{{ item.leasePerson }}</div>
+                    <div class="cont">{{ queryParams.storageNum }}</div>
                 </uni-col>
             </uni-row>
             <uni-row :gutter="24">
                 <uni-col :span="6">预领数量：</uni-col>
                 <uni-col :span="18">
-                    <div class="cont">{{ item.alNum }}</div>
+                    <div class="cont">{{ queryParams.preNum }}</div>
                 </uni-col>
             </uni-row>
             <uni-row :gutter="24">
                 <uni-col :span="6">已领数量：</uni-col>
                 <uni-col :span="18">
-                    <div class="cont">{{ item.alNum }}</div>
+                    <div class="cont">{{ queryParams.alNum }}</div>
                 </uni-col>
             </uni-row>
             <uni-row :gutter="24">
                 <uni-col :span="6">出库数量：</uni-col>
                 <uni-col :span="18">
                     <div class="cont" style="width: 200rpx">
-                        <uni-number-box :min="0" :max="100"></uni-number-box>
+                        <uni-number-box
+                            :min="0"
+                            :max="maxNum"
+                            v-model="outboundNum"
+                            @change="onChangeNumber"
+                        />
                     </div>
                 </uni-col>
             </uni-row>
 
-            <view class="outbound-btn"> 出库 </view>
+            <view class="outbound-btn" @tap="onHandleOutbound"> 出库 </view>
         </view>
     </view>
 </template>
 
 <script setup>
-import { ref } from 'vue'
-import { getPickingOutboundListAPI } from '@/services/picking/outbound.js'
-import { onLoad } from '@dcloudio/uni-app'
+import { computed, ref } from 'vue'
+import { setOutboundNumAPI } from '@/services/picking/outbound.js'
+const outboundNum = ref(0)
+const query = defineProps() // 获取上级页面传递的路由参数
+const queryParams = JSON.parse(query.queryParams)
 
-// 获取列表数据
-const getTableList = async () => {
-    console.log('queryParams.value查询参数', queryParams.value)
-    const res = await getPickingOutboundListAPI(queryParams.value)
-    if (res.total > tableList.value.length) {
-        tableList.value = [...tableList.value, ...res.rows]
-    } else {
-        finish.value = true
+// 计算出库最大数量
+const maxNum = computed(() => {
+    // 1. 先通过预领数量和已领数量计算剩余待出库数量
+    const waitNum = queryParams.preNum - queryParams.alNum
+
+    // 2. 判断库存数量是否大于待出库数量 如大于则取待出库数量 如小于则取库存书看了
+    return queryParams.storageNum > waitNum ? waitNum : queryParams.storageNum
+})
+
+// 数量选择框change事件
+const onChangeNumber = (e) => {
+    if (e == maxNum.value) {
+        uni.showToast({
+            title: '已达到当前物资最大出库数量！',
+            icon: 'none',
+        })
     }
 }
 
-// 页面加载完毕
-onLoad(() => {
-    getTableList()
-})
+// 出库按钮
+const onHandleOutbound = async () => {
+    if (outboundNum.value === 0) {
+        uni.showToast({
+            title: '出库数量不能为0',
+            icon: 'none',
+        })
+        return
+    }
+
+    // 解构所需要的数据
+    const { maTypeName, typeName, preNum, alNum, id, typeId, parentId, manageType } = queryParams
+    // 组装接口参数
+    const params = {
+        alNum,
+        id,
+        parentId,
+        typeId,
+        manageType,
+        typeName,
+        maTypeName,
+        inputNum: outboundNum.value,
+        leaseType: 0,
+        outNum: preNum,
+    }
+
+    const res = await setOutboundNumAPI({ leaseOutDetailsList: [params] })
+    console.log('出库结果', res)
+
+    if (res.code === 200) {
+        uni.showToast({
+            title: '出库成功！',
+            icon: 'none',
+        })
+
+        setTimeout(() => {
+            // 返回上一个页面
+            uni.navigateBack({
+                delta: 1,
+                success() {
+                    uni.$emit('onUpdate')
+                },
+            })
+        }, 500)
+    }
+}
 </script>
 
 <style lang="scss" scoped>
@@ -158,9 +217,9 @@ onLoad(() => {
 
 .outbound-btn {
     width: 70%;
-    margin: 15rpx auto;
-    height: 68rpx;
-    line-height: 68rpx;
+    margin: 25rpx auto;
+    height: 65rpx;
+    line-height: 65rpx;
     text-align: center;
     background-color: #19be6b;
     border-radius: 12rpx;
diff --git a/src/services/picking/outbound.js b/src/services/picking/outbound.js
index 3cd6c98..546fc58 100644
--- a/src/services/picking/outbound.js
+++ b/src/services/picking/outbound.js
@@ -1,7 +1,7 @@
 import { http } from '@/utils/http'
 
 /**
- * 领料出库  ---- 列表查询接口
+ * 领料出库  ---- 列表查询
  */
 export const getPickingOutboundListAPI = (data) => {
     return http({
@@ -19,3 +19,13 @@ export const getOutboundDetailsAPI = (id) => {
         url: `/material/lease_apply_info/${id}`,
     })
 }
+/**
+ * 领料出库  ---- 数量出库
+ */
+export const setOutboundNumAPI = (data) => {
+    return http({
+        method: 'POSt',
+        url: '/material/lease_apply_info/leaseOut',
+        data,
+    })
+}