Merge branch 'hcb' of SH-Arbitrate/Arbitrate-Frontend into dev
This commit was merged in pull request #45.
This commit is contained in:
@@ -347,6 +347,7 @@
|
|||||||
:payTitle="payTitle"
|
:payTitle="payTitle"
|
||||||
:form="form"
|
:form="form"
|
||||||
:payForm="payForm"
|
:payForm="payForm"
|
||||||
|
@getcaseApply="getcaseApply"
|
||||||
@paycancelRow="paycancelRow"
|
@paycancelRow="paycancelRow"
|
||||||
></payDialog>
|
></payDialog>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,14 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<el-dialog
|
<el-dialog :title="payTitle" :visible.sync="openPay" v-if="openPay" width="800px" append-to-body
|
||||||
:title="payTitle"
|
:destroy-on-close="true" center>
|
||||||
:visible.sync="openPay"
|
|
||||||
v-if="openPay"
|
|
||||||
width="800px"
|
|
||||||
append-to-body
|
|
||||||
:destroy-on-close="true"
|
|
||||||
center
|
|
||||||
>
|
|
||||||
<el-descriptions title="订单信息">
|
<el-descriptions title="订单信息">
|
||||||
<el-descriptions-item label="案件编号">{{
|
<el-descriptions-item label="案件编号">{{
|
||||||
form.caseNum
|
form.caseNum
|
||||||
@@ -49,7 +42,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { casePay } from "@/api/pay/pay";
|
import { casePay, selectCaseApplicationConfirm } from "@/api/pay/pay";
|
||||||
import QRCode from "qrcodejs2";
|
import QRCode from "qrcodejs2";
|
||||||
export default {
|
export default {
|
||||||
props: ["openPay", "payTitle", "form", "payForm"],
|
props: ["openPay", "payTitle", "form", "payForm"],
|
||||||
@@ -58,6 +51,7 @@ export default {
|
|||||||
// key: value
|
// key: value
|
||||||
// 支付文字
|
// 支付文字
|
||||||
payMain: "",
|
payMain: "",
|
||||||
|
timer:null
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@@ -73,6 +67,21 @@ export default {
|
|||||||
colorLight: "#fff",
|
colorLight: "#fff",
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
// 查询缴费状态
|
||||||
|
selectCaseApplicationConfirmFn(parms) {
|
||||||
|
selectCaseApplicationConfirm(parms).then(res => {
|
||||||
|
console.log(res, this.form, "KKKKKKKKKKKKKKKKKKKK");
|
||||||
|
if(res.data.paymentStatus == 1){
|
||||||
|
clearInterval(this.timer);
|
||||||
|
this.openPay = false;
|
||||||
|
this.$message({
|
||||||
|
message: "缴费成功",
|
||||||
|
type: "success",
|
||||||
|
});
|
||||||
|
this.$emit("getcaseApply",this.queryParams);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
// 支付
|
// 支付
|
||||||
pay(val) {
|
pay(val) {
|
||||||
if (this.payForm.feePayable == 0 || !this.payForm.feePayable) {
|
if (this.payForm.feePayable == 0 || !this.payForm.feePayable) {
|
||||||
@@ -98,6 +107,12 @@ export default {
|
|||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
this.paySrc = res.data.code_url;
|
this.paySrc = res.data.code_url;
|
||||||
this.qrcode(this.paySrc);
|
this.qrcode(this.paySrc);
|
||||||
|
this.timer = setInterval(() => {
|
||||||
|
this.selectCaseApplicationConfirmFn({ id: this.form.id })
|
||||||
|
}, 3000);
|
||||||
|
setTimeout(() => {
|
||||||
|
clearInterval(this.timer);
|
||||||
|
}, 1000*60);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
payCancel() {
|
payCancel() {
|
||||||
@@ -136,17 +151,20 @@ export default {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-dialog {
|
::v-deep .el-dialog {
|
||||||
width: 800px;
|
width: 800px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.endbutton {
|
.endbutton {
|
||||||
width: 154px;
|
width: 154px;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border: 1px solid #d0d0d0;
|
border: 1px solid #d0d0d0;
|
||||||
border-radius: 19px;
|
border-radius: 19px;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
width: 31px;
|
width: 31px;
|
||||||
height: 13px;
|
height: 13px;
|
||||||
|
|||||||
Reference in New Issue
Block a user