fix: src\pages\transfer\record 文件修改 Vue2升级Vue3 10/25-11-11

1 week ago · 9919f4aba2
1 changed files with 425 additions and 0 deletions
--- a/src/pages/transfer/record/receiptRecordByBatch.vue
+++ b/src/pages/transfer/record/receiptRecordByBatch.vue
@ -0,0 +1,425 @@
+<template>
+  <view class="page-wraper">
+    <view class="">
+      <com-blank-view @goScan='openScanPopup' v-if="detailSource.length==0"></com-blank-view>
+    </view>
+    <view class="page-wraper" v-if="detailSource.length>0">
+      <view class="page-main">
+        <scroll-view scroll-y="true" class="page-main-scroll">
+          <view class="detail-list" v-for="(item, index) in detailSource" :key="item.id">
+            <view class="">
+              <record-com-detail-card :dataContent="item" :index="index" :isShowFromLocation="false"
+                                      :isShowToLocation="false"
+                                      :isShowParentToLocation="false"
+                                      :allowModifyQty="true"
+                                      :queryBalance="false"
+                                      @removeItem="removeItem(index,item)" @updateData="updateData"
+                                      @removePack="removePack">
+              </record-com-detail-card>
+            </view>
+            <view class='split_line'></view>
+          </view>
+        </scroll-view>
+      </view>
+      <view class="page-footer">
+        <view class="uni-flex u-col-center space-between padding_10" style="background-color:ghostwhite; width: 100%; ">
+          <requiredLocation title="目标库位" :locationCode="toLocationCode"
+                            @getLocation='getToLocationCode'
+                            :locationAreaTypeList="toLocationAreaTypeList">
+          </requiredLocation>
+          <view class=" uni-flex uni-row">
+            <button class="btn_single_commit" hover-class="btn_commit_after" @click="commit">提交</button>
+          </view>
+        </view>
+      </view>
+      <win-scan-button @goScan='openScanPopup'></win-scan-button>
+    </view>
+    <win-scan-pack ref="scanPopup" @getResult='getScanResult'></win-scan-pack>
+    <comMessage ref="comMessage"></comMessage>
+  </view>
+</template>
+
+<script setup>
+import {
+  transferReceiptRecordSubmit
+} from '@/api/request2.js';
+import {
+  getPrecisionStrategyList
+} from '@/common/balance.js';
+
+import {
+  goHome,
+  deepCopyData,
+  getPackingNumberAndBatchByList
+} from '@/common/basic.js';
+
+import {
+  getInventoryStatusDesc,
+  getDirectoryItemArray
+} from '@/common/directory.js';
+
+import {
+  getBusinessType,
+  createItemInfo,
+  createDetailInfo,
+  calcHandleQty
+} from '@/common/record.js';
+
+import {
+  calc
+} from '@/common/calc'
+
+import winScanButton from '@/mycomponents/scan/winScanButton.vue'
+import winScanPack from '@/mycomponents/scan/winScanPack.vue'
+import requiredLocation from '@/mycomponents/location/requiredLocation.vue'
+import comBlankView from '@/mycomponents/common/comBlankView.vue'
+import recordComDetailCard from '@/mycomponents/record/recordComDetailCard.vue'
+
+
+import { ref, watch, onMounted, nextTick } from 'vue';
+import { onLoad, onNavigationBarButtonTap, onBackPress, onPullDownRefresh } from '@dcloudio/uni-app';
+
+const props = defineProps({
+});
+
+const id = ref('');
+const subList = ref([]); // 接口返回的任务 subList
+const detailSource = ref([]); // 绑定在页面上的数据源
+const toLocationCode = ref("");
+const toLocationAreaTypeList = ref([]);
+const inInventoryStatus = ref(""); // 目标入库库存状态
+const outInventoryStatus = ref(""); // 来源出库库存状态
+const businessType = ref({});
+const managementList = ref([]);
+const dataContent = ref({});
+const toWarehouseCode = ref('');
+const managementType = import.meta.env.VITE_MANAGE_MODEL;
+
+const scanPopup = ref(null);
+const comMessage = ref(null);
+
+onLoad((option) => {
+  uni.setNavigationBarTitle({
+    title: option.title
+  });
+  const typeCode = "TransferReceipt";
+
+  getBusinessType(typeCode, (res) => {
+    if (res.success) {
+      businessType.value = res.businessType;
+      toLocationAreaTypeList.value = res.toLocationAreaTypeList;
+      openScanPopup();
+    } else {
+      showErrorMessage(res.message);
+    }
+  });
+});
+
+onNavigationBarButtonTap((e) => {
+  if (e.index === 0) {
+    goHome();
+  }
+});
+
+const getScanResult = (result) => {
+  const managementTypeParams = managementType;
+  if (managementTypeParams === "BY_BATCH" || managementTypeParams === "BY_QUANTITY") {
+    setDataBatch(result);
+  } else {
+    setData(result);
+  }
+};
+
+const setData = (result) => {
+  const label = result.label;
+  const pack = result.package;
+  const item = detailSource.value.find((res) => res.itemCode === label.itemCode);
+
+  if (item === undefined) {
+    const itemp = createItemInfo(label, pack);
+    const newDetail = createDetailInfo(label, pack);
+    newDetail.inventoryStatus = "OK";
+    itemp.subList.push(newDetail);
+    detailSource.value.push(itemp);
+  } else {
+    const detail = item.subList.find((r) => r.packingNumber === label.packingNumber && r.batch === label.batch);
+
+    if (detail === undefined) {
+      const newDetail = createDetailInfo(label, pack);
+      item.subList.push(newDetail);
+    } else {
+      if (detail.scaned) {
+        showErrorMessage(`箱码[${label.packingNumber}]批次[${label.batch}]重复扫描`);
+      }
+    }
+  }
+  calcHandleQty();
+};
+
+const setDataBatch = (result) => {
+  const label = result.label;
+  const pack = result.package;
+  const item = detailSource.value.find((res) => res.itemCode === label.itemCode);
+
+  if (item === undefined) {
+    const itemp = createItemInfo(label, pack);
+    const newDetail = createDetailInfo(label, pack);
+    newDetail.inventoryStatus = "OK";
+    itemp.subList.push(newDetail);
+    detailSource.value.push(itemp);
+  } else {
+    const detail = item.subList.find((r) => r.packingNumber === label.packingNumber && r.batch === label.batch);
+
+    if (detail === undefined) {
+      const newDetail = createDetailInfo(label, pack);
+      item.subList.push(newDetail);
+    } else {
+      detail.handleQty = calc.add(detail.handleQty, result.label.qty);
+    }
+  }
+  calcHandleQty();
+};
+
+const showErrorMessage = (message) => {
+  comMessage.value.showErrorMessage(message, (res) => {
+  });
+};
+
+const calcHandleQty = () => {
+  calcHandleQty(detailSource.value);
+};
+
+const removeItem = (index) => {
+  detailSource.value.splice(index, 1);
+};
+
+const removePack = () => {
+  for (let i = 0; i < detailSource.value.length; i++) {
+    const item = detailSource.value[i];
+    if (item.subList.length === 0) {
+      detailSource.value.splice(i, 1);
+    }
+  }
+  updateData();
+};
+
+const openScanPopup = () => {
+  scanPopup.value.openScanPopup();
+};
+
+const closeScanPopup = () => {
+  if (scanPopup.value) {
+    scanPopup.value.closeScanPopup();
+  }
+};
+
+const scanPopupGetFocus = () => {
+  if (scanPopup.value) {
+    scanPopup.value.getfocus();
+  }
+};
+
+const scanLocationCode = (location, code) => {
+  toLocationCode.value = code;
+  detailSource.value.forEach((item) => {
+    item.subList.forEach((detail) => {
+      detail.toLocationCode = code;
+    });
+  });
+};
+
+const commit = () => {
+  if (toLocationCode.value === "") {
+    showMessage("请先选择目标库位");
+    return;
+  }
+
+  if (detailSource.value.length > 0 && detailSource.value[0].subList.length > 0) {
+    uni.showLoading({
+      title: "提交中....",
+      mask: true,
+    });
+
+    managementList.value = [];
+    const precisionStrategParams = setPrecisionStrategParams();
+
+    getPrecisionStrategyList(precisionStrategParams, (res) => {
+      if (res.success) {
+        managementList.value = res.list;
+        const params = setParams();
+
+        console.log("提交" + JSON.stringify(params));
+        transferReceiptRecordSubmit(params).then((res) => {
+          uni.hideLoading();
+          if (res.data) {
+            showCommitSuccessMessage(`提交成功\n生成调拨入库记录\n${res.data}`);
+          } else {
+            showErrorMessage(`提交失败[${res.msg}]`);
+          }
+        }).catch((error) => {
+          uni.hideLoading();
+          showErrorMessage(error);
+        });
+      } else {
+        uni.hideLoading();
+        showErrorMessage(res.message);
+      }
+    });
+  } else {
+    showErrorMessage("没有要提交的数据,请先扫描");
+  }
+};
+
+const setPrecisionStrategParams = () => {
+  const itemList = [];
+  detailSource.value.forEach((item) => {
+    item.subList.forEach((detail) => {
+      if (detail.scaned) {
+        detail.toLocationCode = toLocationCode.value;
+        const filterResult = itemList.filter((res) => res.itemCode === item.itemCode && detail.toLocationCode === res.locationCode);
+
+        if (filterResult.length === 0) {
+          const result = {
+            itemCode: item.itemCode,
+            locationCode: detail.toLocationCode,
+          };
+          itemList.push(result);
+        }
+      }
+    });
+  });
+  return itemList;
+};
+
+const setParams = () => {
+  const subList = [];
+  const creator = store.state.user.id;
+
+  detailSource.value.forEach((item) => {
+    item.subList.forEach((detail) => {
+      if (detail.scaned) {
+        const submitItem = deepCopyData(detail);
+        const info = getPackingNumberAndBatchByList(managementList.value, detail.itemCode, detail.packingNumber, detail.toLocationCode, detail.batch);
+
+        submitItem.itemCode = detail.itemCode;
+        submitItem.itemName = detail.package.itemName;
+        submitItem.itemDesc1 = detail.package.itemDesc1;
+        submitItem.itemDesc2 = detail.package.itemDesc2;
+
+        submitItem.inventoryStatus = detail.inventoryStatus;
+
+        submitItem.fromPackingNumber = info.packingNumber;
+        submitItem.toPackingNumber = info.packingNumber;
+
+        submitItem.fromContainerNumber = detail.containerNumber;
+        submitItem.toContainerNumber = detail.containerNumber;
+
+        submitItem.fromBatch = info.batch;
+        submitItem.toBatch = info.batch;
+
+        submitItem.fromLocationCode = detail.locationCode;
+        submitItem.toLocationCode = detail.toLocationCode;
+
+        submitItem.qty = detail.handleQty;
+        submitItem.package = "";
+
+        subList.push(submitItem);
+      }
+    });
+  });
+
+  dataContent.value.subList = subList;
+  dataContent.value.creator = creator;
+  dataContent.value.fromWarehouseCode = detailSource.value[0].subList[0].warehouseCode;
+  dataContent.value.toWarehouseCode = toWarehouseCode.value;
+  return dataContent.value;
+};
+
+const showMessage = (message) => {
+  comMessage.value.showMessage(message, (res) => {
+  });
+};
+
+const afterCloseMessage = () => {
+  scanPopupGetFocus();
+};
+
+const closeScanMessage = () => {
+  scanPopupGetFocus();
+};
+
+const getLocation = (location, code) => {
+};
+
+const getToLocationCode = (location, code) => {
+  toWarehouseCode.value = location.warehouseCode;
+  toLocationCode.value = code;
+  detailSource.value.forEach((item) => {
+    item.subList.forEach((detail) => {
+      detail.toLocationCode = code;
+    });
+  });
+};
+
+const showCommitSuccessMessage = (hint) => {
+  comMessage.value.showSuccessMessage(hint, (res) => {
+    clearData();
+  });
+};
+
+const clearData = () => {
+  id.value = '';
+  subList.value = [];
+  detailSource.value = [];
+  toLocationCode.value = '';
+  dataContent.value = {};
+  toWarehouseCode.value = '';
+};
+
+const updateData = () => {
+  calcHandleQty();
+  for (let i = 0; i < detailSource.value.length; i++) {
+    const item = detailSource.value[i];
+    if (item.qty === 0) {
+      detailSource.value.splice(i, 1);
+    }
+  }
+};
+</script>
+
+<style scoped lang="scss">
+page {
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+}
+
+.page-wraper {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+
+
+.page-main {
+  flex: 1;
+  position: relative;
+}
+
+.page-main-scroll {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+
+.page-main-list {
+  /*  height: 80rpx;
+    line-height: 80rpx; */
+  text-align: center;
+  background: #e0e0e0;
+
+}
+</style>