scd_tools_go/service/static/module/access_control.html

<script type="text/javascript" src="/static/js/access_control.js"></script>
<script type="text/javascript" src="/static/js/layui_crud.js"></script>
<div class="children-content">
    <blockquote class="layui-elem-quote" style="padding:10px;line-height:25px;">系统管理 / 门禁档案管理</blockquote>
    <div style="float:left;width:22%;overflow: auto;">
        <ul id="access_control_tree" class="ztree tree">&nbsp;</ul>
    </div>
    <div style="float:left;width:78%;">
        <div class="layui-tab" id="access_control_list">
            <ul class="layui-tab-title">
                <li class="layui-this" onclick="AccessControlObject.QueryAccessControl()">已分配</li>
                <li onclick="AccessControlObject.Unassigned();">未分配</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show" id="assigned_search_panel">
                    <div style="float:left;position:relative;width:100%;height:60px;">
                        <div class="layui-panel" style="height:60px;line-height:60px;">
                            <form class="layui-form layui-form-pane" action="">
                                <span style="float:left;margin:0 5px 0 20px;">门禁名称：</span>
                                <div class="layui-input-inline" style="float:left;margin-top:12px;margin-right:10px;">
                                    <input type="text" id="text_name" style="width:180px;padding:0 10px;"
                                           autocomplete="off" class="layui-input"/>
                                </div>
                                <span style="float:left;margin:0 5px 0 20px;">门禁编码：</span>
                                <div class="layui-input-inline" style="float:left;margin-top:12px;margin-right:10px;">
                                    <input type="text" id="text_regcode" style="width:180px;padding:0 10px;"
                                           autocomplete="off" class="layui-input"/>
                                </div>
                                <button id="btnSearch" type="button" class="layui-btn layui-btn-normal"
                                        style="margin-left:40px;height:32px;line-height:32px;"
                                        onclick="AccessControlObject.QueryAccessControl(0);">查询
                                </button>
                            </form>
                        </div>
                    </div>
                    <div style="float:left;position:relative;width:100%;">
                        <table id="table_access_control" lay-filter="oparation-data"></table>
                    </div>
                </div>
                <div class="layui-tab-item" id="unassigned_search_panel">
                    <div style="float:left;position:relative;width:100%;height:60px;">
                        <div class="layui-panel" style="height:60px;line-height:60px;">
                            <form class="layui-form layui-form-pane" action="">
                                <span style="float:left;margin:0 5px 0 20px;">门禁名称：</span>
                                <div class="layui-input-inline" style="float:left;margin-top:12px;margin-right:10px;">
                                    <input type="text" id="text_name" style="width:180px;padding:0 10px;"
                                           autocomplete="off" class="layui-input"/>
                                </div>
                                <span style="float:left;margin:0 5px 0 20px;">门禁编码：</span>
                                <div class="layui-input-inline" style="float:left;margin-top:12px;margin-right:10px;">
                                    <input type="text" id="text_regcode" style="width:180px;padding:0 10px;"
                                           autocomplete="off" class="layui-input"/>
                                </div>
                                <button id="btnSearch" type="button" class="layui-btn layui-btn-normal"
                                        style="margin-left:40px;height:32px;line-height:32px;"
                                        onclick="AccessControlObject.QueryUnassignedAccessControl(0);">查询
                                </button>
                            </form>
                        </div>
                    </div>
                    <div style="float:left;position:relative;width:60%;">
                        <table id="table_unassigned_list" lay-filter="oparation_unassigned">
                        </table>
                    </div>
                    <div id="ul_unassigned_box" style="float:right;width:38%;">
                        <span style="float:left;width:100%;line-height:40px;">将左侧选择的摄像头分配到以下区域树节点:</span>
                        <div style="float:left;width:100%;height:80%;overflow:auto;">
                            <ul id="ul_unassigned" style="height:95%;" class="ztree tree"></ul>
                        </div>
                        <div style="float:left;width:100%;">
                            <div style="width:100px;margin:0 auto;">
                                <button type="button" class="layui-btn layui-btn-normal"
                                        style="margin-left:40px;height:32px;line-height:32px;"
                                        onclick="AccessControlObject.UpdateUnassigned();">确定分配
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-tab hidden" id="access_control_track_list"></div>
    </div>    
    <script type="text/html" id="table-tools-bar" style="width:800px;">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm layui-btn-normal layui-hide" onclick="AccessControlObject.showDialog(0);">添加门禁档案</button>
            <button class="layui-btn layui-btn-sm layui-btn-normal layui-hide" onclick="AccessControlObject.showExportDialog(this);">
                <i class="fa fa-cloud-upload fa-2x" aria-hidden="true"></i>
                导入门禁档案
            </button>
            <button class="layui-btn layui-btn-sm layui-btn-normal" onclick="AccessControlObject.ClearAreaID();">解除位置关联
            </button>
        </div>
    </script>

    <script type="text/html" id="row_operator">
        <i class="layui-icon layui-icon-form" style="cursor:pointer;" title="门禁详细" lay-event="detail"></i>
        <i class="layui-icon layui-icon-edit" style="cursor:pointer;margin-left:10px;" title="编辑门禁记录"
           lay-event="edit"></i>
        <i class="layui-icon layui-icon-delete" style="margin-left:10px;cursor:pointer;" title="删除门禁记录"
           lay-event="delete"></i>
    </script>

</div>

<script type="text/javascript">
    $(document).ready(function () {
        AccessControlObject.Init();
        AccessControlObject.SearchAccessControl();
    });

    layui.table.on('tool(oparation-data)', function (obj) {
        var data = obj.data;
        var layEvent = obj.event;
        var Id = data["id"];
        if (layEvent === 'delete') {
            layer.confirm('<div style="text-align:center;">是否删除<span style="color:red;font-weight:700;padding:0 2px;">' + data["mjmc"] + "</span>的数据记录？</div>", function (index) {
                obj.del();
                layer.close(index);
                AccessControlObject.DeleteOrg(Id);
            });
        } else if (layEvent === 'edit') {
            AccessControlObject.showDialog(Id);
        } else if (layEvent === "detail") {
            AccessControlObject.showDetail(Id);
        }
    });
</script>