fj-dc-ui/.svn/pristine/38/38adc0f1c2f6c63ccebe813ceb269e220ebc8ce7.svn-base

<template>
    <el-tree ref="attrList"
             class="el-treeWhite"
             :data="treeData"
             show-checkbox
             @check-change="handleCheckChange"
             :props="treeProps"
             :expand-on-click-node="false"
             @node-click="nodeClick"
             node-key="id"
             :default-expanded-keys="tableDefaultExpandedKeys"
             lazy
             :load="loadAddvData"
             style="max-height:100%;overflow:auto;"
             default-expand-all
    ></el-tree>
    <!--default-expand-all-->
</template>

<script>
    import {getNodeByPidAndCode} from "../../api/duChaAPI.js";
    import {getadCodeByPresId} from "../../api/duChaAPI.js";
    export default {
        components: {},
        props: ['pid','type','pidNodes'],
        // props:['rootCode','rootType'],
        data() {
            return {
                treeData: [],
                code:'45',
                tableDefaultExpandedKeys: [],
                treeProps: {
                    label: "pnm",
                    children: "children",
                    disabled: false,
                    expandOnClickNode: false,
                    first: true,
                },
                checkedData: [],
            };
        },
        mounted: function () {
            this.loadTreeListData();
        },
        computed: {
            userId: function () {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            }
        },
        methods: {
            // 初始化加载树的方法
            loadTreeListData: function () {
                //
                try {
                    // 根据用户ID获取县的行政区划
                    getadCodeByPresId(this.userId,this.type).then((data) => {
                        this.code = data.data;
                        // 获取节点数据根据节点ID和行政区划
                        let _pid = this.pid;
                        getNodeByPidAndCode(this.pid,this.code,this.type).then((res) => {
                            console.log(res);
                            let children = [];
                            res.data.forEach((element, index) => {
                                children.push(element);
                            })
                            console.log(children);
                            if(children.length == 0 && _pid.length == 12){

                                this.pidNodes.forEach((element, index) => {
                                    children.push(element);
                                })
                            }
                            this.treeData = children;
                        }, (err) => {});


                    }, (err) => {
                        console.log(err);
                    });




                } catch (e) {
                    this.$message.error('超时');
                }


            },
            // 节点点击事件
            nodeClick: function (data) {
                // alert(data.id);
            },
            // 加载子节点数据的方法
            loadAddvData: function (node, resolve) {

                console.log(node.data)
                //
                try {
                    if (this.first) {
                        this.first = false;
                    } else {

                        if(node.data.id != null){
                            getNodeByPidAndCode(node.data.id, this.code,this.type).then(
                                response => {
                                    var data = response.data;
                                    var children = [];
                                    data.forEach((element, index) => {
                                        children.push(element);
                                    })
                                    console.log(children);
                                    resolve(children);
                                },
                                response => {
                                }
                            );
                        }else{

                            // node.store.defaultExpandAll = false;
                            resolve()

                            // node.store.defaultExpandAll = false;
                        }

                    }
                } catch (e) {

                }
            },
            // 选中或取消事件
            handleCheckChange: function (data, checked, indeterminate) {

                // this.loadAddvData(data);



                let _self = this;
                if (checked) {
                    _self.checkedData.push({
                        'id': data.id,
                        'pnm': data.pnm,
                        'code': data.code,
                        'objId': data.objId,
                        'engId': data.engId
                    });
                } else {
                    let newCheckedData = [];
                    _self.checkedData.forEach((element, index) => {
                        if (element.id == data.id || element.engId == data.engId) {
                            console.log("进来了");
                        } else {
                            newCheckedData.push(element);
                        }
                    });
                    _self.checkedData = newCheckedData;
                }

                console.log('newChecked:' + _self.checkedData);
                this.$emit('treeCheckedDataChange', {
                    'newCheckedArray': _self.checkedData,
                    'changedItem': data,
                    'newStatus': checked
                });
            },


        }
    };
</script>

<style scoped>
</style>