<style type="text/css">
    /* 公共部分样式 */
    .layui-box.layui-tree{
        position: absolute;
        bottom: 26px!important;
        overflow-x: auto;
        top: 70px;
        width: 160px!important;
    }
    .layui-box.layui-tree li a cite.active {
        color: #1e90ff;
    }
</style>
<div class="layui-form-item">
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-tab layui-tab-brief" id="push_type_tabs" >
                <ul class="layui-tab-title">
                    <li data-type="1" class="">按小区发布</li>
<!--                    <li data-type="2" class="">按单元发布</li>-->
                    <li data-type="3" class="" >按广告位发布</li>
                    <li data-type="4" class="">按区域发布</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item">
                        <!-- 授权小区所属机构列表 -->
                        <ul id="xq_tree" class="layui-box layui-tree"></ul>
                        <div class="x-body per-table">
                            <!-- 搜索框 -->
                            <div class="layui-form-item">
                                <label class="layui-form-label" id="select_lab"><span>小区名称:</span></label>
                                <div class="layui-input-inline">
                                    <input id="select_con" type="text" class="layui-input" />
                                </div>
                                <div>
                                    <button type="button" class="layui-btn layui-btn layui-btn-normal" id="select_btn"><span>搜索</span></button>
                                </div>
                            </div>
                            <!-- 表格 -->
                            <table id="xq_table" data-type="1" lay-filter="xq_table_event"></table>
                        </div>
                    </div>
                    <div class="layui-tab-item">
                        <!-- 授权小区列表 -->
                        <ul id="dy_tree" class="layui-box layui-tree"></ul>
                        <!-- 表格 -->
                        <div class="x-body per-table">
                            <table id="adsense_table" data-type="2" lay-filter="adsense_table_event"></table>
                        </div>
                    </div>
<!--                    <div class="layui-tab-item">-->
<!--                        &lt;!&ndash; 授权单元列表 &ndash;&gt;-->
<!--                        <ul id="device_tree" class="layui-box layui-tree"></ul>-->
<!--                        &lt;!&ndash; 表格 &ndash;&gt;-->
<!--                        <div class="x-body per-table">-->
<!--                            <table id="device_table" data-type="3" lay-filter="device_table_event"></table>-->
<!--                        </div>-->
<!--                    </div>-->
                    <div class="layui-tab-item">
                        <!-- 授权区域列表 -->
                        <ul id="region_tree" class="layui-box layui-tree"></ul>
                        <!-- 表格 -->
                        <div class="x-body per-table">
                            <table id="region_table" data-type="3" lay-filter="region_table_event"></table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 设备类型 -->
<script type="text/html" id="device_type">
    {{#  if(d.typeNumber == 1){ }}
    <span>门禁机</span>
    {{# } else if(d.typeNumber == 2){ }}
    <span>管理机</span>
    {{#  } }}
</script>
