fj-dc-ui/.svn/pristine/54/54f524fd5df0bdd20842ca12e38b31f22cf898d7.svn-base

<template>
  <el-tree
    class="el-treeWhite"
    :data="treeData"
    :props="treeProps"
    :expand-on-click-node="false"
    @node-click="nodeClick"
    node-key="adCode"
    :default-expanded-keys="tableDefaultExpandedKeys"
    lazy
    :load="loadAddvData"
    style="max-height:100%;overflow:auto;"
  ></el-tree>
</template>

<script>
import {getAdData} from "../api/duChaAPI.js";
export default {
  components: {},
  props:['rootCode','rootType'],
  data() {
    return {
      treeData: [],
      tableDefaultExpandedKeys: [],
      treeProps: {
        label: "adName",
        children: "children",
        disabled: false,
        expandOnClickNode: false ,
        first:true,
      },
      rootAdCode:'000000000000'
    };
  },
  mounted: function() {
    this.getAdDataList();
  },
  methods: {
    getAdDataList(){
      var _self = this;
      _self.treeData = [];
      getAdData(_self.rootAdCode).then((res)=>{
        if(res.data){
          _self.treeData = res.data;
          if(_self.treeData.length){
            _self.nodeClick(_self.treeData[0])
          }
        }
      })
    },
    nodeClick: function(data) {

    },
    loadAddvData: function(node, resolve) {
        var _self = this;
        try {
            if(node.data.adCode!=undefined){
                getAdData(node.data.adCode).then((res)=>{
                    if(res.data){
                        var data = res.data;
                        resolve(data);
                    }
                })
            }
        } catch (e) {

        }
     }
  }
};
</script>

<style scoped>
</style>