<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" :config="config" :table-options="tableOptions" v-bind="configDetails" :custom-events="customEvents" v-on="layHandler" @close-detail="$emit('close-detail')" /> </div> </template> <script> import { changeCustomEvent } from './customEvents.js' export default { name: 'DxWaverDetail', displayName: 'PR详情', modelRelationObjs: [], 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: () => 'DxWaver' }, 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>