zhaobao
/
layui_back


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>文章列表</title>
    <link rel="stylesheet" href="../../../assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../../assets/module/admin.css?v=312"/>
    <link rel="stylesheet" href="../../../assets/module/uParas.css?v=312"/>
    <style>
        .layui-table-cell {
            height: auto;
        }

        .badge-warning {
            background-color: #ffcc33;
            background-image: none;
            height: 18px;
            padding: 3px 6px 3px 6px;
            font-weight: 300;
            border-radius: 12px !important;
            text-shadow: none !important;
            text-align: center;
            vertical-align: middle;
            line-height: 1;
            color: #fff;
            white-space: nowrap;
            display: inline-block;
            min-width: 10px;
            font-size: 13px !important;
        }

        .badge-success {
            background-color: rgb(69, 182, 175);
            background-image: none;
            font-weight: 300;
            height: 18px;
            text-align: center;
            vertical-align: middle;
            font-size: 13px !important;
            padding: 3px 6px;
            border-radius: 12px !important;
            min-width: 10px;
            line-height: 1;
            color: rgb(255, 255, 255);
            white-space: nowrap;
        }
    </style>
</head>
<body>

<!-- 页面加载loading -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-card">
            <!--<div class="layui-card-header">-->
            <!--选择现场人员-->
            <!--</div>-->
            <div class="layui-card-body" style="height: 580px;">
                <div class="layui-col-sm5 layui-col-lg5" style="padding-top: 43px;">
                    <div class="layui-card-body">
                        <table class="layui-table" id="alreadyTable" lay-filter="alreadyTable"></table>
                    </div>
                </div>
                <div class="layui-col-sm7 layui-col-lg7">
                    <div class="layui-card-body">
                        <div class="layui-form toolbar">
                            <div class="layui-form-item text-right">
                                <div class="layui-inline pull-left">
                                    <label class="layui-form-label w-auto w-padding">部门：</label>
                                    <div class="layui-input-inline mr0">
                                        <input type="text" id="groupName" name="groupName" value=""
                                               placeholder="点击选择"
                                               class="layui-input" readonly>
                                        <input type="hidden" id="groupId" name="groupId">
                                        <div id="menuContent" class="menuContent">
                                            <ul id="groupTree" class="ztree" style="margin-top:0;"></ul>
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-inline">
                                    <label class="layui-form-label w-auto w-padding">搜索：</label>
                                    <div class="layui-input-inline mr0">
                                        <input name="keyword" class="layui-input" type="text" placeholder="输入关键字"/>
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <button class="layui-btn icon-btn" lay-filter="formSubSearch" lay-submit>
                                        <i class="layui-icon">&#xe615;</i>搜索
                                    </button>
                                </div>
                            </div>
                        </div>
                        <table class="layui-table" id="selectTable" lay-filter="selectTable"></table>
                    </div>

                </div>

            </div>
        </div>
    </div>
</div>

