<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <script th:replace="common/head"></script>
    <link rel="stylesheet" th:href="@{'/css/permission/mechanism-change.css'}" media="all" />
</head>
<body>
<input id="id" type="hidden" th:value="${id}" />
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">

        <!-- 左边( 已授权 ) -->
        <div class="layui-col-md5" id="allow_data">
            <div class="layui-card" >
                <div class="layui-card-header layuiadmin-card-header-auto" style="padding:0;">
                    <div class="layui-form-item">
                        <!--<div class="layui-inline">
                            <label class="layui-form-label">小区名称：</label>
                            <div class="layui-input-block">
                                <input name="residentialName" type="text" placeholder="请输入" autocomplete="off" class="layui-input" />
                            </div>
                        </div>-->
                    </div>
                </div>

                <div class="layui-card-body">
<!--                    <div style="padding-bottom: 10px;">
                        <button name="select" type="button" class="layui-btn layuiadmin-btn-useradmin">查询</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>-->
                    <blockquote class="layui-elem-quote">启用设备列表</blockquote>
                    <div class="layui-card-header all-edit">
                        <span>已选择</span><span class="alchoose selected_length">0</span><span>项</span>
                        <span>总计：</span><span class="all data_total">0</span>
                        <a href="javascript: void(0);" class="clean_all_btn">清空</a>
                    </div>
                    <!-- 表格 -->
                    <table id="allow_data_table" lay-filter="allow_table_event"></table>
                </div>
            </div>
        </div>
        <!-- 中间 -->
        <div class="layui-col-md2">
            <div class="layui-form-item">
                <button class="layui-btn layui-btn-primary" id="batch_remove">禁用 ></button>
            </div>
            <div class="layui-form-item">
                <button class="layui-btn layui-btn-primary" id="batch_add">< 启用 </button>
            </div>
        </div>
        <!-- 右边（未授权） -->
        <div class="layui-col-md5" id="not_allow_data">
            <div class="layui-card">
                <div class="layui-card-header layuiadmin-card-header-auto" style="padding:0;">
                    <div class="layui-form-item">
                        <!--<div class="layui-inline">
                            <label class="layui-form-label">小区名称：</label>
                            <div class="layui-input-block">
                                <input name="residentialName" type="text" placeholder="请输入" autocomplete="off" class="layui-input" />
                            </div>
                        </div>-->
                    </div>
                </div>

                <div class="layui-card-body">
<!--                    <div style="padding-bottom: 10px;">
                        <button name="select" type="button" class="layui-btn layuiadmin-btn-useradmin">查询</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>-->
                    <blockquote class="layui-elem-quote">禁用设备列表</blockquote>
                    <div class="layui-card-header all-edit">
                        <span>已选择</span><span class="alchoose selected_length">0</span><span>项</span>
                        <span>总计：</span><span class="all data_total">0</span>
                        <a href="javascript: void(0);" class="clean_all_btn">清空</a>
                    </div>
                    <!-- 表格 -->
                    <table id="not_allow_data_table" lay-filter="not_allow_table_event"></table>
                </div>
            </div>
        </div>

    </div>

</div>
</body>

<!-- javascript -->
<script type="text/javascript" th:src="@{'/layui/layui.js'}"></script>
<script type="text/javascript">
    layui.config({
        base: '/'
    });
</script>
<script type="text/javascript" th:src="@{'/js/estate/member-device.js'}"></script>
</html>