<!-- 头部 -->
<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>
