You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
2.1 KiB
64 lines
2.1 KiB
4 years ago
|
<div class="contentBox">
|
||
|
<header>
|
||
|
<h1>数字化预案编制和管理平台</h1>
|
||
|
<div class="showTime">{{time}}</div>
|
||
|
</header>
|
||
|
<section class="mainbox">
|
||
|
<div class="column">
|
||
|
<div class="panel bar">
|
||
|
<h2>单位类型</h2>
|
||
|
<div class="chart" id="unitType"></div>
|
||
|
<div class="panel-footer"></div>
|
||
|
</div>
|
||
|
<div class="panel line">
|
||
|
<h2>预案状态</h2>
|
||
|
<div class="chart" id="planStates"></div>
|
||
|
<div class="panel-footer"></div>
|
||
|
</div>
|
||
|
<div class="panel pie">
|
||
|
<h2>预案类型</h2>
|
||
|
<div class="chart" id="planType"></div>
|
||
|
<div class="panel-footer"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="column">
|
||
|
<div class="no">
|
||
|
<div class="no-hd">
|
||
|
<ul>
|
||
|
<li>123</li>
|
||
|
<li>456</li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
<div class="no-bd">
|
||
|
<ul>
|
||
|
<li>预案数量</li>
|
||
|
<li>单位数量</li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="map">
|
||
|
<div class="map1"></div>
|
||
|
<div class="map2"></div>
|
||
|
<div class="map3" id='map' style='width:98%; height:98%;'></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="column">
|
||
|
<div class="panel bar">
|
||
|
<h2>趋势图</h2>
|
||
|
<div class="chart" id="trend"></div>
|
||
|
<div class="panel-footer"></div>
|
||
|
</div>
|
||
|
<div class="panel line">
|
||
|
<h2>玫瑰图</h2>
|
||
|
<div class="chart" id="xxx"></div>
|
||
|
<div class="panel-footer"></div>
|
||
|
</div>
|
||
|
<div class="panel pie">
|
||
|
<h2>柱状图</h2>
|
||
|
<div class="chart" id="yyy"></div>
|
||
|
<div class="panel-footer"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</section>
|
||
|
</div>
|