40 lines
1014 B
Vue
40 lines
1014 B
Vue
|
<template>
|
||
|
|
<div class="center-cmp">
|
||
|
|
<div class="cc-header">
|
||
|
|
<dv-decoration-1 style="width:200px;height:50px;" />
|
||
|
|
<div>机电设备总数</div>
|
||
|
|
<dv-decoration-1 style="width:200px;height:50px;" />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="cc-details">
|
||
|
|
<div class="card">2</div>
|
||
|
|
<div class="card">1</div>
|
||
|
|
<div class="card">3</div>
|
||
|
|
<div class="card">7</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="cc-main-container">
|
||
|
|
<div class="ccmc-left">
|
||
|
|
<div class="station-info">
|
||
|
|
收费站<span>1315</span>
|
||
|
|
</div>
|
||
|
|
<div class="station-info">
|
||
|
|
监控中心<span>415</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<dv-active-ring-chart class="ccmc-middle" :config="config" />
|
||
|
|
|
||
|
|
<div class="ccmc-right">
|
||
|
|
<div class="station-info">
|
||
|
|
<span>90</span>道路外场
|
||
|
|
</div>
|
||
|
|
<div class="station-info">
|
||
|
|
<span>317</span>其他
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<LabelTag :config="labelConfig" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|