聚合图集成，按钮选中样式调整

zengh

2021-02-21 ab0598cc26762aedae33894fc78462989e8302b4

 public/map/widgets/clientManagement/template.html

@@ -1,84 +1,8 @@
<div class='client-time-police' open-li='client-time-police'
     style='height: calc(100%);'>
    <div id="client_left_tree" class="ztree"></div>
    <div id="rMenu">
        <ul>
            <li id="client-all-deploy">一键布防</li>
            <li id="client-all-retreat">一键撤防</li>
        </ul>
    </div>

    <div id="client_left_table">
        <div class="client-time-select-condition">
            <div>
                <span>关键字查询：</span>
                <input id="client-query-input" type="text" placeholder="请输入名称/设备编码" class="route-name">
            </div>
            <div class="realtime-district">
                <ul>
                    <li id='realtimeDistrict'>
                        行政区：
                        <div id="client_select_1">
                            全部

                            <i class="layui-icon client-select">&#xe61a;</i>
                        </div>
                        <div class='select-list'>
                            <ul>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="realtime-level">
                <ul>
                    <li id='realtimeLevel'>
                        类型：
                        <div id="client_select_2">
                            全部

                            <i class="layui-icon client-select">&#xe61a;</i>
                        </div>
                        <div class='select-list'>
                            <ul>
                                <li>全部</li>
                                <li>掉线</li>
                                <li>测试</li>
                                <li>报警</li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="realtime-level">
                <ul>
                    <li id='client-query-type'>
                        状态：
                        <div id="client_select_3">
                            全部

                            <i class="layui-icon client-select">&#xe61a;</i>
                        </div>
                        <div class='select-list'>
                            <ul>
                                <li>全部</li>
                                <li>布防</li>
                                <li>撤防</li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="realtime-timeselect">
                <button type="button" id="client-query-cx" class="layui-btn layui-btn-sm layui-btn-normal"><i
                        class="layui-icon layui-icon-search"></i>查询
                </button>
                <button type="button" id="client-query-qk" class="layui-btn layui-btn-sm client-btn-qk"><i
                        class="layui-icon layui-icon-refresh"></i>清空
                </button>
            </div>


        </div>
        <div class="client-time-information-list">
@@ -88,43 +12,5 @@
            </table>
        </div>

        <script type="text/html" id="client_time_table_btn">

            <button class="layui-btn layui-btn-radius layui-btn-normal" lay-event="detail" title="编辑"
                    style="
                        width: 20px;
                        height: 20px;
                        background: url(./images/bianji.png) no-repeat;
                        background-size: 100% 100%;">
            </button>

            <button class="layui-btn layui-btn-radius layui-btn-normal" lay-event="deploy" title="布防"
                    style="
                        width: 20px;
                        height: 20px;
                        background: url(./images/baojin.png) no-repeat;
                        background-size: 100% 100%;">
            </button>

            <button class="layui-btn layui-btn-radius layui-btn-normal" lay-event="retreat" title="撤防"
                    style="
                        width: 20px;
                        height: 20px;
                        background: url(./images/cejin.png) no-repeat;
                        background-size: 100% 100%;">
            </button>

            <button class="layui-btn layui-btn-radius layui-btn-normal" lay-event="location" title="定位"
                    style="
                        width: 20px;
                        height: 20px;
                        background: url(./images/real-time-views-goto.png) no-repeat;
                        background-size: 100% 100%;">
            </button>

        </script>
    </div>
    <div style="display:flex;width:2%;align-items:center;justify-content:center;background-color:#F5F5F5;margin-left:4px">
        <a href="javascript:void(0);" id="client-sh-map"><i class="layui-icon">&#xe65a;</i></a>
    </div>
</div>