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