html：
<!-- 头部 --> <header> <img src="./img/图层 16.png" alt=""> <h1>运营分析数据大屏</h1> </header> <!-- 内容区 --> <div class="content"> <!-- 模板一 --> <div class="first"> <!-- 上部 --> <div class="top"></div> <!-- 下部 --> <div class="bottom"> <l>线下营业额据统计</l> <!-- 比例 --> <div class="ratio"> <!-- 左 --> <div class="left"> <!-- 左 --> <div class="lefts"> <p class="tops">数据分析人数</p> <b class="bottoms"><span>1234</span><span>人</span></b> </div> <!-- 右 --> <div class="rights"> <p class="tops">营销额</p> <b class="bottoms"><span>123,345.00</span><span>元</span></b> </div> </div> <!-- 右 --> <div class="right"> <!-- 左 --> <div class="leftd"> <div class="xr"></div> <p><span class="zb">占比</span><span class="sz">12</span><span class="bfb">%</span></p> <div class="rs"> <span class="zhu"><span class="sz">1234</span><span class="ren">人</span></span> <span class="sj">数据分析</span> </div> </div> <!-- 右 --> <div class="rightd"> <div class="xrs"></div> <p><span class="zb">占比</span><span class="sz">88</span><span class="bfb">%</span></p> <div class="rs"> <span class="zhu"><span class="sz">6234</span><span class="ren">人</span></span> <span class="sj">数据分析</span> </div> </div> </div> </div> <!-- 数据 --> <div class="data"> <!-- 左 --> <div class="left"> <!-- 上 --> <div class="up"> <div class="tu"> <img src="./img/1.svg" alt=""> </div> <div class="zi"> <p class="zr">昨日运营数据分析</p> <p class="jq"><b>1,234.00</b><span>元</span></p> </div> </div> <!-- 下 --> <div class="below"> <div class="tu"> <img src="./img/3.svg" alt=""> </div> <div class="zi"> <p class="zr">昨日运营数据分析</p> <p class="jq"><b>1,234.00</b><span>元</span></p> </div> </div> </div> <!-- 右 --> <div class="right"> <!-- 上 --> <div class="up"> <div class="tu"> <img src="./img/2.svg" alt=""> </div> <div class="zi"> <p class="zr">昨日运营数据分析</p> <p class="jq"><b>1,234.00</b><span>元</span></p> </div> </div> <!-- 下 --> <div class="below"> <div class="tu"> <img src="./img/4.svg" alt=""> </div> <div class="zi"> <p class="zr">昨日运营数据分析</p> <p class="jq"><b>1,234.00</b><span>元</span></p> </div> </div> </div> </div> <!-- 图 --> <div class="tus"> </div> </div> </div> <!-- 模板二 --> <div class="towss"> <!-- 上部 --> <div class="topss"> <l>营业额数据统计</l> <!-- 数字 --> <div class="number"> <!-- 左 --> <div class="left"> <!-- 上 --> <div class="top"> <p class="tops"><span class="szs">3381.2</span><span class="wy">万元</span></p> </div> <!-- 下 --> <div class="bottom"> <o>今年业绩指标</o> <div class="zb"> <span class="fp">1</span> <span class="fp">2</span> <span class="fp">3</span> <span class="fp">4</span> <span class="fp">.</span> <span class="fp">4</span> <b class="wyh">万元</b> <b class="wyh">昨日</b> <b class="wyh">567</b> <b class="wyh">万</b> <b class="bfb">25.6</b> <b class="bfb">%</b> <b class="bfb"><img src="./img/向上.svg" alt=""></b> </div> </div> </div> <!-- 右 --> <div class="right"> <div class="queer"> <div class="canvas"></div> <div class="odds"> <p><span>75</span><span>%</span></p> </div> <div class="nianxian"> <span>当年完成率</span> </div> </div> <div class="precedence"> <div class="canvas"></div> <div class="odds"> <p><span>55</span><span>%</span></p> </div> <div class="nianxian"> <span>今日完成率</span> </div> </div> </div> </div> </div> <!-- 中部 --> <div class="centress"> <div class="heng"></div> <div class="yuan"> <div class="yanLeft"></div> <div class="yanRight"></div> </div> </div> <!-- 下部 --> <div class="bottomss"> <div class="head"> <l>趋势分析</l> <div class="cut"> <span>周</span> <span>月</span> <span>年</span> </div> </div> <!-- 内容 --> <div class="contentss"> </div> </div> </div> <!-- 模板三 --> <div class="threess"> <!-- 上部 --> <div class="topsss"> <!-- 标题 --> <div class="bt"> <div class="left"> <l>营业数额</l> </div> <div class="date"> <div class="dates"> <span>周</span> <span>月</span> <span>年</span> </div> </div> </div> <!-- 数据 --> <div class="se"> <!-- 订单 --> <div class="dd"> <!-- 左部 --> <div class="left_part"> <l>今年业绩指标</l> <div class="performance"> </div> </div> <!-- 右部 --> <div class="dindan"> <div class="ddl"></div> <div class="rs"> <span class="sj">订单量</span> <span class="zhu"><span class="sz">1234</span></span> </div> </div> </div> <!-- 业绩 --> <div class="performances"> <!-- 左部 --> <div class="left_section"> <l>今年业绩指标</l> <div class="indicator"> </div> </div> <!-- 右部 --> <div class="dindans"> <div class="jye"></div> <div class="rs"> <span class="sj">销售额</span> <span class="zhu"><span class="sz">1234</span></span> </div> </div> </div> </div> </div> <!-- 中部 --> <div class="centresss"> <!-- 占比分析 --> <div class="analyse"> <div class="left"> <l>占比分析</l> </div> <div class="date"> <div class="dates"> <span>周</span> <span>月</span> <span>年</span> </div> </div> </div> <!-- 数据 --> <div class="information"> <div class="sc"></div> <!-- 分析 --> <div class="analysis"> <span class="sz"></span> <span class="sj">数据分析</span> </div> </div> </div> <!-- 下部 --> <div class="bottomsss"> <!-- 线上营业额统计 --> <div class="on_line"> <div class="left"> <l>线上营业额统计</l> </div> <div class="date"> <div class="dates"> <span>周</span> <span>月</span> <span>年</span> </div> </div> </div> <!-- 今日 --> <div class="today"> <!-- 文字 --> <div class="wenzi"> </div> <!-- 表格 --> <div class="table"> <div class="sheet"></div> <div class="wd"> <p><span></span><span>%</span></p> </div> </div> </div> <!-- 图表 --> <div class="diagram"> <!-- 上 --> <div class="ups"> <div class="tusl"> <img src="./img/2.svg" alt=""> </div> <div class="zis"> <p class="zrs">昨日运营数据分析</p> <p class="jqs"><b>1,234.00</b><span>元</span></p> </div> </div> <!-- 下 --> <div class="belows"> <div class="tusl"> <img src="./img/4.svg" alt=""> </div> <div class="zis"> <p class="zrs">昨日运营数据分析</p> <p class="jqs"><b>1,234.00</b><span>元</span></p> </div> </div> </div> </div> </div> </div>