<!--状态TPL-->
<script type="text/html" id="statusTpl">
    {{#  if(d.accountStatus != null && d.accountStatus == 1){ }}
    <span class="badge-success">活动</span>
    {{#  } else { }}
    <span class="badge-warning">锁定</span>
    {{#  } }}
</script>


<!--状态TPL-->
<script type="text/html" id="statusTpl2">
    {{#  if(d.status != null && d.status == 1){ }}
    <span style="color: mediumseagreen">在线</span>
    {{#  } else { }}
    <span style="color:#F3565D">下线</span>
    {{#  } }}
</script>

<!-- 表格操作列TPL -->
<script type="text/html" id="optionTpl">
    {{#  if(d.ifChecked != null && d.ifChecked == 1){ }}
    <input type="checkbox" checked name="checkBox1" lay-skin="primary"/>
    {{#  } else { }}
    <input type="checkbox" name="checkBox1" lay-skin="primary"/>
    {{#  } }}
</script>
<!-- 表格操作列TPL -->
<script type="text/html" id="alreadyOptionTpl">
    {{#  if(d.status != null && d.status != 1){ }}
    <a class="layui-btn layui-btn-normal  layui-btn-xs" lay-event="onLine">上线</a>
    {{#  } else { }}
    <a class="layui-btn layui-btn-warm  layui-btn-xs" lay-event="downLine">下线</a>
    {{#  } }}
    <a class="layui-btn layui-btn-danger  layui-btn-xs" lay-event="del">删除</a>

</script>

<!-- js部分 -->
<script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
<script>
    layui.use(['layer', 'form', 'table', 'admin', 'uParas', '_groupTree'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var table = layui.table;
        var admin = layui.admin;
        var uParas = layui.uParas;
        var _groupTree = layui._groupTree;
        var riskPointId = uParas.getUrlParam("riskPointId");
        //var riskPointId = "1265";
        //console.log("riskPointId_________________"+riskPointId);
        //debugger
        // 部门人员表格
        var selectTable = table.render({
            elem: '#selectTable',
            url: uParas.baseUrl + '/ent/groupAccount/queryAccountAndStatus',
            where: {riskPointId: riskPointId},
            page: true,
            method: 'post',
            cellMinWidth: 100,
            cols: [[
                {type: 'checkbox'},
                {field: 'accountName', sort: false, title: '用户名', width: 100},
                {field: 'accountRealName', sort: false, title: '姓名'},
                {field: 'accountTel', sort: false, title: '手机'},
                {field: 'groupName', sort: false, title: '所属部门'},
                {field: 'roleName', sort: false, title: '角色'},
                {field: 'positionTitle', sort: false, title: '岗位'},
                {field: 'accountStatus', sort: false, title: '状态', width: 80, templet: '#statusTpl'},
                //{align: 'center'      , toolbar: '#optionTpl', title:'操作', width: 100}
                //{type: 'checkbox', title :'操作'}
            ]],
            done: function (res, curr, count) {
                // 根据条件移除全选 checkbox
                $('div[lay-id="selectTable"] th[data-field="0"] div').replaceWith('<div class="layui-table-cell laytable-cell-1-0-0"><span></span></div>');
            }
        });
        _groupTree.init(selectTable);
        //选中的人员表格
        var alreadyTable = table.render({
            elem: '#alreadyTable',
            url: uParas.baseUrl + '/ent/worksitePerson/alreadySelected',
            where: {riskPointId: riskPointId},
            page: true,
            method: 'post',
            cellMinWidth: 100,
            cols: [[
                // {type : 'numbers'     , title :'序号'} ,
                {field: 'accountRealName', sort: false, title: '姓名'},
                {field: 'groupName', sort: false, title: '所属部门'},
                {field: 'status', sort: false, title: '状态', width: 60, templet: '#statusTpl2'},
                {align: 'center', toolbar: '#alreadyOptionTpl', title: '操作', width: 120}
            ]]
        });
        // 搜索
        form.on('submit(formSubSearch)', function (data) {
            selectTable.reload({where: data.field}, 'data');
        });

        // 工具条点击事件
        table.on('tool(alreadyTable)', function (obj) {
            var data = obj.data;
            var layEvent = obj.event;
            if (layEvent == 'onLine') { // 修改
                onLine(data.aId);
            } else if (layEvent == 'downLine') {
                downLine(data.aId);
            } else {
                deleteRelation(data);
            }
        });
        //选择取消
        table.on('checkbox(selectTable)', function (obj) {
            var checked = obj.checked;
            //console.log("checkBox_______________"+checked);
            var data = obj.data;
            //console.log("data_______________"+data);
            var status = "";
            if (checked) {
                //选择
                status = "1";
            } else {
                //取消
                status = "0";
            }
            maintainRelation(data.aId, status);
        });

        //维护关系
        function maintainRelation(accountId, status) {
            //状态(0取消;1选择)
            var url = uParas.baseUrl + '/ent/worksitePerson/maintainWorksitePerson';
            $.ajax({
                type: "post",
                url: url,
                data: {"accountId": accountId, "riskPointId": riskPointId, "status": status},
                dataType: 'json',
                success: function (resp) {
                    if (resp.code == 1) {
                        layer.msg(resp.msg);
                        alreadyTable.reload({}, 'data');
                        selectTable.reload({}, 'data');
                        layer.closeAll();
                    } else {
                        layer.msg(resp.msg);
                    }
                }
            });
        }

        //用户下线
        function downLine(accountId) {
            updateStatus(accountId, riskPointId, "0");
        }

        //用户上线
        function onLine(accountId) {
            updateStatus(accountId, riskPointId, "1");
        }

        function updateStatus(accountId, riskPointId, status) {
            //状态(1在线 0 下线)
            var url = uParas.baseUrl + '/ent/worksitePerson/updateWorksitePersonStatus';
            $.ajax({
                type: "post",
                url: url,
                data: {"accountId": accountId, "riskPointId": riskPointId, "status": status},
                dataType: 'json',
                success: function (resp) {
                    if (resp.code == 1) {
                        layer.msg(resp.msg);
                        alreadyTable.reload({}, 'data');
                    } else {
                        layer.msg(resp.msg);
                    }
                }
            });
        }

        // 删除关系
        function deleteRelation(data) {
            layer.confirm('确定要删除现场人员“' + data.accountRealName + '”吗？', {
                    skin: 'layui-layer-admin',
                    shade: .1
                }
                , function (i) {
                    layer.close(i);
                    layer.load();
                    maintainRelation(data.aId, "0");
                });
        }

    });
</script>

</body>
</html>