From 45faaf27722588e92050e2e3eace9b3704377048 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期六, 02 四月 2022 18:44:30 +0800
Subject: [PATCH] 首页接口

---
 src/views/productDetail/components/ConfirmOrder.vue |   94 ++++++++++++++++++++++++++++++++++++++++++++++-
 1 files changed, 92 insertions(+), 2 deletions(-)

diff --git a/src/views/productDetail/components/ConfirmOrder.vue b/src/views/productDetail/components/ConfirmOrder.vue
index 9378241..33045aa 100644
--- a/src/views/productDetail/components/ConfirmOrder.vue
+++ b/src/views/productDetail/components/ConfirmOrder.vue
@@ -182,15 +182,40 @@
         </div>
       </div>
     </el-dialog>
+
+    <div class="offerpay" v-if="showOffpayInstruct || showUploadBox">
+      <OffpayInstruct
+        v-if="showOffpayInstruct"
+        @close="showOffpayInstruct = false"
+        :offerData="{ username: username, sum: sum, orderId: orderId }"
+        @confirm="confirmOrder"
+      ></OffpayInstruct>
+      <UploadBox
+        :orderId="orderId"
+        @close="showUploadBox = false"
+        @back="back"
+        v-if="showUploadBox"
+      >
+      </UploadBox>
+    </div>
+
+    <div class="mask" v-if="showOffpayInstruct || showUploadBox"></div>
   </div>
 </template>
 
 <script>
 import { getOrderById } from "@/api/product";
 import { resumePay } from "@/api/order";
+import OffpayInstruct from "@/views/productDetail/components/OffpayInstruct";
+import UploadBox from "@/views/productDetail/components/UploadBox";
+
 export default {
   props: {
     orderId: {},
+  },
+  components: {
+    OffpayInstruct,
+    UploadBox,
   },
   data() {
     return {
@@ -202,6 +227,8 @@
       username: "",
       offPayInstruVisible: false,
       onlinePayVisible: false,
+      showOffpayInstruct: false,
+      showUploadBox: false,
     };
   },
   computed: {
@@ -232,13 +259,20 @@
       this.payWay = payway;
     },
     forPay() {
+      if (!this.policyChecked) {
+        this.$notify({
+          type: "error",
+          message: "璇风‘璁ょ敤鎴锋潯娆�",
+        });
+        return;
+      }
       let orderId = this.orderId;
       let payMethod = this.payWay;
       let _this = this;
       if (this.orderInfo.orderMoney == 0) {
         resumePay({ orderId, payMethod: 5 }).then((res) => {
           if (res.success) {
-            this.$router.replace("/Layout/ManageOrder");
+            //  this.$router.replace("/Layout/ManageOrder");
           }
         });
         return;
@@ -255,7 +289,7 @@
         resumePay({ orderId, payMethod: 1 })
           .then((res) => {
             if (res.success) {
-              this.offPayInstruVisible = true;
+              this.showOffpayInstruct = true;
             }
           })
           .catch((e) => {
@@ -278,6 +312,14 @@
     },
     close() {
       this.$emit("close");
+    },
+    confirmOrder() {
+      this.showOffpayInstruct = false;
+      this.showUploadBox = true;
+    },
+    back() {
+      this.showOffpayInstruct = true;
+      this.showUploadBox = false;
     },
   },
 };
@@ -399,6 +441,54 @@
       }
     }
   }
+
+  .btns {
+    position: absolute;
+    right: 20px;
+    bottom: 20px;
+    display: flex;
+    justify-content: end;
+    text-align: center;
+    line-height: 40px;
+
+    .confirm {
+      margin-left: 10px;
+      width: 104px;
+      height: 40px;
+      background: #0065ff;
+      color: #fff;
+    }
+
+    .cancel {
+      width: 104px;
+      height: 40px;
+      border: 1px solid #0065ff;
+      color: #0065ff;
+    }
+  }
+
+  .offerpay {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    margin-top: -331px;
+    margin-left: -223px;
+    width: 446px;
+    height: 662px;
+    background: #ffffff;
+    z-index: 2;
+  }
+
+  .mask {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: #000000;
+    opacity: 0.2;
+    z-index: 1;
+  }
 }
 </style>
 

--
Gitblit v1.8.0