<template>
  <div ref="tabPanel" style="height: 100%;">
    <affected-analyze style="height: 100%;" :number="pageData.detail.load.number" :sub-type-name="pageData.detail.load.subTypeName" :item-id="pageData.detail.load.id" />
  </div>
</template>

<script>
import affectedAnalyze from '@/views/cmt/changePlan/affectedAnalyze/index'
export default {
  name: 'ChangePlan',
  // import引入的组件需要注入到对象中才能使用
  components: { affectedAnalyze },
  displayName: '更改规划及影响分析',
  modelRelationObjs: ['DxChangeNotice', 'DxChangeRequest'],

  props: {
    pageData: {
      type: Object,
      default: () => null
    }
  },
  data() {
    // 这里存放数据
    return {}
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 生命周期 - 创建完成(可以访问当前this实例)
  created() {

  },
  // 生命周期 - 挂载完成(可以访问DOM元素)
  mounted() {
    this.initPanel()
  },
  activated() {
  },
  // 方法集合
  methods: {
    initPanel() {
      let tabPane = this.$refs.tabPanel
      let i = 0
      while (tabPane.className !== 'el-tab-pane' && i < 10) {
        tabPane = tabPane.parentElement
        i++
      }
      if (i < 10) {
        tabPane.className += ' full-pane'
      }
    }
  }
}
</script>
<style lang='scss'>
</style>