fj-dc-ui/.svn/pristine/c3/c3e19c719817a2b642968c8d7f829ff15aee0159.svn-base

<template>
    <div class="tree" :style="{'height':height + 'px','width':width == 0 ? 250 : width + 'px'}">
        <el-tree
            class="el-treeWhite"
            :data="treeDataLists"
            :props="defaultProps"
            default-expand-all
            node-key="id"
            :filter-node-method="filterNode"
            :expand-on-click-node="false"
            @node-click = 'treeNodeClickHandler'
            @node-expand='treeNodeExpandHandler'
            ref="tree2"
            >
        </el-tree>
    </div>
</template>

<script>
    import request from '@util/gw_ajax_request.js';
    import {dateFormat} from "@util/gw_date";
    import {
        getTree
    } from "@api/InspectionReport.js";

    export default {
        components: {},
        props: ['height','width'],
        data() {
            return {
                treeDataLists: [],
                defaultProps: {
                    children: 'children',
                    label: 'pnm'
                },
                defaultExpanded:[],//树默认展开节点数组
            };
        },
        mounted: function () {
            if(this.width == undefined){
                this.width = '250';
            }
            if(this.height == undefined){
                this.height = '550';
            }

            this.getTreeData();
        },
        computed: {
            userId: function () {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            }
        },
        methods: {
            //获取左侧树数据
            getTreeData:function(){
                let _self = this;
                request.post(`/tac/insp/year/batch/obj/getObjTreeListV2`,{
                    "persId": _self.userId
                }).then(res =>{
                    _self.treeDataLists = res.data.children;
                    setTimeout(()=>{
                        this.$refs.tree2.filter('初始化');
                    },1000)
                })
            },
            //树节点点击事件
            treeNodeClickHandler:function(data,node,tree){
                if(node.level == 4){
                    let currentNodeId = []
                    data.children.forEach(ele=>{
                        currentNodeId.push(ele.id)
                    })
                    currentNodeId = currentNodeId.join(',')
                    let projectName = data.pnm;
                    // let objId = data.objId;
                    let inspGroupId = data.pid;

                    this.$emit("provTreeSelectChange", {'id':currentNodeId,'pid':inspGroupId});
                    
                }else{
                    return;
                }
            },
            treeNodeExpandHandler:function(data,node,tree){
                
                let id = [];
                if(data != null){
                    data.children.forEach((element) => {
                        id.push(element.id);
                    });
                }

                this.$emit("provTreeNodeExpand", {'id':id,'pid':data.id});
            },
            filterNode(value, data, node) {
                if (!value) return true;
                return node.level < 5;
            },


        }
    };
</script>

<style scoped>

.tree{
    overflow-y: auto;
    overflow-x: auto;
}

.el-tree {
     min-width: 100%;
     display:inline-block !important;
 }

</style>