zhaobao
/
scyf


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Layui</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, maximum-scale=1">
    <link rel="stylesheet" href="../../../assets/libs/layui/css/layui.css"/>

    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<style>

    .derive .layui-form {
        width: 1100px;

    }

    .derive .layui-table-box {
        width: 100%;
    }

    .derive .layui-table-body {
        overflow: hidden;
        overflow-y: scroll;
        height: 300px;
    }

    .derive .layui-layer-title {
        background: #F8F8F8;
    }

    .sub {
        float: right;
        background: #0f74a8;
        color: #fff;
        padding: 11px 60px;
        margin-right: 100px;
    }
</style>
<body>
<div class="derive">

    <ul class="layui-nav layui-tab" lay-filter="test">
        <li class="layui-nav-item"><a num="1" href="#">设备设施库</a></li>
        <li class="layui-nav-item"><a num="2" href="#">作业活动库</a></li>
        <li class="layui-nav-item"><a num="3" href="#">作业环境库</a></li>
        <li class="layui-nav-item"><a num="4" href="#">设施场所库</a></li>
        <li class="layui-nav-item"><a num="5" href="#">其他</a></li>
    </ul>
    <table class="layui-hide" id="test" lay-filter="tablebtn"></table>
    <p class="sub">提交</p>
</div>


<script type="text/javascript" src="../../../assets/libs/jquery/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>


<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->

<script>

    Array.prototype.indexOf = function (val) {
        for (var i = 0; i < this.length; i++) {
            if (this[i] == val) return i;
        }
        return -1;
    };
    //在 Array 原型中植入 remove 方法 remove 中调用 indexOf 判断 str 是否存在 arr 中,有则拿到 index
    Array.prototype.remove = function (val) {
        var index = this.indexOf(val);
        if (index > -1) {
            this.splice(index, 1);
        }
    };

    let arr = [];
    layui.use(['layer', 'form', 'table', 'util', 'admin', 'zTree', 'uParas', 'upload', 'treetable', 'element', '_zTree', 'formSelects'], function () {
        var $ = layui.jquery;
        let admin = layui.admin;
        let uParas = layui.uParas;
        let table = layui.table;
        let layer = layui.layer;
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块


        let data = [];
        let num = 1;
        var checkUrl = uParas.baseUrl + '/gent/ds/findParentList';

        /**
         * @Author: NanKeYang
         * @Description: 监听导航点击，修改bug
         * @Data: 2020/1/14 18:02
         */
        element.on('nav(test)', function () {
            var num = this.getAttribute('num')
            // getDataFn(num);
            insTb.reload({where: {
                    limit: 1000,
                    riskPointType: num
                }}, 'data');
        });

        /**
         * @Author: NanKeYang
         * @Description: 表格渲染
         * @Data: 2020/1/14 18:03
         */
        var insTb = table.render({
            url: checkUrl,
            where: {
                limit: 1000,
                riskPointType: num
            },
            elem: '#test',
            // cellMinWidth: 100,
            // page: true,
            // toolbar: true,
            cols: [[
                {type: 'checkbox'}
                , {field: 'dangerSrcName', width: 800, title: '名称'}
                , {
                    field: 'roleDesc', align: 'center', sort: false, title: '检查表', width: 300, templet: function (d) {
                        return '<a href="#" lay-event="details" class="layui-btn layui-btn-xs layui-btn-normal" ><i class="layui-icon">&#xe60a;</i> 查看</a>';
                    }
                }
            ]]
        });


        table.on('checkbox(tablebtn)', function (obj) {

            if (obj.type == 'all') {
                if (obj.checked) {
                    data.forEach((item) => {
                        arr.remove(item.dangerSrcId);
                    })
                    data.forEach((item) => {
                        arr.push(item.dangerSrcId)
                    })

                } else {
                    data.forEach((item) => {
                        arr.remove(item.dangerSrcId);
                    })
                }
            } else {
                if (obj.checked) {
                    arr.remove(obj.data.dangerSrcId);
                    arr.push(obj.data.dangerSrcId);
                } else {
                    arr.remove(obj.data.dangerSrcId);
                }
            }

        });

        table.on('tool(tablebtn)', function (obj) {
            var layEvent = obj.event;
            if (layEvent == 'details') {
                let href = '';
                if (obj.data.parentDangerSrcId == -1) {
                    href = "./viewRisk_shuili.html?riskPointType=" + num + "&tab=index&dangerSrcId=" + obj.data.dangerSrcId + "&vtype=nd&cId=" + obj.data.cId;
                } else {
                    href = "./viewRisk_shuili.html?riskPointType=" + num + "&tab=index&dangerSrcId=" + obj.data.dangerSrcId + "&vtype=pd&cId=" + obj.data.cId;
                }

                admin.open({
                    title: '检查表',
                    type: 2,
                    content: href,
                    area: ['800px', '420px'],
                    success: function (layerObj, index) {
                        layer.setTop(layerObj);
                    },
                    end: function () {

                    }
                });


            }
        });

        let t = true;
        $('.sub').click(function () {
            if (t == false) {
                return;
            }
            t = false;
            setTimeout(function () {
                t = true;
            }, 10000);

            var checkUrl = uParas.baseUrl + '/gent/ds/saveDsByParentCompany';
            admin.req(checkUrl, {
                ids: arr.join(','),

            }, function (resp) {
                t = true;
                if (resp.code == 1) {
                    var index = parent.layer.getFrameIndex(window.name);
                    parent.layer.close(index);
                    window.parent.location.reload();
                } else {
                    layer.msg(resp.msg);
                }


            }, 'post');
        })

    })


</script>

</body>
</html>