Arbitrate-Frontend/src/views/batchManagement/components/departmentReviews.vue

<template>
    <div>
        <!-- 部门长批量审核 -->
        <el-dialog title="部门长批量审核" :visible="caseVisablearHead" destroy-on-close width="30%"  @close="cancel" center>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary"  class="endbutton"><span>同 意</span></el-button>
                <el-button type="danger"  class="endbutton"><span>驳 回</span></el-button>
                <el-button  class="endbutton" @click="cancel"><span>取 消</span></el-button>
            </div>
        </el-dialog>
    </div>
</template>
<script>
export default {
    props: ["caseVisablearHead","queryParams"],
    dicts: ["manager_type"],
    data() {
        return {
           
           
        };
    },
    watch: {
        caseVisablearHead(val) {
            if (val) {
                this.ruleForm = {};
            }
        }
    },
    created() {

    },
    methods: {
        cancel() {
            this.$emit("cancelCaseHead");
        },
    },
}
</script>
<style lang="scss" scoped>
::v-deep .el-dialog {
  background: #ffffff;
  border-radius: 20px;
}
</style>