fj-dc-ui/.svn/pristine/3a/3a75c3bfa034e0789448322d582923fc67d80e8b.svn-base

<template>
    <el-container>
        <el-aside width="20%">
            <el-tree 
                ref="trees" 
                :data="nodeInfos" 
                :props="defaultProps" 
                node-key="id" 
                @node-click="handleNodeClick">
            </el-tree>
        </el-aside>
        <el-main id="dxdcListMain" style="padding:5px 20px;">
            <div :style="{'width': '100%','height': iframeHeight + 'px'}">
                <iframe ref="frameMain" id="frameMain" name="frameMain" :src="tableSrc" frameborder="0" width="100%" height="100%" style="overflow: auto"></iframe>
            </div>
        </el-main>
    </el-container>
</template>

<script>
import request from "@util/gw_ajax_request.js";
import {getTrees} from "@util/gw_formatTree.js"
import {getRyNodeProvincialNogroup} from '@api/reportApi.js'
import {reportHosturl} from '@util/global_variable.js'
export default {
    components: {
        
    },
    props: [],
    data() {
        return {
            iframeHeight: window.innerHeight - 200,
            nodeInfos: [],
            defaultProps: {
                children: 'children',
                label: 'pnm'
            },
            adCode: '350105',
            name: '马尾区',
            tableSrc: '',
            id: '', //组id
        };
    },
    computed: {
        persId() {
            return localStorage.getItem("userid")
                ? localStorage.getItem("userid")
                : "1098101939614724096";
        }
    },
    mounted() {
        this.tableSrc = `${reportHosturl}/demo/reportJsp/showReport.jsp?rpx=fujian/DZXSKWTQD&adCode=${this.adCode}&name=${this.name}&id=${this.id}&persId=${this.persId}`
        this.getLeftTreeData()
    },
    watch: {
        adCode(val){
            this.tableSrc = `${reportHosturl}/demo/reportJsp/showReport.jsp?rpx=fujian/DZXSKWTQD&adCode=${this.adCode}&name=${this.name}&id=${this.id}&persId=${this.persId}`
        }
    },
    methods: {
        getLeftTreeData(){
            let params = {
                userId: this.persId,
                orgType: '022',
                level: '4'
            }
            getRyNodeProvincialNogroup(params).then(res=>{
                if(res.success){
                    this.nodeInfos = getTrees(res.data)
                }
            })
        },
        handleNodeClick(data,node){
            if(node.isLeaf){
                if(data.id.endsWith("000000")){
                    this.adCode = data.id.substr(0,6)
                }else{
                    this.adCode = data.id.substr(0,4)
                }
                this.name = data.pnm
                this.id = node.parent.data.pid
            }
        }
    }
};
</script>

<style>
</style>