From 3ca4594c0d176e84bd2e48e6854f766be8f016d6 Mon Sep 17 00:00:00 2001
From: zhoulei <zhoulei@kehaida.com>
Date: Wed, 15 Dec 2021 15:29:26 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E6=89=80=E6=9C=89=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E9=A1=B5=E9=9D=A2=E5=8F=AF=E5=8F=82=E8=80=83?=
 =?UTF-8?q?=E7=9A=84=E9=A1=B5=E9=9D=A2=E5=AE=9E=E7=8E=B0;=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E5=8E=9F=E6=9D=90=E6=96=99dn=E6=94=B6=E8=B4=A7?=
 =?UTF-8?q?=E5=8D=95=E7=82=B9=E4=B8=8B=E6=8B=89=E9=97=AE=E9=A2=98;=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=87=8D=E5=86=99=E9=A1=B5=E9=9D=A2=E4=B8=9A?=
 =?UTF-8?q?=E5=8A=A1=E9=80=BB=E8=BE=91=20=E4=BF=AE=E5=A4=8D=E8=AF=A6?=
 =?UTF-8?q?=E7=BB=86=E9=A1=B5=E9=9D=A2=E8=B7=B3=E8=BD=AC=E5=A4=9A=E7=BA=A7?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98(=E5=85=B6=E5=AE=83=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=8F=AF=E5=8F=82=E8=80=83)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/J-Picker/jPicker.vue           | 64 +++++----------
 .../raw/ingoods/dnReceipt/Local-details.vue   | 34 ++++----
 .../raw/ingoods/dnReceipt/dnReceiving.vue     | 80 ++++++++-----------
 3 files changed, 68 insertions(+), 110 deletions(-)

diff --git a/src/components/J-Picker/jPicker.vue b/src/components/J-Picker/jPicker.vue
index 859c4d2..eb9eb2f 100644
--- a/src/components/J-Picker/jPicker.vue
+++ b/src/components/J-Picker/jPicker.vue
@@ -5,31 +5,21 @@
         {{ listData[nSel][showKey] || listData[nSel] }}
       </view>
       <view style="color: #7d7d7d" v-else>
-        {{ $t("message.workArea_Selelct") }}
+        {{ $t('message.workArea_Selelct') }}
       </view>
     </view>
 
-    <view
-      class="pickerMask"
-      v-if="pickerVisable"
-      @click="pickerVisable = false"
-    >
+    <view class="pickerMask" v-if="pickerVisable" @click="pickerVisable = false">
       <view class="alertArea JAnimateBtmIn" @click.stop="doNothing">
         <view class="searchInput" v-if="searchPosition == 'top'">
           <view class="clickArea">
-            <input
-              class="jInput"
-              placeholder-style="color:#ffffff"
-              @input="filterOp"
-            />
+            <input class="jInput" placeholder-style="color:#ffffff" @input="filterOp" />
             <!-- <image class="searchLogo" src="../../static/search.png"></image> -->
             <icon class="searchLogo" type="search" />
           </view>
         </view>
         <view class="pickerTop">
-          <view class="lefBtn" @click="cancelSel"
-            >{{ $t("message.product_Cancel") }}
-          </view>
+          <view class="lefBtn" @click="cancelSel">{{ $t('message.product_Cancel') }} </view>
           <view class="midInput">
             <template v-if="searchPosition == 'middle'">
               <input class="searchArea" @input="filterOp" />
@@ -37,17 +27,9 @@
               <icon class="searchIcon" type="search" />
             </template>
           </view>
-          <view class="rigBtn" @click="sureSelect"
-            >{{ $t("message.workArea_Confirm") }}
-          </view>
+          <view class="rigBtn" @click="sureSelect">{{ $t('message.workArea_Confirm') }} </view>
         </view>
-        <picker-view
-          :value="[nSel]"
-          class="pickerView"
-          :mask-style="'background-color:' + bgColor"
-          :indicator-style="selStyle"
-          @change="selChange"
-        >
+        <picker-view :value="[nSel]" class="pickerView" :mask-style="'background-color:' + bgColor" :indicator-style="selStyle" @change="selChange">
           <picker-view-column>
             <view class="opItem" v-for="(item, index) in listData" :key="index">
               {{ item[showKey] || item }}
@@ -59,7 +41,7 @@
   </view>
 </template>
 
