safesite/safesite/templates/alarm.html

<div class="easyui-layout" style="width:100%;height:100%;">
    <div style="height:23%">
    <table style="padding-left:5%;padding-top:20px;width: 95%;">
        <tr style="height:40px">
        <td >
           起止时间&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="text" id="datetime1" style="width:30%;"  class="easyui-datetimebox">- <input type="text" style="width:30%;" id="datetime2"  class="easyui-datetimebox">
        </td>
        <td>
            <select id="sate" class="easyui-combobox" name="state" style="width:80%;" data-options="label:'告警源'">
            <option >全部</option>
            <option>部分</option>
          </select>
        </td>
      
        </tr>
        <tr style="height:40px">
            <td>
                <select id="level" class="easyui-combobox" name="level" style="width:80%;" data-options="label:'告警级别'">
                <option >高</option>
                <option>中</option>
                <option>低</option>
              </select>
          
            </td>
            <td>
                <select id="sate" class="easyui-combobox" name="state" style="width:40%;"  data-options="label:'告警类型'">
                <option >全部</option>
                <option>部分</option>
              </select>
              <select id="sate" class="easyui-combobox" name="state" style="width:40%;">
                <option >全部</option>
                <option>部分</option>
              </select>
            
        </td>
       
        </tr>
        <tr style="height:40px">
            <td>
                <select id="sate" class="easyui-combobox" name="state" style="width:80%;" data-options="label:'处理状态'">
                <option >全部</option>
                <option>部分</option>
              </select>
            </td>
            <td>
               <button  class="easyui-linkbutton" >查询</button>&nbsp;&nbsp;<button class="easyui-linkbutton">重置</button>&nbsp;&nbsp;<button class="easyui-linkbutton">导出</button>
            </td>
        </tr>
    </table>
    </div>
    <div style="height:70%; overflow-x: hidden;overflow-y: scroll;">
    <div style="padding-left:20px">
        <div style="position: relative;border:1px solid rgb(197, 189, 189);width:300px;height:250px;margin-left:20px;margin-top:30px;float:left">
            <div >
               
                <img style="width:300px;height:140px" src="\media\default\yujing.jpg"/>
                <span style="position: absolute; top: 0; left: 0;color:springgreen">已处理</span>
            </div>
            <div style="margin:10px">
                <p>2020-03-21 22:11:56</p>
                <p>20.23.3 摄像头</p>
                <span>未穿防护服</span><span style="float:right;color:orange">一般</span>
            </div>
        </div> 
        <div style="position: relative;border:1px solid rgb(197, 189, 189);width:300px;height:250px;margin-left:20px;margin-top:30px;float:left">
            <div >
               
                <img style="width:300px;height:140px" src="\media\default\yujing.jpg"/>
                <span style="position: absolute; top: 0; left: 0;color:springgreen">已处理</span>
            </div>
            <div style="margin:10px">
                <p>2020-03-21 22:11:56</p>
                <p>20.23.3 摄像头</p>
                <span>未穿防护服</span><span style="float:right;color:orange">一般</span>
            </div>
        </div>
        <div style="position: relative;border:1px solid rgb(197, 189, 189);width:300px;height:250px;margin-left:20px;margin-top:30px;float:left">
            <div >
               
                <img style="width:300px;height:140px" src="\media\default\yujing.jpg"/>
                <span style="position: absolute; top: 0; left: 0;color:springgreen">已处理</span>
            </div>
            <div style="margin:10px">
                <p>2020-03-21 22:11:56</p>
                <p>20.23.3 摄像头</p>
                <span>未穿防护服</span><span style="float:right;color:orange">一般</span>
            </div>
        </div>
        <div style="position: relative;border:1px solid rgb(197, 189, 189);width:300px;height:250px;margin-left:20px;margin-top:30px;float:left">
            <div >
               
                <img style="width:300px;height:140px" src="\media\default\yujing.jpg"/>
                <span style="position: absolute; top: 0; left: 0;color:springgreen">已处理</span>
            </div>
            <div style="margin:10px">
                <p>2020-03-21 22:11:56</p>
                <p>20.23.3 摄像头</p>
                <span>未穿防护服</span><span style="float:right;color:orange">一般</span>
            </div>
        </div>
        <div style="position: relative;border:1px solid rgb(197, 189, 189);width:300px;height:250px;margin-left:20px;margin-top:30px;float:left">
            <div >
               
                <img style="width:300px;height:140px" src="\media\default\yujing.jpg"/>
                <span style="position: absolute; top: 0; left: 0;color:springgreen">已处理</span>
            </div>
            <div style="margin:10px">
                <p>2020-03-21 22:11:56</p>
                <p>20.23.3 摄像头</p>
                <span>未穿防护服</span><span style="float:right;color:orange">一般</span>
            </div>
        </div>
        <div style="position: relative;border:1px solid rgb(197, 189, 189);width:300px;height:250px;margin-left:20px;margin-top:30px;float:left">
            <div >
               
                <img style="width:300px;height:140px" src="\media\default\yujing.jpg"/>
                <span style="position: absolute; top: 0; left: 0;color:springgreen">已处理</span>
            </div>
            <div style="margin:10px">
                <p>2020-03-21 22:11:56</p>
                <p>20.23.3 摄像头</p>
                <span>未穿防护服</span><span style="float:right;color:orange">一般</span>
            </div>
        </div>
        <div style="position: relative;border:1px solid rgb(197, 189, 189);width:300px;height:250px;margin-left:20px;margin-top:30px;float:left">
            <div >
               
                <img style="width:300px;height:140px" src="\media\default\yujing.jpg"/>
                <span style="position: absolute; top: 0; left: 0;color:springgreen">已处理</span>
            </div>
            <div style="margin:10px">
                <p>2020-03-21 22:11:56</p>
                <p>20.23.3 摄像头</p>
                <span>未穿防护服</span><span style="float:right;color:orange">一般</span>
            </div>
        </div>
        <div style="position: relative;border:1px solid rgb(197, 189, 189);width:300px;height:250px;margin-left:20px;margin-top:30px;float:left">
            <div >
               
                <img style="width:300px;height:140px" src="\media\default\yujing.jpg"/>
                <span style="position: absolute; top: 0; left: 0;color:springgreen">已处理</span>
            </div>
            <div style="margin:10px">
                <p>2020-03-21 22:11:56</p>
                <p>20.23.3 摄像头</p>
                <span>未穿防护服</span><span style="float:right;color:orange">一般</span>
            </div>
        </div>
        <div style="position: relative;border:1px solid rgb(197, 189, 189);width:300px;height:250px;margin-left:20px;margin-top:30px;float:left">
            <div >
               
                <img style="width:300px;height:140px" src="\media\default\yujing.jpg"/>
                <span style="position: absolute; top: 0; left: 0;color:springgreen">已处理</span>
            </div>
            <div style="margin:10px">
                <p>2020-03-21 22:11:56</p>
                <p>20.23.3 摄像头</p>
                <span>未穿防护服</span><span style="float:right;color:orange">一般</span>
            </div>
        </div>
        <div style="position: relative;border:1px solid rgb(197, 189, 189);width:300px;height:250px;margin-left:20px;margin-top:30px;float:left">
            <div >
               
                <img style="width:300px;height:140px" src="\media\default\yujing.jpg"/>
                <span style="position: absolute; top: 0; left: 0;color:springgreen">已处理</span>
            </div>
            <div style="margin:10px">
                <p>2020-03-21 22:11:56</p>
                <p>20.23.3 摄像头</p>
                <span>未穿防护服</span><span style="float:right;color:orange">一般</span>
            </div>
        </div>

    </div>
  
</div>
<div id="pp" class="easyui-pagination" style="background:#efefef;border:1px solid #ccc;"
data-options="total:2000,pageSize:10">
</div>
<script>

</script>