消防、物业、工地监控大屏看板效果图

先上效果图

 

技术：

jquery

echarts

部分代码:

<li>
                <div class="boxall" style="height:5.2rem">
                    <div class="alltitle">燃气报警</div>
                    
                    <div class="clearfix">
                        <div class="sy" style="width:300px;" id="yqbj"></div>
                    </div>
                    <div class="addnew" >
                        <div class="tit02"><span>最新报警</span></div>
                        <div class="adduser"  style="height: 2.0rem">
                            <ul >
                                <li class="clearfix"> <span class="pulll_left">大连市XX医院</span> <span class="pulll_right">一楼 - 吸烟 - 2019-10-11  09:58:58 </span> </li>
                                <li class="clearfix"> <span class="pulll_left">大连市XX集团</span> <span class="pulll_right">二楼 - 误报 - 2019-10-11  09:58:58 </span> </li>
                                <li class="clearfix"> <span class="pulll_left">开发区医院</span> <span class="pulll_right">三楼 - 粉尘 - 2019-10-11  09:58:58 </span> </li>
                                <li class="clearfix"> <span class="pulll_left">时代广场</span> <span class="pulll_right">四楼 - 误报 - 2019-10-11  09:58:58 </span> </li>
								<li class="clearfix"> <span class="pulll_left">海昌物业</span> <span class="pulll_right">四楼 - 误报 - 2019-10-11  09:58:58 </span> </li>
								<li class="clearfix"> <span class="pulll_left">海昌物业</span> <span class="pulll_right">四楼 - 误报 - 2019-10-11  09:58:58 </span> </li>
                            </ul>
                        </div>
                    </div>
                    <div class="boxfoot"></div>
                </div>
                <div class="boxall" style="height: 1.4rem">
                    <div class="alltitle">红外报警</div>
						<div class="grid">
							<span class="line"></span>
						</div>
						 <div >
                            <span style="color: #fff;opacity:.5">本月报警数量 ：</span><span style="color: #DC143C;font-size:.1rem;    font-weight: bold;">809</span>
							 <span style="margin-left:15%;color: #fff;opacity:.5">上月报警数量 ：</span><span style="color: #ffeb7b;font-size:.1rem;    font-weight: old;">109</span>

						</div>
                    <div class="boxfoot"></div>
                </div>
				<div class="boxall" style="height: 3.4rem">
                    <div class="alltitle">水报警</div>
					<div class="allnav" style="height: 3.0rem" id="sbj"></div>
                   
                    <div class="boxfoot"></div>
                </div>
            </li>

 

下载链接：

消防、物业、建筑工地监控大屏看板效果图、前端模板

https://download.csdn.net/download/JSPSEO/89376453