xiangan_pc/src/components/360View/img-editor.vue

<template>
  <el-dialog
    top="1vh"
    width="95%"
    :visible.sync="visible"
    fullscreen
    append-to-body
    :show-close="false"
    class="img-editor"
    @closed="closeDialog"
  >
    <home-view :is-od-or-os="isOdOrOs" @closeDialog="closeDialog" @fullImgBack="fullImgBack" />
  </el-dialog>
</template>

<script>
import odOrOs from '@/components/360View/base64/odOrOs'
import HomeView from '@/page-subspecialty/views/modules/imgEditorFabric/index.vue'
export default {
  components: { HomeView },
  props: {
    bodyStyleShow: {
      type: Boolean,
      default: false
    },
    // 是否为病例模板
    title: {
      type: String,
      default: ''
    },
    isOdOrOs: {
      type: String
    }
  },
  data() {
    return {
      visible: false
    }
  },
  methods: {
    init() {
      this.visible = true
    },
    fullImgBack(value) {
      this.$emit('fullImgBack', value)
      this.visible = false
    },
    closeDialog() {
      this.$emit('closeDialog')
      this.visible = false
    }
  }
}
</script>
<style lang="scss" scoped>
::v-deep .el-dialog__header{
  padding: 0;
}
::v-deep .el-dialog__body{
  padding: 0;
  background: #515a6e;
}
::v-deep .el-dialog.is-fullscreen{
  background: #515a6e;
}
.img-editor{
  .replace-picture {
    z-index: 999;
    position: fixed;
    right:35px;
    top: 73px;
    cursor: pointer;
  }
  .dialog-container {
    height: calc(100vh - 1vh - 54px - 70px);
  }
  #inputFile {
    opacity: 0;
  }
  .el-icon-picture-outline {
    font-size: 28px;
  }
}
</style>