659971ae2e45071cd69d850b80cf2ecf66caf2ef.svn-base 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!-- -->
  2. <template>
  3. <el-dialog
  4. width="80%"
  5. class=""
  6. title="导出"
  7. @close="closeModal"
  8. append-to-body
  9. :close-on-click-modal="false"
  10. :visible.sync="showExportDialog">
  11. <div :style="{'height': dialogHeight + 'px'}">
  12. <iframe :src="'/demo/reportJsp/showReport.jsp?rpx=js_TAC_PBLM_INFO.rpx&width=1526&height=592' + '&rgstrId=' + currentNodeId + '&LIST_TYPE=' + listType" frameborder="0" width="100%" height="100%" style="overflow: auto"></iframe>
  13. </div>
  14. </el-dialog>
  15. </template>
  16. <script>
  17. //这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
  18. //例如:import 《组件名称》 from '《组件路径》';
  19. export default {
  20. //import引入的组件需要注入到对象中才能使用
  21. props:['currentNodeId','listType'],
  22. components: {},
  23. data() {
  24. //这里存放数据
  25. return {
  26. showExportDialog: true,
  27. dialogHeight:window.innerHeight - 300,
  28. };
  29. },
  30. //监听属性 类似于data概念
  31. computed: {},
  32. //监控data中的数据变化
  33. watch: {
  34. currentNodeId(n,o){
  35. this.currentNodeId = n;
  36. },
  37. listType(n,o){
  38. this.listType = n;
  39. },
  40. },
  41. //方法集合
  42. methods: {
  43. closeModal(){
  44. this.$emit('dialogClose')
  45. }
  46. },
  47. //生命周期 - 创建完成(可以访问当前this实例)
  48. created() {
  49. },
  50. //生命周期 - 挂载完成(可以访问DOM元素)
  51. mounted() {
  52. },
  53. beforeCreate() {}, //生命周期 - 创建之前
  54. beforeMount() {}, //生命周期 - 挂载之前
  55. beforeUpdate() {}, //生命周期 - 更新之前
  56. updated() {}, //生命周期 - 更新之后
  57. beforeDestroy() {}, //生命周期 - 销毁之前
  58. destroyed() {}, //生命周期 - 销毁完成
  59. activated() {}, //如果页面有keep-alive缓存功能,这个函数会触发
  60. }
  61. </script>
  62. <style scoped>
  63. </style>