任务新增导出

zhongrj

2023-06-27 d74b495736f0c04522ec54274b70fed0ded2878d

 public/map/widgets/realTimePolice/template.html

New file
@@ -0,0 +1,137 @@
<div class='real-time-police' open-li='real-time-police' style='height: calc(100%);'>

    <div style="width: 98%">
        <div class="real-time-select-condition">
            <div class="realtime-district">
                <ul>
                    <li id='realtimeDistrict'>
                        行政区：
                        <div>
                            全部

                            <i>

                            </i>
                        </div>
                        <div class='select-list'>
                            <ul>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="realtime-level" style='flex: 1'>
                <ul>
                    <li id='realtimeLevel'>
                        警情类型：
                        <div>
                            全部

                            <i>

                            </i>
                        </div>
                        <div class='select-list'>
                            <ul>
                                <li>全部</li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="realtime-timeselect">
                <input type="text" placeholder="开始时间" timeSelect="true" id="realTimeBegin" autocomplete="off">
                -
                <input type="text" placeholder="结束时间" timeSelect="true" id="realTimeEnd" autocomplete="off">

                <button type="button" quilckQuery="true" id="realTimeQuilckQuery" class="layui-btn layui-btn-sm layui-btn-normal">
                    <i class="layui-icon layui-icon-search"></i>查询
                </button>

                <button type="button" quilckQuery="false" id="realTimeClearQuery" class="layui-btn layui-btn-sm client-btn-qk">
                    <i class="layui-icon layui-icon-refresh"></i>清空
                </button>

            </div>

            <div class="realtime-quick">
                <button type="button">本周</button>
                <button type="button">本月</button>
                <button type="button">全部</button>
            </div>

        </div>

        <div class="real-time-information-list">
            <table id="real_time_table" lay-filter="test">

            </table>
        </div>

        <div class="layer-realtime-police-parent">
            <div class='layer-realtime-police'>

                <div class="layer-header">

                    <h4>实时报警</h4>
                    <div class="audio open">
                        <audio src="./images/audio.mp3" loop></audio>
                    </div>
                    <div class="close">

                    </div>
                </div>

                <div class="layer-content">
                    <ul>
                    </ul>
                    <div class="bottom-tab">
                        <input type="button" class='up-tab off' value='上一条'>
                        <input type="button" class='down-tab on' value='下一条'>
                    </div>
                    <div class="layer-realtime-video">
                        <video src="" controls="controls" loop>
                            您的浏览器不支持 video 标签。
                        </video>
                    </div>
                </div>

            </div>
        </div>

        <script type="text/html" id="real_time_table_btn">
            <button class="layui-btn layui-btn-radius layui-btn-normal" lay-event="realDispose" title="处置" style="
            width: 20px;
            height: 20px;
            background: url(./images/real-time-look.png) no-repeat;
            background-size: 100% 100%;
        "></button>

            <button class="layui-btn layui-btn-radius layui-btn-normal" lay-event="realHistory" title="设备历史" style="
            width: 20px;
            height: 20px;
            background: url(./images/real-time-history.png) no-repeat;
            background-size: 100% 100%;
        "></button>

            <button class="layui-btn layui-btn-radius layui-btn-normal" lay-event="realVideo" title="视频查看" style="
            width: 20px;
            height: 20px;
            background: url(./images/real-time-video-start.png) no-repeat;
            background-size: 100% 100%;
        "></button>

            <button class="layui-btn layui-btn-radius layui-btn-normal" lay-event="realLocation" 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="realTime-sh-map"><i class="layui-icon">&#xe65a;</i></a>
    </div>
</div>