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