From ee1ccd300b16dd20c8004c77bf9c925c535f05a5 Mon Sep 17 00:00:00 2001
From: hou <1601990943@qq.com>
Date: Fri, 3 Dec 2021 09:22:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=20DN=E5=8F=91=E8=B4=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../outbound/stoOutbound/DN-delivergoods.vue  | 434 ++++++++++++++++++
 .../warehouse/wholeTransfer/Local-details.vue | 143 ++++++
 .../product/warehouse/wholeTransfer/config.ts | 208 +++++++++
 .../raw/handover/feeding/Local-details.vue    |  83 ++++
 .../raw/handover/picking/Local-details.vue    |  83 ++++
 .../raw/handover/picking/Summary-details.vue  | 138 ++++++
 .../raw/ingoods/dnReceipt/Local-details.vue   |  83 ++++
 7 files changed, 1172 insertions(+)
 create mode 100644 src/pages/product/outbound/stoOutbound/DN-delivergoods.vue
 create mode 100644 src/pages/product/warehouse/wholeTransfer/Local-details.vue
 create mode 100644 src/pages/product/warehouse/wholeTransfer/config.ts
 create mode 100644 src/pages/raw/handover/feeding/Local-details.vue
 create mode 100644 src/pages/raw/handover/picking/Local-details.vue
 create mode 100644 src/pages/raw/handover/picking/Summary-details.vue
 create mode 100644 src/pages/raw/ingoods/dnReceipt/Local-details.vue

