zhaohurui
/
Jeff.RFID.UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
							<html>
<head>
    <title>数据选择</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="/common-assets/plugins/outdated/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/common-assets/css/outdated/style.css"/>

    <link rel="stylesheet"
          href="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.min.css"/>
    <link rel="stylesheet"
          href="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.css"/>
    <link rel="stylesheet" href="/common-assets/plugins/outdated/icheck/custom.css"/>

    <script src="/common-assets/js/project.config.js"></script>
    <script src="/common-assets/js/direwolf-library.js"></script>
    <script src="/common-assets/js/outdated/common.js"></script>

    <script src="/common-assets/js/outdated/bootstrap.min.js"></script>
    <script src="/common-assets/js/outdated/jquery.form-3.51.0.min.js"></script>

    <script src="/common-assets/plugins/outdated/pace/pace.min.js"></script>
    <script src="/common-assets/plugins/outdated/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.js"></script>
    <script src="/common-assets/plugins/outdated/jquery-validation/jquery.validate-1.11.1.min.js"></script>
    <script src="/common-assets/plugins/outdated/jquery-validation/localization/messages_zh.js"></script>
    <script src="/common-assets/plugins/outdated/icheck/icheck.min.js"></script>
    <script src="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.js"></script>
    <script src="/common-assets/js/promise-polyfill.min.js"></script>
    <link href="/common-assets/plugins/jquery-ztree/3.5/css/metroStyle/metroStyle.css"
          rel="stylesheet"/>
    <script src="/common-assets/plugins/jquery-ztree/3.5/js/jquery.ztree.all.min.js"
            type="text/javascript"></script>
    <script type="text/javascript">
        var lib = window.getDirewolfLibrary()
        var idKey = lib.$$utils.getQueryString('idKey') || 'id',
                pIdKey = lib.$$utils.getQueryString('pIdKey') || 'pId',
                name = lib.$$utils.getQueryString('nameKey') || 'name',
                checkedIds = lib.$$utils.getQueryString('checkedIds') || sessionStorage.getItem('checkedResList') || '',
                url = lib.$$utils.getQueryString('url')
        var chkboxType = lib.$$utils.getQueryString('chkboxType')
        if (chkboxType === '' || chkboxType == null) {
            chkboxType = { 'Y': 'ps', 'N': 'ps' }
        } else {
            chkboxType = eval('(' + chkboxType + ')')
        }
        var openNodes = ['0']
        var arr_checkedIds = []
        var zTreeNodes = []

        var tree, setting = {
            view: {
                selectedMulti: false,
                dblClickExpand: false,
                fontCss: function (treeId, treeNode) {
                    return (!!treeNode.highlight) ? {
                        color: '#A60000',
                        'font-weight': 'bold',
                    } : {
                        color: '#333',
                        'font-weight': 'normal',
                    }
                },
            },
            check: {
                enable: true,
                chkStyle: 'checkbox',
                nocheck: false,
                chkboxType: chkboxType,
            },
            data: {
                simpleData: {
                    enable: true,
                    idKey: idKey,
                },
            },
            callback: {
                beforeClick: function (id, node) {
                    tree.checkNode(node, !node.checked, true, true)
                    return false
                },
                onCheck: function (event, treeId, treeNode) {
                    var checkedNodes = tree.getCheckedNodes(true)
                    var checkedNodeIds = []
                    for (var i = 0; i < checkedNodes.length; i++) {
                        /* if(checkedNodes[i].id != "0" && checkedNodes[i].id != "1") //如果不是虚拟出来的两个根节点 */
                        checkedNodeIds.push(checkedNodes[i].id)
                    }

                    arr_checkedIds = checkedNodeIds
                },
            },
        }
        $(function () {
            //初始化树
            if (checkedIds) {
                arr_checkedIds = checkedIds.split(',')
            }
            arr_checkedIds.remove('')
            lib.$$utils.axiosRequest(url.startsWith(commonConfig.proxyPath) ? url.substring(commonConfig.proxyPath.length) : url, '获取信息')
                    .then(function (result) {
                        var dataList = !!result.list ? result.list : (!!result.data ? result.data : result)
                        zTreeNodes = dataList.map(function (item) {
                            return {
                                id: item[idKey],
                                pId: item[pIdKey],
                                name: item[name],
                                isParent: item.isParent,
                                open: openNodes.contains(item[idKey]),
                            }
                        })
                        tree = $.fn.zTree.init($('#tree'), setting, zTreeNodes)
                        for (var i = 0; i < arr_checkedIds.length; i++) {
                            var node = tree.getNodeByParam('id', arr_checkedIds[i], null)
                            if (node != null) {
                                tree.checkNode(node, true, false, false)
                                if (node.getParentNode() && !node.getParentNode().open) {
                                    tree.expandNode(node.getParentNode(), true)
                                }
                            }
                        }
                    })

            var lastSearchNodes = []
            $('#searchBtn').click(function () {
                var keyWord = $('#searchName').val()
                if ($.isEmptyObject(keyWord)) {
                    return
                }
                tree = $.fn.zTree.init($('#tree'), setting, zTreeNodes)
                for (var i = 0; i < arr_checkedIds.length; i++) {
                    var node = tree.getNodeByParam('id', arr_checkedIds[i], null)
                    if (node != null && (!node.children || node.children.length == 0)) {
                        tree.checkNode(node, true, true, false)
                    }
                }
                var nodes = tree.getNodesByParamFuzzy('name', keyWord)
                if (lastSearchNodes !== null && lastSearchNodes.length > 0) {
                    for (var i = 0; i < lastSearchNodes.length; i++) {
                        var node = lastSearchNodes[i]
                        node.highlight = false
                        tree.updateNode(node)
                    }
                }
                lastSearchNodes = nodes
                if (nodes !== null && nodes.length > 0) {
                    for (var i = 0; i < nodes.length; i++) {
                        var node = nodes[i]
                        node.highlight = true
                        tree.updateNode(node)
                        tree.expandNode(node.getParentNode(), true)
                        if (node.isParent) {
                            tree.expandNode(node, true)
                        }
                    }
                }
            })
            $('#showSelected').click(function () {
                tree = $.fn.zTree.init($('#tree'), setting, zTreeNodes)
                for (var i = 0; i < arr_checkedIds.length; i++) {
                    var node = tree.getNodeByParam('id', arr_checkedIds[i], null)
                    /* if(node != null && (!node.children || node.children.length == 0)) */  //本来是这样的，由于工作流选用户的功能，该成下面这样，如果之前的代码出问题了，再这里修改
                    if (node != null) {
                        tree.checkNode(node, true, true, false)
                    }
                }
                var nodes = tree.getCheckedNodes(true)

                if (lastSearchNodes !== null && lastSearchNodes.length > 0) {
                    for (var i = 0; i < lastSearchNodes.length; i++) {
                        var node = lastSearchNodes[i]
                        node.highlight = false
                        tree.updateNode(node)
                    }
                }
                lastSearchNodes = nodes
                if (nodes !== null && nodes.length > 0) {
                    for (var i = 0; i < nodes.length; i++) {
                        var node = nodes[i]
                        node.highlight = true
                        tree.updateNode(node)
                        tree.expandNode(node.getParentNode(), true)
                        if (node.isParent) {
                            tree.expandNode(node, true)
                        }
                    }
                }
            })

            //设置回车搜索
            $('#searchName').keypress(function (e) {
                detectEnter(e)
            })

            //初始化时显示已勾选的item
            $('#showSelected').click()
        })

        function detectEnter (event) {
            var e = event || window.event
            var o = e.target || e.srcElement
            var keyCode = e.keyCode || e.which // 按键的keyCode
            if (keyCode == 13) {
                e.keyCode = 9
                e.returnValue = false
                $('#searchBtn').click()
            }
        }
    </script>
</head>
<body class="pace-done gray-bg">
<div class="container-fluid">
    <div class="row">
        <div class="col-xs-10">
            <div class="input-group">
                <input id="searchName" name="单位树" type="text"
                       class="form-control input-sm"/>
                <div class="input-group-btn">
                    <button type="button" id="searchBtn"
                            class="btn btn-primary input-sm">
                        <i class="fa fa-search"></i>
                    </button>
                </div>
            </div>

        </div>
        <div class="col-xs-2">
            <button type="button" id="showSelected" class="btn btn-primary input-sm pull-right col-md-2">
                <i class="fa fa-check-square-o"></i>
            </button>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-10">
            <div id="tree" class="ztree" style="padding: 10px 5px;"></div>
        </div>
    </div>
</div>
</body>
</html>