<template>
  <el-dialog
    :visible.sync="visible"
    :fullscreen="true"
    :close-on-click-modal="false"
    :before-close="beforeClose"
    class="uploadDicomAndNonedicom"
  >
    <span slot="title">{{ title }}</span>
    <el-tabs type="border-card">
      <el-tab-pane label="DICOM 影像">
        <dicomFile />
      </el-tab-pane>
      <el-tab-pane label="非DICOM 影像">
        <nonedicomFile
          :SubjectId="SubjectId"
          :SubjectCode="SubjectCode"
          :Criterion="Criterion"
        />
      </el-tab-pane>
    </el-tabs>
  </el-dialog>
</template>
<script>
import dicomFile from './dicomFile.vue'
import nonedicomFile from './nonedicomFile.vue'
export default {
  name: 'uploadDicomAndNonedicom',
  components: { dicomFile, nonedicomFile },
  props: {
    visible: {
      required: true,
      type: Boolean,
      default: false,
    },
    SubjectId: {
      type: String,
      default: '',
    },
    SubjectCode: {
      type: String,
      default: '',
    },
    Criterion: {
      type: Object,
      default: () => {
        return {}
      },
    },
  },
  data() {
    return {
      title: 'Upload Images：01 > 01001 >Timepoint',
    }
  },
  methods: {
    beforeClose() {
      this.$emit('update:visible', false)
    },
  },
}
</script>
<style lang="scss" scoped>
::v-deep.el-tabs--left .el-tabs__header.is-left {
  margin-right: 0;
}
</style>