<template>
  <div class="bf-deletepopup">
    <el-dialog
      title=""
      :visible.sync="dialogVisibledele"
      :modal-append-to-body="false"
      :before-close="handleCloseer"
      :width="isWidth"
    >
      <div class="deletepopup_header">
        <div class="left">
          <p>{{ deleContent.name }}</p>
        </div>
        <div class="right">
          <div class="logx" @click="handleClose"></div>
        </div>
      </div>
      <div class="deletepopup_cont">
        <div class="log"></div>
        您确定要删除
        <p>{{ deleContent.cont }}</p>
        ?
      </div>
      <div class="footer">
        <!-- <div class="delebut">删除</div> -->
        <Bfbutton
          :butName="butName"
          class="delebut"
          @click.native="handleStart"
          :type="7"
        />
        <Bfbutton
          :butName="butNames"
          class="elebut"
          @click.native="handleClose"
          :type="12"
        />
        <!-- <div class="elebut" @click="handleClose">取消</div> -->
      </div>
    </el-dialog>
  </div>
</template>
<script>
import Bfbutton from "../../components/bfbutton/index.vue";
import "./deletepopup.scss";
export default {
  props: ["dialogVisibledele", "deleContent"],
  data() {
    return {
      isWidth: "21%",
      butName: "删除",
      butNames: "取消",
    };
  },
  methods: {
    handleClose() {
      this.$emit("delepop", "取消");
    },
    handleStart() {
      this.$emit("delepop", "删除");
    },
    handleCloseer() {},
  },
  components: {
    Bfbutton,
  },
};
</script>
<style lang="scss">
</style>