<template>
  <div class="dee-page no-padding">
    <businessTab
      ref="businessTab"
      style="height: 100%;background-color: #fff"
      :is-view="isView"
      :model-name="modelName"
      :type-name="typeName"
      :page-data="pageData"
      :page-name="pageName"
      :config="config"
      :table-options="tableOptions"
      v-bind="configDetails"
      :custom-events="customEvents"
      :show-collect="true"
      v-on="layHandler"
      @close-detail="$emit('close-detail')"
    />
  </div>
</template>

<script>
import { changeCustomEvent } from './customEvents.js'
export default {
  name: 'DxChangeRequestDetail',
  displayName: 'ECR详情',
  modelRelationObjs: ['DxChangeRequest'],
  props: {
    isView: {
      type: Boolean,
      default: false
    },
    config: {
      type: Object,
      default: () => {}
    },
    pageData: {
      type: Object,
      default: () => {}
    },
    tableOptions: {
      type: Object,
      default: () => {}
    },
    configDetails: {
      type: Object,
      default: () => {}
    },
    layHandler: {
      type: Object,
      default: () => {}
    },
    typeName: {
      type: [Number, String],
      default: () => ''
    },
    modelName: {
      type: [Number, String],
      default: () => 'DxChangeRequestDetail'
    },
    pageName: {
      type: [Number, String],
      default: () => ''
    }
  },
  data() {
    return {
      customEvents: null
    }
  },
  computed: {},
  watch: {},
  // 生命周期 - 创建完成(访问当前this实例)
  created() {},
  // 生命周期 - 挂载完成(访问DOM元素)
  mounted() {
    const PartEvents = changeCustomEvent
    this.customEvents = new PartEvents(this)
  },
  methods: {
    load(val) {
      this.$refs['businessTab'].load(val)
    }
  }
}
</script>
<style lang="scss">
/* @import url(); 引入css类 */

</style>