<template>

  <Modal footer-hide  :closable="false" title="删除确认" v-model="modalShow" :styles="{top: '20px'}">

    <div style="text-align:center">

      <p>你确定删除吗？</p>

    </div>

    <Divider />

    <div style="display: flex;flex-direction: row;justify-content:space-between;">

      <Button @click="$emit('cancelModel')">取消</Button>

      <Button type="primary" @click="$emit('okModel')">删除</Button>

    </div>

  </Modal>

</template>

<script>

export default {

  name: "deletemodal",

  props: {

    modalShow: Boolean

  }

};

</script>

import DeleteModel from "../../components/DeleteModel/DeleteModel";

  components: {

    DeleteModel

  },

 <DeleteModel :modalShow="modalShow" @cancelModel="cancelModel" @okModel="okModel" />

     modalShow: false,

   cancelModel() {

      this.modalShow = false;

    },

    okModel() {

      this.modalShow = false;

      var arr = [];

      arr.push(this.roleId);

      deletcile(arr)

        .then(res => {

          this.$Message.success(res.data.msg);

          this.reload();

        })

        .catch();

      // console.log(e);

    },