diff --git a/jnpf-app/api/yys/materialProcurementOrder.js b/jnpf-app/api/yys/materialProcurementOrder.js
index 5bcfbe6..2bb3578 100644
--- a/jnpf-app/api/yys/materialProcurementOrder.js
+++ b/jnpf-app/api/yys/materialProcurementOrder.js
@@ -24,6 +24,7 @@ export function takeOrder(params) {
     method: "GET",
   });
 }
+// 投产-App
 export function toProd(params) {
   let data = {
     orderNumber: params.orderNumber,
@@ -36,3 +37,16 @@ export function toProd(params) {
     data,
   });
 }
+// 点击延期发货-App
+export function delay(params) {
+  let data = {
+    orderNumber: params.orderNumber,
+    expectedSendTime: params.expectedSendTime,
+    extensionReason: params.extensionReason,
+  };
+  return request({
+    url: "/api/example/YysMaterialProcurementOrder/delay",
+    method: "POST",
+    data,
+  });
+}
diff --git a/jnpf-app/pages/yys/materialProcurementOrder/components/PopDelay.vue b/jnpf-app/pages/yys/materialProcurementOrder/components/PopDelay.vue
new file mode 100644
index 0000000..8556a5a
--- /dev/null
+++ b/jnpf-app/pages/yys/materialProcurementOrder/components/PopDelay.vue
@@ -0,0 +1,171 @@
+<template>
+  <view>
+    <u-popup
+      v-model="isShow"
+      mode="center"
+      :border-radius="10"
+      :closeable="true"
+      @close="fnCancel"
+      width="90%"
+    >
+      <u-row gutter="12">
+        <u-col span="12">
+          <view
+            :style="{ textAlign: 'center', height: '60px', lineHeight: '60px' }"
+          >
+            <text
+              :style="{ fontSize: '40rpx', fontWeight: 500, color: '#1D2129' }"
+              >延期发货</text
+            >
+          </view>
+        </u-col>
+        <u-col span="12" :style="{ margin: '10rpx' }">
+          <text :style="{ fontSize: '32rpx' }"> 要求到货日期： </text>
+          <text :style="{ fontSize: '32rpx' }">{{
+            fnFormat(orderItem.requestDeliveryDate)
+          }}</text>
+        </u-col>
+        <u-col span="12" :style="{ margin: '10rpx' }">
+          <text :style="{ color: 'red' }">*</text> <text> 预计交货日期： </text>
+          <text @click="fnShowPickerA">
+            {{ fnFormat(expectedSendTime) }}
+          </text>
+          <u-picker
+            mode="time"
+            :default-time="expectedSendTime"
+            v-model="isShowPickerA"
+            :params="pickerParams"
+            @confirm="fnExpectedSendTime"
+          ></u-picker>
+        </u-col>
+        <u-col span="12" :style="{ margin: '10rpx' }">
+          <text :style="{ color: 'red' }">*</text> <text>延期原因：</text>
+        </u-col>
+        <u-col span="12">
+          <view :style="{ textAlign: 'center', margin: '10rpx' }">
+            <u-input
+              v-model="extensionReason"
+              :border="true"
+              placeholder="请输入延期原因"
+            />
+          </view>
+        </u-col>
+        <u-col span="12">
+          <view :style="{ textAlign: 'center', margin: '25rpx 0rpx' }">
+            <u-button
+              size="mini"
+              shape="circle"
+              @click="fnCancel"
+              :custom-style="{
+                margin: '5px 20px',
+                padding: '5px 20px',
+              }"
+            >
+              取消
+            </u-button>
+            <u-button
+              size="mini"
+              shape="circle"
+              type="primary"
+              :custom-style="{
+                margin: '5px 20px',
+                padding: '5px 20px',
+              }"
+              @click="fnOk"
+            >
+              确定
+            </u-button>
+          </view>
+        </u-col>
+      </u-row>
+    </u-popup>
+    <u-top-tips ref="uTips"></u-top-tips>
+  </view>
+</template>
+
+<script>
+import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
+import { mapGetters } from "vuex";
+import { delay } from "@/api/yys/materialProcurementOrder.js";
+import dayjs from "dayjs";
+export default {
+  components: {},
+  mixins: [],
+  data() {
+    return {
+      isShow: false,
+      extensionReason: '',
+      orderItem: {},
+      expectedSendTime: dayjs().format("YYYY-MM-DD")+ ' 00:00:00',
+      isShowPickerA: false,
+      pickerParams: {
+        year: true,
+        month: true,
+        day: true,
+        hour: false,
+        minute: false,
+        second: false,
+      },
+    };
+  },
+  watch: {},
+  computed: {},
+  onLoad(params) {},
+  onUnload() {},
+  methods: {
+    init(orderItem) {
+      this.orderItem = orderItem;
+      this.extensionReason = '';
+      this.expectedSendTime = dayjs().format("YYYY-MM-DD") + ' 00:00:00';
+      this.isShow = true;
+    },
+    fnCancel() {
+      this.orderItem = {};
+      this.isShow = false;
+    },
+    fnOk() {
+      if (this.extensionReason == '') {
+        this.$refs.uTips.show({
+          title: "延期原因不能为空",
+          type: "error",
+          duration: "2300",
+        });
+        console.log(this.extensionReason);
+        return true;
+      }
+      let _params = {
+        orderNumber: this.orderItem.orderNumber,
+        expectedSendTime: dayjs(this.expectedSendTime),
+        extensionReason: this.extensionReason,
+      };
+      delay(_params)
+        .then((res) => {
+          if (res.code == 200) {
+            this.$emit("evtRefresh");
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+      this.fnCancel();
+    },
+    fnShowPickerA() {
+      this.isShowPickerA = true;
+    },
+    fnExpectedSendTime(timeObj) {
+      this.expectedSendTime =
+        timeObj.year +
+        "-" +
+        timeObj.month +
+        "-" +
+        timeObj.day +
+        " 00:00:00";
+    },
+    fnFormat(time, fmtStr = "YYYY-MM-DD") {
+      return dayjs(time).format(fmtStr);
+    },
+  },
+};
+</script>
+
+<style lang="scss"></style>
diff --git a/jnpf-app/pages/yys/materialProcurementOrder/index.vue b/jnpf-app/pages/yys/materialProcurementOrder/index.vue
index 4dbfe89..558c79e 100644
--- a/jnpf-app/pages/yys/materialProcurementOrder/index.vue
+++ b/jnpf-app/pages/yys/materialProcurementOrder/index.vue
@@ -61,6 +61,7 @@
             }"
             :plain="true"
             shape="circle"
+            @click="fnDelay(orderItem)"
           >
             延期发货
           </u-button>
@@ -108,6 +109,7 @@
       </view>
     </u-card>
     <PopToProd ref="popToProd" @evtRefresh="fnRefreshA"></PopToProd>
+    <PopDelay ref="popDelay" @evtRefresh="fnRefreshB"></PopDelay>
     <u-top-tips ref="uTips"></u-top-tips>
   </view>
 </template>
@@ -118,8 +120,9 @@ import { mapGetters } from "vuex";
 import { getOrderList, takeOrder } from "@/api/yys/materialProcurementOrder.js";
 import CustomNavbar from "./components/CustomNavbar";
 import PopToProd from "./components/PopToProd";
+import PopDelay from "./components/PopDelay";
 export default {
-  components: { CustomNavbar, PopToProd },
+  components: { CustomNavbar, PopToProd, PopDelay },
   mixins: [],
   data() {
     return {
@@ -189,12 +192,23 @@ export default {
     fnToProd(orderItem) {
       this.$refs.popToProd.init(orderItem);
     },
+    fnDelay(orderItem) {
+      this.$refs.popDelay.init(orderItem);
+    },
     fnRefreshA() {
       this.$refs.uTips.show({
-				title: '投产提交成功',
-				type: 'success',
-				duration: '2300'
-			})
+        title: "投产提交成功",
+        type: "success",
+        duration: "2300",
+      });
+      this.fnGetList();
+    },
+    fnRefreshB() {
+      this.$refs.uTips.show({
+        title: "延期发货提交成功",
+        type: "success",
+        duration: "2300",
+      });
       this.fnGetList();
     },
   },