在线设备链接

Administrator

2021-03-21 1befdd4a5c856d99249aa7ff849b8aade0adc164

 public/map/widgets/analysisAndJudgment/template1.html

New file
@@ -0,0 +1,199 @@
<div class='analysis-and-judgment' open-li='analysis-and-judgment'
    style='width: 360px; height: calc(100%); background: rgba(12,25,49, .8);'>
    <ul class='analysis-and-judgment-tab'>
        <li class='on'>警情信息</li>
        <li>业主信息</li>
        <li>设备信息</li>
    </ul>
    <!-- 展示分析研判 -->
    <div class="analysis-container">
        <!-- 警情信息 -->
        <div class="analysis-container-police">
            <div class="analysis-category">
                <ul>
                    <li id='policeCategory'>
                        类型：
                        <div>
                            全部

                            <i>

                            </i>
                        </div>
                        <div class='select-list'>
                            <ul>
                                <li>全部</li>
                                <li>治安警情</li>
                                <li>刑事警情</li>
                                <li>火警</li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <input type="checkbox" id='policeHeatMap'> 热力图
                    </li>
                </ul>
            </div>
            <div class='analysis-selection-criteria'>
                <input type="text" id='analysis_select_time_start' readonly> - <input type="text" id='analysis_select_time_end' readonly>
                <input type="button" value='查询' id='policeSelectTime'>
            </div>
            <div class='analysis-table-content'>
                <div class="table">
                    <div class="thead">
                        <table>
                            <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>类别</th>
                                    <th>行政区</th>
                                    <th>日期</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="tbody">
                        <table>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- 业主信息 -->
        <div class="analysis-container-owner">
            <div class="analysis-category">
                <ul>
                    <li id='ownerCategory'>
                        类型：
                        <div>
                            全部

                            <i>

                            </i>
                        </div>
                        <div class='select-list'>
                            <ul>
                                <li>全部</li>
                                <li>一般</li>
                                <li>略重</li>
                                <li>重要</li>
                                <li>特殊</li>
                                <li>特重</li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <input type="checkbox" id='ownerHeatMap'> 热力图
                    </li>
                </ul>
            </div>
            <div class="analysis-level">
                <ul>
                    <li id='ownerLevel'>
                        等级：
                        <div>
                            全部

                            <i>

                            </i>
                        </div>
                        <div class='select-list'>
                            <ul>
                                <li>全部</li>
                                <li>一级</li>
                                <li>二级</li>
                                <li>三级</li>
                                <li>四级</li>
                                <li>五级</li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <!-- 级别 -->
                    </li>
                </ul>
            </div>

            <div class='analysis-table-content'>
                <div class="table">
                    <div class="thead">
                        <table>
                            <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>类别</th>
                                    <th>等级</th>
                                    <th>名称</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="tbody">
                        <table>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- 设备信息 -->
        <div class="analysis-container-equipment">
            <div class="analysis-category">
                <ul>
                    <li id='equipmentCategory'>
                        类型：
                        <div>
                            全部

                            <i>

                            </i>
                        </div>
                        <div class='select-list'>
                            <ul>
                                <li>全部</li>
                                <li>一体化摄像头</li>
                                <li>普通枪式摄像头</li>
                                <li>红外夜视防水型摄像头</li>
                                <li>球型摄像头</li>
                                <li>高速球</li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <input type="checkbox" id='equipmentHeatMap'> 热力图
                    </li>
                </ul>
            </div>
            <div class='analysis-table-content'>
                <div class="table">
                    <div class="thead">
                        <table>
                            <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>设备名称</th>
                                    <th>设备类型</th>
                                    <th>设备编码</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="tbody">
                        <table>
                            <tbody>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>