Arbitrate-Frontend/src/views/batchManagement/components/paymentConfirmation.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>