<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>