zhouchanghao
/
admin
برگرفته از jifuning/admin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../static/css/font.css">
    <link rel="stylesheet" href="../../static/css/weadmin.css">
    <link rel="stylesheet" href="../../static/css/style.css">
    <link rel="stylesheet" href="../../static/css/eleTree.css">
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        html{
            overflow-y: auto;
        }
    </style>
</head>

<body>
<div class="weadmin-body">
    <div class="eleTree ele1" lay-filter="methods"></div>
    <span class="deptext" style="display: none;"></span>
</div>
<script src="../../lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript">
    layui.config({
        base: '../../lib/layui/lay/mymodules/'
        ,version: '101100'
    }).use('eleTree');
    layui.use(['form','layer','eleTree','jquery'], function(){
        var form = layui.form,
            admin = layui.admin,
            layer = layui.layer,
            eleTree = layui.eleTree,
            $=layui.jquery;
        form.render();
        delpFun();
        function delpFun(){
            var parentNodeMax,parentNode,sonNodes,sonNode,sonNodeArray=[],sonNodeStr,sonNodeID,sonNodeIDStr,sonNodeIDAarray = [],parentID;
            $.ajax({
                url:'http://apptest.jieweizhineng.com/api/section/getlist',
                method:'get',
                dataType: 'json',
                success:function (res) {
                    console.log(res,'res');
                    parentNodeMax = res.data.label;
                    if(res.code === 0){
                        var data = [res.data];
                        var ele = eleTree.render({
                            elem: '.ele1',
                            data:data ,
                            showCheckbox:true,
                            defaultExpandAll:true,
                            // lazy: true,
                        });
                        eleTree.on("nodeChecked(methods)",function(d) {
                            console.log(d.data);
                            parentNode = d.data.parentData.data.label;
                            parentID = d.data.parentData.data.id;
                            sonNodes = ele.getChecked(true,false);
                            console.log(sonNodes,'sonNodes');
                            sonNodeIDStr = "";
                            sonNodeIDAarray = [];
                            sonNodeStr = "";
                            sonNodeArray = [];
                            for (var i = 0; i < sonNodes.length; i++) {
                                sonNode = sonNodes[i].label;
                                sonNodeID = sonNodes[i].id;
                                sonNodeIDAarray.push(sonNodeID);
                                sonNodeArray.push(sonNode)
                            }
                            sonNodeStr = sonNodeArray.join(',');
                            sonNodeIDStr = sonNodeIDAarray.join(',');
                            $('.deptext').html(`${parentNode},${sonNodeStr}`);
                            $('.deptext').attr("sonNode-id",sonNodeIDStr);
                            $('.deptext').attr("parentID",parentID);
                            // sessionStorage.setItem('sonNode-id',sonNodeIDStr)
                            // sessionStorage.setItem('parentID',parentID)
                        });
                    }else{
                        layer.msg('请检查网路', {icon: 2});
                    }
                },
                error:function (err) {
                    layer.msg('请检查网路', {icon: 2});
                }
            })

        }

    });
</script>
</body>

</html>