diff --git a/src/pages/product/outbound/stoOutbound/DN-delivergoods.vue b/src/pages/product/outbound/stoOutbound/DN-delivergoods.vue
new file mode 100644
index 0000000..a0e1a39
--- /dev/null
+++ b/src/pages/product/outbound/stoOutbound/DN-delivergoods.vue
@@ -0,0 +1,434 @@
+<template>
+  <view class="page-raw-returning">
+    <view
+      class="header"
+      :style="{ backgroundColor: `rgba(23, 83, 234, ${scrollTop / 100})` }"
+    >
+      <view class="left">
+        <u-icon class="icon" name="arrow-left" @click="back" />
+      </view>
+      <view class="title">{{ $t("message.dn_ReceivingGoods") }}</view>
+      <view class="right"></view>
+    </view>
+    <u-form
+      class="form"
+      ref="form"
+      :model="form"
+      :error-type="['toast']"
+      label-width="150rpx"
+    >
+      <u-form-item
+        :required="true"
+        :label="this.$t('message.product_STONumber')"
+        prop="orderNo"
+      >
+        <u-search
+          :placeholder="this.$t('message.po_PleaseInput')"
+          v-model="form.orderNo"
+          @search="model.queryOrderInInfo"
+          :show-action="false"
+        ></u-search>
+      </u-form-item>
+      <u-form-item :label="this.$t('message.product_TotalNumber')">
+        <u-input
+          v-model="model.orderInInfo.stoAmount"
+          :placeholder="this.$t('message.po_PleaseInput')"
+        />
+      </u-form-item>
+      <u-form-item :required="true" :label="this.$t('message.product_FGCode')">
+        <u-input
+          v-model="form.productCode"
+          type="select"
+          @click="materialCodeSelect = true"
+          :placeholder="this.$t('message.po_PleaseInput')"
+        />
+        <u-select
+          :confirm-text="this.$t('message.product_Confirm')"
+          :cancel-text="this.$t('message.product_Cancel')"
+          v-model="materialCodeSelect"
+          :list="model.materielList"
+          @confirm="materialConfirm"
+        ></u-select>
+      </u-form-item>
+      <u-form-item :label="this.$t('message.product_FGDes')">
+        <u-input :disabled="true" v-model="form.productDescZh" placeholder="" />
+      </u-form-item>
+      <u-row gutter="0">
+        <u-col :span="6">
+          <u-form-item :label="this.$t('message.product_MaterilTotalNumber')">
+            <u-input
+              v-model="form.orderAmount"
+              :placeholder="this.$t('message.po_PleaseInput')"
+            />
+          </u-form-item>
+        </u-col>
+        <u-col :span="6">
+          <u-form-item
+            :label="this.$t('message.product_Swept')"
+            label-width="80rpx"
+          >
+            <u-input
+              v-model="form.scanAmount"
+              :placeholder="this.$t('message.po_PleaseInput')"
+            />
+          </u-form-item>
+        </u-col>
+      </u-row>
+      <u-form-item :label="this.$t('message.product_BarCode')">
+        <u-search
+          :placeholder="this.$t('message.po_PleaseInput')"
+          v-model="form.barCode"
+          @search="onSubmit"
+          :focus="firstFocus"
+          :show-action="false"
+        ></u-search>
+      </u-form-item>
+      <u-col :span="12">
+        <view class="table-wrapper">
+          <wyb-table
+            class="table"
+            ref="table"
+            width="100%"
+            enable-check="multiple"
+            show-left-and-right-border
+            :headers="headers"
+            :contents="materialList"
+            :show-vert-border="false"
+            @onCheck="onCheck"
+          ></wyb-table>
+        </view>
+      </u-col>
+    </u-form>
+    <view class="bottom-bar">
+      <u-row class="button-bar">
+        <u-col :span="4">
+          <u-button
+            type="warning"
+            @click="toPage(page.product.outbound.stoOutboundDetail)"
+            >{{ $t("message.product_PickingDetails") }}</u-button
+          >
+        </u-col>
+        <u-col :span="4">
+          <u-button type="error" @click="resetHandle">{{
+            $t("message.product_Empty")
+          }}</u-button>
+        </u-col>
+        <u-col :span="4">
+          <u-button type="primary" @click="onOk">{{
+            $t("message.po_Submit")
+          }}</u-button>
+        </u-col>
+        <!--        <u-col :span="3">-->
+        <!--          <u-button type="success" @click="uni.navigateBack()">重提</u-button>-->
+        <!--        </u-col>-->
+      </u-row>
+    </view>
+  </view>
+</template>
+
+<script lang="ts">
+import { Component, Ref } from "vue-property-decorator";
+import { BasePage } from "@/components/base/page";
+import { VForm, VFormRules } from "vue/types/form";
+import model from "./model";
+import { session } from "@/store/modules/session";
+import { headers } from "./config";
+@Component
+export default class stoOutboundDom extends BasePage {
+  /**
+   * 表单引用
+   */
+  @Ref("form") readonly $form!: VForm;
+  /**
+   * 表格引用
+   */
+  @Ref("table") readonly $table: any;
+
+  /**
+   * 页面Module
+   */
+  model = model;
+  /**
+   * search焦点获取
+   */
+  firstFocus = false;
+  /**
+   * 表头
+   */
+  headers = headers;
+
+  /**
+   * 表单数据
+   */
+  form = {
+    dockCode: null, // 月台类型code
+    dockName: null, // 月台类型name
+    orderNo: null,
+    qty: 0,
+    orderAmount: "",
+    productCode: "", // 物料类型name
+    productDescZh: "",
+    scanAmount: "",
+    barCode: "",
+  };
+  materialList: any = []; //物料列表
+  //被选中的表格数据
+  selectMaterielList: any = [];
+  /**
+   * 工位退料人名称
+   */
+  operatorName = "";
+  /**
+   * 退料类型选择
+   */
+  returningTypeSelect = false;
+  // 物料类型选择
+  materialCodeSelect = false;
+  /**
+   * 表单验证规则
+   */
+  rules: VFormRules<any> = {
+    orderNo: [
+      { required: true, message: this.$t("message.product_Tip4") as string },
+    ],
+  };
+
+  // 必须要在onReady生命周期，因为onLoad生命周期组件可能尚未创建完毕
+  async onReady() {
+    this.$form.setRules(this.rules);
+    model.queryReturningTypeList();
+  }
+  onCheck(e: any) {
+    console.log("e.data", e.data);
+    this.selectMaterielList = [];
+    e.data.forEach((line: any) => {
+      const { lineData: item } = line;
+      this.selectMaterielList.push(item);
+    });
+  }
+  back() {
+    this.form.barCode = "";
+    this.model.orderInInfo.stoAmount = 0;
+    this.selectMaterielList = [];
+    uni.navigateBack({ delta: 1 });
+    this.$table.onEmpty();
+  }
+  materialConfirm(v: any) {
+    console.log("v[0].value", v[0]);
+    // this.form.productCode = v[0].value;
+    this.model.materielList.forEach((item: any) => {
+      if (v[0].value == item.stoItem) {
+        this.form.productCode = item.materialCode;
+        this.form.productDescZh = item.materialDesc;
+        this.form.orderAmount = item.orderAmount;
+        this.form.scanAmount = item.scanAmount;
+      }
+    });
+    console.log("this.form", this.form);
+  }
+  /**
+   * 清空
+   */
+  resetHandle() {
+    this.materialList = [];
+    this.$table.onCheckAllTap();
+    this.model.materielList.forEach((item: any) => {
+      if (this.form.productCode == item.label) {
+        this.form.productDescZh = item.materialDesc;
+        this.form.orderAmount = item.orderAmount;
+        this.form.scanAmount = item.scanAmount;
+      }
+    });
+  }
+  /**
+   * 条码回车
+   */
+
+  onSubmit() {
+    this.$form.validate(async (valid: boolean) => {
+      if (this.form.productCode.slice(0, 9) != this.form.barCode.slice(0, 9)) {
+        uni.showToast({
+          icon: "none",
+          title: this.$t("message.product_Tip5") as string,
+        });
+        return;
+      }
+      if (parseInt(this.form.orderAmount) <= parseInt(this.form.scanAmount)) {
+        uni.showToast({
+          icon: "none",
+          title: this.$t("message.product_Tip6") as string,
+        });
+        return;
+      }
+      let list = [
+        {
+          order3: this.form.orderNo,
+          productCode: this.form.productCode,
+          productDescZh: this.form.productDescZh,
+          barCode: this.form.barCode,
+          dockCode: this.form.dockCode,
+          dockName: this.form.dockName,
+          orderType: 3,
+          type: 0,
+          keepBy: session.loginName as string,
+          loginName: session.loginName as string,
+        },
+      ];
+      if (valid) {
+        const res = await this.model.tluSubmit(list);
+        console.log("fanhui ", res);
+        // if (res.barcode) {
+        //   // this.materialList.push(res);
+        //   this.form.scanAmount = res.scanAmount;
+        // }
+        if (this.materialList.length == 0) {
+          await this.materialList.push(res);
+          this.form.scanAmount += 1;
+          this.$table.onCheckAllTap();
+        } else {
+          let flag = 0;
+          for (let i = 0; i < this.materialList.length; i++) {
+            console.log("11111", this.materialList[i]);
+            if (this.form.barCode == this.materialList[i].barcode) {
+              flag = 1;
+              break;
+            }
+          }
+          if (flag == 0) {
+            await this.$table.onCheckAllTap();
+            await this.materialList.push(res);
+            this.form.scanAmount += 1;
+            this.$table.onCheckAllTap();
+          } else {
+            uni.showToast({
+              icon: "none",
+              title: this.$t("message.product_Tip7") as string,
+            });
+          }
+        }
+      }
+    });
+    const item = {
+      ...this.form,
+      barCode: String(""),
+    };
+    this.firstFocus = false;
+    setTimeout(() => {
+      this.form = item;
+      this.firstFocus = true;
+    }, 0);
+  }
+  onOk() {
+    // if (this.selectMaterielList.length == 0) {
+    //   uni.showToast({ icon: 'none', title: this.$t('message.product_Tip2') as string });
+    // } else {
+    this.$form.validate(async (valid: boolean) => {
+      if (!valid) return;
+      let selctlist: any = [];
+      this.selectMaterielList.forEach((item: any, index: any) => {
+        // item.originWl = item.locCode;
+        selctlist[index] = {
+          barCode: item.barcode,
+          keepBy: session.loginName,
+          loginName: session.loginName,
+          order3: this.form.orderNo,
+          orderType: 3,
+          type: 0,
+          productCode: item.productCode,
+          productDescZh: item.productDescZh,
+          originWl: item.locCode,
+          dockCode: item.dockCode,
+          dockName: item.dockName,
+          whCode: item.whCode,
+          regionCode: item.regionCode,
+        };
+      });
+      await this.model.confirm(selctlist);
+      // this.$form.resetFields();
+      // // this.form.barCode = '';
+      // this.selectMaterielList = [];
+      console.log("aaaaaaa", this.model);
+      if (this.model.code == "1") {
+        this.materialList = [];
+        // this.model.materielList = [];
+        this.$table.onCheckAllTap();
+        uni.showToast({ icon: "success", title: "success" });
+      }
+    });
+    this.form.barCode = "";
+    this.form.productCode = "";
+    // this.form.orderNo = null;
+    this.form.scanAmount = "";
+    this.form.orderAmount = "";
+    this.form.productDescZh = "";
+    this.selectMaterielList = [];
+    this.$table.onEmpty();
+  }
+  // }
+}
+</script>
+
+<style lang="scss" scoped>
+.page-raw-returning {
+  background: #f2f2f2
+    linear-gradient(0deg, #f2f2f2 0%, #4a78ea 51%, #1753ea 100%) no-repeat;
+  background-size: 100% 600rpx;
+  padding: 118rpx 30rpx 162rpx;
+  min-height: 100%;
+
+  .header {
+    position: fixed;
+    top: 36rpx;
+    left: 0;
+    right: 0;
+    z-index: 99;
+    display: flex;
+    height: 88rpx;
+    line-height: 88rpx;
+    color: #fff;
+    font-size: 34rpx;
+    font-weight: 500;
+    text-align: center;
+    .title {
+      flex: 3;
+    }
+    .left,
+    .right {
+      flex: 1;
+    }
+    .icon {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 88rpx;
+      height: 88rpx;
+    }
+  }
+
+  .form {
+    background-color: #fff;
+    padding: 40rpx;
+    border-radius: 10rpx;
+    box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
+
+    .u-form-item {
+      padding: 30rpx 0;
+      line-height: 35rpx;
+    }
+  }
+
+  .bottom-bar {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 99;
+    background: #ffffff;
+    box-shadow: 0 1rpx 20rpx 0 rgba(128, 128, 128, 0.2);
+    padding: 20rpx;
+  }
+
+  .button-bar {
+  }
+}
+</style>
diff --git a/src/pages/product/warehouse/wholeTransfer/Local-details.vue b/src/pages/product/warehouse/wholeTransfer/Local-details.vue
new file mode 100644
index 0000000..2a5465b
--- /dev/null
+++ b/src/pages/product/warehouse/wholeTransfer/Local-details.vue
@@ -0,0 +1,143 @@
+<template>
+  <view class="page-receipt-detail">
+    <view class="header">
+      <view class="left">
+        <u-icon class="icon" name="arrow-left" @click="uni.navigateBack()" />
+      </view>
+      <view class="title">{{ $t("message.Pi_QueryResults") }}</view>
+      <view class="right"></view>
+    </view>
+    <u-form
+      class="form"
+      ref="form"
+      style="padding-left: 30px"
+      label-width="180rpx"
+    >
+      <u-form-item :label="$t('message.Transfer')">
+        <u-input v-model="cpRef4" placeholder="" class="Transfer" />
+        <u-button
+          type="primary"
+          style="height: 60rpx; margin-left: 20rpx"
+          @click="generate"
+          >{{ $t("message.Query") }}</u-button
+        >
+      </u-form-item>
+    </u-form>
+    <view class="table-wrapper">
+      <wyb-table
+        class="table"
+        ref="table"
+        width="100%"
+        show-left-and-right-border
+        :headers="headers"
+        :contents="detailedList"
+        :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";
+
+@Component
+export default class RawReceiptDetail extends BasePage {
+  model = model;
+  headers = Headers;
+  cpRef4: any = "";
+  detailedList: any = [];
+  async generate() {
+    if (this.cpRef4 == "") {
+      uni.showToast({
+        icon: "none",
+        title: "请先输入要查询的单号" as any,
+      });
+      return;
+    }
+    let person = JSON.parse(
+      localStorage.getItem("__GWMS_APP_STATE_DATA__") as any
+    );
+    let content = {
+      loginName: person.session.user.loginName,
+      cpRef4: this.cpRef4,
+    };
+    await this.model.querydetaildlist(content);
+    let arr = this.model.detailedList;
+    arr.forEach((item: any) => {
+      if (item.oiType == 10 || item.oiType == "10") {
+        item.oiType = "入";
+      } else {
+        item.oiType = "出";
+      }
+    });
+    this.detailedList = arr;
+  }
+}
+</script>
+<style lang="scss" scoped>
+.page-receipt-detail {
+  background: #f2f2f2
+    linear-gradient(0deg, #f2f2f2 0%, #4a78ea 51%, #1753ea 100%) no-repeat;
+  background-size: 100% 600rpx;
+  padding: 30rpx;
+  min-height: 100%;
+  padding-top: 118rpx;
+  padding-bottom: 162rpx;
+
+  .header {
+    position: fixed;
+    top: 36rpx;
+    left: 0;
+    right: 0;
+    display: flex;
+    height: 88rpx;
+    line-height: 88rpx;
+    color: #fff;
+    font-size: 34rpx;
+    font-weight: 500;
+    text-align: center;
+    .title {
+      flex: 3;
+    }
+    .left,
+    .right {
+      flex: 1;
+    }
+    .icon {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 88rpx;
+      height: 88rpx;
+    }
+  }
+  .form {
+    background-color: #fff;
+    // padding: 40rpx;
+    border-radius: 10rpx;
+    box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
+
+    .u-form-item {
+      // padding: 30rpx 0;
+      line-height: 35rpx;
+      .Transfer {
+        width: 180rpx;
+        height: 64rpx;
+        background: rgb(242, 242, 242);
+        border-radius: 110rpx;
+      }
+    }
+  }
+  .table-wrapper {
+    background-color: #fff;
+  }
+
+  .form {
+    background-color: #fff;
+    // padding: 40rpx;
+    border-radius: 10rpx;
+  }
+}
+</style>
diff --git a/src/pages/product/warehouse/wholeTransfer/config.ts b/src/pages/product/warehouse/wholeTransfer/config.ts
new file mode 100644
index 0000000..ca48771
--- /dev/null
+++ b/src/pages/product/warehouse/wholeTransfer/config.ts
@@ -0,0 +1,208 @@
+/**
+ * 拣配查询表格列
+ */
+import vm from "@/main";
+export const headers = [
+  {
+    label: vm.$t("message.Pi_OrderNo"),
+    key: "prdOrder",
+    width: 550,
+  },
+];
+
+/**
+ * 拣配查询结果表格列
+ */
+export const resultHeaders = [
+  {
+    label: vm.$t("message.po_MaterielNo"),
+    key: "materialCode",
+    width: 220,
+  },
+  {
+    label: vm.$t("message.po_DemandQuantity"),
+    key: "amount",
+  },
+  {
+    label: vm.$t("message.Pi_CumulativePickingQuantity"),
+    key: "totalMoAmount",
+    width: 300,
+  },
+  {
+    label: vm.$t("message.Pi_HandoverQuantity"),
+    key: "totalHvAmount",
+  },
+  {
+    label: vm.$t("message.Pi_factory"),
+    key: "sapFactoryCode",
+  },
+  {
+    label: vm.$t("message.Pi_Station"),
+    key: "sendSpot",
+  },
+  {
+    label: vm.$t("message.po_MaterielDes"),
+    key: "materialDesc",
+    width: 350,
+  },
+  {
+    label: "MRP",
+    key: "mrpCode",
+  },
+  {
+    label: vm.$t("message.Pi_unit"),
+    key: "unit",
+  },
+  {
+    label: vm.$t("message.Pi_OrderNo"),
+    key: "prdOrder",
+  },
+  {
+    label: vm.$t("message.Pi_FinishedProductModel"),
+    key: "prdMaterialDesc",
+    width: 300,
+  },
+  {
+    label: vm.$t("message.po_Location"),
+    key: "wkposCode",
+  },
+];
+
+/**
+ * 汇总拣配表格列
+ */
+export const summaryHeaders = [
+  {
+    label: vm.$t("message.po_MaterielNo"),
+    key: "materialCode",
+    width: 220,
+  },
+  {
+    label: vm.$t("message.po_DemandQuantity"),
+    key: "amount",
+  },
+  {
+    label: vm.$t("message.Pi_CurrentPickingQuantity"),
+    key: "currentAmount",
+    width: 300,
+  },
+  {
+    label: vm.$t("message.Pi_PickedQuantity"),
+    key: "totalMoAmount",
+  },
+  {
+    label: vm.$t("message.Pi_QuantityHandedOver"),
+    key: "totalHvAmount",
+  },
+  {
+    label: vm.$t("message.po_Location"),
+    // key: 'currentWkposCode',
+    key: "wkposCode",
+  },
+  {
+    label: vm.$t("message.po_MaterielDes"),
+    key: "materialDesc",
+    width: 350,
+  },
+  {
+    label: vm.$t("message.Pi_unit"),
+    key: "unit",
+  },
+  // {
+  //   label: '成品型号',
+  //   key: 'prdMaterialDesc',
+  //   width: 300,
+  // },
+  // {
+  //   label: '工位',
+  //   key: 'sendSpot',
+  // },
+  // {
+  //   label: '工厂',
+  //   key: 'sapFactoryCode',
+  // },
+];
+
+/**
+ * 按单拣配表格列
+ */
+export const orderHeaders = [
+  {
+    label: vm.$t("message.po_MaterielNo"),
+    key: "materialCode",
+    width: 220,
+  },
+  {
+    label: vm.$t("message.po_DemandQuantity"),
+    key: "amount",
+  },
+  {
+    label: vm.$t("message.Pi_CurrentPickingQuantity"),
+    key: "currentAmount",
+    width: 300,
+  },
+  {
+    label: vm.$t("message.Pi_PickedQuantity"),
+    key: "totalMoAmount",
+  },
+  {
+    label: vm.$t("message.Pi_QuantityHandedOver"),
+    key: "totalHvAmount",
+  },
+  {
+    label: vm.$t("message.po_Location"),
+    // key: 'currentWkposCode',
+    key: "wkposCode",
+  },
+  {
+    label: vm.$t("message.po_MaterielDes"),
+    key: "materialDesc",
+    width: 350,
+  },
+  {
+    label: vm.$t("message.Pi_unit"),
+    key: "unit",
+  },
+  {
+    label: vm.$t("message.Pi_FinishedProductModel"),
+    key: "prdMaterialDesc",
+    width: 300,
+  },
+  {
+    label: vm.$t("message.Pi_factory"),
+    key: "sapFactoryCode",
+  },
+  {
+    label: vm.$t("message.Pi_Station"),
+    key: "sendSpot",
+  },
+  {
+    label: vm.$t("message.Pi_OrderNo"),
+    key: "prdOrder",
+  },
+];
+
+export const Headers = [
+  {
+    label: vm.$t("message.product_barCode"),
+    key: "barcode", //条码
+    width: 220,
+  },
+  {
+    label: vm.$t("message.transfer_barcode"),
+    key: "cpRef4", //移库批次
+  },
+  {
+    label: vm.$t("message.Product_code"),
+    key: "productCode", //产品编码
+    width: 300,
+  },
+  {
+    label: vm.$t("message.Access_type"),
+    key: "oiType", //出入类型
+  },
+  {
+    label: vm.$t("message.product_Location"),
+    key: "locCode", //库位
+  },
+];
diff --git a/src/pages/raw/handover/feeding/Local-details.vue b/src/pages/raw/handover/feeding/Local-details.vue
new file mode 100644
index 0000000..5975e58
--- /dev/null
+++ b/src/pages/raw/handover/feeding/Local-details.vue
@@ -0,0 +1,83 @@
+<template>
+  <view class="page-receipt-detail">
+    <view class="header">
+      <view class="left">
+        <u-icon class="icon" name="arrow-left" @click="uni.navigateBack()" />
+      </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.detailedList"
+        :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";
+
+@Component
+export default class RawReceiptDetail extends BasePage {
+  model = model;
+  headers = headers;
+}
+</script>
+<style lang="scss" scoped>
+.page-receipt-detail {
+  background: #f2f2f2
+    linear-gradient(0deg, #f2f2f2 0%, #4a78ea 51%, #1753ea 100%) no-repeat;
+  background-size: 100% 600rpx;
+  padding: 30rpx;
+  min-height: 100%;
+  padding-top: 118rpx;
+  padding-bottom: 162rpx;
+
+  .header {
+    position: fixed;
+    top: 36rpx;
+    left: 0;
+    right: 0;
+    display: flex;
+    height: 88rpx;
+    line-height: 88rpx;
+    color: #fff;
+    font-size: 34rpx;
+    font-weight: 500;
+    text-align: center;
+    .title {
+      flex: 3;
+    }
+    .left,
+    .right {
+      flex: 1;
+    }
+    .icon {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 88rpx;
+      height: 88rpx;
+    }
+  }
+
+  .table-wrapper {
+    background-color: #fff;
+  }
+
+  .form {
+    background-color: #fff;
+    padding: 40rpx;
+    border-radius: 10rpx;
+  }
+}
+</style>
diff --git a/src/pages/raw/handover/picking/Local-details.vue b/src/pages/raw/handover/picking/Local-details.vue
new file mode 100644
index 0000000..3055e02
--- /dev/null
+++ b/src/pages/raw/handover/picking/Local-details.vue
@@ -0,0 +1,83 @@
+<template>
+  <view class="page-receipt-detail">
+    <view class="header">
+      <view class="left">
+        <u-icon class="icon" name="arrow-left" @click="uni.navigateBack()" />
+      </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.detailedList"
+        :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";
+
+@Component
+export default class RawReceiptDetail extends BasePage {
+  model = model;
+  headers = Headers;
+}
+</script>
+<style lang="scss" scoped>
+.page-receipt-detail {
+  background: #f2f2f2
+    linear-gradient(0deg, #f2f2f2 0%, #4a78ea 51%, #1753ea 100%) no-repeat;
+  background-size: 100% 600rpx;
+  padding: 30rpx;
+  min-height: 100%;
+  padding-top: 118rpx;
+  padding-bottom: 162rpx;
+
+  .header {
+    position: fixed;
+    top: 36rpx;
+    left: 0;
+    right: 0;
+    display: flex;
+    height: 88rpx;
+    line-height: 88rpx;
+    color: #fff;
+    font-size: 34rpx;
+    font-weight: 500;
+    text-align: center;
+    .title {
+      flex: 3;
+    }
+    .left,
+    .right {
+      flex: 1;
+    }
+    .icon {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 88rpx;
+      height: 88rpx;
+    }
+  }
+
+  .table-wrapper {
+    background-color: #fff;
+  }
+
+  .form {
+    background-color: #fff;
+    padding: 40rpx;
+    border-radius: 10rpx;
+  }
+}
+</style>
diff --git a/src/pages/raw/handover/picking/Summary-details.vue b/src/pages/raw/handover/picking/Summary-details.vue
new file mode 100644
index 0000000..bb9c859
--- /dev/null
+++ b/src/pages/raw/handover/picking/Summary-details.vue
@@ -0,0 +1,138 @@
+<template>
+  <view class="page-receipt-detail">
+    <view class="header">
+      <view class="left">
+        <u-icon class="icon" name="arrow-left" @click="uni.navigateBack()" />
+      </view>
+      <view class="title">{{ $t("message.Pi_QueryResults") }}</view>
+      <view class="right"></view>
+    </view>
+    <u-form
+      class="form"
+      ref="form"
+      style="padding-left: 30px"
+      label-width="180rpx"
+    >
+      <u-form-item :label="$t('message.Pi_OrderNo')">
+        <u-input v-model="prdOrder" placeholder="" class="Transfer" />
+        <u-button
+          type="primary"
+          style="height: 60rpx; margin-left: 20rpx"
+          @click="generate"
+          >{{ $t("message.Query") }}</u-button
+        >
+      </u-form-item>
+    </u-form>
+    <view class="table-wrapper">
+      <wyb-table
+        class="table"
+        ref="table"
+        width="100%"
+        show-left-and-right-border
+        :headers="headers"
+        :contents="detailedList"
+        :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";
+
+@Component
+export default class RawReceiptDetail extends BasePage {
+  model = model;
+  headers = Headers;
+  prdOrder: any = "";
+  detailedList: any = [];
+  onShow() {
+    model.detailedList = [];
+  }
+  async generate() {
+    if (this.prdOrder == "") {
+      uni.showToast({
+        icon: "none",
+        title: this.$t("message._tips6") as any,
+      });
+      return;
+    }
+    let person = JSON.parse(
+      localStorage.getItem("__GWMS_APP_STATE_DATA__") as any
+    );
+    let content = {
+      loginName: person.session.user.loginName,
+      prdOrder: this.prdOrder,
+    };
+    await this.model.querydetaildlist(content);
+    this.detailedList = this.model.detailedList;
+  }
+}
+</script>
+<style lang="scss" scoped>
+.page-receipt-detail {
+  background: #f2f2f2
+    linear-gradient(0deg, #f2f2f2 0%, #4a78ea 51%, #1753ea 100%) no-repeat;
+  background-size: 100% 600rpx;
+  padding: 30rpx;
+  min-height: 100%;
+  padding-top: 118rpx;
+  padding-bottom: 162rpx;
+
+  .header {
+    position: fixed;
+    top: 36rpx;
+    left: 0;
+    right: 0;
+    display: flex;
+    height: 88rpx;
+    line-height: 88rpx;
+    color: #fff;
+    font-size: 34rpx;
+    font-weight: 500;
+    text-align: center;
+    .title {
+      flex: 3;
+    }
+    .left,
+    .right {
+      flex: 1;
+    }
+    .icon {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 88rpx;
+      height: 88rpx;
+    }
+  }
+  .form {
+    background-color: #fff;
+    // padding: 40rpx;
+    border-radius: 10rpx;
+    box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
+
+    .u-form-item {
+      // padding: 30rpx 0;
+      line-height: 35rpx;
+      .Transfer {
+        width: 180rpx;
+        height: 64rpx;
+        background: rgb(242, 242, 242);
+        border-radius: 110rpx;
+      }
+    }
+  }
+  .table-wrapper {
+    background-color: #fff;
+  }
+
+  .form {
+    background-color: #fff;
+    // padding: 40rpx;
+    border-radius: 10rpx;
+  }
+}
+</style>
diff --git a/src/pages/raw/ingoods/dnReceipt/Local-details.vue b/src/pages/raw/ingoods/dnReceipt/Local-details.vue
new file mode 100644
index 0000000..5240f68
--- /dev/null
+++ b/src/pages/raw/ingoods/dnReceipt/Local-details.vue
@@ -0,0 +1,83 @@
+<template>
+  <view class="page-receipt-detail">
+    <view class="header">
+      <view class="left">
+        <u-icon class="icon" name="arrow-left" @click="uni.navigateBack()" />
+      </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>
+    </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";
+
+@Component
+export default class RawReceiptDetail extends BasePage {
+  model = model;
+  headers = headers;
+}
+</script>
+<style lang="scss" scoped>
+.page-receipt-detail {
+  background: #f2f2f2
+    linear-gradient(0deg, #f2f2f2 0%, #4a78ea 51%, #1753ea 100%) no-repeat;
+  background-size: 100% 600rpx;
+  padding: 30rpx;
+  min-height: 100%;
+  padding-top: 118rpx;
+  padding-bottom: 162rpx;
+
+  .header {
+    position: fixed;
+    top: 36rpx;
+    left: 0;
+    right: 0;
+    display: flex;
+    height: 88rpx;
+    line-height: 88rpx;
+    color: #fff;
+    font-size: 34rpx;
+    font-weight: 500;
+    text-align: center;
+    .title {
+      flex: 3;
+    }
+    .left,
+    .right {
+      flex: 1;
+    }
+    .icon {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 88rpx;
+      height: 88rpx;
+    }
+  }
+
+  .table-wrapper {
+    background-color: #fff;
+  }
+
+  .form {
+    background-color: #fff;
+    padding: 40rpx;
+    border-radius: 10rpx;
+  }
+}
+</style>