fj-dc-ui/.svn/pristine/8b/8bfc84410fdce5d7fca08269a1c4c2cba35a2d89.svn-base

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

<script>
import { getAddTree, getUserInfo } from "../api/administrativeRegion.js";
export default {
  components: {},
  data() {
    return {
      Id: localStorage.getItem("areacode")? localStorage.getItem("areacode"): '350000000000',
      // Id: '350000000000',
      rootAddvcdName: localStorage.getItem("areaName")? localStorage.getItem("areaName"): '本级',
      treeData: [],
      // rootId: localStorage.getItem("areacode")? localStorage.getItem("areacode"): '350000000000',
      // rootId: '350000000000',
      tableDefaultExpandedKeys: [],
      treeProps: {
        label: "adName",
        children: "children",
        disabled: false,
        expandOnClickNode: false
        // isLeaf: 'leaf'
        
      }
    };
  },
  mounted: function() {
    let storageAdId = localStorage.getItem("areacode");
    if (storageAdId) {
      this.rootId = storageAdId;
    } else {
      this.rootId = "350000000000";
    }
    this.$emit("addvChange", {
      adId: this.rootId,
      adName: this.rootAddvcdName,
      userId :localStorage.getItem("userid")? localStorage.getItem("userid"): '1',
      userName :localStorage.getItem("username")? localStorage.getItem("username"): '1',
    });
     this.getAddvnmData();
  },
  methods: {
    getAddvnmData: function() {
      var _self = this;
      try {
        getAddTree(_self.Id).then(
          response => {
            var includeRootTreeData = [
              {
                adName: _self.rootAddvcdName,
                // "adName":this.rootAddvcdName==''||this.rootAddvcdName==null?'福建省':this.rootAddvcdName,
                adUp: "",
                adAbbrName: _self.rootAddvcdName,
                id: _self.Id,
                children: response.data
              }
            ];
            _self.treeData = includeRootTreeData;
            _self.tableDefaultExpandedKeys = [_self.rootId];
          },
          response => {
            _self.loading = false;
            alert("暂无行政区划数据");
          }
        );
      } catch (e) {
        _self.loading = false;
        alert("暂无行政区划数据");
      }
    },
    loadAddvData: function(node, resolve) {
      var _self = this;
      // console.log("loadAddvData");
      try {
        // console.log("判断是否有jpCode");
        let realAdCode = node.data.id;
        // if (node.data.jpCode && node.data.jpCode != "") {
        //   realAdCode = node.data.jpCode;
        // }
        // if(!node.data.id){
        //   realAdCode = localStorage.getItem("areacode")? localStorage.getItem("areacode"): '350000000000';
        // }else{
        //   realAdCode = node.data.id;
        // };
        getAddTree(realAdCode).then(
          response => {
            var data = response.data;
            var children = [{}];
            // for (var i = 0; i < data.length; i++) {
            //   data[i]["children"] = children;
            // }
            resolve(data);
          },
          response => {}
        );
      } catch (e) {
        alert("暂无数据2");
      }
    },
    nodeClick: function(data) {
      this.$emit("addvChange", { adId: data.id, adName: data.adName });
    }
    // getUserData:function () {
    //   var _self = this;
    //   try{
    //     getUserInfo().then((response) => {
    //     },(response) => {
    //       _self.loading = false;
    //       alert('暂无行政区划数据');
    //
    //     });
    //   }catch(e){
    //     _self.loading = false;
    //     alert('暂无行政区划数据');
    //   }
    // },
  }
};
</script>

<style scoped>
</style>