layer弹出框，zTree树插件，树形图

先看效果图

页面部分：

zNodes = '';
    var index = '';
    var index2 = '';
    function for_department() {
        var id = $('#dep_id').val();
        //加载层
        index2 = layer.load(0, {shade: false}); //0代表加载的风格，支持0-2
        //获取权限信息
        $.getJSON('/admin/employee/show_department', {'type' : 'get', 'id' : id}, function(res){
            layer.close(index2);
            if(res.code == 1){
                zNodes = JSON.parse(res.data);  //将字符串转换成obj

                //页面层
                index = layer.open({
                    type: 1,
                    area:['350px', '400px'],
                    title:'请选择',
                    skin: 'layui-layer-demo', //加上边框
                    content: $('#role')
                });
                //设置位置
                layer.style(index, {
                    top: '20%'
                });

                //设置zetree
                var setting = {
                    check:{
                        enable:true,
                        chkStyle:"radio",
                        radioType: "all"
                    },
                    data: {
                        simpleData: {
                            enable: true
                        }
                    }
                };


                $.fn.zTree.init($("#treeType"), setting, zNodes);
                var zTree = $.fn.zTree.getZTreeObj("treeType");
                zTree.expandAll(true);

            }else{
                layer.alert(res.msg);
            }

        });
    }
     
     
     
     

      
      
      
      
1
      
      
      
      
2
      
      
      
      
3
      
      
      
      
4
      
      
      
      
5
      
      
      
      
6
      
      
      
      
7
      
      
      
      
8
      
      
      
      
9
      
      
      
      
10
      
      
      
      
11
      
      
      
      
12
      
      
      
      
13
      
      
      
      
14
      
      
      
      
15
      
      
      
      
16
      
      
      
      
17
      
      
      
      
18
      
      
      
      
19
      
      
      
      
20
      
      
      
      
21
      
      
      
      
22
      
      
      
      
23
      
      
      
      
24
      
      
      
      
25
      
      
      
      
26
      
      
      
      
27
      
      
      
      
28
      
      
      
      
29
      
      
      
      
30
      
      
      
      
31
      
      
      
      
32
      
      
      
      
33
      
      
      
      
34
      
      
      
      
35
      
      
      
      
36
      
      
      
      
37
      
      
      
      
38
      
      
      
      
39
      
      
      
      
40
      
      
      
      
41
      
      
      
      
42
      
      
      
      
43
      
      
      
      
44
      
      
      
      
45
      
      
      
      
46
      
      
      
      
47
      
      
      
      
48
      
      
      
      
49
      
      
      
      
50
      
      
      
      
51
     
     
     
     

后台部分：

public function show_department()
{
   $param = input('param.');
   $organize = new OrganizeModel();
   //获取现在的部门
   if('get' == $param['type']){
       return json(['code' => 1, 'data' => $organize->getAll(class="hljs-variable">$param), 'msg' => 'success']);
   }

}

public function getAll($param)
{
   $result = class="hljs-variable">$this->field('id,name,parent_id')->select();
   $str = "";
   //$role = new UserType();
   //$rule = $role->getRuleById($id);
   $rulespan> = <span class="hljs-variable">$param['id'];

   if(!empty($rule)){
       $rule = explode(class="hljs-string">','span>, <span class="hljs-variable">$rule);
   }
   foreach($resultspan> <span class="hljs-keyword">asspan> <span class="hljs-variable">$key=>$vo){
       $str .= class="hljs-string">'{ "id": "' . ">$vo[">'id'] . ">'", "pId":"' . ">$vo[">'parent_id'] . ">'", "name":"' . ">$vo['name'].'"';

       if(!empty($rule) && in_array($vo['id'], $rule)){
           $str .= ' ,"checked":1';
       }

       $str .= '},';
   }

   return "[" . substr($str, 0, -1) . "]";
}
     
     
     
     

      
      
      
      
1
      
      
      
      
2
      
      
      
      
3
      
      
      
      
4
      
      
      
      
5
      
      
      
      
6
      
      
      
      
7
      
      
      
      
8
      
      
      
      
9
      
      
      
      
10
      
      
      
      
11
      
      
      
      
12
      
      
      
      
13
      
      
      
      
14
      
      
      
      
15
      
      
      
      
16
      
      
      
      
17
      
      
      
      
18
      
      
      
      
19
      
      
      
      
20
      
      
      
      
21
      
      
      
      
22
      
      
      
      
23
      
      
      
      
24
      
      
      
      
25
      
      
      
      
26
      
      
      
      
27
      
      
      
      
28
      
      
      
      
29
      
      
      
      
30
      
      
      
      
31
      
      
      
      
32
      
      
      
      
33
      
      
      
      
34
     
     
     
     

zTree官方文档

http://www.treejs.cn/v3/api.php