zzr99
2021-08-26 c1e11c81658c786bb46154d73f331ae6b4a416ef
WebTM/views/»ù´¡×ÊÁÏ/¹«Óûù´¡×ÊÁÏ/Gy_CheckItem.html
@@ -18,6 +18,14 @@
        .custom-tree-item-clicked {
            color: #FC9003
        }
        .layui-form-label {
            width: 40px;
            padding: 9px 5px;
        }
        .layui-input-block {
            margin-left: 50px;
        }
    </style>
</head>
<body>
@@ -40,10 +48,10 @@
                                <div class="layui-form-item" style="border-top: solid 1px #F6F6F6;">
                                    <div class="layui-row" style="padding:10px 0">
                                        <div class="layui-col-xs3 layui-inline" style="width: 23%;">
                                        <div class="layui-col-xs3 layui-inline" style="width: 23%;display:none;">
                                            <div id="treeCheckItem" lay-filter="treeCheckItem" class="demo-tree demo-tree-box" style="height: 520px; overflow: scroll;"></div>
                                        </div>
                                        <div class="layui-col-xs9 layui-inline">
                                        <div class="layui-col-xs12 layui-inline">
                                            <div class="layui-row">
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">代码</label>
@@ -139,104 +147,61 @@
                , tree = layui.tree
            var sWhere = "";
            let that = this;
            tree.render({
                elem: '#treeCheckItem',
                data: getData(sWhere),
                showCheckbox: false,     //是否显示复选框
                id: 'demoId',
                isJump: false, //是否允许点击节点时弹出新窗口跳转
                showLine: true,//是否开启连接线
                onlyIconControl: true,   //点击后不收缩
                click: function (obj) {
                    //点击高光
                    if (obj.data.id !== treeCkData.id) {
                        $('div[data-id="' + obj.data.id + '"] span').eq(1).last().addClass("custom-tree-item-clicked");
                        $('div[data-id="' + treeCkData.id + '"] span').eq(1).last().removeClass('custom-tree-item-clicked');
                        treeCkData = obj.data;
                        TagId = obj.data.id;
                        TagParentId = obj.data.ParentID;
                        Level = obj.data.HLevel+1;
                    }
                    else {
                        $('div[data-id="' + treeCkData.id + '"] span').eq(1).last().removeClass('custom-tree-item-clicked');
                        treeCkData = { id: 0 };
                        TagId = "";
                        TagParentId = "";
                        Level = "1";
                    }
                    //获取所有选中节点id数组
                    //var oCks = tree.getChecked('demoId'); //获取选中节点的数据
                    //for (var i = 0; i < oCks.length; i++) {
                    //    //console.log(oCks[0].id, obj.data.id);
                    //    if (oCks[i].id != obj.data.id) {
                    //        console.log(oCks[i]);
                    //        //执行节点勾选
                    //        $(oCks[i]).prop("checked", false);
                    //        $(this).prop("checked", false);
                    //    }
                    //}
                    //form.render('checkbox');
                    $.ajax({
                        url: GetWEBURL() + '/Gy_CheckItem/cx',
                        type: "GET",
                        data: { "HInterID": obj.data.id },
                        success: function (data1) {
                            if (data1.count == 1) {
                                option.data = data1.data;
                                table.render(option);
                                layer.close(index);
                            } else {
                                layer.close(index);
                                layer.alert(data1.code + data1.Message, { icon: 5 });
                            }
                        }, error: function () {
                            layer.close(index);
                            layer.alert("接口请求失败!", { icon: 5 });
                        }
                    });
                }
            });
            //$.ajax({
            //    type: "get",
            //    url: GetWEBURL() + '/Gy_Department/LoadTree',
            //    async: true,
            //    success: function (result) {
            //        //  console.log(result.data);
            //        var tree = Customerdatatree('treeDepartment', result.data, true);
            //        tree.onspread = function () {
            //            var obj = this;
            //            //模拟post后台数据,延迟2秒
            //            setTimeout(() => {
            //                var data = getTreeJson(obj.data.HParentID); //异步获取数据
            //                obj.lazytree(data);
            //            }, 2000);
            //tree.render({
            //    elem: '#treeCheckItem',
            //    data: getData(sWhere),
            //    showCheckbox: false,     //是否显示复选框
            //    id: 'demoId',
            //    isJump: false, //是否允许点击节点时弹出新窗口跳转
            //    showLine: true,//是否开启连接线
            //    onlyIconControl: true,   //点击后不收缩
            //    click: function (obj) {
            //        //点击高光
            //        if (obj.data.id !== treeCkData.id) {
            //            $('div[data-id="' + obj.data.id + '"] span').eq(1).last().addClass("custom-tree-item-clicked");
            //            $('div[data-id="' + treeCkData.id + '"] span').eq(1).last().removeClass('custom-tree-item-clicked');
            //            treeCkData = obj.data;
            //            TagId = obj.data.id;
            //            TagParentId = obj.data.ParentID;
            //            Level = obj.data.HLevel+1;
            //        }
            //        tree.onclick = function () {
            //            var obj = this;
            //            console.log(obj.data); //得到当前点击的节点数据
            //            console.log(obj.state); //得到当前节点的展开状态:open、close、normal
            //            console.log(obj.elem); //得到当前节点元素
            //            console.log(obj.data.children); //当前节点下是否有子节点
            //        else {
            //            $('div[data-id="' + treeCkData.id + '"] span').eq(1).last().removeClass('custom-tree-item-clicked');
            //            treeCkData = { id: 0 };
            //            TagId = "";
            //            TagParentId = "";
            //            Level = "1";
            //        }
            //        tree.oncheck = function () {
            //            var obj = this;
            //            console.log(obj.data); //得到当前点击的节点数据
            //            console.log(obj.checked); //得到当前节点的展开状态:open、close、normal
            //            console.log(obj.elem); //得到当前节点元素
            //        }
            //        $.ajax({
            //            url: GetWEBURL() + '/Gy_CheckItem/cx',
            //            type: "GET",
            //            data: { "HInterID": obj.data.id },
            //            success: function (data1) {
            //                if (data1.count == 1) {
            //                    option.data = data1.data;
            //                    table.render(option);
            //                    layer.close(index);
            //                } else {
            //                    layer.close(index);
            //                    layer.alert(data1.code + data1.Message, { icon: 5 });
            //                }
            //            }, error: function () {
            //                layer.close(index);
            //                layer.alert("接口请求失败!", { icon: 5 });
            //            }
            //        });
            //    }
            //});
            var option = {
                elem: '#mainTable'
                id:'#mainTable'
                ,elem: '#mainTable'
                //, toolbar: '#toolbarDemo'
                , height: 'full-50'
                , page: true