今日学习总计

大屏学习记录

function refreshRem() {
var width = docEl.getBoundingClientRect().width;
// 最小1366px，最大适配2560px
if (width / dpr < 1366) {
width = 1366 * dpr;
} else if (width / dpr > 2560) {
width = 2560 * dpr;
}
// 原项目是1920px我设置成24等份，这样1rem就是80px
var rem = width / 24;
docEl.style.fontSize = rem + 'px';
flexible.rem = win.rem = rem;
}

<div id="content">
<div class="content_left">
<!-- <div class="dtuplc">-->
<!-- <div class="dtu">-->
<!-- <div id="container" style="height: 100%;"></div>-->
<!-- </div>-->
<!-- <div class="plc">-->
<!-- <div id="container1" style="height: 100%"></div>-->
<!-- </div>-->
<!-- </div>-->
<div class="dtuplc">
<div class="report1">
<p>驾校</p>
<small>{{alarm2.alarm}}</small>
</div>
<div class="report2">
<p>团购</p>
<small>{{alarm2.fault}} </small>
</div>
</div>
<!--
DTU和PLC完
-->
<div class="online">
<div class="title"><img src="images/icon01.png" /> 热门关键词</div>
<div class="online_con" id="container2">

</div>
</div>
<!-- <div class="industry">-->
<!-- <div class="title"><img src="images/icon02.png" /> 接入工厂类型</div>-->
<!-- <div class="industry_con" id="container3"></div>-->
<!-- </div>-->
<div class="industry">
<div class="title"><img src="images/icon02.png" /> Top5商品下单排行</div>
<div class="data_con" id="container3">

</div>
</div>
</div>
<div class="content_center">
<div class="center_top">
<div class="title"><img src="images/icon03.png" /> 平台订单趋势</div>
<div class="center_con">
<img class="t_l_line" src="images/left_line.png" alt="">
<div id="chart_2" class="echart" style="width: 100%; height: 35rem;"></div>
<img class="t_r_line" src="images/right_line.png" alt="">
<!-- <img class="t_l_line" src="images/left_line.png" alt="">-->
<!-- <div id="chart_1" class="echart" style="width: 600px;height:400px;"></div>-->
<!-- <img class="t_r_line" src="images/right_line.png" alt="">-->
</div>
</div>
<div class="center_bot">
<table class="panel-table"bordercolor="#0d48e0" border="1">
<thead bgcolor="#0e4ae0" align="center" >
<tr height="40">
<th colspan="6"><img src="images/icon04.png" /> 今日实时数据</th>
<div class="bar">
<div class="barbox">
<ul class="clearfix">
<li class="pulll_left ">25420</li>
<li class="pulll_left ">50000</li>
<li class="pulll_left ">100000</li>
</ul>
</div>
<div class="barbox2">
<ul class="clearfix">
<li class="pulll_left">平台访问量 </li>
<li class="pulll_left">平台订单量</li>
<li class="pulll_left">平台订单金额</li>
</ul>
</div>
</div>
</tr>