<template>
  <el-dialog
    :visible.sync="visible"
    top="3vh"
    :before-close="handleClose"
    lock-scroll
    width="65vw"
  >
    <div class="title" slot="title">
      <div class="divider"></div>
      <div class="label">抠图详情</div>
    </div>
    <div class="dialog-content"></div>
  </el-dialog>
</template>

<script>
export default {
  name: "PreviewDialog",
  components: {},
  props: {
    detail: {
      type: Object,
      default: () => ({}),
    },
  },
  computed: {},
  data() {
    return {
      visible: false,
    };
  },
  methods: {
    handleClose(done) {
      this.visible = false;
    },
  },
};
</script>

<style lang="scss" scoped>
::v-deep .el-tabs__content {
  max-height: 64vh;
  overflow: auto;
}
</style>