-<script>
+<script lang="ts">
 /**
  * 选择组件
  * @property {Array} options 选择数组
@@ -72,29 +54,20 @@
  * @example <jPicker :disabled="false" class="cont" @sure="bindPickerChange($event,'TYPE')" showKey="Name" valKey="Value" :val="CurrentType" :options="FilterArray" />
  */
 export default {
-  name: "jPicker",
+  name: 'jPicker',
   data() {
     return {
       listData: this.options,
       nSel: -1,
       pickerVisable: false,
-      searchPosition: "middle",
+      searchPosition: 'middle',
       //picker样式
       // unSelStyle:'',
       //'background-color:rgba(0, 74, 255, 0.44);',//'background-color:rgba(220, 250, 9, 0.44);',rgba(250, 9, 9, 0.44)
-      selStyle: "height:50px;",
+      selStyle: 'height:50px;',
     };
   },
-  props: [
-    "options",
-    "showKey",
-    "valKey",
-    "val",
-    "position",
-    "disabled",
-    "bgColor",
-    "sureColor",
-  ],
+  props: ['options', 'showKey', 'valKey', 'val', 'position', 'disabled', 'bgColor', 'sureColor'],
   //选项数组，列表显示的对象键名，取值的对象键名,默认选中值,搜索框位置,是否禁用,整体背景色,确认键颜色
   watch: {
     options(n) {
@@ -141,14 +114,13 @@ export default {
       this.pickerVisable = false;
       if (this.listData.length == 0) {
         uni.showToast({
-          title: "未选中",
+          title: '未选中',
         });
-        this.$emit("sure", {});
+        this.$emit('sure', {});
       } else {
         let obj = {
           pickerVal: this.nSel,
-          pickerName:
-            this.nSel == -1 ? this.listData[0] : this.listData[this.nSel],
+          pickerName: this.nSel == -1 ? this.listData[0] : this.listData[this.nSel],
         };
         // if (this.valKey) {
         // 	// obj=this.nSel == -1?this.listData[0]:this.listData[this.nSel];
@@ -162,8 +134,8 @@ export default {
         // 		obj.pickerVal = obj[this.valKey];
         // 	}
         // }
-        console.log("子组件要传的值", obj);
-        this.$emit("bindpicker", obj);
+        console.log('子组件要传的值', obj);
+        this.$emit('bindpicker', obj);
       }
     },
     selChange(e) {
@@ -172,7 +144,7 @@ export default {
     filterOp(e) {
       //console.log(e.detail.value);
       let keyWord = e.detail.value;
-      if (keyWord != "") {
+      if (keyWord != '') {
         keyWord = keyWord.toLowerCase();
         let oldArr = this.options;
         this.listData = [];
@@ -273,7 +245,7 @@ export default {
       }
     }
     &:before {
-      content: "";
+      content: '';
       position: absolute;
       top: 0;
       left: 0;
diff --git a/src/pages/raw/ingoods/dnReceipt/Local-details.vue b/src/pages/raw/ingoods/dnReceipt/Local-details.vue
index 5240f68..16d07c0 100644
--- a/src/pages/raw/ingoods/dnReceipt/Local-details.vue
+++ b/src/pages/raw/ingoods/dnReceipt/Local-details.vue
@@ -1,30 +1,31 @@
+<!--
+ * @Author: zhou lei
+ * @Date: 2021-12-14 09:59:02
+ * @LastEditTime: 2021-12-15 14:45:16
+ * @LastEditors: zhou lei
+ * @Description: 
+ * @FilePath: /wms_haiwai_app/src/pages/raw/ingoods/dnReceipt/Local-details.vue
+ * 联系方式:910592680@qq.com 18669792120 科海达信息技术有限公司
+-->
 <template>
   <view class="page-receipt-detail">
     <view class="header">
       <view class="left">
-        <u-icon class="icon" name="arrow-left" @click="uni.navigateBack()" />
+        <u-icon class="icon" name="arrow-left" @click="uni.navigateBack({})" />
       </view>
-      <view class="title">{{ $t("message.Pi_QueryResults") }}</view>
+      <view class="title">{{ $t('message.Pi_QueryResults') }}</view>
       <view class="right"></view>
     </view>
     <view class="table-wrapper">
-      <wyb-table
-        class="table"
-        ref="table"
-        width="100%"
-        show-left-and-right-border
-        :headers="headers"
-        :contents="model.DNdetailedList"
-        :show-vert-border="false"
-      ></wyb-table>
+      <wyb-table class="table" ref="table" width="100%" show-left-and-right-border :headers="headers" :contents="model.DNdetailedList" :show-vert-border="false"></wyb-table>
     </view>
   </view>
 </template>
 <script lang="ts">
-import { Component } from "vue-property-decorator";
-import { BasePage } from "@/components/base/page";
-import { headers } from "./config";
-import model from "./model";
+import { Component } from 'vue-property-decorator';
+import { BasePage } from '@/components/base/page';
+import { headers } from './config';
+import model from './model';
 
 @Component
 export default class RawReceiptDetail extends BasePage {
@@ -34,8 +35,7 @@ export default class RawReceiptDetail extends BasePage {
 </script>
 <style lang="scss" scoped>
 .page-receipt-detail {
-  background: #f2f2f2
-    linear-gradient(0deg, #f2f2f2 0%, #4a78ea 51%, #1753ea 100%) no-repeat;
+  background: #f2f2f2 linear-gradient(0deg, #f2f2f2 0%, #4a78ea 51%, #1753ea 100%) no-repeat;
   background-size: 100% 600rpx;
   padding: 30rpx;
   min-height: 100%;
diff --git a/src/pages/raw/ingoods/dnReceipt/dnReceiving.vue b/src/pages/raw/ingoods/dnReceipt/dnReceiving.vue
index 246d9e6..9601983 100644
--- a/src/pages/raw/ingoods/dnReceipt/dnReceiving.vue
+++ b/src/pages/raw/ingoods/dnReceipt/dnReceiving.vue
@@ -23,14 +23,14 @@
       <view class="Purchase-title">
         <view class="Purchase">
           <view>{{ $t('message.Purchase') }}</view>
-          <jPicker sureColor="#ff0000" style="width: 260rpx" @bindpicker="poListChoice" showKey="value" valKey="value" :val="poNoCode" class="search" :options="poList" />
+          <jPicker sureColor="#ff0000" style="width: 260rpx" @bindpicker="poListChoice" showKey="value" valKey="value" :val="poNo" class="search" :options="poList" />
         </view>
       </view>
       <!-- 物料 -->
       <view class="material">
         <view class="material-left">
           <view>{{ $t('message.Materiel') }}</view>
-          <jPicker sureColor="#ff0000" style="width: 260rpx" @bindpicker="materialChoice" showKey="value" valKey="value" :val="wlCode" class="search" :options="materialList" />
+          <jPicker sureColor="#ff0000" style="width: 260rpx" @bindpicker="materialChoice" showKey="value" valKey="value" :val="every.materialCode" class="search" :options="materialList" />
         </view>
         <view class="material-right">
           <view class="material-right-title">{{ $t('message.CommissionedMaterielDesc') }}</view>
@@ -89,7 +89,7 @@
           <u-button type="primary" @click="onSubmit">{{ $t('message.po_Submit') }}</u-button>
         </u-col>
         <u-col :span="4">
-          <u-button type="error" @click="back">{{ $t('message.po_Return') }}</u-button>
+          <u-button type="error" @click="uni.navigateBack({})">{{ $t('message.po_Return') }}</u-button>
         </u-col>
       </u-row>
     </view>
@@ -132,7 +132,8 @@ export default class dnReceiptDom extends BasePage {
   wlCode: any = '';
   //所选择的采购单号
   poNo: any = '';
-  poNoCode: any = '';
+  // 需求数量
+  requestAmount = null;
   //上传
   upload: any = [];
   //页面初始化
@@ -172,7 +173,7 @@ export default class dnReceiptDom extends BasePage {
     localStorage.removeItem('list');
     this.material = JSON.parse(list);
     this.poList = [...this.material]; //结构
-    let arr = this.removeDuplicates(this.poList);
+    let arr = this.removeDuplicates(this.poList, 'poNo');
     // 组装下拉结构
     arr.forEach((item: any) => {
       item.label = item.poNo;
@@ -181,27 +182,28 @@ export default class dnReceiptDom extends BasePage {
     this.poList = arr;
   }
   // 去除重复 方法
-  removeDuplicates(list) {
+  // 传入数组 list 及要去重的属性 valueKey
+  // 返回去重后的数组对象
+  removeDuplicates(list, valueKey: string) {
     let temp = {};
     let arr = [];
     arr = list.reduce(function (item, next) {
-      temp[next.poNo] ? '' : (temp[next.poNo] = true && item.push(next));
+      temp[next[valueKey]] ? '' : (temp[next[valueKey]] = true && item.push(next));
       return item;
     }, []);
     return arr;
   }
+  // ADD方法后的库存数量检测
+  totalLocation(list: []) {
+    const receiptAmount = list.reduce((total: number, nextItem: any): any => {
+      return total + +nextItem.receiptAmount;
+    }, 0);
+    return receiptAmount;
+  }
   //选择采购单后触发的回调事件
   poListChoice(e: any) {
-    console.log('选择采购单后触发的回调事件::', 'poListChoice:::', e);
-    // 赋值采购单号
-    this.poList.some((item, index) => {
-      if (item.poNo === e.pickerName.value) {
-        this.poNoCode = index;
-        return true;
-      }
-    });
     this.poNo = e.pickerName.value;
-    this.materialList = this.removeDuplicates(this.material);
+    this.materialList = JSON.parse(JSON.stringify(this.removeDuplicates(this.material, 'materialCode')));
     this.materialList.forEach((item: any) => {
       if (item.poNo == e.pickerName.value) {
         item.label = item.materialCode;
@@ -211,21 +213,16 @@ export default class dnReceiptDom extends BasePage {
   }
   //选择物料后触发的回调事件  本次数量：receiptAmount  需求数量：requestAmount
   materialChoice(e: any) {
+    // 待放入新增中的公共对象
     this.every = e.pickerName;
-    this.materialList.some((item, index) => {
-      if (item.poNo === e.pickerName.value) {
-        this.wlCode = index;
-        return true;
-      }
-    });
   }
   //选择库位后触发的回调事件
   LocationChoice(e: any) {
-    console.log('e>>>>>>>>>>>>>>>>>>>>>>>>', e);
-    this.wlCode = e.pickerName;
+    this.wlCode = e.pickerName.value;
   }
   //点击添加
   Add() {
+    const count = this.totalLocation(this.LocationList);
     if (this.receiptAmount == '' || this.wlCode == '') {
       uni.showToast({
         icon: 'none',
@@ -240,40 +237,30 @@ export default class dnReceiptDom extends BasePage {
       });
       return;
     }
-    if (parseFloat(this.receiptAmount) > this.every.requestAmount) {
+    if (parseFloat(this.receiptAmount) > this.every.requestAmount || +this.receiptAmount + count > this.every.requestAmount) {
       uni.showToast({
         icon: 'none',
         title: this.$t('message.Commission_tips4') as any,
       });
       return;
     }
-    let isTrue = true;
-    if (this.sendSpotList.length != 0) {
-      this.sendSpotList.forEach((item: any) => {
-        if (this.wlCode.sendSpot != item) {
-          isTrue = false;
-        }
-      });
-    }
-    if (isTrue != true) {
+    // 判断已添加库位和新添加库位是否相同，不相同return
+    let isTrue = this.LocationList.some((item) => item.wlCode !== this.wlCode);
+
+    if (isTrue) {
       uni.showToast({
         icon: 'none',
         title: this.$t('message._tips5') as any,
       });
       return;
     }
-    let objString = JSON.stringify(this.every);
-    let TEM = JSON.parse(objString);
-    TEM.wllist = null;
-    TEM.receiptAmount = this.receiptAmount;
-    TEM.wlCode = this.wlCode.label;
-    this.sendSpotList.push(this.wlCode.sendSpot);
-    console.log('this.sendSpotList', this.sendSpotList);
-    console.log('TEM', TEM);
-    this.LocationList.push(TEM);
+    const loc = this.Location.find((item) => item.value === this.wlCode);
+    this.LocationList.push({
+      ...loc,
+      receiptAmount: this.receiptAmount,
+      wlCode: this.wlCode,
+    });
     this.every.wllist = this.LocationList;
-    console.log('表格数据', this.LocationList);
-    console.log('要上传的数据', this.every);
     this.receiptAmount = '';
     isTrue = true;
     this.business();
@@ -315,7 +302,7 @@ export default class dnReceiptDom extends BasePage {
       dnNo: this.form.documentNo,
     };
     await this.model.querydetaildlist(content);
-    this.redirectTo(this.page.raw.ingoods.dnReceipt.Local);
+    this.toPage(this.page.raw.ingoods.dnReceipt.Local);
   }
   //添加和删除操作的时候  计算累计收货数量
   business() {
@@ -325,7 +312,6 @@ export default class dnReceiptDom extends BasePage {
     });
     this.Cumulative = num;
     this.every.receiptAmount = num;
-    console.log('this.every', this.every);
   }
 }
 </script>