44 lines
1.8 KiB
HTML
44 lines
1.8 KiB
HTML
<div class="env-right emergency-part">
|
|
<div class="box-content">
|
|
<title-component :imgSrc="imgSrc">
|
|
能耗统计
|
|
</title-component>
|
|
<hbt-echarts className="line-chart-emergency" :options="option"
|
|
@onChartInit="getEcharts($event,'lineChart')"></hbt-echarts>
|
|
</div>
|
|
<div class="box-content flex-15 margin-top-20 device-box">
|
|
<title-component :imgSrc="imgSrc">
|
|
设备在线统计
|
|
</title-component>
|
|
<div class="energyRightTitle d-flex is-justify-space-between margin-top-23">
|
|
<div class="d-flex align-items-center">
|
|
<img src="~@/assets/img/home/security-equipment.png" alt="">
|
|
<span>安防设备</span>
|
|
</div>
|
|
<span>100<span class="grayColor">/300</span></span>
|
|
</div>
|
|
<div class="energyRightTitle d-flex is-justify-space-between margin-top-10">
|
|
<div class="d-flex align-items-center">
|
|
<img src="~@/assets/img/home/training-devices.png" alt="">
|
|
<span>训练设备</span>
|
|
</div>
|
|
<span>100<span class="grayColor">/300</span></span>
|
|
</div>
|
|
<div class="energyRightTitle d-flex is-justify-space-between margin-top-10">
|
|
<div class="d-flex align-items-center">
|
|
<img src="~@/assets/img/home/logistics.png" alt="">
|
|
<span>配套设备</span>
|
|
</div>
|
|
<span>100<span class="grayColor">/300</span></span>
|
|
</div>
|
|
</div>
|
|
<div class="box-content margin-top-20 emergency-part">
|
|
<title-component :imgSrc="imgSrc">
|
|
物资盘点
|
|
</title-component>
|
|
<hbt-echarts className="line-chart-emergency" :options="radarData"
|
|
@onChartInit="getEcharts($event,'radar')"></hbt-echarts>
|
|
</div>
|
|
|
|
</div>
|