fj-dc-ui/.svn/pristine/6d/6ddfa5d3bea2ea98670cfdaea79e9445d1626a2a.svn-base

<template>
  <div id="main" :style="{'height':testHeight+'px'}">
    <el-tree
      :data="treeData"
      show-checkbox
      node-key="id"
      default-expand-all
      @check-change="handleCheckChange"
      @check="currentChecked"
      ref="tree_data"
      :default-checked-keys="['personGraphicLayer']"
      :props="defaultProps"
      @key=""
    >
    </el-tree>
  </div>
</template>

<script>
import InspectionList from './components/InspectionList.vue'
import request from "../../utils/gw_ajax_request.js"
import { getPersPlanType} from "../../api/duChaPlan.js";
import { hasPriv } from '../../utils/gw_hasPriv.js'
  export default {
    name: 'SidebarItem',
    components: {
      InspectionList,
    },
    data() {
      return {
        testHeight:Number(window.innerHeight) - 92,
        treeData:[],
        treeData_per:{
                id: 'personGraphicLayer',
                label: '督查人员',
                checked:true,
              },
        treeData_sk:{
                id: '',
                label: '水库',
                checked:false,
                children: [{
                  id: 'allSkGraphicLayer',
                  label: '水库',
                  checked:false,
                }, {
                  id: 'skGraphicLayer2018',
                  label: '2018年水库督查',
                  checked:false,
                }, {
                  id: 'skGraphicLayer2019',
                  label: '2019年水库督查',
                  checked:false,
                }, {
                  id: 'fcskGraphicLayer',
                  label: '复查水库',
                  checked:false,
                }, {
                  id: 'jhwskGraphicLayer',
                  label: '督查计划外水库',
                  checked:false,
                }]
              },
        treeData_ry:{
                id: '',
                label: '人饮',
                checked:false,
                children: [{
                  id: 'ncysgcGraphicLayer',
                  label: '农村饮水工程',
                  checked:false,
                }, {
                  id: 'sydGraphicLayer',
                  label: '水源地',
                  checked:false,
                }, {
                  id: 'country150Layer',
                  label: '督查县',
                  checked:false,
                }, {
                  id: 'xzcGraphicLayer',
                  label: '督查行政村',
                  checked:false,
                }]
              },
        treeData_sh:{
                id: 'shgcGraphicLayer',
                label: '水毁工程',
                checked:false,
              },
        treeData_dxs: {
                id: 'dxsGraphicLayer',
                label: '地下水',
                checked:false,
              },
        treeData_172: {
                id: 'graphicLayer172',
                label: '172工程',
                checked:false,
              },
        treeData_sz:{
                id: '',
                label: '水闸',
                checked:false,
                children: [{
                  id: 'szGraphicLayerAll',
                  label: '水闸',
                  checked:false,
                }, {
                  id: 'szGraphicLayer',
                  label: '督查水闸',
                  checked:false,
                }]
              },
        treeData_qsk: {
                id: 'graphicLayerQsk',
                label: '取水口',
                checked:false,
              },
        treeData1: [
          // {
          //   id: '',
          //   label: '图层选择',
          //   children: [
              {
                id: 'personGraphicLayer',
                label: '督查人员',
                checked:true,
              },
              {
                id: '',
                label: '水库',
                checked:false,
                children: [{
                  id: 'allSkGraphicLayer',
                  label: '全部',
                  checked:false,
                }, {
                  id: 'skGraphicLayer2018',
                  label: '2018年水库督查',
                  checked:false,
                }, {
                  id: 'skGraphicLayer2019',
                  label: '2019年水库督查',
                  checked:false,
                }, {
                  id: 'fcskGraphicLayer',
                  label: '复查水库',
                  checked:false,
                }, {
                  id: 'jhwskGraphicLayer',
                  label: '督查计划外水库',
                  checked:false,
                }]
              },
              {
                id: '',
                label: '人饮',
                checked:false,
                children: [{
                  id: 'ncysgcGraphicLayer',
                  label: '农村饮水工程',
                  checked:false,
                }, {
                  id: 'sydGraphicLayer',
                  label: '水源地',
                  checked:false,
                }, {
                  id: 'country150Layer',
                  label: '督查县',
                  checked:false,
                }, {
                  id: 'xzcGraphicLayer',
                  label: '督查行政村',
                  checked:false,
                }]
              },
              {
                id: 'shgcGraphicLayer',
                label: '水毁工程',
                checked:false,
              },
              // {
              //   id: 'graphicLayer172',
              //   label: '172工程',
              //   checked:false,
              // },
              // {
              //   id: 'szGraphicLayer',
              //   label: '水闸',
              //   checked:false,
              // },
              {
                id: 'dxsGraphicLayer',
                label: '地下水',
                checked:false,
              },
              // {
              //   id: 'swzGraphicLayer',
              //   label: '水文站',
              //   checked:false,
              // },

          //   ]
          // },
        ],
        defaultProps: {
          children: 'children',
          label: 'label'
        },
        isCheckData:[],
      }
    },
    computed:{
      userId: function () {
              return localStorage.getItem("userid") ?localStorage.getItem("userid") : "1098101939614724096";
          },
    },
    mounted:function(){
      // this.getPersonType();
      this.authentication();//身份验证
    },
    methods: {
      authentication(){
        this.treeData = [];

        if(hasPriv('per_layer')){//督查人员
          this.treeData.push(this.treeData_per);
        }
        if(hasPriv('rsvr_layer')){//小水库
          this.treeData.push(this.treeData_sk);
        }
        if(hasPriv('vill_layer')){//人饮
          this.treeData.push(this.treeData_ry);
        }
        if(hasPriv('rect_layer')){//水毁
          this.treeData.push(this.treeData_sh);
        }
        if(hasPriv('gc_layer')){//172
          this.treeData.push(this.treeData_172);
        }
        if(hasPriv('grw_layer')){//地下水监测站
          this.treeData.push(this.treeData_dxs);
        }
        if(hasPriv('sz_layer')){//水闸
          this.treeData.push(this.treeData_sz);
        }
        if(hasPriv('wint_layer')){//取水口
          this.treeData.push(this.treeData_qsk);
        }

      },
      // getPersonType(){ //获取当前人员类型    控制权限
      //   this.treeData = [];
      //   this.treeData.push(this.treeData_per);
      //   getPersPlanType(this.userId).then((res)=>{
      //     if(res.success){
      //       var data = res.data;
      //       data.forEach((item)=>{
      //         if(item.id =="001"){//水库督查
      //           this.treeData.push(this.treeData_sk);
      //         }else if(item.id =="002"){//人饮督查
      //           this.treeData.push(this.treeData_ry);
      //         }else if(item.id =="003"){//水毁督查
      //           this.treeData.push(this.treeData_sh);
      //         }else if(item.id =="004"){//172工程督查
      //           this.treeData.push(this.treeData_172);
      //         }else if(item.id =="005"){//地下水督查
      //           this.treeData.push(this.treeData_dxs);
      //         }else if(item.id =="006"){//水闸督查
      //           this.treeData.push(this.treeData_sz);
      //         }
      //       })
      //     }
      //   });
      // },
      handleCheckChange(event) {
        console.log(event)
        event.checked = !event.checked;
        this.$emit('isCheck',event);
        let checkedData = [];

      },
      currentChecked(data, currentChecked) {
        const { checkedNodes, halfCheckedNodes } = currentChecked;
        // console.log(checkedNodes,halfCheckedNodes);
        this.$emit('isChecks',checkedNodes);

      }

    }
  }
</script>

<style>
  #main{
    width: 190px;
    background: aliceblue;
  }
  #main .el-tree {
    height: 100%;
  }
</style>