Files
Arbitrate-Frontend/src/views/batchManagement/components/paymentConfirmation.vue
T

56 lines
1.8 KiB
Vue

<template>
<div>
<!-- 批量缴费确认 -->
<el-dialog title="批量缴费确认" :visible="caseVisablePayment" destroy-on-close @close="cancel" width="600px" center>
<el-descriptions>
<el-descriptions-item label="案件总金额">{{totalFeeConfir.totalFee}}</el-descriptions-item>
<el-descriptions-item label="申请人">{{confirmPaymen.name}}</el-descriptions-item>
</el-descriptions>
<div slot="footer" class="dialog-footer">
<el-button type="primary" class="endbutton" @click="confirmPayment"><span>缴费确认</span></el-button>
<el-button class="endbutton" @click="cancel"><span>取 消</span></el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {confirmBatch} from '@/api/batchManagement/batchManagement.js'
export default {
props: ["caseVisablePayment","queryParams","confirmPaymen","totalFeeConfir"],
dicts: ["manager_type"],
data() {
return {
};
},
watch: {
caseVisablePayment(val) {
if (val) {
this.ruleForm = {};
}
}
},
created() {
},
methods: {
confirmPayment(){
confirmBatch({batchNumber:this.confirmPaymen.batchNumber}).then(res=>{
this.$modal.msgSuccess("缴费确认成功");
this.cancel()
this.$emit("getList", this.queryParams);
})
},
cancel() {
this.$emit("cancelCasePayment");
},
},
}
</script>
<style lang="scss" scoped>
::v-deep .el-dialog {
background: #ffffff;
border-radius: 20px;
}
</style>