wiondow.top.layer.open内content嵌入el-dialig组件

您可以使用以下代码在父页面中的`window.top.layer.open`弹出框内嵌入子页面中的`el-dialog`组件:

1. 在子页面中的template中添加el-dialog组件的代码：

<template>
  <el-dialog :visible.sync="dialogVisible" title="对话框标题">
    <p>对话框内容</p>
  </el-dialog>
</template>

2. 在子页面中的script中添加data和methods：

<script>
export default {
  data() {
    return {
      dialogVisible: false
    }
  },
  methods: {
    closeDialog() {
      this.dialogVisible = false;
    }
  }
}
</script>

3. 在父页面的JS代码中使用`iframe`嵌入子页面，并在`window.top.layer.open`中使用子页面的DOM元素作为弹出框的content：

<script>
window.top.layer.open({
  type: 1,
  title: '弹出框标题',
  content: document.getElementById('childDialog'),
  area: ['500px', '300px'],
  end: function() {
    // 关闭弹出框后的回调函数
  }
});
</script>

<iframe id="childDialog" src="./childPage.vue" style="display: none;"></iframe>

在父页面的JS代码中，使用`document.getElementById('childDialog')`获取子页面中的`el-dialog`组件的DOM元素，作为弹出框的content，同时在`iframe`中嵌入子页面。在子页面中，当点击`el-dialog`的关闭按钮时，调用`closeDialog`方法关闭对话框。